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

html.fix { overflow: hidden; }
.wrap { width:94%; }

/* header & footer */
#w_header { height:60px; overflow: hidden; transition: 0.3s; }
#w_header.sm { height:100%; }
#w_header h1 { padding-top:15px; text-align: center; }
#w_header h1 img { height:30px; }
#w_header #w_gnb { position: absolute; top:60px; right:0; width:100%; box-sizing: border-box; text-align: center; padding:60px 0 0; }
#w_header #w_gnb li { float:none; margin-right:0; margin-bottom: 30px;}
#w_header #w_gnb li a { font:28px sc7; color:#08598b; }
#w_header #w_sns { position: absolute; right:auto; left:0; top: 15px; }
.blank { height:60px; }
#nav_btn { position:absolute; right:0; top:12px; }
#nav_btn .line{  width: 40px; height: 2px; background-color: #333; 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; font:14px/1.6 ntl; }
#w_footer span { margin-right:0; display: block; word-break: keep-all; }
#top_btn { right:10px; bottom:10px; }
    
/* index */
#w_main .main #w_page { right:20px; }
#w_main .bg_tri { width:110%; padding:40px 0; margin-left:-5%; }
#w_main .bg_tri .main { margin-left:0px; height:240px; width:94%; }
#w_main .bg_tri .ment { position: static; margin-top: 30px; padding-left: 8%;}
#w_main .bg_tri .ment i { font:18px sc2; }
#w_main .bg_tri .ment p { margin:10px 0 10px; font:38px/1.3 sc6; }
#w_main .bg_tri .ment b { font:16px ntr; }
#w_main .bg_tri .deco { display: none; position: absolute; right:-40px; bottom:0; }

#w_bnr { padding:60px 0 50px; }
#w_bnr ul li { margin:0 10px 10px 0; width:calc(50% - 5px); height: 180px; padding:20px 0 0 10px; transition: none; }
#w_bnr ul li:nth-child(2n) { margin-right: 0; }
#w_bnr ul li:first-child:after { width:30px; height: 30px; }
#w_bnr ul li:last-child:after { width:30px; height: 30px; }
#w_bnr ul li:nth-child(7) { width:100%;}
#w_bnr ul li:hover { background: none !important; }
#w_bnr ul li dl dt { font:16px sc6; margin-bottom: 10px; }
#w_bnr ul li dl dd { font:13px/1.4 ntd; word-break: keep-all; }
#w_bnr ul li img { height:40px; right:10px; bottom:20px; }

#w_baro { padding:60px 0; }
#w_baro article { position: static; height:auto; width:auto; padding:40px 20px; }
#w_baro article strong { margin:20px 0 30px; font:28px/1.4 sc6; position: relative; }
#w_baro article strong:before { position: absolute; left:-12px; }
#w_baro article p { font:14px/1.6 ntd; word-break: keep-all; }
#w_baro img { width:100%; margin-left:0; }

