@charset "utf-8";
/* Most of these styles could be removed but are for the demo to look better 
body {
  overflow-x: hidden;
}*/


.full-screen {
  display: block;
  width: 100%;
  height: 100vh;  
  overflow: hidden;
  
}

#intro {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

#masthead {
  position: fixed;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
	z-index: 9999; top:150px
 
}
#masthead a {
  padding: 1rem 2rem;
}

#panels #panels-container {
  height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  padding: 0;
  overflow: hidden;
  height: 100vh;
	 
  /*background-color: #ddd;*/
}
#panels #panels-container .panel {
  position: relative;
  width: 100vw;
  height: 100vh;
 /* margin-top:150px;
  height: calc(100% - 150px);*/
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #333;
  text-align: left;
  border-right: 0px solid #f00;
}
/*#panels #panels-container .panel img {
  max-width: 100%;
  height: auto;
  display: block;
}*/
#panels #panels-container .panel .panels-navigation {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
#panels #panels-container .panel .anchor-panel,
#panels #panels-container .panel .nav-panel {
 color: #000;
  text-transform: uppercase;
  margin-right: 2rem;
}
#panels #panels-container .panels-navigation {
  position: absolute;
  width: 100%;
  bottom: 2rem;
  right:4rem;
}
#panels #panels-container .panel:last-child .panels-navigation {    bottom: 4rem;}
#masthead .active {color: aqua}	

.corporation #panel-1 {  background: url('../images/Business/corporation_bg_2000.jpg') 50% top / cover no-repeat;   }
.finance #panel-1 {  background: url('../images/Business/finance_bg_2000.jpg') 50% top / cover no-repeat;   }
.motors #panel-1 {  background: url('../images/Business/motors_bg_2000.jpg') 50% top / cover no-repeat;   }
.hotel #panel-1 {  background: url('../images/Business/hotel_bg_2000.jpg') 50% top / cover no-repeat;   }
.investment #panel-1 {  background: url('../images/Business/ajucontinuum_bg_2000.jpg') 50% top / cover no-repeat;   }
.it #panel-1 {  background: url('../images/Business/it_bg_2000.jpg') 50% top / cover no-repeat;   }


/*서브메뉴
.naviDepth3_01 li li  { display: inline-block; margin: 0 15px!important; height:50px; line-height: 50px; vertical-align: top;   }
.naviDepth3_01 li li a { positsion:relative;transition:all 0.3s;display: inline-block;font-size:15px!important;color:#000;opacity:0.57; }
.naviDepth3_01 span { font-size:15px!important; color:#000; opacity:0.57; font-weight: 600; padding-right: 28px; }
.naviDepth3_01 {  border-top: 1px solid rgba(0,0,0,.1); }

.naviDepth3_01 li li a:after{content: '';position: absolute;width: 0%;height: 1.5px;background: #2b52fd;left: 0;bottom: 10px!important;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;}*/

.sub1_1  { display: flex;   }
/*.sub1_1 img { margin: 88px 0 0 0 }*/


