@charset "utf-8";
* {margin: 0; padding: 0;font-family: 'NanumBarunGothic', sans-serif;font-weight: 400;}
ul{list-style: none;margin: 0;}
h1,h2,h3,h4,h5,h6,p{margin: 0;}
.view-768{display:none}
.hide-768{display:block}
span.view-768{display:inline}
.hide{
    display: block;
}
.show{
    display: none;
}
a{display:block;text-decoration: none;color: #1a1a1a;}
a:hover{text-decoration: none;color:#1a1a1a;}

form{display:block}
body{font-family: 'NanumBarunGothic', sans-serif;}
#select{background: url(../images/select.png) no-repeat;background-position:94% center;
    -moz-appearance:none; /* Firefox */ 
    -webkit-appearance:none; /* Safari and Chrome */ 
    appearance:none;
  }
  select::-ms-expand { display:none; }
 
/**************** common************** */
.box{max-width: 1002px;margin-right: auto;
    margin-left: auto;}

/**************** swiper************** */
/* 1103 */
.swiper-container{position: relative;display: none;}
/* 1103 */
    .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
        background: url(../images/slide_btn.jpg) no-repeat;
      
        left: 10px;
        right: auto;
        display:block;
    }
    .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
        background: url(../images/slide_btn.jpg) no-repeat;
        transform: rotate(180deg);
        right: 10px;
        left: auto;
        display:block;
    }
    
    .swiper-slide img{transition: .3s;}
    .swiper-container .img-box{width:0;height: 100%;position: absolute;top: 0;left: 0;
    background-color: #666666;z-index: 999;transition: .3s;display: block;}
    .swiper-button-next, .swiper-button-prev {width: 40px;}
    .swiper-container .swiper-slide .slide-hover{position: absolute;top: 0;right: 0;width:0;height: 100%;background:url(../images/banner3.jpg) no-repeat; z-index: 9999;transition:.4s;transform-origin:right center;opacity:0;background-size: cover;background-position: 100% 0;}

    .swiper-container .swiper-slide-active .slide-hover{position: absolute;top: 0;left: 0;width:100%;height: 100%;background:url(../images/banner1.jpg) no-repeat;background-size: cover; z-index: 99998;transition: .4s;transform-origin: left center;opacity: 0;}

    .swiper-container .swiper-slide-next .slide-hover{position: absolute;top: 0;left: 0;width:100%;height: 100%;background:url(../images/banner2.jpg) no-repeat; background-position: center center;opacity:0;background-size: cover; z-index: 999989;transition:.4s;transform-origin:center center;transform: translateX(-20%);visibility: hidden;}


    .swiper-slide:hover .swiper-container{display: none;}
    .swiper-slide-active:hover .slide-hover{width:300%;opacity:1;}
    .swiper-slide-next:hover .slide-hover{width:300%;opacity:1;transform: translateX(-33.3%);visibility: visible;}
    .swiper-slide:hover .slide-hover{width:300% !important;opacity:1;} 

    .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
        opacity: .35;
        cursor: pointer;
        pointer-events: fill;
    }
/* 1103 */
.slider-wrap-pc{
    background-color: #666666;
    margin: 0 auto;

}
.slider-wrap-pc .slide-box{
    width: 50%;
}
.slider-wrap-pc .slide-box a{
    display: block;
    position: relative;
    overflow: hidden;
}
.slider-wrap-pc .slide-box a .ch{

    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%) scale(1);
    width: auto;
    transition: .3s;
}
.slider-wrap-pc .slide-box a:hover .ch{
    transform: translateX(-50%) scale(1.05);

}
/* 1103 */
/**************** swiper************** */



