@charset "utf-8";

/*배너 상단 텍스트 & 일러스트 이미지*/
.cn_sec02 {font-family: "Noto Sans SC", sans-serif;}
.cn_sec02 .topbnn .secTopImg .topTxt {}
.cn_sec02 .topbnn .secTopImg .topImg {width:80%; max-width:1000px;}

/*타이틀 블렛*/
.cn_sec02 .titWrap .lineBullet {position:relative; display:inline-block; padding-left:10px;}
.cn_sec02 .titWrap .lineBullet::before {content:""; position:absolute; top:6px; left:0; width:3px; height:23px; background-color:#d71818; }

/*오리지널 이미지 3장*/
.cn_sec02 .orgImgWrap ul.orgImgUl {display:flex; flex-wrap:wrap; justify-content: space-between;}
.cn_sec02 .orgImgWrap ul.orgImgUl li {width:31%; }
.cn_sec02 .orgImgWrap ul.orgImgUl li img {width:100%; height:100%;}

/*vision*/
.boxCont {display:flex; flex-wrap:wrap; justify-content: space-between;}
.boxCont .box {position:relative; width:48%; padding:20px 10px;  text-align:center; background-color:#f9f9fb;}
.boxCont .box:first-child::after {content:""; position:absolute; bottom:50%; transform: translateY(50%); right:-8%; width:8%; height:1px; border:1px dashed #d71818;}
.boxCont .box.bgred {background-color:#d71818; color:#fff;}

.bgGray {background-color:#f9f9fb;}
.uponTitWrap {text-align:center;}
.uponTitWrap .uponTit {display:inline-block; background-color:#d71818; color:#fff; padding:10px 50px 7px; border-radius:30px; margin-top:-25px; }
.uponDesc {text-align:center;}
.uponDesc img {width:90%;}

@media screen and (max-width:1024px){
  .cn_sec02 .titWrap .lineBullet::before {top:3px; height:18px; }
}

@media screen and (max-width:768px){
  .cn_sec02__02 .top_img .img_wrap { padding-bottom: 65%; }
  .cn_sec02 .orgImgWrap ul.orgImgUl li {width:90%; margin:0 auto 20px;}
}

@media screen and (max-width:560px){
  .boxCont .box { width:100%; margin-bottom:20px;}
  .boxCont .box:first-child::after {content:""; position:absolute; bottom:0%; transform: translate(0%, 20px); right:50%; width:1px; height:20px; border:1px dashed #d71818;}
  .uponDesc img {width:100%;}
}
@media screen and (max-width:480px){
  .cn_sec02 .topbnn .secTopImg .topImg {width:100%;}
}