/* CSS Document */




@import url('https://fonts.googleapis.com/css?family=Spartan:700&display=swap');



 
.top-navi {width:100%;  margin:0 auto; position:fixed;  background:#fff; height:60px; z-index:999}
.top_under {position:relative; height:60px; width:0%; z-index:1}
  
.logo {float:left;  zoom:.6; -moz-transform: scale(.6); padding:24px 0 0 24px; }
.navi { display:none;  z-index:999  }
.gnbMenu {float:right; zoom:.8; -moz-transform: scale(.8); padding:24px 24px 0 0px;}
 
.main_section {width:100%; height:880px;  zoom:.6; -moz-transform: scale(.6); background-position:right}


#footer{ float:left; width:100%;  margin:50px 0px 30px 0px;  padding:0px;  border-top:1px solid #CCCCCC; position:relative }
.footer-copyright{width:90%;    margin:0 auto; position:relative; font-size:0.82em;  padding-top:20px;padding-bottom:20px; color:#666666 ; line-height:1.8em}
.footer-copyright span{color:#000; font-weight:500;  }
 
 
@media screen and (min-width: 960px) {
.top-navi {height:100px;}
.top_under {height:100px;} 
 
 
.logo {float:left;   zoom:1; -moz-transform: scale(1); }
.navi {float:right;    display:block; padding:36px 25px 0 0px; clear:none;  }
.navi > li {display:inline-block; margin:0px 12px; font-size:1.3em; line-height:1.5em; font-weight:600;  }
.navi > li > a:hover{ color:#ff0000; }
.navi > .hit a{ color:#ff0000; }
 
.gnbMenu {float:right;   zoom:1; -moz-transform: scale(1); padding:36px 50px 0 0px;}
.main_section {width:100%; height:880px; zoom:1; -moz-transform: scale(1); background-position:center; background-image: url('/_images/main/bg.gif');} 

#footer{  margin:100px 0px 30px 0px;   }
.footer-copyright{width:98%;    margin:0 auto; position:relative; font-size:1.05em; padding:20px 0px;  padding-left:2%; line-height:1.8em}
 
 }



 





.menuList li { display:inline-block; width:100%;  font-size:1.3em; line-height:2em}
.menuList a{color:#fff}
.menuList a:hover{color:#ff0000}
.home {margin-bottom:20px}
.popup-btn-close {position:absolute; right:40px; top:40px; color:#fff}
.lni-close { color:#fff}


.sub_image {width:100%; height:200px; background:#666;  text-align:center; font-size:4em; color:#fff; padding-top:150px}
.gnbCode01 {background-image: url('/_images/sub/bg01.jpg'); background-position: center center;   zoom:.6; -moz-transform: scale(.6); }
.gnbCode02 {background-image: url('/_images/sub/bg02.jpg'); background-position: center center;   zoom:.6; -moz-transform: scale(.6); }
.gnbCode03 {background-image: url('/_images/sub/bg03.jpg'); background-position: center center;   zoom:.6; -moz-transform: scale(.6); }
.gnbCode04 {background-image: url('/_images/sub/bg04.jpg'); background-position: center center;   zoom:.6; -moz-transform: scale(.6); }
.gnbCode05 {background-image: url('/_images/sub/bg05.jpg'); background-position: center center;   zoom:.6; -moz-transform: scale(.6); }
.gnbCode06 {background-image: url('/_images/sub/bg06.jpg'); background-position: center center;   zoom:.6; -moz-transform: scale(.6); }

.sub_menu_section {width:100%; height:43px; border-bottom:1px solid #cdcdcd; text-align:center; }
.sub_menu_section ul li{font-size:0.9em ; border:0px;    padding:10px 10px 4px; margin:0px; color:#000  }
.sub_menu_section ul .on { border:0px; border-bottom:3px solid #ff0000; }
.sub_menu_section ul .on a{ font-weight:500; color:#000 }


@media screen and (min-width: 960px) {
.popup_contents {width:1200px; margin:0 auto; margin-top:100px; font-size:2em }
.menuList li { display:inline-block; width:150px; margin:0 10px; font-size:1.5em; letter-spacing:0.01em}
.menuList a{color:#fff}

.sub_image {  }
.gnbCode01 {    zoom:1; -moz-transform: scale(1); }
.gnbCode02 {    zoom:1; -moz-transform: scale(1); }
.gnbCode03 {    zoom:1; -moz-transform: scale(1); }
.gnbCode04 {    zoom:1; -moz-transform: scale(1); }
.gnbCode05 {    zoom:1; -moz-transform: scale(1); }
.gnbCode06 {    zoom:1; -moz-transform: scale(1); }

.sub_menu_section {width:100%; height:54px;  }
.sub_menu_section ul li{font-size:1.1em ;    padding:12px 70px 6px;    }
.sub_menu_section ul .on { border:0px; border-bottom:4px solid #ff0000; }
}