@charset "utf-8";


body{overflow-x:hidden;background:#fff;}
.bg-image{display:none;}
.company-container { width:100%;background:#fff; height:100%;margin-top:62px;font-family:"Cuprum", "Nanum Gothic", "PT Sans Narrow", "PT Sans", "Arial Narrow", Verdana, Geneva, sans-serif;overflow:hidden;}
.company-wrap{width:100%;background:#fff; height:100%;overflow:hidden;}

.section{color:#fff;width:100%;background:#00f;margin:0 auto;}
.section img{max-width:100%;}
h3 { font-size:0; line-height:0; padding-top:16px; }
#section1{background-color:#fff;}
#section2{background-color:#0000ce;}
#section3{background-color:#0000b9;}
#section4{background-color:#0000a6;position:relative; }
#section5{background-color:#0000b9;}

.t_wrap{width:1280px;margin:0 auto;padding:150px 0 180px; position:relative; overflow:hidden; }

.i_wrap{ margin-top:35px; font-family:"Nanum Gothic"; font-size:14px; color:#484848; letter-spacing:-0.19px; line-height:24px; font-weight:700; margin-bottom:45px; }

.dList{ overflow:hidden; margin-top:14px; }
.dList dt{ position:relative; font:bold 30px "Cuprum"; color:#0000b9; padding-top:5px; }
.dList dt::before{ content:''; position:absolute; top:0; left:0; z-index:1; width:12px; height:1px; background:#000; }
.dList dd{ margin-top:3px; font-family:"Nanum Gothic"; font-size:14px; color:#484848; letter-spacing:-0.2px; line-height:24px; font-weight:500; }
.dList dd b{ font-weight:900; }

.d_wrap{ margin-top:44px; font-family:"Nanum Gothic"; font-size:14px; color:#0000b9; letter-spacing:-0.05px; font-weight:700; }
.graph_wrap{position:absolute; top:115px; right:0; z-index:1; }
.b_wrap { margin-top:30px; overflow:hidden; }
.b_wrap a { float:left; display:block; text-align:center; width:210px; height:35px; line-height:35px; color:#fff; font-size:13px; font-weight:700;
	background:#0000b9; margin-right:30px; border-radius:3px; overflow:hidden; }

.photo_wrap{width:100%;text-align:center;}
.photo_wrap img{vertical-align:top;width:33.3%;}

#section6 { padding:25px 0; }
#section6 p { padding:0 40px; text-align:right; font:normal 13px "Cuprum"; line-height:16px; min-height:16px; color:#fff; letter-spacing:0px; }
#section6 a { font:normal 13px "Cuprum"; line-height:15px; color:#fff;  }
#section6 .foot { padding-top:2px; line-height:17px; }

@media screen and (max-width:1200px) {
	.t_wrap { width:auto; margin:calc(70/720*100%); padding:75px 0; }
	.t_wrap img { max-width:100%; }
	h3 img { max-width:calc(530/580*100%);  }
	.i_wrap{ margin-top:35px; font-family:"Nanum Gothic"; font-size:13px; color:#484848; letter-spacing:-0.19px; line-height:20px; margin-bottom:45px; }
	.dList dt{ position:relative; font:bold 27px "Cuprum"; padding-top:5px; }
	.dList dd{ margin-top:3px; font-size:13px; font-weight:500; }
	.d_wrap{ font-size:13px; line-height:20px; }
	.graph_wrap{position:relative; top:auto; right:auto; margin:36px 0; }
	.b_wrap a { margin-bottom:16px; width:190px; height:31.5px; line-height:31.5px; color:#fff; font-size:12px; }

	#section6 { padding:5% 0; }
	#section6 p { padding:0 2%; text-align:right; font:normal 12px "Cuprum","Nanum Gothic"; line-height:16px; min-height:16px; color:#fff; letter-spacing:-0.5px; }
	#section6 a { font:normal 12px "Cuprum","Nanum Gothic"; line-height:15px; color:#fff;  }
}

@media screen and (max-width: 1400px){
	#portfolio-categories ul {
		bottom: 53px !important;
	}
}