#w_info { padding:60px 0;  }
#w_info h3 { font:22px sc6; color:#333; margin-bottom: 20px; }
#w_info h3 span { margin-left:0px; display: block; word-break: keep-all; }
#w_info .latest { width:auto; float:none; }
#w_info .latest article { float:none; width:auto; }
#w_info .latest article .lt_more { display: none; }
#w_info .latest article .lat li a { width:calc(100% - 60px); }
#w_info .latest article .lt_info { width:60px; }
#w_info .latest article:nth-child(1) { width:auto; margin-bottom: 40px; }
#w_info .latest article:nth-child(2) { margin-right: 0px; margin-bottom: 40px; height:auto; }
#w_info .latest article:nth-child(3) { height:auto; }
#w_info .latest .num, #w_info .latest .num a { font:36px sc2; color:#333; }
#w_info .w_map { width:auto; float:none; margin-top: 40px; }
#w_info .w_map .root_daum_roughmap { width:100% !important; }
#w_info .w_map .wrap_controllers { padding: 0; border-top:none; }
#w_info .w_map .wrap_controllers a, #w_info .w_map .wrap_controllers div { display:none; }

    
/* sub layout */
.sv { height:150px; }
.sv p { font:24px sc6; }
.sv p:after { content:""; display:block; width:50px; margin:10px auto; border-top:1px solid #fff; }
.sv span { font:16px sc6;  }
.cont { padding:60px 0 100px; }
    
/* print */
#w_print .cont1 #w_slide { margin-right:0; height:300px; width:auto; float:none; margin-bottom: 40px; }
#w_print .cont1 #w_calc { width:auto; float:none; }
#w_print .cont1 #w_calc table td select { background: #fff; }
#w_print .w_title { font:38px/1.2 sc4; float:none; text-align: center; margin-bottom: 40px; }
#w_print article { width:auto; float:none; }
#w_print article h3 { font:18px sc6; }
#w_print article p { font:14px/1.8 ntd; word-break: keep-all; }
#w_print article p span { font-size:16px;}

#w_print .cont3 article div { width:auto; margin-right: 0; float:none; margin-bottom: 40px; }
#w_print .cont3 article div:first-child table th:first-child { width:120px; }    
#w_print .cont4 img { width:100%; margin-right:0; margin-bottom: 20px; }
#w_print .cont4 p { width:auto; position: static; }
#w_print .cont4 p strong { font:18px ntb; }
#w_print .cont4 article { margin-bottom: 0 !important; margin-top: 40px; }
#w_print .cont4 article:nth-of-type(2n) { margin: 30px 0 60px; }
#w_print .cont4 article:nth-of-type(2n):after { content: ""; clear:both; display: block; }
#w_print .cont4 article figure { width:48%; margin-right: 4%; margin-bottom: 20px; }
#w_print .cont4 article figure img { width:100%; margin-bottom: 0; }
#w_print .cont4 article figure:last-child { width:48%; }
#w_print .cont4 article figure:nth-child(2n) { margin-right: 0; }
#w_print .cont4 article figure:nth-child(2n+1) { clear:both; }
#w_print .cont4 article figure figcaption { font:13px ntr; word-break: keep-all; }
#w_print .cont5 ul li { width:48%; margin-right:4%; margin-bottom: 20px;  }
#w_print .cont5 ul li img { float:none; margin-right: 0; width:100%; }
#w_print .cont5 ul li p { float:none; width:auto; margin-top: 10px;  }
#w_print .cont5 ul li p strong { font:16px ntb; }
#w_print .li3 { margin-top: 40px; }
#w_print .li3 article figure { width:48%; margin-right: 4%; margin-bottom: 20px; }
#w_print .li3 article figure img { width:100%; margin-bottom: 0; }
#w_print .li3 article figure:last-child { width:48%; }
#w_print .li3 article figure:nth-of-type(2n) { margin-right: 0; }
#w_print .li3 article figure:nth-of-type(2n+1) { clear:both; }
#w_print .li3 article figure figcaption { font:16px ntb; }  
    
    
/* book */
#w_print.w_book .cont1 #w_slide { height:300px; }   
.w_book .cont7 article figure figcaption span { display: block; font:14px/1.4 ntd; color:#666; margin-top: 10px; word-break: keep-all; }
#w_print.w_book .cont8 article:first-child  { width:auto; position:static;  }
#w_print.w_book .cont8 article:last-child { width:auto; margin-top: 40px; }
    
/* cover */
#w_cover .cont1 > p { font:16px/1.8 sc6; padding-left:20px; position: relative; word-break: keep-all; }
#w_cover .cont1 > p span { position: absolute; left:0; }
#w_cover .cont1 ul li { width:49%; margin-right:2%; }
#w_cover .cont1 ul li figure { height:auto; }
#w_cover .cont1 ul li:nth-child(2n) { margin-right: 0; }
#w_cover .cont1 ul li:nth-child(2n+1) { clear:both; }
#w_cover .cont1 ul li img { width:100%; height:auto; }
#w_cover .cont1 ul li p { margin-top: 10px; font:16px ntb; }
#w_cover .cont1 a { margin:40px auto 0; width:180px; height:50px; color:#fff; font:16px sc6; background: #007ac8;}    
    
/* 그누보드 */    
#bo_list .td_name { width:40px; }    

}

@media (min-width:801px) { /* PC용 */
.mob { display: none !important; }
#w_print .li3 article figure:nth-of-type(3n) { margin-right: 0; width:284px; }    
}