@charset "utf-8";
#gnb-view {display:none;}
#remote {width:17.08333333333333%; max-width:246px; border: 4px solid #ffd200;   position:fixed;  right:19px; bottom:21vh; text-align:center; background:#fff;}
#remote h2 {max-width:100%; height:34px;line-height:34px; text-align:center; font-size:20px; font-weight:bold;background-color:#ffd200;}
#remote button {margin:6px 4.330708661417323%; width:37.40157480314961%; height:37px; border:none; font-size:20px; font-weight:bold;color:#444;}
#remote .btn-next {background-color:#ffd200;}

#container label p {width:59.75103734439834%; max-width:720px; height:0/*1098px*/; padding-top:91.12033195020747%; margin:0 auto; background:url(../img/content/content-1.jpg) 0 0 no-repeat; text-indent:-9999px; font-size:0; background-size:contain;}
#container label .content-2 {background-image:url(../img/content/content-2.jpg);}
#container label .content-3 {background-image:url(../img/content/content-3.png);}

@media (max-width:1023px) {
#container {margin-top:157px;}
#remote {width:8.59375%; max-width:66px; border: 4px solid #ffd200;   position:fixed;  right:19px; bottom:21vh; text-align:center; background:#fff;}
#remote h2 {max-width:100%; height:64px;line-height:20px; text-align:center; font-size:1.6vw; font-weight:bold;background-color:#ffd200; word-break:keep-all; padding-top:20px;}
#remote button {margin:5px auto; width:90%; height:37px; border:none; font-size:1.6vw; font-weight:bold;color:#444;}
#remote .btn-next {background-color:#ffd200;}
}

@media (max-width:767px) {
#header {height:52px;transition:0.5s; z-index:85}
#header h1 {position:absolute; z-index:100;}
#header ul {position:absolute; transition:0.5s; z-index:90; bottom:auto; top:0;}
#gnb-view:checked ~ #header {height:105px;}
#gnb-view:checked ~ #header ul {bottom:0; top:auto;}

#container {margin-top:61px;}
#remote {width:79.375%; max-width:608px; right:10.3125%; display:none;z-index:85}
#gnb-view:checked ~ #container #remote {display:block;}
#remote h2 {width:100%; height:34px;line-height:34px;font-size:20px; bottom:164px; padding-top:0;}
#remote button {margin:6px 4.330708661417323%; width:37.40157480314961%; height:37px; border:none; font-size:20px; font-weight:bold;color:#444;}

#container label p {width:100%; max-width:720px; height:0/*1098px*/; padding-top:152.5%; margin:0 auto; background:url(../img/content/content-1.jpg) 0 0 no-repeat; text-indent:-9999px; font-size:0; background-size:contain;}
#container label:after {content:''; display:none; position:fixed; background:url(../img/common/dim.png) 0 0 repeat; top:0; left:0; width:100%; height:100%; z-index:80;}
#gnb-view:checked ~ #container label:after {display:block;}

}