@charset "utf-8";
/* CSS Document */
html, body{
    width:100vw;
    overflow-x:hidden;
}

/*=========================================================================
  Main Container
===========================================================================*/
/* 메인이미지 */
.sect-visual{
    width:100%; height:100vh;
    position:relative;
    background-color:#333;
    overflow:hidden;
}

.scrolldown{
    position:absolute; bottom:0; left:50%;    
    transform:translateX(-50%);
    color:#fff;
    font-size:1.4rem;
    font-weight:400;    
    padding-bottom:40px;
    /*animation: ani 1s infinite alternate;*/
    font-family: 'Poppins', 'Pretendard', sans-serif;
    z-index:10;
}
.scrolldown span{
	display:block;
	width:30px; height:30px;
	margin:0 auto;
	background:url("/images/ico_scrolldown2.png") no-repeat bottom;
	animation:ani 1.2s ease infinite;
}
/*@keyframes ani{
   0%{transform:translate(0,0);}
   100%{transform:translate(0,10px);}
} */
@keyframes ani {
    from {
        transform: translateY(0);
        opacity:1;
    }
    to {
        transform: translateY(0.5rem);
        opacity:0;
    }
}


/* layout-1 */
.layout-1{
    max-width:1400px;
    margin:0 auto;
    /*background-color:#fff;*/
    position: relative;
    padding:100px 0;
}
.layout-1 .sect-title{
    font-size:6rem;
    font-family: 'Poppins', 'Pretendard', sans-serif;  
    font-weight:800;
    position:relative;
    padding-top:10px;
    margin-bottom:60px;
}
.layout-1 .sect-title::after{
    left:15px;
}

/* ====================================================================== */
/* ====================================================================== */

/*  
    =======================
    Auto slide main visual 
    =======================
*/
.carousel {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    z-index: 9;
}

.carousel .slides {
    width: 400%; /* Ensure each slide occupies one-third of the total width */
    height: 100%;
    display: flex;
    transition:.5s;    
}

.carousel .slide {
    width: 100%;   
    position:relative; 
    /* background-size:cover;
    background-repeat: no-repeat;
    background-position: center;
    animation : scaleImage 3s linear forwards; */
}

/* .carousel .slide .item-bg{
    width:100%; height:100%;
    background-size:cover;
    background-repeat: no-repeat;
    background-position: center;
    animation : scaleImage 3s linear forwards;
} */


.carousel .slide .item-bg{ /* TEST */
    width:100%; height:100%;
    background-size:cover;
    background-repeat: no-repeat;
    background-position: center;    
}

.carousel .slide.current-slide .item-bg{
    animation : scaleImage 4s linear forwards;
}



.carousel .slide.item1 .item-bg {
background-image:url(../images/2024/main_1.jpg); 
}
.carousel .slide.item2 .item-bg {
background-image:url(../images/2024/main_2.jpg);
/* animation-delay: 5.3s; */
}
.carousel .slide.item3 .item-bg {
background-image:url(../images/2024/main_3.jpg);
/* animation-delay: 10.3s; */
}
.carousel .slide.item4 .item-bg {
background-image:url(../images/2024/main_4.jpg);
/* animation-delay: 15.2s; */
} 

@keyframes scaleImage {
    0% {
      transform: scale(1.1); /* */
    }
    100% {
      transform: scale(1.0); /* */
    }
  }

.video-wrap{
position:absolute; top:0; left:0;
width: 100%;
height: 100%;
object-fit: cover;
}

.main-black{
    position:absolute; top:0; left:0;
    width: 100%;
    height: 100%;
    background-color:rgba(0,0,0,0.3);
}

.carousel .slide-bottom{
position: absolute; bottom: 38%; left: 50%;
transform: translateX(-50%);
}

.slide-item-text {
    font-size: 6rem;
    position: absolute; top: 50%; left: 50%;
    transform: translate(-50%,-80%);
    width: 80%;
    text-align: center;
    color: #fff;
    font-weight: 300;
    z-index:5;
}
.slide-item-text span{
    font-size: 3rem;
    color: #fff;
    letter-spacing: 10px;
    display: block;
    margin-bottom: 30px;
}
.slide-item-text p{
    color: #fff;
    line-height: 1.2em;
    text-shadow: 5px 5px 15px rgba(2,67,142,.2);
}
.slide-item-text strong{
    font-weight: 800;
    color: #fff;
    text-shadow: 5px 5px 15px rgba(2,67,142,.2);
}



/* view more button */
.carousel .slide .view{    
display: block;
position: absolute; bottom: 28%; left: 50%;
z-index: 1;
transform: translateX(-50%);
height: 50px;
border-radius: 30px;
width: 200px;
}
.carousel .slide .view,
.carousel .slide .view span{    
font-size:1.6rem;
text-align: center;
color:#fff;
}
.carousel .slide .view-text{
position: absolute; top: 50%; left: 50%;
transform: translate(-50%,-50%);
z-index: 1;
width: 100%; height: 50px;
border: 1px solid #fff;    
border-radius: 30px;
padding: 16px;
transition: .3s;
}
.carousel .slide .view-text:hover{
background-color:rgba(255,255,255,.2);
}

.carousel .slide .view .backdrop{
display: block;
background-color:rgba(255,255,255,.1);
backdrop-filter: blur(2px);    
height:100%;
border-radius: 30px;
}
.carousel .slide .view .ico-more{
display: inline-block;
width:12px; height:12px;
background:url(../images/2024/ico-more.png) no-repeat center;
margin-left:10px;
}

/* play, stop button */
.controls{
margin-left:20px;
}
.controls button {
    color:#fff;
    width: 30px; height:30px;
}
.controls button.play{
    background:url(../images/2024/ico_play.png) no-repeat center;
}
.controls button.stop{
    background:url(../images/2024/ico_stop.png) no-repeat center;
}  

/* pagination */
.carousel .pagination button {
color: #fff;
cursor: pointer;
font-size: 16px;
width:30px; height:30px;
border-radius:50%;
border:1px solid rgba(255,255,255,.2);
padding:7px 9px;
margin:0 10px;
text-align: center;
cursor:pointer;
}

.pagination button.active {
color: #fff;
border-color:#fff;
}

.slide-bottom > .flex{
align-items: center;
}

/*  
=======================
OUR SERVICES
=======================
*/
.sect-service{
background:url(../images/2024/bg_our_services.jpg) no-repeat center;
position:relative;
background-size:cover;
}
.sect-service .sect-title{
color:#fff;
}
.sect-service .layout-1{
display: flex;
justify-content: space-between;
}

.our-service-inner{
display: flex;
flex-wrap: wrap;
width: 60%;
gap: 60px 70px;
}
.our-service-item{
width:calc(50% - 40px);
}
.our-service-item.osi-1 {

}
.our-service-item.osi-2 {
margin-top: 300px;
}
.our-service-item.osi-3 {
margin-top: -300px;
}
.our-service-item .our-service-top{
    background-size:cover;
    background-repeat: no-repeat;
    background-position:center;
}
.our-service-item.osi-1 .our-service-top{
background-image:url(../images/2024/our_service_1.jpg);
}
.our-service-item.osi-2 .our-service-top{
background-image:url(../images/2024/our_service_ac.jpg);
}
.our-service-item.osi-3 .our-service-top{
background-image:url(../images/2024/our_service_2.jpg);
}
.our-service-item .our-service-top{
width:100%; height:500px;
border-radius:30px 30px 0 0;
overflow:hidden;
padding:40px;    
}
.our-service-item .our-service-top p{
font-size:1.8rem;
color:rgba(255,255,255,.85);
margin-bottom:5rem;
line-height: 1.3em;
font-weight:300;
}
.our-service-item .our-service-top h3{
font-size:4.5rem;
font-weight:700;
color:#fff;
margin-bottom:1rem;
text-shadow:1px 1px 10px rgba(0,0,0,0.35)
}
.our-service-item .our-service-top span{
font-size:2rem;
font-weight:500;
color:#fff;
line-height:1.4em;
text-shadow:1px 1px 5px rgba(0,0,0,0.3)
}

.our-service-item .our-service-bottom{
background-color:#fff;
height:80px;
border-radius: 0 0 30px 30px;
display:flex;
}
.our-service-item .our-service-bottom a{
display: block;
width: 50%;  height: 100%;
padding-top: 30px;
font-size: 1.8rem;
text-align: center;
position:relative;
}
.our-service-item .our-service-bottom a .ico-more{
display:inline-block;
width:14px; height:14px;
background:url(../images/ico_arrow_di.png) no-repeat center;
margin-left: 20px;
transition:.3s;
}

.our-service-item .our-service-bottom a:hover .ico-more{
transform:translateY(-4px);
}

.our-service-item .our-service-bottom a:nth-child(2)::after{
content:""; display:block; clear:both;
border-left:1px solid #efefef;
height:40px;
position: absolute; top: 50%;
transform: translateY(-50%);
}


/*  
    =======================
    NOTICE
    =======================
*/
.sect{
    position:relative;
}
.sect .sect-title + .view-more{
    font-size:1.8rem;
    font-weight:600;
    position:absolute; top:130px; right:40px;
}
.sect .sect-title + .view-more:hover .ico-plus::after{
    transform: rotate(0deg);
}
.sect .sect-title + .view-more .ico-plus{
    position:relative;
    margin-left:10px;
}
.sect .sect-title + .view-more .ico-plus::after,
.sect .sect-title + .view-more .ico-plus::before{
    content: ""; display: inline-block; clear: both;
    width: 10px; height: 2px;
    background-color: #D62429;
    position: absolute; top: 46%;
}
.sect .sect-title + .view-more .ico-plus::after{
    transform: rotate(90deg);
    transition: .3s;
}

.notice-inner-cont ul li a{
    width:100%;
    border-bottom:1px solid #EFEFEF;
    padding:35px 0;
    display:flex;
    align-items: center;
    transition:.3s;
}
.notice-inner-cont ul li a:hover .title{
    text-decoration: underline;
}
.notice-inner-cont ul li:first-child{
    border-top:1px solid #EFEFEF;
}
.notice-inner-cont ul li a .badge{
    font-size:1.8rem;        
    margin:0 50px;
    width:50px;
}
.notice-inner-cont ul li a .badge i{
    background-color:#EBEBEB;
    border-radius:10px;
    padding:5px 10px;
}
.notice-inner-cont ul li a .title{
    font-size:2rem;
    font-weight:600;
    width:calc(100% - 330px);
    padding-right:30px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-break: break-all;
}
.notice-inner-cont ul li a .date{
    font-size:1.8rem;
    color:#828282;
    width:180px;
    text-align: center;
}


/*  
    =======================
    NEWSLETTER
    =======================
*/
.sect-newsletter .sect-title p{
    font-size:1.8rem;
    font-weight:400;
    margin-top:10px;
    line-height:1.2em;
}
.sect-newsletter{
    background:url(../images/newsletter_bg.png) no-repeat left top;
}
.newsletter-thumb{
    width:335px; height:444px;
    background:url(../images/newsletter_thumb.png) no-repeat top;
    box-shadow:10px 10px 30px rgba(0,0,0,0.1);
    margin-left:20px;
    position:relative;
}
.newsletter-thumb p{
    font-size:12rem;
    font-weight:900;
    color:rgba(0,0,0,0.2);
    position:absolute; top:50%; left:50%;
    transform:translate(-50%, -50%);
}
.newsletter-thumb .go-newsletter{
    display: block;
    width:50px; height:50px;
    border-radius:50%;
    background:#1A1A1A url(../images/arrow_3.png) no-repeat center;
    position:absolute; bottom:20px; right:20px;
}
.sect-newsletter .btn-subscribe{
    position: absolute;
    top: 0;
    transition:.4s;
}
.sect-newsletter .btn-subscribe:hover{
    opacity:.8;
}


/* ====================================================================== */
/* ====================================================================== */
/* sect3 - CONTACT US */
.sect-contact .sect-title p{
    font-size:1.6rem;
    font-weight:400;
    font-family:'pretendard', sans-serif; 
    line-height:1.3em;
}
.route{
    overflow:hidden;
    background-color:transparent;
}
.route iframe{
    width:100%;
    height:100%;
}
.input-area .type{
	display:flex;
	margin-bottom:15px;
}
.input-area .type li{
	margin-right:15px;
}

.agree-text-wrap{
    position:fixed; top:0; left:0;
    width:50%;
    min-width:500px;    
    width: 100%;
    height: 100vh;
    background-color: rgba(0,0,0,0.7);
    z-index: 9998;
    display:none;
}
.agree-text-wrap.active{display:block;}
.agree-text-wrap button{
    font-size:16px;
    color:#fff;
    float:right;
    padding:20px;
}
.agree-text-wrap .agree-text{
    position:fixed; top:50%; left:50%;
    transform:translate(-50%, -50%); 
    width:60%;
    z-index: 9999;
}

.agree-text .text-inner{
    font-size:16px;
    background-color:#f5f5f5;
    padding:16px;
    height:300px;
    overflow-y:auto;
    line-height:1.3em;
    width:80%;
	margin: 30px auto 0 auto;
}

.agree-text-wrap .agree-text .text-inner{
    position:relative;
    width:100%;
}

.agree-text-wrap .agree-text .text-inner button{
    position:absolute; top:-30px; right:0;
}

.sect-contact{
    background:url("https://kjenghome.cdn1.cafe24.com/bg_contact.jpg") no-repeat center;
    background-size:cover;
}
.sect-contact .sect-title,
.sect-contact .sect-title p{
    color:#fff;
}

.sect-contact .checkmark,
.sect-contact .form-check:hover input ~ .checkmark{
    background-color:transparent;
}
.sect-contact .form-check .chk-text{
    color:#fff;
}
.sect-contact .form-check input:checked ~ .checkmark{
    background-color:#fff;
    border-color:#fff;
}
.sect-contact .form-check .checkmark::after{
    border-color:#333;
}
.sect-contact .form-check:hover input ~ .checkmark{
    background-color:rgba(255,255,255,.3);
}

.sect-contact .form-basic {
    background-color: rgba(255,255,255,.2);
    border-radius:10px;
    color:#fff;
}
.sect-contact .form-basic::placeholder{
    color:#D8D8D8;
}
.sect-contact  .view-more{
    border:1px solid #fff;
    background-color:transparent;
    transition:.5s;
}
.sect-contact  .view-more:hover{
    background-color:#fff;
    color:#333;
}
.sect-contact  .input-area.row span{
    color:#fff;
}

/*

// 마우스오버시 배경색, 글자색 바뀌는 css

.btn-slide {
  font-size: 1.8rem;
  background: #191919;
  color: #fff;
  border: 1px solid #191919;
  padding: 0.85em 0.75em;
  margin: 1rem;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.btn-slide:hover {
  color: #191919;
}
.btn-slide::after {
  content: "";
  background: #fff;
  position: absolute;
  z-index: -1;
  padding: 0.85em 0.75em;
  display: block;
}
button[class^="slide"]::after {
  transition: all 0.35s;
}
.btn-slide:hover::after {
    position:absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  transition: all 0.35s;
}
.btn-slide::after {
position:absolute;
  top: 0;
  bottom: 0;
  left: -100%;
  right: 100%;
}*/



.fe-dropdown.active{
}

/* Scroll Animation (sa, 스크롤 애니메이션) */
.sa {
    opacity: 0;
    transition: all 1s ease;
}

/* 아래에서 위로 페이드 인 */
.sa-up {
    transform: translate(0, 100px);
}
/* 위에서 아래로 페이드 인 */
.sa-down {
    transform: translate(0, -100px);
}
/* 왼쪽에서 오른쪽으로 페이드 인 */
.sa-right {
    transform: translate(-100px, 0);
}

.sa.show {
    opacity: 1;
    transform: none;
}

/*=========================================================================
  Sub Page : 회사소개
===========================================================================*/

/* sub page top */
.sub-top-wrap{
    width:100%; height:400px;
    position:relative;
}
.sub-top-visual{
    width:100%; height:100%;
    overflow:hidden;
    position:absolute; top:0; left:0;
}
.visual-inner{
    width:100%; height:100%;
    background:#efefef url("/images/sub/sub_top_1.jpg") no-repeat center;
    background-size: cover;
}
.visual-inner.cs{
    background-image:url("https://kjenghome.cdn1.cafe24.com/bg_company.jpg");
}
.visual-inner.ac{
    background-image:url("https://kjenghome.cdn1.cafe24.com/bg_ac.jpg");
}
.visual-inner.eduros{
    background-image:url("https://kjenghome.cdn1.cafe24.com/bg_eduros.jpg");
}
.visual-inner.myview{
    background-image:url("https://kjenghome.cdn1.cafe24.com/bg_myview.jpg");
}
.visual-inner.seaso{
    background-image:url("https://kjenghome.cdn1.cafe24.com/bg_seaso.jpg");
}
.visual-inner.kvh{
    background-image:url(/images/sub/kvh/kvh_img.jpg);
}
.visual-inner.jrc{
    background-image:url("https://kjenghome.cdn1.cafe24.com/bg_jrc.jpg");
}
.visual-inner.service{
    background-image:url("https://kjenghome.cdn1.cafe24.com/bg_service.jpg");
}
.visual-inner.customer{
    background-image:url("https://kjenghome.cdn1.cafe24.com/bg_customer.jpg");
}
.visual-title{
    position:absolute; top:55%; left:50%;
    transform:translate(-50%, -50%);
    font-size:5.5rem;
    font-weight:700;
    color:#fff;    
    white-space: nowrap;
}

/* 서브페이지 메뉴 */
.sub-location{
    position:absolute; bottom:0; left:50%;
    transform:translateX(-50%);
    z-index:1;
}
.sub-loc-inner{
    display:flex;
    align-items: center;
    background-color:rgba(0,0,0,0.3);
    height:50px;
}
.sub-loc-inner .home{
    display:block;
    width:50px; height:50px;
    background:url(/images/sub/home.png) no-repeat center;   
}
.sub-loc-inner .sub-dep{
    width:200px;
    position:relative;
}
.sub-loc-inner .sub-dep > button{
    font-size:1.6rem;
    color:#fff;
    font-weight:300;
    height:50px;
    padding:0 20px;
    width:100%;
    display:flex;
    align-items: center;
    justify-content: space-between;
    border-left:1px solid rgba(255,255,255,.15);
}
.sub-loc-inner .sub-dep > button.active .ico::after{
    transform:rotate(0deg);
    transition:.4s;
    margin-top:0;
}
.sub-loc-inner .sub-dep > button .ico{
    display: block;
    position:relative;
    background-color:rgba(0,0,0,0.4);
    width: 20px; height: 20px;
    border-radius:50%;
}
.sub-loc-inner .sub-dep > button .ico::before,
.sub-loc-inner .sub-dep > button .ico::after{
    content: ""; display: block; clear: both;
    width: 9px;
    height: 1px;
    background-color: #fff;
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
}
.sub-loc-inner .sub-dep > button .ico::after{
    transform: rotate(90deg);
    margin-top: -1px;
}
.sub-loc-inner .sub-dep .sub-depth{
    background-color:#fff;
    border:1px solid #EFEFEF;
    position:absolute; top:50px;
    width:100%;
    display:none;
}
.sub-loc-inner .sub-dep .sub-depth li{}
.sub-loc-inner .sub-dep .sub-depth li a{
    font-size:1.6rem;
    color:#333;
    font-weight:300;
    width:100%;
    padding:15px;
    display:block;
}
.sub-loc-inner .sub-dep .sub-depth li a:hover{
    background-color:#efefef;
}
.sub-loc-inner .sub-dep .sub-depth li.active a{}


/* sub page title */
.sub-title{
    font-size: 4rem;
    font-family: 'Poppins', 'Pretendard', sans-serif;
    font-weight: 700;
    position: relative;
    padding-top: 10px;
    margin-bottom: 60px;
    width: fit-content;
    margin: 50px auto 50px auto;
	text-align: center;
    padding:20px;
}
.sub-title.ko{
    font-family: 'pretendard', sans-serif;
}
.sub-title i{
	position:relative;
}
.sub-title i::before,
.sub-title i::after{
    content: ""; display: block; clear: both;
    width: 6px; height: 6px;
    background-color: #EC363F;
    border-radius: 50%;
    position: absolute; top: -3px; left: 0;
}
.sub-title i::after{
    left:10px;
}
.sub-title span{
	display:block;
	font-size:2.2rem;
	font-weight:300;
	text-align: center;
	margin-top:10px;
}

/* sub 여백 */
.sub-cont-inner{
    /*width:1400px;
    margin:0 auto;*/
    padding:80px 0 120px 0;
}

/* ====================================================================== */
/* ====================================================================== */
/* 회사소개 - KJ엔지니어링 */
.about{    
    text-align: center;    
    display:table;
    margin: 0 auto;
    font-size: 2.6rem;
    color:#6E6E6E;
    margin-bottom:80px;
}
.about strong{
    font-weight:700;
    color:#191919;
    font-size: 3rem;
}
.vision div.vision-img{
    background:url("/images/sub/company_intro_ko.jpg") no-repeat center bottom;
    width:100%; height:820px;
}
.vision div.vision-img.en{
    background-image:url("/images/sub/company_intro_en.jpg");
}
.vision-text{
    font-size:1.8rem;
    text-align: left;     
    padding:80px 16px 60px 16px;
}
.vision-text::after{
    content:""; display:block; clear:both;
    background-color:#f5f5f5;   
    width:100%; height:500px;
    position:absolute; top:0; left:0;
    z-index: -1;
}
.vision-text-inner{
    max-width:1400px;
    margin:0 auto;
    line-height:1.5em;
    position:relative;
}
.vision-text .t{
    font-size:10rem;
    color:rgba(0,0,0,0.05);
    font-weight:800;
    position:absolute; top:-45px; left:0;
    word-break: break-all !important;
}
.vision .vision-img-768{
    display:none;
}




