@media (max-width:800px) { /* 모바일용 */
.pc { display: none !important; }
.wrap { width: 94%; }
    
/* header & footer */
#w_header { height:60px; background: #fff; }
#w_header h1 { left: 3%; top:17px; }
#w_header h1 img { filter: brightness(1); }
#w_header #w_gnb { display: block; padding-top: 0; text-align: center; width:260px; margin:120px auto 0; }
#w_header #w_gnb > li { margin-right:0; border-bottom:1px solid #ddd;  }
#w_header #w_gnb > li:last-child { border:none; }
#w_header #w_gnb > li > a { font:24px/50px nseb; }
#w_header #w_gnb ul { position: static; padding-top: 0; display: none; }
#w_header #w_gnb ul li a { font:20px/40px str;}
#w_header .lang { right:calc(3% + 70px); top:24px; }
#w_header .sns { margin-top: 30px; }
#w_header .sns a { margin:0 10px; }

#w_header.on { height: 100vh; }
    
#nav_btn { position:absolute; right:3%; top:12px; }
#nav_btn .line{  width: 30px; height: 2px; background-color: #cd553a; 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);}       
.blank { height: 60px; }

#w_footer { padding:40px 0; }
#w_footer:before { display: none; }
#w_footer address { margin-top: 0; padding-left: 0; font:14px nsb; }
#w_footer address span, #w_footer address a { display: block; margin-right: 0; margin-bottom: 14px; color:inherit; }
   

/* sub layout */
.pad { padding:60px 0 100px; font:14px/1.6 nsr; }
.pad p { word-break: keep-all; }
.b_title { font:24px/1.4 nseb; word-break: keep-all; }
.more { font:14px/50px nsb; width: 180px; }
    
.sv { height: 140px; }
.sv h2 { font:28px nsl; }
b.tit { font:20px/1.4 nseb; }
    
    
/* index */
#main { height: 400px; padding-top: 60px; color:#fff; position: relative; }
#main:before { content:""; position: absolute; left: 0; top:0; width:100%; height:100%; background: rgba(0,0,0,0.3); }
#main h2 { font:28px/1.4 gsb; position: relative; }
#main p { font:16px nsb; margin-top: 20px; position: relative; }
#main a { width: 180px; font:15px/45px nsb;margin-top: 40px; position: relative; }    

#cont .cont1 .more { position: static; margin:40px auto 0; }

#cont .cont2 { margin-top: 100px; }
#cont .cont2 ul { flex-wrap: wrap; justify-content: space-between; margin-top: 40px; }
#cont .cont2 ul li { width:48%; margin-bottom: 40px; }
#cont .cont2 ul li img { width:100%; }
#cont .cont2 ul p { font:14px steb; }

#cont .cont3 { margin-top: 100px; }
#cont .cont3 .pic_lt ul { display: block; }
#cont .cont3 .pic_lt ul li { width:auto; float:none; margin-bottom: 40px; }
#cont .cont3 .pic_lt ul li img { width: 100%; }
#cont .cont3 .pic_lt ul li .info { padding:15px; font:16px nseb; }
#cont .cont3 .pic_lt ul li .info span { font:14px nsb;margin-top: 10px; }


#cont .cont4 { margin-top: 100px; height: 240px; text-align: center; }
#cont .cont4 p { font:18px/1.6 nseb; }
#cont .cont4 a { margin-top: 30px; }
    
/* sub1_1 */
#sub1_1 .cont1 b.tit { margin-bottom: 40px; }
#sub1_1 .cont1 img { margin-bottom: 40px; }
#sub1_1 .cont1 p { float:none; width: auto; line-height:1.6;  }
#sub1_1 .cont1 p:last-of-type { float:none; margin-top: 20px;  }   
#sub1_1 .cont1 p strong { text-align: right; display: block; } 
    
/* sub1_2 */
#sub1_2 .cont1 ul { margin-top: 20px; }
#sub1_2 .cont1 ul li { float:none; width:auto; border-right:none; font:16px/50px nsr;  }
#sub1_2 .cont1 ul li strong { width: 100px; margin-right: 20px; }

#sub1_2 .cont2 { margin-top: 60px; }
#sub1_2 .cont2 p { margin-top: 20px; margin-bottom: 20px;  }
#sub1_2 .cont2 figure { width: auto; float:none; padding:40px 0; height: auto; margin-bottom: 20px; }
#sub1_2 .cont2 figure img { width: 200px; }
#sub1_2 .cont2 figure:last-of-type { float:none; }

#sub1_2 .cont3 { margin-top: 60px; }
#sub1_2 .cont3 .icon { flex-wrap: wrap; margin-top: 20px; }
#sub1_2 .cont3 .icon li { margin-bottom: 30px;  }
#sub1_2 .cont3 .icon li figure { width: 100px; height: 100px; }
#sub1_2 .cont3 .icon li p { margin-top: 10px; font:14px nseb; }
#sub1_2 .cont3 .pic { margin-top: 40px; display: block; }
#sub1_2 .cont3 .pic li { margin-bottom: 30px;  }
#sub1_2 .cont3 .pic li img { width: 100%; }
#sub1_2 .cont3 .pic strong { margin-top: 10px; font:16px/1.6 nseb; }
#sub1_2 .cont3 .pic p { margin-top: 10px; }    
    
/* sub1_3 */
.left { float:none; width:auto; margin-bottom: 40px;  }
.right { float:none; width:auto; }
#sub1_3 b { margin-bottom: 20px; }
#sub1_3 .left li { font:20px nseb; display: inline-block; margin-right: 20px; }
#sub1_3 .right .year > li { padding-left: 80px; }
#sub1_3 .right .year > li strong { font:20px nseb; }
    
/* sub1_4 */
#sub1_4 b { margin-bottom: 20px; }
#sub1_4 .left li { font:20px nseb; margin-bottom: 20px; }
#sub1_4 .left li.select { color:#cf553a; }
#sub1_4 .right ul { margin-bottom: 60px; }
#sub1_4 .right ul li { width: 48.5%; margin: 0 3% 40px 0; }
#sub1_4 .right ul li:nth-child(5n) { margin-right: 3%;  }
#sub1_4 .right ul li:nth-child(2n) { margin-right: 0;  }
#sub1_4 .right ul li:nth-child(5n+1) { clear:none; }
#sub1_4 .right ul li:nth-child(2n+1) { clear:both; }
#sub1_4 .right ul li figure img { max-width: 100%; }
    
/* sub1_5 */
#sub1_5 b { margin-bottom: 20px; }
#sub1_5 .cont1 ul { margin-top: 40px; display: block; }
#sub1_5 .cont1 ul li { margin-bottom: 30px;  }
#sub1_5 .cont1 ul li img { width: 100%; }
#sub1_5 .cont1 ul strong { margin-top: 10px; font:16px/1.6 nseb; }
#sub1_5 .cont1 ul p { margin-top: 10px; line-height:1.8; }    
    
/* sub2 */
#sub2_0 ul li img { float:none; margin-right: 0; width:100%;  }
#sub2_0 ul li strong { font:24px nseb; } 
#sub2_0 ul li p { margin-top: 20px; } 
#sub2_0 ul li a { position: static; margin:20px auto 0; }     
    
/* sub2_1 */
#sub2_1 .path { font:14px nsb; color:#666; }
#sub2_1 .path i { font-size:12px; }
#sub2_1 .b_title { margin-top: 10px; }
#sub2_1 .b_title i { font-size:24px; }
#sub2_1 select.mob, #sub4_1 select.mob { width: 100%; border:1px solid #cf553a; border-radius:0; height: 50px; padding:0 10px; font:16px nsb; appearance:none; background:url(/images/down.png) no-repeat right 10px center; margin-top: 20px; }
#sub2_1 #bo_gall #gall_ul > li { width:48.5%; margin:40px 3% 0 0; }
#sub2_1 #bo_gall #gall_ul > li:nth-child(3n) { margin-right: 3%; }    
#sub2_1 #bo_gall #gall_ul > li:nth-child(2n) { margin-right: 0; }
#sub2_1 #bo_gall #gall_ul > li:nth-child(3n+1) { clear: none; }    
#sub2_1 #bo_gall #gall_ul > li:nth-child(2n+1) { clear: both; }    
#sub2_1 #bo_gall #gall_ul > li .gall_img img { width: 100%; }
#bo_gall .gall_box { margin-bottom: 0; }    
    
/* sub3_1 */
#sub3_1 h2 + p { font-size:16px; }
    
/* sub4_1 */
#sub4_1 h2 + p { font-size:16px; }
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
}

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


    
    
    
}