@font-face {
    font-family: 'NanumSquareRound';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/NanumSquareRound.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'yg-jalnan';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.2/JalnanOTF00.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
* {
    margin:0;
    padding:0;
    font-size:16px;
    color:#333;
    list-style:none;
    box-sizing:border-box;
}
a {
    text-decoration:none;
    color:#333;
    display:block;
}
/*none*/
h3 {display:none;}
.mobile {display:none;}
.sub {display:none;}

/*box*/
.box {
    width:1200px;
    margin:0 auto;
}

/*header*/
header.view1920 {
    height:150px;
    position:relative;
}
.view1920>a {
    width:30%;
    height:100%;
    padding-top:35px;
    float:left;
}
.view1920>a img {
    width:250px;
}
.view1920 nav {
    width:70%;
    height:100%;
    float:right;
    text-align:center;
    padding:50px 0;
}
.view1920 nav>ul {
    width:100%;
    height:100%;
}
.view1920 nav>ul>li {
    width:25%;
    height:100%;
    float:left;
}
.view1920 nav>ul>li>a {
    width:100%;
    height:100%;
    font-size:20px;
    font-weight:600;
    font-family:"나눔스퀘어라운드";
    padding:10px 5px;
}
/*main hover*/
.view1920 nav>ul>li:hover>a {
    width:100%;
    height:100%;
    background:#fabd01;
    color:#fff;
}

/*sub*/
ul.sub {
    width:100%;
    position:absolute;
    top:100px;
    left:0;
    z-index:30;
    background:rgba(255,255,255,0.9);
    border:3px solid #fabd01;
    text-align:center;
    overflow:hidden;
}
ul.sub>li {
    width:25%;
    float:left;
}
ul.sub>li>a {
    width:100%;
    height:100%;
    font-weight:600;
    font-size:20px;
    padding:15px 0;
}
/*sub hover*/
ul.sub>li:hover>a {
    width:100%;
    height:100%;
    background:#fabd01;
    color:#fff;
}

/*slide*/
article.video {
    width:100%;
    background:#fabc0141;
    margin-bottom:100px;
}
div.video {
    position:relative;
    padding-top:56%;
    width:100%;
    height:0;
}
.video iframe {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}

/*event*/
article,
article.box {
    height:100%;
    margin-bottom:100px;
    overflow:hidden;
    position:relative;
}
.box>h2,
article>h2 {
    font-size:40px;
    font-family:"여기어때 잘난체";
    margin-bottom:40px;
}
.box>h2>a,
article>h2>a {
    display:inline-block;
    font-family:"나눔스퀘어라운드";
    font-weight:900;
    padding:0 30px;
}
  /* Position the image container (needed to position the left and right arrows) */
  .container {
    position: relative;
  }
  
  /* Hide the images by default */
  .mySlides {
    display: none;
    width:800px;
    height:400px;
    float:left;
  }
  .mySlides a {
      width:100%;
      height:100%;
  }
  .mySlides>a>img {
      width:100%;
      height:100%;
  }
  /* Add a pointer when hovering over the thumbnail images */
  .cursor {
    cursor: pointer;
  }
  .row {
      float:right;
      width:400px;
      height:100px;
  }
  .row:after {
    content: "";
    display: table;
    clear: both;
  }
  
  /* Six columns side by side */
  .column {
    width: 400px;
    height:100px;
  }
  
  /* Add a transparency effect for thumnbail images */
  .demo {
    opacity: 0.6;
  }
  
  .active,
  .demo:hover {
    opacity: 1;
  }
  .prev, .next {display:none;}

/*new*/
.new ul {
    width:100%;
    height:100%;
    overflow:hidden;
}
.new li {
    width:200px;
    height:300px;
    float:left;
    margin-right:50px;
}
.new li:nth-child(5) {
    margin-right:0;
}
.new li a {
    width:100%;
    height:100%;
}
.new li a img {
    width:100%;
    padding:10px 0;
    border:1px solid #000;
}
.new li a h1 {
    font-family:"나눔스퀘어라운드";
    font-weight:900;
    margin-top:20px;
}
.new li a p {
    font-family:"나눔스퀘어라운드";
    margin-top:15px;
}

/*search*/
.search h4 {
    font-family:"여기어때 잘난체";
    font-size:20px;
    margin-bottom:20px;
}
.search .box {
    overflow:hidden;
}
.pokeimg>a {
    width:200px;
    background:url("../img/bg_pokemon.png") no-repeat;
    background-size:contain;
    margin-right:50px;
    float:left;
}
.pokeimg>a:last-child {
    margin-right:0;
}
.pokeimg>a img {
    width:100%;
    height:100%;
}
.bar {
    width:100%;
    height:200px;
    background:#a8e4d9;
    overflow:hidden;
    margin-top:20px;
}
.bar .box {
    height:100%;
}
.han {
    overflow:hidden;
}
.bar .box .han a {
    width:60px;
    height:50px;
    border-radius:25px;
    background:#fff;
    text-align:center;
    font-family:"여기어때 잘난체";
    font-size:20px;
    float:left;
    padding:15px 0;
    margin:30px 25px 0 0;
}
.bar .box .han a:hover {
    width:60px;
    height:50px;
    border-radius:25px;
    background:#f00;
    color:#fff;
}
.input {
    width:80%;
    height:60px;
    border-radius:30px;
    border:0px;
    background:#fff;
    margin:30px auto 0;
    text-align:center;
}
.input form {
    margin:0 auto;
}
.bar .box input {
    width:80%;
    height:50px;
    border:0px;
    margin:5px auto;
    display:inline-block;
}
.btn {
    width:50px;
    height:50px;
    float:right;
    border:0px;
    background:url("../img/btn.png") no-repeat;
    margin:5px 20px;
}

/*news*/
.news { margin-bottom:50px;}
.news>h2 {
    margin-bottom:40px;
}
.news .top {
    background:#d60f1a;
    width:100%;
    height:3px;
}
.news .bottom {
    background:#731b85;
    width:100%;
    height:3px;
}
.news .box h2 {
    font-size:20px;
    font-family:"여기어때 잘난체";
    margin:20px 0;
}
.news dl {font-family:"나눔스퀘어라운드";}
.news dt {
    font-size:50px;
    font-weight:900;
    letter-spacing:-4px;
}
.news dd {
    font-weight:600;
    line-height:2;
}
/*news set*/
.news .box div { 
    float:left; 
    overflow:hidden;
}
.news1, .news2 {
    overflow:hidden;
}
.news1 {margin-bottom:30px;}
.soon {
    width:400px;
}
.youtube {
    width:800px;
    padding-left:20px;
}
.news2 div {
    width:360px;
}
/*news soon*/
.soon a {
    width:400px;
    margin-bottom:33px;
    position:relative;
}
.soon a:last-child {margin-bottom:0;}
.soon img {
    width:100%;
}
#dday1, #dday2 {
    width:70px;
    height:30px;
    border-radius:15px;
    background:#f00;
    color:#fff;
    font-family:"여기어때 잘난체";
    text-align:center;
    position:absolute;
    top:10px;
    right:10px;
    padding:7px 0;
}
#date1, #date2 {
    font-size:20px;
    font-family:"여기어때 잘난체";
    position:absolute;
    bottom:10px;
    left:10px;
    background:rgba(255,255,255,0.8);
    border-radius:5px;
}
/*news youtube*/
.video2 {
    position:relative;
    padding-top:56%;
    width:100%;
    height:0;
}
.video2>iframe {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}
/*notice*/
.notice>h2 a {
    font-family:"나눔스퀘어라운드";
    font-size:14px;
    font-weight:700;
    float:right;
    padding-top:5px;
}
.notice ul {
    width:100%;
    font-family:"나눔스퀘어라운드";
}
.notice li:hover a {
    width:100%;
    background:#fabd01;
    font-weight:900;
}
.notice li a {
    width:100%;
    height:100%;
    font-weight:600;
    padding:10px 5px;
}
.notice span {
    float:right;
    font-weight:500;
}

