/* em_quick_YJM */





/* 구분 start -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {
.em_quick_YJM {
    position: fixed;
    right: 0px;
    top: calc(50% + -9px);
    z-index: 9999999999999999;
    transform: translateY(-50%);
    pointer-events: none ; 
}

}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
}
/**** 모바일 ****/
@media only all and (max-width:767px) {

.em_quick_YJM {
    position: fixed;
    left:0px!important;
    bottom: 0px;
    z-index: 999;
 
    pointer-events: none ; 
	width: 100%
	
}
}
/**** 모바일2 ****/
@media only all and (max-width:400px) {
}
/* 구분 //end -----------------------------------*/










.em_quick_YJM .contents-container {
    padding: 0
}

/* 구분 -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {
.em_quick_YJM .quick-area {
    display: flex;
    transform: translateX(15rem);
    pointer-events: none;
    transition: transform 0.4s; 
}
}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
.em_quick_YJM .quick-area {
 width: 100%; float: left; 
}
}
/**** 모바일2 ****/
@media only all and (max-width:400px) {
}
/* 구분 //end -----------------------------------*/




.em_quick_YJM .quick-area.active {
    transform: translateX(0);
    pointer-events: auto
}

.em_quick_YJM .btn-quick {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 4rem;
    height: 4rem;
    background: var(--white);
    color: var(--black);
    border: 1px solid var(--border-color);
    border-right: none;
    transition: background 0.3s;
    pointer-events: auto;  margin-top: 30px; border-radius: 10px 0px 0px 10px 
}

.em_quick_YJM .quick-area.active .btn-quick {
    background: var(--primary);
    border-color: transparent;
    transform: rotate(180deg);
    color: var(--white);border-radius:0px 10px 10px 0px
}

.em_quick_YJM .btn-quick::before {
    font-size: 2rem;
    transition: color 0.3s, transform 0.3s
}


.em_quick_YJM .quick-contact {
    padding: 1.6rem;
    width: 100%;
    text-align: center;
    background-color: var(--white);
    box-shadow: 0 0 4rem 0 rgba(167, 167, 167, 0.2)
}

.em_quick_YJM .quick-contact i {
    font-size: 2.4rem
}

.em_quick_YJM .quick-contact p {
    margin-top: 1.2rem
}

.em_quick_YJM .quick-contact strong {
    display: block;
    margin-bottom: 0.4rem;
    font-weight: var(--fw-bold)
}



.em_quick_YJM .quick-wrap {
    position: relative;
    width: 15rem; 
}


.em_quick_YJM .quick-wrap:before{width: 107px; height: 75px;  position: absolute; left: 50%; top:-40px; margin-left: -53px; content: "";  background: url( "/_img/img/YJM/quick_img.png") no-repeat center center;  background-size:107px; font-family: unicons-line;  z-index: 9}


.em_quick_YJM .quick_in {   
    width: 100%;
    background: var(--white);
    box-shadow: 0 0 4rem 0 rgba(167, 167, 167, 0.2);		
   	border-radius: 35px 0px 0px 35px;
	padding: 60px 15px 30px
	
}



.em_quick_YJM .thumb {
    margin: 0;   width: 100%; position: relative; margin-bottom: 40px
}


.em_quick_YJM .thumb:before{width: 10px; height: 10px;  position: absolute; left: 50%; bottom:-20px; content: "";  background-color: var(--border-color) ;   font-family: unicons-line;  border-radius: 100%; margin-left: -5px}


.em_quick_YJM .thumb:last-child {
    margin: 0;   width: 100%; position: relative; margin-bottom: 30px
}

.em_quick_YJM .thumb:last-child:before{ display: none}




.em_quick_YJM .desc {width: 100%;
    text-align: center;
    font-size:calc(var(--tx-sm-size) * 0.9);
	color: #000; font-weight: 600; 

}



.em_quick_YJM .desc em{
    text-align: center;
    font-size:calc(var(--tit-md-size) * 0.7);
	color: #fc5f7a; font-weight: 800
}


.em_quick_YJM .desc3{
    text-align: center;
    font-size:calc(var(--tit-md-size) * 0.7);
	color: #fc5f7a; font-weight: 800
}


.em_quick_YJM .desc2 {width: 100%;
    text-align: center;
    font-size:calc(var(--tx-sm-size) * 1.2);
	color: #2cabcb;  font-weight: 800
 
}

.em_quick_YJM .desc2 span{width: 100%;
    text-align: center;
    font-size:calc(var(--tx-sm-size) * 1.2);
	color: #55bb5a;  font-weight: 800
 
}

