/* ----- 슬라이드 항목 ------ */

.slider-container {
    display: flex;
    flex-wrap: nowrap;   /* 슬라이드 항목들이 수평으로 나열되도록 */
    overflow: hidden;    /* 넘치는 부분은 숨김 */
    width: 100%;
    box-sizing: border-box;
}

.slick-initialized .slick-slide{
    display:flex;
}


.detail_contents_submenu_body_wrapper {
    display: flex;
    flex-shrink: 0;  /* 항목이 작아지지 않도록 설정 */
    width: 100%;
	height:700px;   
}

/*.detail_contents_submenu_body_wrapper img{

    image-rendering: crisp-edges;
  filter: blur(0.3px);

}*/


.detail_contents_submenu_body_text {
    flex: 0 0 36%;
    padding: 3.75rem 2.5rem 1.87rem 3.5rem;
    word-break: keep-all;
    overflow-wrap: break-word;
}

.detail_contents_submenu_body_text h2{
    font-size:2rem;
    font-weight:600;
}

.detail_contents_submenu_body_text .script{
    color:#999999;
}

.detail_contents_submenu_body_text .text_list{
    color:#444;
    padding-top:1.87rem;
    line-height:2;  
    /*word-wrap: break-word;
    overflow-wrap: break-word;
    white-space: normal;*/     
}

.detail_contents_submenu_body_text .text_list .subsize{
    display:block;
    font-size:0.875rem;
    line-height:1.5;
    color:#999;
}


.detail_contents_submenu_body_text .text_list .fontblue{
    color:#5f89e2;
    font-weight:500;
}

.detail_contents_submenu_body_text .text_list dl{
    padding-bottom:1rem;
}

.detail_contents_submenu_body_text .text_list dt{
    font-size:1rem;
    font-weight:600;
}

.detail_contents_submenu_body_text .text_list dd{
    margin:0;
    padding:0;
    color:#444;    
}

.detail_contents_submenu_body_img {
    position:relative;
    display: flex;
    justify-content: center; /* 수평 중앙 정렬 */
    align-items: center; /* 수직 중앙 정렬 */
    /*flex: 0 0 64%;*/
	height:100%;
    padding: 1.25rem 1.25rem 1.87rem 1.25rem;
    border-left: 1px solid #ddd;
	background:#fafafa;
}

