
.ddaycontainer {
    /* width: 1028px; */
    position: relative; /*추가*/
    width: 100%;
    max-width: 1148px;
    height: 129px; /* 추가 */
    /*margin: 160px auto;*/
    background: url('/theme/eb4_basic/multiTheme/themePortal/img/bg.png') no-repeat 0 0;
    background-size: cover;
}

.hub-slider {
    position: relative;
    top: 37%;
    transform: translateY(-50%);
}

.hub-slider ul {
    list-style: none;
}

.hub-slider ul .slide:not(.clock-builder-output) {
    /* width: 1028px; */
    width: 85%;
    /* height: 160px; */
    /* height: 110px; */
    height: 88px;
    /* background: lightgrey; */
    background: #fff;
    color: black;
    /* font-size:1.5rem; */
    /*font-size:1.2vw;*/
    font-size: 24px;
    font-weight: bold;
    /* line-height:160px; */
    line-height: 80px;
    /* text-align:center; */
    position: absolute;
    /* border-radius:5px; */
    border-radius: 20px !important;
    /* left: 0; */
    left: 4%; /*추가 */
    /* top: 0; */
    box-shadow: 2px 3px 5px; /*추가 */
}

.hub-slider ul .slide .slide_wrap {
    /* width:80%; */
    position: relative;
    /*padding-left:50px;*/
}

.hub-slider ul .slide .slide_wrap .detail:nth-of-type(1) {
    font-size: 20px;
    line-height: 105px;
}

.hub-slider ul .slide .slide_wrap .ddaybanner {
    /* position: absolute;
    top:20%;
    left:30%; */
    /*padding-left:180px;*/
    display: inline-block;
    top: 10%;
    /*  transform: translateY(-50%);*/
}

.hub-slider ul li section {
    padding-left: 50px;
}


.hub-slider ul li.early_decision section {
    /* position: relative; */
    /* height: 80px; */
}

section p {
    display: inline-block;
    /*margin-top:5px;*/
    margin-top: 15px;
}

section p:nth-of-type(2) {
    position: absolute;
    /*right:7%;*/
    /*right:2%;*/
    right: 5%;
}

section .limit {
    position: absolute;
    top: -10%;
    left: 50px;
    font-size: 15px;
    color: #868686;
    margin-bottom: 5px;
}

.hub-slider ul .slide .tip {
    /* position: absolute;
    bottom:0; */
    font-size: 10px;
    /* font-size:0.7vw; */
    line-height: initial;
    text-align: left;
    margin-top: -10px;
    position: absolute;
    bottom: 12px;
    width: 100%;
    left: 20px;
}

.hub-slider ul .slide .tip strong {
    color: #f77318;
}

.hub-slider-controls {
    position: absolute;
    right: 30px;
    /*top: 0;*/
    top: 50%;
    transform: translatey(-50%);
    /*z-index: 1000;*/
}

.hub-slider-arrow {
    position: relative; /*추가*/
    display: block;
	left:-26%;
    width: 40px;
    height: 40px;
    border: none;
    background: white;
    color: #868686;
    font-weight: bold;
    border-radius: 50px !important;
    font-size: 20px;
}

.hub-slider-arrow > i {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.hub-slider-arrow:nth-child(1) {
    margin-bottom: 10px;
}

/*@media(max-width:1440px){
	
	.hub-slider-slides>ul>li:nth-child(5) .tip{
		margin-top:10px;
	}

}*/


@media (max-width: 9920px) {
    /*.ddaycontainer{
        width:80%;
    }*/
    /*.hub-slider ul .slide .slide_wrap{
        padding-left:20px;
    }*/
    .hub-slider ul li section {
        padding-left: 20px;
    }

    .hub-slider ul .slide .slide_wrap .ddaybanner {
        top: 22%;
        padding-left: 10px;
    }

    section .limit {
        font-size: 15px;
        left: 21px;
    }

    section p:nth-of-type(2) {
        right: 3%;
    }

    .hub-slider-controls {
        right: 10px;
    }

    section p {
        font-size: 22px;
    }

}

@media (max-width: 1024px) {
    /*.hub-slider ul .slide .slide_wrap .ddaybanner{
        top:25%;
    }*/
}

@media (max-width: 9920px) {

    /*.hub-slider ul .slide .slide_wrap .ddaybanner{
        top:25%;
    }*/


}

@media (max-width: 9920px) {
    /*
    .hub-slider ul .slide .tip{
        font-size:0.7vw;
    }
    */
    /*.hub-slider ul .slide .slide_wrap .ddaybanner{
        top:25%;
    }*/

}

@media (max-width: 768px) {

    /*section p:nth-of-type(2){
       display: none;
   }*/
    .hub-slider ul .slide .slide_wrap .ddaybanner {
        top: 30%;
    }

    section .limit {
        top: -13%;
    }
}

@media (max-width: 700px) {

    .hub-slider ul .slide .slide_wrap .ddaybanner {
        top: 40%;

    }
}

@media (max-width: 680px) {

    section p:nth-of-type(2) {
        display: none;
    }

    .hub-slider-arrow {
        width: 30px;
        height: 30px;
        font-size: 15px;
    }

}


@media (max-width: 550px) {

    .hub-slider ul .slide .tip {
        display: none;
    }

    section p {
        font-size: 12px;
    }
}