/* BASIC css start */
.fp-viewing-page1 #header .headerGnb .gnbInner ul li a {color:#000!important;}
        
 #list-wrap {
            width: 100%;
            overflow: hidden;
            position: fixed;
            top: 0;
             z-index: 10;
        }
        .wrap-box {
            display: flex;
            width: 120%;
            overflow: hidden;
            /*띠지 색변경*/
            background-color: #a10009;
            
        }
        .wrap-box:nth-child(2) {
            background-color: antiquewhite;
        }
        .rolling-list {
            display: flex;
            flex-shrink: 0;
        }
        .list {
            margin: 0 20px;
            font-size: 13px;
            color: #fff;
        }
        .list a {
            color: #fff;
            padding:5px 260px;
            display: inline-block;
        }
        @keyframes rolling1 {
            0% { transform: translateX(0); }
            50% { transform: translateX(-100%); }
            50.01% { transform: translateX(100%); }
            100% { transform: translateX(0); }
        }
        @keyframes rolling2 {
            0% { transform: translateX(0); }
            100% { transform: translateX(-200%); }
        }

        .rolling-list.original {
            animation: rolling1 60s linear infinite;
        }
        .rolling-list.clone {
            animation: rolling2 60s linear infinite;
        }

  
#loginWrap .mlog-sign{   
  border:0;
  border-bottom: 1px solid !important;}
  
#header .headerGnb{display:none}

#header .headerGnb .gnbInner.hidden{display:none}
em.won_point{
  font-size: 16px;}
  
.fp-viewing-page1 #header .headerGnb{display:block !important}

  
input:-webkit-autofill { -webkit-box-shadow: 0 0 0 30px #000 inset ; -webkit-text-fill-color: #000000ae; }
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active {
transition: background-color5000s ease-in-out 0s; }

#mask { display:none; position:fixed; top:0; left:0; right:0; bottom:0; width:100%; height:100%; background:rgba(0,0,0,036); z-index: 2 }
#loginWrap{padding-top:20px !Important}

/* header */
#header { position:fixed; width:329px; height:100vh;  background: #ffffff; padding:64px 0 0; z-index: 2;}
/*#header.fixed{position:fixed !important;  background: rgba(265,265,265,1) !important; width: 100%; z-index: 2;}*/
/*#header.fixed .gnbInner{display:none}*/

#header .headerTop{position:relative; width:100%; padding:0 41px; margin:0 auto; box-sizing: border-box; *zoom:1;}
#header .headerTop:after { display:block; clear:both; content:'' }
#header .headerTop .tlogo {margin:40px 0 33px; text-align:center }
#header .headerTop ul.Topicons{position: absolute; right: 0; bottom: 0;}
#header .headerTop ul.Topicons li{display: inline-block;vertical-align:top; margin-right: 28px;}
#header .headerTop ul.Topicons li:nth-last-child(1){margin-right:0}
#header .headerTop ul.Topicons li a{}
#header .headerTop ul.Topicons li a img{
  display: none;}


#header .headerGnb {}
#header .headerGnb .gnbInner {margin: 0 auto; position: relative; _width: 565px; text-align: center; margin-bottom: 35px;}
#header .headerGnb .gnbInner > ul { *zoom:1; font-size: 0; }
#header .headerGnb .gnbInner > ul:after { display:block; clear:both; content:'' }
#header .headerGnb .gnbInner > ul li { margin:0 42px; position:relative; display: inline-block; position: relative; }
#header .headerGnb .gnbInner > ul > li:nth-child(1){margin-left:0}
#header .headerGnb .gnbInner > ul > li:nth-last-child(1){margin-right:0}
#header .headerGnb .gnbInner > ul > li > a { 
  display: block;
  font-size: 25px;
  color: #000000ae;
  white-space: nowrap;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  font-family: 'godoRounded R'}


#header .headerGnb .gnbInner > ul > li:hover a{color:#000}
#header .headerGnb .gnbInner > ul > li:hover > a::after{content:"-"; position:absolute; left:0; bottom:-10px; width:100%; height:3px; background:#000}
#header .headerGnb .gnbInner > ul > li:hover > ul.sub_menu{display: block !important;padding-top: 10px;}

#header .headerGnb .gnbInner > ul > li > ul.sub_menu{display:none;  position: absolute; left: 0; text-align: left;}

#header .headerGnb .gnbInner > ul > li > ul.sub_menu > li{
  margin: 0;
  padding: 3px 0px;
  display: block;
  white-space: nowrap;}
  
#header .headerGnb .gnbInner > ul > li > ul.sub_menu > li a{
  font-family: 'godoRounded R','Godo';
  font-size: 23.75px;
  color: #000000ae;}
  

#header .headerGnb .gnbInner > ul > li > ul.sub_menu > li a:hover{
  color: #000000;}


#header .headerGnb .gnbInner > ul > li > ul.sub_menu > li a.span{}

#sub_bg{display:none}
#sub_bg.on{
  display: block;
  width: 100%;
  background:rgba(265,265,265,0.2);
  _border-top: 1px solid #000000;
  margin-top: -36px;}
  


/* 헤더 수정 - kbg */
#header *{font-family: 'HelveticaNeue-MediumCond';}
#header.on{position: absolute; top: inherit; bottom:0;}
#header .list_wrap{flex-direction: column; gap:16px; padding:35px 0 0;}
#header .list_wrap a{display: inline-block; color:#000000; font-size:15px;}
#header .list_wrap > li .sub_menu{height: 0; transition: 0.3s; overflow: hidden;}
/* BASIC css end */