#mainVisual { width:100%; height:550px; position:relative; }
.visual { width:100%; height:550px; background:#fff; }
/* .visual li { width:100%; height:100%; background:url(/en/img/main/bg_mainVisual1.jpg) no-repeat center; background-size:cover;}

.visual li.vs1 { background:url(/en/img/main/main_Visual1.jpg) no-repeat center; background-size:cover;}
.visual li.vs2 { background:url(/en/img/main/main_Visual2.jpg) no-repeat center; background-size:cover;}
.visual li.vs3 { background:url(/en/img/main/main_Visual3.jpg) no-repeat center; background-size:cover;}
.visual li.vs4 { background:url(/en/img/main/main_Visual4.jpg) no-repeat center; background-size:cover;}
.visual li.vs5 { background:url(/en/img/main/main_Visual5.jpg) no-repeat center; background-size:cover;} */

.visual li { width:100%; height:100%;  no-repeat center; background-size:cover;}
.visual li.vs1 { background:url(/kr/img/main/main_Visual1.jpg) no-repeat center; background-size:cover;}
.visual li.vs2 { background:url(/kr/img/main/main_Visual2.jpg) no-repeat center; background-size:cover;}
.visual li.vs3 { background:url(/kr/img/main/main_Visual3.jpg) no-repeat center; background-size:cover;}
.visual li.vs4 { background:url(/kr/img/main/main_Visual4.jpg) no-repeat center; background-size:cover;}
.visual li.vs5 { background:url(/kr/img/main/main_Visual5.jpg) no-repeat center; background-size:cover;}

.visual li > article { width:1000px; margin:0 auto; position:relative; }
.visual article > div { float:left; width:auto; animation:vsTxt 4s; }
.visual article > img { position:absolute; right:0; animation:vsImg 7s ease-out;  }
.visual h2 { font-family:"Roboto"; font-weight:500; font-size:50px; line-height:100%; color:#333; margin-top:150px;  }
.visual h2 img { vertical-align:bottom; margin-left:5px; }
.visual h2 span { display:block; margin-bottom:10px; color:#0e84df; font-family: 'Noto Sans KR'; font-weight:300; font-size:30px; line-height:100%;  }
.visual p { font-size:14px; font-weight:300; color:#999; line-height:24px; margin-top:15px; }
.visual a { display:block; width:190px; height:40px; line-height:40px; color:#fff; font-size:16px; font-weight:300;  text-align:center; background:#252525; border-radius:20px; margin-top:47px; }
.vs1 article > img { top:25px; }
.vs2 article > img { top:35px; }
.vs3 article > img { top:89px; }
/* 사용자 페이징 - 위치와 모양을 자유롭게 변형 */
#mainVisual .bx-pager {  position:absolute; bottom:35px; width:100%; left:0;  z-index:99; text-align:center; font-size:0; }
#mainVisual .bx-pager div { display:inline-block; zoom:1; *display:inline; margin:0 10px; }
#mainVisual .bx-pager a {display: block; width:16px; height:16px; background:url(/en/img/main/btn_mv.png) no-repeat center center; }
#mainVisual .bx-pager a:hover, #mainVisual .bx-pager a.active { background:url(/en/img/main/btn_mv_on.png) no-repeat center center; }

@keyframes vsImg {
	0% { right:-20%; opacity:0; transform:scale(1.2,1.2);}
	30% { opacity:1; }
	100% { right:0; transform:scale(1,1); }
}
@keyframes vsTxt {
	0% { opacity:0; }
	100% { opacity:1; }
}

.mainContent { width:1000px; margin:50px auto 65px; height:335px; background:#fff; opacity:.99999; }
.mainContent > article { float:left; height:100%; overflow:hidden; position:relative; }

.pd_bn { width:333px; box-sizing:border-box; border:1px solid #ededed; border-right:none; border-bottom:none; position:relative; }
.pd_bn > ul { width:100%; height:335px; }
.pd_bn li { width:100%; height:335px; position:relative; overflow:hidden; }
.pd_bn li > a { display:block; width:100%; height:335px; overflow:hidden; } 
.pd_bn li > a > img { transition:all .3s;}
.pd_bn li:hover > a > img { transform:scale(1.1,1.1); }
.pd_bn li p { display:block;position:absolute; z-index:80; bottom:0; left:0; width:100%; height:55px; line-height:55px; text-align:center; color:#fff; font-size:18px; background:rgba(51,51,51,.8); }
.pd_bn li:hover p { display:none; }
.pd_bn li div { opacity:0; position:absolute; width:100%; height:100%; z-index:9999; top:0; left:0; overflow:hidden; background:url(/en/img/main/bg_pd_hover.png) repeat; transition:all .3s; transform:scale(1.2,1.2);}
.pd_bn li:hover div { opacity:1; transform:scale(1,1); }
.pd_bn dl { text-align:center; margin-top:100px; }
.pd_bn dt { font-size:20px; color:#1d9efd; position:relative; padding-top:12px; }
.pd_bn dt:before { content:""; display:block; position:absolute; width:34px; height:2px; background:#1d9efd; top:0; left:50%; margin-left:-17px; }
.pd_bn dd { color:#fff; font-weight:300; font-size:15px; line-height:26px; }
.pd_bn dt+dd { font-size:18px; margin-top:20px; }
.pd_bn i { display:block; position:absolute; bottom:0; right:0; width:57px; height:58px; background:url(/en/img/main/icon_pd_bn.png) no-repeat; font-size:0; }
.pd_bn .bx-controls-direction { position:absolute; z-index:55; top:118px; left:0; width:100%;}
.pd_bn .bx-controls-direction a { position:absolute; width:26px; height:46px; display:block; cursor:pointer; text-indent:-9999px; }
.pd_bn .bx-prev { left:0; background:url(/en/img/main/btn_prev_bn.gif) no-repeat; }
.pd_bn .bx-next { right:0; background:url(/en/img/main/btn_next_bn.gif) no-repeat; }



.bn { width:335px; }
.bn a { display:block; width:100%; height:100%; position:absolute; top:0; left:0; overflow:hidden; z-index:4; }
.bn img { width:100%; transition:all .3s; }
.bn:hover img { transform:scale(1.05,1.05); }
.bn div { background:url(/en/img/main/bg_title.png) repeat; width:216px; height:134px; margin:0 auto; overflow:hidden; }
.bn div h3 { font-family:"Roboto"; text-transform:uppercase; margin-top:46px; padding-top:18px; text-align:center; color:#fff; font-size:24px; position:relative; }
.bn div h3:before { content:""; display:block; width:34px; height:2px; background:#fff; position:absolute; top:0; left:50%; margin-left:-17px; }
.bn p { margin:159px auto 0; width:145px; height:26px; color:#fff; text-transform:uppercase; font-weight:300; text-align:left; text-indent:15px; line-height:26px;  border:1px solid rgba(255,255,255,.5); background:url(/en/img/main/bullet_more2.png) no-repeat 75px 9px; }


.cs { width:332px; text-align:center; }
.cs:before { content:""; display:block; width:100%;  height:1px; background:#ededed; position:absolute; top:0; left:0; z-index:-1; }
.cs:after { content:""; display:block; width:1px;  height:100%; background:#ededed; position:absolute; top:0; right:0; z-index:-1; }
.cs h3 { font-size:23px; color:#000; line-height:100%; font-family:"Roboto"; text-transform:uppercase; margin-top:32px; padding-bottom:20px; position:relative; }
.cs h3:after {  content:""; display:block; width:34px; height:2px; background:#a3a3a3; position:absolute; bottom:0; left:50%; margin-left:-17px; }
.cs .txt { width:245px; margin:18px auto 0; text-align:right; background:url(/en/img/main/icon_cs.gif) no-repeat; height:61px; overflow:hidden; }
.cs .txt p { margin:8px 0 0 70px; font-size:14px; color:#999; line-height:24px; }
.cs address { font-size:37px; line-height:100%; color:#2b4a8d; font-weight:bold; margin-top:24px; }
.cs .time { color:#999; font-size:14px; margin-top:6px; }
.cs .btn { position:absolute; width:100%; bottom:0; left:0; height:56px; line-height:56px; background:#3b5998; }
.cs .btn h4 { float:left; margin-left:39px; font-size:18px; color:#e1e3e9; }
.cs .btn a { float:right; display:block; margin:14px 31px 0 0; color:#99a5c0; text-transform:uppercase; font-weight:300; text-align:left; text-indent:15px; width:145px; height:26px; line-height:26px;  border:1px solid #5d74a4; background:url(/en/img/main/bullet_more.png) no-repeat 75px 9px; }