/* 업무분야 CSS */
#bu_vis {position:fixed; width:100%; height:100%; left:0; top:0; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; background:#0d2c40 url("/img/sub/b_vis.jpg") no-repeat 50% 0px; background-size:cover; z-index:-10;}
.bu_vis_spa {position:relative; width:100%; height:100%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; text-align:center; color:rgba(255,255,255,.7); font-size:20px; font-weight:300;}
.bu_vis_tit {display:inline-block; color:#fff; width:100%; font-size:30px; font-weight:500; padding-top:7px; letter-spacing:-2px;}
.bu_vis_txt {display:inline-block; color:#fff; width:100%; font-size:17px; font-weight:300; padding-top:7px; letter-spacing:normal; line-height:140%; color:rgba(255,255,255,.8); padding-top:50px; word-break:keep-all;}
.vis_bt {position:absolute; width:36px; height:30px; left:50%; margin-left:-18px; bottom:20px; opacity:.4; transition:all 0.2s ease 0s; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; padding-top:0px; animation: m_arr 0.8s ease 0s infinite alternate;}
@keyframes m_arr {
0% {padding-top:0px;}
100% {padding-top:10px;}
}
.vis_bt img {width:36px; height:20px;}
.vis_bt:hover {opacity:1;}
.vis_bt a {display:block; width:100%; height:30px;}
.bu_but_wrap {position:relative; max-width:1040px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; text-align:center; margin:0 auto; margin-top:26px; font-size:0;}
.bu_but_wrap ul li {float:left; width:200px; height:80px; margin-right:10px; margin-bottom:10px;}
.bu_but_wrap ul li a {display:block; width:100%; height:80px; line-height:78px; text-align:center; color:rgba(255,255,255,.8); font-size:20px; font-weight:400; border:solid 1px rgba(255,255,255,.3); box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; transition:all 0.3s ease 0s; letter-spacing:normal;}
.bu_but_wrap ul li a:hover {background:rgba(13,44,64,.5); text-decoration:underline 1px rgba(255,255,255,.2); color:#fff; border:solid 1px rgba(255,255,255,.8);}
.bu_but_wrap ul li:nth-child(5n+5) {margin-right:0px;}

.bu_cont_wrap {position:relative; width:100%; background:#fff; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.bu_cont_box {position:relative; width:100%; background:#fff;}
.bu_cont_box_2 {position:relative; width:100%; background:#f7f8f9;}
.bu_container {position:relative; width:1200px; margin:0 auto; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; padding:110px 0px;}

.bu_contit {position:relative; width:100%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; color:#000; font-weight:700; letter-spacing:-1px; font-size:28px; border-bottom-right-radius:15px; margin-bottom:30px;}
.bu_contit_2 {position:relative; font-size:20px; font-weight:500; color:#000; margin-bottom:10px; letter-spacing:normal;}
.bu_contxt {position:relative; width:70%; color:#666; line-height:170%; font-size:17px; word-break:keep-all; letter-spacing:normal;}
.bu_line {position:relative; width:30px; height:1px; background:rgba(0,0,0,.2); margin:30px 0px;}
.bu_bt_top {position:absolute; width:50px; height:50px; right:0px; bottom:0px;}
.bu_bt_top a {display:block; width:100%; height:50px; background:#dbdde0; transition:all 0.3s ease 0s;}
.bu_bt_top a img {width:50px; height:50px;}
.bu_bt_top a:hover {background:#c7cacd;}
.bu_txtcol {font-weight:500; text-decoration:underline 1px rgba(0,0,0,.3); color:#000; font-size:17px;}

/* 태블릿 CSS */
@media all and (max-width:1199px){
	.bu_but_wrap {width:92%;}
	.bu_but_wrap ul li {width:19.2%; margin-right:1%; margin-bottom:1%;}
	.bu_container {width:92%;}
	.bu_contxt {width:80%;}
}

/* 모바일 CSS */
@media all and (max-width:767px){
	.bu_vis_spa {font-size:17px;}
	.bu_vis_tit {font-size:24px;}
	.bu_vis_txt {width:92%; padding-top:30px; font-size:16px;}
	.bu_but_wrap ul li {width:32.666666%; margin-right:1%; margin-bottom:1%; height:70px;}
	.bu_but_wrap ul li:nth-child(5n+5) {margin-right:1%;}
	.bu_but_wrap ul li:nth-child(3n+3) {margin-right:0%;}
	.bu_but_wrap ul li a {font-size:16px; height:70px; line-height:68px;}
	.bu_container {padding:90px 0px;}
	.bu_contit {font-size:22px; margin-bottom:20px; font-weight:700; letter-spacing:-1px;}
	.bu_contit_2 {position:relative; font-size:18px; font-weight:500; color:#000; margin-bottom:10px;}
	.bu_contxt {width:100%; font-size:16px; line-height:150%;}
	.bu_line {margin:24px 0px;}
	.bu_bt_top {position:absolute; width:40px; height:40px; right:0px; bottom:0px;}
	.bu_bt_top a {display:block; width:100%; height:40px; background:#dbdde0; transition:all 0.3s ease 0s;}
	.bu_bt_top a img {width:40px; height:40px;}
}