@charset "utf-8";

/* *********************************
	main
********************************* */
.visual { z-index:1; position:relative; top:-70px; left:0px; width:100%; }
.visual ul li { height:800px; }
.visual ul li a { display:block; }
 /* 20.02.27 수정 */
.visual ul li .inner { position:relative; height:800px; }
	.vis_tit01 { z-index:1; position:absolute; top:310px; left:0px; opacity:0; }
	.vis_tit02 { z-index:1; position:absolute; top:395px; left:0px; opacity:0; }
	.vis_tit03 { z-index:1; position:absolute; top:500px; left:0px; opacity:0; }
.visual ul { overflow:hidden; position:relative; margin:0 auto; max-width:1920px; }
 /* 20.02.27 수정 */
.bx-clone * { display:none !important; }
.visual .bx-pager { position:absolute; bottom:30px; width:100%; text-align:center; }
.visual .bx-pager div { display:inline-block; text-align:center; margin-left:7px; }
.visual .bx-pager div:first-child { margin-left:0px; }
.visual .bx-pager a { display:inline-block; width:24px; height:24px; text-indent:-9999px; background:url('/new2018/static/images/main/pager.png') no-repeat; }
.visual .bx-pager a.active { background:url('/new2018/static/images/main/pager_on.png') no-repeat; }
 /* 20.02.27 추가 */
.visual .video_area { overflow:hidden; position:absolute; left:0px; top:0px; width:100%; min-height:800px; background-size:cover; }
.visual .video_area video { position:absolute; top:0px; left:0px; }
 /* 20.02.27 추가 */
.container { position:relative; /*margin-top:-70px;*/ margin:-70px auto 0; max-width:1920px; /*background:url('/new2018/static/images/main/con_bg.jpg') no-repeat;*/ }
	.container .bg_top { z-index:-1; position:absolute; top:0px; left:0px; width:100%; height:50%; background:url('/new2018/static/images/main/bg_top.jpg') left top no-repeat; }
	.container .bg_bot { z-index:-1; position:absolute; bottom:750px; left:0px; width:100%; height:50%; background:url('/new2018/static/images/main/bg_bot.jpg') left bottom no-repeat; }
