@import url(default.css);
@import url(common.css);


section{height:1000px;}
section h2{letter-spacing:0.1em;}
.visual{background:url(../images/main/visual_bg.jpg)no-repeat center center; background-size:cover;text-align:center; color:#fff;}
.visual h2{font-size:60px; line-height:64px;font-weight:900;letter-spacing:-0.02em;}
.visual p{font-size:40px; font-weight:300;}

@media screen and (max-width:640px){
	section h2{letter-spacing:-0.05em;}
	.visual{background:url(../images/main/visual_bg_m.jpg)no-repeat top center; width:100%;height:450px !important; margin-top:-50px;}
	.visual h2{font-size:30px; line-height:32px;letter-spacing:-0.02em;margin:180px 0 0 0;}
	.visual p{font-size:20px;}
}
@media screen and (min-width:320px) and (max-width:450px){
	section h2{letter-spacing:-0.05em;}
	.visual{background:url(../images/main/visual_bg_m.jpg)no-repeat top center; width:100%;height:450px !important; margin-top:-50px;}
	.visual h2{font-size:30px; line-height:32px;letter-spacing:-0.02em;margin:180px 0 0 0;}
	.visual p{font-size:20px;}
}

.business{background:url(../images/main/business_bg.jpg)no-repeat center center;color:#fff;text-align:center;}
.business h2{font-size:35px;font-weight:900;line-height:1;}
.business p{font-size:20px;margin-bottom:50px;}
.business ul{display:inline-block;width:850px;}
.business ul li{float:left;margin:0 0 25px 10px;width:45%;text-align:right;}
.business ul li a{float:right;}
.business ul li .busi_txt{margin-right:162px;}
.business ul li strong{display:block;font-size:30px;margin-top:40px;line-height:1;font-weight:900;}
.business ul li p{font-size:16px;margin-bottom:0;}

@media screen and (max-width:640px){
	.business{background:url(../images/main/business_bg.jpg)no-repeat center center;color:#fff;text-align:center;}
	.business h2{font-size:20px;line-height:1; margin:25px 0 0 0;}
	.business p{font-size:16px;margin:0 0 25px 0;margin-bottom:0;}
	.business ul{display:inline-block;width:auto;margin:5% 0;}
	.business ul li{float:left;margin:0;width:50%;text-align:center;height:185px;}
	.business ul li a{float:none;}
	.business ul li .busi_txt{margin-right:0;width:100%;}
	.business ul li strong{font-size:18px;margin-top:0;
	font-weight:600;}
	.business ul li p{display:none;}	
}



.news{background:url(../images/main/news_bg.jpg)no-repeat center bottom;text-align:center;}
.news h2{font-size:35px; font-weight:900;color:#0059c6;}
.news p{font-size:20px;}
.news .list{margin:50px 0 30px 0;position:relative;}
.news .list ul{display:inline-block;}
.news .list ul li{float:left; background:url(../images/main/news_line.jpg)no-repeat right top 5px;}
.news .list ul li a{text-decoration:none;padding:0 20px;color:#2d2d2d;}
.news .list ul li.on a{color:#0059c6;}
.news .list ul li:last-child{background:none;}

.news .n_txt{text-align:center;padding-bottom:100px;}
.news .n_txt ul{display:inline-block;}
.news .n_txt ul li{float:left; text-align:left; margin-right:10px;width:300px;}
.news .n_txt ul li:nth-child(1){background:url(../images/main/news_list_bg1.jpg)no-repeat left top; }
.news .n_txt ul li:nth-child(2){background:url(../images/main/news_list_bg2.jpg)no-repeat center top;}
.news .n_txt ul li:nth-child(3){background:url(../images/main/news_list_bg3.jpg)no-repeat right top; margin-right:0;}
.news .n_txt ul li h3{font-size:21px; font-weight:600; color:#2d2d2d;margin:230px 10px 0 10px;line-height:25px;overflow:hidden;word-break:keep-all;}
.news .n_txt ul li p{font-size:15px; margin:15px 10px; font-weight:300; color:#7d7d7d;line-height:23px; height:6em; overflow:hidden; text-align:justify;}
.news .n_txt button{display:none;}


@media screen and (max-width:640px){
	.news{background:none;text-align:center;}
	.news h2{font-size:20px;line-height:1; margin:25px 0 0 0;}
	.news p{font-size:16px;margin:0 0 25px 0;}
	.news .list{display:none;}
	.news .n_txt{padding-bottom:25px;}
	.news .n_txt ul{display:inline-block;}
	.news .n_txt ul li{width:50%;margin-right:0;float:left; margin:0;}
	.news .n_txt ul li:nth-child(1){background:url(../images/main/news_list_bg1.jpg)no-repeat center top;}
	.news .n_txt ul li:nth-child(2){background:url(../images/main/news_list_bg2.jpg)no-repeat center top;}
	.news .n_txt ul li:nth-child(3){display:none;}
	.news .n_txt ul li h3{font-size:19px; font-weight:600;text-align:center;margin:230px 10% 0 10%;height:2.5em;}
	.news .n_txt ul li p{height:4.5em; overflow:hidden; text-align:justify;margin:0 5%;}
	.news .n_txt button{display:block;padding:0;margin:10px 0 10px 0;border-bottom:1px solid #e4e4e4;border-top:1px solid #e4e4e4;width:100%;color:#b6b6b6;text-align:left; padding:5px 5%;font-size:14px;}
}
@media screen and (min-width:320px) and (max-width:450px){
	.news{background:none;text-align:center;}
	.news h2{font-size:20px;line-height:1; margin:25px 0 0 0;}
	.news p{font-size:16px;margin:0 0 25px 0;}
	.news .list{display:none;}
	
	.news .n_txt{padding-bottom:25px;}
	.news .n_txt ul{display:inline-block;}
	.news .n_txt ul li{width:auto;margin-right:0;float:left; margin:0;}
	.news .n_txt ul li:nth-child(1){background:url(../images/main/news_list_bg1_1.jpg)no-repeat center top;}
	.news .n_txt ul li:nth-child(2),
	.news .n_txt ul li:nth-child(3){display:none;}
	.news .n_txt ul li h3{font-size:19px; font-weight:600;text-align:center;margin:300px 10% 0 10%}
	.news .n_txt ul li p{height:6em; overflow:hidden; text-align:justify;margin:0 5%;}
	.news .n_txt button{display:block;padding:0;margin:10px 0 10px 0;border-bottom:1px solid #e4e4e4;border-top:1px solid #e4e4e4;width:100%;color:#b6b6b6;text-align:left; padding:5px 5%;font-size:14px;}
}




.sustain{background:#f1f1f1;text-align:center;}
.sustain h2{font-size:35px; font-weight:900;color:#0059c6;}
.sustain p{font-size:20px;margin-bottom:130px;}
.sustain ul{display:inline-block;padding-bottom:100px;}
.sustain ul li{float:left; width:226px;margin-right:36px;}
.sustain ul li:nth-child(1){background:url(../images/main/sus_bg1.png)no-repeat center top;}
.sustain ul li:nth-child(2){background:url(../images/main/sus_bg2.png)no-repeat center top;}
.sustain ul li:nth-child(3){background:url(../images/main/sus_bg3.png)no-repeat center top;}
.sustain ul li:nth-child(4){background:url(../images/main/sus_bg4.png)no-repeat center top; margin-right:0;}
.sustain ul li p{font-weight:400; font-size:18px; margin:240px 0 0 0;line-height:1;}
.sustain ul li strong{font-weight:400;}
.sustain ul li em{font-size:16px;}


@media screen and (max-width:640px){
	.sustain h2{font-size:20px;line-height:1; margin:25px 0 0 0;}
	.sustain p{font-size:16px;margin:0 0 25px 0;}
	.sustain ul{padding-bottom:0;width:90%;}
	.sustain ul li{width:25%;margin:10px 0; margin-right:0;position:relative;height:100%;}
	.sustain ul li:nth-child(1){background:url(../images/main/sus_bg1_m.png)no-repeat center top;}
	.sustain ul li:nth-child(2){background:url(../images/main/sus_bg2_m.png)no-repeat center top;}
	.sustain ul li:nth-child(3){background:url(../images/main/sus_bg3_m.png)no-repeat center top;}
	.sustain ul li:nth-child(4){background:url(../images/main/sus_bg4_m.png)no-repeat center top; }
	.sustain ul li p{display:block;font-size:15px;margin:100px 0 0 0;}
	.sustain ul li em{font-weight:400;margin:4px 0 15px 0;display:block;font-size:14px;}
}

@media screen and (min-width:320px) and (max-width:450px){
	.sustain h2{font-size:20px;line-height:1; margin:25px 0 0 0;}
	.sustain p{font-size:16px;margin:0 0 25px 0;}
	.sustain ul{padding-bottom:25px;}
	.sustain ul li{width:50%;margin:10px 0; margin-right:0;position:relative;height:100%;}
	.sustain ul li:nth-child(1){background:url(../images/main/sus_bg1_m.png)no-repeat center top;}
	.sustain ul li:nth-child(2){background:url(../images/main/sus_bg2_m.png)no-repeat center top;}
	.sustain ul li:nth-child(3){background:url(../images/main/sus_bg3_m.png)no-repeat center top;}
	.sustain ul li:nth-child(4){background:url(../images/main/sus_bg4_m.png)no-repeat center top; }
	.sustain ul li p{display:none;}
	.sustain ul li em{font-weight:400;margin-top:80px;display:block;}
}



.our{position:relative;text-align:center;cursor:pointer;}
.our a{text-decoration:none;color:#fff;}
.our img{margin-right:5px;}
.our span{font-size:35px;font-weight:600; padding-right:35px; background:url(../images/main/our_more.png)no-repeat right top 16px;}
.our .careers{background:url(../images/main/careers_bg.jpg)no-repeat center center; position:absolute;left:0;top:0;height:100%;width:50%;}
.our .careers a{display:block;}
.our .people{background:url(../images/main/people_bg.jpg)no-repeat center center; position:absolute;right:0;top:0;height:100%;width:50%;}
.our .people a{display:block;}
.our .careers:hover{background:url(../images/main/careers_bg2.jpg)no-repeat center center; }
.our .people:hover{background:url(../images/main/people_bg2.jpg)no-repeat center center; }

@media screen and (max-width:640px){
	.our{height:250px !important;}/*absolute 높이 x 자체적으로 높이값주고 !important;*/
	.our p{font-size:15px;}
	.our img{margin-right:5px;}
	.our span{display:inline-block; margin:100px 0 0 0;font-size:20px;font-weight:600; padding-right:20px; background:url(../images/main/our_more_m.png)no-repeat right top 8px;}
	.our .careers{background:url(../images/main/careers_bg_m.jpg)no-repeat center center;}
	.our .people{background:url(../images/main/people_bg_m.jpg)no-repeat center center;}
}


/*.sec02.on ul li{ transform: translate(0, 0); opacity:1;}*/



aside{position:fixed; left:1%; top:50%;}
aside ul li{line-height:10px;}
aside ul li button{background:#d4d4d4; color:#fff;width:25px;opacity:0.6;}
aside ul li.on button{background:#0059c6; color:#fff;width:45px;}
@media screen and (max-width:640px){
	aside{display:none;}
}