.detail_contents_submenu_body_img img{
    filter: drop-shadow(1px 1px 1px #c3c3c3);
}


.detail_contents_submenu_body_img.mobile1{
    background:#fafafa url("/home2/images/2025/img_screen_back_01.png") no-repeat 0 100%;
    background-size:cover;
}

.detail_contents_submenu_body_img_position{
    position:relative;
    width:100%;
    height:100%; 
}

.detail_contents_submenu_body_img_position img{
    border:1px solid #ebebeb;
}

.mobileonly{
    display:inline-block; 
    width:27%; 
    height:auto; 
    margin:5rem 0.5rem;
    filter: drop-shadow(1px 1px 1px #ccc);
    image-rendering: auto; /* Chrome, Safari */
}


/*메뉴 소개 페이지*/

.detail_contents_submenu_body_wrapper.introduction{
    background:#fff url("/home2/images/2025/img_screen_back_02.png") no-repeat 0 100%;
}

.detail_contents_submenu_body_wrapper.introduction .contents{
    word-break: keep-all;
    overflow-wrap: break-word;
    /*white-space: nowrap;*/
}

.detail_contents_submenu_body_wrapper.introduction.menu_mobile{
    padding:4.5rem;
}


.detail_contents_submenu_body_wrapper.introduction h1{
    font-size:1.125rem;
    color:#444;
}

.detail_contents_submenu_body_wrapper.introduction h2{
    font-size:2.5rem;
    font-weight:600;
    color:#444;
    margin:1.2rem 0;
}

.detail_contents_submenu_body_wrapper.introduction h2 span{
    font-size:3rem;
    color:#2883ff;
}

.detail_contents_submenu_body_wrapper.introduction .script{
    font-family:"JoseonShinmyeongjo";
    font-size:1.35rem;
    color:#1059b8;
    padding-bottom:3rem;
}

.detail_contents_submenu_body_wrapper.introduction.menu_mobile ul{
    width:90%;
}

.detail_contents_submenu_body_wrapper.introduction.menu_mobile li{  
    display:flex;
    align-items: center;
    justify-content: center;
    border-bottom:1px solid #dedede;
}

.detail_contents_submenu_body_wrapper.introduction.menu_mobile li:nth-child(1){
    border-top:1px solid #dedede;
}

.detail_contents_submenu_body_wrapper.introduction.menu_mobile .list_number{
    display:flex;
    align-items: center;
    justify-content: center;
    width:10%;
    float:left;
}

.detail_contents_submenu_body_wrapper.introduction.menu_mobile .list_number span{
   display:inline-block;
   border-radius:0.2rem;
   background:#143e77;
   color:#fff;
   padding:0.1rem 0.4rem;
}

.detail_contents_submenu_body_wrapper.introduction.menu_mobile dl{  
    display:flex;
    align-items: center;
    overflow:hidden;
    width:90%;
    padding:0.2rem 0;
}

.detail_contents_submenu_body_wrapper.introduction.menu_mobile dt{
    width:25%;
    float:left;
    font-size:1.25rem;
    color:#1059b8;
}

.detail_contents_submenu_body_wrapper.introduction.menu_mobile dd{
    width:75%;
    float:left;
    padding:0 0.5rem;
}

.detail_contents_submenu_body_wrapper.introduction.menu_mobile dd > span{
    color:#000;
    font-weight:600;
}

.detail_contents_submenu_body_wrapper.introduction.menu_mobile .screen{
    display:flex; 
    align-items: center;
    justify-content: center;
}

.detail_contents_submenu_body_wrapper.introduction.menu_mobile .screen img{
    width:55%;
    height:auto;
}



/*메신저*/

.detail_contents_submenu_body_wrapper.introduction.messenger .titlearea{
    padding:4.5rem;
}

.detail_contents_submenu_body_wrapper.introduction.messenger .imgarea{
    display:flex;
    align-items: center;
    justify-content: center;
    padding-top:4rem;
}

.detail_contents_submenu_body_wrapper.introduction.messenger .contents{
    display:flex;
    background:#02245b url("/home2/images/2025/img_screen_back_03.png") no-repeat 0 100%;
    padding:5rem 6rem;
}

.detail_contents_submenu_body_wrapper.introduction.messenger li{  
    display:flex;
    align-items: center;
    justify-content: center;
    border-bottom:1px solid #243a65;
}

.detail_contents_submenu_body_wrapper.introduction.messenger li:nth-child(1){
    border-top:1px solid #243a65;
}

.detail_contents_submenu_body_wrapper.introduction.messenger .list_number{
    display:flex;
    align-items: center;
    justify-content: center;
    width:15%;
    float:left;
    font-weight:200;
}

.detail_contents_submenu_body_wrapper.introduction.messenger .list_number span{
   display:flex;
   width:70%;
   align-items: center;
   justify-content: center;
   font-size:1.875rem;
   color:#cccccc;
   border-radius:0.5rem;
   background:#184990;
   padding:0.5rem 0.6rem;
}

.detail_contents_submenu_body_wrapper.introduction.messenger dl{     
    width:85%;
    padding:1rem 0.5rem;
    line-height:1.5;
}

.detail_contents_submenu_body_wrapper.introduction.messenger dt{    
    font-size:1.25rem;
    color:#4493ff;
}

.detail_contents_submenu_body_wrapper.introduction.messenger dd{
    padding-left:0;
    color:#cccccc;
}

.detail_contents_submenu_body_wrapper.introduction.messenger dd > span{
    color:#ffcc33;
    font-weight:700;
}



/*근태관리*/

.detail_contents_submenu_body_wrapper.introduction.tardiness{
    background:url("/home2/images/2025/img_screen_back_04.png") no-repeat 0 100%;
    padding:4.5rem;
}

.detail_contents_submenu_body_wrapper.introduction.tardiness .menu_header{
    text-align:center;
}

.detail_contents_submenu_body_wrapper.introduction.tardiness ul{
    width:85%;
    margin:1.5rem auto 0 auto;
    overflow:hidden;
}

.detail_contents_submenu_body_wrapper.introduction.tardiness li{  
    display:flex;
    align-items: center;
    justify-content: center;
    width:50%;
    float:left;
}

.detail_contents_submenu_body_wrapper.introduction.tardiness li:nth-child(3n+1){
    background:#6facff;
}

.detail_contents_submenu_body_wrapper.introduction.tardiness li:nth-child(3n+2){
    background:#5696ed;
}

.detail_contents_submenu_body_wrapper.introduction.tardiness li:nth-child(3n+3){
    background:#91befb;
}

.detail_contents_submenu_body_wrapper.introduction.tardiness .list_number{
    display:flex;
    align-items: center;
    justify-content: center;
    width:15%;
    float:left;
}

.detail_contents_submenu_body_wrapper.introduction.tardiness .list_number span{
   display:inline-block;
   /*border-radius:5rem;
   background:#ccc;
   padding:0 0.6rem;*/
   font-size:3rem;
   font-weight:100;
   color:#fff;
   opacity: 0.7;
}

.detail_contents_submenu_body_wrapper.introduction.tardiness dl{  
    width:85%;
    padding:0.8rem 1rem 0.8rem 0;
}

.detail_contents_submenu_body_wrapper.introduction.tardiness dt{
    width:100%;
    font-size:1.25rem;
    color:#fff;
}

.detail_contents_submenu_body_wrapper.introduction.tardiness dd{
    width:100%;
    padding-left:0;
    line-height:1.5;
    color:#3b436c;
}

.detail_contents_submenu_body_wrapper.introduction.tardiness dd > span{
    color:#333;
    font-weight:700;
}


/*고객관리*/

.detail_contents_submenu_body_wrapper.introduction.menu_customer{
    background:#fff url("/home2/images/2025/img_screen_back_04.png") no-repeat 0 100%;
    padding:4.5rem;
}

.detail_contents_submenu_body_wrapper.introduction.menu_customer .menu_header{
    text-align:center;
}

.detail_contents_submenu_body_wrapper.introduction.menu_customer ul{
    width:70%;
    border:1px solid #dfdddd;
    margin:0 auto;
}

.detail_contents_submenu_body_wrapper.introduction.menu_customer li{  
    display:flex;
    align-items: center;
    justify-content: center;
    padding:0;
}

.detail_contents_submenu_body_wrapper.introduction.menu_customer li:nth-child(1) dt{
    background:#033272;
}

.detail_contents_submenu_body_wrapper.introduction.menu_customer li:nth-child(2) dt{
    background:#0c499b;
}

.detail_contents_submenu_body_wrapper.introduction.menu_customer li:nth-child(3) dt{
    background:#1655a9;
}

.detail_contents_submenu_body_wrapper.introduction.menu_customer li:nth-child(4) dt{
    background:#1e60b9;
}

.detail_contents_submenu_body_wrapper.introduction.menu_customer li:nth-child(5) dt{
    background:#256dce;
}

.detail_contents_submenu_body_wrapper.introduction.menu_customer li:nth-child(1) .list_number{
    background:#033272;
    color:#fff;   
}

.detail_contents_submenu_body_wrapper.introduction.menu_customer dl{  
    display:flex;
    align-items: center;
    overflow:hidden;
    width:100%;
    padding:0;
    background:#033272;
}

.detail_contents_submenu_body_wrapper.introduction.menu_customer dt{
    width:35%;
    height:4rem;
    float:left;
    font-size:1.25rem; 
    font-weight:500; 
    line-height:4rem;   
    color:#fff;       
    border-bottom:1px dotted #1f4a84;
}

.detail_contents_submenu_body_wrapper.introduction.menu_customer dt > span{
    display:inline-block;
    width:1.75rem;
    height:1.75rem;
    background:#fff;
    border-radius:3rem;
    color:#000;
    border:0;
    padding:0;
    margin:0 1rem;
    font-size:1rem;
    line-height:1.75rem;
    text-align:center;
    opacity:0.9;    
}

.detail_contents_submenu_body_wrapper.introduction.menu_customer dd{
    width:65%;
    height:4rem;
    float:left;   
    background:#fff;
    padding:0.5rem 1rem;
    line-height:1.5;
    color:#333; 
    border-bottom:1px dotted #97abc7;
}

.detail_contents_submenu_body_wrapper.introduction.menu_customer dd > span{
    color:#1655a9;
    font-weight:600;
}


/*영상*/
.iframe-container {
    position: relative;
    width: 95%; /* 너비를 95%로 설정 */
    height: 0;
    padding-bottom: 54%; /* 16:9 비율 유지 */
    margin: 0 auto; /* 가운데 정렬 */
  }

  .iframe-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

  
/*영상 아이프레임
.video_wrapper{
    width:90%;
    height:100%;
    max-height:470px;
    margin-top:-50px;
}*/




/*기본 옵션사항 수정*/
.slick-dotted.slick-slider{
    margin-bottom:0;
}

.slick-slide{
    margin:0;
}



/*전체보기*/

.detail_contents_all{
    padding: 3.75rem 3rem 3.75rem 4rem;
}

.detail_contents_all h2{
    font-size:2rem;
    font-weight:600;
}

.detail_contents_all .script{
    color:#999999;
}

.detail_contents_all dl{
    position:relative;
    overflow:hidden;
    margin: 0;
    padding:0.875rem;
    border-bottom:1px solid #ebebeb; 
}

.detail_contents_all dl:hover{
    background:#f5f5f5;
}

.detail_contents_all dt{
    float:left;
    margin-right:2rem;
    font-size:1.2rem;
    vertical-align:middle;
}

.detail_contents_all dd a{
    float:left;
    padding:0 1.2rem 0 0;
    margin:0;
    font-size:1rem;
    line-height:1.85;
    color:#666;
}

.detail_contents_all dd a:hover{
    color:#4f87db;
    font-weight:600;
}



/* 반응형 디자인: 화면 크기가 작으면 세로로 표시 */
@media (max-width: 768px) {

    .slider-container {
      display: flex;
      flex-wrap: wrap;
    }

    .detail_contents_submenu_body_text,
    .detail_contents_submenu_body_img {
        flex: 0 0 100% !important; /* 100% 너비로 설정 */
    }
}


/* 페이지 네비게이션 버튼 스타일 */

.slider-navigation {
    text-align: center;
    margin-top: 1.25rem;
    display:none;
}

.prev-btn,
.next-btn {
    padding: 0.625rem;
    font-size: 16px;
    cursor: pointer;
    background-color: #007bff;
    color: white;
    border: none;
    margin: 0 0.625rem;
}


.slick-dots {
    position: absolute;
    top: 15px;
    left: 50%;
    transform: translateX(-50%);
    list-style: none;
    display: flex;
    justify-content: center;
    z-index: 9999; 
    /*width:auto;
    border:1px solid #ccc;
    border-radius:50rem;*/
  
}

.slick-dots li{
    margin:0 0.8rem 0.05rem 0.8rem;
}

.slick-dots li button{
    font-size:1rem;
    line-height:1rem;
    display:block;
    width:30px;
    height:30px;
    /*padding:5px;*/
    cursor:pointer;
    color:#666;
    outline:0;
    background:#ddd;
    border:0px solid #ccc;
    border-radius:20px;
}

.slick-dots li button:focus{
    background:#ff6633;
    color:#fff;
    
}

.slick-dots li button:hover{
    background:#ff6633;
    color:#fff;
    
}

.slick-dots li.slick-active button{
    background:#ff6633;
    color:#fff;
    
}


/*.slick-dots li button:before{
    font-family:slick;
    font-size:6px;
    line-height:20px;
    position:absolute;
    top:0;
    left:-2px;
    width:20px;
    height:20px;
    content:'•';
    text-align:center;
}*/


.slick-dots li button:before{
    font-size:0rem;
    line-height:0rem;
}


/*.slick-dots li button:focus:before, .slick-dots li button:hover:before{
    opacity:0.3;
}


.slick-dots li.slick-active button{
    color:#fff;
}

.slick-dots li.slick-active button:before{
    opacity:1;
    color:#666;
}*/




/* 모달 스타일 */
.image-modal {
    display: none; /* 기본적으로 숨김 */
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8); /* 반투명 검정 배경 */
    justify-content: center;
    align-items: center;
    text-align: center;
}

.modal-content-wrapper {
    display: flex;
    height:100%;
    justify-content: center;
    align-items: center;
    flex-direction: column;

}

.modal-image img {
    width: 80%;
    height: auto;
    margin: 30px auto;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
}

.modal-video iframe {
    max-width: 80%;
    max-height: 80%;
    margin: auto;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
}

.close-btn {
    position: absolute;
    top: 15px;
    right: 25px;
    font-size: 40px;
    font-weight: bold;
    color: white;
    cursor: pointer;
    z-index: 99999;
}




@media (min-width: 1366px) and (max-width: 1500px) {

	.detail_contents_submenu_body_wrapper{
		height:600px;
	}   

    
	.detail_contents_submenu_body_text{		
        padding: 2.5rem 2rem 1.875rem 3rem;
        font-size:15px;
	}


    .detail_contents_submenu_body_text h2{
        font-size:33px;
        font-weight:600;
    }

    .detail_contents_submenu_body_text .script{
        color:#999999;
    }

    .detail_contents_submenu_body_text .text_list{
        color:#444;
        padding-top:1.875rem;
        line-height:2;
    }

    /*메뉴 소개 페이지*/
    .detail_contents_submenu_body_wrapper.introduction.menu_mobile{
        padding:3rem 4rem;
    }

    .detail_contents_submenu_body_wrapper.introduction h1{
        font-size:1.1rem;
        color:#444;
    }

    .detail_contents_submenu_body_wrapper.introduction h2{
        font-size:2rem;
        font-weight:600;
        color:#444;
        margin:1.2rem 0;
    }

    .detail_contents_submenu_body_wrapper.introduction .script{
        font-family:"JoseonShinmyeongjo";
        font-size:1.35rem;
        color:#1059b8;
        padding-bottom:2rem;
    }

    .detail_contents_submenu_body_wrapper.introduction.menu_mobile dt{
        width:30%;
        float:left;
        font-size:1.25rem;
    }

    .detail_contents_submenu_body_wrapper.introduction.menu_mobile dd{
        width:70%;
        float:left;
        padding-left:0;
    }


    /*메신저*/

    .detail_contents_submenu_body_wrapper.introduction.messenger .titlearea{
       padding:3rem 4rem;
    }

    .detail_contents_submenu_body_wrapper.introduction.messenger .imgarea{
        padding-top:3rem;
    }

    .detail_contents_submenu_body_wrapper.introduction.messenger .contents{
        padding:4rem 5rem;
    }

    .detail_contents_submenu_body_wrapper.introduction.messenger dl{     
        width:85%;
        padding:0.7rem 0.5rem;
        line-height:1.5;
    }

    /*근태관리*/
    .detail_contents_submenu_body_wrapper.introduction.tardiness ul{
        width:90%;
        margin:1.5rem auto;
        line-height:1.5;
    }
}


@media (min-width: 1200px) and (max-width: 1365px) {
    .detail_contents_submenu_body_wrapper{
		height:550px;
	}

    .detail_contents_submenu_body_text{
        padding:3rem 2.7rem 1.87rem 2.7rem
    }

    .detail_contents_submenu_body_text h2{
        padding-bottom:0.5rem;
    }

    .detail_contents_submenu_body_text .text_list dd{
        line-height:1.75;
    }

    /*슬라이드*/
    
    .slick-dots {
        position: absolute;
        top: 10px;
        left: 92%;
        transform: translateX(-50%);
        list-style: none;
        display: flex;
        justify-content: center;
        z-index: 9999; 
        /*width:auto;
        border:1px solid #ccc;
        border-radius:50rem;*/
    
    }

    .slick-dots li{
        margin:0 0.5rem 0.05rem 0.5rem;
    }

    .slick-dots li button{
        font-size:1rem;
        line-height:1rem;
        display:block;
        width:25px;
        height:25px;
        /*padding:5px;*/
        cursor:pointer;
        color:#666;
        outline:0;
        background:#ddd;
        border:0px solid #ccc;
        border-radius:20px;
    }



    /*메뉴 소개 페이지*/
    .detail_contents_submenu_body_wrapper.introduction.menu_mobile{
        padding:3rem 4rem;
    }

    .detail_contents_submenu_body_wrapper.introduction h1{
        font-size:1.1rem;
        color:#444;
    }

    .detail_contents_submenu_body_wrapper.introduction h2{
        font-size:2rem;
        font-weight:600;
        color:#444;
        margin:1.2rem 0;
    }

    .detail_contents_submenu_body_wrapper.introduction .script{
        font-family:"JoseonShinmyeongjo";
        font-size:1.35rem;
        color:#1059b8;
        padding-bottom:2rem;
    }

    .detail_contents_submenu_body_wrapper.introduction.menu_mobile dt{
        width:30%;
        float:left;
        font-size:1.25rem;
    }

    .detail_contents_submenu_body_wrapper.introduction.menu_mobile dd{
        width:70%;
        float:left;
        padding-left:0;
    }

    /*메신저*/

    .detail_contents_submenu_body_wrapper.introduction.messenger .titlearea{
       padding:4rem 5rem;
    }

    .detail_contents_submenu_body_wrapper.introduction.messenger .imgarea{
        padding-top:3rem;
    }

    .detail_contents_submenu_body_wrapper.introduction.messenger .imgarea img{
        width:70%;
        height:auto;
    }

    .detail_contents_submenu_body_wrapper.introduction.messenger .contents{
        padding:4rem 5rem;
    }

    .detail_contents_submenu_body_wrapper.introduction.messenger dl{     
        width:85%;
        padding:0.7rem 0.5rem;
        line-height:1.5;
    } 
    
    /*근태관리*/
    .detail_contents_submenu_body_wrapper.introduction.tardiness ul{
        width:90%;
        margin:1rem auto;
        line-height:1.5;
    }
    
}


/* 소형 해상도 (768px ~ 1365px) */
@media (min-width: 992px) and (max-width: 1199px) {
   .detail_contents_submenu_body_wrapper{
		height:500px;
	}
    
	.detail_contents_submenu_body_text{

		padding:3rem 1rem 1.87rem 2rem;
	}

    .detail_contents_submenu_body_text .text_list{
        padding-top:1rem;
    }

    /*슬라이드*/
    
    .slick-dots {
        position: absolute;
        top: 10px;
        left: 92%;
        transform: translateX(-50%);
        list-style: none;
        display: flex;
        justify-content: center;
        z-index: 9999; 
        /*width:auto;
        border:1px solid #ccc;
        border-radius:50rem;*/
    
    }

    .slick-dots li{
        margin:0 0.5rem 0.05rem 0.5rem;
    }

    .slick-dots li button{
        font-size:1rem;
        line-height:1rem;
        display:block;
        width:25px;
        height:25px;
        /*padding:5px;*/
        cursor:pointer;
        color:#666;
        outline:0;
        background:#ddd;
        border:0px solid #ccc;
        border-radius:20px;
    }


    /*메뉴 소개 페이지*/
    .detail_contents_submenu_body_wrapper.introduction.menu_mobile{
        padding:3rem 4rem;
    }

    .detail_contents_submenu_body_wrapper.introduction h1{
        font-size:1.1rem;
        color:#444;
    }

    .detail_contents_submenu_body_wrapper.introduction h2{
        font-size:1.75rem;
        font-weight:600;
        color:#444;
        margin:1.2rem 0;
    }

    .detail_contents_submenu_body_wrapper.introduction h2 span{
        font-size:2.5rem;
    }

    .detail_contents_submenu_body_wrapper.introduction .script{
        font-family:"JoseonShinmyeongjo";
        font-size:1.125rem;
        color:#1059b8;
        padding-bottom:2rem;
    }

	.detail_contents_submenu_body_wrapper.introduction.menu_mobile ul{
		width:100%;
	}

    .detail_contents_submenu_body_wrapper.introduction.menu_mobile dt{
        width:30%;
        float:left;
        font-size:1.25rem;
    }

    .detail_contents_submenu_body_wrapper.introduction.menu_mobile dd{
        width:70%;
        float:left;
        padding-left:0;
    }

    /*메신저*/

    .detail_contents_submenu_body_wrapper.introduction.messenger .titlearea{
       padding:4rem 4rem;
    }

    .detail_contents_submenu_body_wrapper.introduction.messenger .imgarea{
        padding-top:3rem;
    }

    .detail_contents_submenu_body_wrapper.introduction.messenger .imgarea img{
        width:80%;
        height:auto;
    }

    .detail_contents_submenu_body_wrapper.introduction.messenger .contents{
        padding:3rem 3rem;
    }

    .detail_contents_submenu_body_wrapper.introduction.messenger dl{     
        width:85%;
        padding:0.7rem 0.5rem;
        line-height:1.5;
    }

    /*근태관리*/
    .detail_contents_submenu_body_wrapper.introduction.tardiness ul{
        width:100%;
        margin:0 auto;
        line-height:1.5;
    }

    .detail_contents_submenu_body_wrapper.introduction.tardiness dl{
        width:86%;
        padding:0.8rem 0;
    }

    /*고객관리*/
    .detail_contents_submenu_body_wrapper.introduction.menu_customer ul{
        width:80%;
    }

    /*부가기능*/

     .detail_contents_submenu_body_wrapper.introduction.menu_customer dt{
        height:3.5rem;
        line-height:3.5rem;
     }

    .detail_contents_submenu_body_wrapper.introduction.menu_customer dd{
        height:3.5rem;
        padding:0.3rem 1rem;
    }

    .detail_contents_all dt{
        margin-right:1rem;
    }
    

}

@media (max-width: 991px) {    
    .detail_contents_submenu_body_wrapper{
        display: flex;
        height: auto !important;
        flex-wrap: wrap; 
        align-items: stretch; 
    }

    .detail_contents_submenu_body_wrapper::after {
        content: "";
        display: block;
        clear: both;
    }

   .detail_contents_submenu_body_text{    
        flex:0 0 100%;
        padding:2.5rem 2rem 1.87rem 2.5rem;
        border-bottom:1px solid #f8f8f8;
    }

    .detail_contents_submenu_body_img{
        flex:0 0 100%;
        height:auto;
        min-height:55rem;
        align-items:flex-start;
        border:0;
        background:#fff;
    }


    /*슬라이드*/
    
    .slick-dots {
        position: absolute;
        top: 10px;
        left: 90%;
        transform: translateX(-50%);
        list-style: none;
        display: flex;
        justify-content: center;
        z-index: 9999; 
        /*width:auto;
        border:1px solid #ccc;
        border-radius:50rem;*/
    
    }

    .slick-dots li{
        margin:0 0.5rem 0.05rem 0.5rem;
    }

    .slick-dots li button{
        font-size:1rem;
        line-height:1rem;
        display:block;
        width:25px;
        height:25px;
        /*padding:5px;*/
        cursor:pointer;
        color:#666;
        outline:0;
        background:#ddd;
        border:0px solid #ccc;
        border-radius:20px;
    }


    /*모바일*/

    .detail_contents_submenu_body_wrapper.introduction h2{
        letter-spacing:-1px;
    }

    .detail_contents_submenu_body_wrapper.introduction.menu_mobile ul{
        width:95%;
        margin:0 auto;
    }

    .detail_contents_submenu_body_text .text_list dl{
        width:100%;
    }

    
    .detail_contents_submenu_body_wrapper.introduction.menu_mobile .screen{
        display:flex; 
        align-items: center;
        justify-content: center;
        padding:2rem 0;
    }

    .detail_contents_submenu_body_wrapper.introduction.menu_mobile .screen img{
        width:40%;
        height:auto;
    }

    /*메신저*/

    .detail_contents_submenu_body_wrapper.introduction.messenger .titlearea{
       padding:4rem 4rem;
       text-align:center;
    }

    .detail_contents_submenu_body_wrapper.introduction.messenger .imgarea{
        padding-top:3rem;
    }

    .detail_contents_submenu_body_wrapper.introduction.messenger .imgarea img{
        width:50%;
        height:auto;
    }

    .detail_contents_submenu_body_wrapper.introduction.messenger .contents{
        padding:3rem 4rem;
        background-size: cover;
    }

    .detail_contents_submenu_body_wrapper.introduction.messenger .contents ul{
        margin:0 auto;
    }

    .detail_contents_submenu_body_wrapper.introduction.messenger dl{     
        width:85%;
        padding:0.7rem 0.5rem;
        line-height:1.5;
    } 

    /*근태관리*/
    .detail_contents_submenu_body_wrapper.introduction.tardiness ul{
        width:100%;
        margin:0 auto;
        line-height:1.5;
    }

    .detail_contents_submenu_body_wrapper.introduction.tardiness li{
        height:8rem;
    }

    .detail_contents_submenu_body_wrapper.introduction.tardiness .list_number{
        width:20%;
    }

    .detail_contents_submenu_body_wrapper.introduction.tardiness dl{
        width:80%;
    }

    /*고객관리*/

    .detail_contents_submenu_body_wrapper.introduction.menu_customer .script{
        letter-spacing:-1px;
    }

    .detail_contents_submenu_body_wrapper.introduction.menu_customer ul{
        width:100%;
    }

    .detail_contents_submenu_body_wrapper.introduction.menu_customer dt{
        height:5.2rem;
        line-height:5.2rem;
    }

    .detail_contents_submenu_body_wrapper.introduction.menu_customer dd{
        height:5.2rem;
    }
   

}

@media (max-width: 767px) {

    /*기능안내*/

    /*모바일*/
    .detail_contents_submenu_body_wrapper.introduction.menu_mobile{
        padding:3rem;
    }

    .detail_contents_submenu_body_wrapper.introduction h2 span{
        font-size:2.5rem;
    }

    .detail_contents_submenu_body_wrapper.introduction.menu_mobile ul{
        width:100%;
    }

    .detail_contents_submenu_body_wrapper.introduction.tardiness{
        padding:4.5rem 3rem;
    }

    .detail_contents_submenu_body_img{
        min-height:45rem;
    }

    
    /*슬라이드*/
    
    .slick-dots {
        position: absolute;
        top: 10px;
        left: 88%;
        transform: translateX(-50%);
        list-style: none;
        display: flex;
        justify-content: center;
        z-index: 9999; 
        /*width:auto;
        border:1px solid #ccc;
        border-radius:50rem;*/    
    }
    
}


@media (max-width: 600px){

    
    /*슬라이드*/
    
    .slick-dots {
        position: absolute;
        top: 10px;
        left: 85%;
        transform: translateX(-50%);
        list-style: none;
        display: flex;
        justify-content: center;
        z-index: 9999; 
        /*width:auto;
        border:1px solid #ccc;
        border-radius:50rem;*/
    
    }  

    .detail_contents_submenu_body_img{
        min-height:35rem;
    }

    /*메뉴 소개 페이지*/
    .detail_contents_submenu_body_wrapper.introduction.menu_mobile{
        padding:4rem 3rem;
    }

    .detail_contents_submenu_body_wrapper.introduction.menu_mobile .menu_header{
        text-align:center;
    }

    .detail_contents_submenu_body_wrapper.introduction h1{
        font-size:1.1rem;
        color:#444;
    }

    .detail_contents_submenu_body_wrapper.introduction h2{
        font-size:1.75rem;
        font-weight:600;
        color:#444;
        margin:0.5rem 0;
    }

    .detail_contents_submenu_body_wrapper.introduction h2 span{
        display:inline-block;
        font-size:2rem;
        line-height:1.5;
        color:#2883ff;
    }

    .detail_contents_submenu_body_wrapper.introduction .script{
        font-family:"JoseonShinmyeongjo";
        font-size:1.125rem;
        color:#1059b8;
        padding-bottom:2rem;
    }

    /*모바일*/

    .detail_contents_submenu_body_wrapper.introduction.menu_mobile dl{
        display:block;
    }

    .detail_contents_submenu_body_wrapper.introduction.menu_mobile dt{
        width:100%;
        font-size:1.25rem;
    }

    .detail_contents_submenu_body_wrapper.introduction.menu_mobile dd{
        width:100%;
        padding-left:0;
    }

    /*근태관리*/

    .detail_contents_submenu_body_wrapper.introduction.tardiness{
        padding:4rem 3rem;
    }

    .detail_contents_submenu_body_wrapper.introduction.tardiness ul{
        width:90%;
        margin:1.5rem auto 0 auto;
    }

    .detail_contents_submenu_body_wrapper.introduction.tardiness li{  
        display:flex;
        align-items: center;
        justify-content: center;
        width:100%;
        height:6.5rem;
        margin:0.1rem 0;
        border-radius:0.2rem;
    }

    .detail_contents_submenu_body_wrapper.introduction.tardiness .list_number{
        width:12%;
    }

    .detail_contents_submenu_body_wrapper.introduction.tardiness dl{  
        width:88%;
        padding:0.8rem;
    }

    .detail_contents_submenu_body_wrapper.introduction.tardiness dt{
        width:100%;
        font-size:1.25rem;
        color:#fff;
    }

    .detail_contents_submenu_body_wrapper.introduction.tardiness dd{
        width:100%;
        padding-left:0;
        color:#3b436c;
    }

    .detail_contents_submenu_body_wrapper.introduction.tardiness dd > span{
        color:#000;
        font-weight:700;
    }

    /*고객관리*/
    .detail_contents_submenu_body_wrapper.introduction.menu_customer{
        padding:3rem;
    }

    .detail_contents_submenu_body_wrapper.introduction.menu_customer dd{
        width:86%;
    }

    .detail_contents_submenu_body_wrapper.introduction.menu_customer dt{
        width:37%;
    }

    .detail_contents_submenu_body_wrapper.introduction.menu_customer dd{
        width:63%;
    }


}

@media (max-width: 414px){

    /*슬라이드*/
    .slick-dots {
        position: absolute;
        top: 15px;
        left: 85%;
        transform: translateX(-50%);
        list-style: none;
        display: flex;
        justify-content: center;
        z-index: 9999; 
        /*width:auto;
        border:1px solid #ccc;
        border-radius:50rem;*/
    
    }  

    .explain{
        width:100%;
        border:1px solid #ebebeb;
        border-radius:20px;
        padding:1.25rem 1.5rem;
        margin:5px;
        background:#fff;
    }

    .detail_contents_submenu_body_wrapper.introduction.messenger .imgarea img{
        width:60%;
        height:auto;
    }

    
	.detail_contents_all dt{
		height:5.3rem;
	}

	.detail_contents_all dd a{
		display:inline-block;
		padding:0 1rem 1rem 0rem;
		line-height:1.5;
	}


    /*.video_wrapper{
        width:95%;
        height:100%;
        min-height:185px;
    }*/

}