@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;}

a{display:block;text-decoration: none;color: #1a1a1a;}
a:hover{text-decoration: none;color:#1a1a1a;}
img{display: block;
    width: 100%;
    max-width: 100%;
    height: auto;}
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************** */
.swiper-container{position: relative;}

    .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
        background: url(../images/slide_btn.jpg) no-repeat;
      
        left: 10px;
        right: auto;
        display:none;
    }
    .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:none;
    }
    
    .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/banner2.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/banner4.jpg) no-repeat; background-position: center center;opacity:0;background-size: cover; z-index: 99998;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%;opacity:1;} 

    .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
        opacity: .35;
        cursor: pointer;
        pointer-events: fill;
    }

/**************** swiper************** */



/*********************** header **********************/
.mobile-header{display: none;}
header{position: fixed;top: 0;width: 100%;left: 0;right:0;z-index: 99999;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: #1a1a1a;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;}
header .mainnav::after{content: "";width: 100%;background-color: #1a1a1a;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:55px;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;}
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: #fff;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 **********************/
/* sub-mainbg-animation */
.main-bg{background-color: #1a1a1a;padding: 82px 0;animation: hiddenbg .5s linear;position: relative;}
.main-bg::before{content: "";width:100%;height: 100%; background: url(images/insights.jpg) no-repeat top center;background-size: cover;position: absolute;top: 0;left: 0;opacity: 0; animation: opacity2 .5s linear;animation-delay:.7s;animation-fill-mode: forwards;}

.main-bg h1{color: #fff;font-size: 31px;font-family:'NEXONFootballGothicBA1',sans-serif;text-align: center;position: relative; z-index: 99;animation: opacity .5s linear;animation-delay:1.1s;overflow: hidden;opacity: 0;animation-fill-mode: forwards;}


@keyframes opacity{
    from{
      opacity: 0;
     transform:translateY(30px);
    }
    to{
      opacity: 1;
      transform:translateY(0);
    }
  }
  @keyframes opacity2{
    from{
      opacity: 0;
     
    }
    to{
      opacity: 1;
     
    }
  }
  @keyframes hiddenbg{
    from{
      transform: scaleX(0);
    }
    to{
      transform: scaleX(1);
    }
  }

/* sub-mainbg-animation */

/*********************** main **********************/
.main{margin-top: 248px;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;margin-right: 15px;}
.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 h5 br,.main .title-box p br{display: none;}

.main .title-box p{font-size: 15px;max-width: 260px;}
.main .row>div:first-of-type,.main .row>div:nth-of-type(2),.main .row>div:last-of-type{max-height: 450px;}
.main .row>div:nth-of-type(3){position: relative;padding:30px}
.main .row>div:nth-of-type(3){border:1px solid #e9e9e9;margin: 0;background-color: #fff;}
.main .row>div:nth-of-type(3) h5{font-size: 22px;font-family:'NEXONFootballGothicBA1', sans-serif;padding: 5px 0 22px 0;}
.main .row>div:nth-of-type(3) .chart-wrap{position: relative;overflow: hidden;margin: 30px 0 35px 0;}
.main .row>div:nth-of-type(3) .chart-wrap *{font-size: 15px;}
.main .row>div:nth-of-type(3) .chart-wrap ul li{border-bottom: 1px solid #e9e9e9;padding:5px 0;width: 100%;border-bottom: 1px solid #ddd;overflow: hidden;}
.main .row>div:nth-of-type(3) .chart-wrap ul li p{float: left;}
.main .row>div:nth-of-type(3) .chart-wrap ul li p:last-of-type{float: right;}
.main .row>div:nth-of-type(3) .chart-wrap ul li p span{display: inline-block;width: 20px; height: 9px;background-color: #D9BFA0;text-indent: -9999px;line-height:0.9;margin-right: 10px;}
.main .row>div:nth-of-type(3) .chart-wrap ul li:nth-of-type(2) p span{background-color:#CAA483;}
.main .row>div:nth-of-type(3) .chart-wrap ul li:nth-of-type(3) p span{background-color:#BCA48F;}
.main .row>div:nth-of-type(3) .chart-wrap ul li:nth-of-type(4) p span{background-color: #734B34;}
.main .row>div:nth-of-type(3) .chart-wrap ul li:last-of-type p span{background-color:#946325 ;}
/* .tab-list canvas{display:block;width:100%;height:auto;max-height:200px;max-width:270px;} */



.main .row>div:last-of-type{z-index:5;transform: translate(6px,-144px);}

.main .text-box{overflow: hidden;position: relative;z-index:1;top:-384px;height: 100%;}
.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;margin-top:-250px;font-family:'NEXONFootballGothicBA1', sans-serif;color: #333333;}
.main h3.slide-title br{display: none}

.more-wrap{max-width:110px;position: relative;bottom:13%;left:10%;}
.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 .row>div:nth-of-type(3) .more-wrap{bottom: 0;left: 0;}
.main .row>div:nth-of-type(3) .more-wrap .btn::before{content: "";background-color:#946325;border-radius: 50%;width: 34px;height: 34px;position: absolute;top:0;right: 0;transition: .3s;}
.main .row>div:nth-of-type(3) .more-wrap span{color:#333}
.main .row>div:nth-of-type(3) .more-wrap .btn::after{content: "";background: url(../images/arrow_white.png) no-repeat;background-position:50%;
    width:34px; height:34px;position: absolute;top:0;right: 0;transition: .3s;}

.main .row>div>.more-wrap:hover span{color: #333;}
.main .row div:nth-of-type(3) .more-wrap:hover span{color: #fff;}
.main .row>div>.more-wrap:hover .btn::before{width:105%; border-radius:34px;}
.main .row>div>.more-wrap:hover .btn::after{transform: rotate(45deg);}
/*********************** 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: #946325;}
.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: #946325;}

/*********************** 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:15px;text-indent:-24px}
.language .language-list li:nth-child(2){margin:1px 0;}
.language .language-list span{color: #946325;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 .row 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::after{content: "";display: none;}

footer .row>div:first-of-type{overflow: hidden;padding-left: 0;}
footer .row>div:first-of-type h3{text-indent:8px;}
footer .row>div:last-of-type{padding-right: 0;}
footer .row>div:last-of-type p{padding: 0;text-align: left;}
footer .row>div:first-of-type *{float:left}
footer .row>div:first-of-type p{clear:both;}
footer .row>div:nth-of-type(2) p{clear:both;letter-spacing:-0.3px;text-align: left;}
footer .mail{display: block;width: 28px;}

footer .img-box img{width: auto;}
footer .img-box img:last-of-type{margin:0 0 15px 0;}
footer .button{display: block;clear: both; border:1px solid #9d9d9d;
width: 100%;text-align: center;color: #666666;font-weight: 900;padding: 8px 0;margin-top: 50px;}
/*********************** footer **********************/


@media (min-width:1050px){
.container {
    max-width: 1200px;
    padding: 0;
}
}
@media (max-width:1050px){
    
   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: #946325;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:106px !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:160px}
   .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 .row>div:last-of-type{z-index:5;transform: translate(6px,-194px);}
    .main .row>div:last-of-type .title-box h5{letter-spacing: -2px;}
 
}

@media (max-width:895px){
  .main .row>div {max-width:255px;}
    .box{max-width: 795px;}
    .main .row>div:last-of-type{z-index:5;transform: translate(6px,-239px);}
    .main .row>div:last-of-type .title-box h5{letter-spacing: -3.5px;}
    .main .row>div:first-of-type .title-box p{letter-spacing: -1px;}
    .main .row>div:last-of-type .title-box p{letter-spacing: -1px;}
    .main .row>div:nth-of-type(3){z-index: 99;}
    .main .title-box h5 br,.main .title-box p br{display: block;}
    .main .text-box{overflow: hidden;position: relative;z-index:1;top:-500px;height: 100%;}
    .main h3.slide-title {
        
        margin-top: -390px;
     
    }
    .main .title-box p{max-width: none;}
}
@media (max-width:794px){
  .main .row>div {max-width:222px;margin: 0;}
    .box{max-width: 694px;}
    .main .row>div:last-of-type{z-index:5;transform:translate(236px,-287px);}
    .main .row>div:last-of-type .title-box h5{letter-spacing: 0px;}
    .main .row>div:last-of-type .title-box p{letter-spacing: -2.5px;}
    .main .row>div:first-of-type .title-box p{letter-spacing: -2.4px;}
   
   
}

@media (max-width:761px){
  .main .row>div {max-width:244px;}
 
    .box{max-width: 561px;}
    .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:nth-of-type(3) .title-box h5{font-size: 23px;}
    .main .row>div:last-of-type .title-box h5{letter-spacing: 0px;font-size: 23px;}
    .main .row>div:last-of-type .title-box p{letter-spacing:0px;font-size: 16px;}
    .main .row>div:first-of-type .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;}
  .notice .row div:last-of-type .notice-box ul li:last-child{display:none}


  .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;}
  .box{max-width: none !important;margin: 0 20px;}
  .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 0 80px 0;
}
}


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