.container article { overflow:hidden; margin:0 auto; padding:0 50px; width:1080px; }
.container h1.tit { margin-bottom:30px; font-size:50px; font-weight:600; color:#333; text-align:center; letter-spacing:-5px; }
.container p.sub_txt { margin-bottom:50px; font-size:24px; color:#333; text-align:center; } 

.container .nav { z-index:1;/*5*/ position:absolute; top:340px; right:40px; width:20px; }
.container .nav.fixed > span { display:inline-block; width:20px; }
.container .nav.fixed > span { position:fixed; top:50%; margin-top:-154px; }
.container .nav a { display:inline-block; margin-top:15px; width:20px; height:20px; background-color:#e3e3e3; border-radius:100%; }
.container .nav a span { display:none; }
.container .nav a.on { margin-left:-60px; width:80px; height:28px; line-height:26px; font-size:14px; color:#fff; text-align:center; background-color:#1d50a2; border-radius:30px; }
.container .nav a.on span { display:block; color:#fff; }

/* business motion : s  */
.business ul { height:340px; }
.business ul li { opacity:0; -webkit-animation: done01 1s ease; }
.business.current ul li { opacity:1; }
.business.current ul li:nth-child(1) { animation: posi01 0.8s ease; }
.business.current ul li:nth-child(2) { animation: posi01 1.3s ease; }
.business.current ul li:nth-child(3) { animation: posi01 1.8s ease; }
.business.current ul li:nth-child(4) { animation: posi01 2.3s ease; }
@keyframes posi01
{
  0% { opacity:0; top:-30px; }
  100% { opacity:1; top:0; }
}
@keyframes done01
{
  0% { opacity:1; top:0; }
  100% { opacity:0; top:-30px; }
}
/* business motion : e */

.business li { position:relative; overflow:hidden; float:left; border-radius:10px;}
	.business .ico01 { background:url('/new2018/static/images/main/business_ico01.png') center 60px no-repeat; }
	.business .ico02 { background:url('/new2018/static/images/main/business_ico02.png') center 63px no-repeat; }
	.business .ico03 { background:url('/new2018/static/images/main/business_ico03.png') center 59px no-repeat; }
	.business .ico04 { background:url('/new2018/static/images/main/business_ico04.png') center 61px no-repeat; }
.business li a { display:inline-block; width:270px; height:340px; }
.business li a:last-child { width:269px; }
.business li dl { margin-top:180px; }
.business li dl dt { margin-bottom:15px; font-size:28px; color:#333; text-align:center; }
.business li dl dd { font-size:18px; color:#666; text-align:center; line-height:1.5; }
		.business .ico01 a.hover { background:#1d50a2 url('/new2018/static/images/main/business_ico01_on.png') center 60px no-repeat; }
		.business .ico02 a.hover { background:#1d50a2 url('/new2018/static/images/main/business_ico02_on.png') center 63px no-repeat; }
		.business .ico03 a.hover { background:#1d50a2 url('/new2018/static/images/main/business_ico03_on.png') center 59px no-repeat; }
		.business .ico04 a.hover { background:#1d50a2 url('/new2018/static/images/main/business_ico04_on.png') center 61px no-repeat; }
	.business li a.hover dl dt,
	.business li a.hover dl dd { color:#fff; }
	.business li a.hover dt:after { content:""; display:inline-block; margin-left:10px; width:12px; height:20px; background:url('/new2018/static/images/main/arrow.png') no-repeat; }
	 
.social .social_box { overflow:hidden; position:relative; padding:0 47px 0 122px; /*background:url('/new2018/static/images/main/social_bg.png') 76px top no-repeat;*/ }
.social .social_box figure img { overflow:hidden; float:left; width:526px; height:526px; border-radius:100%; }
.social .social_box figure figcaption { float:left; margin:180px 0 0 40px; width:340px; font-size:15px; color:#666; line-height:1.5; }
.social .social_box figure figcaption h2 { margin-bottom:20px; font-size:30px; color:#333; font-weight:600; line-height:1.2; letter-spacing:-3px; }
.social .bx-controls-direction { position:absolute; top:50%; left:0px; width:100%; }
.social .bx-controls-direction a { z-index:7; position:absolute; display:inline-block; width:27px; height:53px; text-indent:-9999px; }
.social .bx-controls-direction .bx-prev { left:0px; background:url('/new2018/static/images/main/social_prev.png') no-repeat; }
.social .bx-controls-direction .bx-next { right:0px; background:url('/new2018/static/images/main/social_next.png') no-repeat; }
.social .social_box:before { position:absolute; top:40px; left:110px; content:""; display:inline-block; width:485px; height:485px; border:1px solid #d1d1d1; border-radius:100%; } 
.social .bg01 { position:absolute; top:65px; left:108px; }
.social .bg02 { position:absolute; top:140px; left:45px; }
.social .bg03 { position:absolute; top:20px; left:632px; }
.social .bg04 { position:absolute; top:110px; left:700px; }

/* social motion : s */
.social.current	.social_box:before { 
    animation-name: social;
    animation-duration: 4s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
@keyframes social { 
	from { top:40px; left:110px; } 
	30% { top:0px; left:130px; } 
	60% { top:0px; left:190px; } 
	to { top:40px; left:110px; } 
}

.social.current .bg01,
.social.current .bg02,
.social.current .bg03,
.social.current .bg04 {
	animation-name: rotate;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
.social.current .bg01 { animation-duration:2s; }
.social.current .bg02 { animation-duration:3s; }
.social.current .bg03 { animation-duration:4s; }
.social.current .bg04 { animation-duration:3s; }
@keyframes rotate {
    from { transform:rotate(0deg);}
    to { transform:rotate(360deg); }
}

/* social motion : e */

.pr ul { margin:-8px 0 0 -8px; }
.pr ul li { overflow:hidden; position:relative; float:left; margin:8px 0 0 8px; width:264px; height:264px; border-radius:10px; }
	.pr ul li.insta:before,
	.pr ul li.facebok:before,
	.pr ul li.blog:before { content:""; z-index:2; position:absolute; top:10px; right:10px; display:inline-block; width:33px; height:33px; }
	.pr ul li.insta:before { background:url('/new2018/static/images/main/ico_insta.png') no-repeat; }
	.pr ul li.facebok:before { background:url('/new2018/static/images/main/ico_facebok.png') no-repeat; }
	.pr ul li.blog:before { background:url('/new2018/static/images/main/ico_blog.png') no-repeat; } 
	.pr ul li.blog { background-color:#ffd133; }
	.pr ul li.pr_area { background-color:#fff; }
	.pr ul li.pr_video,
	.pr ul li.pr_sabo { width:536px; height:300px; }
.pr ul li * { line-height:1.0; }
.pr ul li a { overflow:hidden; display:block; width:100%; height:100%; line-height:264px; }
.pr ul li h2 { position:absolute; top:25px; left:25px; font-size:24px; }
.pr ul li p { display:inline-block; padding:0 25px; font-size:22px; color:#333; line-height:1.5; vertical-align:middle; }
.pr ul li .date { position:absolute; left:25px; bottom:25px; font-size:15px; color:#777; letter-spacing:0px; }
.pr ul li { transition:all 1s ease-in-out; background-color:#000;  }
.pr ul li.blog:hover { transition:all 0.3s ease-in-out; background-color:#daad14 }
.pr ul li.pr_area:hover { transition:all 0.3s ease-in-out; background-color:#eee }
.pr ul li img { transition: all .2s ease-in-out }
.pr ul li img:hover { transform:scale(1.02); opacity:0.9; }

.video_pr { display:none; z-index:501; position:absolute; top:0px; left:50%; margin-left:-540px; width:1080px; font-size:18px; color:#fff; }
.video_pr * { color:#fff; }
.video_pr h3 { font-size:28px; }
.video_pr p { margin:10px 0 18px; font-size:18px; }
.video_pr div { overflow:hidden; height:608px; }
.video_pr .btn_close { position:absolute; top:0px; right:0px; }


.container .employ { position:relative; padding:0px; width:100%; height:750px; background:url('/new2018/static/images/main/bg_company.jpg?v=2') center no-repeat; background-size:cover; }
.container .employ h1.tit { margin-top:98px; font-weight:500; font-weight:bold; }
.employ .employ_area { position:absolute; top:252px; width:100%; text-align:center; }
.employ .employ_area div { display:inline-block; }
.employ li { position:relative; float:left; width:264px; height:352px; text-align:left; }
.employ li a { overflow:hidden; display:block; padding:30px 25px; height:292px; background-color:#fff; border-radius:10px; }
	.employ li.employ_man a { padding:30px 0; background:#1d50a2 url('/new2018/static/images/main/employ_ico01.png') center 57px no-repeat; }
	.employ li.employ_company a { padding:30px 0; background:#2fcfcd url('/new2018/static/images/main/employ_ico02.png') center 74px no-repeat; }
	.employ li.employ_man a *,
	.employ li.employ_company a * { font-size:17px; color:#fff; text-align:center; }
	.employ li.employ_man a h2,
	.employ li.employ_company a h2 { margin-top:183px; font-size:28px; font-weight:400; }
	.employ li.employ_man a h2 img,
	.employ li.employ_company a h2 img { display:inline-block; margin-left:10px; }
.employ li a em { display:inline-block; padding:0 10px; min-width:38px; height:22px; line-height:20px; border:1px solid #333; text-align:center; border-radius:30px;}
.employ li p { margin-top:30px; font-size:20px; color:#1d50a2; line-height:1.4; }
.employ li .date { position:absolute; left:25px; bottom:30px; font-size:15px; color:#777; letter-spacing:0px; }
.employ .bx-pager { margin-top:30px; text-align:center; }
.employ .bx-pager div { display:inline-block; }
.employ .bx-pager div:first-child a { margin-left:0px; }
.employ .bx-pager div a { display:inline-block; margin-left:6px; width:14px; height:14px; background-color:#f4f4f4; border-radius:100%; text-indent:-9999px; }
.employ .bx-pager div a.active { width:36px; background-color:#1d50a2; border-radius:10px; }

/* employ motion : s  */
.employ ul { height:352px; }
.employ ul li { opacity:0; -webkit-animation: done02 1s ease; }
.employ.current ul li { opacity:1; }
.employ.current ul li:nth-child(1) { animation: posi02 1s ease; }
.employ.current ul li:nth-child(2) { animation: posi02 1.5s ease; }
.employ.current ul li:nth-child(3) { animation: posi02 1.8s ease; }
.employ.current ul li:nth-child(4) { animation: posi02 2s ease; }
@keyframes posi02
{
  0% { opacity:0; top:-70px; }
  100% { opacity:1; top:0; }
}
@keyframes done02
{
  0% { opacity:1; top:0; }
  100% { opacity:0; top:-70px; }
}
/* employ motion : e */