#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:197px; 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; }
#mtophead>.btTras { position:absolute; top:0; width:44px; font-size:20px; height:44px;
            background:#650F14; right:153px; text-align:center; line-height:44px; }
#mtophead>.btTras>span { position:absolute; top:0; left:0; width:100%; height:100%; display: flex; justify-content: center; align-items: center;}                    
.font-aa #mtophead>.btTras { font-size:24px; }
.font-aaa #mtophead>.btTras { font-size:28px; }
#mtophead>.btTras nav { position:absolute; top:100%; left:0; width:100%; background:#650F14; 
                display:none; }
#mtophead>.btTras.open nav { display:block; }                        
#mtophead>.btTras nav a { display:block; color:#fff; font-size:16px; border-top:solid 1px #8D161C; }
#mtophead>.btTras nav a.sel { color:#f00; }
#mtophead>.btTras.ntc { right:156px; }
#mtophead>.btTras { top:auto; bottom:0; }


/* ==========================================================================
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; }
}