.services{
    width:100%;
    display:flex;
    justify-content: space-around;
    align-items: center;    
    max-width:1400px;
    margin:0 auto;
	padding:0 16px;
}
.services .service-item{
    width:calc(25% - 20px);
    text-align: center;
    border:1px solid #efefef;
    padding:60px 25px;
    height:386px;
}
.services .service-item .logo{
    margin-bottom:30px;
    height:83px;
}
.services .service-item .title{
    font-size:2.6rem;
    font-weight:600;
    margin-bottom:20px;
    background:url("/images/sub/ico_dot.png") no-repeat center top;
    padding-top:30px;
}
.services .service-item .text{
    font-size:1.8rem;
    line-height:2.7rem;
}
.participating{
    width:100%; height:680px;
    background:url("/images/sub/participating.jpg") no-repeat center;
    display: flex;
    justify-content: center;
    align-items: center;
}
.participating .history-inner{
    position:relative;
    width:100%;
}
.participating .history-inner::after{
    content:"";
    height:100%;
    width:1px;
    background-color:#DFDFDF;
    position:absolute; top:0; left:50%;
}
.participating .history-list .history {
    margin-top: 10px;
}
.participating li .year,
.participating li .his-text{
    color:#fff;
}
.participating li .year{
    font-size:3.5rem;
}
.participating li .history{
    position:relative;
}
.participating li .history .dot{
    background-color:#fff;
    display:block;
    border:3px solid #EC363F;
    width:12px; height:12px;
    border-radius:50%;
    position: absolute; top:6px; left: -56px;
    z-index: 1;
}
.participating li:nth-child(even) .history .dot{
    left: inherit;    
    right:-56px;
}
.participating li .his-text{
    font-size:1.8rem;
    line-height:1.4em;
    font-weight:300;
    position:relative;
}
.participating li .his-text::before{
    content:"";
    width:40px;
    height:1px;
    background-color:#dfdfdf;
    position:absolute; top:12px; left:-50px;        
}
.participating li:nth-child(even) .his-text::before{
    left:inherit;    
    right:-50px;
}

.participating li:nth-child(even){
    text-align:right;
}

.company-info{
    width:100%;
    max-width:1400px;
    margin:0 auto 150px auto;
	padding:0 30px;
}
.company-info table{
    table-layout: fixed;
    width:100%;
    border-top:2px solid #333333;
    border-bottom:1px solid #333333;
}
.company-info table tr th,
.company-info table tr td{
    font-size:1.8rem;
    text-align:left;
    padding:18px 50px;
    border-bottom:1px solid #EFEFEF;
}
.company-info table tr th{
    font-weight:600;
    border-right:1px solid #333333;
}
.company-info table tr td{
    font-weight:300;
    
}
.company-info table tr:last-child th,
.company-info table tr:last-child td{border-bottom:none;}

 
/* 2024.03 */
.sub-our-services{
    display: flex;
    justify-content: space-between;
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    gap: 0 30px;
}
.sub-our-service-item{
    text-align:center;
    background-repeat: no-repeat;
    background-position: center;
    width:33.33%; height:475px;
    max-width: 370px;
    border-radius:30px;
    overflow:hidden;
    display:block;    
    box-shadow: 13px 13px 46px rgba(0,0,0,0.18);
}
.sub-our-service-item .item-bg{
    width:100%;
    height:100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-size:cover;
}
.sub-our-service-item .sub-tit{
    font-size:2rem;
    line-height:1.3em;
    color:#DEDEDE;
}
.sub-our-service-item .logo{
    padding:30px 0 40px 0;
}
.sub-our-service-item .text{
    font-size:1.8rem;
    color:#fff;
}
.sub-our-service-item.os-1 .item-bg{background-image:url(../images/sub/sub_our_service_bg1.jpg);}
.sub-our-service-item.os-2 .item-bg{background-image:url(../images/sub/sub_our_service_bg2.jpg);}
.sub-our-service-item.os-3 .item-bg{background-image:url(../images/2024/our_service_ac.jpg);}
.sub-our-service-item.os-3 .logo{
    font-size:4.5rem;
    color:#fff;
    font-weight:800;
}

/* ====================================================================== */
/* ====================================================================== */
/* 회사소개 - CI 소개 */
.sub-cont-inner .ci-text{
    font-size:3rem;  
    color:#EC363F;
    font-weight:700;
    margin-bottom:25px;
    text-align: center;
}
.sub-cont-inner .ci-txt{
    font-size:2.2rem;
    color:#333;
    text-align: center;
    line-height:3.2rem;
    padding:0 16px;
}

/* ====================================================================== */
/* ====================================================================== */
/* 회사소개 - 연혁 및 주요실적 */
.history-wrap{
	position:relative; top:50px;
	padding:0 16px;
}
.history-wrap:before{
	content: "";
    display: block;
    position: absolute;left: 0; right: 0;top: 16px;
    width: 2px; height: 100%;
    background: #dfdfdf;        
    margin: 0 auto;
}
.history-inner{	
	margin-top:50px;
}
.history-list{
	margin-top:30px;
}
.history-list:nth-child(odd){
    padding: 0 0 0 50%;
}
.history-list:nth-child(even){
    padding: 0 50% 0 0;
}
.history-list:nth-child(odd) .year{
	text-align:left;	
	padding: 0 0 0 50px;
}
.history-list:nth-child(even) .year{
	text-align:right;
	padding: 0 50px 0 0;
}
.history-list .year{
	position:relative;
	line-height:1.2em;
	font-size:35px;
	font-weight:700;
    font-family:'Poppins', 'Pretendard', sans-serif;
}
.history-list .year .dot{
    display: block;
    position: absolute; top: 50%;
	width: 13px; height: 13px;
	border-radius: 50%;
    background: #A5A5A5;
    margin-top: -6px;
    z-index: 1;
}
.history-list .year .dot.on{
	background: #EC363F;
}
.history-list:nth-child(odd) .dot{
	left:-6px;
}
.history-list:nth-child(even) .dot{
	right:-6px;
}
.history-list:nth-child(odd) .history{
	margin-left:50px;
}
.history-list:nth-child(even) .history{
	margin-right:50px;
}
.history-list:nth-child(odd) .history li .month{
	left:0
}
.history-list:nth-child(even) .history li .month{
	right:0
}
.history-list:nth-child(odd) .history li .text{
	margin-left:40px;
	text-align:left;
}
.history-list:nth-child(even) .history li .text{
	margin-right:40px;
	text-align:right;
}
.history-list .history{
	margin-top:30px;
}
.history-list .history li{
	position:relative; 
	display:block;
	margin-bottom:10px;
}

.history-list .history li .month{
	position:absolute; top:0;
	font-size:16px;
	font-weight:600;	
}
.history-list .history li .text{
	font-size:16px;
	line-height:1.3em;
}

/*  */
.history-list .result-wrap{
	margin-top:30px;
}
.history-list .result-wrap .tit{
	color:#EC363F;
	font-weight:700;
	margin-bottom:15px;
	position:relative;
    font-size:1.6rem;
}
.history-list .result-wrap .tit:after{
	content:""; display:block; clear:both;
	position:absolute; top:8px; right:106px;
	width:80px; height:1px;
	background-color:#EC363F;
}
.history-list:nth-child(odd) .result-wrap .tit:after{
	left:106px;
}
.history-list:nth-child(even) .result-wrap .tit:after{
	right:106px;
}


.history-list:nth-child(odd) .result-wrap{
	margin-left:50px;
}.history-list:nth-child(odd) .result-wrap .tit{
	text-align:left;
}
.history-list:nth-child(even) .result-wrap{
	margin-right:50px;
}
.history-list:nth-child(even) .result-wrap .tit{
	text-align:right;
}
.history-list .result li{
	position:relative;
	margin-bottom:10px;
    font-size:1.6rem;
	line-height:1.3em;
}
.history-list .result li:before{
	content: ""; display: block; clear: both;
    position: absolute; top:5px;
	width: 5px; height: 5px;
    border-radius: 50%;
    background-color: #EC363F;
}
.history-list:nth-child(odd) .result li:before{
	left:0;
}
.history-list:nth-child(even) .result li:before{
	right: 0;
}
.history-list:nth-child(odd) .result li{
	text-align:left;
	padding-left:30px;
}

.history-list:nth-child(even) .result li{
	text-align:right;
	padding-right:30px;
}

.history-list:last-child{
	margin-bottom:150px;
}

