@charset "UTF-8";

.wrap_0618{padding-bottom: 79px; border-bottom:1px solid #ddd;}
.wrap_0618 dl{margin-bottom:0;}
.wrap_0618 dl.mt64{margin-top:64px;}
.wrap_0618 ul li,
.wrap_0618 dl dd{line-height: 25px; font-size: 16px; font-weight: 200; color:#666; margin-bottom:0; font-weight: normal;}
.wrap_0618 dl dt{line-height: 25px; font-size: 16px; color:#666;}
.wrap_0618 .img_wrap{margin-top:41px;}
.wrap_0618 .cnt_tit{margin:80px 0 30px 0;}
.wrap_0618 .cnt_tit2{margin:50px 0 40px 0;}
.wrap_0618 .cnt_tit3{margin:0 0 30px 0;}
.wrap_0618 .txt p{color:#333; font-size:18px; line-height:26px; text-align: center;}
.wrap_0618#wrap01 .con_wrap{min-height: 154px;}
.cnt.type3 .wrap_0618 .box_wrap .g_box{width: 100%; min-height: auto; text-align: left; margin: 0; min-height: auto !important;}
.cnt.type3 .wrap_0618 .box_wrap .g_boxL{width:49%;}
.cnt.type3 .wrap_0618 .box_wrap .ml2{margin-left:20px;}
.cnt.type3 .wrap_0618 .box_wrap .g_box.mt20{margin:20px 0 0 0;}
.cnt.type3 .wrap_0618 .box_wrap .g_box p span{font-weight:normal; line-height: 25px; font-size: 16px;}
.cnt.type3 .wrap_0618 .box_wrap .g_box .imgbg{width:900px; padding:14px 0 13px; margin:20px auto 0; text-align:center; background-color: #fff;}
.cnt.type3 .wrap_0618 .box_wrap .g_box .aiBox{position:relative; max-width:960px; overflow:hidden; margin:0 auto;}
.cnt.type3 .wrap_0618 .box_wrap .g_box .aiBox .aiF{width:41%; float: left;}
.cnt.type3 .wrap_0618 .box_wrap .g_box .aiBox .aiFr{float: right;}
.cnt.type3 .wrap_0618 .box_wrap .g_box .aiBox .ai_icon{width: auto; position: absolute; top: 75%; left: 50%; transform: translate(-50%,-50%);}
.cnt.type3 .wrap_0618 .box_wrap .g_box .aiBox .ai_icon span{position: relative; background: #5182E9;border-radius: 15px;width: 64px;height: 30px; display: block; color:#fff; font-size: 16px;text-align:center;line-height: 28px;}
.cnt.type3 .wrap_0618 .box_wrap .g_box .aiBox .ai_icon span:before{content:''; width:102px; height: 102px; position: absolute; top: -100px; left: 50%; transform: translate(-50%,0); background-image: url(../img/understand_ai_icon.png); background-repeat: no-repeat;}
.cnt.type3 .wrap_0618 .box_wrap .g_box .aiBox2{max-width: 763px; margin-top:10px;}
.cnt.type3 .wrap_0618 .box_wrap .g_box .aiBox .aiF2{max-width:300px;}
.cnt.type3 .wrap_0618 .box_wrap .g_box .aiBox .ai_icon2 span{width:126px;}
.cnt.type3 .wrap_0618 .pd{padding: 0 !important;}
.cnt.type3 .wrap_0618 .con2 .box_wrap{margin:0;}
.cnt.type3 .wrap_0618 .con2 .box_wrap .con_wrap{margin:0 0 0 20px;}
.cnt.type3 .wrap_0618 .con2 .box_wrap .con_wrap:nth-child(1),
.cnt.type3 .wrap_0618 .con2 .box_wrap .con_wrap:nth-child(3){margin-left:0;}
.cnt.type3 .wrap_0618 .con2 .box_wrap .con_wrap:nth-child(3),
.cnt.type3 .wrap_0618 .con2 .box_wrap .con_wrap:nth-child(4){margin-top:20px;}
.cnt.type3 .wrap_0618 .con2 .box_wrap .con_wrap.mt20{margin-top:20px;}

.wrap_0618 .mt41{margin-top:41px;}
.wrap_0618 .mb50{margin-bottom:50px;}
.cnt.type3 .wrap_0618#wrap3 .box_wrap .con_wrap{min-height: 398px;}
.cnt.type3 .wrap_0618#wrap3 .box_wrap .con_wrap.img{text-align: center;}
.wrap_0618 .img_wrap span{font-size: 18px; line-height: 26px; color: #333; margin:20px 0 40px; display: block;}
.cnt.type3 .wrap_0618 .con2 .box_wrap p.list span{font-weight:normal; color: #333;}
.wrap_0618#wrap3 .img_wrap{margin:50px 0 40px;}
.cnt.type3 .wrap_0618 .box_wrap .con_wrap ul li{font-weight: normal; line-height: 20px; color: #333; letter-spacing: -0.5px;}
.cnt.type3 .wrap_0618#wrap4{padding-bottom:150px;}
.cnt.type3 .wrap_0618#wrap4 .box_wrap .con_wrap{height:124px;}

.veosBox{border-bottom:1px solid #ddd;}
.veosBox .cnt_tit{margin:80px 0 50px;}
.veosBox .veos{overflow:hidden;}
.veosBox .mr40{margin-right:4%;}
.veosBox .fl{float:left; width:48%; }
.veosBox .stit{font-size: 16px; line-height: 25px; color:#333; margin-top:10px; display: block;}
.veosBox1 .vVideo{min-height:305px; position: relative;}
.veosBox1 .veosVideo{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.cnt.type3 .veosBox1.con2 .box_wrap{margin-top:0;}
.cnt.type3 .veosBox1.con2 .box_wrap{margin-left:0; width: 100%;}
.veosBox1 .veos_tb{border-top:2px solid #3f3f3f; margin:50px 0;}
.veosBox1 .veos_tb ul{width: 100%; overflow:hidden;}
.veosBox1 .veos_tb ul li{float:left;font-size: 16px;color:#333;width: 50%;padding:17px 0;border-bottom: 1px solid #ddd;}
.veosBox1 .veos_tb ul li span{word-break: keep-all;}
.veosBox1 .veos_tb ul li:last-child{width:100%;}
.veosBox2#wrap01 .con_wrap{min-height: auto; padding:32px; }
.veosBox2#wrap01 .con_wrap:nth-child(4){min-height: 106px;}
.veosBox2#wrap01 .con_wrap:nth-child(5),
.veosBox2#wrap01 .con_wrap:nth-child(7){margin-left:0;}
.cnt.type3 .veosBox2 .con2 .box_wrap p.list{margin-top:0;}
.cnt.type3 .veosBox2 .con2 .box_wrap p.list span{margin-bottom:0;}
.cnt.type3 .veosBox3 .box_wrap .g_box{min-height: 970px !important;margin-left:20px;}
.cnt.type3 .veosBox3 .box_wrap .g_box2{min-height: 638px !important;}
.cnt.type3 .veosBox3 .box_wrap .g_box:nth-child(1),
.cnt.type3 .veosBox3 .box_wrap .g_box:nth-child(3){margin-left:0;}
.cnt.type3 .veosBox3 .box_wrap .g_box:nth-child(1),
.cnt.type3 .veosBox3 .box_wrap .g_box:nth-child(2){margin-bottom:20px;}
.cnt.type3 .veosBox3 .box_wrap .g_box .img{margin:20px 0 25px;}
.cnt.type3 .veosBox3 .box_wrap .g_box .img span{font-size:16px; line-height: 25px; color: #333; display: block; margin-top:15px;}
.cnt.type3 .veosBox3 .box_wrap .g_box a{font-size: 14px; line-height: 34px; color:#333; display:block; width:107px; height: 36px; background-color: #fff; border: 1px solid #CCCCCC; padding-left:14px; background-image: url(../img/veos_icon.png); background-repeat: no-repeat; background-position: 85% center; margin-top: 40px;}
.veosBox2 .veos{margin-top:50px;}

.dot,
.dotList li span{position: relative; padding-left:15px; display:block;}
.dot2{position: relative; padding-left:15px;}
.dot:before,
.dotList li span:before{content:'\00B7'; position: absolute; top:0; left: 0;}
.dot2:before{content:'-'; position: absolute; top:0; left: 0;}


/*신규페이지 HIL기반 V2X*/
.v2Box_1 ul{overflow:hidden; margin-top:20px;}
.v2Box_1 ul li{font-size:20px; font-weight: 500; color:#333; line-height:30px; border:1px solid #ddd; float:left; margin:0 1.6% 19px 0; width:49.2%; height:138px; padding:33px 30px 33px 30px; letter-spacing: -1px;}
.v2Box_1 ul li:nth-child(2n+0){margin:0 0 19px 0;}
.v2Box_1 ul li:last-child{height:98px;}
.v2Box_1 ul li span{display:block;}
.v2Box_2 ul{border-top: 2px solid #3f3f3f; margin-top:40px;}
.v2Box_2 ul li{float: left; font-size: 16px; color: #333; width: 50%; padding: 17px 0 17px 20px; border-bottom: 1px solid #ddd; font-weight: 500;}
.v2Box_2 ul li span{position: relative; padding-left: 8px; display: block;}
.v2Box_2 ul li span:before{content: '\00B7'; position: absolute; top: 0; left: 0;}
.v2Box_3{overflow:hidden; margin-bottom:70px;}
.v2Box_3 .v2etc{float:left; margin:31px 0 0 0; width:49%}
.v2Box_3 .v2etc:first-child{margin:31px 2% 0 0;}
.v2Box_3 .v2etc img{border:1px solid #ddd; width:100%;}
.v2Box_3 .v2etc p{font-size:16px; font-weight: 500; color:#333; margin-top:18px; text-align: center;}

@media screen and (max-width: 1280px){
    .v2Box_1 ul li span{display:inline;}

}

@media screen and (max-width: 1094px){

}

@media screen and (max-width: 1024px){
    .cnt.type3 .wrap_0618 .box_wrap .g_box .imgbg{width:100%; padding:3%;}
    .cnt.type3 .wrap_0618 .con2 .box_wrap{width:100%;}
    .cnt.type3 .wrap_0618 .con2 .box_wrap .con_wrap{width:100% !important; margin:20px 0 0 0;}  
    .cnt.type3 .wrap_0618 .box_wrap .g_boxL{width:100%;}
    .cnt.type3 .wrap_0618 .box_wrap .ml2{margin:20px 0 0 0;}
    .cnt.type3 .wrap_0618#wrap3 .box_wrap .con_wrap{min-height:auto;}

    .cnt.type3 .veosBox3 .box_wrap .g_box{margin:0 0 20px 0; min-height:auto !important;}
    .veosBox1 .veos_tb ul li{float:none; width:100%;}

    .cnt.type3 .wrap_0618 .box_wrap .g_box .aiBox .aiF2{max-width: 38%; }
    .cnt.type3 .wrap_0618 .box_wrap .g_box .aiBox .ai_icon2 span{width:112px;}

    .v2Box_1 ul li{float:none; margin:0 0 20px 0; width:100%; height:auto; font-size:17px; line-height:27px;}
    .v2Box_1 ul li:nth-child(2n+0){margin:0 0 20px 0;}
    .v2Box_1 ul li:last-child{height:auto;}
    .v2Box_2 ul li{float:none; width:100%;}
    .v2Box_3{margin-bottom:50px;}
    .v2Box_3 .v2etc{float:none; width:100%;}
    .v2Box_3 .v2etc:first-child{margin:30px 0 30px 0;}
}

@media screen and (max-width: 768px){
    .veosBox .fl{float:none; width:100%; margin-bottom:20px;}
    .veosBox1 .vVideo{min-height: 300px;}
    .veosBox .cnt_tit{margin:80px 0 30px;}

    .cnt.type3 .wrap_0618 .box_wrap .g_box .aiBox .ai_icon{top:80%;}
    .cnt.type3 .wrap_0618 .box_wrap .g_box .aiBox .ai_icon span{font-size:14px; width: 55px; height: 25px; line-height: 24px;}
    .cnt.type3 .wrap_0618 .box_wrap .g_box .aiBox .ai_icon span:before{width:70px; height: 70px; background-size: 70px; top:-65px;}
    .cnt.type3 .wrap_0618 .box_wrap .g_box .aiBox .aiF2{max-width: 37%; }
    .cnt.type3 .wrap_0618 .box_wrap .g_box .aiBox .ai_icon2 span{width:95px;}

}

@media screen and (max-width: 480px){
    .wrap_0618 .cnt_tit,
    .wrap_0618 .cnt_tit2,
    .wrap_0618 .cnt_tit3{margin: 30px 0 20px;}
    .wrap_0618 dl.mt64{margin-top:30px;}
    .wrap_0618 .txt p{font-size:14px; line-height: 20px;}
    .wrap_0618 ul li,
    .wrap_0618 dl dd{font-size:14px; line-height: 20px;}
    .wrap_0618 .img_wrap span{font-size:14px;}
    .wrap_0618 em.mbr{display:inline;}

    .veosBox1 .veos_tb ul li{font-size:14px;}
    .veosBox .stit{font-size:14px;}
    .cnt.type3 .veosBox3 .box_wrap .g_box .img span{font-size: 14px; line-height:20px;}

    .cnt.type3 .wrap_0618 .box_wrap .g_box .aiBox .ai_icon{top:91%;}
    .cnt.type3 .wrap_0618 .box_wrap .g_box .aiBox .ai_icon span{font-size:13px; width: 41px; height: 18px; line-height: 18px;}
    .cnt.type3 .wrap_0618 .box_wrap .g_box .aiBox .ai_icon span:before{width:50px; height: 50px; background-size: 50px; top:-45px;}
    .cnt.type3 .wrap_0618 .box_wrap .g_box .aiBox .aiF2{max-width: 34%; }
    .cnt.type3 .wrap_0618 .box_wrap .g_box .aiBox .ai_icon2{top:77%;}
    .cnt.type3 .wrap_0618 .box_wrap .g_box .aiBox .ai_icon2 span{width:90px;}
}