@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700&family=Roboto:wght@400;700&display=swap');
@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; }
@font-face {
    font-family: 'TmonMonsori';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/TmonMonsori.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'KBIZHanmaumGothic';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/KBIZHanmaumGothic.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
.nanumsquare { font-family: 'NanumSquare', sans-serif !important; }
@charset "utf-8";
body,h1,h2,h3,h4,h5,h6,p,ol,ul,dl,li,dt,dd,
table,tr,td,form,input,select,textrea{ margin:0; padding:0; list-style:none; }
a{ text-decoration:none; }
img{ border:0; }
body{ font-family: NanumGothic, Roboto, NanumSquare sans-serif; }



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

   
      #header{ height:90px; }
      h1{ float:left; margin:25px 0 0 15px; }

      .nav_btn{ float:right; margin:25px 20px 0 0; }
      .nav_btn button{ width: 40px; height:40px; border:0; background:none; }

      nav{ 
      position:fixed; top:0; left:0; width:100%; height:100%; 
      margin-left:-100%; background: #ec0e16; z-index:1; }
      .close_btn{ height:90px; background:#fff; text-align:right; }
      .close_btn button{ width:40px; height:40px; border-radius:15px; border:0; background:#ec0e16; color:#fff; margin:25px 20px 0 0; }

      .gnb a{ display:block; height:50px; line-height:50px; text-align:center; color:#fff; }
      .gnb>li>a { background:#f99b1a; }
      .gnb>li li a{  background:#ec0e16; color:#fff; }
      .gnb>li ul{ display:none; }

      .visual{ width:100%; height:350px; overflow:hidden; }
      .visual h2{ display:none; }
      .visual_list{ width:300%; height:350px; }
      .visual_list li{ float:left; width:33.333%; height:350px; }
      .v1{ background:url(../images/visual_1.jpg) no-repeat center top/cover; }
      .v2{ background:url(../images/visual_2.jpg) no-repeat center top/cover; }
      .v3{ background:url(../images/visual_3.gif) no-repeat center top/cover; }

      .v1 { text-align:center; }
      .v1 p:nth-child(1){ font-family:'NanumSquare'; font-size:20px;  color:#308333; padding-top:30px; }
      .v1 p:nth-child(2){ font-family:'yg-jalnan'; font-size:35px;  color: #002d02; }
      .v1 p:nth-child(3){ font-family:'yg-jalnan'; font-size:35px;  line-height:25px; color: #002d02; }
      .v1 p:nth-child(4){ display:none; }
      .v1 p:nth-child(5) img{ padding-top:30px; width:230px; height:180px; }

      .v2 { text-align:center; }
      .v2 p:nth-child(1){ font-family: 'TmonMonsori'; font-size:30px; color:#fff; padding-top:50px; }
      .v2 p:nth-child(2){ font-family: 'TmonMonsori'; font-size:35px; color:#4e280e; background:#fff000; width:185px; height:50px; line-height:50px; margin:0 auto; }
      .v2 p:nth-child(3){ font-family: 'NanumSquare'; font-size:30px; font-weight:bold; color:#fff000; }
      .v2 p:nth-child(4) img{ padding-top:10px; width:170px; height:160px; }
      .v2 p:nth-child(5){ display:none; }

      .v3 p{ text-align:center; }
      .v3 img{ padding-top:90px; width:320px;}


      .arrow_btn{ display:none; }
      .number_btn span:not(:nth-of-type(4)){ display:none; }
      .number_btn { border-radius: 30px; border:0; background:rgba(0,0,0,0.4); position:absolute; width:300px; height:35px; left:50%; margin:-50px 0 0 -150px; }
      .number_btn button:not(:last-child){ border-radius: 30px; border:0; background:#fff; width:40px; height:7px; margin:17px 0 0 29px; }
         .number_btn button:nth-child(4){ border:0; background:#fff000; border-radius:50px; cursor:pointer; font-size:16px; font-family:'KBIZHanmaumGothic'; margin-left:20px; }

      .quick{ width:100%; text-align:center; padding-top:30px; }
      .quick h2 { font-family:'KBIZHanmaumGothic'; font-size:30px; padding-top:55px; }
      .quick>p { font-size: 16px; line-height:20px; padding-top:20px; }
      .quick li { padding-top:20px; }

      .quick li p:nth-child(2) { padding-top: 30px; }
      .quick li p:nth-child(3) { width: 250px; height: 40px; border-radius: 50px; background:#ec0e16; line-height: 40px;  margin:20px auto 30px auto; }  
      .quick li p:nth-child(3) a{ display:block; color:#fff; background:url(../images/more.gif) no-repeat right 15px center; }

      .quick li:nth-child(1) p:nth-child(1){ padding-top:60px; } 


      .newest { width:100%; height:1240px; text-align:center; margin-bottom:120px;
      background:url(../images/background.gif) no-repeat center top,
         url(../images/background_1.gif) no-repeat center,
         url(../images/background_2.gif) no-repeat center bottom; }
      .newest_wrap div{ height:400px; }
      .newest_wrap div h3{ padding-top:50px; line-height:48px; font-family:'KBIZHanmaumGothic'; font-size:30px; color:#fff; }

      .newest_wrap div p{ font-size:20px; color:#fff; padding:20px 0; line-height:30px; }
      .newest_wrap div a{
      display:block; width:250px; height:40px; 
      line-height: 40px; color:#fff; 
      background:rgba(133,20,31,0.6); border-radius:50px; margin:0 auto; }

      .newest_wrap div:nth-child(1){ background:url(../images/newest_icon_1.png) no-repeat center bottom 30px; }
      .newest_wrap div:nth-child(2){ padding-top:20px; background:url(../images/newest_icon_2.png) no-repeat center bottom 30px; }
      .newest_wrap div:nth-child(3){ padding-top:20px; background:url(../images/newest_icon_3.png) no-repeat center bottom 30px; }


      #footer{ background:#272727; height:340px; }

      .footer_menu_wrap li{ float:left; text-align:center; height:50px; line-height:50px;
      border-bottom:1px solid rgba(255,255,255,0.2); }

      .footer_menu_wrap li:nth-child(1), .footer_menu_wrap li:nth-child(2),
      .footer_menu_wrap li:nth-child(3){ width:33.333%; }

      .footer_menu_wrap li:nth-child(4), .footer_menu_wrap li:nth-child(5){ width:50%; }
      .footer_menu_wrap li:nth-child(6){ width:100%; margin-bottom:20px;}

      .footer_menu_wrap a { color:rgba(255,255,255,255); }


      .footer_info_wrap{ width:100%; padding-top:25px; line-height:25px; text-align:center; } 
      .footer_info_wrap address{ font-style:normal; }
      .footer_info_wrap address:nth-of-type(1){ color:#fff; }
      .footer_info_wrap address:nth-of-type(2){ color:#f99b1a; }
      .footer_info_wrap p{ color:#fff; }
   
   
}
   
   
@media screen and (min-width:491px) and (max-width:1199px){

      #header{ height:90px; }
      h1{ float:left; margin:25px 0 0 15px; }

      .nav_btn{ float:right; margin:25px 20px 0 0; }
      .nav_btn button{ width: 40px; height:40px; border:0; background:none; }

      nav{ position:fixed; top:0; left:0; width:100%; height:100%; margin-left:-100%; background: #ec0e16; z-index:1; }
      .close_btn{ height:90px; background:#fff; text-align:right; }
      .close_btn button{ width:40px; height:40px; border-radius:15px; border:0; background:#ec0e16; color:#fff; margin:25px 20px 0 0; }

      .gnb a{ display:block; height:50px; line-height:50px; text-align:center; color:#fff; }
      .gnb>li>a { background:#f99b1a; }
      .gnb>li li a{  background:#ec0e16; color:#fff; }
      .gnb>li ul{ display:none; }

      .visual{ width:100%; height:350px; overflow:hidden; }
      .visual h2{ display:none; }
      .visual_list{ width:300%; height:350px; }
      .visual_list li{ float:left; width:33.333%; height:350px; }
      .v1{ background:url(../images/visual_1.jpg) no-repeat center top/cover; }
      .v2{ background:url(../images/visual_2.jpg) no-repeat center top/cover; }
      .v3{ background:url(../images/visual_3.gif) no-repeat center top/cover; }

      .v1 { text-align:center; }
      .v1 p:nth-child(1){ font-family:'NanumSquare'; font-size:20px;  color:#308333; padding-top:30px; }
      .v1 p:nth-child(2){ font-family:'yg-jalnan'; font-size:35px;  color: #002d02; }
      .v1 p:nth-child(3){ font-family:'yg-jalnan'; font-size:35px;  line-height:25px; color: #002d02; }
      .v1 p:nth-child(4){ display:none; }
      .v1 p:nth-child(5) img{ padding-top:30px; width:230px; height:180px; }

      .v2 { text-align:center; }
      .v2 p:nth-child(1){ font-family: 'TmonMonsori'; font-size:30px; color:#fff; padding-top:50px; }
      .v2 p:nth-child(2){ font-family: 'TmonMonsori'; font-size:35px; color:#4e280e; background:#fff000; width:185px; height:50px; line-height:50px; margin:0 auto; }
      .v2 p:nth-child(3){ font-family: 'NanumSquare'; font-size:30px; font-weight:bold; color:#fff000; }
      .v2 p:nth-child(4) img{ padding-top:10px; width:170px; height:160px; }
      .v2 p:nth-child(5){ display:none; }

      .v3 p{ text-align:center; }
      .v3 img{ padding-top:90px; width:400px;}


      .arrow_btn{ display:none; }
      .number_btn span{ display:none; }
      .number_btn { border-radius: 30px; border:0; background:rgba(0,0,0,0.4); position:absolute; width:300px; height:35px; left:50%; margin:-50px 0 0 -120px; }
      .number_btn button:not(:last-child){ border-radius: 30px; border:0; background:#fff; width:40px; height:7px; margin:15px 0 0 29px; }
         .number_btn button:nth-child(4){ border:0; background:#fff000; border-radius:50px; cursor:pointer; font-size:16px; font-family:'KBIZHanmaumGothic'; margin-left:10px; }    

      .quick{ width:100%; text-align:center; padding-top:30px; }
      .quick h2 { font-family:'KBIZHanmaumGothic'; font-size:30px; padding-top:55px; }
      .quick>p { font-size: 16px; line-height:20px; padding-top:20px; }
         .quick li { width:50%; padding-top:20px; float:left; }

      .quick li p:nth-child(2) { padding-top: 30px; }
      .quick li p:nth-child(3) { width: 250px; height: 40px; border-radius: 50px; background:#ec0e16; line-height: 40px;  margin:20px auto 30px auto; }  
      .quick li p:nth-child(3) a{ display:block; color:#fff; background:url(../images/more.gif) no-repeat right 15px center; }


      .newest { clear:both; width:100%; height:1240px; text-align:center; margin-bottom:120px;
      background:url(../images/background.gif) no-repeat center top,
         url(../images/background_1.gif) no-repeat center,
         url(../images/background_2.gif) no-repeat center bottom; }
      .newest_wrap div{ height:400px; }
      .newest_wrap div h3{ padding-top:50px; line-height:48px; font-family:'KBIZHanmaumGothic'; font-size:30px; color:#fff; }

      .newest_wrap div p{ font-size:20px; color:#fff; padding:20px 0; line-height:30px; }
      .newest_wrap div a{ display:block; width:250px; height:40px; line-height: 40px; color:#fff; background:rgba(133,20,31,0.6); border-radius:50px; margin:0 auto; }

      .newest_wrap div:nth-child(1){ background:url(../images/newest_icon_1.png) no-repeat center bottom 30px; }
      .newest_wrap div:nth-child(2){ padding-top:20px; background:url(../images/newest_icon_2.png) no-repeat center bottom 30px; }
      .newest_wrap div:nth-child(3){ padding-top:20px; background:url(../images/newest_icon_3.png) no-repeat center bottom 30px; }


      #footer{ background:#272727; height:340px; }

      .footer_menu_wrap li{ float:left; text-align:center; height:50px; line-height:50px; border-bottom:1px solid rgba(255,255,255,0.2); }

      .footer_menu_wrap li:nth-child(1), .footer_menu_wrap li:nth-child(2),
      .footer_menu_wrap li:nth-child(3){ width:33.333%; }

      .footer_menu_wrap li:nth-child(4), .footer_menu_wrap li:nth-child(5){ width:50%; }
      .footer_menu_wrap li:nth-child(6){ width:100%; margin-bottom:20px;}

      .footer_menu_wrap a { color:rgba(255,255,255,255); }


      .footer_info_wrap{ width:100%; padding-top:25px; line-height:25px; text-align:center; } 
      .footer_info_wrap address{ font-style:normal; }
      .footer_info_wrap address:nth-of-type(1){ color:#fff; }
      .footer_info_wrap address:nth-of-type(2){ color:#f99b1a; }
      .footer_info_wrap p{ color:#fff; }   
   
}

@media screen and (min-width:491px) and (max-width:800px) {
    
      .newest div{ width:100%; }
    
      
}

@media screen and (min-width:600px) and (max-width:1199px) {
    

      .v1 p:nth-child(1){ font-family:'NanumSquare'; font-size:30px;  color:#308333; margin:60px 0 0 -200px; }
      .v1 p:nth-child(2){ font-family:'yg-jalnan'; font-size:45px;  color: #002d02; margin-left:-200px; }
      .v1 p:nth-child(3){ font-family:'yg-jalnan'; font-size:45px;  line-height:45px; color: #002d02; margin-left:-250px; }
      .v1 p:nth-child(4){ display:none; }
      .v1 p:nth-child(5) img{ margin:-110px 0 0 220px; width:230px; height:180px; }

      .v2 p:nth-child(1){ font-family: 'TmonMonsori'; font-size:30px; color:#fff; margin:70px 0 0 -290px; }
          .v2 p:nth-child(2){ width:460px; margin:0 auto; background:none;  }
      .v2 p:nth-child(2) span{ display:block; font-family: 'TmonMonsori'; font-size:35px; color:#4e280e; background:#fff000; width:185px; height:50px; text-align:center; line-height:50px; }
      .v2 p:nth-child(3){ font-family: 'NanumSquare'; font-size:30px; font-weight:bold; color:#fff000; margin-left:-340px; }
      .v2 p:nth-child(4) img{ margin:-200px 0 0 220px; width:280px; height:260px; }
      .v2 p:nth-child(5){ display:none; }

      .v3 p{ text-align:center; }
      .v3 img{ margin-top:-80px; width:500px;}
    
    
      
}




@media screen and (min-width:1200px){

         #header{ position:absolute; left:0; top:0; overflow: hidden; width:100%; background:#fff; height:90px; }
    
         .header_wrap{ width:1200px; height:90px; margin:0 auto;}
         h1{ float:left; margin:30px 0; }
         nav{ float:right; margin:30px 0; }
   
            .nav_btn, .close_btn{ display:none; }
         .gnb>li{ float:left; }
         .gnb a{ display:block; text-align:center; }
         .gnb>li>a{ width:135px; height:30px; line-height:30px; margin-bottom:20px; font-family:'KBIZHanmaumGothic'; font-size:18px; color:#272727; }
         .gnb>li>a:hover{ border-bottom:3px solid #ec0e16; box-sizing:border-box; }
         .gnb>li ul a{ width:135px; height:40px; line-height:40px; font-family:'KBIZHanmaumGothic'; font-size:18px; color:#272727; }
         .gnb>li ul a:hover{ color:#fff; background:#ec0e16; }


         #container{ clear:both; margin-bottom:180px; }
         .visual{ width:100%; height:720px; overflow:hidden; }
         .visual h2{ display:none; }
         .visual_list{ width:300%; height:720px; }
         .visual_list li{ float:left; width:33.333%; height:720px; }
         .v1{ background:url(../images/visual_1.jpg) no-repeat center top; }
         .v2{ background:url(../images/visual_2.jpg) no-repeat center top; }
         .v3{ background:url(../images/visual_3.gif) no-repeat center top; }
         .visual_list div { width:1200px; height:800px; margin:0 auto; }

         .v1 p:nth-child(1){ font-family:'NanumSquare'; font-size:50px; color:#308333; margin: 200px 0 0 142px; }
         .v1 p:nth-child(2){ font-family:'yg-jalnan'; font-size:87px; color: #002d02; margin-left:142px; }
         .v1 p:nth-child(3){ font-family:'yg-jalnan'; font-size:87px; color: #002d02; margin: -30px 0 0 142px;}
         .v1 p:nth-child(4){ font-family:'NanumSquare'; font-size:30px; color: #fbffd7; background:#308333; width:400px; height:70px; text-align:center; line-height:70px; margin-left:142px;}
         .v1 p:nth-child(5){ margin:-330px 0 0 580px; }

         .v2 p:nth-child(1){ font-family: 'TmonMonsori'; font-size:75px; color:#fff; margin: 230px 0 0 112px; }
         .v2 p:nth-child(2){ font-family: 'TmonMonsori'; font-size:83px; color:#4e280e; background:#fff000; width:450px; height:115px; text-align:center; line-height:115px; margin-left:96px; }
         .v2 p:nth-child(3){ font-family: 'NanumSquare'; font-size:66px; font-weight:bold; color:#fff000; margin:10px 0 0 120px; }
         .v2 p:nth-child(4){ margin:-380px 0 0 580px; }
         .v2 p:nth-child(5){ font-size:20px; font-family:'NanumGothic'; color:#fff; margin: -40px 0 0 700px; }

         .v3 img{ margin:0 auto; }

         .arrow_btn button{ background:none; border:0; cursor:pointer; margin-top:-350px; }
         .arrow_btn button:nth-child(1){ position:absolute; left:17%; }
         .arrow_btn button:nth-child(2){ position:absolute; right:17%; }

         .number_btn span{ display:none; }
         .number_btn { border-radius: 30px; border:0; background:rgba(0,0,0,0.4); position:absolute; width:280px; height:35px; left:50%; margin:-50px 0 0 -120px; }
         .number_btn button:nth-child(1), .number_btn button:nth-child(2), .number_btn button:nth-child(3){ border-radius: 30px; border:0; background:#fff; width:40px; height:7px; margin:15px 0 0 30px; cursor:pointer; }
         .number_btn button:nth-child(4){ border:0; background:#fff000; border-radius:50px; cursor:pointer; font-size:16px; font-family:'KBIZHanmaumGothic'; margin-left:10px; }
   
   
   
         .quick{ width:1200px; margin: 0 auto; }
         .quick h2 { font-family:'KBIZHanmaumGothic'; font-size:35px; width:358px; height:90px; text-align:center; line-height:90px; margin:112px 0 0 -35px; background:url(../images/simbol.gif) no-repeat left top; }
         .quick>p { margin-left:42px; font-size: 20px; }
         .quick li { float:left; margin:20px; 0 0 60px; }
         .quick li a{ display:block; color:#fff; background:url(../images/more.gif) no-repeat right 15px center; }
         .quick ul p:nth-child(2) { margin-top: 20px; text-align: center; }
         .quick ul p:nth-child(3) { width: 150px; height: 30px; border-radius: 50px; background:#ec0e16; text-align:center; line-height: 30px;  margin:20px 0 130px 50px; }  

         .newest{
         clear:both; height:500px; margin-top:120px;
         background: url(../images/newest_background.gif) no-repeat left top/50% 500px,
         url(../images/newest_background_1.gif) no-repeat right top/49.7% 247px,
         url(../images/newest_background_2.gif) no-repeat right 247px/49.7% 247px;}

         .newest_wrap{ height:500px; width:1200px; margin: 0 auto; }
         .newest_wrap div{width:600px; height:237px; float:left;}
         .newest_wrap div h3{ width:380px; height:53px; line-height:53px; font-family:'KBIZHanmaumGothic'; font-size:35px; color:#fff; text-indent:20px;
         background:url(../images/newest_circle.png) no-repeat left top; }

         .newest_wrap div p{ font-size:20px; color:#fff; margin: 10px 0 30px 23px; line-height:30px; }
         .newest_wrap div a{ display:block; width:257px; height:46px; line-height: 46px; text-align:center; color:#fff; 
         background:rgba(133,20,31,0.6); border-radius:50px; margin-left: 20px;
         }
         .newest_wrap div a:hover{ display:block; width:257px; height:46px; line-height: 46px; text-align:center; color:#ec0e16; 
         background:#fff; font-weight:bold; border-radius:50px; margin-left: 20px;
         }

         .newest_wrap div:nth-child(1){ margin:150px 0 0 10px; height: 495px; background: url(../images/newest_icon_1.png) no-repeat right 45px bottom 310px; }
         .newest_wrap div:nth-child(2){ margin:-600px 0 0 630px; background: url(../images/newest_icon_2.png) no-repeat right 95px bottom 70px; }
         .newest_wrap div:nth-child(3){ margin:-350px 0 0 630px; background: url(../images/newest_icon_3.png) no-repeat right 95px bottom 70px; }


         #footer{ clear:both; background:#272727; }
         .footer_menu_wrap{ height:70px; border-bottom:1px solid #fff; box-sizing:border-box; }
         .footer_menu_wrap ul{ width:1200px; height:70px; margin:0 auto; line-height:70px; text-align:center; }
         .footer_menu_wrap li{ float:left; margin-right:20px; }
         .footer_menu_wrap a{ color:rgba(255,255,255,255); }
         .footer_menu_wrap a:hover{ color:rgba(255,255,255,0.5); }

         .footer_info_wrap{ width:1200px; height:127px; margin:0 auto; } 
         .footer_info_wrap address{ font-style:normal; line-height:26px; }
         .footer_info_wrap address:nth-of-type(1){ float:left; color:#fff; margin:20px 0; }
         .footer_info_wrap address:nth-of-type(2){ float:right; color:#f99b1a; margin-top:20px; text-align:right; }
         .footer_info_wrap p{ clear:both; color:#fff; }   

}

@media screen and (min-width:1200px) and (max-width:1640px){
   
   .arrow_btn{ display:none; }
   
}
@media screen and (min-width:1201px) and (max-width:1899px){

         .newest{
         clear:both; height:500px; margin-top:120px;
         background: url(../images/newest_background.gif) no-repeat left top/50% 500px,
                     url(../images/newest_background_2.gif) no-repeat right bottom/49.4% 247px; }
         
   .newest_wrap div:nth-child(2){ margin:-645px 0 0 616px; padding: 45px 0 0 20px; height:200px; background: url(../images/newest_icon_2png) no-repeat right 95px bottom 30px #ff9212; }
   
   

}

@media screen and (min-width:1900px){

         .newest{
         clear:both; height:500px; margin-top:120px;
         background: url(../images/newest_background.gif) no-repeat left top/50% 500px,
                     url(../images/newest_background_1.gif) no-repeat right top/49.7% 247px,
                     url(../images/newest_background_2.gif) no-repeat right 240px/49.7% 447px; }

}