/* BASIC css start */
 #list-wrap {
            width: 100%;
            overflow: hidden;
            position: relative;
            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 .gnbInner.hidden{display:none}
em.won_point{
    font-size: 16px;}
    
    
      .lang{position: absolute; right:90px; top: 38px; display: flex; gap: 5px}
  .lang li:before{ content: ''; width:1px; height: 10px; background: #999; display: inline-block; margin-right: 5px; vertical-align: middle}
  .lang li:first-of-type:before{display:none}
  .lang li a{display: inline-block; padding: 3px 4px; color: #000000ae; font-size: 13px; position:relative}
  .lang li a.sel:before {content:''; display: block; width: 14px; height:1px; background: #999; bottom: 4px; position: absolute;}
    
input:-webkit-autofill { -webkit-box-shadow: 0 0 0 30px #fff 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 !important;  background: rgba(265,265,265,1) !important; width:100%; z-index: 2;}
/*#header.fixed{position:fixed !important;  background: rgba(265,265,265,0.5) !important; width: 100%; z-index: 2;}*/
/*#header.fixed .gnbInner{display:none}*/

#header .headerTop { margin:0 auto; position:relative; width:90%; *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{}


#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:#000000}
#header .headerGnb .gnbInner > ul > li:hover > a::after{content:"-"; position:absolute; left:0; bottom:-10px; width:100%; height:3px; background:#000000ae}
#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 .inner{justify-content: space-between; align-items: center; padding:0 41px;}
#header .inner-r .list_wrap a{display:inline-block; color:#000000; font-size:15px; padding:45px 52px;}
#header .inner-r .list_wrap > li > .sub_menu{display: none; position: absolute; right: 0; width:792px; background:#ffffff; text-align: left; padding:20px 0 40px 145px; box-sizing: border-box;}
#header .inner-r .list_wrap > li:hover > .sub_menu{display: block !important;}
#header .inner-r .list_wrap > li:hover > .sub_menu a{font-size:12px; padding:8px 0 0;}
#header .inner-r .list_wrap > li:hover > .sub_menu > li:first-of-type a{padding: 0;}
/* BASIC css end */