@charset "utf-8";

html {  height: 100%; }
body {  height: 100%; }

/* 팝업 스타일 Begin */
.layer_pop { /*display:none;*/ position:absolute; z-index:9999999999; }
.layer_pop_admin { border:1px solid #ddd; }
.popContents { position:relative; width:100%; height:100%; background:#fff; }
.popContents .popText { padding:10px; }
.popBtns { position:absolute; top:-1px; right:-25px; }
.popbtn { position:absolute; top:145px; right:25px; }
.recruitTitle { position:absolute; top:60px; left:25px; width:470px; font-size:32px; font-weight:600; word-break:keep-all; line-height:38px; color:#fff; letter-spacing:-2px; }
.recruitText1 { position:absolute; top:145px; left:25px; width:290px; font-size:22px; word-break:keep-all; color:#fff; }
.recruitText2 { position:absolute; top:175px; left:25px; width:290px; font-size:22px; word-break:keep-all; color:#fff; }
/* 팝업 스타일 End */

.inner_content{position:relative; width:1100px; margin:0 auto;}
.inner_content2{position:relative; width:1100px; margin:0 auto;}
.inner_content3{position:relative; width:1100px; margin:0 auto; }

.mov {position:fixed; z-index:99; width:100%; height:100%; overflow:hidden;}
.mov .visTxt {position:absolute; top:50%; left:50%; margin-top:-80px; margin-left:-253px; z-index:9999; text-align:center;}
.mov .visTxt h2 { opacity:0; font-family:"Nanum Myeongjo"; font-size:67.5px; color:#fff; margin-bottom:30px; }
.mov .visTxt p { opacity:0; font-family:"Nanum Myeongjo"; font-size:22px; color:#fff; line-height:34px; }
#vodScreen{position:absolute; top:0; left:0;z-index:9; width:100%; height:100%; background:#000; opacity:1;}
#vodWrap{position:absolute; top:0; left:0;width:100%; height:100%;z-index:8; }
#vodWrap #ytplayer {position:relative; left:50%; width:100%; height:100%; }
/*.mov img{width:100%; height:1040px;} 테스트*/
.scroll { display:block; position:fixed; bottom:30px; left:50%; margin-left:-79px; z-index:990}

.movSpacer { position:relative; width:100%; height:100%; }

/*piece*/
.piece {background:rgba(0,0,0,0.7); position:relative; z-index:99; height:1020px; text-align:center; }
.piece h1{position:relative; padding-top:300px; margin-bottom:20px;}
.piece ul{text-align:center; width:1100px; margin:0 auto; font-size:0;}
.piece li{ position:relative; display:block; float:left; margin:0 8px 0 9px; width:355px; height:auto; font-family: 'NanumSquare'; text-align:center;}
.piece li:nth-child(1) { opacity:0; padding-top:50px; }
.piece li:nth-child(2) { opacity:0; padding-top:50px; }
.piece li:nth-child(3) { opacity:0; padding-top:50px; }
.piece li:first-child { margin-left:0; }
.piece li:last-child { margin-right:0; }
.piece li a{display:block; width:355px; height:340px;}
/*.piece li a.modalpop1{background:url(../image/main/pop_img1.jpg) no-repeat 0 0;}*/
/*.piece li a.modalpop1:hover{background:url(../image/main/pop_img1.jpg) no-repeat 0 -260px;}*/
/*.piece li a.modalpop2{background:url(../image/main/pop_img2.jpg) no-repeat 0 0;}*/
/*.piece li a.modalpop2:hover{background:url(../image/main/pop_img2.jpg) no-repeat 0 -260px;}*/
/*.piece li a.modalpop3{background:url(../image/main/pop_img3.jpg) no-repeat 0 0;}*/
/*.piece li a.modalpop3:hover{background:url(../image/main/pop_img3.jpg) no-repeat 0 -260px;}*/
.piece li p{ color:#fff; font-size:20px; line-height:140%; display:block; margin-top:20px; }
.piece .mpMore { display:none; position:absolute; top:0; left:0; width:355px; height:260px; border:1px solid #898989; background:rgba(0, 64, 152, 0.7); z-index:9;}
.piece .mpMore img { display:inline-block;  margin-top:125px; margin-left:-50px; }

/*content1*/
.content1 {background:#fff; position:relative; z-index:991; padding:120px 0 0 0}
.content1 .inner_content{overflow:hidden;}
.content1 .inner_content h1{float:left;}
.content1 .inner_content ul.tabs {overflow:hidden; height:40px; float:right; margin-top:38px;}
.content1 .inner_content ul.tabs li {float:left; text-align:center;cursor:pointer; margin:0 9px; top:1px; height:40px; line-height:39px; overflow: hidden; position: relative; font-size:13px; z-index:999;}
.content1 .inner_content ul.tabs li:last-child { margin-right:0; }
.content1 .inner_content ul.tabs li.active{/* swiper.min.css : 30-line */}
.content1 .inner_content ul.tabs li:hover {border-bottom:5px solid #004098; }

.curtainLeft { position:absolute; top:0; left:50%; margin-left:-952px; z-index:9; width:402px; height:440px; background:url("../image/main/curtainLeft.png") no-repeat; }
.curtainRight { position:absolute; top:0; right:50%; margin-right:-952px; z-index:9; width:402px; height:440px; background:url("../image/main/curtainRight.png") no-repeat; }

.silde_banner{position:relative; width:100%; border-top:1px solid #898989; border-bottom:1px solid #898989; overflow:hidden;}
.silde_banner ul { position:relative; width:100%; z-index:1; overflow:hidden; white-space:nowrap; left:50%; margin-left:-550px;}
.silde_banner ul  li { float:left; position:relative; width:1100px; }
.swiper-button-prev { position:absolute; left:50%; margin-left:-605px; top:50%; margin-top:-16.5px; z-index:10; cursor:pointer}
.swiper-button-next { position:absolute; right:50%; margin-right:-605px; top:50%; margin-top:-16.5px; z-index:10; cursor:pointer}

/*banner*/
.bannerbox{position:absolute; width:100%; z-index:9; top:0}
.bannerbox .bannerbox_con {position:relative; width:1140px; height:440px; margin:0 auto; /* background:url("../image/main/businessBg.png") no-repeat; */ }
/*
.bannerbox .bannerbox_con {position:relative; width:550px; height:550px; left:50%; margin-left:-570px; overflow:hidden; background:url("../image/main/businessBg.png") no-repeat;}
*/
.bannerbox .bannerbox_con a {display:block; background:#fff; width:550px; height:100%; margin-left:20px;}

/*content2*/
.content2{width:100%; background:url(../image/main/newsBg.jpg) no-repeat center top; background-size:cover; position:relative; height:650px; z-index:991;}
.news { position:absolute; top:88px; left:0; width:690px; }
.news h3 {  }
.news .newsMore { position:absolute; top:55px; right:0; display:block; width:94px; height:15px; }
.news ul { position:absolute; top:82px; left:0; width:690px; height:250px; padding:20px 20px; background:rgba(255, 255, 255, 0.95);
	-webkit-box-shadow:5px 5px 15px rgba(0, 0, 0, 0.3);
	-moz-box-shadow:5px 5px 15px rgba(0, 0, 0, 0.3);
	box-shadow:5px 5px 15px rgba(0, 0, 0, 0.3);
	-webkit-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out;
}
.news ul li { position:relative; width:100%; height:100px; overflow:hidden; margin-bottom:10px; }
.news ul li a { display:block; width:100%; height:100%; }
.news ul li a:hover {
	opacity:0.7;
	-webkit-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out;
	}
.news ul li div.newsThumb { position:relative; float:left; width:140px; overflow:hidden;}
.news ul li div.newsThumb img { width:140px; height:100px; }
.news ul li div.newsArticle { position:relative; float:left; width:470px; margin-left:20px; margin-top:3px; }
.news ul li div.newsArticle .newsTitle { font-size:18px; color:#464646; font-weight:600; margin-top:5px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.news ul li div.newsArticle .newsContent { font-size:15px; color:#464646; font-weight:400; margin-top:10px; line-height:20px; }
.news ul li div.newsArticle .newsDate { font-size:12px; color:#464646; font-weight:400; margin-top:15px; }

.blog { position:absolute; top:452px; left:0; width:690px; height:150px; }
.blogMore { position:absolute; top:7px; right:0; }
.blog ul { position:relative; width:100%; }
.blog ul li { position:relative; float:left; width:335px; height:92px; margin:13px 20px 0 0; border-bottom:1px solid #eee; }
.blog ul li:last-child { margin-right:0; }
.blog ul li a { display:block; width:100%; height:100%; }
.blog ul li a:hover {
	opacity:0.7;
	-webkit-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out;
	}
.blog ul li .blogTitle { font-size:15px; color:#fff; font-weight:600;  line-height:22px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.blog ul li .blogContent { font-size:15px; color:#fff; font-weight:400; line-height:20px; word-break:keep-all; }
.blog ul li .blogDate { font-size:12px; color:#fff; font-weight:400;  line-height:30px;}

.leftNews { position:absolute; top:0; right:0; padding-top:135px; width:370px; height:650px; background:rgba(0, 0, 0, 0.8); }
	.grpNews { position:relative; width:310px; margin:0 auto; }
	.grpNewsMore { position:absolute; top:10px; right:0; }
	.grpNews ul { position:relative; width:100%; height:250px; margin-top:11px; padding:22px 20px; background:#fff; }
	.grpNews ul li { position:relative; width:100%; height:90px; margin-bottom:20px; }
	.grpNews ul li a { display:block; width:100%; height:100%; }
	.grpNews ul li a:hover {
		opacity:0.7;
		-webkit-transition:all .2s ease-in-out;
		transition:all .2s ease-in-out;
		}
	.grpNews ul li .grpNewsCategory { font-size:18px; color:#004098; font-weight:600; line-height:30px; margin-right:10px; }
	.grpNews ul li .grpNewsSubject { font-size:18px; color:#464646; font-weight:600; line-height:30px; width:270px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
	.grpNews ul li .grpNewsContent { font-size:15px; color:#464646; font-weight:400; line-height:20px; }
	.grpNews ul li .grpNewsDate { font-size:12px; color:#464646; font-weight:400;  line-height:30px;}

	.facebook { position:relative; width:310px; margin:32px auto 0 auto; }
	.facebookMore { position:absolute; top:0px; right:0; }
	.facebook ul { position:relative; width:100%; }
	.facebook ul li { position:relative; width:100%; height:92px; margin-top:13px; border-bottom:1px solid #eee; }
	.facebook ul li a { display:block; width:100%; height:100%; }
	.facebook ul li a:hover {
		opacity:0.7;
		-webkit-transition:all .2s ease-in-out;
		transition:all .2s ease-in-out;
		}
	.facebook ul li .facebookContent { font-size:15px; color:#fff; font-weight:600; line-height:20px; }
	.facebook ul li .facebookTag { font-size:15px; color:#3b84d7; font-weight:400; line-height:20px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
	.facebook ul li .facebookDate { font-size:12px; color:#fff; font-weight:400;  line-height:30px;}

/*content3*/
.content3{width:100%; background:url(../image/main/contetn_bg3.jpg) no-repeat center top; background-size:cover; position:relative; height:639px; z-index:991; overflow-x:hidden; min-width:1100px;}
/*.content3 a:hover { opacity:0.7; }*/
.bannerUpside { position:relative; width:1200px; padding-top:120px; margin-left:-10px; }
.bannerUpside p a { font-size:0; text-indent:-99999px; z-index:99; }
.bannerUpside p.pr { position:relative; float:left; width:550px; margin-bottom:0px; z-index:1; margin-top:7px; margin-left:11px;}
.bannerUpside p.pr a {
	/*
	display:block; width:689px; height:200px;
	position:absolute; top:48px; left:0;
	-webkit-box-shadow:10px 10px 15px rgba(0, 0, 0, 0.3);
	-moz-box-shadow:10px 10px 15px rgba(0, 0, 0, 0.3);
	box-shadow:10px 10px 15px rgba(0, 0, 0, 0.3);
	-webkit-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out;
	*/
}
.bannerUpside p.cf { position:relative; float:left; width:550px; margin-bottom:0px; z-index:0; }
.bannerUpside p.cf { margin-top:56px; }
.bannerUpside p.cf a {
	/*
	display:block; width:410px; height:200px;
	position:absolute; top:0; left:0;
	-webkit-box-shadow:10px 10px 15px rgba(0, 0, 0, 0.3);
	-moz-box-shadow:10px 10px 15px rgba(0, 0, 0, 0.3);
	box-shadow:10px 10px 15px rgba(0, 0, 0, 0.3);
	-webkit-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out;
	*/
}

.bannerUpside p a:hover {
	/*
	-moz-box-shadow:0 0 0 rgba(0, 0, 0, 0);
	box-shadow:0 0 0 rgba(0, 0, 0, 0);
	-webkit-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out;
	*/
}
.bannerUpside p #prMore { display:block; position:absolute; bottom:55px; right:155px; z-index:9; }
.bannerUpside p #cfMore { display:block; position:absolute; bottom:36px; right:175px; z-index:9; }

.bannerDownside { clear:both; position:relative; width:100%; }
.bannerDownside div.ir { position:relative; float:left; width:540px; height:95px; background:url("../image/main/ir.png") no-repeat; /*margin-bottom:20px;*/
	-webkit-box-shadow:5px 5px 20px rgba(0, 0, 0, 0.3);
	-moz-box-shadow:5px 5px 20px rgba(0, 0, 0, 0.3);
	box-shadow:5px 5px 20px rgba(0, 0, 0, 0.3);
	-webkit-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out;
}

.ir h3 { position:absolute; top:25px; right:177px; font-size:54px; color:#464646; font-weight:600; }
.ir .stockDate { position:absolute; top:30px; right:30px; font-size:12px; color:#464646; font-weight:400;}
.ir .stockChg { position:absolute; top:51px; right:30px; font-size:15px; color:#636363; font-weight:600;}
.ir .stockChg strong { font-size:20px; color:#ED1C24; }
.ir .stockCmt { position:absolute; top:98px; right:47px; font-size:15px; color:#636363; font-weight:400; border-top:1px solid #464646; padding-top:14px; }

.bannerDownside p:first-child { position:relative; float:left; margin-left:-8px;}
.bannerDownside p { position:relative; float:left; margin-left:20px;}
.bannerDownside p.hbtn a { display:block; width:100%; height:100%;
	-webkit-box-shadow:5px 5px 20px rgba(0, 0, 0, 0.3);
	-moz-box-shadow:5px 5px 20px rgba(0, 0, 0, 0.3);
	box-shadow:5px 5px 20px rgba(0, 0, 0, 0.3);
	-webkit-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out;
}
.bannerDownside p.hbtn a:hover { opacity:0.8;
	-webkit-box-shadow:0 0 0 rgba(0, 0, 0, 0);
	-moz-box-shadow:0 0 0 rgba(0, 0, 0, 0);
	box-shadow:0 0 0 rgba(0, 0, 0, 0);
	-webkit-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out;
}

/***************************************************************************/
/***************************************************************************/
/*win*/
.win{background:#000; padding:20px 0; width:1100px; margin:0 auto; }
.win > p{float:left; width:640px; padding:0 40px 20px 20px;}
.win > div{float:left; width:360px; text-align:left; font-family: 'NanumSquare'; color:#fff; padding:40px 40px 0 60px; }
.win > div > p{color:#878787; font-size:14px; margin-bottom:70px;}
.win > div > h1{width:360px; font-size:36px; border-bottom:5px solid #fff; padding-bottom:35px; /*margin-bottom:160px;*/ line-height:140%;}
.win > div ul {position: absolute; bottom:0; }
.win > div ul li{font-size:18px; margin-bottom:20px;}
.win > div ul li strong{font-size:15px; font-weight:normal; display:block; margin-bottom:8px;}
.win ul li:last-child { word-break:keep-all; }
.win ul li:last-child span { line-height:24px; word-break:keep-all; }