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

.wrap { width:94%; }
    
/* header & footer */
#w_header { padding-top: 10px; }
#w_header .wrap { width:94%; }
#w_header h1 a img { height: 60px; }
#w_header h1 img { height: 40px; }

.w_gnb { width: 50px; height: 50px; background: #f2851f; right: 3%; top:10px; }
#nav_btn { right:10px; top:7px; }    


#w_gnb { transition:0.3s; }
#w_gnb > ul { width:300px; text-align: center; }
#w_gnb > ul > li { margin-bottom: 20px; border-bottom:1px solid #999; padding-bottom: 20px;  }
#w_gnb > ul > li:last-child { border:none;  }
#w_gnb > ul > li > a { color:#fff; font:24px nseb; width: auto; }
#w_gnb > ul ul { top:0; display: none; margin-top: 10px; }
#w_gnb > ul ul li { font:18px/2 ntb; display: block; margin-left: 0; float:left; width:50%; }
#w_gnb > ul ul li a { color:#999; transition:none; }
#w_gnb > ul ul li a:after { display: none; }

.w_sns { position: absolute; right:2%; top:0; }
.w_sns li img { width: 46px; }

#w_footer { padding:40px 0; }
#w_footer address { font:normal 14px/1.8 ntd; }
#w_footer address span { margin-right: 0; display: block; }
#w_footer address span:last-of-type { display: inline-block; margin-right: 20px; }
#w_footer a.pc { position: absolute; top:0; right:0; }



/* index */
#main { height:100vh; background-attachment: scroll; padding-top:40px; }
#main h2 { font:28px/1.2 ntb;  }
#main p { font:16px/1.6 ntr; margin-top: 20px; }
#main .tel { font:26px/20px nseb; position: relative; top:10px; }
#main .tel span { font:20px/40px nseb; }
#main .inquery { width:120px; font:16px/40px ntm; top:0; margin-left: 10px;  }
#main i { display: none; }
    
#main ul { position: static; margin-top: 40px; width: 100%; }
#main ul li { width:48.5%; height:80px; margin:0 3% 3vw 0; }
#main ul li span { font:20px nseb; }


#company { padding:60px 0; }
#company h2 { float:none; font:24px/1.2 ntb; margin-bottom: 20px; }
#company p { float:none; margin-left: 0; font:14px/1.6 ntr; word-break: keep-all; }

#bnr3 { height: auto; }
#bnr3 a { height:auto; padding:30px 3%; float:none; width:auto; background: rgba(0,0,0,0.5); }
#bnr3 a:nth-child(2) { border:none; border-top:2px solid rgba(255,255,255,0.3); border-bottom:2px solid rgba(255,255,255,0.3); }
#bnr3 a div { position: static; width:auto; }
#bnr3 a h2 { font:20px ntt; }
#bnr3 a h3 { font:28px nseb; margin-top: 10px;  }
#bnr3 a p { font:14px/1.8 ntl; margin-top: 20px; }
#bnr3 a span { white-space: nowrap; margin-right: 10px; }

#pf { padding:60px 0; }
#pf .w_title { font:32px nseb; }
#pf .wrap { width:94%; }
#pf ul li { width:48.5%; margin-right:3%; margin-bottom: 3%;}
#pf ul li:nth-child(2n) { margin-right: 0; }
#pf ul li:nth-child(2n+1) { clear:both !important; }
#pf ul li a p { opacity: 1; font:14px ntr; padding:4px 6px; top:auto; bottom:0; height:auto; display: block; text-align: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;  }
#pf .more { font:16px ntr; width: 220px; }

#pro { padding:60px 0; }
#pro article { float:none; width:auto; }
#pro article:first-child { margin-right: 0; padding-left:40px;  }
#pro article strong { font:32px nseb; }
#pro article p { font:14px/1.6 ntd; margin-top: 10px; word-break: keep-all; }

#pro .tab ul { margin-top: 40px; border-top:1px solid #ddd; }
#pro .tab ul li { float:left; width: 33.3333%; text-align: center; border-bottom:1px solid #ddd; box-sizing: border-box; }
#pro .tab ul li:nth-child(3n+2) { border-left:1px solid #ddd; border-right:1px solid #ddd; }
#pro .tab ul li a { padding:0; font:14px/40px ntm; }
#pro .tab ul li.select a { color:#fff; background: #f2851f; display: block; }
#pro .tab p { font-size:16px; line-height:1.6; margin-top: 20px; }
#pro .tab p span { margin-right: 10px; color:#333; white-space: nowrap; }

#pro > ul { width:94%; margin:0 auto; margin-top: 20px; }
#pro > ul li { float:left; margin-right: 3%; width:48.5%; margin-bottom: 3vw; }
#pro > ul li:nth-child(2n) { margin-right: 0; }
#pro > ul li:nth-child(3) { position: relative; top:0; }
#pro > div.mob a { padding:0 20px; width: 240px; height:50px; margin:40px auto 0; font:16px ntr;  color:#fff; background: #f2851f; display: none; align-items: center; justify-content: space-between; }
#pro > div.mob a.on { display: flex; }


#inquery { padding:60px 0; }
#inquery article { float:none; }
#inquery article h2 { font-size:32px; }
#inquery article p { font:14px/1.6 ntr; margin-top: 20px;  }
#inquery article div { display: none; }

#inquery #formmail { border-left:none; width: auto; float:none; padding-left: 0; margin-top: 40px; }
#inquery #formmail ul li { float:none; width: auto; font:15px ntr; }
#inquery #formmail ul li:nth-child(2n) { margin-right: 0; }
#inquery #formmail ul li input[type=text], #inquery form ul li input[type=date] { font:15px ntd; background: none; }
#inquery #formmail ul li input[type=text]::placeholder, #inquery form ul li textarea::placeholder { color:#666; } 
#inquery #formmail ul li textarea { font:15px/1.6 ntd; }
#inquery #formmail ul li label { margin: 0 30px 0 6px; font-size:15px; line-height:2; }
#inquery #formmail ul li label:nth-of-type(3n) { margin-right: 0; }
#inquery #formmail input[type=submit] { position: static; font:16px ntr; display: block; margin: 30px auto 0; }
#inquery #formmail ul li:last-child a { font-size:15px; }


.info { z-index:91;  }
.info div { padding:20px; width: 94%; box-sizing: border-box; }
.info div p { width:auto; height:400px; font:14px/1.6 ntr; }
.info div .xi-close { right:3%; top:28px; }
    
    
/* 행사문의 bbs */
    
#qna { border-left:none; width: auto; float:none; padding-left: 0; margin-top: 40px; }
#qna iframe { width: 100%; height: 890px; }    

    
    
/* sub layout */
.sv { height: 200px; }
.sv div p { font:28px nsb; margin-top: 10px; }
.sv h2 { margin-top: 30px; }

.lnb { height: auto; top:200px; border-bottom:none; }
.lnb:after { content:""; clear:both; display: block; }
.lnb a { display:flex; float:left; padding:0; text-align: center; border-bottom:none; font:16px ntm; margin:0; align-items: center; justify-content: center; height: 50px; border-right:1px solid #ddd; border-bottom:1px solid #ddd; box-sizing: border-box; }
.lnb a.select { border:none; background: #f2851f; color:#fff; }
.l_blank { height: 50px; }
    
#lnb1 a { width:25%;  }    
#lnb1 a:last-child { border-right:none;  }    
#lnb3 a { width:33.3333%; }    
#lnb3 a:nth-child(3n) { border-right:none; }
#lnb3 + .l_blank { height: 100px; }

.pad { padding:60px 0 100px; }

/* sub1 */
#sub1 #greeting h2 { font:32px/1.2 ntm; }
#sub1 #greeting p { padding-left:20px; font:18px/1.6 nsb; margin-top: 20px; margin-bottom: 60px;  }
#sub1 #greeting figure { width: auto; height:auto; float:none; background:none; margin-left:0; }
#sub1 #greeting figure img { width: 100%; }
#sub1 #greeting article { margin-top: 40px; width:auto; float:none; font:14px/1.6 ntr; word-break: keep-all; }
#sub1 #greeting article span { font:18px nseb; }
#sub1 #greeting article span:first-of-type { font-size:22px; word-break: keep-all; }

#sub1 #business h2 { font:32px nseb; }
#sub1 #business ul { display: block; margin-top: 40px; }
#sub1 #business ul li { margin-bottom: 40px; }
#sub1 #business ul li div { width: 200px; height: 200px; margin:0 auto 20px; }
#sub1 #business ul li div img { margin-bottom: 10px; height: 50px;  }
#sub1 #business ul li div h3 { font:18px nseb; }
#sub1 #business ul li div p { font:14px nseb; }
#sub1 #business ul li span { font:14px/1.6 ntd; }

#sub1 #org h2 { font:32px nseb; }
#sub1 #org h3 { width:160px; height:160px; font:20px nseb; }
#sub1 #org ul { flex-wrap: wrap; margin-top: 20px;  }
#sub1 #org ul li { width: 49%; padding:40px 0 30px; margin-top: 30px; margin-bottom: 30px;  }
#sub1 #org ul li img { width: 50px; margin-left:-25px; top:-26px; }
#sub1 #org ul li h4 { font:20px nseb; }
#sub1 #org ul li strong { font:14px/1.4 ntr; }
#sub1 #org ul li dl dt { font:14px ntm; color:#333; } 
#sub1 #org ul li dl dd { font:14px ntr; color:#999; } 

#sub1 #cus article { float:none; }
#sub1 #cus article h2 { font:32px nseb; text-align: center; }
#sub1 #cus article p { font:16px/1.6 ntd; margin-top: 20px; word-break: keep-all; text-align: center; }
#sub1 #cus ul { width:auto; float:none; margin-top: 20px;  }
#sub1 #cus ul li { width:33.3333%; height:90px; }    
#sub1 #cus ul li img { max-width: 80%; }  
    
    
/* sub2 */
#sub2 .wrap { width:94%; }
#sub2 h2.title { font:32px nseb; }
    
#bo_gall .gall_li { width:48.5% !important; margin-right: 3% !important; margin-bottom: 3vw !important; }    
#bo_gall .gall_li:nth-child(2n) { margin-right: 0 !important;  }    
#bo_gall .gall_li:nth-child(2n+1) { clear:both; }    
#bo_gall .gall_li p { opacity: 1; font:14px ntr; padding:4px 6px; top:auto; bottom:0; height:auto; display: block; text-align: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;   }    
    
#sub2 #bo_v { margin-top: 40px; }
#sub2 #bo_v_title .bo_v_tit { font-size: 18px; line-height:1.4; word-break: keep-all; }
    
/* sub3 */
#sub3 .wrap { width:94%; }
#sub3 h2.title { font:32px nseb; }
#sub3 ul { margin-top: 40px; }
#sub3 ul li { width:48.5%; margin-right: 3%; margin-bottom: 3vw;  }
#sub3 ul li:nth-child(2n) { margin-right: 0; }
#sub3 ul li:nth-child(2n+1) { clear:both; }
#sub3 ul li p { font:14px ntr; padding:4px 6px; }
    
/* sub5 */
#inquery.sub5 { padding:0; }
#inquery.sub5 h2.title { font:32px nseb; margin-bottom: 0; }
#inquery.sub5 article p { margin-top: 20px; text-align: center; }    
    
    
    
    
    
}

@media (min-width:801px) { /* PC용 */
.mob { display: none !important; }
    
.pic_lt li.gallery_li:nth-child(3n) { margin-right: 0; }
.pic_lt li.gallery_li:nth-child(3n+1) {clear: both!important}    
    
.gall_row .box_clear {clear:both}    
    
    
#sub3 ul li:nth-child(3n) { margin-right: 0; }
#sub3 ul li:nth-child(3n+1) { clear:both; }
    
}