/*center*/
.center {
    margin:0 30px 0 60px;
}
/*footer*/
footer {
    width:100%;
    background:#7f7f7f;
    color:#fff;
    font-family:"나눔스퀘어라운드";
    overflow:hidden;
    padding-bottom:30px;
}
footer a,
footer p {
    color:#fff;
    font-family:"나눔스퀘어라운드";
}
footer li {
    float:left;
}
/*footer f-menu*/
.menu1 {
    width:100%;
    overflow:hidden;
    margin-top:30px;
}
.f_menu {
    width:60%;
}
.f_menu a {
    font-size:20px;
    padding-right:30px;
    font-weight:600;
}
.site {
    float:right;
}
.site a {
    font-size:20px;
    padding-left:30px;
    font-weight:600;
}
/*footer menu2*/
.menu2 {
    width:100%;
    float:left;
    margin-top:30px;
    overflow:hidden;
    display:block;
}
.menu2 a {
    padding-right:30px;
    font-weight:600;
}
/*footer p*/
footer p {
    width:100%;
    margin-top:20px;
    font-size:12px;
    display:inline-block;
    overflow:hidden;
}

/*media 1024*/
@media all and (max-width:1024px) {
    body, .box { width:100%; }
    h2, h4 {padding:0 20px;}
    /*slide*/
    
    /*event*/
    .event {
        width:100%;
        height:100%;
    }
    .container {
        width:100%;
        height:350px;
        position:relative;
    }
    .mySlides {
        width:66.6%;
        height:100%;
        position:absolute;
        top:0;
        left:0;
        transition: left 0.5s ease-out;
        float:left;
    }
    .mySlides a {
        width:100%;
        height:100%;
    }
    .row {
        width:33.4%;
        height:100%;
    }
    .column {
        width:100%;
        height:25%;
    }
    .row img {
        width:100%;
        height:100%;
    }

    /*new*/
    .new {width:100%;}
    .new li:last-child {display:none;}
    .new ul {margin:0 40px;}
    
    /*search*/
    .pokeimg {
        width:100%;
        margin:0 40px;
    }
    .pokeimg>a:last-child {display:none;}
    .bar {height:100px;}
    .han {display:none;}
    .input {margin:20px auto;}

    /*news*/
    .soon {width:100%;}
    .soon>a {
        float:left;
        width:500px;
        margin-left:7px;
        margin-bottom:0;
    }
    .youtube {
        width:100%;
        padding:0;
    }
    .youtube iframe {
        margin:0 auto;
        display:block;
    }
    .news2 {margin:0 30px;}
    .news2 h2 {padding:0;}
    .news2 div {width:300px;}
    .news dt {font-size:40px;}
    .center {margin:0 30px;}
    /*footer*/
    footer .box {
        width:100%;
        padding:0 20px;
    }
}

