.contents_area *{color:#222;}
.gu_kv .kv_img_box .kv_img_area {background:url("../../../img/smart-solution/mobile-app/img_sub.jpg"); background-size:cover; background-repeat:no-repeat; background-position:50% 50%;}

.gu_sub_wrapper .gu_sub_contents .contents_inner{max-width:960px;}
.gu_sub_wrapper .gu_sub_contents .contents_inner .contents_title{text-align:left; display: flex; align-items: center; gap: 20px;} 

.section .img_box{text-align:center; padding:60px 0; display:flex; justify-content:space-between;}
.section .img_box img{max-width:100%;}
.section .img_box a{width:31%; box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.3);}
.section .img_box .img {width:100%;}
.section .img_box .text_box{padding:25px 20px; text-align:left; display:flex; flex-direction:column; gap:15px;}

.section .download_box{max-width:808px; max-height:160px; background-color:#f5f5f5; margin:0 auto; padding:48px 49px; box-sizing:border-box;  }
.section .download_box:after{content:''; display:block; clear:both;}
.section .download_box div{float:left;}
.section .download_box div span{display:inline-block; }
.section .download_box div img{vertical-align:middle;}
.section .download_box .left_area{width:33%; position:relative; margin-top: -3px;}
.section .download_box .left_area img{max-width:70px; margin-right: 30px;}
.section .download_box .left_area span{position:absolute; top:50%; transform:translateY(-50%); font-size:18px; line-height:26px;}
.section .download_box .right_area{width:67%; position:relative; box-sizing:border-box; padding-left:40px;}
.section .download_box .right_area:before{content:''; display:inline-block; width:1px; height:64px; background-color:#ccc; position:absolute; left:0;}
.section .download_box .right_area a{margin-right:19px; display:inline-block;}
.section .download_box .right_area a img{width:100%;}
.section .download_box .right_area span{margin-right:28px; max-width:64px;}
.section .download_box .right_area span img{width:100%;}
.section .download_box .right_area span:last-child{margin-right:0;}
.section .download_box .right_area .app-store{max-width:108px;}
.section .download_box .right_area .google-play{max-width:120px;}
.section .download_box a{cursor: pointer;}

.section .download_box.no_bg{max-width:100%; max-height:100%; padding:0 0 120px; margin:0; background-color:transparent; display:flex; justify-content: space-between; align-items:center; box-sizing:content-box; border-bottom:1px solid #ccc;}
.section .download_box.no_bg div{float:none; clear:both;}
.section .download_box.no_bg .left_area{width:50%; margin-top:0;}
.section .download_box.no_bg .left_area p{width:100%; line-height:1.5;}
.section .download_box.no_bg .right_area{width:50%; padding-left:0; text-align: right;}
.section .download_box.no_bg .right_area:before{display:none;}
.section .download_box.no_bg .right_area .img.mo{display:none;}
.section .download_box.no_bg .right_area .img{max-width:100px;}
.section .download_box.no_bg .right_area .img img{width:100%;}
.section .download_box.no_bg .right_area a{margin-right:0;}
.section .download_box.no_bg .right_area a + a{margin-left:33px;}
.section .download_box.no_bg .right_area .app-store{max-width:128px;}
.section .download_box.no_bg .right_area .google-play{max-width:130px;}

@media all and (max-width: 999px) {
   .section .download_box.no_bg{padding: 0 0 50px;}
}
@media all and (max-width:766px){
	.section .download_box.no_bg{flex-direction:column; gap:20px;}
	.section .download_box.no_bg .left_area{text-align:left; width:100%;}
	.section .download_box.no_bg .right_area{width:100%; display:flex; justify-content:space-evenly; align-items:center;}
	.section .download_box.no_bg a.app-store.external-link{margin-right:0;}
  	.section .img_box {flex-direction:column; gap:30px;}
  	.section .img_box a{width:100%;}
}
