/* header 시작 */
#topBtn{display: none; z-index: 50;}

@media screen and (min-width:1201px) {  
header{position: relative; height: 100px; z-index: 999 ; background-color: #000; transition-duration: 0.3s;}
.header_change{background-color: rgba(0,0,0,0);}

header h1{position: absolute; left: 140px; top: 28.1px; width: 120px; line-height: 100px;}
header h1 img{width:100%;}
header .gnb{max-width: 1225px; height: 100px; margin-left: 347.5px; width: 90%; transition-duration: 0.5;}
header .gnb>ul{display:flex;}
header .gnb>ul>li{margin-right: 42px;}
header .gnb>ul>li>a{display: block; text-align: center; line-height: 100px; color: #fff; font-size: 18px; font-weight: bold; transition-duration: 0.5s;}


header .gnb_right{position: absolute; right: 140px; display: flex; top: 30px;}
header .gnb_right img{margin-left: 14px;}

header .gnb>ul>li>a:hover { color: #999;}
.icon_menu {display: none;}
.sub_gnb_wrap{position: absolute; width: 100%; height: 287px; left: 0; top: 100px; background-color: #242424; display: none; z-index: 98; transition-duration: 0.5;}
.sub_gnb_wrap .sub_gnb_inner{position: relative; width: 1572px; height: 287px; margin-left: 347.5px;}
.sub_gnb_wrap .sub_gnb_inner .sub_gnb{position: absolute; width: 100%; left: 0; top: 0; display: flex;  opacity: 0;}
.sub_gnb_wrap .sub_gnb_inner .sub_gnb ul {padding:30px 0 60px; width: 125px;}
.sub_gnb_wrap .sub_gnb_inner .sub_gnb ul li a{display: block; padding: 10px 0; color: #666; font-size: 15px; transition-duration: 0.5s;}
.sub_gnb_wrap .sub_gnb_inner .sub_gnb ul li a.ok{color: #fff;}
.sub_gnb_wrap .sub_gnb_inner .sub_gnb ul li p.bold{font-weight: bold; font-size: 17px; padding: 20px 0; color: #fff;} 
.sub_gnb_wrap .sub_gnb_inner .sub_gnb ul li a.small_padding{padding: 20px 0;}
.sub_gnb_wrap .sub_gnb_inner .sub_gnb ul li a:hover{color: #79B928;}
.sub_gnb_wrap .sub_gnb_inner .sub_gnb ul.big{width: 200px;}
.sub_gnb_wrap .sub_gnb_img{position: absolute; right: 0; top: 0; height: 100%; width:35vw; }
.sub_gnb_wrap .sub_gnb_img img{width: 100%; height: 100%;}


#mgnb{position: fixed; left:0; top: 0; background-color: rgba(0,0,0,0.8); width: 100%; z-index: 9999; height: 100%; transition: 0.5s; margin: 0 auto; display: none; opacity: 0; transition-duration: 0.5;}
#mgnb .gnb_close{position: absolute; left: 0; margin-left: 30px; margin-top: 20px;}
#mgnb .gnb_close img{width: 30px;}
#mgnb .mgnb_inner{width: 60%; margin: 0 auto; position: relative; top: 40%; }
#mgnb .mgnb_inner .mgnb_list{position: relative; width: 100%; display: flex; justify-content: space-around; flex-wrap: wrap;}
#mgnb .mgnb_inner .mgnb_list>li{width: 30%; text-align: center; display: block; margin-bottom: 50px;}  
#mgnb .mgnb_inner .mgnb_list>li>a{color: #fff; font-size: 24px; font-weight: bold; position: relative; transition-duration: 0.5s;}
#mgnb .mgnb_inner .mgnb_list li:hover>a{color: #79B928;}
#mgnb .mgnb_inner .mgnb_list .mgnb_sub_list>a::before{content: ""; display: block; position: absolute; width: 100%; height: 4px; background-color: #ccc; left: 0; bottom: -10px; transition-duration: 0.5s;}
#mgnb .mgnb_inner .mgnb_list .mgnb_sub_list>a::after{content: ""; display: block; position: absolute; width: 0%; height: 4px; background-color: #79B928; left: 0; bottom:-10px; transition-duration: 0.5s;}
#mgnb .mgnb_inner .mgnb_list .mgnb_sub_list:hover>a::after{width: 100%;}

#mgnb .mgnb_inner .mgnb_sub_menu{display: none;}
#mgnb .mgnb_inner .mgnb_sub_menu>li {position: relative; margin-top: 15px;}
#mgnb .mgnb_inner .mgnb_sub_menu li a{ text-align: center; color: #fff; line-height: 20px; font-size: 15px; position: relative;}
#mgnb .mgnb_inner .mgnb_sub_menu li a::after{content: ""; display: block; position: absolute; width: 0px; height: 0px; border-radius: 100%; left: -20px; background-color: #79B928; top: 50%; transform: translateY(-50%); transition-duration: 0.2s; }
#mgnb .mgnb_inner .mgnb_sub_menu li:hover a::after{width: 10px; height: 10px;}

/* footer 시작 */
#footer {position: relative; padding: 0 7.3%; background-color: #000;}
#footer .footer_inner {max-width: 1640px; margin: 0 auto;}
#footer .footer_inner .top {position: relative; height: 158px; border-bottom: 1px solid #333;}
#footer .footer_inner .top .site_link {display: inline-block; vertical-align: middle;width: 80%; height: 158px; line-height: 158px;}
#footer .footer_inner .top .site_link a {margin-right: 4%; color: #FFF; font-size: 1em;}
#footer .footer_inner .top .sns_link {position: absolute; right: 0; top: 50%; transform: translateY(-50%); max-width: 200px;}
#footer .footer_inner .top .sns_link a {display: inline-block; vertical-align: middle;height: 32px; font-size: 0; margin: 0 15px; background: no-repeat 50% 50%;}
#footer .footer_inner .top .sns_link a.youtube {width: 20px; background-image: url(../img/icon/youtube.png);}
#footer .footer_inner .top .sns_link a.facebook {width: 20px; background-image: url(../img/icon/facebook.png);}
#footer .footer_inner .top .sns_link a.instar {width: 20px; background-image: url(../img/icon/instar.png);}
#footer .footer_inner .bottom {position: relative; height: 166px;}
#footer .footer_inner .bottom .site_info {height: 30%; vertical-align: middle; margin: 20px 0 20px 0; width: 50%;}
#footer .footer_inner .bottom .site_info .copyright {font-size: 0.9em; color: #fff; margin-bottom: 20px;}
#footer .footer_inner .bottom .site_info .text {font-size: 0.67em; color: #666;}
#footer .footer_inner .bottom .footer_logo{position: absolute; right: 0; top:0; margin-top: 44px;}
#footer .footer_inner .bottom .footer_logo img{width: 128px;}
.footer_logo_top {display: none;}



#topBtn{position: fixed; width: 40px; height: 40px; border-radius: 50%; box-sizing: border-box; background-color: #241e20; bottom: 35px; right: 75px; cursor: pointer;}
#topBtn img{position: absolute; top: 13px; left:11px;}
}





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


  header{position: relative; height: 100px; z-index: 999 ; background-color: #000; transition-duration: 0.3s;}

  .header_change{background-color: rgba(0,0,0,0);}
  
  header h1{position: absolute; left: 70px; top: 28.1px; width: 120px; line-height: 100px;}
  header h1 img{width:100%;}
  header .gnb {display: none;}
  header .gnb{max-width: 1225px; height: 100px; margin-left: 347.5px; width: 90%; }
  header .gnb>ul{display:flex;}
  header .gnb>ul>li{margin-right: 42px;}
  header .gnb>ul>li>a{display: block; text-align: center; line-height: 100px; color: #fff; font-size: 18px; font-weight: bold; transition-duration: 0.5s;}
  header .gnb>ul>li>a{display: block; text-align: center; line-height: 100px; color: #fff; font-size: 18px; font-weight: bold; transition-duration: 0.5s;}
  
  header .gnb_right{position: absolute; right: 70px; display: flex; top: 30px;}
  header .gnb_right img{margin-left: 14px;}
  header .gnb>ul>li>a:hover { color: #999;}
  .icon_my {display: none;}
  .icon_menu {width: 40px;}
  .icon_menu img {width: 100%;}
  
  .sub_gnb_wrap{position: absolute; width: 100%; height: 287px; left: 0; top: 100px; background-color: #242424; display: none; z-index: 98;}
  .sub_gnb_wrap .sub_gnb_inner{position: relative; width: 1572px; height: 287px; margin-left: 347.5px;}
  .sub_gnb_wrap .sub_gnb_inner .sub_gnb{position: absolute; width: 100%; left: 0; top: 0; display: flex;  opacity: 0;}
  .sub_gnb_wrap .sub_gnb_inner .sub_gnb ul {padding:30px 0 60px; width: 125px;}
  .sub_gnb_wrap .sub_gnb_inner .sub_gnb ul li a{display: block; padding: 10px 0; color: #666; font-size: 15px; transition-duration: 0.5s;}
  .sub_gnb_wrap .sub_gnb_inner .sub_gnb ul li p.bold{font-weight: bold; font-size: 17px; padding: 20px 0; color: #fff;} 
  .sub_gnb_wrap .sub_gnb_inner .sub_gnb ul li a.small_padding{padding: 20px 0;}
  .sub_gnb_wrap .sub_gnb_inner .sub_gnb ul li a:hover{color: #79B928;}
  .sub_gnb_wrap .sub_gnb_inner .sub_gnb ul.big{width: 200px;}
  .sub_gnb_wrap .sub_gnb_img{position: absolute; right: 0; top: 0; height: 100%; width:35vw; }
  .sub_gnb_wrap .sub_gnb_img img{width: 100%; height: 100%;}


  /* mgnb */
  #mgnb{position: fixed; left:0; top: 0; background-color: rgba(0,0,0,0.8); width: 100%; z-index: 9999; height: 100%; transition: 0.5s; margin: 0 auto; display: none; opacity: 0; transition-duration: 0.5;}
  #mgnb .gnb_close{position: absolute; left: 0; margin-left: 30px; margin-top: 20px;}
  #mgnb .gnb_close img{width: 30px;}
  #mgnb .mgnb_inner{width: 60%; margin: 0 auto; position: relative; top: 40%; }
  #mgnb .mgnb_inner .mgnb_list{position: relative; width: 100%; display: flex; justify-content: space-around; flex-wrap: wrap;}
  #mgnb .mgnb_inner .mgnb_list>li{width: 30%; text-align: center; display: block; margin-bottom: 50px;}  
  #mgnb .mgnb_inner .mgnb_list>li>a{color: #fff; font-size: 24px; font-weight: bold; position: relative; transition-duration: 0.5s;}
  #mgnb .mgnb_inner .mgnb_list li:hover>a{color: #79B928;}
  #mgnb .mgnb_inner .mgnb_list .mgnb_sub_list>a::before{content: ""; display: block; position: absolute; width: 100%; height: 4px; background-color: #ccc; left: 0; bottom: -10px; transition-duration: 0.5s;}
  #mgnb .mgnb_inner .mgnb_list .mgnb_sub_list>a::after{content: ""; display: block; position: absolute; width: 0%; height: 4px; background-color: #79B928; left: 0; bottom:-10px; transition-duration: 0.5s;}
  #mgnb .mgnb_inner .mgnb_list .mgnb_sub_list:hover>a::after{width: 100%;}
  
  #mgnb .mgnb_inner .mgnb_sub_menu{display: none;}
  #mgnb .mgnb_inner .mgnb_sub_menu>li {position: relative; margin-top: 15px;}
  #mgnb .mgnb_inner .mgnb_sub_menu li a{ text-align: center; color: #666; line-height: 20px; font-size: 15px; position: relative;}
  #mgnb .mgnb_inner .mgnb_sub_menu li a.ok{color: #fff;}
  #mgnb .mgnb_inner .mgnb_sub_menu li a::after{content: ""; display: block; position: absolute; width: 0px; height: 0px; border-radius: 100%; left: -20px; background-color: #79B928; top: 50%; transform: translateY(-50%); transition-duration: 0.2s; }
  #mgnb .mgnb_inner .mgnb_sub_menu li:hover a::after{width: 10px; height: 10px;}

  #topBtn{position: fixed; width: 40px; height: 40px; border-radius: 50%; box-sizing: border-box;  background-color: #241e20; bottom: 35px; right: 5%; cursor: pointer;}
  #topBtn img{position: absolute; top: 13px; left:11px;}
/* mgnb */

  
  /* footer 시작 */
  #footer {position: relative; padding: 0 7.3%; background-color: #000;}
  #footer .footer_inner {max-width: 1640px; margin: 0 auto;}
  #footer .footer_inner .top {position: relative; height: 158px; border-bottom: 1px solid #333;}
  #footer .footer_inner .top .site_link {display: inline-block; vertical-align: middle;width: 80%; height: 158px; line-height: 158px;}
  #footer .footer_inner .top .site_link a {margin-right: 4%; color: #FFF; font-size: 1em;}
  #footer .footer_inner .top .sns_link {position: absolute; right: 0; top: 50%; transform: translateY(-50%); max-width: 200px;}
  #footer .footer_inner .top .sns_link a {display: inline-block; vertical-align: middle;height: 32px; font-size: 0; margin: 0 15px; background: no-repeat 50% 50%;}
  #footer .footer_inner .top .sns_link a.youtube {width: 20px; background-image: url(../img/icon/youtube.png);}
  #footer .footer_inner .top .sns_link a.facebook {width: 20px; background-image: url(../img/icon/facebook.png);}
  #footer .footer_inner .top .sns_link a.instar {width: 20px; background-image: url(../img/icon/instar.png);}
  #footer .footer_inner .bottom {position: relative; height: 166px;}
  #footer .footer_inner .bottom .site_info {height: 30%; vertical-align: middle; margin: 20px 0 20px 0; width: 80%;}
  #footer .footer_inner .bottom .site_info .copyright {font-size: 0.7em; color: #fff; margin-bottom: 20px; width: 100%;}
  #footer .footer_inner .bottom .site_info .text {font-size: 0.67em; color: #666; width: 100%;}
  #footer .footer_inner .bottom .footer_logo{position: absolute; right: 0; top:0; margin-top: 44px;}
  #footer .footer_inner .bottom .footer_logo img{width: 128px;}
  .footer_logo_top {display: none;}
}  







@media screen and (min-width:601px) and (max-width:900px) {
  header{position: relative; height: 100px; z-index: 999 ; background-color: #000; transition-duration: 0.3s;}

  .header_change{background-color: rgba(0,0,0,0);}
  
  header h1{position: absolute; left: 70px; top: 28.1px; width: 120px; line-height: 100px;}
  header h1 img{width:100%;}
  header .gnb {display: none;}
  header .gnb{max-width: 1225px; height: 100px; margin-left: 347.5px; width: 90%; }
  header .gnb>ul{display:flex;}
  header .gnb>ul>li{margin-right: 42px;}
  header .gnb>ul>li>a{display: block; text-align: center; line-height: 100px; color: #fff; font-size: 18px; font-weight: bold; transition-duration: 0.5s;}
  header .gnb>ul>li>a{display: block; text-align: center; line-height: 100px; color: #fff; font-size: 18px; font-weight: bold; transition-duration: 0.5s;}
  
  header .gnb_right{position: absolute; right: 70px; display: flex; top: 30px;}
  header .gnb_right img{margin-left: 14px;}
  header .gnb>ul>li>a:hover { color: #999;}
  .icon_my {display: none;}
  .icon_menu {width: 40px;}
  .icon_menu img {width: 100%;}
  
  .sub_gnb_wrap{position: absolute; width: 100%; height: 287px; left: 0; top: 100px; background-color: #242424; display: none; z-index: 98;}
  .sub_gnb_wrap .sub_gnb_inner{position: relative; width: 1572px; height: 287px; margin-left: 347.5px;}
  .sub_gnb_wrap .sub_gnb_inner .sub_gnb{position: absolute; width: 100%; left: 0; top: 0; display: flex;  opacity: 0;}
  .sub_gnb_wrap .sub_gnb_inner .sub_gnb ul {padding:30px 0 60px; width: 125px;}
  .sub_gnb_wrap .sub_gnb_inner .sub_gnb ul li a{display: block; padding: 10px 0; color: #fff; font-size: 15px; transition-duration: 0.5s;}
  .sub_gnb_wrap .sub_gnb_inner .sub_gnb ul li p.bold{font-weight: bold; font-size: 17px; padding: 20px 0; color: #fff;} 
  .sub_gnb_wrap .sub_gnb_inner .sub_gnb ul li a.small_padding{padding: 20px 0;}
  .sub_gnb_wrap .sub_gnb_inner .sub_gnb ul li a:hover{color: #79B928;}
  .sub_gnb_wrap .sub_gnb_inner .sub_gnb ul.big{width: 200px;}
  .sub_gnb_wrap .sub_gnb_img{position: absolute; right: 0; top: 0; height: 100%; width:35vw; }
  .sub_gnb_wrap .sub_gnb_img img{width: 100%; height: 100%;}
  


  
  /* mgnb */
  #mgnb{position: fixed; left:0; top: 0; background-color: rgba(0,0,0,0.8); width: 100%; z-index: 9999; height: 100%; transition: 0.5s; margin: 0 auto; display: none; opacity: 0; transition-duration: 0.5;}
  #mgnb .gnb_close{position: absolute; left: 0; margin-left: 30px; margin-top: 20px;}
  #mgnb .gnb_close img{width: 30px;}
  #mgnb .mgnb_inner{width: 60%; margin: 0 auto; position: relative; top: 40%; }
  #mgnb .mgnb_inner .mgnb_list{position: relative; width: 100%; display: flex; justify-content: space-around; flex-wrap: wrap;}
  #mgnb .mgnb_inner .mgnb_list>li{width: 30%; text-align: center; display: block; margin-bottom: 50px;}  
  #mgnb .mgnb_inner .mgnb_list>li>a{color: #fff; font-size: 24px; font-weight: bold; position: relative; transition-duration: 0.5s;}
  #mgnb .mgnb_inner .mgnb_list li:hover>a{color: #79B928;}
  #mgnb .mgnb_inner .mgnb_list .mgnb_sub_list>a::before{content: ""; display: block; position: absolute; width: 100%; height: 4px; background-color: #ccc; left: 0; bottom: -10px; transition-duration: 0.5s;}
  #mgnb .mgnb_inner .mgnb_list .mgnb_sub_list>a::after{content: ""; display: block; position: absolute; width: 0%; height: 4px; background-color: #79B928; left: 0; bottom:-10px; transition-duration: 0.5s;}
  #mgnb .mgnb_inner .mgnb_list .mgnb_sub_list:hover>a::after{width: 100%;}
  
  #mgnb .mgnb_inner .mgnb_sub_menu{display: none;}
  #mgnb .mgnb_inner .mgnb_sub_menu>li {position: relative; margin-top: 15px;}
  #mgnb .mgnb_inner .mgnb_sub_menu li a{ text-align: center; color: #666; line-height: 20px; font-size: 15px; position: relative;}
  #mgnb .mgnb_inner .mgnb_sub_menu li a.ok{color: #fff;}
  #mgnb .mgnb_inner .mgnb_sub_menu li a::after{content: ""; display: block; position: absolute; width: 0px; height: 0px; border-radius: 100%; left: -20px; background-color: #79B928; top: 50%; transform: translateY(-50%); transition-duration: 0.2s; }
  #mgnb .mgnb_inner .mgnb_sub_menu li:hover a::after{width: 10px; height: 10px;}
  /* mgnb */


  
  /* footer 시작 */
  #footer {position: relative; padding: 0 7.3%; background-color: #000;}
  #footer .footer_inner {max-width: 1640px; margin: 0 auto;}
  #footer .footer_inner .top {position: relative; height: 158px; border-bottom: 1px solid #333;}
  #footer .footer_inner .top .site_link {display: inline-block; vertical-align: middle;width: 80%; height: 158px; line-height: 158px;}
  #footer .footer_inner .top .site_link a {margin-right: 4%; color: #FFF; font-size: 0.7em;}
  #footer .footer_inner .top .sns_link {position: absolute; right: 0; top: 50%; transform: translateY(-50%); max-width: 200px;}
  #footer .footer_inner .top .sns_link a {display: inline-block; vertical-align: middle;height: 32px; font-size: 0; margin: 0 15px; background: no-repeat 50% 50%;}
  #footer .footer_inner .top .sns_link a.youtube {width: 20px; background-image: url(../img/icon/youtube.png);}
  #footer .footer_inner .top .sns_link a.facebook {width: 20px; background-image: url(../img/icon/facebook.png);}
  #footer .footer_inner .top .sns_link a.instar {width: 20px; background-image: url(../img/icon/instar.png);}
  #footer .footer_inner .bottom {position: relative; height: 166px;}
  #footer .footer_inner .bottom .site_info {height: 30%; vertical-align: middle; margin: 20px 0 20px 0; width: 70%;}
  #footer .footer_inner .bottom .site_info .copyright {font-size: 0.8em; color: #fff; margin-bottom: 20px;}
  #footer .footer_inner .bottom .site_info .text {font-size: 12px; color: #666;}
  #footer .footer_inner .bottom .footer_logo{position: absolute; right: 0; top:0; margin-top: 44px;}
  #footer .footer_inner .bottom .footer_logo img{width: 128px;}
  .footer_logo_top {display: none;}

  #topBtn{position: fixed; width: 40px; height: 40px; border-radius: 50%; box-sizing: border-box; background-color: #241e20; bottom: 35px; right: 5%; cursor: pointer;}
  #topBtn img{position: absolute; top: 13px; left:11px;}
}







  
@media screen and (max-width:600px) {
  header{position: relative; height: 80px; z-index: 999 ; background-color: #000; transition-duration: 0.3s;}

  .header_change{background-color: rgba(0,0,0,0);}
  
  header h1{position: absolute; left: 36px; top: 25px; width: 96.25px; line-height: 100px;}
  header h1 img{width:100%;}
  header .gnb {display: none;}
  header .gnb{max-width: 1225px; height: 100px; margin-left: 347.5px; width: 90%; }
  header .gnb>ul{display:flex;}
  header .gnb>ul>li{margin-right: 42px;}
  header .gnb>ul>li>a{display: block; text-align: center; line-height: 100px; color: #fff; font-size: 18px; font-weight: bold; transition-duration: 0.5s;}
  header .gnb>ul>li>a{display: block; text-align: center; line-height: 100px; color: #fff; font-size: 18px; font-weight: bold; transition-duration: 0.5s;}
  
  header .gnb_right{position: absolute; right: 36px; display: flex; top: 28px;}
  header .gnb_right img{margin-left: 14px;}
  header .gnb>ul>li>a:hover { color: #999;}

  .icon_my {display: none;}
  .icon_menu {width: 30px;}
  .icon_menu img {width: 100%;}
  .icon_search {display: none;}

  .sub_gnb_wrap{position: absolute; width: 100%; height: 287px; left: 0; top: 100px; background-color: #242424; display: none; z-index: 98;}
  .sub_gnb_wrap .sub_gnb_inner{position: relative; width: 1572px; height: 287px; margin-left: 347.5px;}
  .sub_gnb_wrap .sub_gnb_inner .sub_gnb{position: absolute; width: 100%; left: 0; top: 0; display: flex;  opacity: 0;}
  .sub_gnb_wrap .sub_gnb_inner .sub_gnb ul {padding:30px 0 60px; width: 125px;}
  .sub_gnb_wrap .sub_gnb_inner .sub_gnb ul li a{display: block; padding: 10px 0; color: #fff; font-size: 15px; transition-duration: 0.5s;}
  .sub_gnb_wrap .sub_gnb_inner .sub_gnb ul li p.bold{font-weight: bold; font-size: 17px; padding: 20px 0; color: #fff;} 
  .sub_gnb_wrap .sub_gnb_inner .sub_gnb ul li a.small_padding{padding: 20px 0;}
  .sub_gnb_wrap .sub_gnb_inner .sub_gnb ul li a:hover{color: #79B928;}
  .sub_gnb_wrap .sub_gnb_inner .sub_gnb ul.big{width: 200px;}
  .sub_gnb_wrap .sub_gnb_img{position: absolute; right: 0; top: 0; height: 100%; width:35vw; }
  .sub_gnb_wrap .sub_gnb_img img{width: 100%; height: 100%;}
  


  
  /* mgnb */
  #mgnb{position: fixed; left:0; top: 0; background-color: rgba(0,0,0,0.8); width: 100%; z-index: 9999; height: 100%; transition: 0.5s; margin: 0 auto; display: none; opacity: 0; transition-duration: 0.5;}
  #mgnb .gnb_close{position: absolute; left: 0; margin-left: 30px; margin-top: 20px;}
  #mgnb .gnb_close img{width: 30px;}
  #mgnb .mgnb_inner{width: 60%; margin: 0 auto; position: relative; top: 40%; }
  #mgnb .mgnb_inner .mgnb_list{position: relative; width: 100%; display: flex; justify-content: space-around; flex-wrap: wrap;}
  #mgnb .mgnb_inner .mgnb_list>li{width: 30%; text-align: center; display: block; margin-bottom: 50px;}  
  #mgnb .mgnb_inner .mgnb_list>li>a{color: #fff; font-size: 20px; font-weight: bold; position: relative; transition-duration: 0.5s;}
  #mgnb .mgnb_inner .mgnb_list li:hover>a{color: #79B928;}
  #mgnb .mgnb_inner .mgnb_list .mgnb_sub_list>a::before{content: ""; display: block; position: absolute; width: 100%; height: 4px; background-color: #ccc; left: 0; bottom: -10px; transition-duration: 0.5s;}
  #mgnb .mgnb_inner .mgnb_list .mgnb_sub_list>a::after{content: ""; display: block; position: absolute; width: 0%; height: 4px; background-color: #79B928; left: 0; bottom:-10px; transition-duration: 0.5s;}
  #mgnb .mgnb_inner .mgnb_list .mgnb_sub_list:hover>a::after{width: 100%;}
  
  #mgnb .mgnb_inner .mgnb_sub_menu{display: none;}
  #mgnb .mgnb_inner .mgnb_sub_menu>li {position: relative; margin-top: 15px;}
  #mgnb .mgnb_inner .mgnb_sub_menu li a{ text-align: center; color: #666; line-height: 20px; font-size: 15px; position: relative;}
  #mgnb .mgnb_inner .mgnb_sub_menu li a.ok{color: #fff;}
  #mgnb .mgnb_inner .mgnb_sub_menu li a::after{content: ""; display: block; position: absolute; width: 0px; height: 0px; border-radius: 100%; left: -20px; background-color: #79B928; top: 50%; transform: translateY(-50%); transition-duration: 0.2s; }
  #mgnb .mgnb_inner .mgnb_sub_menu li:hover a::after{width: 10px; height: 10px;}
  /* mgnb */


  
  /* footer 시작 */
  #footer {position: relative; background-color: #000;}
  #footer .footer_inner {max-width: 90%; margin: 0 auto;}
  #footer .footer_inner .top {position: relative; border-bottom: 1px solid #333; display: flex; height: 180px;}
  #footer .footer_inner .top .footer_logo_top {position: absolute; width: 80px; top: 25%;}
  #footer .footer_inner .top .footer_logo_top img {width: 100%;}
  #footer .footer_inner .top .site_link {width: 100%; position: absolute; bottom: 25%;}
  #footer .footer_inner .top .site_link a {margin-right: 4%; color: #FFF; font-size: 0.7em;}
  #footer .footer_inner .top .sns_link {position: absolute; right: 0; top: 25%; max-width: 200px;}
  #footer .footer_inner .top .sns_link a {display: inline-block; vertical-align: middle;height: 32px; font-size: 0; margin: 0 15px; background: no-repeat 50% 50%;}
  #footer .footer_inner .top .sns_link a.youtube {width: 20px; background-image: url(../img/icon/youtube.png);}
  #footer .footer_inner .top .sns_link a.facebook {width: 20px; background-image: url(../img/icon/facebook.png);}
  #footer .footer_inner .top .sns_link a.instar {width: 20px; background-image: url(../img/icon/instar.png);}
  #footer .footer_inner .bottom {position: relative; height: 166px;}
  #footer .footer_inner .bottom .site_info {vertical-align: middle; margin: 20px 0 20px 0; width: 100%;}
  #footer .footer_inner .bottom .site_info .copyright {font-size: 0.8em; color: #fff; margin-bottom: 20px;}
  #footer .footer_inner .bottom .site_info .text {font-size: 10px; color: #666;}
  #footer .footer_inner .bottom .footer_logo{position: absolute; right: 0; top:0; margin-top: 44px; display: none;}
  #footer .footer_inner .bottom .footer_logo img{width: 128px;
  }

  
  #topBtn{display: none;}
}


/* 키프레임 */
@keyframes green {
  0% {
    margin-left: 0px;
  }
  50% {
    margin-left: 6px;
  }
  100% {
    margin-left: 0px;
  }
}