@media all and (max-width:768px) {
    body, .box { 
        width:100%; 
        height:100%;
    }
    h2, h4 {padding:0 20px;}
    .sub {display:block;}
    /*header*/
    .view1920 {display:none;}
    .mobile {
        width:100%;
        height:100px;
        display:block;
    }
    .logo {
        width:35%;
        height:100%;
        padding:20px 20px 0;
        float:left;
    }
    .mobile>a img {
        width:100%;
    }
    .ham {
        width:15%;
        height:100%;
        float:right;
        padding:25px 35px;
    }
    .ham img {width:100%;}
    /*ham menu*/
    .menuback {
        width:100%;
        height:500%;
        background:rgba(0,0,0,0.5);
        position:absolute;
        top:0;
        right:0;
        z-index:50;
        transform:scale(0);
    }
    .mainmenu {
        width:50%;
        height:500%;
        background:#fff;
        border-left:3px solid #fabc01;
        position:absolute;
        top:0;
        right:0;
        z-index:50;
        transform:scale(0);
    }
    .close {
        width:100%;
        text-align:right;
        padding:10px;
        display:block;;
    }
    .mainmenu>ul>li>a {
        width:100%;
        padding:20px 10px;
        font-size:20px;
        font-family: "나눔스퀘어라운드";
        font-weight:900;
        display:block;
    }
    /*sub*/
    .mainmenu li {position:relative;}
    .submenu {
        width:100%;        
        background:#fff;
        padding-left:50px;
        position:absolute;
        z-index:50;
        transform:scale(0);
    }
    .submenu>li>a {
        width:100%;
        padding:10px 0;
        font-size:15px;
        font-family: "나눔스퀘어라운드";
        font-weight:900;
    }
    .subposition {position:relative;}
    .open {
        width:5px;
        height:30px;
        background:#333;
        position:absolute;
        top:16px;
        right:40px;
        transform:scale(1);
    }
    .open::before {
        content:'';
        width:31px;
        height:5px;
        background:#333;
        position:absolute;
        top:13px;
        right:-13px;
    }
    .close2 {
        width:10%;
        height:100%;
        background:#fff;
        border-top:30px solid #fabd01;
        border-bottom:30px solid #fabc01;      
        position:absolute;
        top:0px;
        right:30px;
        transform:scale(0);
    }
    /*active*/
    .menuback.active {
        transform:scale(1);
    }
    .mainmenu.active {
        transform:scale(1);
    }
    .category.active {
        background:#fabd01;
        color:#fff;
    }
    .submenu.active {
        transform:scale(1);
    }
    .open.active {
        transform:scale(0);
    }
    .noticemenu.active {
        position:absolute;
        top:444px;
        left:0;
    }
    .close2.active {
        transform:scale(1);
    }

    /*slide*/
    
    /*event*/
    .event {
        width:100%;
        height:100%;
    }
    .container {
        width:100%;
        height:300px;
        position:relative;
    }
    .mySlides {
        width:70%;
        height:100%;
        position:absolute;
        top:0;
        left:0;
        transition: left 0.5s ease-out;
        float:left;
    }
    .mySlides a {
        width:100%;
        height:100%;
    }

    .row {
        width:30%;
        height:100%;
    }
    
    /*new*/
    .new {width:100%;}
    .new li:nth-child(4),
    .new li:last-child {display:none;}
    .new ul {margin:0 40px;}
    
    /*search*/
    .pokeimg {
        width:100%;
        margin:0 40px;
    }
    .pokeimg>a:nth-child(4),
    .pokeimg>a:last-child {display:none;}
    .bar {height:100px;}
    .han {display:none;}
    .input {
        margin:20px auto;
    }

    /*news*/
    .soon {width:100%;}
    .soon>a {
        float:left;
        width:50%;
        margin-left:0px;
    }
    .youtube {
        width:100%;
    }
    .youtube iframe {
        margin:0 auto;
        display:block;
    }
    .news2 {margin:0 20px;}
    .news2 h2 {padding:0;}
    .news2 div {width:300px;}
    .news dt {
        font-size:25px;
        letter-spacing:0px;
    }
    .news dd {
        font-size:13px;
        line-height:1.2;
    }
    .notice {margin-right:80px;}
    .center {
        float:none;
        margin:0;
    }
    .news .center h2,
    .news .bank h2 {
        margin:20px 0px 5px;
    }
    /*footer*/
    footer .box {
        width:100%;
        padding:0 20px;
    }
    .menu1 ul {width:100%;}
    .site {margin-top:20px;}
    .site a {padding:0 30px 0 0;}
}

