@charset "utf-8";

/* ¸ÞÀÎ ÄÁÅÙÃ÷ */

/* 20171212 ±Ç¿À±Ô Ãß°¡ */
/* main slider */
#slide-wrap { position:relative; height:796px; overflow:hidden; }
#slide-wrap #vi-bxslider, #slide-wrap #vi-bxslider li { height:796px; }
#slide-wrap #vi-bxslider li { text-align:center; width:100% !important; position:relative; text-align:center; background-repeat:no-repeat; background-position:top center; background-size:cover; }
#slide-wrap #vi-bxslider li .vi-info { position:absolute; width:100%; left:0; bottom:43%; z-index:54; }
#slide-wrap #vi-bxslider li .vi-info img { margin:0 auto; }

#video { position:absolute; left:0; right:0; top:0; bottom:0; min-width:100%; min-height:100%; }

.vi_diagonal { position:absolute; left:0; bottom:-78px; width:100%; height:156px; background:#f4f4f4; transform: skewY(-4.6deg); /*background:url(../images/common/vi_diagonal.png) left top no-repeat;*/ z-index:55; }
.video-bg { position:absolute; left:0; top:0; bottom:0; right:0; background:rgba(20,13,45,0.7); z-index:51; }


/* Main content : °øÅë Á¦¸ñ */
#main_content { display:block; background:#f4f4f4; }
#main_content .main_txt1 { display:block; height:auto; padding:55px 0 30px; text-align:center; box-sizing:border-box; }
#main_content .main_txt1 dt { margin:0 0 25px; font-size:61px; font-weight:600; }
#main_content .main_txt1 dd { line-height:36px; font-size:25px; }
#main_content .main_txt1 dd span { display:block; }


#main_content .main_txt2 { display:block; padding:150px 0 50px; text-align:center; box-sizing:border-box; }
#main_content .main_txt2 dt { margin:0 0 25px; font-size:61px; font-weight:600; color:#fff; }
#main_content .main_txt2 dd { line-height:36px; font-size:25px; color:#fff; }


#main_content .main_txt3 { display:block; padding:95px 0; text-align:center; box-sizing:border-box; }
#main_content .main_txt3 dt { margin:0 0 25px; font-size:61px; font-weight:600; }
#main_content .main_txt3 dd { line-height:36px; font-size:25px; }


/* Main content : service */
#main_content .service_area { position:relative; max-width:1200px; min-height:740px; margin:0 auto; text-align:center; background:#f4f4f4; }
#main_content .service_area ul { display:block; list-style:none; margin:25px 0 15px; padding:0; }
#main_content .service_area ul:after { display:block; content:''; clear:both; }
#main_content .service_area ul li { display:inline-block; max-width:190px; width:16%; margin-right:3%; vertical-align:top; }
#main_content .service_area ul li:last-child { margin-right:0; }
#main_content .service_area ul li a { display:block; margin:0; }
#main_content .service_area ul li a .txt1 { padding:22px 0 20px; font-size:20px; font-weight:600; color:#020202; }
#main_content .service_area ul li a .txt2 { line-height:20px; font-size:14px; color:#020202; }
#main_content .service_area ul li a .txt2 span { display:block; }
#main_content .service_area ul li a .icon img { width:100%; }
#main_content .service_area .line-1 { display:inline-block; width:1px; height:72px; background:#603d98; }
#main_content .service_area .line-2 { display:inline-block; width:1px; height:72px; background:#603d98; }


/* Main content : portfolio */
#main_content .portfolio_area { min-height:1057px; padding:50px 0; text-align:center; background:url('../images/common/portfolio_bg.jpg') no-repeat 50% top; background-size:cover; box-sizing:border-box; }
#main_content .portfolio_area ul { display:block; max-width:1200px; margin:0 auto 45px; padding:0; }
#main_content .portfolio_area ul:after { display:block; content:''; clear:both; }
#main_content .portfolio_area ul li { display:inline-block; max-width:316px; width:27%; margin-right:5%; }
#main_content .portfolio_area ul li:last-child { margin-right:0; }
#main_content .portfolio_area ul li a { display:block; box-shadow:5px 5px 20px rgba(0,0,0,0.5); }
#main_content .portfolio_area ul li a img { width:100%; max-width:100%; }

#main_content .portfolio_area .btn_pofol { display:inline-block; width:252px; height:58px; line-height:58px; font-size:25px; color:#fff; border:1px solid #c5c5c6; border-radius:29px; }




/* ¹ÝÀÀÇü ÀÛ¾÷ */
@media (max-width:1212px){
	/* Main content : service */

}

@media (max-width:1024px){
	
}

@media (max-width:840px){
	/* Main content : °øÅë Á¦¸ñ */
	#main_content .main_txt1 { padding:20px 0 30px; }
	#main_content .main_txt2 { padding:100px 0 50px; }
	#main_content .main_txt3 { padding:55px 0 30px; }

	#main_content .main_txt1 dt, 
	#main_content .main_txt2 dt,
	#main_content .main_txt3 dt { font-size:50px; }
	#main_content .main_txt1 dd,
	#main_content .main_txt2 dd,
	#main_content .main_txt3 dd { font-size:22px; }

	
	/* Main content : service */
	#main_content .service_area { min-height:auto; }
	#main_content .service_area ul li { display:block; max-width:100%; width:95%; margin:0 auto; background:#603d98; }
	#main_content .service_area ul li:last-child { margin-right:auto; }
	#main_content .service_area ul li:after { display:block; content:''; clear:both; }
	#main_content .service_area ul li a p { display:table-cell; text-align:left; vertical-align:middle; }
	#main_content .service_area ul li a .icon { width:11%; }
	#main_content .service_area ul li a .icon img { width:auto; }
	#main_content .service_area ul li a .txt1 { width:16%; padding:0; font-size:17px; color:#fff; }
	#main_content .service_area ul li a .txt2 { width:30%; padding:0; color:#fff; }
	#main_content .service_area ul li a .txt2 span { display:inline-block; }

	#main_content .service_area .line-1, 
	#main_content .service_area .line-2 { display:none; }
		
	
	/* Main content : portfolio */
	#main_content .portfolio_area { min-height:auto; }

}

@media (max-width:768px){
}

@media (max-width:640px){
	/* main slider */
	#slide-wrap { height:640px; }
	#slide-wrap #vi-bxslider, #slide-wrap #vi-bxslider li { height:640px; }

	/* Main content : °øÅë Á¦¸ñ */
	#main_content .main_txt1 { padding:20px 0 30px; }
	#main_content .main_txt1 dt,
	#main_content .main_txt2 dt,
	#main_content .main_txt3 dt { font-size:40px; }
	#main_content .main_txt1 dd,
	#main_content .main_txt2 dd,
	#main_content .main_txt3 dd { line-height:36px; font-size:20px; }
	
	/* Main content : service */
	#main_content .service_area ul li a { padding:20px 0; }
	#main_content .service_area ul li a .icon { display:none; }
	#main_content .service_area ul li a .txt1 { padding-left:20px; width:20%; }
	#main_content .service_area ul li a .txt2 { padding:0 15px; }
	




}

@media (max-width:480px){
	/* main slider */
	#slide-wrap { height:500px; }
	#slide-wrap #vi-bxslider, #slide-wrap #vi-bxslider li { height:500px; }

	.vi_diagonal { position:absolute; left:0; bottom:-48px; width:100%; height:80px; }

	.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { display:none; }

	/* Main content : °øÅë Á¦¸ñ */
	#main_content .main_txt1 { padding:20px 0 30px; }
	#main_content .main_txt1 dt,
	#main_content .main_txt2 dt,
	#main_content .main_txt3 dt { font-size:35px; }
	#main_content .main_txt1 dd,
	#main_content .main_txt2 dd,
	#main_content .main_txt3 dd { line-height:36px; font-size:17px; }

	#main_content .main_txt1 dd span { display:inline; }
	#main_content .main_txt2 dd span { display:inline-block; }
	

	/* Main content : portfolio */
	#main_content .portfolio_area ul li { display:block; max-width:316px; width:50%; margin:0 auto 20px; }
	#main_content .portfolio_area ul li:last-child { margin-right:auto; }

	
}

@media (max-width:360px){
}

@media (max-width:320px){
}