.depth3_container li li  { display: inline-block; margin: 0 15px!important; height:50px; line-height: 50px; vertical-align: top;   }
.depth3_container li li a { positsion:relative;transition:all 0.3s;display: inline-block;/*font-size:15px!important;*/color:#000;opacity:0.57; }
.depth3_container span { font-size:15px!important; color:#000; opacity:0.57; font-weight: 600; padding-right: 28px; }
.depth3_container {  border-top: 1px solid rgba(0,0,0,.1); }

.depth3_container li li a:after{content: '';position: absolute;width: 0%;height: 1.5px;background: #2b52fd;left: 0;bottom: 10px!important;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;}


/* 사업영역 */
.business h2 { position: absolute; top: 35%; left: 10%; font-size: 60px; color: rgba(255,255,255,1.00); letter-spacing: -0.03em; }
.business h2 span { font-size: 15px; font-weight: 300; color: rgba(255,255,255,1.00); display: block; letter-spacing: -0.0em;}

.business .info_nav { position: absolute; top: 50%; transform: translate(0, -30%); right: 10%;  background-color: rgba(0,0,0,0.6);  margin: 2rem; padding:2rem; }
.business .info_nav .nav_inner { border-top: rgba(255,255,255,0.5) 1px solid;  padding:1.3rem;  }
.business .info_nav .nav_inner:last-child { border-bottom: rgba(255,255,255,0.5) 1px solid;    }
.business .info_nav .nav_inner .tit {position: absolute; left:50px; color: rgba(255,255,255,0.9);  margin: 10px 0; font-size: 17px }

.business .info_nav .nav_inner ul { padding-left: 70px }
.business .info_nav .nav_inner ul:last-child { }
.business .info_nav .nav_inner li { margin: 10px 0; color: rgba(255,255,255,1.00);  }
.business .info_nav .nav_inner li a { font-size: 17px }

.business .info_nav .nav_inner .btn {
  background: transparent;font-weight: 300;
  border-radius: 0;
  padding: 0px 8px ;
  /*width: 100px;*/
  transition: all 0.4s ease-out;
  background: linear-gradient(270deg, rgb(218 237 252 / 5%), rgb(255 255 255 / 15%), rgb(34 34 34 / 10%), rgb(34 34 34 / 10%));
  background-position: 1% 50%;
  background-size: 300% 300%;
  text-decoration: none;
  border: none;
  border: 0px solid rgba(223,190,106,0.0);
  color: rgba(255,255,255,0.7); letter-spacing: 0.01em
  
}

.business .info_nav .nav_inner .btn:hover {
  color: #fff;
  border: 0px solid rgba(223,190,106,0.3);
  color: $white;
  background-position: 90% 55%;
}

.business .inner  { width:100vw; position: relative}
.business .con_inner  { display: flex;     align-items: center;     justify-content: center;    height: 100vh;
    max-width: 1500px;
    margin: 0 auto;
    padding: 0px 0;
} 
.business .con_inner .img_area  {} 
.business .con_inner .text_area  {} 
.img_area {display: block}
.img_area_m {display: none}

.business .con_inner .img_area {
    position: relative;
    float: left;
    padding:300px 80px 50px 0;
}

.business .con_inner .img_area .img {
    transform: translate3d(0, 0, 0);
    position: relative;
    display: block;
    width: 340px;
    height: 524px;
    border-top-left-radius: 30px;
    border-bottom-right-radius: 30px;
    overflow: hidden;
}

.business .con_inner .img_area .img > * {
    height: 100%;
    width: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.business .con_inner .img_area .thumb {
    position: absolute;
    left: 240px;
    top: 200px;
    overflow: hidden;
    border-radius: 20px 0 20px 0;
}

.business .con_inner .img_area .thumb img {
    width: 180px;
    height: 240px;
}

.business .con_inner .img_area .sticker {
    position: absolute;
    left: 240px;
    top: 224px;
    pointer-events: none;
}

.business .con_inner .img_area .sticker img {
    width: 200px;
    height: 200px;
}

.business .con_inner .text_area {
    float: left;
    margin-top: 100px;
    margin-left: 5px;
    max-width: 900px;
}
.business .con_inner .text_area .title-wrap span { 
 	font-size: 15px; color: #464646
}
.business .con_inner .text_area .title-wrap h3 {
    font-size: 58px;
    line-height: 1.35;
    font-weight: 700;
    color: #000;
	letter-spacing: -0.05em
}
.subNavi_Business_hotel_naviDepth3-05 .con_inner .text_area .title-wrap h3 {
    font-size: 55px;
}

.tit_bl {color:#2c55ca!important }
.keyword_bl {background-color:#eaf0fc!important }

.business .con_inner .text_area .text-wrap  {
	padding: 10px 0 5px
}
.business .con_inner .text_area .text-wrap span {
	font-size: 25px;
    line-height: 1.5;
    font-weight: 600;
    color: #000;
	letter-spacing: -0.05em; 
}
	
.business .con_inner .text_area .text-wrap p {
    font-size: 16px;
    line-height: 1.67;
    font-weight: 400;
    color: #000;
	letter-spacing: -0.04em
	
}
.business .con_inner .text_area .text-wrap .keyword{
	margin: 15px 0 30px
}
.business .con_inner .text_area .text-wrap .keyword .key_btn { 
 	font-size: 14px;
    line-height: 1.67;
    font-weight: 400;
    color: #464646;
    padding:5px 15px 5px;
	background-color: #edf4ff; border-radius: 20px; cursor:auto
}
	
.business .con_inner .text_area .text-wrap .summary-wrap { padding: 30px 0}
.business .con_inner .text_area .text-wrap .summary-wrap ul li{ display:inline-block; padding-right: 30px; }
.business .con_inner .text_area .text-wrap .summary-wrap ul li:nth-child(3){ display: block; ;}
.business .con_inner .text_area .text-wrap .summary-wrap .sub-title{
	font-size: 15px;
    line-height: 1.67;
    font-weight: 600;
 	color: #000;  padding-right: 20px; letter-spacing: -0.03em
}
.business .con_inner .text_area .text-wrap .summary-wrap .text{
	font-size: 15px;
    line-height: 1.67;
    font-weight: 300;
	color: #464646;padding-right: 80px; letter-spacing: 0em}

.business .con_inner .text_area .title-wrap h3 {
    /*transform: translateX(200px);*/
    opacity: 0;
    transition: transform 0.7s ease-out,opacity 0.7s ease-out;	
	visibility:visible;opacity:1;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		-ms-transition: all 0.3s;
		-o-transition: all 0.3s;
		transition: all 0.3s;
}

.business .con_inner .text_area .btn-wrap {}
.business .con_inner .text_area .btn-wrap a {
	font-size: 14px;
    line-height: 1.67;
    font-weight: 500;
    color: #fff;
    padding:8px 20px 8px;
	background-color: #464646; border-radius: 20px;	 }
.business .con_inner .text_area .btn-wrap a:first-child {
	font-size: 14px;
    line-height: 1.67;
    font-weight: 500;
    color: #fff;
    padding:5px 20px 5px;
	background-color: #464646; border-radius: 20px;	 background: url(../images/common/icon-openwin.svg)  122px -10px no-repeat #464646; padding: 8px 36px 8px 20px;}
/*.swiper {
      width:450px;
      height: 700px;
	  position: relative; padding-left: 40px
    }

.swiper-slide {
      text-align: center;
      font-size: 18px;
      display: flex;
      justify-content: center;
      align-items: center;
	  width: 274px;
	  height: 528px!important;
		
    }

.swiper-slide img {      
      width: 274px!important;
      height: 528px!important;
      object-fit: cover; z-index: 99; border: #c4c4c4 solid 1px;
	  -webkit-box-shadow: 0px 0px 10px rgba(171,171,171,0.5);
      -moz-box-shadow: 0px 0px 10px rgba(171,171,171,0.5);
      box-shadow: 0px 0px 10px rgba(171,171,171,0.5);
    }
	  
.swiper-slide.swiper-slide-active {z-index: 2; margin-left: 20px; width: 274px!important; }
.swiper-slide.swiper-slide-next {width: 199px!important; height: 248px!important; z-index: 1;  top: 50%; left: -45%; background-color: #fff }
.swiper-slide.swiper-slide-next img {width: 199px!important; height: 248px!important; opacity: .6;  filter: dropshadow(color=#000, offx=1, offy=1); }
*/

/* Slideshow container */
.slideshow-container {
    width: 450px; 
    height: 700px;
    position:relative;
    padding-left: 40px;
}


    .mySlides {
        width: 150px; height: 300px;
        position: relative;
        animation-duration: 1s;
      animation-iteration-count: 1;
      transition: 0.6s ease;

    }
    
    .mySlides_n {
        opacity: 0.4; 
        width: 150px; height: 300px;
        position: relative;
        animation-duration: 1s;
       animation-iteration-count: 1;
       transition: 0.6s ease;
       

    }
.Thumbnail {
  position: absolute;  
}
.Thumbnail img {
     width: 274px;   height: 528px;  
}

/*  animation A */
.aniA {
    animation-name: imgboxA;
    animation-duration: 4s;
    position: absolute;
    animation-iteration-count: 1;
    transition: 0.6s ease; 
     
}
.aniA img {
     animation-duration: 4s;
    border: #c4c4c4 solid 1px;
    -webkit-box-shadow: 0px 3px 10px rgba(0,0,0,.4);
    -moz-box-shadow: 0px 3px 10px rgba(0,0,0,.4);
    box-shadow: 0px 3px 10px rgba(0,0,0,.4);
}
    
@keyframes imgboxA {
  0%    {left:0px;   top:0px;  transform: scale(1); opacity:1; }
  20%   {left:0px;   top:0px;  transform: scale(1); opacity:1; }
  55%   {left:0px;   top:0px;  transform: scale(1); opacity:1 }
  90%   {left:0px;   top:0px;  transform: scale(1); opacity:1 }
  100%  {left:100px; top:100px; transform: scale(0.6); opacity:0}
}
/*  animation B */
.aniB {
    animation-name: imgboxB;
    animation-duration: 4s;
    position: absolute;
    animation-iteration-count: 1;
    transition: 0.6s ease;
    z-index: -1     
}
.aniB img {
    animation-duration: 4s;
    border: #c4c4c4 solid 1px;
    -webkit-box-shadow: 0px 3px 10px rgba(0,0,0,.4);
    -moz-box-shadow: 0px 3px 10px rgba(0,0,0,.4);
    box-shadow: 0px 3px 10px rgba(0,0,0,.4);
}    
@keyframes imgboxB {
  0%    {left:110px; top:50%;  opacity:.0; transform: scale(0.6); }
  10%   {left:110px; top:50%;  opacity:.5; transform: scale(0.6);}
  90%   {left:110px; top:50%;  opacity:.5; transform: scale(0.6);}
  100%  {left:0px;   top:0%;   opacity:1;  transform: scale(1);}
} 



/* 사업소 연락처 */
h4 {
    font-size: 25px;
    font-weight: 900;
    letter-spacing: -2px;
    text-align: center;
    margin-bottom: 20px;
}

.network_lst_group {position: absolute; margin: 0 auto; overflow: hidden; top:60%; left: 50%;  transform: translate(-50%, -60%); padding-top: 30px }
.network_lst_group h4 {
    font-size: 25px;
    font-weight: 700;
    letter-spacing: -2px;
    text-align: center;
    margin-bottom: 20px;
}
.network_lst { width: 49%; border-top: 1px solid #e5e6e8; float: left; }
.network_lst.center { float: none; margin: 0 auto; }
.network_lst:nth-child(3) { margin-left: 2%; }
.network_lst th { color: #005bac; font-size: 19px; border-bottom: 1px solid #e5e6e8; }
.network_lst td { border-left: 1px solid #e5e6e8; border-bottom: 1px solid #e5e6e8; text-align: center; line-height:1.3em; font-size: 17px; padding: 10px 0 }
.network_lst td.tel {  letter-spacing: 0;  font-size: 16px;}

.navi_cls { display: block; position: absolute; right: 20px; top: 30px; height: 20px; width: 20px; }
.navi_cls span { display: block; width: 100%; height: 2px; background: rgba(255,255,255,0); }
.navi_cls span:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 2px; top: 0; transform: rotate(45deg); background: #212122; }
.navi_cls span:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 2px; top: 0; transform: rotate(-45deg); background: #212122; }


.pop_bg {display: none; position: fixed; justify-content: center; align-items: center; left: 0; top:0; background: rgba(0,0,0,0.8); width: 100%; height: 100%; z-index: 9999 }
.pop_an {display: none; position: fixed; justify-content: center; align-items: center; left: 0; top:0; background: rgba(0,0,0,0.8); width: 100%; height: 100%; z-index: 9999 }
.corporation .pop {width: 850px; height: 390px; background-color: rgba(255,255,255,1.00);  }
.ajunetworks .pop{width: 850px; height: 300px; background-color: rgba(255,255,255,1.00);}
.ajuautorium .pop {width: 850px; height: 270px; background-color: rgba(255,255,255,1.00);  }
.ajunetworks .network_lst td {text-align: left; padding: 10px 0 10px 5px;}

	  
/*
.business .con_inner .text_area p {
    transform: translateX(200px);
    opacity: 1;
    transition: transform 0.7s ease-out 0.1s,opacity 0.7s ease-out 0.1s;
}

.business .con_inner .text_area .btn {
    transform: translateX(2px);
    opacity: 1;
    transition: transform 0.7s ease-out 0.2s,opacity 0.7s ease-out 0.2s;
}

.business .con_inner .text_area.on h3 {
    transform: translateX(0);
    opacity: 1
}

.business .con_inner .text_area.on p {
    transform: translateX(0);
    opacity: 1
}

.business .con_inner .text_area.on .btn {
    transform: translateX(0);
    opacity: 1
}*/

/* ================================== desktop 1920 > 125% ================================== */
/*@media (min-width: 1536px) and (max-width: 1920px) { */
@media all and (max-width: 1536px) {
	.business h2 {font-size: 48px;}
	.business h2 span {font-size: 12px;}
	.business .info_nav .nav_inner .tit { left: 40px; margin: 10px 0;  font-size: 15px;}
	.business .info_nav .nav_inner li a { font-size: 14px;}
	.business .info_nav .nav_inner {padding: 0.9rem;} 
	.business .info_nav {    margin:1.7rem; padding:1.7rem;}
	.business .info_nav .nav_inner ul {padding-left: 50px}
	
	
	.business .con_inner .text_area {max-width: 750px;}    
	.business .con_inner .text_area .title-wrap h3 {font-size: 50px;line-height: 1;	letter-spacing: -0.05em;}
    .subNavi_Business_hotel_naviDepth3-05 .con_inner .text_area .title-wrap h3 { font-size: 46px;}
	.business .con_inner .text_area .text-wrap span {font-size: 20px; letter-spacing: -0.08em;}
	.business .con_inner .text_area .text-wrap .keyword .key_btn {font-size: 12px;}
	.business .con_inner .text_area .text-wrap p {font-size: 13px;}
	.business .con_inner .img_area {padding: 0px 0px 10px 0; margin: -70px 0 0 0}
	.business .con_inner .text_area .btn-wrap a { font-size: 12px}
	.business .con_inner .text_area .text-wrap .keyword {margin: 15px 0 20px;}
	.business .con_inner .text_area .text-wrap .summary-wrap .sub-title {font-size: 13px;}
	.business .con_inner .text_area .text-wrap .summary-wrap {padding: 20px 0;}
	.business .con_inner .text_area .text-wrap .summary-wrap .text {font-size: 13px;}
	/*.swiper { width:450px; height: 530px; position: relative; padding-left: 40px}
	.swiper-slide { width: 230px; height: 420px!important;	}
	.swiper-slide img {width: 230px!important; height: 420px!important;}
	.swiper-slide.swiper-slide-active {width: 230px!important; }
	.swiper-slide.swiper-slide-next {width: 199px!important; height: 230px!important;  }
	.swiper-slide.swiper-slide-next img {width: 199px!important; height: 230px!important; opacity: .6;  filter: dropshadow(color=#000, offx=1, offy=1); }	*/
    .mySlides {width: 100%;}      
    .aniA img {width: 80%}
    .aniB img {width: 80%}/**/
    .slideshow-container { height: 80%;}
    .Thumbnail img {  height: 80%;}
    
    @keyframes imgboxB {
      0%    {left:90px; top:40%;  opacity:.0; transform: scale(0.6); }
      10%   {left:90px; top:40%;  opacity:.5; transform: scale(0.6);}
      90%   {left:90px; top:40%;  opacity:.5; transform: scale(0.6);}
      100%  {left:0px;   top:0%;   opacity:1;  transform: scale(1);}
    } 
        
}

@media all and (max-width: 1500px) {
	.business h2 {font-size: 60px;}
	.business h2 span {font-size: 16px;}
	.business .info_nav .nav_inner .tit { left: 50px; margin: 10px 0;  font-size: 17px;}
	.business .info_nav .nav_inner li a { font-size: 17px;}
	.business .info_nav .nav_inner {padding: 1.3rem;} 
	.business .info_nav {    margin:2rem; padding:2rem;}
	.business .info_nav .nav_inner ul {padding-left: 70px}
	
    .business .con_inner .text_area {max-width: 60%;}
    .mySlides { width: 100%;  }
    .business .con_inner .text_area .text-wrap .keyword .key_btn {font-size: 14px;}
	.business .con_inner .text_area .text-wrap p {font-size: 15px;}
    .business .con_inner .text_area .btn-wrap a { font-size: 14px}
    .business .con_inner .text_area .text-wrap .summary-wrap .sub-title {font-size: 15px;}
	.business .con_inner .text_area .text-wrap .summary-wrap .text {font-size: 15px;}
    
    .slideshow-container {width: 350px;   padding-left: 0px;    }
	  
    
    
}
@media screen and (max-width: 1024px) {
	/*.sub1_1  { display: flex; margin: 88px 0 0 0  }*/
	
	
	.business .con_inner {
    display: flex;
	flex-direction: column;
    height: auto;
    max-width: 100%;
    margin: 0 auto;
    padding: 0px 0;
		;}
	
	
	
	
}

/* ================================== Tablet css ================================== */
@media all and (max-width: 1080px) {
	
}


/* ================================== Mobile css ================================== */
@media all and (max-width: 766px) {
    .business {width: 100%; position: relative}
	.motors #panel-1 {  background: url('../images/Business/motors_bg_2000.jpg') 70% top / cover no-repeat;   }
    #panels #panels-container {
        min-height: 600%;
        height: auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: nowrap;
        padding: 0;
        overflow: hidden;
        flex-direction: column;
        flex-wrap: nowrap;
    }
	#panels #panels-container .panel {width: 100vw; height: auto;}		
	#panels #panels-container .panel:first-child {width: 100vw; height:calc(100vh - 88px) ;}	
	.business {width: 100%; position: relative}
	
	.business .con_area h2 { position: relative;  font-size:40px; text-align: center; left: 0 }
	.business .con_area h2 span { font-size: 15px;}
    .business #panel-1 .container { position: relative; width: 100vw; height:100vh }
    .business #panel-1 .container>div>div { display: flex; justify-content: center;    flex-direction: column; flex-wrap: nowrap; height:100vh }
    
    .business .container  { height: auto; flex-wrap: nowrap; overflow: hidden; flex-direction: column;}
    .business .container h2 { position: relative; text-align: center;     top: unset;    left: auto;    font-size: 40px; padding: 90px 0 0 0;}
    .business .info_nav { position: relative; display: block; margin: 30px auto; width: 80%; height:auto; right: auto; left: auto;  top:unset; transform: translate(0, 0); padding: 1rem   }
	
    
    .business .info_nav .nav_inner { padding: 1rem;}
    .business .info_nav .nav_inner .tit {left: 30px;}
    .business .info_nav .nav_inner ul { padding-left: 45px;}
    
    .business .con_inner .text_area {    max-width: 85%;}
    .business .con_inner .text_area .text-wrap p { text-align: justify;}
    .business .con_inner .text_area .text-wrap .keyword .key_btn {white-space: nowrap; line-height: 2.5em; font-size: 13px;  padding: 5px 10px 5px;}
    #panels #panels-container .panel:nth-child(2n+1) .con_inner .text_area .text-wrap .keyword .key_btn { background-color:#e4edfa;}
    
    .business .inner { margin: 20px auto 0px; padding: 0px 0;}
    .business .con_inner { margin: 0 auto; padding: 100px 0 30px;}
	#panels #panels-container .panel:nth-child(2n+1) .con_inner {background-color: rgba(241,241,241,.8)}
	
	
    .business .con_inner .img_area { padding: 0px 0px 10px 0;    margin: 0px auto;}
    #panels #panels-container .panel .panels-navigation  {display: none}
    .business .con_inner .text_area .title-wrap h3 { font-size: 36px; padding-top: 10px}
	.business .con_inner .text_area .text-wrap span {  display: block;}
	.business .con_inner .text_area .text-wrap .summary-wrap .text { padding-right: 0px;}
	.business .con_inner .text_area .text-wrap .summary-wrap ul li { display: block; padding-right: 0px; padding-bottom: 15px}
	
	.business .con_inner .text_area .btn-wrap a:first-child {border: 1px rgba(112,112,112,.2) solid; color: rgba(91,91,91,1.00); 
	 background: url(../images/common/icon-openwin.svg) 122px 10px no-repeat #f7f7f7; padding: 7px 36px 7px 20px; }
	.business .con_inner .text_area .btn-wrap a {background-color: #f7f7f7; border: 1px rgba(112,112,112,.2) solid;  color: rgba(91,91,91,1.00); padding: 7px 20px; }
	
	
	#panels #panels-container .panel:nth-child(2n+1) .con_inner .text_area .btn-wrap a:first-child {background-color: #9f9f9f; border: 1px rgba(112,112,112,.2) solid; color: rgba(91,91,91,1.00); 
	 background: url(../images/common/icon-openwin.svg) 122px 10px no-repeat #fff; padding: 7px 36px 7px 20px; }
	#panels #panels-container .panel:nth-child(2n+1) .con_inner .text_area .btn-wrap a {background-color: #9f9f9f; border: 1px rgba(112,112,112,.2) solid; background: #fff; color: rgba(91,91,91,1.00); padding: 7px 20px; }
	
	
	.business .con_inner .text_area .text-wrap .summary-wrap {    padding: 20px 0 10px;}

	.subNavi_Business_hotel_naviDepth3-05 .con_inner .text_area .title-wrap h3 {font-size: 35px;}
	
	.subNavi_Business_hotel_naviDepth3-05 .business .info_nav .nav_inner li a { font-size: 14px;}
	.subNavi_Business_hotel_naviDepth3-05 .business .info_nav .nav_inner li { margin: 12px 0;}
	
	
    .business .con_inner .text_area {    margin: 37px 0 40px;}    
    .img_area {display: none}
    .img_area_m {display: block; width: 90%}
     
    .img_area_m .swiper {
      margin: 0px auto;
      width: 100%;
      height: 100%;
    }

    .img_area_m .swiper-slide {
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 22px;
      font-weight: bold;
      color: #fff;
    }
    .ajunetworks .pop {
		width: 90%;
		height: 400px;
		background-color: rgba(255,255,255,1.00);
	}
	.corporation .pop {
		width: 90%;
		height: 500px;
		background-color: rgba(255,255,255,1.00);
	}
	.ajuautorium .pop {
		width: 90%;
		height: 400px;
		background-color: rgba(255,255,255,1.00);
	}
   
      .ajunetworks .pop>div {
		overflow-y: scroll; height: 350px; 
	}
	.ajuautorium .pop>div {
		overflow-y: scroll; height: 350px; 
	}
	.corporation .pop>div {
		overflow-y: scroll; height: 480px; 
	}
  
	
	.network_lst_group h4 {
		font-size: 20px;
		letter-spacing: -1px;
	}
	.network_lst_group {    padding-top: 20px;}
		
	
	.network_lst {
		width: 100%;
		float:none;
	}
	.network_lst th {
		font-size: 15px;
	}
	.network_lst td.tel, .network_lst td {
		font-size: 15px;
	}
    .ajunetworks .network_lst td {padding: 10px;}

	
}


@media all and (max-width: 374px) {
    
    .business_gallay_m .swiper-button-prev { left: 39%; top:94%;}
	.business_gallay_m .swiper-button-next { left: 52%; top:94% }	
	.business_gallay_m {    margin-bottom: 30px;}
	.news_list li {    margin: 15px 25px;}
	.news_list li .txt .date {   font-size: 15px;}
	
	
}


/******테스트****
.gnb1 {
	position: fixed; top:15vh; left: 50%; transform: translateX(-50%); background-color: rgba(255,255,255,1.00); border-radius: 35px; z-index: 9999999999
}

.gnb1 ul{
	position: relative;  margin: 0; padding: 0; list-style: none; display: flex
}*/
/*.gnb1::before{
	content: '';
	position: absolute; left: 0; width: 100px; height: 55px;background-color:aqua; border-radius: 35px

	
}
*/
/*
.gnb1 ul li{
	
}
.gnb1 ul a{
	text-decoration: none; color: #000; font-size: 15px; padding: 22px 35px; display: block; transition: color .04s; white-space: nowrap
}
.gnb1 ul a:hover{ 
	color: rgba(255,255,255,1.00);   transition-delay: .4s;
	
	
}
.gnb1 ul li.on a{ color:aqua; border-bottom: #00FF34 1px solid }
*/
/*
nav{position: fixed; left: 0;top: 0;width: 100%;background: #fff;box-shadow: 0 0 5px rgba(0,0,0,.5);}
	nav ul {display: flex;position: relative; width: 80%; margin: 0 auto; }
	nav ul li a{flex: 1;display: block;height: 40px;line-height: 40px;text-align: center;color: #8f8f8f; padding: 10px 20px; white-space: nowrap}
	nav ul li.on a{ color:aqua; border-bottom: #00FF34 1px solid }
	nav ul > span{position: absolute;left: 0;bottom: 0;width: 100px;height: 3px;background: #279d76; transition: all .5s;}   

*/