|
|
1번째 줄: |
1번째 줄: |
| @media screen and (max-width: 768px) { | | @media screen and (max-width: 768px) { |
| .novel-window { | | .novel-window { |
| display: inline-block;
| |
| width: 100%; | | width: 100%; |
| height: 100%;
| |
| background: white;
| |
| position: absolute;
| |
| top: -50%;
| |
| right: 50%;
| |
| transform: translate(50%, 50%);
| |
| overflow-x: hidden;
| |
| overflow-y: auto;
| |
| border: 1px solid #ddd;
| |
| border-radius: 5px;
| |
| padding: 5px;
| |
| text-align: justify;
| |
| font-family: Noto Serif KR;
| |
| color: black;
| |
| z-index: 999999;
| |
| } | | } |
| .moblile-x-btn-margin { | | .moblile-x-btn-margin { |
28번째 줄: |
12번째 줄: |
| @media screen and (min-width: 768px) { | | @media screen and (min-width: 768px) { |
| .novel-window { | | .novel-window { |
| display: inline-block;
| |
| max-width: 700px; | | max-width: 700px; |
| height: 100%;
| |
| background: white;
| |
| position: absolute;
| |
| top: -50%;
| |
| right: 50%;
| |
| transform: translate(50%, 50%);
| |
| overflow-x: hidden;
| |
| overflow-y: auto;
| |
| border: 1px solid #ddd;
| |
| border-radius: 5px;
| |
| padding: 5px;
| |
| text-align: justify;
| |
| font-family: Noto Serif KR;
| |
| color: black;
| |
| z-index: 999999;
| |
| } | | } |
| .moblile-x-btn-margin { | | .moblile-x-btn-margin { |