.em_quick_YJM .desc2 em{width: 100%;
    text-align: center;
    font-size:calc(var(--tx-sm-size) * 1.2);
	color: #ed710f;  font-weight: 800
 
}










.em_quick_YJM .thumb .wg_img1{
    width: 100%;
    height: 13rem;
    object-fit: cover
}
.em_quick_YJM .thumb .wg_img1 img {
    width: 100%;
    height: 13rem;
    object-fit: cover
}


.em_quick_YJM .paging {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.4rem;
    padding: 0 1.6rem;
    height: 4.8rem
}

.em_quick_YJM .paging [class*="btn-"] {
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    border: none;
    color: var(--text-color1);
    font-size: 1.6rem;
    font-weight: var(--fw-bold)
}

.em_quick_YJM .paging-wrap {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    color:#333!important; font-size:calc(var(--tx-sm-size) * 0.7);
}

.em_quick_YJM .paging-wrap .curr {
    color:#333!important; font-size:calc(var(--tx-sm-size) * 0.7);
}
.em_quick_YJM .paging-wrap .total {
    color:#333!important; font-size:calc(var(--tx-sm-size) * 0.7);
}
.em_quick_YJM .paging-wrap span {
     color:#333!important;  font-size:calc(var(--tx-sm-size) * 0.7);
}

@media (max-width: 767px) {
    .em_quick_YJM .quick-area {
   width: 100%; float: left
    }

    .em_quick_YJM .btn-quick {
        width: 4rem;
        height: 3rem ; display: none
    }

    .em_quick_YJM .btn-quick::before {
        font-size: 1.6rem
    }


    .em_quick_YJM .quick-contact {
        padding: 1.6rem
    }

    .em_quick_YJM .quick-contact i {
        font-size: 2rem
    }

    .em_quick_YJM .quick-contact p {
        margin-top: 0.8rem
    }

	
.em_quick_YJM .quick-wrap {
    position: relative;
    width: 100%; 
}
.em_quick_YJM .quick-wrap:before{width: 70px; height: 50px;  position: absolute; left: 50%; top:-30px; margin-left: -35px; content: "";  background: url( "../../../../../_img/img/YJM/quick_img.png") no-repeat center center;  background-size:70px; font-family: unicons-line;  z-index: 9; display:none }


.em_quick_YJM .quick_in {   
    width: 100%;
    background: var(--white);
    box-shadow: 0 0 4rem 0 rgba(167, 167, 167, 0.2);		
   	border-radius: 25px 25px 0px 0px;
	padding: 20px 10px;
    display: grid; grid-template-columns: repeat(3, 1fr); gap:10px;
	
}



.em_quick_YJM .thumb {
    margin: 0;   width: 100%; position: relative; margin-bottom: 0px
}


.em_quick_YJM .thumb:before{width: 8px; height: 8px;  position: absolute; left: 105%; top:50%;  content: "";  background-color: var(--border-color) ;   font-family: unicons-line;  border-radius: 100%; margin-left: 0px; margin-top: -8px}


.em_quick_YJM .thumb:last-child {
    margin: 0;   width: 100%; position: relative; margin-bottom: 15px
}

.em_quick_YJM .thumb:last-child:before{ display: none}




.em_quick_YJM .desc {width: 100%;
    text-align: center;
    font-size:calc(var(--tx-sm-size) * 0.7);
	color: #000; font-weight: 600

}
.em_quick_YJM .desc em{
    text-align: center;
    font-size:calc(var(--tit-md-size) * 0.7);
	color: #fc5f7a; font-weight: 800; 
}

	
.em_quick_YJM .desc3{
    text-align: center;
    font-size:calc(var(--tit-md-size) * 0.7);
	color: #fc5f7a; font-weight: 800; display: none
}	
	
	
.em_quick_YJM .desc2 {width: 100%;
    text-align: center;
    font-size:calc(var(--tx-sm-size) * 0.9);
	color: #2cabcb;  font-weight: 800
 
}

.em_quick_YJM .desc2 span{width: 100%;
    text-align: center;
    font-size:calc(var(--tx-sm-size) * 0.9);
	color: #55bb5a;  font-weight: 800
 
}

.em_quick_YJM .desc2 em{width: 100%;
    text-align: center;
    font-size:calc(var(--tx-sm-size) * 0.9);
	color: #ed710f;  font-weight: 800
 
}	
	

	
    .em_quick_YJM .thumb img {
        height: 20rem
    }



    .em_quick_YJM .paging [class*="btn-"] {
        font-size: 1.2rem
    }

    .em_quick_YJM .paging {
        padding: 0 1.2rem;
        height: 4.2rem
    }
}