img {max-width: 100%;}




.sub_menu {background-color: #04132a; padding: 10px; height: 40px;}
.sub_menu .container {position: relative;}
.sub_menu .row {position: absolute; right: 30px;}
.sub_menu a {text-align: center; color: #fff; margin-right: 50px; letter-spacing: 1px;}



.main_menu {max-width: 100%;}
.main_menu .main-menu-item ul li .nav-link {
  color: #2f373d; font-size: 18px; padding: 45px 34px; font-family: "Barlow Condensed", sans-serif; text-transform: uppercase;}

.main_menu .main-menu-item ul li .nav-link:hover {color: #fe5c24;}

.menu_fixed {position: fixed; z-index: 9999 !important; width: 100%; background-color: #fff; box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.05); top: 0;}

.menu_fixed .main-menu-item ul li .nav-link {padding: 25px 25px; font-size: 16px;}

.menu_fixed .navbar-brand img {max-width: 200px;}


.dropdown .dropdown-menu {
  transition: all 0.3s;
  overflow: hidden;
  transform-origin: top center;
  transform: scale(1, 0);
  display: block;
  margin-top: 0px;
  border: 0px solid rgba(0, 0, 0, 0) !important;
  background-color: #Fff;
}


.dropdown:hover .dropdown-menu {
  transform: scale(1);
}






.slider {position:relative;}

  
.slider-list li{
	background-repeat:repeat;
	background-size:cover;
  background-position:center top;
	height:880px;
	text-align:center;
	width:100%;
}

.slider-list li.slide1{ background-image:url(../img/banner/slide_001.jpg);}
.slider-list li .contents {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); z-index:110; color:black; width:470px;}
.slider .slide1 .contents {display: table-cell; vertical-align: middle; text-align: center; line-height: 1;}
.slider-list li .contents h3 {font-size: 20px; font-weight: 600; letter-spacing: 4px; color: #fff; text-transform: uppercase;}
.slider-list li .contents h3 span {color: #fe5c24;}
.slider-list li .contents h2 {font-size: 70px;
                              line-height: 1.3;
                              text-transform: uppercase;
                              color: #fff;
                              font-weight: 900;
                              margin-bottom: 0px;
                              margin-top: 20px;
                              letter-spacing: 2px;}

.slider-list li .contents p {font-size: 30px; font-weight: 400; color: #fff; line-height: 2;}
.slider-list li.cycle-slide-active .contents * {animation:slideIn 2s forwards ease-out;}
.slider-list li .contents h3{ animation-delay:.7s;}
.slider-list li .contents h2{ animation-delay:1.4s;}
.slider-list li .contents p{ animation-delay:3s;}

@keyframes slideIn{
	0% { transform:translateY(30%); opacity:0;}
	100% { transform:translateY(0); opacity:1;}
}





/*OUR BUSINESS*/

.ourworks {width:100%; margin:0 auto; padding: 80px 0;font-size:14px;}

.ourworks .main_title {text-align: center;}
.ourworks .main_title h1 {text-align: center; font-size: 4em; font-weight: 400; letter-spacing: 3px; margin-bottom: -20px; margin-top: 30px;}
.ourworks .main_title h2 {text-align: center; font-size: 1.5em; margin-top: 20px; margin-bottom: 50px;}

.main-btns ul{width:100%; margin:0 auto !important;}
.main-btns ul img{max-width:100%; height:auto; }
.main-btns ul li{list-style:none; padding:5px 0; line-height:160%; font-size: 14px;     font-size: 14px;
    color: #999;}
.main-btns p{font-size: 14px;line-height: 160%; color:#333;}
.main-btns h2{font-size:20px; color:#333; font-weight:400; text-transform:uppercase; padding: 10px 0  0; margin:0 auto;}
.main-btns a{color: #999;  padding: 0 25px;  text-transform: uppercase; border:1px #ddd solid;
cursor: pointer; background: #fff; margin-top: 5px; display: inline-block; line-height:40px;}
.main-btns a:hover{background:#068be4; color:#fff; border:1px #333 solid; border:1px #fff solid}






/*온라인*/

.onlines{width:100%; background:url('../img/banner/banner_company1.jpg')no-repeat center center;     background-size:cover;}
.online1-div{width:100%;margin:0 auto; max-width:1170px; text-align:center; font-size:16px;padding:80px 0; color:#fff; }
.online1-div a{display:inline-block; margin:10px auto 0;border:1px #fff solid; color:#fff; padding:8px 25px; font-size: 14px; line-height:150%;}
.online1-div a:hover{background:#fff; color:#000; }
.online1-div h3{font-size: 3em; text-transform: uppercase; color:#fff;
    margin: 0 auto 20px; font-weight: 500;}
.online1-div p {font-size: 1em; text-transform: uppercase; color:#fff;
    margin: 0 auto 20px; font-weight: 200;}





/*포트폴리오 영역*/

.our_industries {padding: 90px 0px 0px;}
.our_industries .row {margin: 0 auto;}
.our_industries .single_industries {margin-bottom: 70px;}
.section_tittle h1 {text-align: center; font-size: 4em; font-weight: 400; letter-spacing: 3px; margin-bottom: 20px;}
.section_tittle h2 {text-align: center; font-size: 1.5em; margin-top: 20px; margin-bottom: 50px;}
.our_industries .single_industries img {width: 330px;}
.our_industries .single_industries h3 {margin-top: 10px; font-size: 17px; font-weight: 400;}
.our_industries .single_industries h3 a {color: #191d34; -webkit-transition: 1s; transition: .5s;}
.our_industries .single_industries h3 a:hover {color: #068be4;}


.our_industries .more {margin:0 auto; margin-bottom: 120px;}
.our_industries .more a {border:2px #0f2658 solid; color: #fff; border-radius: 7px; padding:12px 25px; 
                         font-size: 14px; font-weight: 400; letter-spacing: 1px; line-height:150%; background: #0f2658;}
.our_industries .more a:hover {background:#fff; color: #0f2658;}


.padding_top {padding-top: 130px;}


    







/*비디오*/
.mov-divs{clear:both; width:100%; text-align:center; padding:80px 0; background: #f1f1f1; }
.mov-div{width:100%; max-width:1170px; margin:0 auto; color:#666;}
.mov-div iframe{display: block; width: 100%; height: 500px; margin:0 auto;}


/*footer*/
.footer-area {background-color: #04132a; background-image: url(../img/footer_overlay.png); padding: 35px 0px 10px; position: relative;}
.footer_menu {float: none;text-align: left;}
.footer_menu h5{text-align: center; color: #cccccc; line-height: 2; letter-spacing: 1px; padding-bottom: 30px;}
.copyright_part_text {color: #777; font-family: "Barlow Condensed", sans-serif; line-height: 1.8; font-size: 16px; margin-bottom: 0px; font-family: 300;}













/* 반응형 */



@media (max-width: 1200px) {
  .ourworks{padding:50px 0 0;}
  .ourworks .row .col-md-3{width: 50%; float: left; margin-bottom: 50px;}
  .our_industries {padding: 70px 0px 55px;}
  .slider-list li.slide1 {height: 780px;}
  .slider-list li .contents h2 {font-size: 50px; margin-bottom: 15px; line-height: 1.4;}
  .slider-list li .contents p {font-size: 29px;}

}


@media (max-width: 991px) {
  .footer_menu {
    float: none;
    text-align: center;
    margin-top: 15px;
  }
  .navbar-light .navbar-toggler {border-color: transparent;}
  


  .slider-list li.slide1 {height: 700px;}
  .slider-list li .contents h2 {font-size: 45px; margin-bottom: 15px; line-height: 1.4;}
  .slider-list li .contents p {font-size: 26px;}


  .our_industries {padding: 70px 0px 55px;}
  .our_industries .single_industries {margin-bottom: 50px;}
  .our_industries .single_industries h3 {margin-top: 10px;}
  .our_industries .single_industries img {width: 100%; height: auto;}


}


@media (max-width: 767px) {
  .sub_menu .row {position: absolute; right: 5px; font-size: 12px;}

  .slider-list li.slide1 {height: 650px;}
  .slider-list li .contents h2 {font-size: 43px; margin-bottom: 15px; line-height: 1.3;}
  .slider-list li .contents p {font-size: 24px;}

  .ourworks .row .col-md-3{width: 100%; float: none;}

}


@media (max-width: 576px) {
  
  
  .sub_menu .row {position: absolute; right: -30px; font-size: 12px;}
  .sub_menu .img {max-width: 70%;}
  .main_menu .navbar-brand img {max-width: 200px;}

  .slider-list li.slide1 {height: 600px;}
  .slider-list li .contents h3 {font-size: 15px; line-height: 0;}
  .slider-list li .contents h2 {font-size: 42px; margin-bottom: 15px; line-height: 1.3;}
  .slider-list li .contents p {font-size: 22px;}


  .ourworks .main_title h1 {font-size: 2.5em;}
  .ourworks .main_title h2 {font-size: 1.5em;}
  .our_industries .section_tittle h1 {font-size: 2.5em;}
  .our_industries .section_tittle h2 {font-size: 1.5em;}
  .our_industries .single_industries h3 {padding-bottom: 30px;}

}