/* ====================================================================== */
/* ====================================================================== */
/* 회사소개 - 조직도 */
.txt-bg{
    background-color:#9F9F9F;
    color:#fff;
}
.organization {
	min-height:650px;
	background:url('/images/organization_bg.png') no-repeat center 0;
	margin-bottom:70px;
}
.oranimation-item {
	position:relative;
	width:1200px;
	margin:0 auto;
	padding:90px 0;
	text-align:center;
}
.oranimation-item > .owner {
	width:250px;
	height:55px;
	margin:0 auto;
	padding-top:15px;
	font-size:2.2rem;
	font-weight:bolder;
	color:#fff;
	background-color:#dc2228;
	border:1px solid #be0006;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}	
.oranimation-item > ul {
	width:100%;
	clear:both;
	overflow:hidden;
	margin-top:37px;
}
.oranimation-item > ul > li {
	position:relative;
	width:70%;
	float:left;
	margin-right:30px;
	list-style:none;
}
.oranimation-item > ul > li.last {
	width:20%;
	margin-right:0;
}
.oranimation-item > ul > li:before {
	display:block;
	content:"";
	width:1px;
	height:38px;
	text-align:center;
	margin:12px auto 0 auto;
	background-color:#686868;
}
.oranimation-item li > .part {
	display:block;
	width:220px;
	height:50px;
	margin:0 auto;
	padding-top:15px;
	text-align:center;
	font-size:1.8rem;
	color:#fff;
	background-color:#822e31;
	border:1px solid #631b1d;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.oranimation-item li > ul {
	display:block;
	width:100%;
	margin:100px auto 0 auto;
	clear:both;
	overflow:hidden;
}

.oranimation-item li > ul > li {
	width:32%;
	height:46px;
	float:left;
	margin-right:35%;
	padding-top:15px;
	font-size:1.6rem;
	letter-spacing:-1px;
	font-weight:400;
	color:#555555;
	list-style:none;
	border:1px solid #a5a5a5;
	background-color:#fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.oranimation-item li > .research li {
	width:100%;
}
.oranimation-item li > ul > li.last {
	margin:0;
}
.oranimation-item .line {
	position:absolute;
	display:block;
	height:1px;
	text-align:center;
	margin:12px auto 0 auto;
	background-color:#686868;
}
.oranimation-item .line.part {
	width: 570px;
    top: 182px;
    left: 420px;
}
.oranimation-item .line.horizon {
	width: 555px;
    top: 140px;
    left: 145px;
}
.oranimation-item .line.vertical {
	width:1px;
	height: 48px;
	top: 140px;
}

.oranimation-item .line.vertical.owner-top {
	height: 50px;
	top: 132px;
	left: 50%;
}
.oranimation-item .line.vertical.top {
	height:53px;
	top: 88px;
	left:420px;
}
.oranimation-item .line.vertical.position1 {
	left:145px;
}
.oranimation-item .line.vertical.position2 {
	left:420px;
}
.oranimation-item .line.vertical.position3 {
	left: 700px
}
.oranimation-item .line.vertical.position4 {
	left: 735px
}
.oranimation-item .line.vertical.position1:before,
.oranimation-item .line.vertical.position2:before,
.oranimation-item .line.vertical.position3:before,
.oranimation-item .line.vertical.position4:before {
	content:"●";
	font-size:0.7rem;
	display:block;
	position:absolute;
	left:-4px;
	bottom:-5px;
}

.oranimation-item .line.vertical.position1.research-line {
    top: 88px;
    left: 120px;
    height: 100px;
}

/* ====================================================================== */
/* ====================================================================== */
/* 회사소개 - 인증서 */
/* 탭 */
.cert-tab{
    display:flex;
    width:60%;
    align-items: center;
    margin:0 auto 60px auto;
    padding: 0 16px;
}
.cert-tab li{
    font-size:2rem;
    color:#333333;
    padding:1.6rem;
    border:1px solid #DFDFDF;
    background-color:#fff;
    width:33.33%;
    text-align: center;
    cursor:pointer;   
    margin-left:-1px; 
}
.cert-tab li.active{
    background-color:#333333;
    border-color:#333333;
    color:#fff;
}
.cert-tab li:hover{
    background-color:#333333;
    border-color:#333333;
    color:#fff;
    transition:.3s;
}
.tab-content{
    max-width:1400px;
    margin:0 auto;
    font-size:16px;
}

/* 이미지 */
.certification{
    display:flex;
    flex-wrap: wrap;
}
.certification .item{
    width: 20%;
    margin-right: 6.66%;
    margin-bottom:50px;
}
.certification .item:nth-child(4n){
    margin-right:0;
}
.certification .item > a{
    width:100%; height:auto;
    display:block;
    background-color:#fff;
    cursor:pointer;	  
}
.certification .item > a > img{
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto 0 auto;   
	border: 1px solid #efefef;  
}
.certification .desc{
    margin-top:20px;
}
.certification .desc span{
    display:block;
    text-align: center;
    margin-bottom:5px;
}
.certification .desc .title{
    font-weight:700;
	overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all;
}
.certification .desc .orani{
    color:#A7A7A7;
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-break: break-all;
}
.certification .desc .date{}

/* 20230228 */
.certification .item.m a{
	height:82%;
	max-height:392px;
	padding-top:30%;

}

/* 인증서 팝업 */
/* modal-popup 일때
.modal-popup.cert-popup{
    background-color: transparent;
    width: fit-content;
    margin: 0 auto;
    border-radius: 0;
    min-width: 450px;
    max-width:550px;
}
.modal-popup.cert-popup img{
    width:100%; height:auto;
}
.modal-popup .close-popup{
    display:block;
    width:13px; height:13px;
    background:url("/images/close_s.png") no-repeat center;
    margin-bottom:10px;
    float:right;
}
*/
.popup-basic{
    width:100%;
    height:100vh;
    position:fixed; top:0; left:0;
    z-index:9998;
    display:none;
}
.popup-basic.active{
    display:block;
}
.popup-basic .popup-bg{
    width:100%;
    height:100%;
    background-color:rgba(0,0,0,0.7);    
}
.popup-basic .popup-inner{
    position:fixed; top:50%; left:50%;
    z-index:9999;
    transform:translate(-50%, -50%);
    height:80%;
    width:auto;
}
.popup-basic .popup-inner img{
    height:100%;
    width:auto;
}
.popup-basic .close-popup{
    display:block;
    width:15px; height:15px;
    background:url("/images/close_s.png") no-repeat center;
    margin-bottom:10px;
    margin-left: auto;
}



/* ====================================================================== */
/* ====================================================================== */
/* 회사소개 - 파트너 */

.partner_item {
    width:100%;
	max-width:1200px;
	margin:0 auto 150px auto;
	padding:0 25px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.partner_item ul {
	width:100%;
	clear:both;
	overflow:hidden;
	margin-top:35px;
}
.partner_item ul.first > li > a {
	height:535px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}	
.partner_item ul.first-en > li > a {
    height:610px;
}
.partner_item ul.three > li > a {
	height:555px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}	
.partner_item ul > li {
	width:33.33%;
	float:left;
}
.partner_item ul > li:first-child > a {
	border-left:1px solid #e5e5e5;
}

.partner_item ul > li > a {
	display:block;
	width:100%;
	height:100%;
	min-height:475px;
	height:475px;
	padding:0 25px 44px 25px;
	text-decoration:none;
	font-size:14px;
	border-top:1px solid #e5e5e5;
	border-right:1px solid #e5e5e5;
	border-bottom:1px solid #e5e5e5;
	border-left:1px solid #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.partner_item ul > li > a:hover {
	border-color:#e60013;
	-moz-transition: all .5s ease;
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}
.partner_item ul > li > a:hover > .title {
	color:#e60013;
	-moz-transition: all .5s ease;
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}
.partner_item ul > li > a:hover > .desc {
	color:#e60013;
	-moz-transition: all .5s ease;
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}

.partner_item ul > li > a > .logo {
	width:100%;
	height:158px;
	background-repeat:no-repeat;
	background-position:center center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.partner_item ul > li > a > .logo[data-role='primar'] {
	background-image:url('/images/sub/logo_primar.png');
}
.partner_item ul > li > a > .logo[data-role='alphatron'] {
	background-image:url('/images/sub/logo_alphatron.png');
}
.partner_item ul > li > a > .logo[data-role='jrc'] {
	background-image:url('/images/sub/logo_jrc.png');
}
.partner_item ul > li > a > .logo[data-role='zinnos'] {
	background-image:url('/images/sub/logo_zinnos.png');
}
.partner_item ul > li > a > .logo[data-role='spectec'] {
	background-image:url('/images/sub/logo_spectec.png');
}
.partner_item ul > li > a > .logo[data-role='shipdex'] {
	background-image:url('/images/sub/logo_shipdex.png');
}
.partner_item ul > li > a > .logo[data-role='veinland'] {
	background-image:url('/images/sub/logo_veinland.png');
}
.partner_item ul > li > a > .logo[data-role='edutech'] {
	background-image:url('/images/sub/logo_edutech.png');
}
.partner_item ul > li > a > .logo[data-role='otesat'] {
	background-image:url('/images/sub/logo_otesat.png');
}
.partner_item ul > li > a > .logo[data-role='kriso'] {
	background-image:url('/images/sub/logo_kriso.png');
    background-size: auto 58px;
}
.partner_item ul > li > a > .logo[data-role='krisoEn'] {
	background-image:url('/images/sub/logo_kriso_en.png');
}
.partner_item ul > li > a > .logo[data-role='khra'] {
	background-image:url('/images/sub/logo_khra.png');
}
.partner_item ul > li > a > .logo[data-role='kassproject'] {
	background-image:url('/images/sub/logo_kass.png');
}
.partner_item ul > li > a > .logo[data-role='acorn'] {
	background-image:url('/images/sub/logo_acorn.png');
}
.partner_item ul > li > a > .title {
	width:100%;
	
	font-size:24px;
	font-weight:bold;
	color:#000;
}
.partner_item ul > li > a > .line {
	display:inline-block;
	width:14px;
	height:2px;
	clear:both;
	margin-bottom:15px;
	background-color:#e60013;
}
.partner_item ul > li > a > .url_link {
	width:100%;
	padding-bottom:50px;
	font-size:14px;
	font-weight:bold;
	color:#999999;
} 
.partner_item ul > li > a > .desc {
	line-height:1.8;
	font-size:1.4rem;
	color:#555555;
}
.partner_item ul > li > a > .desc .deco {
	display:inline-block;
	font-weight:bold;
	color:#e60013
}

/*=========================================================================
  Sub Page : 고객지원
===========================================================================*/
/* 공지사항 */
.tb-top{
    display:flex;
	margin-bottom:10px;
}
.tb-top .search-inline{
    display:inline-flex;
    margin-left:auto;
}
.search-inline .input-area{
    width:150px;
}
.search-inline .input-area-search{
	width:300px;
}
.input-area-search{
    position:relative;
}
.input-area-search .icon{
    display:block;
    width:20px; height:20px;
    background:url(/images/ico_search_on.png) no-repeat center;
    background-size:20px;
    position:absolute; top: 9px; right: 12px;
    padding: 15px;
}
.cs-table-wrap{}
.table-list{
    width:100%;
    border-top: 2px solid #333333;
}
.table-list li.cs-tb-top div span{
    color: #333;
    font-weight: 600;
    text-align: center;
}

.table-list li div{
    width:100%;
    display:flex;
    align-items: center;
    justify-content: center;
}
.table-list li{
    border-bottom: 1px solid #efefef;
}

/* 테이블 상단 영역 - 공지, 기술, 뉴스레터 */
.table-list li.cs-tb-top div span{
    padding: 2.5rem 1.6rem;   
    font-size:1.6rem; 
    font-weight:700;
}
.table-list li .empty,
.table-list li .num,
.table-list li .noti-wrap{
    width:90px;
}

.table-list .cs-tb-top div .tit{
    width:calc(100% - 215px);
}

.table-list .cs-tb-top .admin .empty + .num + .tit{
    width:calc(100% - 265px);
}

.table-list .cs-tb-cont .tb-inner .empty + .noti-wrap + .tit,
.table-list .cs-tb-cont .tb-inner .empty + .num + .tit{
    width:calc(100% - 325px);
}
.table-list li .tt{
    width:150px;
}
.table-list li .name{
    text-align: center;
}
.table-list li .name span{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.inquiry-table-list .kind.en{
    width:155px;
}

/* 테이블 내용 영역 - 공지, 기술, 뉴스레터 */
.table-list li.cs-tb-cont .tb-inner > div{    
    padding: 2.5rem 1.6rem;   
    font-size:1.6rem;    
}
.table-list .cs-tb-cont .tb-inner .tit{
    width:calc(100% - 215px);
    text-align: left;
    justify-content: flex-start;    
}
.table-list .cs-tb-cont .tb-inner .tit a{
    width:100%;
    white-space: nowrap;
    overflow:hidden;
    text-overflow: ellipsis;
}
.table-list .cs-tb-cont .tb-inner .tit a:hover{
    color:#888;
}
.table-list li.cs-tb-cont .tb-inner .date span{
    color:#aaa;
}

/* 테이블 상단 영역 - 문의 */
.inquiry-table-list .cs-tb-top div .tit{
    width:calc(100% - 620px);
}

/* 테이블 내용 영역 - 문의 */
.inquiry-table-list .cs-tb-cont .tb-inner .tit{
    width:calc(100% - 620px);
}
.inquiry-table-list .cs-tb-cont .tb-inner-bottom{
    width:375px;
}

/*
.table-list li div .empty,
.table-list li div .num,
.table-list li div .noti{width:7%;}
.table-list li div.admin .tit{width:72%;}
.table-list li div .tit{width:79%;}
.table-list li div .date{width:14%;}
*/
.noti{
	font-size:1.4rem;
	background-color:#efefef;
	border-radius:5px;
	padding:3px 6px;
}

/* 공지사항 TABLE 일 경우 20230105
.cs-table{
    border-top:2px solid #333333;
}
.cs-table thead th{
    color:#333;
    font-weight:600;
}
.cs-table thead th,
.cs-table tbody td{
    font-size:1.6rem;
    padding:2.5rem 1.6rem;
    border-bottom:1px solid #efefef;
}
.cs-table tbody td{
    color:#AAAAAA;
    text-align:center;
	vertical-align: middle;
}
.cs-table tbody td a{
    color:#333;
    text-align: left;
    width:100%;
    display:block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow:hidden;
}
*/

/* ====================================================================== */
/* ====================================================================== */
/* 기술자료 */
.board .top-text{
	font-size:1.6rem;
	color:#888;
	text-align: center;
	margin-bottom:4.5rem;
}



/* ====================================================================== */
/* ====================================================================== */
/* 문의하기 */
.write-btn a{
	display:block;
	font-size:1.6rem;
	background-color:#191919;
	color:#fff;
	width:190px;
	border-radius:28px;
	text-align: center;
	padding:17px;
	height:50px;
}
.write-btn a:hover{
	opacity:.8;
	transition:.3s;
}

.ans{
	color:#fff;
	background-color:#B8B8B8;
	border-radius:15px;
	padding:5px 15px;
}
.ans.comp{
	background-color:#77C842;
}


/* ====================================================================== */
/* ====================================================================== */
/* 문의 작성 */
.write-top-text{
	font-size:1.6rem;
	margin-bottom:20px;
}
.tb-write{
	border-top:2px solid #191919;
}
.tb-write tr th{
	text-align: left;
	font-weight:600;
}
.tb-write tr th,
.tb-write tr td{
	font-size:1.6rem;
	border-bottom:1px solid #DFDFDF;
	vertical-align: middle;
	padding:15px 25px;
	height:80px;
	line-height:2rem;
}
.tb-write .type{
	display:flex;
}
.tb-write .type button{
	display:block;
	border:1px solid #efefef;
	border-radius:30px;
	padding:15px 25px;
	margin-right:10px;
	font-size:1.6rem;
	transition:.3s;
}
.tb-write .type button:hover{
	border-color:#191919;
}
.tb-write .type button.active{
	background-color:#191919;
	color:#fff;
	border-color:#191919;
}
.tb-write .form-basic{
	margin-bottom:0;
}
.input-area.email{
	display:flex;
	align-items: center;
}
.input-area.email span{
	margin:0 8px;
}
.input-area.email select{
	margin-left:8px;
}
.board-bottom{
	display:flex;
	justify-content: center;
	margin-top:50px;
}
.board-bottom button:hover{
	opacity:.8;
	transition:.3s;
}

/* ====================================================================== */
/* ====================================================================== */
/* 문의글 확인 */
.tb-write-answer{
	margin-top:50px;
}
.tb-write-answer .answer{
	background-color:#efefef;
	border-radius:10px;
	padding:20px;
	height:200px;
	overflow-y:auto;
	line-height:2.4rem;
}
.tb-write-view tr th, 
.tb-write-view tr td{
	padding: 15px 25px;
    height: 60px;	
}



/* ====================================================================== */
/* ====================================================================== */
/* FAQ  */
.content-faq .cert-tab{
	width:100%;
}
.content-faq .cert-tab li{
	width:25%;
}
.faq-list {
    padding:0 16px;
}
.faq-list li{
    padding:25px 25px;
    border:1px solid #EFEFEF;
	margin-bottom:15px;
}
.faq-list li .tit{
    display:flex;
    justify-content: flex-start;
    align-items: center;
    font-size:2rem;
    font-weight:500;
    background-color:#fff;
    background:url(/images/2022/ico_q.png) no-repeat left center;    
	background-size: 28px;
    line-height:28px;
    width:100%;
    position:relative;
	text-align:left;
	color:#333;	
}
.faq-list li .tit span{
	color:#ABABAB;
	font-weight:700;
	margin:0 25px;
}
.faq-list li .tit:after{
    content: ""; display: block; clear: both;
    border: solid black;
    border-width: 0 2px 2px 0;
    border-color: #333;
    display: inline-block;
    padding: 3px;
    transition: all 0.2s linear;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    position: absolute; right: 10px; top: 8px;
}
.faq-list li .tit.active:after{
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
}
.faq-list li .tit.active + .txt{
	padding:25px 25px 25px 65px;
}

.faq-list li .txt{
	position:relative;
    line-height:2.9rem;
    font-weight:300;
    background-color:#F5F5F5;
	background-size:28px;
    opacity:0;
    overflow:hidden;
    height:0;
    margin-top:0;
    transition:.3s;
    text-align: left;
	font-size:1.8rem;
	border-radius:5px;
}
.faq-list li .txt span.a{
	color:#333;
	font-size:1.8rem;
	position:absolute; top:50%; left:25px;
	margin-top:-10px;
	font-weight:700;
}
.faq-list li .txt > p{
    display:flex;
	line-height:2.6rem;
}
.faq-list li .txt > p:before{
    content:"-"; display:inline-block; clear:both;
    margin-right:10px;
}
.faq-list li .txt.active{
    opacity:1;
    overflow:visible;
    height:auto;
    margin-top:15px;
}
.faq-list li .txt strong{
    font-weight:500;
}
.faq-list li .txt span{
	line-height:2.6rem;
}

.faq-tb{
    border-left:1px solid #dfdfdf;
    border-top:1px solid #dfdfdf;
}
.faq-tb tr th,
.faq-tb tr td{    
    border-right:1px solid #dfdfdf;
    border-bottom:1px solid #dfdfdf;
    padding:10px 16px;
    font-size:15px;
}
.faq-tb tr th{
    text-align:center;   
    background-color:#efefef;
    font-weight:500;
}
.faq-tb tr td{
    background-color:#fff;
}
.faq-tb-center tr td{
    text-align: center;
}


/* ====================================================================== */
/* ====================================================================== */
/* 오시는길 */
.info-transportation{
    display:flex;
    flex-wrap: wrap;
    margin-top:30px;
    border-top:1px solid #efefef;
}
.transport{
    width:50%;
    border-bottom:1px solid #efefef;
    padding:20px;
}
.transport > p{
    font-size:2.2rem;
    margin-bottom:10px;
}
.transport ul li{
    display:flex;
    align-items: center;
    margin-bottom:10px;    
}
.transport ul li .tit{
    font-size:1.6rem;
    font-weight:600;
    background-color:#efefef;
    border-radius:5px;
    padding:3px 5px;
    width:auto;
    display:inline-block;
    white-space: nowrap;
    margin-right:10px;
}
.transport ul li .txt{
    font-size:1.6rem;
}




/*=========================================================================
  CS 관리자 페이지
===========================================================================*/
/* 공지사항 목록 */
.cs-tb-cheack .checkmark{
	width:30px; height:30px;
	position: absolute;
    top: 50%;
    left: 50%;
    background-color: #e9e9e9;
    border: none;
    border-radius: 50%;
    transform: translate(-50%,-50%);
}
.form-check.cs-tb-cheack .checkmark::after {
    left: 12px;
    top: 7px;
    width: 5px;
    height: 10px;	
}
.write-btn{
	display:flex;
}
.write-btn .delete{
	display: block;
    font-size: 1.6rem;
    color: #757575;
    width: 160px;
    border-radius: 28px;
    text-align: center;
    padding: 17px 17px 17px 38px;
    height: 50px;
	margin-left:15px;
	background:#F5F5F5 url("/images/ico_del_red.png") no-repeat 40px center;
}
.write-btn .delete:hover{
	background-color:#e5e5e5;
	transition:.3s;
}

/* 공지사항 보기 */
.board-view-wrap{}
.board-view-wrap .title{
    display:flex;
    justify-content: space-between;
    border-top:2px solid #191919;
    border-bottom:1px solid #DFDFDF;
    padding:2rem;
}
.board-view-wrap .title p{
    font-size:1.8rem;
    font-weight:600;
}
.board-view-wrap .title .date{
    font-size:1.6rem;
    color:#AAAAAA;    
}
.board-view-wrap .text{
    padding:3rem 2rem;
    font-size:1.6rem;
    line-height:2.4rem;
    border-bottom:1px solid #DFDFDF;
}
.board-view-wrap .file span,
.board-view-wrap .file a,
.tb-write-wrap .file a{
    font-size:1.6rem;
}
.tb-write-wrap .file{
	margin-top:10px;
}

.board-view-wrap .file a,
.tb-write-wrap .file{
    background-color:#f5f5f5;
    border-radius:2rem;
    padding:0.5rem 1.5rem;
    font-size:1.4rem;
    margin-right:10px;
    color:#2994FF;
}
.board-view-wrap .file a:hover{
    background-color:#e8e8e8;
}


/*=========================================================================
  Digital Safety - Alpha Captain 21 - 240711 삭제
===========================================================================*/

/*=========================================================================
  Digital Safety - eduros
===========================================================================*/
.eduros_item {
	width:100%;
	margin-bottom:200px;
	text-align:center;
	padding:0 16px;
}
.eduros_item > img {
	display:block;
	margin:0 auto;
	text-align:center;
}
.eduros_item > img:nth-child(1) {
	margin:50px auto 70px auto;			
}
.eduros_item .logo_img {
	display:block;
	margin:80px auto 120px auto;			
}
.eduros_item > .visual {
	margin:0 auto;
}

.eduros_item > .info {
	margin:150px auto 0 auto;
	line-height:1.8;
	font-size:16px;
	color:#2f2e2e;
}
.eduros_item .movie {
	width:100%;
	margin-top:150px;
	margin-bottom:220px;
	text-align:center;
}
.eduros_item .movie > iframe {
	display: block;
    margin: 0 auto;
    width: 90%;
    height: 500px;
    max-width: 1000px;
}
.eduros_item .movie > .title {
	margin-top:35px;
    font-size:1.6rem;
}
.eduros_item .visual {
	position:relative;
	width:100%;
	height:710px;
	background-image:url('/images/sub/map_bg.png');
	background-repeat:no-repeat;
	background-position:center center;
}
.eduros_item .visual > .text {
	position:absolute; top:41%;	left:50%;
	text-align:center;
	font-size:14px;    
    transform: translateX(-50%);
}
.eduros_item .equipment,
.eduros_item .item {
	position:absolute;
    left:50%;
    transform:translateX(-50%);
    width:100%;
    max-width:1400px;
    display: flex;
    justify-content: space-around;
}
.eduros_item .equipment {
	bottom:220px;
}
.eduros_item .item {
	bottom:0px;
}
.eduros_item .equipment > li {
	height:150px;
	padding-top:180px;
	text-align:center;
	vertical-align:bottom;
	font-size:14px;
	background-repeat: no-repeat;
	background-position:0 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
    background-size: contain;
}
.eduros_item .equipment > li.jan_901b {
	background-image:url('/images/sub/eq_901B.png');
}
.eduros_item .equipment > li.jan_701b {
	background-image:url('/images/sub/eq_701B.png');
}
.eduros_item .equipment > li.jan_2000 {
	background-image:url('/images/sub/eq_2000.png');
}
.eduros_item .equipment > li.jan_7201 {
	background-image:url('/images/sub/eq_7201.png');
}
.eduros_item .equipment > li.jan_9201 {
	background-image:url('/images/sub/eq_9201.png');
}
.eduros_item .item > li {
	width:20%;
	height:150px;
	padding-top:180px;
	text-align:center;
	vertical-align:bottom;
	font-size:14px;
	background-repeat: no-repeat;
	background-position:center 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
    background-size: contain;
}
.eduros_item .item > li.book {
	background-image:url('/images/sub/item_digitalbook.png');
}
.eduros_item .item > li.pc {
	background-image:url('/images/sub/item_pc.png');
}
.eduros_item .item > li.device {
	background-image:url('/images/sub/item_smart_device.png');
}
.eduros_item .item > li.usb {
	width:200px;
	background-position:50px 0;
	background-image:url('/images/sub/item_usb.png');
}
.eduros_item .eduros_link {
	display:block;
	width:143px;
	height:143px;
	margin:170px auto;
	padding-top:47px;
	text-align:center;
	border-radius:50%;
	background-color:#d62429;
	color:#fff;
	font-size:18px;
	font-weight:bold;
	text-decoration:none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.eduros_item .eduros_link:hover {
	background-color:#b60a0f
}
.eduros_item .eduros_info {
	width:900px;
	clear:both;
	overflow:hidden;
	margin:0 auto;
}
.eduros_item .eduros_info > li {
	float:left;
	text-align:center;
	
}
.eduros_item .eduros_info > li.content_1 {
	margin-right:210px;
}
.eduros_item .eduros_info > li.content_1 > .img,
.eduros_item .eduros_info > li.content_2 > .img {
	display:block;
	width:100%;
	text-align:center;
}
.eduros_item .eduros_info > li.content_1 > .img {
	background-image:url('/images/sub/info_img_1.png');
}
.eduros_item .eduros_info > li.content_2 > .img {
	background-image:url('/images/sub/info_img_2.png');
}
.eduros_item .eduros_info > li > .img {
	display:block;
	width:292px;
	height:292px;
	margin:0;
	background-position:center center;
	background-repeat:no-repeat;
}
.eduros_item .eduros_info > li > .title {
	display:block;
	margin:27px 0 32px 0;
	font-size:24px;
	font-weight:bold;
	color:#2f2e2e;
}
.eduros_item .eduros_info > li > .desc {
	line-height:1.8;
	font-size:16px;
	font-weight:normal;
}
.eduros_item .eduros_screen_item {
	width:1200px;
	margin:190px auto 0 auto;
	clear:both;
	overflow:hidden;
}
.eduros_item .eduros_screen {
	float:left;
	width:580px;
	margin-right:20px;
}
.eduros_item .eduros_screen > .content {
	width:100%;
	margin-bottom:25px;
}
.eduros_item .eduros_screen > .content > li {
	float:left;
	width:280px;
	margin-right:20px;
	cursor:pointer;
}
.eduros_item .eduros_screen > .content > li:last-child {
	margin-right:0;
}
.eduros_item .eduros_screen > .content > li img:hover {
	box-shadow: 1px 5px 5px rgba(0,0,0,0.15);
	transition: box-shadow 0.1s ease-in-out;
}
.eduros_item .eduros_screen > .title {
	display:block;
	font-size:16px;
	background-color:#efefef;
	padding:5px 0;
}


.eduros_item > p{	 
    margin-top: 30px;
    font-weight: 300;
    text-align: center;
    font-size: 22px;
    color: #333;
    line-height:1.3em;
}

/* 20200219 */
.eduros_item .eduros_screen_item:after{
	content:""; display:inline-block; clear:both;
}

/* 20220103 */

.eLearning_item {
	width:100%;
	margin-bottom:200px;
	text-align:center;
	font-size:16px;
}
.eLearning_item > img {
	display:block;
	margin:0 auto;
	text-align:center;
}
.eLearning_item > img:nth-child(1) {
	margin:50px auto 70px auto;			
}
.eLearning_item .logo_img {
	display:block;
	margin:80px auto 120px auto;			
}
.eLearning_item > .visual {
	margin:0 auto;
}
.eLearning_item > .contact_method {
	margin-top:150px;
}
.eLearning_item > .contact_method > .title {
	margin:28px 0;
	font-size:36px;
	font-weight:bolder;
	color:#2f2e2e;
}

.eLearning_item > .info {
	margin:150px auto 0 auto;
	line-height:1.8;
	font-size:16px;
	color:#2f2e2e;
}
.eLearning_item .movie {
	width:100%;
	margin-top:150px;
	margin-bottom:220px;
	text-align:center;
}
.eLearning_item .movie > iframe {
	display:block;
	margin:0 auto;
}
.eLearning_item .movie > .title {
	margin-top:35px;
}
.eduros_process_item{
    width:100%;
    max-width:1024px;
    height:400px;
    background:url('/images/sub/eduros/eduros_process_pc.jpg') no-repeat center;
    background-size:contain;
    margin:30px auto;
}
.eduros_process_item.en{
    background-image:url('/images/sub/eduros/eduros_process_pc_en.jpg');
}
.dotted_line {
	position:absolute;
	display:inline-block;
	width:1px;
	height:60px;
	background-image:url('/images/sub/solution/jrcEcdis/vertical_dotted_line.png');
	background-position:0 0;
	background-repeat:repeat-y;
}
.dotted_line.one {
	top: 70px;
	left: 167px;
}
.dotted_line.two {
	top: 70px;
	left: 397px;
}
.dotted_line.three {
	top: 70px;
	right: 410px;
}
.dotted_line.four {
	top: 70px;
	right: 225px;
}
.dotted_line.five {
	bottom: 145px;
	left: 464px;
}
.dotted_line.six {
	bottom: 145px;
	right: 315px;
}
.eduros_process_item > .content > li {
	position:relative;
	float:left;
	height:70px;
	padding:23px 38px;
	margin-right:42px;
	text-align:center;
	background-color:#f2f2f2;
	border:1px solid #ced2d4;
	border-radius:5px;
	color:#454a52;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
    font-size:1.4rem;
}
.eduros_process_item > .content.en > li{
	padding:23px 31px;
}
.eduros_process_item > .content > li:after {
	position:absolute;
	right:-29px;
	display:inline-block;
	content:"";
	width:28px;
	height:25px;
	background-image:url('/images/sub/solution/jrcEcdis/arrow.png');
	background-position:0 0;
	background-repeat:no-repeat;
}
.eduros_process_item > .content > li.last {
	padding-top:16px;
	line-height:1.2;
	color:#fff;
	background-color:#e15526;
	margin-right:0;
}
.eduros_process_item > .content > li.last:after {
	display:none;
}
.eduros_process_item > .title {
	position:absolute;
	left:30%;
	bottom:20px;
	font-weight:bold;
}
.eduros_process_item > .title.en{
	position:absolute; left:8%;
}
.jrc_ecdis_info {
	display:flex;
    flex-wrap: wrap;
    justify-content: space-around;
    width:100%;
	max-width:1280px;
	margin:150px auto 0 auto;
	clear:both;
	overflow:hidden;
}
.jrc_ecdis_info > li {
    width:24%;
	margin-bottom:15px;
}
.jrc_ecdis_info > li > .img {
	display:inline-block;
	width:100%;
	height:130px;
	border:1px solid #e8e7e7;
	background-repeat:no-repeat;
	background-position:0 0;
}
.jrc_ecdis_info > li.info_1 > .img {
	background-image:url('/images/sub/solution/jrcEcdis/info_1.png');
}
.jrc_ecdis_info > li.info_2 > .img {
	background-image:url('/images/sub/solution/jrcEcdis/info_2.png');
}
.jrc_ecdis_info > li.info_3 > .img {
	background-image:url('/images/sub/solution/jrcEcdis/info_3.png');
}
.jrc_ecdis_info > li.info_4 > .img {
	background-image:url('/images/sub/solution/jrcEcdis/info_4.png');
}
.jrc_ecdis_info > li.info_5 > .img {
	background-image:url('/images/sub/solution/jrcEcdis/info_5.png');
}
.jrc_ecdis_info > li.info_6 > .img {
	background-image:url('/images/sub/solution/jrcEcdis/info_6.png');
}
.jrc_ecdis_info > li.info_7 > .img {
	background-image:url('/images/sub/solution/jrcEcdis/info_7.png');
}
.jrc_ecdis_info > li.info_5 > .desc,
.jrc_ecdis_info > li.info_6 > .desc,
.jrc_ecdis_info > li.info_7 > .desc {
	height:150px;
}
.jrc_ecdis_info > li.last {
	margin-right:0;
}
.jrc_ecdis_info > li > .title {
	padding:18px 0;
	text-align:center;
	font-size:16px;
	font-weight:bold;
	color:#006fd8;
}
.jrc_ecdis_info > li > .desc {
	height:290px;
	padding:20px;
	text-align:left;
	font-size:16px;
	line-height:1.7;
	font-weight:normal;
	color:#2f2e2e;
	border:1px solid #e8e7e7;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
    height:calc(100% - 182px);
}

.jrc_ecdis_info_table {
    width:100%;
	max-width:1200px;
	margin:0 auto;
    padding:0 16px;
}
.jrc_ecdis_info_table > .notice {
	margin-top:10px;
    font-size:1.4rem;
}
.table_default2 {
	width:100%;
	border-top:2px solid #333333;
	border-bottom:2px solid #333333;
}
.table_default2 thead tr th {
	height:50px;	
	padding:0;
	vertical-align:middle;
	text-align:center;
	border-right:1px solid #fff;
	background-color:#1a1919;
	color:#fff;
    font-size:1.6rem;
}
.table_default2 tbody tr {
	border-bottom:1px solid #cccccc;
}	
.table_default2 tbody tr:hover {
	background-color:#fff
}
.table_default2 tbody tr:hover th,
.table_default2 tbody tr:hover td {
	color:#d62429;
	background-color:#fce0e1;
	-moz-transition: .2s;
	-ms-transition: .2s;
	-o-transition: .2s;
	-webkit-transition: .2s;
	transition: .2s;        
}
.table_default2 thead tr th,
.table_default2 tbody tr th,
.table_default2 tbody tr td {
    word-break: break-all !important;
}
.table_default2 tbody th {
	height:42px;
	padding-left:40px;
	text-align:left;
	vertical-align:middle;
	background-color:#f1f1f1;
	border-right:1px dotted #999999;
    font-size:1.6rem;
}
.table_default2 tbody td {
	height:42px;
	padding-left:30px;
	text-align:left;
	vertical-align:middle;
	border-right:1px dotted #999999;
    font-size:1.6rem;
}
.table_default2 tbody tr > td:last-child {
	border-right:0;
}
.notice {
	width:100%;
	max-width:1200px;
	margin:20px 0;
	text-align:left;
}
.screen_view_item {
	width:100%;
	margin:100px 5% 0 5%;
	clear:both;
	overflow:hidden;
}
.screen_view_item > li {
	float:left;
	width:20%;
	margin-right:2%;
	margin-bottom:45px;
}
.screen_view_item > li.last {
	margin-right:0;
}
.screen_view_item > li > img {
	width:100%;
	height:auto;
}
.screen_view_item > li > span {
	display:block;
	text-align:center;
}
.elearning_bg {
	position:relative;
    width:100%;
	max-width:1150px;
	height:600px;
	clear:both;
	overflow:hidden;
	margin:0 auto;
	background-image:url('/images/sub/solution/eLearning/eduros_elearning_bg.png');
	background-position:0 0;
	background-repeat:no-repeat;
    background-size:contain;
}
.elearning_bg .equipment{
    bottom:75px;
}
.equipment {
	position:absolute;
	bottom:100px;
}
.equipment > li {
	float:left;
	width:120px;
	height:150px;
	padding-top:180px;
	text-align:center;
	vertical-align:bottom;
	font-size:14px;
	background-repeat: no-repeat;
	background-position:0 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.equipment > li.jan_901b {
	background-image:url('/images/sub/solution/eduros/eq_901B.png');
}
.equipment > li.jan_701b {
	background-image:url('/images/sub/solution/eduros/eq_701B.png');
}
.equipment > li.jan_2000 {
	background-image:url('/images/sub/solution/eduros/eq_2000.png');
}
.equipment > li.jan_7201 {
	background-image:url('/images/sub/solution/eduros/eq_7201.png');
}
.equipment > li.jan_9201 {
	background-image:url('/images/sub/solution/eduros/eq_9201.png');
}

.eduros_link {
	display:block;
	width:143px;
	height:143px;
	margin:170px auto;
	padding-top:47px;
	text-align:center;
	border-radius:50%;
	background-color:#d62429;
	color:#fff;
	font-size:18px;
	font-weight:bold;
	text-decoration:none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-moz-transition: .2s;
	-ms-transition: .2s;
	-o-transition: .2s;
	-webkit-transition: .2s;
	transition: .2s;
}
.eduros_link:hover {
	background-color:#b60a0f
}


.eLearning_item > p{	 
    margin-top: 30px;
    font-weight: lighter;
    text-align: center;
    font-size: 22px;
    letter-spacing: -1px;
    color: #333333;
}

/* 20220103 */
.elearning_bg{
	height:620px;
}


/*=========================================================================
  Digital Safety - myView
===========================================================================*/
.sub-myview{
    padding:0 16px;
}
.sub-myview .top{
    text-align:center;
}
.sub-myview .top > img{
    margin-bottom:15px;
}
.sub-myview .top > p{
    font-size:2.4rem;
    font-weight:300;
    color:#888888;
    letter-spacing: 0.35rem;        
    margin-bottom:6rem;
}
.sub-myview .top .text{
    font-size:1.8rem;    
    line-height:2.7rem;
    width:60%;
    margin:0 auto;
    word-break: keep-all;    
}
.myview-intro{
    text-align: center;
}
.myview-intro .text{
    display:flex;
    justify-content: center;
    margin:50px 0;
}
.myview-intro .text li{
    background-color:#fff;
    border-radius:30px;
    box-shadow: 5px 5px 30px rgba(0,0,0,0.1);
    font-size:1.8rem;
    line-height:3rem;
    text-align:center;
    width:50%;
    max-width:530px;
    padding:3rem;    
}
.myview-intro .specifications{
   width:65%; margin:0 auto;    
}
.myview-intro .specifications .tit{
    font-size:2rem;
    font-weight:600;
    margin-bottom:2rem;
    text-align: left;
}
.myview-intro .specifications table{
    border-top:1px solid #77B21A;
    border-bottom:1px solid #77B21A;
}
.myview-intro .specifications table tr th,
.myview-intro .specifications table tr td{
    border-bottom:1px dashed #C6D5AD;
    font-size:1.6rem;
    text-align: left;
    padding:15px 25px;
}
.myview-intro .specifications table tr th{
    background-color:#EFEFEF;
}
.myview-intro .specifications table tr td{}

.myview-intro .img-explain{
    display:flex;
    flex-wrap: wrap;
    background-color:#f5f5f5;
    border-radius:20px;
    padding:2rem;
    width:100%;
    max-width:1400px;
    margin:0 auto;
}
.myview-intro .img-explain li{
    font-size:1.6rem;    
    text-align:left;
    line-height:3rem;
    display:flex;
    align-items: center;
    position:relative;
    padding-left:30px;
}
.myview-intro .img-explain li:nth-child(odd){
    width:70%;
}
.myview-intro .img-explain li span{
    background-color: #F88E15;
    color: #fff;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: inline-block;
    padding: 3px 4px;
    text-align: center;
    margin-right:10px;
    font-size:1.4rem;
    position: absolute; top: 4px; left: 0;
}
.myview-intro .img-explain li span.green{
    background-color: #629E04;
}
.screen-img img{
    width:100%;
    max-width:1100px;
}
/* 카탈로그 */
.catalog{
    display:flex;
    align-items: center;
    justify-content: center;
    margin:100px auto;
}
.catalog .catalog-img{
    margin-right:50px;
}
.catalog .text div{
    font-size:5rem;
    font-weight:700;
    color:#DFDFDF;
    margin-bottom:15px;
}
.catalog .text p{
    font-size:1.8rem;
    margin-bottom:25px;
}
.catalog .text a{
    display:block;
    font-size:1.8rem;
    padding:18px 20px 18px 45px;
    text-align: center;
    background:url("/images/ico_download_b.png") no-repeat 35px center;
    width:170px;
} 
.catalog .text a:hover{
    background-color:#333;
    color:#fff;
    background-image:url("/images/ico_download.png");
    transition:.3s;
}

/*=========================================================================
  Digital Safety - SeaSo
===========================================================================*/
.sub-seaso .sub-cont-inner{
	padding-bottom:0;
}
/*
.seaso-top{
	background-image: linear-gradient(to right, #2994FF , #1477D9);
	background-color:#2994FF;
	max-width:1245px;
	margin:15rem auto 0 auto;
	border-radius:40px;
	padding:110px 80px;
	position:relative;
}
*/
.seaso-top{
    max-width: 1200px;
    margin: 80px auto;
    position: relative;
    height: 400px;
}
.seaso-top .text{
	font-size:3rem;
    font-weight:600;
	color:#333;
	margin-bottom:30px;
	position:relative;
    position:relative;
}
.seaso-top .text::before{
	content:"";
	width:80px; height:55px;
	background:url(/images/sub/ico_mark3.png) no-repeat center;
	position:absolute;top:-40px; left:0;
    opacity:.25;
}
.seaso-top ul{
	display:flex;
}
.seaso-top ul li{
	font-size:1.4rem;
	color:#82889F;
	border-radius:30px;
	border:1px solid #BEC9D5;
	padding:10px 20px;
	margin-right:6px;
}
.seaso-top-image{
    position: absolute; right: -66px;
}
.seaso-top-image img{
    max-width:800px;
}
/*
.seaso-top img{
	border-radius:20px;
	position:absolute;
}
.seaso-top img.ss1{
	right:400px; bottom:-40px;
	box-shadow:-10px -10px 30px rgba(66,83,148,.3);
	z-index:1;
}
.seaso-top img.ss2{	
	right:40px; top:40px;
	box-shadow:10px 10px 30px rgba(66,83,148,.3);
	width:auto; height:240px;
}
.seaso-top img.ss3{
	left:40%; top:-90px;
	width:180px;
}
.seaso-top img.ss4{
	right:-70px; bottom:50px;
	width:160px;
}
*/


.seaso-sect{
	margin:7rem auto;
}
.seaso-sect .top{
	text-align: center;
}
.seaso-sect .top p{
	font-size:3rem;
	font-weight:700;
	color:#CCCCCC;		
	margin-bottom:3px;
}
.seaso-sect .top div{
	font-size:4rem;
	font-weight:700;
	color:#191919;
	font-family: 'Poppins', 'Pretendard', sans-serif;
}
.seaso-sect-img{
	text-align: center;
	margin:50px 0;
}
.seaso-sect .text{
	font-size:2.8rem;	
	font-weight:500;
	text-align: center;
	margin:30px 0;
}
.seaso-sect .text span{
	background-color:#D4E9FF;
}

.seaso-sect.sect-2{
    background-color:#F6F8FC;
    padding:6rem 0 3rem 0;
}
/*
.seaso-sect.sect-3 .seaso-sect-img{
	background:url(/images/sub/seaso_03.png) no-repeat center;
	width:100%;
    min-height:300px;
	background-size:contain;
}

.seaso-sect.sect-3 .seaso-sect-img.en{
	background-image:url(/images/sub/seaso_03_en.png);
}
.seaso-sect.sect-3 .tac img{
	width:60%;
}
.seaso-sect.sect-3 .seaso-sect-img::after{
	content:""; padding:15%;
}
*/

.seaso-sect.sect-4{
	background:url(/images/sub/seaso_04_bg.png) no-repeat center 180px;
	padding-bottom:5%;
	margin-bottom:0;
	margin-top:0;
}
.seaso-sect img{
    width:100%;
    max-width:867px;
}
.seaso-sect.sect-4 .sect-4-inner{
	display:flex;
	align-items: end;
	justify-content: center;
	margin-top:4rem;
}

/*
.seaso-sect.sect-4 .sect-4-inner > div{
	position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;	
	width:40%;
}
.seaso-sect.sect-4 .pc{
	height:270px;	
}

.seaso-sect.sect-4 .pc::after{
	content:"";
	background:url(/images/sub/seaso_screen_2.png) no-repeat center;
	width:380px; height:225px;
	box-shadow:5px 5px 25px rgba(0,27,117,.1);
	border-radius:20px;
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.seaso-sect.sect-4 .sect-4-inner > div .link-wrap{
	position:absolute; bottom:-80px;
    width:100%;
}
*/

.seaso-sect.sect-4 .mobile .link-wrap{
	display:flex;
    justify-content: center;
}
.seaso-sect.sect-4 .view-more{
	white-space: nowrap;
}
.seaso-sect.sect-4 .sect-4-inner > div.pc .link-wrap{
    width:60%;
}
.sect-4-inner .mobile .view-more{
    width:45%;
}

/* 2023.07 */
.sect-4-inner .mobile .m-img{
    margin-left:-34px;
}


.popup-ready-wrap{
    position:fixed; top:0; left:0;
    width:100%; height:100vh;
    background-color:rgba(0,0,0,0.7);
    z-index:9998;
    display:none;
}
.popup-ready{
    position:fixed; top:50%; left:50%;
    z-index:9999;
    background-color:#fff;
    border-radius:20px;    
    padding:3rem 4rem;
    box-shadow:3px 3px 30px rgba(0,0,0,0.15);
    transform:translate(-50%, -50%);    
}
.popup-ready-wrap.active{display:block;}
.popup-ready .txt{
    font-size:1.6rem;
    text-align: center;
    line-height:1.2em;
    margin-bottom:20px;
}
.popup-ready button:hover{
    opacity:.85;
    transition: .3s;
}

/* 2023.07 */
.seaso-explain{
    font-size:1.8rem;
    background-color:#EDF1F6;
    max-width:1200px;
    padding:4rem;
    border-radius:20px;
    text-align: center;
    line-height:2.6rem;
    margin:0 auto;
}

/*=========================================================================
  Marine Solution - Alpha Captain(AI-RMS) 
===========================================================================*/
.sub-ac .sub-title span,
.sub-ac .sub-title p{
    font-size:1.8rem;
    font-weight:400;
    margin-top:15px;    
}
.sub-ac .sub-title span{
    color:#959595;  
    margin-bottom: 8px;
}
.sub-ac .top .text{
    font-size: 1.8rem;
    line-height: 2.7rem;
    text-align: center;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    font-weight:300;
}
.sub-ac .catalog-img{
    box-shadow:5px 5px 25px rgba(0,0,0,0.1);
}
.ac-rms-img1{
    background:url(../images/sub/ac_RMS_01.jpg) no-repeat center;    
}
.ac-rms-img1,
.ac-rms-img2{
    text-align: center;    
}
.ac-rms-img1 img{
    width:100%;
    max-width:1059px;
}
.ac-rms-img2 img{
    width:100%;
    max-width:1200px;
}
.ac-rms-img2-text{
    font-size:1.6rem;
    font-weight:400;
    line-height:1.3em;
    color:#5B667D
}

.keyfeatures-gif{    
    margin: 6rem auto;
    width:fit-content;
}
.keyfeatures-gif img{
    background-color: #000;
    border-radius: 15px;
    overflow: hidden;
    width:100%;
}

.keyfeatures-bg{
    width:100%;
    background-color:#F6F8FC;
    padding:7rem 0;
    margin:0 auto;
}
.keyfeatures-wrap{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}
.key-tit{
    text-align: center;
}
.key-tit .text{
    z-index:2;
}
.key-tit p{
    color:#216AC9;
    font-size:3.8rem;
    font-weight:800;
}
.key-tit span{
    font-size:1.6rem;
    color:#5D6A78;
    font-weight:300;
    line-height:1.4em;
    margin-top:10px;
}  
.key-tit .bg-w{    
    display:block;
    width:220px; height:220px;
    background-color:#fff;
    z-index:1;
    box-shadow: 5px 5px 20px rgba(16,143,227,0.1);
}
.key-tit .text,
.key-tit .bg-w,
.key-tit::before{
    border-radius:50%;
    position: absolute; top: 50%; left: 50%;
    transform: translate(-50%, -50%);
}


.key-cont{
    display: flex;
    flex-wrap: wrap;
    gap: 100px;
    max-width: 900px;
}
.key-cont-box{
    background-color: #fff;
    border-radius: 15px;
    flex:3 1 calc(50% - 50px);
    box-shadow:5px 5px 20px rgba(177,210,229,0.2);
}
.key-cont-box p{
    font-size:1.8rem;
    font-weight:700;
    color:#fff;
    background-color:#0D80E5;
    background-image: linear-gradient(to right, #0D80E5 , #18B0DF);    
    text-align: center;
    padding:10px 0;
    border-radius:15px 15px 0 0 ;
}
.key-cont-box ul {
    padding:30px;
}
.key-cont-box ul li{
    font-size:1.6rem;
    color:#676E73;
    line-height:1.5em;
    display: flex;
    align-items: center;
}
.key-cont-box ul li::before{
    content:""; display:block; clear:both;
    width:4px; height:1px;
    background-color:#676E73;
    margin-right:8px;
}


/*=========================================================================
  Navigation
===========================================================================*/
/* Navigation List */
.product-tab{
    display:flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom:8rem;
}
.product-tab li{
    color:#ACACAC;
    font-size:1.8rem;
    position:relative;    
    display:flex;
    align-items: center;
    padding-right:25px;
    margin-bottom:2rem;
    cursor:pointer;
}
.product-tab li::after{
    content:"";
    width:1px; height:12px;
    background-color:#CFCFCF;  
    margin-left:25px;
    /*position:absolute; top:3px; right:-25px;*/
}
.product-tab li.no::after{
    display:none;
}
.product-tab li.active,
.product-tab li:hover{
    color:#191919;
    transition:.3s;
    font-weight:700;
}

/* 제품목록 */
.product-list{
}
.sat-text{
    text-align: center;
    font-size:1.8rem;
    background-color: #FEF6F6;
    padding: 10px;
    width: 100%;
    color: #E85858;
}
.product-item-list{
    display:flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.product-item-list li{
    width: 18%;
    height: 235px;
    text-align: center;
    margin-bottom:2rem;
    margin-right:2%;
}
.product-item-list a{
    display: block;
    border: 1px solid #EFEFEF;
    padding: 20px;
}
.product-item-list a img{
    
}
.product-item-list a .title{
    font-size:1.8rem;
    color:#333;
    font-weight:700;
    text-align: center;
    margin-bottom:5px;
}
.product-item-list a .text{
    font-size:1.6rem;
    color:#ACACAC;
    text-align: center;
}
.product-item-list li:hover a{
    border-color:#191919;
    transition:.5s;
}

/* 제품 상세페이지 */
.discriptTxt {
    font-size: 11px;
    margin: 2px 0 0 0;
    color: #aaa !important;
}
div#div1 .t_box table.con, div#div1 .t_box table tr td.con {
    border: 0;
}
div#div1 .t_box table tr td img {
    width: 180px;
}
.discripTxt {
    margin: 0;
    font-size: 11px;
    color: #aaa;
	line-height: 16px;
}
.t_box > div {
    display: inline-block;
    vertical-align: top;
}
img.txtImg {
    max-width: 100%;
    margin: 0 auto;
    display: block;
    margin-top: 10px;
}
.contents_sub img {
    display: block;
    margin: 0 auto;
    width: auto;
    vertical-align: top;
    max-width:100%;
}
h3.text_t span {
    font-size: 14px;
    font-weight: 500;
    margin: 0 0 0 7px;
}
.text_p {
    font-size: 12px;
    color: #5b5f65;
    letter-spacing: 0;
    line-height: 17px;
}
.prod-header-img img {
    max-width: 1000px;
}

.prod_wrap .prod-header {
    width:1020px; 
    /* float:left; */
    margin:0 auto;
    width:100%; 
    height:390px;
    border:1px solid; 
    color:#7d848c;
    /* margin-bottom: 30px;  */
}

.prod_wrap {margin:80px auto; width:1020px; margin-bottom:100px; height:auto;}
.prod_wrap .cate {width:1020px; height:30px; font-size:11px;text-align:right; padding:15px 0 0 0;}
.prod_wrap .cate .txt{color:#aaa;}
.prod_wrap .cate .txtPoint{font-size:12px; color:#333;}
.prod_wrap .cate .posHome{color:#aaa; text-decoration:none;}
.prod_wrap .cate .posSub{color:#aaa; text-decoration:none;}
.prod_wrap .cate .posThis{color:#333; text-decoration:none;}
.prod_wrap .cate a:hover{color:#d52329; text-decoration:none;}
.prod_wrap .cate a:focus{color:#d52329; text-decoration:none;}
.prod_wrap .cate a:active{color:#d52329; text-decoration:none;}

.prod_wrap .prod-header .header02 {width:1020px; float:left; position:relative; }
.prod_wrap .prod-header .header03 {width:1020px; float:left; position:relative; }
.prod_wrap .prod-header .header02 .down {
    float:left; height:22px; left:75px; top:200px; position:absolute;    
}
.prod_wrap .prod-header .header02 .down a{
    font-size:1.4rem;
    background-color:#333;
    color:#efefef;
    padding:0.5rem 1rem;
}
.prod_wrap .prod-header .header02 .text_01 {font-weight:bold; font-size:24px; color:#d52329; left:80px; top:90px; position:absolute;}
.prod_wrap .prod-header .header02 .text_02 {
    font-weight:bold; font-size:72px; color:#2c3035; left:75px; top:100px; letter-spacing:-2px; position:absolute;
    font-family: 'Poppins', 'Pretendard', sans-serif;
}
.prod_wrap .prod-header .header03 .text_03 {font-weight:bold; font-size:24px; color:#d52329;left:75px; top:280px; position:absolute;}
.prod_wrap .prod-header .header03 .text_03 a{font-weight:bold; font-size:24px; color:#7d848c; text-decoration:none;}
.prod_wrap .prod-header .header03 .text_03 a.on{color:#d52329;}
.prod_wrap .prod-header .header03 .text_03 a:hover{font-weight:bold; font-size:24px; color:#d52329;}
.contents_sub {width:1020px; float:none; margin:30px 0 0 0; }
.prod_wrap .contents_sub .start {position:relative; float:left;}
.prod_wrap .contents_sub .con_r {width:334px; float:left;  border-left-width:1px; border-left-style:dotted; border-left-color:#999;}
.prod_wrap .contents_sub .con_r .t_box {width:320px;  margin:30px 0 0 15px;  }
.prod_wrap .contents_sub .con2 .t_box {width:320px;  margin:30px 15px 0 15px;}

.prod_wrap .contents_sub .text_t{font-size:24px; font-weight:bold; color:#4f545b; margin:0 0 50px 0; font-family: 'poppins', sans-serif;}
.prod_wrap .contents_sub .text_t2{font-size:24px; font-weight:bold; color:#4f545b; line-height:24px; margin:0 0 10px 0;}
.prod_wrap .contents_sub .text_t3{font-size:14px; color:#997b45; line-height:1.1em;}
.prod_wrap .contents_sub .text_t3 > strong{ margin-right:10px; }
.prod_wrap .contents_sub .text_p{font-size:14px; color:#5b5f65; letter-spacing:0; line-height:20px;width: 100%;}
.prod_wrap .contents_sub .text_p span{ color: #a5a5a5; }

.line_dotted { border-bottom-width:1px; border-bottom-style:dotted; border-bottom-color:#999;}
.bin { height:60px;}
.bin2 { height:70px;}
.blank { height:100px; clear:both; overflow:hidden;}
.prod_wrap .contents_sub .table01{width:1020px; margin:10px auto; border-collapse:collapse; border-color:#999; border-style:solid ; border-collapse: collapse;}
.prod_wrap .contents_sub .table02 {width:1020px; margin:10px auto; border-collapse:collapse; border-color:#999; border-style:solid ; border-collapse: collapse;}

#div1 table, #div2 table {
    width: 100%;
    margin: 15px 0 0 0;
    border-collapse: collapse;
}
#div1 table th, #div2 table th {
    border: 1px solid #999;
    height: 15px;
    padding: 5px;
    font-size: 16px;
    vertical-align: middle;
}
#div1 table td.subTitle,
#div2 table td.subTitle {
    text-align: center;
    background: #f5f5f5;
    padding: 8px 0;
}
#div1 tr.gray,
#div2 tr.gray{
    background: #f1f1f1;
}

.prod_wrap .contents_sub .table01 td{ border:1px solid #999; height:20px; padding:5px 5px 5px 10px; font-size:12px; vertical-align:middle; }
.prod_wrap .contents_sub .table02 td{ border:1px solid #999; height:20px; padding:5px; font-size:12px; vertical-align:middle; text-align:center;}
.prod_wrap .contents_sub .table03 td{ height:20px;}
#div1 table td, #div2 table td{  border:1px solid #999; height:12px; padding:5px 5px 5px 10px; font-size:16px; vertical-align: middle;}
.prod_wrap .contents_sub .table01 .td3 {background-color:#eeeeee; text-align:left; padding:0 0 0 10px; height:30px;}
.prod_wrap .contents_sub .table01 .td4 {text-align:left; padding:0 0 0 10px; }
.prod_wrap .contents_sub .table02 .td3 {background-color:#eeeeee; text-align:left; padding:0 0 0 10px; height:30px;}
.prod_wrap .contents_sub .table02 .td4 {text-align:left; padding:0 0 0 10px;}
.prod_wrap .contents_sub .table01 > span{color:#fe9b56; }
.prod_wrap .contents_sub .table02 span{color:#fe9b56; }
.prod_wrap .contents_sub .table01 th { border:1px solid #999; height:30px;padding:5px; background-color:#efefef; font-size:12px; vertical-align:middle;}
.prod_wrap .contents_sub .table02 th { border:1px solid #999; height:30px;padding:5px; background-color:#ccc; font-size:12px; vertical-align:middle;}

.prod_wrap .contents_sub .ban {width:510px; float:left;}
.prod_wrap .contents_sub .ban2 {width:510px; float:left;}

#div1 table.con tr td,
#div2 table.con tr td{
    border: 0;
    margin: 0 !important;
    padding: 0;
	vertical-align: middle;
}
span.titleTxt {
    display: block;
    font-size: 16px;
    font-weight: 600;
    color: #4c4c4c !important;
}
div#div1 ul {
    list-style: disc;
    text-align: left;
}


/**/
.t_box {
    margin: 0 0 60px 0;
}
img.img1, img.img3 {
    margin-top: 20px;
}
iframe {
    display: block;
    margin: 0 auto;
    margin-top: 15px !important;
}
#ch-plugin iframe{
	margin-top:0 !important;
}

.prod_wrap .prod-header .header02 .text_01{display:none;}

/* Radar - JMA-2300MK2 */
.prod_wrap .prod-header .header03{
    position:absolute;
}
.prod_wrap .prod-header .header03 a{
    cursor:pointer;
}

/* kh */
.prod_wrap .contents_sub::after{
    content:"";
}

/* 제품페이지 탭 */
.header03-tab{
    display: flex;
    width: 100%;
    margin-bottom: 60px;
}
.header03-tab a{
    font-size: 1.6rem;
    width: 50%;
    display: block;
    text-align: center;
    background-color: #fff;
    padding: 16px;
    cursor:pointer;
    color:#888;
    border-bottom:3px solid #efefef;
}
.header03-tab a.on,
.header03-tab a:hover{
    color:#d62429;    
    border-color:#d62429;
    font-weight:600;
}


/* =================================================================== */
/* =================================================================== */
/* =================================================================== */
/* 2 0 2 4 신 규 */


/*  
    =======================
    NAVIGATION_20240218
    =======================
*/
.prod_wrap .contents_sub .text_p,
.prod_wrap .contents_sub .text_p div { 
    font-size: 18px;
    line-height: 1.4em;
    font-weight: 300;
}
.prod_wrap .prod-top .header02{
    height: 100%;
}
.prod-top .prod-header-img{
    position: absolute; right: 30px; top: 50%;
    transform: translateY(-50%);
}
.prod-top .prod-header-img img{
    max-width:400px;
}
.prod_wrap .prod-header .header02 .down {
    bottom:30px;
    top: initial;
}

.prod_wrap .contents_sub .text_s{
    font-size:24px;
    margin-bottom:15px;
    margin-top:60px;
    line-height:1.3em;
}
/* .prod_wrap .contents_sub .text_p .text_p_2{ */
.prod_wrap .contents_sub .text_p_2{
    font-size:14px !important;
    font-weight:300;
    margin:8px 0;
    line-height:1.3em;
}
.t_box .t_img_wrap{
    display:flex;
    margin:15px 0;
}
.t_box .t_img_wrap img{
    width:calc(50% - 25px);
}

.t_box > div.t_col3{
    display: flex;
    justify-content: center;
    gap: 40px;
    margin: 30px 0;
}
.t_box > div.t_col3 div{
    width: calc(33.33% - 20px);
    text-align: center;
    margin: 0 10px;
}
.t_box > div.t_col3 div p{
    font-size:20px;
    margin:20px;
}
.t_box > div.t_col3 div span{
    font-size:18px;
    line-height:1.3em;
    font-weight:300;
}
.t_box .text_g{
    padding-left:10px;
    margin-bottom:15px;    
}
.t_box .text_g p{
    position:relative;
    line-height:1.3em;
}
.t_box .text_g p::before{
    content:""; display:inline-block; clear:both;
    width:4px; height:4px;
    border-radius:50%; 
    background-color:#d62429;
    position:absolute; top:10px; left:-10px;
}
.text_g p{
    font-size:1.8rem;
    font-weight:300;
    margin-bottom:10px;
}

img[class*="col"]{
    object-fit: contain;
}
.discontinued{
    font-size:1.6rem;
    line-height:1.4em;
    color:#e62429;
}

.ssv-m-func img{
    width: calc(100% - 22.5px);
}

    /* ssv table */
    .tb-bam thead tr th{
        background-color:#efefef;
    }
    .tb-bam li::before {
        content: ""; display:inline-block; clear:both;
        width:3px; height:3px;
        border-radius:50%;
        background-color:#333;        
        margin-right:5px;
        vertical-align: middle;
    }
    .tb-bam td,
    .tb-bam td p,
    .tb-bam td li{
        line-height:1.2em;
    }

/* jma3400 */
div#div1 .t_box table.dimensions-box tr td,
div#div1 .t_box table.floorplan tr td{ /* JLR-8400/8600 */
    text-align: center;
    padding:30px;
}
div#div1 .t_box table.dimensions-box tr td img,
div#div1 .t_box table.floorplan tr td img{ /* JLR-8400/8600 */
    width:100%;
    margin-top:20px;
}


/* JLR-8400/8600 */
div#div1 .t_box table.floorplan tr td{
}

/* JLN-900 */
.jln-900-dimensions > div{
    width:calc(50% - 20px);
}
.jln-900-dimensions{
    gap:30px 40px;
}
.jln-900-dimensions .txt{
    font-size:1.4rem;
    margin-top:30px;
    line-height:1.3em;
}

/* JCY-1900 */
.jcy-1900-spec{
    display:flex;
    flex-wrap: wrap;
    gap:30px;
}
.jcy-1900-spec .t-box{
    width:calc(33.333% - 20px);    
    text-align: center;
}
.jcy-1900-spec .t-box img{}
.jcy-1900-spec .t-box .txt{
    font-size:14px;
}
    
/* JHS-800S */
.jhs-800s-tb{
    display: flex;
    flex-wrap: wrap;
    gap:40px;
    width:100%;
}
.jhs-800s-tb .jhs-800s-tb-box{
    width:calc(50% - 25px);    
}
.jhs-800s-tb .jhs-800s-tb-box img{
    height:250px;
}
.jhs-800s-tb .jhs-800s-tb-box p{
    font-size:1.6rem;
    text-align: center;
    line-height:1.2em;
    margin-top:15px;
}

/* JUE-501 */
.jue-501-tb{
    display:flex;
    flex-wrap:wrap;
    gap:40px;
}
.jue-501-tb > div{
    width:calc(50% - 25px);
}

/* 공통으로 쓰기. jfe400_700 */
.half-box-wrap{
    display:flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap:40px;
}
.half-box-wrap > div{
    width:calc(50% - 42px);
    text-align: center;
}
.half-box-wrap > div img{
    width:100%;
}
.half-box-wrap div .txt{
    font-size:1.6rem;
    line-height:1.3em;
    margin-top:20px;
}
.half-box-wrap div .txt span{
    font-size:1.4rem;
    display:block;
    margin-top:10px;
}

/* jue95lt */


/*  
    =======================
    SATELLITE_20240218
    =======================
*/    

    /* Communication */
    .comm-process{
        display:flex;
        gap: 0 50px;
        justify-content: center;
        margin: 50px 0 100px 0;
    }
    .process-box{
        /* background-color:#F5F5F5; */
        background-position: center;
        background-repeat: no-repeat;        
        border:1px solid #DFDFDF;
        color:#fff;
        border-radius:20px;
        width:206px;
        height:310px;
        text-align: center;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        position:relative;     
    }
    .process-box.cp1{background-image:url(../images/sub/comm_process_1.png);}
    .process-box.cp2{background-image:url(../images/sub/comm_process_2.png);}
    .process-box.cp3{background-image:url(../images/sub/comm_process_3.png);}
    .process-box.cp4{background-image:url(../images/sub/comm_process_4.png);}
    .process-box .num{
        font-size: 4rem;
        font-weight: 700;
        color: #fff;
    }
    .process-box .txt{
        font-size:2rem;
        padding:20px 0;
        font-weight:600;
        color:#fff;
    }
    .process-box .detail{
        font-size:1.8rem;
        line-height:1.3em;
        color:#fff;
        font-weight:300;
    }

    .process-box::after{
        content:""; display:inline-block; clear:both;
        width: 0; height: 0;
        border-top: 15px solid transparent;
        border-bottom: 15px solid transparent;
        border-left: 15px solid #D62429;
        position: absolute; right: -33px; top: 50%;
        transform: translateY(-50%);
    }
    .process-box:last-child::after{
        display:none;
    }
/* // 2024 신규 JRC제품 끝 */

/*=========================================================================
  Satellite Solutions - KO
===========================================================================*/

.container > .title > h2 {
	font-weight:bold;
}
.container > .title > h2 > .unit {
	display:inline-block;
	padding:0 15px;
	font-weight:normal;
	font-size:46px;
}
/* inmarsat */
.solution_inmarsat_item {
	width:100%;
	height:100%;
	clear:both;
	overflow:hidden;
	margin-bottom:180px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.solution_inmarsat_item	> .inmarsat {
	position:relative;
	width:1200px;
	height:380px;
	margin:100px auto 130px auto;

}
.solution_inmarsat_item	> .inmarsat > .img {
	position:absolute;
	left:-170px;
	width:729px;
	height:363px;
	background-image:url('/images/sub/solution/jrc/solution_inmarsat_eq_1.png');
	background-repeat:no-repeat;
	background-position:0 0;
}
.solution_inmarsat_item	> .inmarsat > .text {
	position:absolute;
	right:-75px;
	width:670px;
	margin-top:40px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.solution_inmarsat_item	> .inmarsat > .text > span {
	display:inline-block;
	color:#2f2e2e;
}
.solution_inmarsat_item	> .inmarsat > .text > .title {
	margin-bottom:45px;
	font-size:40px;
	font-weight:bold;
}
.solution_inmarsat_item	> .inmarsat > .text > .content {
	line-height:1.7;
	font-size:16px;
	font-weight:normal;
}
.solution_inmarsat_item	> .inmarsat > .text > .content > strong {
	font-weight:bold;
}
.solution_inmarsat_item > .fbb {
	width:100%;
	height:700px;
	padding-top:80px;
	background-image:url('/images/sub/solution/jrc/solution_fbb_bg.png');
	background-repeat:no-repeat;
    margin-bottom:200px;
}
.solution_inmarsat_item > .fbb.en{
    height:840px;
}
.solution_inmarsat_item > .fbb > .text {
	width:1200px;
	margin:0 auto 70px auto;
	text-align:center;
}
.solution_inmarsat_item > .fbb > .text > .title {
	padding-bottom:35px;
	font-size:40px;
	font-weight:bold;
	color:#040404;
}
.solution_inmarsat_item > .fbb > .text > .content {
	line-height:1.8;
	font-size:18px;
	color:#040404
}
.solution_inmarsat_item > .fbb > .visual {
	width:1200px;
	height:100%;
	margin:0 auto;
	clear:both;
	overflow:hidden;
}
.solution_inmarsat_item > .fbb > .visual > li {
	float:left;
	width:50%;
	text-align:center;

}
.solution_inmarsat_item > .fbb > .visual > li > .img {
	display:block;
	width:100%;
	height:372px;
	background-position: top center;
	background-repeat:no-repeat;
}
.solution_inmarsat_item > .fbb > .visual > .fb_251 > .img {
	background-image:url('/images/sub/solution/jrc/solution_fbb_eq_251.png');
}
.solution_inmarsat_item > .fbb > .visual > .fb_501 > .img {
	background-image:url('/images/sub/solution/jrc/solution_fbb_eq_501.png');
}
.solution_inmarsat_item > .fbb > .visual > li > .label {
	display:block;
	font-size:22px;
	font-weight:bold;
	color:#040404;
}
.solution_inmarsat_item > .fbb > .visual > .fb_251 > .label {
	padding-left:215px;
}
.solution_inmarsat_item > .fbb > .visual > .fb_501 > .label {
	padding-left:315px;
}

/* 2023.07 */
.solution_inmarsat_item  .isatphone{
    
}
.solution_inmarsat_item > .isatphone .text > .title {
    margin-bottom: 45px;
    font-size: 40px;
    font-weight: bold;
    display: block;
}
.solution_inmarsat_item > .isatphone .text > .content {
    line-height: 1.7;
    font-size: 16px;
    font-weight: normal;
}
.solution_inmarsat_item > .isatphone .img{
    width: 50%; height: 490px;
    background-image: url(/images/sub/solution/jrc/solution_IsatPhonePro2.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 90% auto;
}
.solution_inmarsat_item > .isatphone .text{
    width:50%;
    margin-bottom:30px;
}
.solution_inmarsat_item > .isatphone .text i{
    display:block;
    line-height:1.7em;
    position:relative;
    padding-left:12px;
 }
 .solution_inmarsat_item > .isatphone .text i::before{
    content:""; display: block; clear:both;
    width:5px; height:5px;
    background-color:#333;
    border-radius:50%;
    position:absolute; top:12px; left:0;
 }



/* inmarsat */



/* Iridium */


.solution_iridium_item {
	width:100%;
	margin-top:50px;
	margin-bottom:180px;
	padding-top:302px;
	background-image:url('/images/sub/solution/jrc/solution_iridium_bg.png');
	background-repeat:no-repeat;
	background-position: 0 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.iridium_pilot {
	width:1200px;
	margin:0 auto;
	padding-top:45px;
	margin-bottom:87px;
	clear:both;
	overflow:hidden;
	background-color:#fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.iridium_pilot > .img {
	display:inline-block;
	width:310px;
	height:230px;
	margin-left:78px;
	background-image:url('/images/sub/solution/jrc/solution_iridium_eq_1.png');
	background-position:0 0;
	background-repeat:no-repeat;
}
.iridium_pilot > .content {
	float:right;
	width:700px;
}
.iridium_pilot > .content > .title {
	margin-bottom:30px;
	font-weight:bold;
	font-size:40px;
	color:#2f2e2e;
}
.iridium_pilot > .content > .desc {
	font-size:16px;
	color:#2f2e2e;
}
.iridium_pilot > .content > .desc > strong {
	font-weight:bold;
}
.iridium_pilot > .content > .advantage {
	margin-top:60px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.iridium_pilot > .content > .advantage > ul {
	width:61%;
	float:left;
}
.iridium_pilot > .content > .advantage > ul.second {
	width:39%;
}
.iridium_pilot > .content > .advantage li {
	width:100%;
	line-height:1.8;
	font-size:18px;
	letter-spacing:-0.5px;
    position:relative;    
    padding-left:15px;
}
.iridium_pilot > .content > .advantage li:before {
	display:inline-block;
	content:"";
	width:25px;
	height:10px;
	background-image:url('/images/icon_list_bullet.png');
	background-repeat:no-repeat;
	background-position:left center;
    position:absolute; top:10px; left:0;
}

.iridium_extreme_wrap {
	width:100%;
	/*height:635px;*/
	background-color:#f4f4f4;
	background-image:url('/images/sub/solution/jrc/solution_iridium_extreme_bg.png');
	background-repeat:no-repeat;
	background-position:0 0;
    background-size: contain;
}
.iridium_extreme_wrap > .iridium_extreme_item {
	clear:both;
	overflow:hidden;
	width:1200px;
	margin:0 auto;
	padding:30px 25px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.iridium_extreme_item > .img {
	display:inline-block;
	float:left;
	width:310px;
	height:493px;
	margin:10px 0 0 78px;
	background-image:url('/images/sub/solution/jrc/solution_iridium_extreme_eq_1.png');
	background-position:center center;
	background-repeat:no-repeat;
}
.iridium_extreme_item > .content {
	float:right;
	width: 700px;
	margin-right: -25px;
}
.iridium_extreme_item > .content > .title {
	margin-bottom:45px;
	font-size:30px;
	font-weight:bold;
	color:#2f2e2e;
}
.iridium_extreme_item > .content > .desc {
	line-height:1.7;
	font-size:16px;
	font-weight:normal;
	color:#2f2e2e;
}
.iridium_extreme_item > .content > .desc > strong {
	font-weight:bold
}
.iridium_extreme_item > .content > .advantage {
	clear:both;
	overflow:hidden;
	margin-top:30px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.iridium_extreme_item > .content > .advantage > ul {
	width:55%;
	float:left;
}
.iridium_extreme_item > .content > .advantage > ul.second {
	width:45%;
}
.iridium_extreme_item > .content > .advantage li {
	width:100%;
	line-height:1.8;
	font-size:18px;
	letter-spacing:-0.5px;
    position:relative;
    padding-left:15px;
}
.iridium_extreme_item > .content > .advantage li:before {
	display:inline-block;
	content:"";
	width:25px;
	height:10px;
	background-image:url('/images/icon_list_bullet.png');
	background-repeat:no-repeat;
	background-position:left center;
    position:absolute; top:10px; left:0;
}



.iridium_9555_wrap {
	width:100%;
	background-color: #efefef;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
    margin-bottom:50px;
}
.iridium_9555_wrap > .iridium_9555_item {
	clear:both;
	overflow:hidden;
	width:1200px;
	margin:0 auto;
	padding:65px 25px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.iridium_9555_item > .img {
	display:inline-block;
	width:500px;
	height:448px;
	background-image:url('/images/sub/solution/jrc/solution_iridium_9555_eq_1.png');
	background-position:center center;
	background-repeat:no-repeat;
}
.iridium_9555_item > .content {
	width: 700px;
    margin-top: 20px;
	margin-right: -25px;
}
.iridium_9555_item > .content > .title {
	margin-bottom:45px;
	font-size:30px;
	font-weight:bold;
	color:#2f2e2e;
}
.iridium_9555_item > .content > .desc {
	line-height:1.7;
	font-size:16px;
	font-weight:normal;
	color:#2f2e2e;
}
.iridium_9555_item > .content > .desc > strong {
	font-weight:bold
}
.iridium_9555_item > .content > .advantage {
	clear:both;
	overflow:hidden;
	margin-top:30px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.iridium_9555_item > .content > .advantage > ul {
	width:55%;
}
.iridium_9555_item > .content > .advantage > ul.second {
	width:45%;
}
.iridium_9555_item > .content > .advantage li {
	width:100%;
	line-height:1.8;
	font-size:18px;
	letter-spacing:-0.5px;
    position:relative;
    padding-left:15px;
}
.iridium_9555_item > .content > .advantage li:before {
	display:inline-block;
	content:"";
	width:25px;
	height:10px;
	background-image:url('/images/icon_list_bullet.png');
	background-repeat:no-repeat;
	background-position:left center;
    position:absolute; top:10px; left:0;
}

/* 2023.07 */
.iridium_lt_3100_wrap{
    width: 100%;    
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.iridium_lt_3100_item {
    clear: both;
    overflow: hidden;
    width: 1200px;
    margin: 0 auto;
    padding: 65px 25px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.iridium_lt_3100_item > .img {
    display: inline-block;
    width: 500px; height:472px;
    background-image: url(/images/sub/solution/jrc/solution_LT_3100.png);
    background-position: center center;
    background-repeat: no-repeat;    
    background-size: contain;
}
.iridium_lt_3100_item .content{
    width: 700px;
    margin-top: 20px;
}

.iridium_lt_3100_item .content .title{
    margin-bottom: 45px;
    font-size: 30px;
    font-weight: bold;
    color: #2f2e2e;
}
.iridium_lt_3100_item .content .desc{
    line-height: 1.7;
    font-size: 16px;
    font-weight: normal;
    color: #2f2e2e;
}
.iridium_lt_3100_item .content .advantage {
    clear: both;
    overflow: hidden;
    margin-top: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.iridium_lt_3100_item .content .advantage ul {
    width: 61%;
}
.iridium_lt_3100_item .content .advantage li {
    width: 100%;
    line-height: 1.8;
    font-size: 18px;
    position:relative;
    padding-left:15px;
    letter-spacing:-0.5px;
}
.iridium_lt_3100_item .content .advantage li:before {
    display: inline-block;
    content: "";
    width: 25px;
    height: 10px;
    background-image: url(/images/icon_list_bullet.png);
    background-repeat: no-repeat;
    background-position: left center;
    position:absolute; top:10px; left:0;
}
.iridium_lt_3100_item .content .advantage ul.second {
    width: 39%;
}

.solution-anti-priacy{
    margin-top:50px;
}
.solution-anti-priacy .content{
    line-height: 1.8;
    font-size: 16px;
    color: #2f2e2e;
    width: 80%;
    margin: 0 auto;
    text-align: center;
}
.priacy-img{
    width:100%;  height:225px;
    background:url(/images/sub/solution/jrc/solutionPiracy.jpg) no-repeat center;
    margin-bottom:40px;
    border-radius:20px;
    overflow:hidden;
}
.antipiracy_item .advantage{
    width:590px; 
    margin:0 auto;
}
.antipiracy_item .advantage ul li{
    line-height: 1.8;
    font-size: 16px;
    text-align: left;
}
.antipiracy_item .advantage ul li:before {
    display: inline-block;
    content: "";
    width: 25px;
    height: 10px;
    background-image: url(/images/icon_list_bullet.png);
    background-repeat: no-repeat;
    background-position: left center;
}
.antipiracy_item > .layout td.bar {
    border-right: 0 !important;
}
.antipiracy_item .layout tr{
    border-bottom:1px dashed #333;
}
.antipiracy_item .layout tr:last-child{
    border-bottom:0;
}
.tb_battery{margin-bottom:40px !important;}



/* JRCCommunication2017 */

.solution_communitation_item {
	width:100%;
	margin-top:50px;
	margin-bottom:150px;
	padding-top:302px;
	background-image:url('/images/sub/solution/jrc/solution_communication_bg.png');
	background-repeat:no-repeat;
	background-position: 0 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.solution_communitation_item > .content {
	width: 1200px;
    margin: 0 auto;
	padding:0 25px;
}
.solution_communitation_item > .content > .crew_com {
	width:100%;
	padding:45px;
    margin-bottom: 50px;
    clear: both;
    overflow: hidden;
    background-color: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.crew_com > .title {
    margin-bottom: 30px;
    font-weight: bold;
    font-size: 40px;
    color: #2f2e2e;
}
.crew_com > .content {
	line-height:1.8;
	font-size: 16px;
    color: #2f2e2e;
}
.crew_com > .content > strong {
	font-weight:bold;
	color:#2f2e2e;
}
.crew_com > ul {
	width:100%;
	margin-top:85px;
	clear:both;
	overflow:hidden;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.crew_com > ul > li {
	width:50%;
	float:left;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.crew_com > ul > li > .title {
	margin-bottom: 30px;
    font-weight: bold;
    font-size: 40px;
    color: #2f2e2e;
}
.crew_com > ul > li > .content {
	padding-right:60px;
	line-height:1.8;
	font-size: 16px;
    color: #2f2e2e;
}
.crew_com > ul > li > .content > strong {
	font-weight:bold;
	color:#2f2e2e;
}

/* 2023.07 */
.crew_com .explnation{
    padding-left: 30px;
}
.crew_com .explnation p{
    line-height: 1.8;
    font-size: 16px;
    color: #2f2e2e;
}
.crew_com .explnation p::before{
    content:""; display:inline-block; clear:both;
    width:5px; height:5px;
    border-radius:50%;
    background-color:#2f2e2e;
    vertical-align: middle;
}
.crew_com .explnation p span{
    font-weight:bold;
}
.crew_com .ex-img img{
    width:300px;
    height:fit-content;
}

/* 2023.07 */
.crewclassis-text{
    position:absolute; bottom:-11px; left:0;
}

/* // */

.satgate_item {
	width:100%;
	background-color:#e8ebed;
}
.satgate_item > .content {
	width:1200px;
	margin:0 auto;
	padding: 50px 0;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.satgate_item > .content > .title {
	margin-bottom: 30px;
	padding:0 45px;
    font-weight: bold;
    font-size: 40px;
    color: #2f2e2e;
}
.satgate_item > .content > .content {
	padding: 0 45px;
	line-height:1.8;
	font-size: 18px;
    color: #2f2e2e;
}
.satgate_item > .content > .content > strong {
	font-weight:bold;
	color:#2f2e2e;
}


.mail_on_board_item {
	position:relative;
	width:100%;
	padding-bottom:30px;
}
.mail_on_board_item > .content {
	width:1200px;
	margin:0 auto;
	padding:80px 0;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.mail_on_board_item > .content > .title {
	margin-bottom: 30px;
	padding:0 45px;
    font-weight: bold;
    font-size: 40px;
    color: #2f2e2e;
}
.mail_on_board_item > .content > .content {
	padding: 0 45px;
	line-height:1.8;
	font-size: 18px;
    color: #2f2e2e;
}
.mail_on_board_item > .content > .content > strong {
	font-weight:bold;
	color:#2f2e2e;
}
.mail_on_board_item > .img {
	position:absolute;
	right:0;
	bottom:0;
	width:500px;
	height:600px;
	background-image:url('/images/sub/solution/jrc/solution_communication_hand.png');
	background-position:0 0;
	background-repeat:no-repeat;
}


/*  
    =======================
    윤리경영, 안전보건경영방침_2024
    =======================
*/   

.sub-sah .about{
    line-height:1.4em;
}
.sub-ethical .about p,
.sub-sah .about p{
    font-size:1.8rem;
    line-height:1.4em;
}
.img-ethical,
.img-sah{
    text-align: center;
}
.img-sah-768{
    display:none;
}
.btn-down span{
    background: url(/images/ico_download.png) no-repeat center;
    width: 14px;
    height: 12px;
    display: inline-block;
    margin-left: 10px;
}

.img-ethical-768{display:none;}




@media screen and (min-width: 0) and (max-width: 1400px) {
	.mail_on_board_item > .img {
		position:absolute;
		right:0;
		bottom:100px;
		width:451px;
		height:416px;
		background-image:url('/images/sub/solution/jrc/solution_communication_hand.png');
		background-position:0 0;
		background-repeat:no-repeat;
		background-size:100% 100%;
	}
}
/* //JRCCommunication2017 */


/* JRCIsatPhone2017 */
.solution_isatphone_item {
	width:100%;
	margin-bottom:180px;
}
.solution_isatphone_item > .content {
	width:1200px;
	clear:both;
	overflow:hidden;
	margin:90px auto 50px auto;
	padding:0 25px;
}
.solution_isatphone_item > .content > .img {
	display:inline-block;
	float:left;
	width:281px;
	height:618px;
	background-image:url('/images/sub/solution/jrc/solution_isat_phone_eq_1.png');
	background-position:0 0;
	background-repeat:no-repeat;
}
.solution_isatphone_item > .content > .isatphone {
	float:right;
	width:780px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.solution_isatphone_item > .content > .isatphone > .title {
	margin-bottom: 30px;
	line-height:1.25;
    font-weight: bold;
    font-size: 40px;
    color: #2f2e2e;
}
.solution_isatphone_item > .content > .isatphone > .title > span {
	display:block;
	font-size:25px;
	color: #2f2e2e;
}
.solution_isatphone_item > .content > .isatphone > .desc {
	line-height:1.8;
	font-size: 16px;
    color: #2f2e2e;
}
.solution_isatphone_item > .content > .isatphone > .desc > strong {
	font-weight:bold;
	color: #2f2e2e;
}

.solution_isatphone_item .advantage {
	clear:both;
	overflow:hidden;
	margin-top:60px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.solution_isatphone_item .advantage > ul {
	width:61%;
	float:left;
}
.solution_isatphone_item .advantage > ul.second {
	width:39%;
}
.solution_isatphone_item .advantage li {
	width:100%;
	line-height:1.8;
	font-size:18px;
	letter-spacing:-1px;
}
.solution_isatphone_item .advantage li:before {
	display:inline-block;
	content:"";
	width:25px;
	height:10px;
	background-image:url('/images/icon_list_bullet.png');
	background-repeat:no-repeat;
	background-position:left center;
}
.solution_isatphone_item .advantage li > span {
	display:inline-block;
	padding-left:26px;
	font-size:14px;
}
/* //JRCIsatPhone2017 */


/*=========================================================================
  Satellite Solutions - EN
===========================================================================*/

.benefits {
	padding-bottom:70px;
}
.benefits_title {
	width:1280px;
	margin:0 auto;
	padding:0 0 65px 0;
	text-align:center;
	color:#333333;	
	font-size:22px;
	font-weight:300;
	line-height:1.8;
	letter-spacing:0;
}
.benefits_title strong {
	font-weight:600;
	color:#000
}
.benefits_title .deco_point {
	display:inline-block;
	font-weight:600;
	font-size:22px;
	color:#333;
}

.benefits_video_item {
	padding:25px 0 65px 0;
	background-image:url('/images/sub/solution/stellite/benefits_video_bg.gif');
	background-repeat:repeat-x;
	background-position:left center
}
.benefits_video_iframe {
	max-width:843px;
    width:100%;
	height:475px;
	text-align:center;
	margin:0 auto;
	box-shadow: 10px 10px 5px rgba(0, 0, 0, 0.2);
}
.feature {
	max-width:1280px;
    width:100%;
	margin:0 auto;
	padding-bottom:30px;
	clear:both;
	overflow:hidden;
	font-weight:400;
}
.feature .feature_icon {
	float:left;
	width:15%;
	padding-top:40px;
}
.feature_icon .icon {
	width:155px;
	height:155px;
	float:left;
	margin:0;
	padding:0;
	border-radius:50%;
	background-color:#eaeaea;
	background-repeat:no-repeat;
	background-position:center center;

}
.feature .feature_content {
	float:left;
	width:85%;
	margin-left:-40px;
}
.feature .feature_content .num {
    width: 82px;
    padding-left: 10px;
    line-height: 0.7;
    /* font-family: "‘Times New Roman’", Times, serif; */
    font-style: italic;
    font-weight: 400;
    font-size: 50px;
    color: rgb(136, 136, 136);
    background-image: url('/images/sub/solution/stellite/num_bg.png');
    box-sizing: border-box;
    background-repeat: no-repeat;
    background-position: left bottom;
}
.feature .feature_content .title {
	width:100%;
	clear:both;
	overflow:hidden;
	padding:10px 0 20px 60px;
	font-weight:900;
	font-size:24px;
	color:#000;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.feature .feature_content .content {
	padding-left:60px;
	/* font-family: 'Myriad Pro', 'Roboto', 'Noto Sans KR', Malgun Gothic,'맑은 고딕',Dotum,'돋움',AppleGothic,sans-serif; */
	font-weight:200;
	font-size:20px;
	color:#3e3e3e;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.feature.right {
	text-align:right;
}
.feature.right .feature_icon {
	float:right;
}

.feature.right .feature_icon .icon {
	float:right;
}
.feature.right .feature_content {
	float:right;
	margin-left:0;
	margin-right:-40px;
}
.feature.right .feature_content .num {
	float:right;
    padding-left: 0;
	padding-right:10px;
	background-position:right bottom;
}

.feature.right .feature_content .title {
	padding:10px 60px 20px 0;
}
.feature.right .feature_content .content {
	padding-right:60px;
	padding-left:0;
}
.characteristics {
	margin-bottom:80px;
}					
.character_content {
	width:1200px;
	margin:0 auto;
	text-align:left;
	font-size:20px;
	line-height:2;
}
.character_content .num {
	display:inline-block;
	padding-right:10px;
	color:#cccccc;
	font-weight:900;
	font-style:italic;
}
.character_content .num:after {
	display:inline-block;
	content:".";
}
.character_content .text {
	display:inline-block;
	font-weight:200;
	color:#333333;
}
.terminal_equip_wrap {
	
}
.terminal_equip_item {
	width:100%;
	padding:60px 0;
}
.terminal_equip_content {
	text-align:center;
	font-size:22px;
}
.terminal_equip_content .num {
	width: 82px;
	margin:0 auto;
    line-height: 0.7;
    /* font-family: "‘Times New Roman’", Times, serif; */
    font-style: italic;
    font-weight: 400;
    font-size: 50px;
    color: rgb(136, 136, 136);
    background-image: url('/home/resource/images/sub/solution/stellite/num_bg.png');
    box-sizing: border-box;
    background-repeat: no-repeat;
    background-position: left bottom;
}
.terminal_equip_content .title {
	padding:25px 0;
	font-weight:900;
	font-size:26px;
	color:#000000;
}
.terminal_equip_content .content {
	line-height:2;
	font-weight:200;
	font-size:22px;
	color:#3e3e3e;
}
.terminal_equip_item.odd {
	background-color:#efefef
}
.terminal_equip_item.odd .terminal_equip_content .num {
    background-image: url('/home/resource/images/sub/solution/stellite/num_bg2.png');
}
.coverage_map {
	width:1280px;
	margin:0 auto;
	padding-bottom:100px;
}

/* satgate*/

.tabs_menu.satgate li {
	width:33.33%;
}
.satgate {
    width: 1200px;
    margin: 0 auto;
    padding: 0 0 125px 0;
    text-align: center;
    color: #333333;
    /* font-family: 'Myriad Pro', 'Roboto', 'Noto Sans KR', Malgun Gothic,'맑은 고딕',Dotum,'돋움',AppleGothic,sans-serif; */
    font-size: 22px;
    font-weight: 300;
    line-height: 1.8;
    letter-spacing: 0;
}
.satgate strong {
	font-weight:900;
	color:#000
}
.satgate .advantages > li {
	text-align:left;
	padding-bottom:30px;
	line-height:1.45;
	font-size:20px;
	list-style-type:square
}
.satgate .advantages .sub_ul {
	padding-top:20px;
}
.satgate .advantages .sub_ul li {
	line-height:1.8;
	font-size:18px;
}
/*  MailOnBoard  */

.mailonboard_item {
	width:1200px;
	margin: 0 auto 100px auto;
}
.mailonboard_item strong {
	font-weight:900;
	color:#333;
}
.mailonboard_item > .title {
	text-align:center;
	padding:20px 0 35px 0;
	font-size:24px;
	font-weight:900;
	color:#000
}
.mailonboard_item > .title.first {
	padding-top:0
}
.mailonboard_item > .content {
	padding-bottom:25px;
	font-size:20px;
	font-weight:200;
}
.mailonboard_item > .content.center {
	text-align:center;
}
.mailonboard_advantage {
	margin-top:30px;
	padding:35px 60px;
	background-color:#efefef;
	border-radius:10px;
}
.mailonboard_advantage li {
	padding-bottom:14px;
	font-size:18px;
	line-height:1.6;
	font-weight:300;
	color:#333;
}
.mailonboard_item .deco_1 {
	padding-top:25px;
	color:#000;
}

/*  Anti Piracy  */

.antipiracy_item {
	width:100%;
	max-width:1280px;
	margin-bottom:100px;
}
.antipiracy_item > .layout {
	width:100%;
	table-layout:fixed;
}
.antipiracy_item > .layout td {
	text-align:center;
	width:50%;
}
.antipiracy_item > .layout td.bar {
	border-right:1px dashed #b5b4b4;
    vertical-align: baseline;
}
.antipiracy_header > .title {
	padding-top:30px;
	padding-bottom:45px;
	font-size:22px;
	font-weight:900;
	color:#000000;
	line-height:1.25;
}
.antipiracy_header > .title_img {
	width:100%;
	height:300px;

	background-repeat:no-repeat;
	background-position:center center;
}
.antipiracy_header > .title_img[data-role='dockextreme']{
	background-image:url('/images/sub/solution/stellite/img_potsdock_extreme.png');
}
/* 23.07 */
.antipiracy_header > .title_img[data-role='IsatDOCK2']{
	background-image:url('/images/sub/solution/jrc/solution_IsatDOCK2.jpg');
    background-size: contain;
}
.antipiracy_header > .title_img[data-role='dock9555']{
	background-image:url('/images/sub/solution/stellite/img_potsdock_9555.png');
}
.antipiracy_content {}
.antipiracy_content .component {
	width:100%;
	height:136px;
	margin-bottom:35px;
	background-image:url('/images/sub/solution/stellite/potsdock_component.png');
	background-repeat:no-repeat;
	background-position:center center;
}
.tb_battery {
	table-layout:fixed;
	width:584px;
	margin: 0 auto;
	border:2px solid #333333;
}
.tb_battery thead {
	background-color:#333333;
}
.tb_battery thead th {
	height:42px;
	text-align:center;
	vertical-align:middle;
	color:#fff;
	font-weight:900;
	font-size:20px

}
.tb_battery tbody th {
	height:43px;
	vertical-align:middle;
	font-size:20px;
	color:#d6d6d6;
	background-color:#888888;
	background-image:url('/images/sub/solution/stellite/tb_battery_th_bar.png');
	background-repeat:repeat-y;
	background-position:right top;
	border-bottom:1px solid #f2f1f1;
}
.tb_battery tbody th span {
	display:inline-block;
	padding-left:5px;
	font-size:16px;
	font-weight:200;
	color:inherit;
}
.tb_battery tbody td {
	height:80px;
	vertical-align:middle;
	text-align:center;
	border-top:1px solid #b9b9b9;
	background-image:url('/images/sub/solution/stellite/tb_battery_td_bar.png');
	background-repeat:repeat-y;
	background-position:right top;

}
.tb_battery tbody td.td_desc {
	height:120px;
	padding:10px 45px;
	color:#333333;
}
.tb_battery tbody td .hours {
	font-size:26px;
	font-weight:900;
	color:#000;
}
.tb_battery tbody td .hours span {
	display:inline-block;
	padding-left:6px;
	color:#555555;
	font-size:16px;
	font-weight:400;
}
.features {
	width:590px;
	margin: 0 auto;
	padding-top:50px;
}
.features_desc {
	padding-right:20px;
	padding-bottom:15px;
	text-align:right;
	font-size:14px;
	font-weight:400;
	color:#222222;
}
.features_desc .point {
	display:inline-block;
	padding-right:5px;
	font-size:12px;
	color:#fd0000
}
.features ul {
	width:100%;
	overflow:hidden;
	clear:both;
}
.features ul li {
	width:20%;
	float:left;
	text-align:center;
	padding-bottom:32px;
}
.features ul li .img {
	width:100%;
	min-width:88px;
	height:88px;
	background-repeat:no-repeat;
	background-position:center center;
}
.features ul li .text {
	width:100%;
	padding-top:14px;
	text-align:center;
	line-height:1.2;
	font-size:16px;
	font-weight:800;
	color:#222222;
}
.features ul li .text .point {
	display:inline-block;
	font-size:11px;
	color:#fd0000;
}
.features ul li .img[data-role='docking']{
	background-image:url('/images/sub/solution/stellite/icon_features_1.png');
}
.features ul li .img[data-role='charging']{
	background-image:url('/images/sub/solution/stellite/icon_features_2.png');
}
.features ul li .img[data-role='post']{
	background-image:url('/images/sub/solution/stellite/icon_features_3.png');
}
.features ul li .img[data-role='voice']{
	background-image:url('/images/sub/solution/stellite/icon_features_4.png');
}
.features ul li .img[data-role='gps']{
	background-image:url('/images/sub/solution/stellite/icon_features_5.png');
}
.features ul li .img[data-role='tracking']{
	background-image:url('/images/sub/solution/stellite/icon_features_6.png');
}
.features ul li .img[data-role='sos']{
	background-image:url('/images/sub/solution/stellite/icon_features_7.png');
}
.features ul li .img[data-role='bluetooth']{
	background-image:url('/images/sub/solution/stellite/icon_features_8.png');
}
.features ul li .img[data-role='ringer']{
	background-image:url('/images/sub/solution/stellite/icon_features_9.png');
}
.features ul li .img[data-role='sms']{
	background-image:url('/images/sub/solution/stellite/icon_features_10.png');
}
.features ul li .img[data-role='privacy']{
	background-image:url('/images/sub/solution/stellite/icon_features_11.png');
}
.features ul li .img[data-role='usb']{
	background-image:url('/images/sub/solution/stellite/icon_features_12.png');
}
.features ul li .img[data-role='data']{
	background-image:url('/images/sub/solution/stellite/icon_features_13.png');
}
.features ul li .img[data-role='mute']{
	background-image:url('/images/sub/solution/stellite/icon_features_14.png');
}

/* 2023.07 하반기 개정 */
.features ul li .img[data-role='external']{
	background-image:url('/images/sub/solution/stellite/icon_features_15.png');
}
.features ul li .img[data-role='personalalert']{
	background-image:url('/images/sub/solution/stellite/icon_features_16.png');
}
.features ul li .img[data-role='speakerphone']{
	background-image:url('/images/sub/solution/stellite/icon_features_17.png');
}

.features-isatdock2 ul{
    display:flex;
    flex-wrap: wrap;
}
.features-isatdock2 ul li{
    float:inherit;
}



/* 2023.07 하반기 개정 */
.down-brochure-wrap{
    display:flex;
    align-items: center;
    justify-content: center;
}
.brochure-down {
    /* margin:0 10px; */
}
.brochure-down a{
    display:inline-block;
    font-size: 1.4rem;
    color: #efefef;
    padding: 1rem 1.5rem;
    background-color:#333;
}
.brochure-down a span{
    display:inline-block;
    background:url(/images/ico_download.png) no-repeat center;
    width:14px; height:14px;
    vertical-align: middle;
    margin-left:5px;
}
.brochure-down a:hover{
    opacity:.8;
    transition:.3s;
}

/*=========================================================================
  기술서비스
===========================================================================*/
.content-tech{
    padding:0 16px;
}
.content-tech .sub-text{
    font-size:1.8rem; 
    text-align: center;
    line-height:1.3em;
}
.step{
	max-width:1000px;
    width:100%;
    display:flex;
    justify-content: center;
    align-items: center;
    margin:60px auto;	    
}
.step:after{content:""; display:block; clear:both;}
.step li{
	border:1px solid #ddd;
	background-color:#f5f5f5;
	width:calc(25% - 50px);
	margin-right:50px;
	text-align:center;
	padding:20px 0;
	position:relative;
	border-radius:5px;
    font-size:1.6rem;
}
.step li:last-child{
    margin-right:0;
}
.step li:after{
	content: ""; display: inline-block;
    width: 0; height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid #D62429;
    margin: 0px 0 0 3px;
    position: absolute; top: 20px; right: -30px;
	z-index:9;
}
.step li:last-child::after{
    display:none;
}

.tech-wrap{
    width:100%;
	max-width:1000px; 
	margin:0 auto;
    display:flex;
    justify-content: space-around;
}
.tech{
	width:31%;
}
.tech img{
	width:100%;
}
.techimg{
	display:block;
	position:relative;
    width:100%;
    height:180px;
}
.techimg:before{
	content:""; display:block; clear:both;
	width:100%; height:100%;
	background-color:rgba(0,0,0,0.5);
	position:absolute; top:0; left:0;	
}
.techimg:after{
	display:block; clear:both;
	position:absolute; top:50%; left:50%;
	color:#fff;
	font-size:22px;
	text-align:center;
	transform:translate(-50%, -50%);
	white-space:pre;
}
.techimg.ti1:after{
	content:"01\A장비설치";
}
.techimg.ti2:after{
	content:"02\A점검/수리";
}
.techimg.ti3:after{
	content:"03\A선급 및\A무선국 허가 검사";	
}

.techimg.ti1.en:after{
	content:"01\AInstallation";
}
.techimg.ti2.en:after{
	content:"02\AInspection/Repair";
}
.techimg.ti3.en:after{
	content:"03\ASR/SE Inspection";	
}

.tech:last-child{
	margin-right:0;
}
.tech-list li{
	margin-bottom:2px;
}
.tech-wrap:after,
.tech-list-depth:after{content:"";display:block;clear:both;}
.tech-list li p{
	background-color:#f5f5f5;
	padding:12px 15px;
	color:#313131;
    font-size:1.6rem;
}
.tech-list-depth{
	width:100%;
	margin:10px 0;
}
.tech-list-depth li{
	width:50%;
	float:left;
	padding:5px 15px 3px 25px;
	position:relative;
	color:#686868;
	font-weight:300;
	font-size:15px;
}
.tech-list-depth li:before{
	content:""; display:block; clear:both;
	width:4px; height:4px;
	background-color:#686868;
	border-radius:50%;
	position:absolute; top:13px; left:15px;
}
    /*  
    =======================
    TECH_2024
    =======================
    */   

    /* OUR SERVICE CORE */
    .our-service-core{
        margin:100px auto;
    }
    .service-core-box .img-wrap{}
    .our-service-core .title{
        font-size:3rem;
        font-weight:700;
        text-align: center;
        margin-bottom:20px;
    }
    .our-service-core .sub-text{
        font-size:1.8rem;
        margin-bottom:50px;
    }
    .service-core-inner{
        display:flex;
        gap:0 30px;                
    }
    .service-core-inner .service-core-box{
        width:33.33%;
        background-color:#fff;
        text-align: center;
        padding:80px 30px;
        border-radius:20px;
        box-shadow: rgba(0,0,0,0.07) 5px 10px 30px;
    }
    .service-core-inner .service-core-box .img-wrap{
        height:110px;
    }
    .service-core-inner .service-core-box .title{
        margin:30px 0;
    }
    .service-core-inner .service-core-box .title span{
        font-size:1.8rem;
        font-weight:400;        
        display:block;
    }
    .service-core-inner .service-core-box .title p{
        font-size:2.2rem;
        margin:5px 0;
    }
    .service-core-inner .service-core-box .text{
        font-size:1.8rem;
        line-height:1.3em;
    }

/*=========================================================================
  검색결과
===========================================================================*/

.search-box {
    width:40%;
    margin:0 auto;
    position:relative;
}
.search-box .form-basic{
    width:100%;
    height:7rem; 
    font-size:2rem;
    padding:0 2.4rem;
}
.search-box .search-btn{
    display: block;
    position: absolute; top: 17px; right: 20px;
    width: 35px; height: 34px;
    background: url(/images/search_btn_b.png) no-repeat center;
    background-size: 100%;
}
.result-area{}
.result-area h4{
    font-size:2.2rem;
    text-align: center;
    margin:4rem 0 8rem 0;
}
.result-area h4 span{
    
}
.result-list{
    width:100%;
    max-width:1400px;
    margin:0 auto;
}
.rf{display:none;}
.result-form{
    width:100%;
    margin-bottom:8rem;    
}
.rf{display:block;}
.result-form .title{
    font-size:2rem;
    font-weight:500;
    margin-bottom:1rem;
    display:flex;
    justify-content: space-between;
}
.result-form .title .view-more{
    font-size:1.6rem;
}
.result-form .title .view-more::after{
    content:"";
    background-image: url("/images/ico_view_b_thin.png");
}
.result-form ul{
   border-top:1px solid #191919; 
}
.result-form ul li a{
    display:block;
    font-size:1.6rem;
    padding:2.5rem 1.6rem;
    border-bottom:1px solid #efefef;
}

/* 20221216 */
.board .tb-top{
	justify-content: flex-end;
}
.board .tb-top form{
	display:flex;	
}
.tb-write .del-file{
	background: url(/images/close_modal.png) no-repeat center;
	width: 12px;
	height: 12px;
	display: block;
	background-size: 100%;
	margin-left:10px;
}
.tb-write .file{
	display: inline-flex;
    align-items: center;
	margin-bottom:5px;
}
.file-wrap{
	font-size:1.4rem;
	display:flex;
	padding: 2rem;
	border-bottom: 1px solid #DFDFDF;
	align-items: center;
}
.file-wrap > span{
	margin-right:10px;
}

/* 20221220 */
.tb-write .type li{
	margin-right:15px;
}

/* 20221222 문의 비밀번호 입력 팝업 */
.modal-area{
	position: fixed; left:0; top:0;
    z-index: 9000;    
    overflow-y: auto;
    width: 100%; height: 100%;    
    background: rgba(0,0,0,.7);
	display:none;
}
.modal-area.active{
	display:block;
}
.modal-area-inner{
	display: table;
    width: 100%; height: 100%;
}
.modal-center{
	display: table-cell;
    vertical-align: middle;
}
.modal-popup{
	background-color:#fff;
	width:40%;
	margin:0 auto;
	border-radius:15px;
	min-width:550px;
}
.inquiry-popup .popup-header{
	font-size:2rem;
	font-weight:600;
	display:flex;
	justify-content: space-between;
	align-items: center;
	padding:20px 30px;
	border-bottom:1px solid #efefef;
}
.inquiry-popup .popup-header button{
	font-size:1.6rem;
}
.inquiry-popup .popup-cont{
	padding:20px 30px 20px 30px;
}
.inquiry-popup .popup-bottom{
	display:flex;
	align-items: center;
	justify-content: center;
	padding:0 0 30px 0;
}


/*=========================================================================
  *** KVH ***
=========================================================================*/
.sub-kvh{
    padding:0 16px;
}
.sub-kvh .sub-text{
    font-size:1.6rem;
    text-align: center;
}
.sub-kvh .about{
    background-image:url(/images/sub/kvh/kvh_img.jpg);
    background-size:cover;
    max-width:1400px;
    margin:0 auto;
}
.sub-kvh .about p {
    background:url(/images/sub/kvh/KVH_white_Logo2.png) no-repeat;
    background-position: center 60px;
    background-size:150px;
    font-size: 2rem;
    padding-top: 50px;
}

.sub-kvh .request{
    font-size:1.6rem;
    text-align: center;
    margin:80px 0;
    border-bottom:1px solid #efefef;
    padding-bottom:80px;
}
.sub-kvh .request > p{
    font-size:1.8rem;
    font-weight:700;
}
.sub-kvh .request .input-area{    
    width:50%;
    display: flex;
    margin:20px auto;   
}
.sub-kvh .request .input-area .form-basic{
    margin-bottom:0;
    margin-right:5px;
}
.sub-kvh .request .input-area button{
    font-size:1.6rem;
    width:200px;
    background-color:#191919;
    color:#fff;
    border-radius:5px;
}
.sub-kvh .request .input-area button:hover{
    transition:.3s;
    opacity:.7;
}
.sub-kvh .request .txt p{
    color:#888;
    font-weight:300;
    line-height:1.3em;
}

.sub-kvh .three-cont{
    display:flex;
    justify-content: space-around;
    align-items: center;
    max-width:1400px;
    margin:0 auto;
    border-bottom:1px solid #efefef;
    padding-bottom:80px;
    margin-bottom:80px;
}
.sub-kvh .three-cont p{
    width:33.33%;
    position:relative;
    padding:0 50px;
    line-height:1.3em;
}
.sub-kvh .three-cont p::after{
    content:"";
    width:1px; height:100%;
    position:absolute; top:0; right:0;
    background-color:#efefef;
}
.sub-kvh .three-cont p:last-child::after{display:none;}

.sub-kvh .option{
    font-size:3rem;
    font-weight:700;
    font-family: 'Poppins', sans-serif;
    margin-bottom:20px;
    text-align: center;
}
.sub-kvh .option-sub{
    font-size:2rem;
    background-color:#efefef;
    padding:5px 10px;
    text-align: center;
    max-width:1400px;
    margin:40px auto 20px auto;
}

.subs-option{
    display: flex;
    flex-wrap: wrap;
    max-width: 1400px;
    margin: 0 auto;
    justify-content: space-between;
}
.subs-option .w{
    width:31%;
    margin-bottom:20px;
}
.subs-option .w img{
    width:100%;
    background-size:cover;
}


/* bx slider 
.bx-wrapper{
    width:100%; 
    max-width:1400px !important; 
    margin:0 auto;
    box-shadow: none !important;
    overflow: hidden;
}
.sub-kvh .subs-option .w p{
    font-size:2rem;
    font-weight:700;
    margin:10px 0;
}
.sub-kvh .subs-option .w span{
    font-size:1.6rem;
    line-height:1.2em;
}

.bx-controls .bx-prev,
.bx-controls .bx-next{
    position:absolute; top:50%;
    z-index:99;
    width:50px; height:50px;
    background:rgba(0,0,0,0.4) url(/images/arrow_big.png) no-repeat center;
    filter:brightness(3);
    transition:.3s;
}
.bx-controls .bx-prev:hover,
.bx-controls .bx-next:hover{
    background-color:rgba(0,0,0,0.7);
}
.bx-controls .bx-prev{
    left:0;
}
.bx-controls .bx-next{
    right:0;
    transform:rotate(180deg);
}

.sub-kvh .browser img{
    display:block;
    width:500px;
    margin:30px auto;
}
.sub-kvh .browser table{
    table-layout: fixed;
    max-width:1400px; 
    margin:0 auto;
}

.sub-kvh .browser table tr th,
.sub-kvh .browser table tr td{
    padding:12px;
    font-size:1.6rem;
    border:1px solid #dfdfdf;
    vertical-align: middle;
    text-align: center;
}
.sub-kvh .browser table tr th{
    background-color:#efefef;
    font-weight:600;
}
*/


/* 하단 버튼 */
.sub-bottom-button{
    display:flex;
    align-items:center;
    justify-content: center;
}
.sub-bottom-button .btn{
    width:16%;
    margin:0 10px;
    height:60px;
    padding:22px;
    border-radius:35px;
    font-size:1.8rem;
}


/*=========================================================================
  *** media query ***
=========================================================================*/
/* 화면 너비 0 ~ 1400px */
@media screen and (max-width:1400px) { 
    .visual-text {
        font-size: 5rem;
    }
	.layout-1{
		padding:100px 30px;
	}

    /* 2024.02 */
    .our-service-item .our-service-top h3{
        font-size:3.6rem;
    }

    /* contact us : 1400px */
    .input-area .type {
        flex-wrap: wrap;
    }
    .input-area .type li{
        margin-bottom:10px;
    }
    
    /* ===================================================== */
    /* Alpha Captain : 1400px */
    .ac-type .right-side .cont img{
        width:50%;
    }

    /* ===================================================== */
    /* 게시판 : 1400px */
    .sub-cont-inner .board{
        padding:0 16px;
    }
    

}
/* // 화면 너비 0 ~ 1400px 끝 */



/* 화면 너비 0 ~ 1200px */
@media screen and (max-width:1200px) { 
    .slide-item-text span {
        font-size: 2rem;
    }
    .slide-item-text{
        font-size:4rem;
    }

    .myview-intro img{
        width:100%;
        max-width:1000px;
        padding:0 16px;
    }

    /* 2024.02
    .our-service-item {
        width: 100%;
    } */

    /* 메인 layout-1 : 1200px */
    .layout-1 {
        width: 100%;
        padding: 100px 40px;
    }
    .layout-1 .sect-title {
        font-size: 5rem;
    }
    .ss-inner .ss-inner-img {
        width: 50%;
        height: auto;
        position: absolute; right: 0; top: 50%;
        transform: translateY(-50%);
    }

    /* Our services 2024.03 */
    .our-service-inner{
        gap: 60px 15px;
        width:70%;
    }
    .our-service-item{
        width: calc(50% - 10px);
    }
    .our-service-item .our-service-bottom a{
        font-size:1.6rem;
    }
}
/* // 화면 너비 0 ~ 1200px 끝 */



/* 화면 너비 0 ~ 1024px */
@media screen and (max-width:1024px) {  
    .header.show{
        background-color: #fff;
        transition: .3s;
        border-bottom-color: #efefef;
    }
    .header.show .header-inner{
        height:90px;
        overflow:hidden;
    }
    .visual-text {
        font-size: 4rem;
    }
    
    
    /* our service : 1024 */
    .our-service-inner{
        flex-direction: column;        
        width:50%;
    }
    .our-service-item{
        width:100%;
    }
    .our-service-item.osi-2,
    .our-service-item.osi-3{
        margin-top:0;
    }
    

    
    /* 문의 : 1024px */
    .sect-contact .view-more{
        width:50%;
    }
    .sect-contact .sect-contact-inner{
        flex-direction: column;
    }
    .sect-contact .sect-contact-inner > div{
        width:100%;
    }
    .route{
        height:300px;
    }
    .route iframe{
        margin-top:0 !important;
    }
    .sect-contact .view-more{
        margin:20px auto 70px auto;
    }

    /* contact us */
    .sect-contact{
        margin-top: 100px;
    }
    .sect-contact-inner > div{
        width:100% !important;
    }
    
    /* ===================================================== */
    /* 전체메뉴 : 1024px */
    .all-menu{
        width:80%;
    }
    .menu-form .col{
        flex-wrap: wrap;
    }
    .menu-form .col li{
        margin-bottom:15px;
    }
    
    /* 검색 : 1024px */
    .search-area-inner{
        min-width:inherit;
        width: 100%;
    }
    .search-area-inner .recommend {
        flex-direction: column;
    }
    .search-area-inner .recommend .tit{
        margin-bottom:20px;
    }
    
    /* ===================================================== */
    /*  회사소개 : 1024px */
    .vision .vision-img{
        background-size: contain;
        padding-top: 66.4%;
        height:0;
    }
    .services{
        flex-wrap: wrap;
    }
    .services .service-item {
        width: calc(50% - 20px);
        margin-bottom:40px;
    }
    .company-info table tr th,
    .company-info table tr td{
        font-size:1.6rem;
        padding: 18px 20px;
    }    
    .about {
		padding-left: 30px;
		padding-right: 30px;
		margin:0 auto;
	}
    .vision-text{
        padding-left:30px;
        padding-right:30px;
    }
    .sub-our-services{
        padding:0 30px;
    }
    .sub-our-service-item .sub-tit,
    .sub-our-service-item .text{
        font-size:1.6rem;
    }
    .sub-our-service-item .item-bg{
        padding:0 20px;
    }
    .sub-our-service-item .item-bg .logo img{
        width:70%;
    }



    
    /* ===================================================== */
    /* 인증서 : 1024px */
	.certification {
		padding: 0 16px;
	}
    .ci-container .sub-cont-inner{
        width:100%;
        padding: 80px 30px;
    }
    .ci-container .sub-cont-inner img{
        width:100%;
    }	
	.certification .item{
		width:28.4%;
	}
	.certification .item:nth-child(3n){
		margin-right:0 !important;
	}
	.certification .item:nth-child(4n){
		margin-right:6.66%;
	}
	.cert-tab{
		width:100%;        
	}
    .cert-tab li{
        font-size:1.6rem;        
    }

    

    /* ===================================================== */
    /* myView : 1024px */
    .myview-intro .specifications{
        width:100%;
    }
    .myview-intro .img-explain li:nth-child(odd){
        width:100%;
    }

    /* ===================================================== */
    /* jrc : 1024px */
    .product-item-list li{
        width:22%;
    }

    /* FAQ : 1024px */
    .cert-tab{
        flex-wrap: wrap;
    }
    .content-faq .cert-tab li{
        width:33.33%;
        margin-left:-1px;
        margin-top:-1px;
    }

    /* ===================================================== */
    /* service : 1024px */
    .service-core-inner{
        flex-wrap: wrap;
    }
    .service-core-inner .service-core-box {
        margin-bottom: 30px;
        width: calc(50% - 15px);
    }

}
/* // 화면 너비 0 ~ 1024px 끝 */



/* 화면 너비 0 ~ 768px */
@media screen and (max-width:768px) { 
    /* 헤더 : 768px */
    .header-inner .hd-logo {
        position: absolute;
        top: 26px;
        left: 16px;
    }
    .utill-wrap{
        right:16px;
    }

    /* 메인 : 768px */
    .layout-1{
        padding-left:16px;
        padding-right:16px;
    }
    .layout-1 .sect-title {
        font-size: 4rem;
    }
    .sect-visual{
        display:table;
    }
    
    .carousel .slide-bottom{
        display:none;
    }
    .slide-item-text span {
        font-size: 1.8rem;
    }
    .slide-item-text{
        font-size:3.2rem;
    }
    .slide-item-text{
        transform: translate(-50%, -50%);
    }
    .carousel .slide .view{
        bottom:50px;
    }

    /* our services : 768px */
    .sect-service .layout-1{
        flex-direction: column;        
    }
    .our-service-inner{
        width:100%;
        gap: 30px 0;
    }
    .our-service-item .our-service-top{
        height:300px;
    }

    .layout-1{padding:80px 30px;} /* 전체 여백 30px */

    /* Notice : 768px */
    .notice-inner-cont ul li a{
        flex-direction: column;
        text-align: left;
        align-items: flex-start;
    }
    .notice-inner-cont ul li a .badge{
        margin:0;
        font-size:1.4rem;
    }
    .notice-inner-cont ul li a .title{
        width:100%;
        font-size:1.8rem;
        margin:10px 0;
    }
    .notice-inner-cont ul li a .date{
        width:initial;
        font-size:1.4rem;
    }
    .sect .sect-title + .view-more {
        top:100px; right: 40px;
    }

    /* Newsletter : 768px */
    .sect-newsletter .btn-subscribe{
        width:50% !important;
        top:inherit; bottom:-80px;
        left:50%;
        transform:translateX(-50%);
    }
    .newsletter-thumb{
        height:350px;
    }

    

    /* ===================================================== */
    /* 전체메뉴 : 768px */
    .all-menu{
        width:90%;
    }
    .menu-form .col{
        flex-direction: column;            
    }
    .menu-form .col li{
        margin-bottom:15px;
    }

    /* ===================================================== */
    /*  서브 공통 : 768px */
    .sub-location {
        width:100%;
    }
    .sub-loc-inner .home{
        display:none;
    }
    .sub-loc-inner .sub-dep{
        width:50%;
    }
    .visual-title{
        font-size:8vw;
    }
    .sub-cont-inner {
        padding-top: 30px;
    }
    .sub-title{
        margin-top:30px;
        margin-bottom:20px;
    }

    .sub-bottom-button .btn{
        width:45%;
    }
    
    /* ===================================================== */
    /*  회사소개 : 768px */
    
    .about{            
        line-height: 1.4em;
        height:150px;
        width:95%;
        margin:0 auto;
    }
    .about p{
        line-height:1.2em;
        font-size:2.2rem;
    }
    .sub-our-services{
        flex-direction: column;
    }
    .services .service-item {
        width: 100%;
        margin-bottom:20px;
    }
     .company-info table tr th{
        width:35%;
    }
    .vision{
        padding:0 16px;
    }
    .vision .vision-img{display:none;}
    .vision-img-768 > img{
        margin-bottom:20px;
        width:100%;
        max-width:590px;
    }
    .vision .vision-img-768 {      
        margin-bottom: 50px;
        text-align: center;
    }
    .vision .vision-img-768{
        display:block;
    }
    .vision-img-768 .inner{
        margin-bottom:30px;
    }
    .vision-img-768 .inner h3{
        color:#EC363F;
        font-size:1.8rem;
    }
    .vision-img-768 .inner p{
        color:#707070;
        font-size:1.5rem;
        margin:5px 0;
    }
    .vision-img-768 .inner div{
        color:#A2A2A2;
        font-size:1.4rem;
        line-height:1.3em;
    }
    .vision-text{
        padding:80px 16px 60px 16px;
    }



    .vision.en div{
        background-image: url(/images/sub/vision_768_en.png);
        background-size:cover;
        padding-top:100%;
    }

    .sub-our-service-item{
        width:100%;
        max-width:100%;
        height: 350px;
        margin-bottom:20px;
    }
    .participating{
        height: auto;
        background-size:cover;
        padding: 0 16px;
    }    
    .participating li .year {
        font-size: 2.5rem;
    }
    .participating li .his-text {
        font-size: 1.6rem;
    }
    .company-info {
        padding: 0 16px;
    }
    .company-info table tr th, .company-info table tr td {
        padding: 12px 15px;
        word-break: break-all !important;
        line-height:1.2em;
    }
    .sub-our-service-item.os-1 .item-bg{
        background-size:cover;
    }
    .sub-our-service-item .item-bg .logo img{
        width:inherit;
    } 

    /* 윤리경영 : 768px */
    .img-ethical{display:none;}
    .img-ethical-768{
        display:block;
        margin: 50px 0;
        padding:0 16px;
        text-align: center;
    }
    .img-ethical-768 h2 {
        font-size: 2.4rem;
        font-weight: 700;
        margin: 0 auto 20px auto;
        background-color: #D62429;
        border-radius: 50%;
        width: 150px;
        height: 150px;
        padding-top: 65px;
        color: #fff;
    }
    .img-ethical-768 .inner{
        margin-bottom:30px;
    }
    .img-ethical-768 .inner h3{
        font-size:1.8rem;
        font-weight:500;
        margin-bottom:8px;
        line-height:1.2em;
        text-align: left;
    }
    .img-ethical-768 .inner p{
        font-size:1.6em;
        line-height:1.3em;
        color:#878787;
        position:relative;        
        text-align: left;
        padding-left:10px;
    }
    .img-ethical-768 .inner p::before{
        content:""; display:block; clear:both;
        width:4px; height:4px;
        border-radius:50%;
        background-color:#878787;
        position:absolute; top:8px; left:0;
    }
    .sub-ethical .sub-bottom-button .btn{
        width:70%;
    }

    /* 안전보건경영방침 : 768px */
    .img-sah{display:none;}
    .img-sah-768{
        display:block;
        margin:50px 0;
    }
    .img-sah-768 .inner{
        text-align: center;
        position:relative;
        margin-bottom:20px;
    }
    .img-sah-768 .inner .num{
        font-size: 2rem;        
        color: #fff;        
        display: block;
        position:relative;
        z-index: -1;
        padding: 5px 0 3px 0;
    }
    .img-sah-768 .inner .num::after{
        content:""; display:block; clear:both;
        width: 60px; height: 60px;
        position:absolute; top:0; left:50%;
        transform:translateX(-50%);
        background-color: #D62429;
        border-radius: 50%;
        z-index:-1;
    }
    .img-sah-768 .inner .text{
        width:80%;
        font-size:1.6rem;
        line-height:1.3em;
        background-color:#fff;
        border-radius:20px 0 20px 0;
        box-shadow:5px 5px 15px rgba(0,0,0,0.1);
        padding: 30px;
        margin:0 auto;
    }


 
    /* 파트너 : 768px */
    .partner_item ul > li{
        float:inherit;
        width:100% !important;
        margin-bottom:10px;
    }


    /* ===================================================== */
    /*  Alpha Captain : 768px */        
    .alpha-captain .about{
        background-size:cover;
    }
    .alpha-captain .about p{
        font-size:1.6rem;
        line-height:1.4em;        
    }
    .alpha-captain .component .comp-box .img{
        background-size:32%;
        height:250px;
    }

    /* 카탈로그 : 768px */
    .catalog{
        flex-direction: column;
        text-align: center;
    }
    .catalog .catalog-img{
        margin-right: 0;
        margin-bottom: 10px;
    }
    .catalog .text div{
        font-size:3rem;
    }
    .catalog .text a{
        width:100%;
    }

    .alpha-captain .component .bottom {
        flex-direction: column;
    }
    .alpha-captain .component .comp-box {
        width:100%;
        margin-bottom: 30px;        
    }
    .alpha-captain .component .comp-box .box.office{
        padding-bottom:70px;
    }
    .alpha-captain .component .comp-box .comp-box-bottom {
        bottom: 0;
        padding: 15px;
    }
    .alpha-captain .component .comp-box .ball,
    .alpha-captain .component .bottom::after,
    .alpha-captain .component .comp-box::before,
    .alpha-captain .component .comp-box::after,
    .alpha-captain .component .top::after,
    .alpha-captain .component .top::before{
        display:none;
    }
    .alpha-captain .component .top{
        margin-bottom:50px;
    }

    .ac-type .left-side{
        width:100%;
    }
    .ac-type .right-side .cont{
        width:100%;
    }
    .ac-type .right-side .cont img{
        width:100%;
        max-width:500px;
    }
    .ac-type .right-side .cont .basic-btn {
        width: 70% !important;
    }
    .ac-type.type1 .tb thead tr th,
    .ac-type.type1 .tb tbody tr td{
        font-size:1.6rem;    
    }
        
    .ac-type .optimal-route{
        padding: 5rem 2rem;
    }

    .alpha-captain .component .comp-box-bottom a{
        width:48%;
        margin:0;
    }

    /* 02 A.C : 768px */
    .ac-type.type2 .screen{
        flex-wrap: wrap;
        justify-content: space-between;
        width: 100%;
    }
    .ac-type.type2 .screen div{
        width:48%;
        margin-right:0;
        margin-bottom:10px;
    }
    .ac-type.type2 .function{
        flex-direction: column;
    }
    .ac-type.type2 .function li{
        width:100%;
        margin-bottom:10px;
    }
    .ac-type.type2 .movie,
    .ac-type.type2 .movie iframe{
        width:100%;
    }

    /* 03 A.A : 768px */
    .ac-type.type3 .img{
        display:flex;
    }
    .ac-type.type3 .img img{
        width:calc(33.33% - 6px);
        margin-right:9px;
    }
    .ac-type.type3 .img img:last-child{
        margin-right:0;
    }

    /* 04 A.N : 768px */
    .ac-type.type4 > div{
        flex-direction: column;
    }

    .video-ac iframe{
        height:400px;
    }
    .ac-tb-wrap{
        padding:0 16px;
    }
    .ac-tb th, .ac-tb td{
        padding:10px 12px;
        font-size:1.4rem;
    }


    /* ===================================================== */
    /* eduros : 768px */
    .eduros_process_item{
        height:755px;
        background-image:url('/images/sub/eduros/eduros_process_m.jpg')
    }
    .eduros_process_item.en{
        background-image:url('/images/sub/eduros/eduros_process_m_en.jpg')
    }
    .jrc_ecdis_info{
        flex-wrap: wrap;
		margin-top:50px;
    }
    .jrc_ecdis_info > li{
        width:49%;        
    }
    .elearning_bg {
        height: 520px;
    }
    .table_default2 thead tr th,
    .table_default2 tbody tr th,
    .table_default2 tbody tr td{
        padding:5px 12px;
        font-size:1.4rem;
    }
    .eduros_item > p{
        font-size:1.8rem;
    }

    .eduros_item .visual{
        height:850px;
        background-position: top center;
        background-size: contain;
    }
    .eduros_item .visual > .text{
        width:inherit;
        top: 17%;
    }
    .eduros_item .equipment > li,
    .eduros_item .item > li{
        padding-top:150px;
        width:33%;
    }
    .eduros_item .equipment,
    .eduros_item .item{
        flex-wrap: wrap;
    }
    .eduros_item .equipment {
        bottom: 350px;
    }

    .elearning_bg .equipment{
        bottom:0;
    }


    /* ===================================================== */
    /* myview : 768px */    
    .sub-myview .top .text{
        width:100%;
    }
    .eduros_item .movie > iframe {
        height:350px;
    }

    /* ===================================================== */
    /* seaso : 768px */

    /* ===================================================== */
    /* jrc : 768px */
    .product-item-list li{
        width:30%;
    }

    /* ===================================================== */
    /* service : 768px */
    .tech-wrap{
        flex-direction: column;
    }
    .tech{
        width:100%;
        margin-bottom:20px;
    }
    .step{
        flex-direction: column;
    }
    .step li{
        width:100%;
        margin-bottom:30px;
        margin-right: 0;
    }
    .step li::after{
        right:inherit;
        top:inherit;
        bottom:-25px;
        left:50%;
        transform:rotate(90deg);
    }
    .techimg{
        height:auto;
    }
    .service-core-inner{
        flex-direction:column;
        gap:15px 0;
    }
    .service-core-inner .service-core-box{
        width:100%;
        padding:50px 30px;
    }
    


    /* ===================================================== */
    /* 게시판 : 768px */
    .board .tb-top form{
        flex-direction: column;
        width:100%;
    }
    .tb-top .search-inline,
    .board .tb-top form .input-area{
        width:100%;
    }

    .table-list .cs-tb-top{display:none;}
    .table-list li .tb-inner{
        flex-direction: column;
        align-items: flex-start;
        padding: 1rem 1.2rem;
        position:relative;
    }
    .table-list li.cs-tb-cont .tb-inner > div {
        justify-content: flex-start;
        padding: 0.5rem 0;
    }
    .table-list li.cs-tb-cont .tb-inner .noti-wrap,
    .table-list li.cs-tb-cont .tb-inner .num{
        position:absolute; left:12px;
        width:50px;        
    }
    .table-list li.cs-tb-cont .tb-inner .noti-wrap span,
    .table-list li.cs-tb-cont .tb-inner .num span{
        width:100%;
        text-align: center;
    }
    .table-list li.cs-tb-cont .tb-inner .num span{
        font-size:2rem;
        font-weight:700;
        color:#bbb;
    }
    .table-list li.cs-tb-cont .tb-inner .tit,
    .table-list li.cs-tb-cont .tb-inner div.date{
        padding-left:70px;
        width: 100%;
    }

    /* 게시판 - 문의 : 768px */
    .inquiry-table-list .cs-tb-cont .answer{
        position:absolute; top:4px; left:80px;
    }
    .inquiry-table-list .cs-tb-cont  .kind{
        position:absolute; top: 10px; left: 146px;
    }
    .inquiry-table-list .cs-tb-cont  .kind.en{
        left: 200px;
    }
    .inquiry-table-list .cs-tb-cont .tit{
        padding-top: 37px !important;
    }
    .inquiry-table-list .cs-tb-cont .name{
        position: absolute; top: 10px; right: 12px;
        width: fit-content;
    }

    .inquiry-tb-top{
        flex-direction: column;
    }
    .inquiry-tb-top .write-btn{
        margin-bottom:10px;    
        justify-content: flex-end;
    }
    .tb-write tr th{
        width: 0;
        padding: 0;
        display: none;
    }
    .tb-write tr td{
        width:100%;
    }

    /* 문의글 작성 : 768px */
    .tb-write .type {       
        flex-wrap: wrap;
    }
    .tb-write .type li{
        margin-bottom:10px;
        width:50%;
        margin-right:0;
        padding-right:15px;
    }
    .tb-write .input-area{
        width:100% !important;
    }
    .board-bottom .col-2{
        width:60% !important;
    }
    .tb-write tr th, 
    .tb-write tr td{
        padding:15px 12px;
    }

    /* FAQ : 768px */
    .faq-list li{
        padding:16px;
    }
    .faq-list li .tit{
        font-size:1.6rem;
        padding-right: 22px;
    }

    /* 오시는길 : 768px */
    .sub-cont-inner .board > div > img{
        width:100%;
    }
    .info-transportation{
        flex-direction: column;
    }
    .transport{
        width:100%;
    }

    /* ===================================================== */
    /* kvh : 768px */
    .sub-kvh .request .input-area{
        width:100%;
    }
    .sub-kvh .request .input-area .form-basic{
        width:calc(100% - 200px);
    }
    .sub-kvh .three-cont{
        flex-wrap: wrap;
    }
    .sub-kvh .three-cont p{
        width:100%;
        padding: 20px;
    }
    .sub-kvh .three-cont p::after {
        width: 100%;
        height: 1px;
        bottom: 0;
        right: 0;
        top: initial;
    }

    .subs-option .w{
        width:48%;
    }


    /* ===================================================== */
    /* 검색 : 768px */
    .sub-container.search-cont{
        padding:0 16px;
    }
    .search-box{
        width:100%;
    }

    /* ===================================================== */
    /* 문의하기 팝업 : 768px */
    .modal-center{
        padding:0 16px;
    }
    .modal-popup{
        min-width:100%;
    }
    .inquiry-popup .popup-bottom{
        padding:0 30px 30px 30px;
    }
    .inquiry-popup .popup-bottom button{
        width:50%;
    }


    
}
/* // 화면 너비 0 ~ 768px 끝 */


/* 화면 너비 0 ~ 590px */
@media screen and (max-width:590px) {     

    /* 메인 : 590px */
    .layout-1{
        padding:80px 20px;
    }
    .layout-1 .sect-title{
        font-size:2.4rem;
    }
    .sect .sect-title + .view-more{
        font-size:1.4rem;
        top:94px;
    }
    .our-service-item .our-service-top{
        padding:25px;
    }
    .our-service-item .our-service-top span{
        font-size: 1.8rem;
        line-height:1.3em;
    }
    .our-service-item .our-service-top h3{
        font-size: 3rem;
    }
    .our-service-item .our-service-top p{
        font-size: 1.8rem;
        color: rgba(255, 255, 255, 0.8);
        margin-bottom: 5rem;
        font-weight: 300;
    }
    .our-service-item .our-service-bottom{
        height:60px;        
    }
    .our-service-item .our-service-bottom a{
        padding-top:22px;
    }
    .our-service-item .our-service-bottom a:hover .ico-more{
        transform: translateY(2px);
    }

    .sect-newsletter .sect-title p{
        font-size:1.4rem;
        line-height: 1.2em;
    }
    .sect-newsletter .sect-notice-inner > div{
        flex-direction: column;
    }
    .newsletter-thumb{
        margin-left:0;
        width:100%;
        background-size: cover;
        margin-bottom:30px;
    }
    .scrolldown{
        display:none;
    }
    .go-top{
        bottom: 80px;
        right: 16px;
        width: 40px; height: 40px;
    }

    .sect-contact-inner .w590-100{
        width:100% !important;
    }
    .agree-form{
        flex-direction: column;
    }    


	/* 인증서 : 590px*/
	.certification .item.m a {
		height: 54%;
	}
	.cert-tab li {
		height: 66px;
		display: flex;
		align-items: center;
		justify-content: center;
	}    


    /* Notice : 590px */
    .news-inner-cont ul li a{
        padding: 20px 12px;
    }
    /* newsletter : 590px */
    .newsletter-inner-wrap .news-inner-cont{
        flex-direction: column;
    }
    .newsletter-cont{
        width: 100%;
        text-align: center;
    }
    .newsletter-cont > span {
        font-size: 2.5rem;
    }
    .newsletter-cont p {
        font-size: 3.8rem;
    }
    .newsletter-inner-wrap .btn-wrap{
        flex-direction: row;
        width: 100%;
    }
    .newsletter-inner-wrap .btn-wrap a {
        padding: 1.5rem 3rem;
        width:50%;
    }    
    .news-inner-cont ul li a .date{
        font-size:1.4rem;
        font-weight:300;
    }

    
    /* ===================================================== */
    /* kvh : 590px */
    .subs-option .w{
        width:100%;
    }

    /* ===================================================== */
    /* myView : 590px */
    .sub-myview .top > img {
        width: 40%;
    }
    .sub-myview .top > p{
        font-size:2rem;
    }
    .myview-intro .text{
        flex-direction: column;
    }
    .myview-intro .text li{
        width:100%;
        margin-bottom:20px;
        border-radius:20px;
    }

    /* eduros : 590px */
    .jrc_ecdis_info > li > .title{
        height:70px;
    }
    .jrc_ecdis_info > li {
        margin-bottom: 50px;
    }
    .jrc_ecdis_info_table{
        padding:0;
    }

    /* ===================================================== */
    /* JRC제품 리스트 : 590px */
    .product-list{
        padding:0 16px;
    }
    .product-item-list{
        width:calc(100vw - 32px);
    }
    .product-item-list li{
        width:calc(50% - 4px);
        height:initial;
    }
    .product-item-list li:nth-child(even){
        margin-right:0;
    }
    .product-item-list a{
        min-height: 200px;
    }
    .product-item-list a .title{
        font-size:1.6rem;
    }
    .product-item-list a .text{
        font-size:1.4rem;
    }
    .product-item-list a img{
        width:100%;
    }

    /* JRC제품 : 590px */
    .prod_wrap{
        padding:0 16px;        
    }
    .prod_wrap .prod-header{
        width:calc(100vw - 32px);
        padding: 10px 0 30px 0;
        height:initial;
        margin:initial;
        float:initial;
    }
    .prod_wrap .prod-header .header02{
        width:calc(100vw - 32px);
        float:initial;
    }
    .prod_wrap .prod-header .header03,
    .prod_wrap .prod-header .header03 .text_03{
        width:calc(100vw - 32px);
        text-align:center;
        position:initial;
        margin-top:10px;
    }
    .prod_wrap .prod-header .header03{
        float:initial;
    }
    .discontinued{
        width:calc(100vw - 32px);
    }
    .prod-header .prod-header-img{
        position:initial;
        transform: initial;
        width:calc(100vw - 32px);
        padding:16px;
        background-repeat: no-repeat;
        background-position: center bottom;  
        height: 135px;
        margin-bottom:20px;
    }

    .header03-tab{
        width:calc(100vw - 32px);
    }
    /* 제품 헤더부분 모바일용 이미지 : 590px */
    .nav-0-1{background-image: url(/images/sub/jrcList/jrc_ssv.png);}
    .nav-1-1{background-image: url(/images/sub/jrcList/156.jpg);}
    .nav-2-1{background-image: url();}
    .nav-2-2{background-image: url();}
    .nav-3-1{background-image: url();}
    .nav-3-2{background-image: url(/images/sub/jrcList/38.jpg);}
    .nav-3-3{background-image: url();}
    .nav-3-4{background-image: url(/images/sub/jrcList/160.jpg);}
    .nav-3-5{background-image: url(/images/sub/jrcList/41.jpg);}
    .nav-3-6{background-image: url(/images/sub/jrcList/42.jpg);}
    .nav-3-7{background-image: url(/images/sub/jrcList/43.jpg);}
    .nav-3-8{background-image: url(/images/sub/jrcList/44.jpg);}
    .nav-3-9{background-image: url(/images/sub/jrcList/159.jpg);}
    .nav-3-11{background-image: url(/images/sub/jrcList/161.jpg);}
    .nav-4-1{background-image: url(/images/sub/jrcList/51.jpg);}
    .nav-4-1-2{background-image: url(/images/sub/jrcList/52.jpg);}
    .nav-4-1-3{background-image: url(/images/sub/jrcList/53.jpg);}
    .nav-4-4{background-image: url(/images/sub/jrcList/55.jpg);}
    .nav-4-5{background-image: url(/images/sub/jrcList/162.jpg);}
    .nav-5-1{background-image: url(/images/sub/jrcList/163.jpg);}
    .nav-6-1{background-image: url(/images/sub/jrcList/59.jpg);}
    .nav-6-3{background-image: url(/images/sub/jrcList/164.jpg);}
    .nav-6-4{background-image: url(/images/sub/jrcList/62.jpg);}
    .nav-6-4-2{background-image: url(/images/sub/jrcList/64.jpg);}
    .nav-6-4-3{background-image: url(/images/sub/jrcList/60.jpg);}
    .nav-6-4-4{background-image: url(/images/sub/jrcList/61.jpg);}
    .nav-6-7{background-image: url(/images/sub/jrcList/165.jpg);}
    .nav-7-1{background-image: url(/images/sub/jrcList/49.jpg);}
    .nav-8-1{background-image: url(/images/sub/jrcList/50.jpg);}
    .nav-9-1{background-image: url(/images/sub/jrcList/75.jpg);}
    .nav-10-1-1{background-image: url(/images/sub/jrcList/68.jpg);}
    .nav-10-1-2{background-image: url(/images/sub/jrcList/66.jpg);}
    .nav-10-3{background-image: url(/images/sub/jrcList/69.jpg);}
    .nav-10-4{background-image: url(/images/sub/jrcList/70.jpg);}
    .nav-10-5{background-image: url(/images/sub/jrcList/50544.jpg);}
    .nav-11-1{background-image: url(/images/sub/jrcList/154.jpg);}
    .nav-11-2{background-image: url(/images/sub/jrcList/155.jpg);}
    .nav-11-3{
        background-image: url(/images/sub/jrcList/155.jpg);
        height:135px !important;
    }
    .nav-12-1{background-image: url(/images/sub/jrcList/73.jpg);}
    .nav-13-1{background-image: url(/images/sub/jrcList/76.jpg);}

    .com-1-1{background-image: url(/images/sub/jrcList/84.jpg);}
    .com-2-1{background-image: url(/images/sub/jrcList/168.jpg);}
    .com-2-2{background-image: url(/images/sub/jrcList/167.jpg);}
    .com-2-3{background-image: url(/images/sub/jrcList/169.jpg);}
    .com-2-4{background-image: url(/images/sub/jrcList/166.jpg);}
    .com-2-5{background-image: url(/images/sub/jrcList/88.jpg);}
    .com-2-6{background-image: url(/images/sub/jrcList/89.jpg);}
    .com-6-1{background-image: url(/images/sub/jrcList/86.jpg);}
    .com-5-1{background-image: url(/images/sub/jrcList/90.jpg);}
    .com-5-2{background-image: url(/images/sub/jrcList/91.jpg);}
    .com-3-1{background-image: url(/images/sub/jrcList/77.jpg);}
    .com-3-2{background-image: url(/images/sub/jrcList/78.jpg);}
    .com-3-3{background-image: url(/images/sub/jrcList/171.jpg);}
    .com-3-4{background-image: url(/images/sub/jrcList/170.jpg);}
    .com-3-5{background-image: url(/images/sub/jrcList/.jpg);}
    .com-4-1{background-image: url(/images/sub/jrcList/81.jpg);}
    .com-4-2{background-image: url(/images/sub/jrcList/82.jpg);}
    .com-4-3{background-image: url(/images/sub/jrcList/83.jpg);}
    .com-7-1{background-image: url(/images/sub/jrcList/FB60.png);}
    .com-8-1{background-image: url(/images/sub/jrcList/TronSART20.png);}


    .prod-header-img img{
        display: none;
    }
    .prod_wrap .prod-header .header02 .text_02{
        position: initial;
        font-size:4.5rem;
        line-height:1.3em;
        text-align: center;
    }
    .prod_wrap .prod-header .header02 .down{
        position:initial;
        float:initial;
        margin-top:30px;
        text-align: center;
    }

    .t_box{
        width:calc(100vw - 32px);
    }
    .t_box.flex,
    .text_p.flex,
    .t_box .flex,
    .text_p.flex-basic{
        flex-direction: column !important; /* 전체 적용해도 될지 보기 */
    }

    .t_col3{
        flex-direction: column;
    }
    .t_box > div.t_col3 div{
        width:calc(100vw - 32px);
        margin:initial;
    }
    .contents_sub{
        width:calc(100vw - 32px);
    }
    .prod_wrap .contents_sub .start{
        float:initial;
    }
    .contents_sub img{
        height:fit-content;
        width:calc(100vw - 32px) !important;
        margin: initial;
    }
    .contents_sub table img{
        width:auto !important;
    }
    .contents_sub iframe{
        width:100%;
    }
    #div1 table, #div2 table{
        min-width: 100%;
        width:auto;
    }
    /* div:has(.table01){
        overflow-x:auto;
    } */
    .ofx-a{
        overflow-x:auto;
        display:block !important;
    }
     .ofx-a img{
        width:100%;
     }
   

    /* 서브페이지 메뉴 : 590px */
    .sub-loc-inner .sub-dep > button{
        padding:0 12px;
        font-size:1.4rem;
    }

    /* Alphca Captain : AI-RMS */
    .sub-ac .top .text,
    .keyfeatures-gif{
        padding:0 16px;
    }
    .keyfeatures-wrap{
        flex-direction: column;
    }
    .key-cont{
        gap : 20px;
    }
    .keyfeatures-wrap{
        flex-direction: column;
        padding:0 16px;
    }
    .key-tit .text{
        margin-bottom: 20px;
        position: inherit;
        transform: none;
    }
    .key-tit .bg-w{
        display:none;
    }

    /* 서브페이지 하단 버튼 */
    .sub-bottom-button .btn{
        width:80%;
    }

	/* ============================= */
    /* JRC제품 - satellite : 590px */
    /* tab1 - Inmarsat : 590px */
	.solution_inmarsat_item > .inmarsat{
		width:100%; height:auto;
	}
	.solution_inmarsat_item > .inmarsat > .img{
		width:100%; height:250px;
		background-size:100%;
		position:initial; left:initial;
	}
    .solution_inmarsat_item > .inmarsat > .text{
        position:initial;
        width:100%;
    }

    .solution_inmarsat_item > .fbb > .text{
        width:100%;
    }
    .solution_inmarsat_item > .fbb .brochure-down a{
        margin-bottom:5px;        
    }
    .solution_inmarsat_item > .fbb > .visual{
        width:100%;
    }
    .solution_inmarsat_item > .fbb > .visual > li > .img{
        background-size:100%; height:150px;
    }
    .solution_inmarsat_item > .fbb > .visual > .fb_501 > .label,
    .solution_inmarsat_item > .fbb > .visual > .fb_251 > .label{
        padding-left:0;
    }

    .isatphone .flex{
        flex-direction: column;
    }
    .solution_inmarsat_item > .isatphone .text,
    .solution_inmarsat_item > .isatphone .img{
        width:100%;
    }
    .solution_inmarsat_item > .isatphone .img{
        height:200px;
        background-position: center;
    }
    .solution_inmarsat_item > .isatphone .brochure-down{
        text-align: center;
        margin-top: 40px;
    }

    /* tab2 - Iridium : 590px */
    .solution_iridium_item{
        padding-top: 100px;
        background-position: center 0;
        background-size: 170%;
        margin-bottom:100px;
    }
    .iridium_pilot {
        width: 100%;
        margin: 0 auto 30px auto;
        padding-top: 0;
    }
    .iridium_pilot > .img{
        width:100%;
        background-position: center;
        margin-left: 0;
        background-size: 80%;
    }

    .iridium_pilot > .content {
        float: initial;
        width: 100%;
    }
    .iridium_pilot > .content > .advantage > ul{
        width: 100%;
        float: initial;
    }
    .iridium_pilot > .content > .advantage > ul.second{
        width:100%;
    }

    .iridium_extreme_wrap > .iridium_extreme_item{
        width: 100%;
        text-align: center;
    }
    .iridium_extreme_item > .img{
        float: initial;
        width: 85px; height: 315px;
        background-size: 100%;
    }

    .iridium_extreme_item > .content{
        float: initial;
        width: 100%;
        margin-right: 0;
    }
    .iridium_extreme_item > .content > .title,
    .iridium_extreme_item > .content > .desc{
        text-align: left;
    }
    .iridium_extreme_item > .content > .advantage > ul,
    .iridium_extreme_item > .content > .advantage > ul.second{
        width:100%;
        text-align: left;;
    }
    .iridium_lt_3100_item,
    .iridium_lt_3100_item{
        width:100%;
        flex-direction: column;
        margin:65px 0;
    }
    .iridium_lt_3100_item > .img{
        background-size: 100%;
        width: 100%; height:172px;
    }
    .iridium_lt_3100_item .content{
        width:100%;
    }
    .iridium_lt_3100_item .content .advantage{
        flex-direction: column;
    }
    .iridium_lt_3100_item .content .advantage ul,
    .iridium_lt_3100_item .content .advantage ul.second{
        width:100%;
    }

    .iridium_9555_wrap > .iridium_9555_item{
        width:100%;
        flex-direction: column;
        padding: 65px 16px;
    }
    .iridium_9555_item > .img{
        width:100%;
    }
    .iridium_9555_item > .content{
        width:100%;
        margin-right:0;
    }
    .iridium_9555_item > .content > .advantage{
        flex-direction: column;
    }
    .iridium_9555_item > .content > .advantage > ul,
    .iridium_9555_item > .content > .advantage > ul.second{
        width:100%;
    }

    .discontinued{
        width:100%;
    }

    /* tab3 - Anti-Piracy : 590px */
    .solution-anti-priacy .content{
        width:100%;
        text-align:left;
    }
    .antipiracy_item .layout tbody tr{
        display:flex; flex-direction: column;
    }
    .antipiracy_item .layout tbody tr > td{
        width: 100%;
    }
    .antipiracy_header > .title_img{
        height: 250px;
        background-size: 65%;    
    }
    .antipiracy_content .component{
        background-size: 100%;
        height: 94px;
    }
    .tb_battery{
        width:100%;
    }

    .antipiracy_item .advantage{
        width:100%;
    }
    .features{
        width:100%;
    }
    .features ul li{
        width:25%;
    }
    .features ul li .img{
        background-size:100%;
    }

    /* tab4 - Maritime Telecommunication : 590px */
    .solution_communitation_item > .content{
        width:100%;
    }
    .solution_communitation_item > .content{
        padding:0 16px;
    }
    .solution_communitation_item > .content > .crew_com{
        padding: 45px 16px;
    }
    .solution_communitation_item .ex-img{
        flex-direction: column;
    }
    .crew_com .ex-img img{
        width:80%; margin-right:0;
        margin-bottom:10px;
    }

    .satgate_item > .content > .title{
        padding: 0 16px;
    }
    .satgate_item > .content > .content{
        padding: 0 16px;
    }
    .satgate_item > .content,
    .mail_on_board_item > .content{
        width:100%;
    }
    .mail_on_board_item > .img{
        position:initial;
        display: block;
    }
    .mail_on_board_item > .content > .title,
    .mail_on_board_item > .content > .content{
        padding:0;
    }
    .comm-process{
        flex-direction: column;
        background-size: 100%;        
    }
    .process-box{
        width:100%;
        background-size: 100%;
        margin-bottom: 30px;
        height:210px;
    }
    .process-box::after{
        position: absolute;
        left: 50%;
        bottom: -32px;
        top:initial;
        transform: translateX(-50%) rotate(90deg);
    }

}
/* // 화면 너비 0 ~ 590px 끝 */

.click-text{
    text-decoration: underline !important;
}