.ab_vis_wrap {position:absolute; width:100%; height:540px; z-index:-1; background:url('../img/sub/about_vis.jpg') 50% 50%; background-size:cover;}
.ab_vis_sha {position:absolute; width:100%; height:540px; left:0px; top:0px; background:url('../img/main/sha.png'); background-size:1px 540px;}
.ab_cont_wrap {position:relative; width:1220px; box-sizing:border-box; margin:0 auto; padding-top:235px; min-height:800px;}
.ab_page_path {position:relative; width:100%; box-sizing:border-box; padding-bottom:6px; font-size:15px; font-weight:300; color:rgba(255,255,255,.6); letter-spacing:-0.2px;}
.ab_page_path a {color:rgba(255,255,255,.6);}
.ab_page_tit {position:relative; width:30%; box-sizing:border-box; padding-bottom:16px; font-size:23px; font-weight:600; color:rgba(255,255,255,1); letter-spacing:-0.3px; line-height:30px; word-break:keep-all;}

.ab_vis_logo {position:relative; width:100%; height:37px; box-sizing:border-box; background:url('../img/svg/sum.svg') no-repeat 0px 0px; background-size:80px; margin-top:110px; border-bottom:solid 1px rgba(255,255,255,.1);}
.ab_txt_box {position:relative; width:100%; box-sizing:border-box; font-size:16px; font-weight:300; color:rgba(255,255,255,.7); line-height:150%; word-break:keep-all; padding-top:50px;}
.ab_txt_col {display:inline-block; padding-top:20px; color:#fff; font-size:23px; line-height:140%;}
.ab_tit {position:relative; display:inline-block; box-sizing:border-box; font-size:20px; font-weight:600; color:#fff; line-height:100%; word-break:keep-all; padding-bottom:15px;}
.ab_cont_box {position:relative; width:100%; box-sizing:border-box; margin-bottom:150px; margin-top:90px;}
.ab_cont_box ul li {position:relative; float:left; box-sizing:border-box; font-size:15px; font-weight:300; color:rgba(255,255,255,.7); line-height:150%; word-break:keep-all; letter-spacing:normal;}
.ab_cont_box ul li:nth-child(1) {width:500px; height:500px; background:url('../img/sub/about_pho.jpg') no-repeat; background-size:cover;}
.ab_cont_box ul li:nth-child(2) {width:300px; margin-left:50px;}


/* 태블릿 CSS */
@media all and (max-width:1260px){
	.ab_vis_wrap {height:270px; }
	.ab_vis_sha {height:270px; background:url('../img/main/sha.png'); background-size:1px 270px;}
	.ab_cont_wrap {width:100%; padding-top:140px; padding-left:20px; padding-right:20px; min-height:600px;}
	.ab_page_path {font-size:14px; padding-bottom:4px;}
	.ab_page_tit {width:100%; font-size:20px;}
	
    .ab_vis_logo {height:33px; background-size:70px; margin-top:50px;}
	.ab_txt_box {font-size:15px; padding-top:35px;}
	.ab_txt_col {padding-top:20px; font-size:19px; line-height:140%;}
	.ab_cont_box {margin-bottom:80px; margin-top:65px;}
	.ab_cont_box ul li {font-size:14px;}
	.ab_cont_box ul li:nth-child(1) {width:calc(100% - 310px); height:auto; padding-top:calc(100% - 350px); border-radius:2px;}
	.ab_cont_box ul li:nth-child(2) {width:280px; margin-left:30px;}
	.ab_tit {font-size:17px; padding-bottom:11px; font-weight:400;}
}


/* 모바일 CSS */
@media all and (max-width:480px){
	.ab_vis_wrap {height:270px; }
	.ab_vis_sha {height:270px; background:url('../img/main/sha.png'); background-size:1px 270px;}
	.ab_cont_wrap {width:100%; padding-top:140px; padding-left:20px; padding-right:20px; min-height:600px;}
	.ab_page_path {font-size:14px; padding-bottom:4px;}
	.ab_page_tit {width:100%; font-size:20px;}
	
    .ab_vis_logo {height:33px; background-size:70px; margin-top:50px;}
	.ab_txt_box {font-size:15px; padding-top:35px;}
	.ab_txt_col {padding-top:20px; font-size:19px; line-height:140%;}
	.ab_cont_box {margin-bottom:80px; margin-top:65px;}
	.ab_cont_box ul li {font-size:14px;}
	.ab_cont_box ul li:nth-child(1) {width:100%; height:auto; padding-top:100%; border-radius:2px;}
	.ab_cont_box ul li:nth-child(2) {width:100%; margin-left:0px; margin-top:35px;}
	.ab_tit {font-size:17px; padding-bottom:11px; font-weight:400;}
}