
.sub1_1{width:100%;height: 1014px;background:url(/pages/emobility2024/img/sub/sub1_1bg.jpg) no-repeat center bottom;}
.sub1_1_con{width: 98%; max-width: 1500px; margin:0 auto; }

.sub1_1_con .poster_box{width: 100%;max-width: 435px;float: left;}
.sub1_1_con .poster_box img{width:100%}
.sub1_1_con .poster_box li{float:left;position:relative;    width: calc(100% / 2 - 3px); margin-top:15px; margin-left:5px}
.sub1_1_con .poster_box  li:first-child{margin-left:0}
.sub1_1_con .poster_info{float:left;font-size: 18px;width: 67%;float: right;}
.sub1_1_con .poster_info p.title{font-size: 32px;margin-bottom: 30px;line-height:48px;letter-spacing: -1px;}
.sub1_1_con .poster_info p span{font-size:38px; font-weight:800}
.poster_info dl{border-bottom:solid 2px #555; width:calc(100% / 2 - 33px); display:inline-block;float:left;margin-right: 30px;height: 107px;padding-top: 23px;}
.poster_info dl dt{font-size: 23px;font-weight:600;margin-bottom: 6px;}
.poster_info dl dd{line-height: 21px;margin-bottom:5px;}
.point{font-size: 25px;padding-top: 5px;}

/* 버튼공통 */
.btn_download3{transition:ease-in-out .25s; display:inline-block; width:100% ;height:45px;line-height:43px;padding:0 28px;margin-right:3px;font-size:17px;text-align:center;font-weight: 700;background: #4c4c4c;color: #fff;border-radius: 3px;}
.btn_download3:before{content:'';display:inline-block;width:25px;height:100%;margin-right:10px;background:url(/pages/emobility2024/img/sub/download_btn.png) no-repeat center right;vertical-align:top}
.btn_download3:hover{background-color:#103261;text-decoration:none;}



/****** pc ******/
@media screen and (max-width:1400px){
.sub1_1_con .poster_box {max-width: 33%;}
.sub1_1_con .poster_info {width:65%}
.poster_info dl {width: calc(100% / 1); height:auto}
.poster_info dl dt {float: left;}
.poster_info dl dd { margin-bottom: 5px;display: inline-block; margin-left: 15px;overflow: hidden;
    text-overflow:ellipsis;}
.point {font-size: 18px;}
}

@media screen and (max-width:1200px){
.sub1_1 {height: 795px; background-size: 109%;}
.poster_info dl dt {font-size: 18px;color: #11791e;}
.sub1_1_con .poster_info p span {font-size: 34px;}
.sub1_1_con .poster_info p.title {font-size: 26px;}
.sub1_1_con .poster_box li { width: calc(100% / 1 - 0px); margin-top: 6px; margin-left: 0px;}
}


/****** Tablet Device ******/
@media screen and (min-width:691px) and (max-width:899px){
.sub1_1 {height:700px;}
.sub1_1_con .poster_info p.title {font-size: 22px;line-height: 32px; margin-bottom: 0px;}
.sub1_1_con .poster_info p span {font-size: 26px; }
}


/****** Mobile ******/
@media screen and (max-width:690px){
.sub1_1 { height: 640px; background-size: 130%;}
.sub1_1_con .poster_box {display: none;}
.sub1_1_con .poster_info { width: 98%;display: block;}
.poster_info dl dd { width: 80%;}
.sub1_1_con .poster_info p.title {font-size: 22px;line-height: 32px; margin-bottom: 0px;}
.sub1_1_con .poster_info p span {font-size: 26px; }

}

@media screen and (max-width: 460px) {
.sub1_1 { height: 740px;}
    .sub1_1_con .poster_info p.title {font-size: 18px;
        line-height: 30px;}
    .sub1_1_con .poster_info p span {
        font-size: 22px;
    }
}