#mainVisual { width:100%; height:569px; border-bottom:1px solid #d7d7d7; position:relative; }
#camera_wrap_4 { width:100%; height:569px; position: absolute; }
#camera_wrap_4 .title { position:absolute; width:1100px; left:50%; margin-left:-550px; top:0; z-index:555;  }
#camera_wrap_4 p { position:absolute; top:125px; left:5px; font-family:"Roboto"; font-weight:350; color:#222; font-size:13px; animation:txt 1s; -webkit-animation:txt 1s; -moz-animation:txt 1s; }
#camera_wrap_4 h2 { position:absolute; top:150px; font-family:"Noto Sans KR"; font-weight:300; font-size:40px; line-height:50px; color:#222; animation:tit 2s; -webkit-animation:tit 2s; -moz-animation:tit 2s; }
#camera_wrap_4 h2 em { font-weight:500; }

@keyframes txt {
	0% { opacity:0; top:0; }
	100% { opacity:1; top:125px; }
}
@-webkit-keyframes txt {
	0% { opacity:0; top:0; }
	100% { opacity:1; top:125px; }
}
@-moz-keyframes txt {
	0% { opacity:0; top:0; }
	100% { opacity:1; top:125px; }
}
@keyframes tit {
	0%, 50% { opacity:0; top:0; }
	100% { opacity:1; top:150px; }
}
@-webkit-keyframes tit {
	0%, 50% { opacity:0; top:0; }
	100% { opacity:1; top:150px; }
}
@-moz-keyframes tit {
	0%, 50% { opacity:0; top:0; }
	100% { opacity:1; top:150px; }
}

.bnBox { width:100%; height:236px; position:relative;  }
.bnBox > article { width:1100px; margin:0 auto; height:100%; overflow:hidden; }
.banner, .banner li { width:100%; height:236px; letter-spacing:-.5px; }
.banner li a { display:block; width:100%; height:100%; overflow:hidden; }
.banner li img { float:right; margin:0; }
.banner li h3 { float:left;font-size:22px; color:#dc372b; margin:55px 0 0 50px; }
.banner li p { clear:left; float:left; margin:22px 0 0 50px; color:#7a7a7a; font-weight:bold; font-size:14px; }

/* 사용자 페이징 - 위치와 모양을 자유롭게 변형 */
.bnBox .bx-pager {  position:absolute; bottom:50px; left:50%; width:1100px; margin-left:-550px; z-index:99; }
.bnBox .bx-pager div {float:left; margin-right:6px; }
.bnBox .bx-pager div:first-child { margin-left:50px; }
.bnBox .bx-pager a {display: block; width:7px; height:7px; text-indent:-9999px; border-radius:50%; background:#fff; border:1px solid #000; }
.bnBox .bx-pager a:hover, .bnBox > article .bx-pager a.active { background:#000; }
.bnBox .bx-controls-direction { position:absolute; z-index:99; top:89px; left:0; width:100%;}
.bnBox .bx-controls-direction a { position:absolute; width:30px; height:56px; display:block; cursor:pointer; text-indent:-9999px; }
.bnBox .bx-prev { left:50%; margin-left:-580px; background:url(/img/main/btn_prev.gif) no-repeat; }
.bnBox .bx-next { right:50%; margin-right:-580px; background:url(/img/main/btn_next.gif) no-repeat; }









.menuBox { border-top:1px solid #d7d7d7; background:#f1f1f5; height:400px; font-family:"Noto Sans KR"; }
.menuBox > section { width:1100px; margin:0 auto; overflow:hidden; }
.menuBox > section article { float:left; margin:50px 0 0 28px; text-align:center; }
.menuBox > section article:first-child { margin-left:0; }
.menuBox div { width:100%; height:143px; overflow:hidden; }
.menuBox article img { transition:all .3s; -webkit-transition:all .3s; -moz-transition:all .3s; }
.menuBox article:hover img { transform:scale(1.1, 1.1); }
.menuBox h3 { font-size:24px; line-height:100%; color:#222; margin-top:27px; }
.menuBox dl { font-size:14px; }
.menuBox dt { font-family:"Roboto"; margin-top:14px; color:#444; letter-spacing:1px; text-indent:1px; }
.menuBox dd { font-weight:250; color:#888; margin-top:2px; }
.menuBox article > a { display:block; margin:24px auto 0; width:80px; height:28px; line-height:28px; text-align:center; border:1px solid #d7d7d7; font-size:13px; color:#888; transition:all .3s; -webkit-transition:all .3s; -moz-transition:all .3s; }
.menuBox article:hover > a { color:#d6352b; border-color:#d6352b; }
.mainCon > aside { width:1100px; margin:50px auto; overflow:hidden; font-family:"Noto Sans KR"; }
.mainCon > aside article { width:536px; height:124px; position:relative; }
.mainCon > aside img { position:absolute;  transition:all .3s; -webkit-transition:all .3s; -moz-transition:all .3s; }
.mainCon > aside article:hover img { transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1);  }
.mainCon > aside a { display:block; width:100%; height:100%; overflow:hidden; }
.mainCon > aside div { margin:31px 0 0 35px; overflow:hidden; color:#fff; height:28px;}
.mainCon > aside h3 { margin-top:6px; line-height:18px; font-size:18px; font-weight:250; color:#fff; float:left;  }
.mainCon > aside span { display:block; float:left; margin-left:18px; font-size:26px; line-height:26px; font-weight:500; }
.mainCon > aside p { font-size:14px; font-weight:250; margin:10px 0 0 35px; }
.faqBox { float:left; background:#2e4e7d; }
.csBox { float:right; background:#314252; }
.faqBox img { top:32px; right:36px; }
.faqBox p { color:#7792ba; }
.csBox img { top:25px; right:37px; }
.csBox p { color:#98a3b8; }