/* 레이아웃 CSS */
        /* iPad Pro 12.9인치 전용 
        @media only screen 
          and (min-device-width: 1024px) 
          and (max-device-width: 1366px)
          and (-webkit-min-device-pixel-ratio: 2) {

          .contents_wrap, .content_wrap, .container, .wrapper, .main_container,
          #contents_wrap, #content_wrap, #container, #wrapper {
            width: 100% !important;
            max-width: 100% !important;
            margin: 0 !important;
            padding: 0 15px !important;
            box-sizing: border-box !important;
            float: none !important;
          }
          
          .header_wrap, #header {
            width: 100% !important;
            padding: 0 15px !important;
            margin: 0 !important;
            float: none !important;
            height: auto !important;
          }
          
          .gnb, #gnb {
            width: 100% !important;
            float: none !important;
          }
          
          .gnb ul, #gnb ul {
            display: block !important;
            width: 100% !important;
            float: none !important;
            background: #f8f8f8 !important;
            border: 1px solid #ddd !important;
          }
          
          .gnb li, #gnb li {
            display: block !important;
            width: 100% !important;
            float: none !important;
            border-bottom: 1px solid #eee !important;
            border-right: none !important;
          }
          
          .gnb a, #gnb a {
            display: block !important;
            padding: 12px 15px !important;
            width: 100% !important;
            box-sizing: border-box !important;
          }
          
          .content_area, .main_content, #content {
            width: 100% !important;
            float: none !important;
            margin: 0 !important;
            padding: 15px !important;
            box-sizing: border-box !important;
          }
          
          .sidebar, #sidebar {
            display: none !important;
            visibility: hidden !important;
            position: absolute !important;
            left: -9999px !important;
          }
          
          .footer_wrap, #footer {
            width: 100% !important;
            padding: 15px !important;
            margin: 0 !important;
            clear: both !important;
          }
          
          .pc_only, .desktop_only, .hide_mobile {
            display: none !important;
            visibility: hidden !important;
            position: absolute !important;
            left: -9999px !important;
          }
          
          .mobile_only, .m_only, .show_mobile {
            display: block !important;
            visibility: visible !important;
            position: static !important;
          }
        }
        
        /* 갤럭시탭 S9 Ultra (14.6인치) - 2960 x 1848 /
        @media only screen 
          and (min-device-width: 1848px) 
          and (max-device-width: 2960px)
          and (pointer: coarse) {

          .contents_wrap, .content_wrap, .container { width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 15px !important; float: none !important; }
          .header_wrap, #header { width: 100% !important; padding: 0 15px !important; margin: 0 !important; }
          .gnb ul { display: block !important; width: 100% !important; background: #f8f8f8 !important; }
          .gnb li { display: block !important; width: 100% !important; float: none !important; border-bottom: 1px solid #eee !important; }
          .gnb a { display: block !important; padding: 12px 15px !important; width: 100% !important; }
          .content_area, #content { width: 100% !important; float: none !important; padding: 15px !important; }
          .sidebar, #sidebar { display: none !important; }
          .pc_only { display: none !important; }
          .mobile_only { display: block !important; }
        }
        
        /* 갤럭시탭 S9+ (12.4인치) - 2800 x 1752 /
        @media only screen 
          and (min-device-width: 1752px) 
          and (max-device-width: 2800px)
          and (pointer: coarse) {

          .contents_wrap, .content_wrap, .container { width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 15px !important; float: none !important; }
          .content_area, #content { width: 100% !important; float: none !important; padding: 15px !important; }
          .sidebar, #sidebar { display: none !important; }
          .pc_only { display: none !important; }
          .mobile_only { display: block !important; }
        }
        
        /* 갤럭시탭 S9 (11인치) - 2560 x 1600 /
        @media only screen 
          and (min-device-width: 1600px) 
          and (max-device-width: 2560px)
          and (pointer: coarse) {

          .contents_wrap, .content_wrap, .container { width: 100% !important; margin: 0 !important; padding: 0 15px !important; float: none !important; }
          .content_area, #content { width: 100% !important; float: none !important; padding: 15px !important; }
          .sidebar, #sidebar { display: none !important; }
          .pc_only { display: none !important; }
          .mobile_only { display: block !important; }
        }
        
        /* 갤럭시탭 A9+ (11인치) - 1920 x 1200 /
        @media only screen 
          and (min-device-width: 1200px) 
          and (max-device-width: 1920px)
          and (pointer: coarse) {

          .contents_wrap, .content_wrap { width: 100% !important; margin: 0 !important; padding: 0 15px !important; float: none !important; }
          .content_area, #content { width: 100% !important; float: none !important; padding: 15px !important; }
          .sidebar { display: none !important; }
          .pc_only { display: none !important; }
          .mobile_only { display: block !important; }
        }
        
        /* 범용 대형 안드로이드 태블릿 감지 /
        @media only screen 
          and (min-device-width: 1024px) 
          and (max-device-width: 3000px)
          and (pointer: coarse)
          and (hover: none) {

          .contents_wrap, .content_wrap, .container { width: 100% !important; margin: 0 !important; padding: 0 15px !important; float: none !important; }
          .header_wrap, #header { width: 100% !important; padding: 0 15px !important; margin: 0 !important; }
          .gnb ul { display: block !important; width: 100% !important; background: #f8f8f8 !important; border: 1px solid #ddd !important; }
          .gnb li { display: block !important; width: 100% !important; float: none !important; border-bottom: 1px solid #eee !important; }
          .gnb a { display: block !important; padding: 12px 15px !important; width: 100% !important; }
          .content_area, #content { width: 100% !important; float: none !important; padding: 15px !important; }
          .sidebar, #sidebar { display: none !important; }
          .footer_wrap, #footer { width: 100% !important; padding: 15px !important; margin: 0 !important; }
          .pc_only, .desktop_only { display: none !important; }
          .mobile_only, .m_only { display: block !important; }
        }
        
        /* 터치 디바이스 추가 보장 /
        @media (pointer: coarse) and (hover: none) {
          .btn, .button { min-height: 44px !important; touch-action: manipulation !important; }
        }*/