/*********************** header **********************/
.mobile-header{display: none;}
header{position: fixed;top: 0;width: 100%;left: 0;right:0;z-index: 9999;background-color: #fff;}
.mobile{display: none;}
nav{background-color: #f5f5f5;}
nav li:first-child a{background-color:#ffffff;}
nav li:last-child{background-color:#e8e8e8;margin-right: 100px;}
nav li a img{padding:12.5px 10px}

header .header-middle{overflow: hidden; padding: 40px 0; background-color: #fff;}
header .header-middle div:first-child *{float: left;margin: 0;}
.header-middle .menu{display: none;}

header .header-middle h1 a{font-size:35px;font-family:'NEXONFootballGothicBA1', sans-serif;}
header .header-middle p{color: #fff;background-color: #05174d;font-family: 'NEXONFootballGothicLA1', sans-serif;font-size:22px; padding:2.5px 12px;}
header .header-middle div:first-child h1{margin-right: 12px;}
header .header-middle select{font-weight: 700;padding:4px 35px 4px 15px;border: 1px solid #333;font-size: 15px;color: #666;}
header .header-middle select option{font-weight: 700;font-size: 15px;}


header .mainnav{padding:30px 0;position: relative; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}
header .mainnav::after{content: "";width: 100%;background-color: #fff;position: absolute;left:0;z-index: -1;top:0;height: 85px;}
header .mainnav .mainnav-list.box{max-width: 962px;}
header .mainnav .mainnav-list{position: relative;}
header .mainnav .mainnav-list .sub-menu{background-color: #29292a;overflow: hidden;position: absolute;top:57px;left:-15px;z-index: 9999;width: 270px;padding:0 18px;}

header .mainnav .mainnav-list .sub-menu li a{font-family: 'NanumBarunGothic', sans-serif;padding:16px 0;font-size: 15px;color: #fff;}
header .mainnav .mainnav-list .sub-menu li{border-bottom: 1px solid #3a3a3a; }
header .mainnav .mainnav-list .sub-menu li:last-child{border:none}
header .mainnav ul li a{color: #1a1a1a;font-family:'NEXONFootballGothicBA1', sans-serif;font-size: 17px;}

header .mainnav .mainnav-list .sub-menu li:hover a{color: #aaa;}
/* header .mainnav .mainnav-list:hover .sub-menu{max-height:214px;height:auto;} */
/*********************** header **********************/


/*********************** main **********************/
.main{margin-top: 250px;background-color: #f5f5f5;}
.main h3{padding-bottom: 24px;}
.main .row{padding-top: 74px;}
.main .row>div{position: relative;overflow: hidden;max-width:322px; padding: 0;max-height: 450px;}
.main .row>div .zoom{transition: .3s;}
.main .row>div>a:hover .zoom{transform: scale(1.1);}

.main .title-box{position: absolute;top: 0;padding: 35px 0 0 30px;}
.main .title-box *,.main .more-wrap *{color: #fff;}
.main .title-box h5{font-size: 22px;font-family:'NEXONFootballGothicBA1', sans-serif;padding-bottom: 22px;}


.main .title-box p{font-size: 15px;max-width: 260px;}

.briefing .title-box h5,.briefing .title-box p{
    color: #333;
}

.main .text-box{overflow: hidden;position: relative;z-index:1;top:0;height: 100%;    margin: 80px 0 50px 0;}
.main .text-box span{margin: 0;font-family:'NEXONFootballGothicBA1', sans-serif;color: #D3D3D3;font-size: 63px;white-space: nowrap;display: block;line-height:1.3;}
.main .text-box span:first-of-type,.main .text-box span:last-of-type{animation: marquee 50s linear infinite;}
.main .text-box span:nth-of-type(2){ transform: translateX(-200%);
    animation: marquee2 60s linear infinite; 
}
@keyframes marquee{
    from {
        transform: translateX(0);
       
      }
      to {
        transform: translateX(-100%);
      }
}
@keyframes marquee2{
    from {
        transform: translateX(-200%);
       
      }
      to {
        transform: translateX(0);
      }
}
.main h3.slide-title{margin-bottom: 0;font-family:'NEXONFootballGothicBA1', sans-serif;color: #333333;}
.main h3.slide-title br{display: none}

.more-wrap{max-width:110px;position: relative;bottom:13%;left:30px;}
.more-wrap span{position: relative;z-index:110;font-weight: 700;transition: .3s;font-size: 15px;}
.more-wrap .btn{border-radius: 50%;width: 34px;height: 34px;}
.more-wrap .btn::before{content: "";background-color: #fff;border-radius: 50%;width: 34px;height: 34px;position: absolute;top:0;right: 0;transition: .3s;}
.more-wrap .btn::after{content: "";background: url(../images/arrow.png) no-repeat;background-position:50%;border-radius: 50%;
    width:34px; height:34px;position: absolute;top:0;right: 0;transition: .3s;}



.main .more-wrap:hover span{color: #333;}
.main .more-wrap:hover .btn::before{width:105%; border-radius:34px;}
.main .more-wrap:hover .btn::after{transform: rotate(45deg);}

.deal--info,.homepage{
    width: calc(50% - 10px);
}
.deal--info{
    background-color: #fff;
    border: 1px solid #ddd;
    margin-top: 18px;
    box-sizing: border-box;
    padding: 28px;
    position:relative
}
.homepage{
    position: relative;
    margin-top: 18px;

}
.homepage .more-wrap {
    max-width: 110px;
    position: absolute;
    bottom: 28px;
    left: 28px;
}
.deal--info>ul>li{
    width: 100%;
}
.deal--info .deal--info__title{
    max-width: 170px;
    position: relative;
}

.homepage img{
    display: block;
}
.deal--info .title-box,.homepage .title-box{
    position: relative;
    padding: 0;

}
.deal--info .title-box h5,.homepage .title-box h5{
    color: #333;
    
}
.deal--info  .more-wrap{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 110px;
}
.homepage  .txt-wrap{
    position: absolute;
    left: 28px;
    top: 28px;
    width: 100%;
}
.deal--info  .more-wrap *,.homepage  .more-wrap *{
    color: #05174d;
}
.deal--info  .more-wrap .btn::before,.homepage  .more-wrap .btn::before {
    content: "";
    background-color: #05174d;
    border-radius: 50%;
    width: 34px;
    height: 34px;
    position: absolute;
    top: 0;
    right: 0;
    transition: .3s;
}
.deal--info .more-wrap .btn::after,.homepage .more-wrap .btn::after {
    content: "";
    background: url("../images/arrow_white.png") no-repeat;
    background-position: 50%;
    border-radius: 50%;
    width: 34px;
    height: 34px;
    position: absolute;
    top: 0;
    right: 0;
    transition: 0.3s;
}

.deal--info  .more-wrap:hover span,.homepage .more-wrap:hover span{
    color: #fff;
}
.deal--info .count__Txt{
    font-weight: 600;
    text-align: center;
    padding-bottom: 60px;
}
.deal--info .num{
    text-align: center;
    font-size: 85px;
    font-family:'NEXONFootballGothicBA1', sans-serif;
    margin: 0 auto;
    display: block;
    line-height: .6;
}
.deal--info__count li{
    width: 100%;
    max-width: 265px;
    border-right: 1px solid #ddd;
}
.deal--info__count li:last-child{
    border: none;
}
/*********************** main **********************/


/*********************** notice **********************/
.notice .row{padding: 88px 0 80px 0;}
.notice .alert-wrap,.notice .late-wrap{overflow: hidden;}
.notice .alert-wrap h3,.notice .late-wrap h3{float: left;}
.notice .alert-wrap .more,.notice .late-wrap .more{width:40px; border: 1px solid #cccccc;float: right;margin-bottom: 19px;transition: .3s;position: relative;}
.notice .notice-box{border: 1px solid #b6b6b6;padding: 44px 17px;}
.notice .notice-box li{font-size: 17px;}
.notice .notice-box li:nth-child(1)~li{padding-top:30px;}
.notice .notice-box li a {text-overflow:ellipsis;
  white-space:nowrap;
  word-wrap:normal;
  width:100%;
  overflow:hidden;}
.notice .notice-box li a span{position: relative;}
.notice .notice-box li a span strong{color: #333;}
.notice .notice-box li a span::after{content: "";width: 0%;height: 1px; background-color: #1a1a1a;position: absolute;bottom:0;left: 0;transition: .3s;}

.notice .notice-box li a:hover span::after{width: 100%;}
.notice .alert-wrap .more:hover,.notice .late-wrap .more:hover{background-color: #05174d;}

/*********************** notice **********************/

/*********************** language **********************/

.language{background: url(../images/word.jpg) no-repeat top center; background-size: cover;}
.language .row{padding:85px 0;}
.language .row div h3{font-size: 40px;}
.language .row div p{margin:0;}

.language .language-list{font-size: 17px;margin: 0;}
.language .language-list li{padding: 20px 0 20px 24px;background-color: #fff;}
.language .language-list li a{padding-left: 25px;
    text-indent: -32px;}
.language .language-list li:nth-child(2){margin:1px 0;}
.language .language-list span{color: #05174d;font-weight: 700;margin-right: 10px;}
.language .language-list li:hover{background-color: #eaeaea;}
/*********************** language **********************/

/*********************** footer **********************/
footer .row{padding: 60px 0 60px 0;}
footer .row h3{font-size: 17px;font-weight: 700;color: #333;}
footer p{color:#666666;text-align: justify;font-size: 15px;padding-top: 30px;}
footer .row>div{padding: 0;padding:0 30px;}
footer .row>div::after{content: "";
    display: inline-block;
    position: absolute;right: 0;top: 0; z-index: 999;
    width: 1px;
    height:100%;
    background-color:#e1e1e1;
    transform: translateY(2px);
    vertical-align:middle}
footer .row>div:last-of-type{
    padding-right: 0;
    
}
footer .row>div:last-of-type:after{display: none;}
footer .row>div:first-of-type{overflow: hidden;padding-left: 0;}

footer .row>div:last-of-type p br.view-768{display: none;}



footer .button{display: block;clear: both; border:1px solid #9d9d9d; transition: .3s;
width: 100%;text-align: center;color: #666666;font-weight: 900;padding: 8px 0;margin-top: 50px;}

footer .button:hover{
    color: #fff;
    background-color: #05174d;
}
.footer__bottom{
    background-color: #f5f5f5;
    padding: 13px 0px;
}
.footer__bottom li{
    margin: 0 15px;
}
/*********************** footer **********************/
/* 1103 */
@media(max-width:1070px){
    .slider-wrap-pc .slide-box a .ch{

        height: 200px;
    }
}
/* 1103 */

@media (min-width:1050px){
.container {
    max-width: 1200px;
    padding: 0;
}
}
@media (max-width:1050px){
    .main-bg::before{
        background-position: 50% 50% !important;
    }
   select, .header-middle>div:last-of-type{display:none}
   .mainnav{display: none;}
   .header-middle .menu{display: block;}
   .mobile-header{display: block;}
   header{overflow: hidden;}
   .wrap,header,.main{margin: 0;max-width: none !important;padding: 0;}

   /* header */
   nav li:last-child {
    margin-right: 0;
}
   header.container{padding: 0;border-bottom: 1px solid #ddd;}
   .header-middle{position: relative;}
   .header-middle .menu-wrap,.menu-wrap a{width:39px; height:27px;position: relative;}
   .header-middle div .menu,.menu-wrap a{width: 39px; height:27px; z-index: 99999;}
   .header-middle div .menu span{width:100%; height:5px;background-color: #05174d;display:block;transition: .3s;}
   .header-middle div .menu span:first-of-type{position:absolute;top:0px;}
   .header-middle div .menu span:nth-of-type(2){position:absolute;top:10.5px;}
   .header-middle div .menu span:last-of-type{position:absolute;bottom:0px;}
   .header-middle div .menu.on span{background-color: #fff;}
   .header-middle div .menu.on span:first-of-type{ transform: rotate(45deg) translateY(16px)
   }
   .header-middle div .menu.on span:nth-of-type(2){opacity: 0;}
   .header-middle div .menu.on span:last-of-type{  transform: rotate(-45deg) translateY(-15px);
   } 

   .header-middle li:last-child{margin-right: 50px;}
   header .header-middle{padding:28px 0;}
   header .header-middle h1 a{font-size: 26px;}
   header .header-middle p{font-size: 18px;}
   header .header-middle div:first-child *{float: none;margin: 0;}
   header .header-middle p{max-width:156px !important;}
   .mobile-header{position:fixed;top: 0;left:0;width: 100%;transition: .3s;transform: translateX(-100%); height:100vh;background-color: #1a1a1a;z-index: 9999;}
   .mobile-header.on{transform: translateX(0);}

   .mobile-header .mainnav-mobile .mainnav-list>a{color: #fff;font-family:'NEXONFootballGothicBA1', sans-serif;font-size:25px;padding:10px 0;}
   .mobile-header .mainnav-mobile .mainnav-list:first-of-type{padding-top: 77px;}
   .mobile-header .mainnav-mobile .mainnav-list .sub-menu{display: none;}
   .mobile-header .mainnav-mobile .mainnav-list .sub-menu li a{color: #fff;font-family: 'NanumBarunGothic', sans-serif;padding:10px 0;font-size:16px;}
/* header */
   .main{margin-top:159px}
   .slide-hover{display:none}

 
}
@media (max-width:995px){
  .main .row>div {
    max-width:288px;}
    .box{max-width: 895px;}
    footer.container,.language.container{padding:0;margin: 0;max-width: none !important;}
    .main .title-box{
        padding: 35px 0 0 20px;
    }
    .deal--info .count__Txt{
        padding-bottom: 37px;
    }
    .deal--info .title-box, .homepage .title-box {
        padding: 0;
    }
}

@media (max-width:895px){
  .main .row>div {max-width:255px;}
    .box{max-width: 795px;}
  
    .main .title-box h5 br,.main .title-box p br{display: block;}

    .main .title-box p{max-width: none;}

    /* 1103 */
    .slider-wrap-pc .slide-box a .ch{

        height: 170px;
    }

    .view-768{display:block}
    .hide-768{display:none}
    .homepage img{
        height: 100%;
    }
}
/* 1103 */
@media(max-width:767px){
    .hide{
        display: none;
    }
    .show{
        display: block;
    }
    .swiper-container{
        display: block;
    }
    .slider-wrap-pc{
        display: none;
    }
    .swiper-slide img{
        display: block;
        width: 100%;
    }
    .main .row>div img{
        display: block;
        width: 100%;

    }
    .deal--info{
        max-width: none;
        margin-bottom: 20px;
    }
    .deal--info .title-box h5{
        font-size: 42px;
        padding-bottom: 0;
    }
    .deal--info>ul{
        display: block !important
    }
    .deal--info .title-box{
        margin-bottom: 10px;
    }
    .deal--info .deal--info__title{
        display: block !important;
        justify-content: space-between !important;
        align-items: center !important;
        margin-bottom: 20px;
        max-width: none;
        padding-bottom: 0;
        border-bottom: 1px solid #ddd;
    }
    .deal--info .more-wrap{
        position: relative;
        width: 140px;
        max-width: 140px;
    }
    .deal--info .more-wrap a span{
        font-size: 20px;
    }
    .deal--info, .homepage {
        width: 100%;
    }
    .homepage{
        margin-bottom: 30px;
    }
    .homepage img{
        width: 100%;
    }

}
/* 1103 */
@media (max-width:794px){
  .main .row>div {max-width:222px;margin: 0;}
    .box{max-width: 694px;}

   
}

@media (max-width:767px){

     header .header-middle{
        padding: 28px 20px;
    }
  .main .row>div {max-width:244px;}
 
    .box{max-width: none;padding:0 20px}
    .nav-mobile.box{margin:0 20px;}
    .mobile-header .mainnav-mobile .mainnav-list:nth-of-type(4) a {letter-spacing: -1px;}
    .main .row>div .title-box h5{font-size: 23px;}
    .main .row>div .title-box p{letter-spacing:0px;font-size: 16px;}
    .swiper-button-prev, .swiper-container-rtl .swiper-button-next,.swiper-button-next, .swiper-container-rtl .swiper-button-prev{display: block;}
    .main .text-box{display:none}
    .notice .row div:first-of-type .notice-box{margin-bottom: 30px;}

    .deal--info ul li ul{
        display: block !important;
    }
    .deal--info__count li{
        border-right: none;
        display: flex !important;
        justify-content: space-between !important;
        border-bottom: 1px solid #ddd;
        max-width: none;
        margin-bottom: 60px;
    }
    .deal--info__count li:last-child{
        border-bottom: 1px solid #ddd;
        margin-bottom: 20px;
    }
    /* .deal--info__count li:last-child{
        margin-bottom: 0;
    } */
    .deal--info .count__Txt{
        padding-bottom: 0;
        font-size: 36px;
        padding-bottom: 10px;
        text-align: left;
    }
    .deal--info .num{
        line-height: 1;
        font-size: 140px;
        text-align: left;
        margin: 0;
    }
    .deal--info__count li:last-of-type .num{
        padding-bottom: 0;
    }

  .language{background: url(../images/word_m.jpg) no-repeat top center; background-size: cover;}
  .language .row{padding:24px 0 20px 0;}
    .language .row div h3,.language .row div p{text-align: center;}
    .language .row div h3{font-size: 24px;}
    .language .row div p{font-size: 15px;margin-bottom: 20px;}
    .notice .row>div{padding: 0;}


footer .row{padding: 0;margin: 0;}
footer .row>div::after{display: none;}

footer .row>div:first-of-type{background-color: #eaeaea;padding: 37px 20px 30px 20px;}
footer .row>div:first-of-type br, footer .row>div:nth-of-type(2) p br{display: none;}
footer .row>div:first-of-type p,  footer .row>div:nth-of-type(2) p{width: 100%;text-align: justify;}

footer .row>div:nth-of-type(2){margin: 0 20px;padding: 37px 0 30px 0; border-bottom: 1px solid #ddd;}

footer .row>div:last-of-type{margin: 0 20px;padding: 37px 0 30px 0; }

footer .button{padding: 16px 0;background-color: #fff;}
.main .row>div {max-width:none!important; max-height: none !important;}

  .main .row>div:last-of-type{z-index:5;transform: translate(0,0); margin-top: 34px;}
 
  .main h3.slide-title{margin: 0;margin: 0 20px;margin-top: 21px;}
  .main h3.slide-title br{display: block}

  .notice .row {
    padding: 55px 20px 80px 20px;
}
footer .row>div:last-of-type p br.view-768{
    display: block;
}
}

@media(max-width:450px){
    .deal--info .more-wrap{
        width: 120px;
        max-width: 120px;
    }
    .deal--info .more-wrap a span{
        font-size: 16px;
    }
    .deal--info .title-box h5{
        font-size: 25px;
    }
    .deal--info .count__Txt{
        font-size: 16px;
    }
    .deal--info .num{
        font-size: 96px;
    }
    .homepage .more-wrap{
        bottom: 14px;
    }
    .main h3.slide-title{
        padding: 0 !important;
        padding-bottom: 24px !important;
    }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    header .mainnav .mainnav-list:nth-of-type(6) a{
        line-height: 1.6
     }
     
    }