/*media 425*/
@media all and (max-width:425px) {
    body, .box { width:100%; }
    h2, h4 {padding:0 10px;}
    .box>h2, article>h2 {
        font-size:25px;
        margin-bottom:10px;
    }
    .box>h2>a, article>h2>a {
        display: block;
        font-family: "나눔스퀘어라운드";
        font-weight: 900;
        padding: 10px 0px;
    }
    article, article.box {margin-bottom:50px;}
    /*header*/
    .view1920 {display:none;}
    .mobile {
        width:100%;
        height:100px;
        display:block;
    }
    .logo {
        width:50%;
        height:100%;
        padding:20px 20px 0;
        float:left;
    }
    .mobile>a img {
        width:100%;
    }
    .ham {
        width:20%;
        height:100%;
        float:right;
        padding:20px 20px;
    }
    .mainmenu>ul>li>a {
        font-size:18px;
    }
    .submenu {padding-left:20px;}
    .open {
        width:3px;
        height:25px;
        background:#333;
        position:absolute;
        top:16px;
        right:31px;
        transform:scale(1);
    }
    .open::before {
        content:'';
        width:26px;
        height:3px;
        background:#333;
        position:absolute;
        top:11px;
        right:-12px;
    }
    .close2 {
        width:15%;
        border-top:29px solid #fabd01;
        border-bottom:29px solid #fabc01;
        position:absolute;
        top:0px;
        right:20px;
    }
    .noticemenu.active {
        position:absolute;
        top:444px;
        left:0;
    }
    /*slide*/
    article.video {margin-bottom:50px;}
    /*event*/
    .event {
        width:100%;
        height:100%;
    }
    .container {
        width:100%;
        height:250px;
        position:relative;
    }
    .mySlides {
        width:100%;
        height:100%;
        position:absolute;
        top:0;
        left:0;
        transition: left 0.5s ease-out;
        float:left;
    }
    .mySlides a {
        width:100%;
        height:100%;
        margin:0 auto;
    }

    .row {display:none;}
    
    /* Next & previous buttons */
    .prev,
    .next {
    cursor: pointer;
    position: absolute;
    top: 45%;
    width: auto;
    padding: 10px;
    margin-top: -50px;
    color: rgba(0,0,0,0.5);
    font-size: 70px;
    border-radius: 0 3px 3px 0;
    user-select: none;
    -webkit-user-select: none;
    display:block;
    }
    .next {
        right: 0;
        border-radius: 3px 0 0 3px;
    }

    /*new*/
    .new {
        width:100%; 
    }
    .new ul {
        width:100%;
        height:100%;
        margin:0 auto;
        display:block;
    }
    .new li {
        width:50%;
        height:100%;
        margin:10px auto;
        display:block;
    }
    .new li:nth-child(4) {display:block;}
    
    /*search*/
    .pokeimg {
        width:100%;
        margin:0 10px;
    }
    .pokeimg>a {
        width:45%;
        height:100%;
        margin:10px 5px;
        display:block;
    }
    .pokeimg>a:nth-child(4) {display:block;}
    .bar {height:100px;}
    .han {display:none;}
    .input {margin:20px auto;}
    .bar .box input {
        width: 60%;
        height: 50px;
        border: 0px;
        margin: 5px auto;
        display: inline-block;
    }
    .btn {
        width:50px;
        height:50px;
        float:right;
        border:0px;
        background:url("../img/btn.png") no-repeat;
        margin:5px;
    }

    /*news*/
    .news>h2 {margin-bottom:20px;}
    .news h2 a {display:none;}
    .soon {width:100%;}
    .soon>a {
        width:100%;
        height:100%;
        margin:0 auto;
    }
    .youtube {
        width:100%;
    }
    .youtube iframe {
        width:100%;
        height:100%;
        margin:0 auto;
        display:block;
    }
    .news2 {
        width:100%;
        margin:0 auto;
        padding:0 10px;
    }
    .news2 h2 {padding:0;}
    .news2 div {
        width:100%;
        margin:10px auto;
    }
    .news .center h2,
    .news .bank h2,
    .news .notice h2 {margin:10px 0;}
    .news dt {font-size:30px;}
    .notice li:nth-child(4) {display:none;}
    .notice li a {
        width:100%;
        height:100%;
        font-weight:600;
        padding:5px;
    }
    /*footer*/
    footer .box {
        width:100%;
        padding:0 10px;
    }
    footer a {font-size:13px;}
    footer .f_menu,
    footer .site,
    footer .menu2 {margin-top:10px;}
    .f_menu a,
    .site a {
        font-size:13px;
        padding:0 20px 0 0;
    }
}

