/* =====================================================================
   공개 포털 앱 스타일 — 원본 Hiossen_Instructions 앱이 가진 스타일시트를 그대로 옮김
     1) 테마 Hiossen_Instructions (Theme Editor 변수)
     2) 테마 그리드 (Hiossen_Instructions.extra.css — ThemeGrid 폭·여백, 12열·gutter 1.96%)
     3) 화면 Main 스타일시트
     4) 블록 Search_Block 스타일시트 (헤더 배너)
   위젯별 인라인 스타일은 Views/Portal/Index.cshtml 에 원본 값 그대로 둔다.
   ===================================================================== */

/* ── 1) 테마 ── */
:root {
    --color-primary: #19b5fe;
    --color-secondary: #19b5fe;

    --color-primary-hover: #1388be;
    --color-primary-selected: rgba(25, 181, 254, .12);

    --background-dark-theme: rgba(255, 255, 255, .1);
    --background-dark-theme-hover: rgba(255, 255, 255, .2);
}

/* ── 2) 테마 그리드 ── */
.ThemeGrid_Container { max-width: 1280px; padding-left: 5%; padding-right: 5%; }
.ListRecords { display: block; }

.ThemeGrid_Width1 { width: 6.5359477124183%; }
.ThemeGrid_Width2 { width: 15.0326797385621%; }
.ThemeGrid_Width3 { width: 23.5294117647059%; }
.ThemeGrid_Width4 { width: 32.0261437908497%; }
.ThemeGrid_Width5 { width: 40.5228758169935%; }
.ThemeGrid_Width6 { width: 49.0196078431373%; }
.ThemeGrid_Width7 { width: 57.516339869281%; }
.ThemeGrid_Width8 { width: 66.0130718954248%; }
.ThemeGrid_Width9 { width: 74.5098039215686%; }
.ThemeGrid_Width10 { width: 83.0065359477124%; }
.ThemeGrid_Width11 { width: 91.5032679738562%; }
.ThemeGrid_Width12 { width: 100%; }

.ThemeGrid_MarginGutter { margin-left: 1.96078431372549%; }

/* ── 3) 화면 Main ── */
.screen-container { background-color: white; }

/* ── 4) 블록 Search_Block ──
   background-size 는 원본 값 그대로 (배경이 1개라 브라우저는 첫 값 100% 만 쓴다) */
.main-contnet {
    background-image: url("../img/portal/banner_Webbanner_Instructionsforuse3.jpg");
    background-color: #ccc;
    min-height: 366px;
    background-position: center top;
    background-size: 100%, cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

/*Phone screen size*/
@media (max-width: 1200px) {
    .main-contnet { background-size: 1500px, cover; }
}