.top_fixed {width:70px; line-height:70px; background-color:#ea0c0c; text-align:center; position:fixed; color:#fff !important; display:inline-block; bottom:20%; right:0%; z-index:9999999999999999999; }
.top_fixed a{color:#fff !important}
.top_fixed a:first-child{border-bottom:1px solid #fff; display:block;}

.logo img{width:140px;}
@media all and (max-width:1000px){
.logo img{width:120px;}
}
 

footer {width:100%; background-color:#f6f9fa; font-size:.97rem; color:#000;  box-sizing:border-box; line-height:1.5em ; padding-top:30px }
footer > div {width:100%; max-width:1280px; margin:0 auto; text-align:center;}
footer img {margin-bottom:20px; }
footer ul {text-align:left; flex-direction:column; width:33.333%;}
footer ul li {margin-bottom:20px;}
footer ul li a{font-size:1.1rem}
footer > div > div{width:33.333%; text-align:left}
footer > div > div p{line-height:1.4; font-size:1.1rem}
footer > div > div p:nth-of-type(2){font-weight:600}
.copy_right{max-width:1280px; text-align:left; margin:2em auto 0 auto; font-size:.8rem; color:#c3c3c3}

.family_site{text-align:right;}
.family_site select{border-bottom:2px solid #000; border-right:0; border-left:0; border-top:0; padding:0.5em 0; box-sizing:border-box; font-size:1.1rem; width:200px; font-weight:600}
footer select {
   -webkit-appearance:none; /* for chrome */
   -moz-appearance:none; /*for firefox*/
   appearance:none;
}

footer select::-ms-expand{
   display:none;/*for IE10,11*/
}

.family_site select {
   background:url('/common/img/common/plus1.png') no-repeat 97% 50%/15px auto;
}


.family_site.active select {
   background:url('/common/img/common/plus2.png') no-repeat 97% 50%/15px auto;
}




h2.tit {font-size:2.8rem; font-weight:800; line-height:1.7em}

 .main_con {width:100%; background-color:#fff; display:inline-block; padding:80px 5% 80px 5%;  box-sizing:border-box; }
  .main_con + section {   background:url('/htm/magron/img/contact_pc.png') no-repeat; background-size:cover; background-attachment: fixed; } 
/* .main_con + section {   background:url('/htm/magron/img/21819706 (1).jpg') no-repeat; background-size:cover; background-attachment: fixed; }*/
 .main_con + section * {color:#fff}


 .swiper-wrapper {  display:flex; align-items:stretch !important; padding-bottom:60px}
	 
	.swiper-slide {
			text-align: left;
			font-size: 1rem;
			 
           background-color: #f9f9f9; 
 			 overflow:hidden;
			box-sizing:border-box; 
			display:inline-block; 
			transition: all 0.3s ease-out; 
		 

		 }
.swiper-slide .in_box {width:100%;  display:inline-block;  box-sizing:border-box; margin-top:-30px;  padding:50px 40px 115px 40px; position:relative; z-index:99;  }


.swiper-slide .w_bg {width:100%; position:absolute; background-color:#fff; height:40px; left:0; top:0; display:inline-block;  }
 
.swiper-slide img  { width:100%}

.swiper-slide h3  { display:inline-block; margin:10px 0 15px 0; font-size:1.7rem; font-weight:600; color:#555;  }
.swiper-slide p  {  width:100%;  line-height:1.5em; font-size:1.07rem; color:#777; }
.swiper-slide p.no  {font-family: 'Montserrat', sans-serif; width:100% ;display:inline-block;    letter-spacing:0; font-size:90px;  line-height:70px; font-weight:800; color:#ddd; padding-left:30px; position:relative; z-index:99; font-style:italic; }
 
.swiper-slide-active  p.no {color:#2649d3}
.swiper-slide-active   {background-color: #f0f3ff; }
.swiper-slide-active h3 {color:#111; width:100%;  font-weight:700 }
.swiper-slide-active p  {color:#333}

.swiper-slide_bottom {width:100%; display:flex; align-items:center; justify-content:space-between; position:absolute; bottom:27px; box-sizing:border-box; padding:0 40px; z-index:999}
.bottom_logo {display:none}
.swiper-slide_bottom a { font-size:3rem; font-weight:100;  color:#fff !important; width:50px; line-height:42px; height:50px; text-align:Center; display:none; border-radius:5px; text-align:center; background-color:#2649d3; margin-top:2px; transition: all ease 3s; }

.swiper-slide_bottom a:hover {
  transform: rotate( 900deg );
}
 

.swiper-slide-active .bottom_logo {color:rgba(38,73,211,.05); font-weight:800; font-size:3.5rem; font-family: 'Montserrat', sans-serif; display:inline-block; width:auto; line-height:1em } 
.swiper-slide-active a  {display:inline-block} 


.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction  {position:static; margin-top:20px;}




.one { 
-webkit-animation: rotate-center 13s ease-in-out infinite;
	        animation: rotate-center 13s ease-in-out infinite;}

@-webkit-keyframes rotate-center {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes rotate-center {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

 .contact {   background:url('/htm/magron/img/21819706 (1).jpg') no-repeat; background-size:cover; background-attachment: fixed; position:relative; width:100%; }
.contact h2.tit {color:#fff; position:relative; z-index:99; }
.contact div {position:relative; z-index:99; }
.contact div div {width:45%; margin-left:auto; font-size:1.5rem; font-weight:600}
.contact div div span {font-size:.85em; display:block; margin-top:20px; line-height:1.3em; font-weight:300}
 

  a.ani_btn {font-size:1.2rem; border:1px solid rgba(255,255,255,1); padding:0 60px;  height:50px; line-height:50px; display:inline-block; margin-top:30px; position:relative; overflow:hidden; transition: all 0.3s ease-out;color:#fff}
  a.ani_btn:hover {border:1px solid #2649d3}
  a.ani_btn:after {content:'go'; background-color:#2649d3; color:#fff;  width:0; line-height:45px; height:100%; position:absolute; left:-10px; top:0;  font-size:0; transition: all 0.3s ease-out; text-align:center}
  a.ani_btn:hover:after { width:100%; position:absolute; left:0; top:0;  font-size:1.3rem}

.rgba_bg {position:absolute; width:100%; height:100%; background:rgba(0,0,0,.1); display:inline-block; left:0; top:0}








/*서브*/


#sub_con_menu_wrap { z-index:9 !important; width:100%; position:relative;  background:#f9f9f9; transition: all 0.2s ease-out;}

.sub_con_menu {width:100%; min-width:1200px;  float:left; border-bottom:1px solid #ddd; box-sizing:border-box;}
.sub_con_menu ul{position:relative; display:flex; justify-content :center; width:1200px; margin:0 auto; text-align:center;}
.sub_con_menu li {position:relative; width:270px;  display:inline-block; vertical-align:top;}
.sub_con_menu li:last-child {margin-right:0}
.sub_con_menu li a {position:relative; font-weight:400; font-size:20px; letter-spacing:0; color:#888; display:block;  line-height:60px; text-align:center; padding:0 8px; box-sizing:border-box; transition: all 0.3s ease-out; display:flex; justify-content:center; align-items:center; box-sizing:border-box;}
.sub_con_menu li a:after{position:absolute; display:block; bottom:-1px; left:0; content:""; overflow:hidden; width:0; height:2px; background:#333; transition: all 0.3s ease-out;}
.sub_con_menu li a:hover{color:#333; font-weight:600; text-decoration: none; transition: all 0.3s ease-out;}
.sub_con_menu li a:hover:after{width:100%; transition: all 0.3s ease-out;}

 
.sub_con_menu  .mn_on{display:block; color:#333 !important; font-weight:600 !important; text-decoration: none}
.sub_con_menu  .mn_on:after{width:100% !important; transition: all 0.3s ease-out;}


section.sub_con { width:1240px; margin:0 auto; padding:160px 0 110px 0;}







@media all and (max-width:1280px){
footer > div{max-width:95%;}
.copy_right{max-width:95%;}
}





 @media all and (max-width:1240px){
		section.sub_con { padding:160px 3% 110px 3%; box-sizing:border-box; }

 }



@media all and (max-width:700px){
 .top_fixed {width:50px; line-height:50px;font-size:.8rem;bottom:6%}
footer > div{flex-direction:column;}
footer > div > div{width:100%}
footer ul{flex-direction:row; flex-wrap:wrap; width:100%}
footer ul li{margin-right:34px; margin-bottom:30px; flex-grow:1}
footer ul li:last-child{margin-right:0;}
footer > div > div:nth-of-type(1){margin:2em 0}
.family_site{text-align:left}
}



section.sub_con h2.guide {font-size:2rem; font-weight:700;  }

section.sub_con .company1_wrap {display:flex; align-items:center}

section.sub_con .left_img {width:50%; position:relative; height:500px;    }
section.sub_con .left_img p  {width:90%; float:right; height:90%; display:inline-block; background:url('../img/company_img.png') no-repeat center; background-size:cover;  border-radius:10px;  position:relative; z-index:99}
section.sub_con .left_img p.p_2 { opacity:.1;  position:absolute; left:0; bottom:0;  border-radius:10px; z-index:9;} 

section.sub_con .t_box {width:50%; font-size:1.15rem; line-height:1.5em; margin-left:auto; color:#222;}
section.sub_con .t_box p {width:100%; box-sizing:border-box; padding-left:40px}
section.sub_con .t_box span.line {width:100%; height:1px; background-color:#333; display:inline-block; margin:20px 0}
section.sub_con .t_box p  b {font-size:1.7em; letter-spacing:-.5px;  line-height:1.3em; font-weight:700; color:#222;}
section.sub_con .t_box p  b span {color:#2649d3; font-weight:700}