/*media 375*/
@media all and (max-width:375px) {
    /*header menu*/
    .submenu>li a {font-size:15px;}
    .open {
        width:3px;
        height:25px;
        background:#333;
        position:absolute;
        top:16px;
        right:31px;
        transform:scale(1);
    }
    .open::before {
        content:'';
        width:26px;
        height:3px;
        background:#333;
        position:absolute;
        top:11px;
        right:-12px;
    }
    .close2 {
        width:15%;
        border-top:29px solid #fabd01;
        border-bottom:29px solid #fabc01;
        position:absolute;
        top:0px;
        right:20px;
    }
    .noticemenu.active {
        position:absolute;
        top:444px;
        left:0;
    }
    
    /*footer*/
    .menu1 a {font-size:13px;}
}

/*media 320*/
@media all and (max-width:320px) {
    /*header menu*/
    .open {
        width:2px;
        height:20px;
        background:#333;
        position:absolute;
        top:18px;
        right:20px;
        transform:scale(1);
    }
    .open::before {
        content:'';
        width:20px;
        height:2px;
        background:#333;
        position:absolute;
        top:9px;
        right:-9px;
    }
    .close2 {
        width:10%;
        border-top:29px solid #fabd01;
        border-bottom:29px solid #fabc01;
        position:absolute;
        top:0px;
        right:10px;
    }
    .noticemenu.active {
        position:absolute;
        top:444px;
        left:0;
    }
    /*footer*/
    .f_menu a {padding:0 7px 0 0;}
    .f_menu li:last-child a {padding:0;}
    .menu2 a {padding-right:30px;}
    .menu2 li:last-child a {padding:0;}
}