#mtophead { position:fixed; top:0; left:0; width:100%; min-height:44px; z-index:1000; 
            background:#C31F26; color:#fff; }
#mtophead>span { position:absolute; bottom:0; left:65px; line-height:44px;  }            
#mtophead>.btfont { position:absolute; top:0; width:44px; font-size:20px; height:44px;
                    background:#650F14; right:108px; text-align:center; line-height:44px; }
#mtophead>.btfont>span { position:absolute; top:0; left:0; width:100%; height:100%; }                    
.font-aa #mtophead>.btfont { font-size:24px; }
.font-aaa #mtophead>.btfont { font-size:28px; }
#mtophead>.btfont nav { position:absolute; top:100%; left:0; width:100%; background:#650F14; 
                        display:none; }
#mtophead>.btfont.open nav { display:block; }                        
#mtophead>.btfont nav a { display:block; color:#fff; font-size:16px; border-top:solid 1px #8D161C; }
#mtophead>.btfont nav a.sel { color:#f00; }
#mtophead>.btfont.ntc { right:156px; }
#mtophead>.btfind { right:20px; top:auto; bottom:0; }            
#mtophead>.btbkmk { right:64px; top:auto; bottom:0; }        
#mtophead>.btbkmk.ntc { right:112px; }
#mtophead>.btfont { top:auto; bottom:0; }
#mtophead>.dbx { position:absolute; right:152px; bottom:22px; height:22px; z-index:60;}
#mtophead>.dbx.ntc { right:200px; }
#mtophead>.dbx>img { height:100%; }
#mtophead+.ddsearch { top:44px; position:fixed; z-index:990; padding-top:30px; }
#mtophead+.ddsearch+.lybkmk { top:44px; position:fixed; z-index:990; }
#mtophead>em.fa.fa-exclamation-circle { color:#f4c242; position:absolute; bottom:4px; right:73px; 
                                        font-size:36px; cursor: pointer;}
.mnotice { display:none; background:#f4c242; padding:25px 0; margin-bottom:44px; }
.mnotice.open { display:block; }
#mtopstub .mnotice.open { margin-bottom:0; }
.mnotice .close { position:absolute; top:25px; right:1%; width:4%; cursor:pointer;}
.mnotice .tbnotice { margin-left:2.5%; width:92%;}
.mnotice .tbnotice th.ftc { position:relative; }
.mnotice .tbnotice td { color:#333; }
/* ==========================================================================
    iPad Pro : landscape
============================================================================= */
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1366px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1.5) {

}
/* ==========================================================================
    iPad Pro : portrait
============================================================================= */
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1366px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1.5) {
  .tophead img.logo { height:40%; top:30%; } 
}


/* ==========================================================================
    Pad : landscape
============================================================================= */
@media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : landscape){
    .tophead img.logo { height:40%; top:30%; } 
    .tophead .pgw>.dbx { display:none; }

}
/* ==========================================================================
    Pad : Portrait
============================================================================= */
@media only screen and (min-width: 768px) and (max-width: 959px) and (orientation : portrait) {
    .tophead img.logo { display:none; }
    .tophead img.logo.sm { display:block; height:36%; top:32%; }
    .tophead .fullw nav { width:85%; margin-left:15%;}
    .tophead .pgw>.dbx { display:none; }
    .tophead .tbmenu { width:85%; margin-left:15%; }   
    .socialtb td { padding:10px 12px; }
}
/* ==========================================================================
    M Narrow Desktop
============================================================================= */
@media only screen and (max-width:1200px) {
    .tophead img.logo { display:none; }
    .tophead img.logo.sm { display:block; height:36%; top:32%; }
    .tophead .fullw nav { width:88%; margin-left:12%;}
    .tophead .tbmenu { width:88%; margin-left:12%; } 
}
/* ==========================================================================
    SM Narrow Desktop
============================================================================= */
@media only screen and (max-width:950px) {
    #mlogo { width:40%; margin:20px 2.5%; display:block; cursor: pointer; }
    .tophead.dsk { display:none; }
    #mtophead { display:block;}
    #mtopstub { width:100%;  }    
    #mtopstub>div.blk { height:44px;}
}
/* ==========================================================================
    Mobile
============================================================================= */
@media only screen and (max-width:767px) {
    .dsk { display:none; }
    .mob { display:block; }    
    .mob.inline { display:inline; }
    .pgw { width:calc(100% - 40px);  }    
    
    .glayer .close { top:20px; left:20px; width:30px;  }
    
    #mlogo { width:80%; margin:20px auto; display:block;  }
    #mbtmlogo { width:20%; }
    #mtopstub { width:100%; /*height:44px;*/ }    
    #mtopstub>div.blk { height:44px; }    
    
    #fmlogin { width:90%; }
    #tbfoot { display:none; }
    #btmfoot .btmstb { background:none; }
    .btmstb table.socialtb { display:none;  }
    nav#mbtmfns { position:relative; }
    nav#mbtmfns>a { display:block; text-decoration:none; color:#333; font-weight:400; font-size:80%;  }
    nav#mbtmfns>a:hover { text-decoration:underline;}
    
    #footernav.bgc { background:none; padding:25px 0; color:#666; font-size:100%; 
                     border-bottom:solid 25px #C31F26; margin-bottom:25px; line-height:1.4; }
    #btmfoot>div>nav a { color:#666; display:block; margin-bottom:10px; }
    #mbtmsocials { margin:25px 0; }
    #mbtmsocials img { height:22px; margin-right:8%; }
    
    #breadcrumb { padding-right:0; }
    #breadcrumb  div.ico { position:relative; top:0; text-align:right; margin-top:10px; }
    
    .gotop { right:20px; bottom:30px; } 
    
    #acceptCookieBar>.pgw { width:100%; }
    #ckpolicy { width:auto; float:none; margin-bottom:25px; }
    #allowck { display:inline-block; float:none; width:auto; margin-right:20px; }
    #nock { display:inline-block; float:none; width:auto; }
    .mnotice .tbnotice,.mnotice .tbnotice tr,.mnotice .tbnotice tr>* { display:block; }
    .mnotice .tbnotice { margin-left:0; width:100%; }
    .mnotice .tbnotice th { width:60%; border-right:none; padding-left:85px; font-size:34px;}
    .mnotice .tbnotice th>em.fa { left:20px; }
    .mnotice .tbnotice td { padding:10px 20px 0 20px; }
    .mnotice .close { right:20px; width:30px;}
}

/* ==========================================================================
    Print
============================================================================= */
@media print {
    header,footer,.ddsearch,.lybkmk,#mobnav,.esfpmask,.gotop { display:none; }
    .pgw { width:95%; }
    #body.font-a,#body.font-aa,#body.font-aaa { font-size:11px; }
    #content img { max-width: 100%; height: auto;}
    #content table.gen { max-width: 100%; }
    #content table.gen th, #content table.gen td { padding: 10px; }
}