/* main */
*, body { box-sizing: border-box; font-family: 'Montserrat', sans-serif; padding: 0; margin: 0; }
a{text-decoration: none; color: #333;}
ul,li{list-style: none;}
/* html { font-size: 62.5%; } */

@media screen and (min-width:720px) and (max-width:1920px) {
  .wrap { width: 100%; height: 100vh; margin: 0 auto;}
  header { background: #e60012; height: 70px;  display: flex; justify-content: center; align-items: center; padding: 0 20px; }
  
  /* 메뉴 */
  .closeBtn{display: none;}
  .mBtn{display: none;}

  .mNav>ul{display: flex; font-weight: 800; gap: 110px; flex-wrap: nowrap;}
  .mNav>ul>li>a{color: #fff;}
  .mNav>ul>li>a:hover{color: #ffd3d3;}


  .logo{display: block; padding-right: 110px;}
  .logo>img{width: 90%;}

  
  .News_top{width: 70%; display: flex; justify-content: left; margin: 0 auto; padding: 33px 0;}
  /* 베너1 */
  #News{width: 100%; margin: 0 auto;}
  .news_list .news h4{color: #e60613; font-weight: 800; padding: 10px 0;}
  .news_list{width: 70%; display: flex; justify-content: space-between; flex-wrap: wrap; margin: 0 auto; row-gap: 40px;}
  
  .news_list .news a{width: 100%; display: block; overflow: hidden;}
  .news_list>li>a>img {width: 295px; height: 165px;}
  .news_list>li>a>img:hover {width: 295px; height: 165px; transform: scale(1.05); opacity: 0.6; ;transition: 0.3s;}
  
  
  /* 하단글씨 */
  .news_text{width: 295px;}
  
  
  /* 베너2 */
  .banner{width: 100%; height: 100px; padding-top: 12px; margin: 0 auto; background: url("/img/banner_bg_pc.png") no-repeat center #fe7c0a; background-size: contain; margin: 40px 0; color: #fff; text-align: center;}
  .banner>p:nth-child(1){font-size: 24px;}
  .banner>p:nth-child(2){font-size: 28px; font-weight: 800;}
  
  
  /* 메인슬라이드 */
  .m_slider{display: none;}
    
  /* 베너3 */
  #software>h2{width: 70%; display: flex; justify-content: left; margin: 0 auto; padding: 33px 0;}
  
  .software_view{width: 70%; overflow: hidden; margin: 0 auto;}
  .soft_slide_con{width:calc(100% + 110px); display:flex; gap:10px; left:0; top:0px; position: relative;}
  .soft_slide_li{width:80%;}
  .soft_slide_li a{display:block; font-size:0; width: 100%; overflow:hidden;}
  .soft_slide_li img{width: 100%; transition: all .3s;}
  .soft_slide_li a:hover img{transform: scale(1.05); opacity: 0.6;}
  .soft_info{display: none;}
  .soft_slide_con{width:calc((((100% - 20px) / 3) * 12) + 110px);}
  .soft_slide_li{width:calc((100% - 20px) / 3);}
  
  .soft_info{display: block; font-size:14px; padding: 0 10px;}
  .soft_info h4{color:#e60613; line-height: 30px; font-weight: 500;}
  .soft_info p{color:rgb(15,15,15);}
  .soft_info p:last-child{font-weight: 300; width:100%; overflow:hidden; height:28px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; display: -webkit-box;}
  .soft_info p:first-child{height: 30px; line-height:30px; font-size: 12px; margin-top:10px;}
  .soft_info p:first-child span{border-radius:5px; padding: 2px 5px; background: #e60613; color:white; margin-right:5px;}
  .soft_info p:first-child span.korean{background: white; color:#e60613; border:1px solid #e60613; box-sizing: border-box; font-weight:500;}
  

  
  /* 베너4 */
  #guide{width: 100%; margin: 0 auto;}
  .guide {width: 430px; height: 310px; position: relative;}
  .guide_list{width: 70%; display: flex; justify-content: space-between; flex-wrap: wrap; margin: 0 auto; row-gap: 26px; margin-top: 30px;}
  .guide_right{width: 430px; height: 234px;}
  .guide_right>img{width: 430px; height: 234px;}
  .guide_left{width: 430px; height: 88px; position: absolute; bottom: 0; background-color: #e60012; color: #fff; font-weight: 800; font-size: 16px; line-height: 24px; padding: 20px 15px 0 15px}
 
  
  /* 베너5 */
  #download{width: 100%;}
  #download>h2{justify-content: center; margin: 0 auto; display: flex; text-align: center; font-size: 22px; font-weight: 800; padding: 30px 0;}
  
  .download_list{width: 70%; display: flex; justify-content: space-between; margin: 0 auto; margin-bottom: 50px;}
  .download_list>li{width: 440px; height: 80px; border: 1px solid gray; }
  .download_list>li>a{width: 719px; height: 80px; display: flex; align-items: center;}
  .down_text{font-size: 16px; line-height: 24px;}
  .down_img>img{padding: 10px 3px 8px 10px;}
  


  /*notice*/
  #notice>p{border-top:1px solid silver;}
  .notice_box{width: 100%; height: 60px; overflow:hidden; position: relative; }
  .notice{width: 100%; padding:0 20px; top:60; left:0; box-sizing: border-box; position: absolute; padding-left: 284px;}
  .notice li p{width:100%; line-height: 60px; overflow:hidden; white-space: nowrap; text-overflow: ellipsis;}
  .notice li p a{color:gray;}
  .notice li p a:hover{color:gray; text-decoration: underline;}
  .notice li span{font-size:22px; line-height: 1; color:#e60613;}

  /* go_top banner*/
  #go_top{width: 100%; height: 50px; background:url("../img/logo_nintendo_red.gif") no-repeat center #e60613; position: relative;}
  #go_top a{position:absolute; top:50%; right:20px; transform:translateY(-50%); display: flex; justify-content:flex-end; align-items:center; width: 64px; height: 25px; color:white; padding:0 4px; border:2px solid white; border-radius:17px; overflow: hidden; box-sizing: border-box; transition: width .2s;}
  #go_top a span{font-size:14px; font-weight: bold;}
  #go_top a:hover{width:64px; background: white; color:#e60613;}




  /* footer */
  .footer_menu{width: 100%;}
  .footer_nav{padding: 20px 0; width: 70%; display: flex; justify-content: space-between; margin: 0 auto;}
  .footer_nav>li>a{font-weight: 800; color: #e60613;}
  
  .footer_snb>li{padding: 6px 0;}
  .footer_snb>li>a{color: gray;}
  .footer_snb>li>a:hover{border-bottom: 1px solid gray;}

  /* .footer_nav>li>a{font-weight: 800; font-size: 20px;}
  .footer_nav>li>a:hover{color: #e60613;}
  .footer_nav>li{font-size: 18px;  border-bottom: 1px solid silver; height: 50px; line-height: 50px; font-weight: 500; text-indent: 20px; transition: height .5s ease-in; overflow: hidden;}
  .footer_nav>li:hover{height: 210px;}
  .footer_snb>li>a:hover{border-bottom: 1px solid #333;} */
  
  
  /* 하단 */
  .footer{width: 100%; background-color: #f6f6f6; }
  .footer_list{width: 70%; height: 270px; padding-top: 30px; margin: 0 auto;}
  
  .footer1>p {font-size: 14px; padding-bottom: 10px; color: gray;}
  .footer1>p>a>span{font-size: 14px; color: #e60613; font-weight: 800;}
  
  .footer2>p{font-size: 14px; padding-bottom: 10px; color: gray;}
  .footer3>p{font-size: 14px; padding-bottom: 10px; color: gray;}
  
  .footer4{padding-bottom: 10px; font-weight: 600;}
  .footer4>p{font-size: 14px; color: gray; }
  
  
  .footer5{padding-bottom: 10px;}
  .footer5>p{font-size: 14px; color: gray; font-style: italic;} }









@media screen and (max-width:719px){
.wrap { width: 719px; height: 100vh; margin: 0 auto;}
header { background: #e60012; height: 70px;  display: flex; justify-content: space-between; align-items: center; padding: 0 20px; }
/* .logo { display: block; font-size: 2rem; color: #333; font-weight: 700; text-transform: uppercase; background: url('/images/logo_nintendo_red.gif') no-repeat;} */
.mBtn{cursor: pointer;}
.mBtn a {display: block; text-indent: -9999px; width: 24px; height: 24px; background: url('/img/bottom.png') no-repeat; margin-top: 20px; }
.mNav { z-index: 3; position: fixed; background-color: #fff; top: 0; right: -100%; width: 80%; height: 100%; transition: all 0.3s ease; }
.mNav.on { right: 0; }
.bg-shadow { position: fixed; top: 0; right: 0; width: 100%; height: 100%; z-index: 2; background: rgba(0, 0, 0, 0.7); display: none; cursor: pointer; }

/* 메뉴 */
.closeBtn{display: block;}
.mBtn{display: block;}

.sub { position: relative; padding-top: 30px; }
.sub>li>a:hover{color: #e60012;}
.closeBtn { position: absolute; top: 0; right: 0; display: block; }
.closeBtn a { display: block; text-indent: -9999px; width: 24px; height: 24px; background: url('/img/close.png') no-repeat; margin-top: 25px; margin-right: 20px; }
.sub li a { display: block; font-size: 1.4rem; color: #333; padding: 10px 20px; border-bottom: 1px solid #d1d4d8; }







.News_top{width: 650px; display: flex; justify-content: left; margin: 0 auto; padding: 33px 0;}
/* 베너1 */
#News{width: 100%; margin: 0 auto;}
.news_list .news h4{color: #e60613; font-weight: 800; padding: 10px 0;}
.news_list{width: 650px; display: flex; justify-content: space-between; flex-wrap: wrap; margin: 0 auto; row-gap: 40px;}

.news_list .news a{width: 100%; display: block; overflow: hidden;}
.news_list>li>a>img {width: 295px; height: 165px;}
.news_list>li>a>img:hover {width: 295px; height: 165px; transform: scale(1.05); opacity: 0.6; ;transition: 0.3s;}


/* 하단글씨 */
.news_text{width: 295px;}


/* 베너2 */
.banner{width: 719px; height: 100px; padding-top: 12px; margin: 0 auto; background: url("/img/banner_bg_pc.png") no-repeat center #fe7c0a; background-size: contain; margin: 40px 0; color: #fff; text-align: center;}
.banner>p:nth-child(1){font-size: 24px;}
.banner>p:nth-child(2){font-size: 28px; font-weight: 800;}


/* 메인슬라이드 */
.p_slider{display: none;}
.m_slider{display: block;}
  

/* 베너3 */
#software>h2{width: 650px; display: flex; justify-content: left; margin: 0 auto; padding: 33px 0;}
  
.software_view{width: 719px; overflow: hidden; margin: 0 auto;}
.soft_slide_con{width:calc(100% + 110px); display:flex; gap:10px; left:0; top:0px; position: relative;}
.soft_slide_li{width:80%;}
.soft_slide_li a{display:block; font-size:0; width: 100%; overflow:hidden;}
.soft_slide_li img{width: 100%; transition: all .3s;}
.soft_slide_li a:hover img{transform: scale(1.05); opacity: 0.6;}
.soft_info{display: none;}
.soft_slide_con{width:calc((((100%) / 2) * 14) + 13px)}
.soft_slide_li{width:calc((100% - 20px) / 3);}

.soft_info{display: block; font-size:14px; padding: 0 10px;}
.soft_info h4{color:#e60613; line-height: 30px; font-weight: 500;}
.soft_info p{color:rgb(15,15,15);}
.soft_info p:last-child{font-weight: 300; width:100%; overflow:hidden; height:28px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; display: -webkit-box;}
.soft_info p:first-child{height: 30px; line-height:30px; font-size: 12px; margin-top:10px;}
.soft_info p:first-child span{border-radius:5px; padding: 2px 5px; background: #e60613; color:white; margin-right:5px;}
.soft_info p:first-child span.korean{background: white; color:#e60613; border:1px solid #e60613; box-sizing: border-box; font-weight:500;}



/* 베너4 */
#guide{width: 719px;}

.guide_list{margin: 0 auto; width: 719px; display: flex; justify-content: space-between; flex-wrap: wrap; padding-top: 55px;}
.guide_left{font-size: 21px; color: #fff; font-weight: 800; padding-left: 40px;}
.guide_list{margin: 0 auto; width: 719px; display: flex; justify-content: space-between; flex-wrap: wrap;}
.guide_left>p{padding: 2px 0;}

.guide_list>li{margin-bottom: 20px;}

.guide1{width: 719px; height: 140px; background-color: #e60012;}
.guide1>a{width: 719px; height: 140px; background-color: #e60012; display: flex; align-items: center; justify-content: space-between;}
.guide_right>img{margin-top: 4px;}
.guide_right>img{height: 140px;}

.guide2{width: 719px; height: 140px; background-color: #e60012;}
.guide2>a{width: 719px; height: 140px; background-color: #e60012; display: flex; align-items: center; justify-content: space-between;}


.guide3{width: 719px; height: 140px; background-color: #e60012;}
.guide3>a{width: 719px; height: 140px; background-color: #e60012; display: flex; align-items: center; justify-content: space-between;}



.guide4{width: 719px; height: 140px; background-color: #e60012;}
.guide4>a{width: 719px; height: 140px; background-color: #e60012; display: flex; align-items: center; justify-content: space-between;}



.guide5{width: 719px; height: 140px; background-color: #e60012;}
.guide5>a{width: 719px; height: 140px; background-color: #e60012; display: flex; align-items: center; justify-content: space-between;}



.guide6{width: 719px; height: 140px; background-color: #e60012;}
.guide6>a{width: 719px; height: 140px; background-color: #e60012; display: flex; align-items: center; justify-content: space-between;}



/* 베너5 */
#download{width: 100%;}
#download>h2{text-align: center; font-size: 22px; font-weight: 800; padding: 16px 0;}

.download_list>li{width: 719px; height: 80px; border: 1px solid gray; margin: 18px 0;}
.download_list>li>a{width: 719px; height: 80px; display: flex; align-items: center;}
.down_text{font-size: 20px;}



/*notice*/
#notice>p{border-top:1px solid silver;}
.notice_box{width: 100%; height: 60px; overflow:hidden; position: relative; }
.notice{width: 100%; padding:0 20px; top:60; left:0; box-sizing: border-box; position: absolute;}
.notice li p{width:100%; line-height: 60px; overflow:hidden; white-space: nowrap; text-overflow: ellipsis;}
.notice li p a{color:gray;}
.notice li p a:hover{color:gray; text-decoration: underline;}
.notice li span{font-size:22px; line-height: 1; color:#e60613;}
/* go_top banner*/
#go_top{width: 100%; height: 50px; background:url("../img/logo_nintendo_red.gif") no-repeat center #e60613; position: relative;}
#go_top a{display: none;}
#go_top a span{font-size:14px; font-weight: bold;}
#go_top a:hover{width:70px; background: white; color:#e60613;}


/* footer */

.footer_nav>li>a{font-weight: 800; font-size: 20px;}
.footer_nav>li>a:hover{color: #e60613;}
.footer_nav>li{font-size: 18px;  border-bottom: 1px solid silver; height: 50px; line-height: 50px; font-weight: 500; text-indent: 20px; transition: height .5s ease-in; overflow: hidden;}
.footer_nav>li:hover{height: 210px;}
.footer_snb>li>a:hover{border-bottom: 1px solid #333;}


/* 하단 */
.footer{width: 100%;}
.footer_list{width: 719px; height: 270px; background-color: #f6f6f6; padding: 20px;}

.footer1>p {font-size: 17px; padding-bottom: 10px; color: gray;}
.footer1>p>a>span{font-size: 17px; color: #e60613; font-weight: 800;}

.footer2>p{font-size: 17px; padding-bottom: 10px; color: gray;}
.footer3>p{font-size: 17px; padding-bottom: 10px; color: gray;}

.footer4{padding-bottom: 10px; font-weight: 600;}
.footer4>p{font-size: 17px; color: gray; }


.footer5{padding-bottom: 10px;}
.footer5>p{font-size: 17px; color: gray; font-style: italic;} }



  @media screen and (max-width:719px) {

  }