@charset "UTF-8";
/***********상단슬라이드 S**************/
.visual_area {
	position: relative;
	max-height:400px;
	width:100%;
	height:400px;
	text-align:center;
	overflow: hidden;
}
.zoomoutheader01{	
	height:400px;	
	background: url("../img/01/main_01.jpg");
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-webkit-animation: zoom ease-in-out 1.6s forwards;
	animation: zoom ease-in-out 1.6s forwards;
	overflow: hidden;
	position:relative; 
}
.zoomoutheader01 img, .zoomoutheader02 img,  .zoomoutheader03 img,  .zoomoutheader04 img,  .zoomoutheader05 img,  .zoomoutheader06 img
{ max-height:400px;}

.zoomoutheader02{	
	height:400px;	
	background: url("../img/02/main_02.jpg");
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-webkit-animation: zoom ease-in-out 1.6s forwards;
	animation: zoom ease-in-out 1.6s forwards;
	overflow: hidden;
	position:relative; 
}

.zoomoutheader03{	
	height:400px;	
	background: url("../img/03/main_03.jpg");
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-webkit-animation: zoom ease-in-out 1.6s forwards;
	animation: zoom ease-in-out 1.6s forwards;
	overflow: hidden;
	position:relative; 
}

.zoomoutheader04{	
	height:400px;	
	background: url("../img/04/main_04.jpg");
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-webkit-animation: zoom ease-in-out 1.6s forwards;
	animation: zoom ease-in-out 1.6s forwards;
	overflow: hidden;
	position:relative; 
}

.zoomoutheader05{	
	height:400px;	
	background: url("../img/05/main_05.jpg");
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-webkit-animation: zoom ease-in-out 1.6s forwards;
	animation: zoom ease-in-out 1.6s forwards;
	overflow: hidden;
	position:relative; 
}

.zoomoutheader06{	
	height:400px;	
	background: url("../img/06/main_06.jpg");
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-webkit-animation: zoom ease-in-out 1.6s forwards;
	animation: zoom ease-in-out 1.6s forwards;
	overflow: hidden;
	position:relative; 
}

@-webkit-keyframes zoom {
	0% {transform: scale(1.1);}
	10% {transform: scale(1.1);}
	100% {transform: scale(1);}
}
@keyframes zoom {
	0% {transform: scale(1.1);}
	10% {transform: scale(1.1);}
	100% {transform: scale(1);}
}

/***********서브 공통***************/
#visualWrap{width:100%; overflow:hidden; padding-top:20px;}
.cont_area {max-width:1100px; margin:0 auto;  margin-bottom:150px; } 
.sub_wrap {width:100%; height:100%;  margin:0 auto; }
.txtArea  {width:100%;  position:absolute; top:90px;  text-align:center; color:white; font-size:2.6em; }
.txtArea  p {margin-top:15px; line-height:1.2;  letter-spacing:-2px;}
.topArea {width:1100px; margin:0 auto;}
.navArea {float:right;  padding-top:4%; color:#565656; }
.navArea ul li {float:left; cursor:default;}
.navArea li span {color:#9e9e9e; margin:0 10px; }
.home_img {margin-top:-3px; }
.pageTitle{text-align:center; padding-bottom:5%; padding-top:8%; }


/*********** 1_회사소개***************/
/*01_CEO인사말*/

.ceo_img {position:relative; }
.ceo_img p{font-size:35px; color:#b7ceff; line-height:1.4; position:absolute; top:150px; left:50px; letter-spacing:-5px; }
.ceo_img p span{font-weight:bold; color:#fff;  letter-spacing:-5px;}
.ceo_img_640 {display:none; position:relative;}
.ceo_img_640 p{font-size:35px; color:#b7ceff; line-height:1.4; position:absolute; top:150px; left:50px; letter-spacing:-5px; }
.ceo_img_640 p span{font-weight:bold; color:#fff;  letter-spacing:-5px;}

.ceo_txt p {width:44.5%;float:left; padding:50px 30px; line-height:1.7;  text-align:justify; margin-bottom:30px; }
.ceo_bottom {clear:both; margin-top:100px; text-align:center;  font-size:30px; font-weight:bold; letter-spacing:-2px;  margin-bottom:50px; }
.ceo_bottom span {color:#045493;letter-spacing:-2px;  } 
.ceo_sign {width:550px; margin:0 auto; background: url("../img/01/ceo_sign.png")no-repeat right; height:88px; }
.ceo_sign p{padding-top:15px; }
.ceo_sign p.name{font-size:35px;  font-family:"NanumMyeongjo"; font-weight:bold; }
.ceo_sign p.n1{font-size:15px; text-align:left; padding-left:5px;}

/*02_회사개요*/
.company_logo {width:1100px; height:327px; }
.building_img {width:615px; height:207px;  margin:10% auto; }
.building_img img,  .company_logo img{width:100%; height:auto; }

.company_overview {width:100%; height:100%;  border:1px solid #bbb; }
.company_overview td, .company_overview  th {border:1px solid #bbb; padding:2% 5%; }
.company_overview th {background: #f0f0f0;text-align:center;width:20%; }
.company_overview td {width:80%; }
.company_overview .blue {font-weight:bold; color:#045493; }

/*03_조직도*/
.organization_bg {margin-bottom:-2px; }
.organization_bg img, .organization img {width:100%; height:auto; }

/*04_오시는 길*/
.map {position:relative; }
.map_info {width:1100px; height:67px; position:absolute; top:0; left:0; z-index:10; background: url("../img/01/map_txtbg.png"); text-align:center;  }
.map_info span { color:#fff; line-height:67px; font-size:1.2em; }
.map_info_640 {display:none; }


/*********** 2_비즈니스***************/

.business_tit {font-size:30px; margin-bottom:50px; font-weight:bold;letter-spacing:-3px; }
.business_tit span{color:#02589c; letter-spacing:-3px; }

/*01_인프라*/
.infra_bg{float:left; width:960px; height:496px; }
.infra_bg_1100 {display:none;}
.infra_wrap {width:500px; height:100%; float:right; }
.infra_tit  {border-bottom:1px solid #d8d8d8; height:90px; width:500px; margin-top:10px; }
.infra_tit h5 {font-size:30px; margin-bottom:3px; margin-top:-5px;  letter-spacing:-1px; }
.infra_tit p{font-size:20px; color:#145593;  margin-top:10px;  letter-spacing:-2px; }
.infra_list li{line-height:2.3; font-size:16px; color:#222; }
.infra_list p {line-height:1.7; font-size:15px;  float:left; margin-left:5px; margin-top:3px; }
.infra_list span { margin-left:10px;  float:left;  margin-top:4px; }

.blue_wrap {position:relative; clear:both; height:1650px; }
.blue_border {border:10px solid #045493; width:1080px; height:100%; z-index:10;  position:absolute;top:-70px; left:50%; margin-left:-550px; }

.blue_wrap .business_tit {text-align:center; padding-top:50px; }
.network {width:100%;height:100%; background: url("../img/02/infra_bg02.jpg")no-repeat; margin:0 auto;  }
.infra_logo {width:220px; margin:0 auto; margin-top:5%; }
.infra_txt {width:120px;  margin:1% auto;   margin-bottom:3%; }
.infra_txt p {font-size:20px; line-height:1.5;  color:#02589c; font-weight:bold;  letter-spacing:-1.7px; }
.infra_txt span{height:30px; font-size:10px; color:#accfeb;  vertical-align:center; }

.infra_con_wrap {width:100%; clear:both; text-align:center;}
.infra_con_wrap .infra_con_w {color:#fff; text-align:center; font-size:22px; font-weight:bold; padding-top:80px; line-height:1.4; width:236px; height:266px; background:url("../img/02/infra_round.png" )no-repeat; margin:0 auto; }
.infra_con_wrap p{font-size:16px; line-height:1.5; margin-top:-70px }

.infra_con01 {width:33.3%; float:left;text-align:left; }
.infra_con01 p {margin-left:10%; }
.infra_con02 {width:33.3%;float:left; }
.infra_con03 {width:33.3%; float:right; }
.infra_con04 {width:50%; float:left; }
.infra_con05 {width:50%; float:right; }

.infra_plus {width:100%; clear:both; font-size:100px;color:#999; text-align:center;  margin-bottom:1.5%; }
.infra_viral {clear:both; width:640px;margin:0 auto; }
.infra_viral h5{clear:both; width:100%; height:60px; background:#045493;color:#fff;  margin:0 auto; font-size:24px; color:#fff; text-align:center; line-height:60px;}
.infra_viral ul li {float:left; margin-left:1.7%; margin-top:2%; }
.infra_viral ul li:first-child { margin-left:0; }
.infra_viral ul li p {font-size:16px; color:#333; line-height:40px; text-align:center;  }


/*02_사업제안*/
.suggestion01{width:50%; float:left; text-align:center; margin-bottom:100px;}
.suggestion01_2{width:50%;float:right; text-align:center; margin-bottom:100px;}
.suggestion_num {float:left;  margin-left:29px; }
.suggestion_num:first-child { margin-left:0; }
.suggestion_num h5 {color:#045493; font-size:25px; margin-top:30px; letter-spacing:-3px;}
.suggestion_num p{text-align:center; margin-top:10px; line-height:1.5; margin-top:10px; }
.suggestion_bg {width:300px; height:1039px; background: url("../img/02/suggestion_bg.jpg")no-repeat; }
.suggestion02 {clear:both; position:relative; }
.suggestion_bg img {position:absolute; top:80px; left:230px; }
.suggestion_bg_640 img{display:none; }

/*03_분양대행안내*/
.agencyIMG01 {float:left; width:350px; height:562px;  text-align:center; position:relative;}
.agencyIMG02 {float:left; margin-left:2.3%;  width:350px; height:562px; text-align:center;  position:relative;}
.agencyIMG03 {float:right; width:350px; height:562px; text-align:center; position:relative; }
.round_blue {background:#02589c; color:#fff; width:35px; height:35px; border-radius:35px;  text-align:center; line-height:35px; font-size:18px; margin:0 auto;}
.agencyIMG01 .agency_txt {width:350px;position:absolute; top:370px; left:50%; margin-left:-175px;} 
.agencyIMG02 .agency_txt {width:350px;position:absolute; top:370px; left:50%; margin-left:-175px;} 
.agencyIMG03 .agency_txt_03 {width:350px;position:absolute; top:370px; left:50%; margin-left:-175px;} 

.agencyIMG01 h5, .agencyIMG02 h5, .agencyIMG03 h5{color:#02589c; font-size:20px; margin:15px 0;}
.agencyIMG01 p, .agencyIMG02 p, .agencyIMG03 p {line-height:19px; }
.agency_cont02 {clear:both; padding-top:100px;}
.agencyTXT01 {width:30%; height:200px; border:4px solid #dadada; float:left; position:relative;}
.agencyTXT02 {width:30%; height:200px; border:4px solid #dadada; float:left; position:relative;margin-left:3.8%; }
.agencyTXT03 {width:30%; height:200px; border:4px solid #dadada; float:right; position:relative;}

.agencyTXT01 .agency_txt {width:100%; position:absolute; top:60px; left:0; } 
.agencyTXT02 .agency_txt {width:100%; position:absolute; top:60px; left:0; } 
.agencyTXT03 .agency_txt {width:100%; position:absolute; top:60px; left:0; } 

.agencyTXT01 p, .agencyTXT02 p, .agencyTXT03 p{font-size:1.6em; text-align:center; margin-top:15px; line-height:1.2; }
.ORANGE {color:#eb5e1d; }
.agency_arrow {width:100%; clear:both;  text-align:center;}
.agency_arrow img {margin:50px auto; }

.agency_program {width:100%; height:100%; padding-bottom:80px; }
.agency_program_640 {display:none; padding-bottom:7%; }

/*04_마케팅전략*/
.margeting_tit {border-bottom:1px solid #d8d8d8; height:90px; width:100%;  }
.margeting_tit .num {width:64px; height:60px; background:#02589c; text-align:center; line-height:60px; color:#fff; font-size:55px; float:left; margin-right:18px; margin-top:5px;  }
.margeting .margeting_img {width:510px; height:496px; float:left; }
.margeting .margeting_txt{width:510px;float:right; margin-top:20px; }
.margeting_tit h5 {font-size:30px; margin-bottom:3px; margin-top:-5px; }
.margeting_tit p{font-size:20px; color:#145593;  margin-top:5px;  letter-spacing:-2px; }
.margeting_list p{margin-top:25px; line-height:7px; }
.margeting {height:496px;}
.margeting02 {height:496px; margin:110px 0; }
.margeting02 .margeting_img {width:510px; height:496px; float:right; }
.margeting02 .margeting_txt{width:510px; float:left; margin-top:20px; }
.margeting_list p {font-size:1.1em; }





/*********** 3_투자상품안내***************/

/*.tabMenu {text-align:center; margin-bottom:80px; }*/
/*.tabMenu1{display:inline-block;width:40%; height:50px;background:#ff6600;}*/
/*.tabMenu1 span {line-height:50px;font-weight:bold;color:#fff;letter-spacing:0.1em;}*/
/*.tabMenu2{display:inline-block; width:40%; height:50px; background:#eeeeee;}*/
/*.tabMenu2 span{line-height:50px; font-weight:bold;letter-spacing:0.1em;}*/

.tabMenu {text-align:center; margin-bottom:80px; }
.tabMenu1{display:inline-block;width:40%; height:50px;background:#ff6600;}
.tabMenu1 span {line-height:50px;font-weight:bold;color:#fff;letter-spacing:0.1em;}
.tabMenu2{display:inline-block; width:40%; height:48px; background:#eeeeee; border-bottom:2px solid #ff6600 ;  }
.tabMenu2 span{line-height:50px; font-weight:bold;letter-spacing:0.1em; box-sizing:border-box; }
.arrow_down {width:0; height:0; border-left:13px solid transparent; border-right:13px solid transparent; border-top:18px solid #ff6600; margin:0 auto; }

.product_cont  {text-align:center; height:auto; }
.product_box_C01 {width:350px; height:320px; background:#02589c; float:left; color:#fff; margin-bottom:30px; }
.product_box_C01 .round_blue {background:#fff; color:#02589c; width:35px; height:35px; border-radius:35px;  text-align:center; line-height:35px; font-size:18px; margin:0 auto; margin-bottom:20px; }
.product_box_B01 {width:348px; height:318px; border:1px solid #dbdbdb; float:left;  margin:0 2.2%; color:#02589c;margin-bottom:30px;  }
.product_box_C02 {width:350px; height:320px; background:#02589c; float:left; color:#fff;    margin:0 2.2%; margin-bottom:30px; }
.product_box_C02 .round_blue {background:#fff; color:#02589c; width:35px; height:35px; border-radius:35px;  text-align:center; line-height:35px; font-size:18px; margin:0 auto; margin-bottom:20px; }
.product_box_B02 {width:348px; height:318px; border:1px solid #dbdbdb; float:left;color:#02589c; margin-bottom:30px; }

.product_txt ul li {text-align:left; line-height:1.7; margin-left:65px; cursor:default;  }
.product_txt {margin-top:70px; }
.product_txt h5 {font-size:20px; margin:20px 0; }
.product_txt p {line-height:1.6;  font-size:15px;   }
.product_txt_box {width:100%;  margin:0 auto; text-align:center;  }
.product_txt_box_p {width:95%; margin-left:5%; }
.product_txt_box p{ width:45%; height:55px; background:#fff; float:left;   margin-top:15px; color:#02589c; padding-top:15px;}
.product_txt_box_p02 {margin-left:3%; }
.ORANGE2 {color:#eb5e1d; font-size:16px; font-weight:bold;  margin-top:-3px;margin-bottom:5px;  }
.product_txt p.light_b {color:#8db8db; font-size:13px;  margin-top:5px;}

.product_cont02{width:100%; height:224px; background: url("../img/03/product_img.jpg")no-repeat; margin-bottom:50px; text-align:center; color:#fff; clear:both;}
.product_cont02 h3 {font-size:30px; padding-top:60px; }
.product_cont02 p {line-height:1.5; padding-top:20px; font-size:16px;}
.product_cont02_640{display:none; }


.product_btn {width:420px; height:50px; color:#fff;  text-align:center;  margin:0 auto; }
.product_btn2 {width:200px; height:50px; color:#fff; background:#02589c; text-align:center;  margin:0 auto; float:left; }
.product_btn2_2 {width:200px; height:50px; color:#fff; background:#02589c; text-align:center; margin:0 auto; float:right;}
.product_btn a{color:#fff; line-height:50px; font-size:16px; font-weight:bold; }

.product_request_txt {text-align:center; font-size:16px;  margin-bottom:50px; line-height:1.5; }
.product_request_txt span {font-weight:bold; color:#eb5e1d; }

/*********** 태블릿모드***************/

@media all and (max-width:1900px){
.infra_bg {width:800px}
.infra_bg img {max-width:100%; }
}

@media all and (max-width:1550px){
.infra_bg {width:700px}
}

@media all and (max-width:1330px){
.infra_bg {width:630px}
}



@media all and (max-width:1180px){
.topArea  {width:100%; margin:0 auto; }
.ceo_img img {width:100%; height:100%; }
.ceo_txt p {padding:2.5%; }


.infra_bg {display:none; }
.infra_bg_1100 {display:block; text-align:center;}
.infra_wrap {width:100%;float:none; margin-top:5%; margin-left:5%;   }
.infra_tit {width:100%; }
.blue_border {display:none; }
.blue_wrap {height:1400px; }
.blue_wrap .business_tit {text-align:left; margin-left:5%;  }

.margeting .margeting_txt{width:480px; }
.margeting02 .margeting_txt{width:480px;}
.suggestion01, .suggestion01_2 {width:100%; }
.suggestion_num {width:50%; float:left; text-align:center;  margin-left:0;}
.suggestion_bg img {max-width:90%; }

.product_cont {margin-bottom:0; margin:0 auto; }
.product_box_C01{width:49%; height:; margin:0; margin-bottom:2%; }
.product_box_C02{width:49%; height:; margin:0;  margin-bottom:8%; }
.product_box_B01{width:49%; height:; margin:0;  margin-bottom:2%; float:right; }
.product_box_B02{width:49%; height:; margin:0;  margin-bottom:2%;float:right; }
.product_txt ul li {margin-left:0; text-align:center;  }

.agencyIMG01 {width:33.3%; height:100%; }
.agencyIMG02 {width:33.3%; height:100%; margin-left:0; }
.agencyIMG03 {width:33.3%; height:100%; float:right; position:relative; }
.agencyIMG01 img{max-width:90%; height:80%; }
.agencyIMG02 img{max-width:90%; height:80%; margin-left:0; }
.agencyIMG03 img{max-width:90%; height:80%; }
.agency_program img {width:100%; height:100%; } 

}

@media all and (max-width:1024px){
.ceo_img p {font-size:2.1em; top:30%; left:5%; }
.navArea {display:none;}
.building_img{width:70%; height:70%; }
.company_logo, .organization_bg{width:100%; height:100%; }
.map img {width:100%; height:100%;}
.map_info {width:100%; text-align:center;  font-size:1em;}
.margeting, .margeting02 {width:100%; height:100%; }
.margeting .margeting_img {float:none; margin:0 auto; height:100%; }
.margeting .margeting_txt{float:none;margin:30px auto; height:100%; }
.margeting02 .margeting_img {float:none; margin:0 auto;   height:100%; }
.margeting02 .margeting_txt{float:none;margin:30px auto;   height:100%; }
.suggestion_bg img {position: absolute; top:70px; left:0;   }
.suggestion_bg {background:none; }
.product_txt {margin-top:12%;} 
.product_cont02 h3 {font-size:2em; padding-top:5%; }
.agencyIMG01 {width:49.5%; height:100%; }
.agencyIMG02 {width:49.5%; height:100%; margin-left:0; }
.agencyIMG03 {width:49.5%; height:100%; float:none; position:relative; clear:both; padding-top:5%; }
.agencyIMG03 .agency_txt_03 {position:absolute; top:410px; left:50%;}

.infra_bg { width:100%; height:100%; float:none; margin:0 auto; }
.infra_bg img {margin:0 auto; }
.infra_bg_1100 img {width:100%; }
}



@media all and (max-width:800px){
.infra_con01 {width:50%;}
.infra_con02 {width:50%; }
.infra_con03 {width:100%; float:none; clear:both; }
.infra_con04, .infra_con05 {margin-top:-5%; }
}

/*********** 모바일모드***************/
@media all and (max-width:640px){
	.zoomoutheader01 {
		width:100%;
		margin-bottom:20px;
		max-height:400px;
		height:400px;
		text-align:center;
		background: url("../img/01/main_01_640.jpg");
		background-size: 100% 100%;
		background-repeat: no-repeat;
		-webkit-animation: zoomout 1.6s ease-in;
		animation: zoomout 1.6s ease-in;
	}

	.zoomoutheader02 {
		width:100%;
		margin-bottom:20px;
		max-height:400px;
		height:400px;
		text-align:center;
		background: url("../img/02/main_02_640.jpg");
		background-size: 100% 100%;
		background-repeat: no-repeat;
		-webkit-animation: zoomout 1.6s ease-in;
		animation: zoomout 1.6s ease-in;
	}

	.zoomoutheader03 {
		width:100%;
		margin-bottom:20px;
		max-height:400px;
		height:400px;
		text-align:center;
		background: url("../img/03/main_03_640.jpg");
		background-size: 100% 100%;
		background-repeat: no-repeat;
		-webkit-animation: zoomout 1.6s ease-in;
		animation: zoomout 1.6s ease-in;
	}

		.zoomoutheader04 {
		width:100%;
		margin-bottom:20px;
		max-height:400px;
		height:400px;
		text-align:center;
		background: url("../img/04/main_04_640.jpg");
		background-size: 100% 100%;
		background-repeat: no-repeat;
		-webkit-animation: zoomout 1.6s ease-in;
		animation: zoomout 1.6s ease-in;
	}

		.zoomoutheader05 {
		width:100%;
		margin-bottom:20px;
		max-height:400px;
		height:400px;
		text-align:center;
		background: url("../img/05/main_05_640.jpg");
		background-size: 100% 100%;
		background-repeat: no-repeat;
		-webkit-animation: zoomout 1.6s ease-in;
		animation: zoomout 1.6s ease-in;
	}

		.zoomoutheader06 {
		width:100%;
		margin-bottom:20px;
		max-height:400px;
		height:400px;
		text-align:center;
		background: url("../img/06/main_06_640.jpg");
		background-size: 100% 100%;
		background-repeat: no-repeat;
		-webkit-animation: zoomout 1.6s ease-in;
		animation: zoomout 1.6s ease-in;
	}


	@-webkit-keyframes zoomout {
		0% {transform: scale(1.1);}
		10% {transform: scale(1.1);}
		100% {transform: scale(1);}
	}
	@keyframes zoomout {
		0% {transform: scale(1.1);}
		10% {transform: scale(1.1);}
		100% {transform: scale(1);}
	}

.cont_area { margin-bottom:20%; } 
.txtArea {font-size:2em; }

.ceo_img {display:none;}
.ceo_img_640 {display:block; }
.ceo_img_640 img {width:100%; height:100%;}
.ceo_img_640 p{font-size:2.1em; top:25%; left:5%; }


.ceo_bottom {font-size:1.5em; line-height:1.3; }
.ceo_txt p{float:none; width:95%; margin-bottom:0; }

.building_img {width:80%; height:80%; }
.company_logo, .organization {width:100%; height:100%; }
.organization_bg {display:none;}

.map_info, .map_info span {display:none;}
.map_info_640 {display:block;  background:#02589c;  padding:3% 0 ;  }
.map_info_640 p {color:#fff;margin:0 3%; line-height:20px; }

.margeting, .margeting02 {max-width:90%; max-height:90%; margin:10% auto; }
.margeting .margeting_img{width:100%; height:100%;}
.margeting .margeting_img img{width:100%; height:100%;}
.margeting02 .margeting_img {width:100%; height:100%;}
.margeting02 .margeting_img img{width:100%; height:100%;}
.margeting .margeting_txt{width:100%; height:100%; }
.margeting02 .margeting_txt{width:100%; height:100%; }
.margeting_list p {line-height:1.1;}

.suggestion_num {width:100%; margin-bottom:15%; }
.suggestion_num img {max-width:50%; }
.suggestion01 {margin-bottom:0; }
.suggestion_bg {display:none; }
.suggestion_bg_640 img {display:block; width:100%; }

.agencyIMG01, .agencyIMG02, .agencyIMG03
{float:none; width:100%; height:100%;  }  
.agencyTXT01 {width:47%; height:180px; float:left; }
.agencyTXT02 {width:47%; height:180px; float:right; margin-left:0;  }
.agencyTXT03 {clear:both;  width:98.5%; height:180px; clear:both; margin-top:2%;  }
.agencyTXT01 p, .agencyTXT02 p, .agencyTXT03 p {font-size:1.2em;}
.agency_program_640 {display:block;   }
.agency_program_640 img {width:100%; height:100%; }
.agency_program {display:none;}

.product_box_C01{width:100%; height:; margin:0; margin-bottom:0;float:none; }
.product_box_C02{width:100%; height:; margin:0;  margin-bottom:0; float:none; }
.product_box_B01{width:100%; height:; margin:0;  margin-bottom:0; float:none; }
.product_box_B02{width:100%; height:; margin:0;  margin-bottom:0;float:none; }
.product_txt {margin-top:0; padding-top:10%;  } 
.product_cont02 {display:none; }
.product_cont02_640{display:block; width:100%; height:291px; background: url("../img/03/product_img_640.jpg")no-repeat; margin-bottom:50px; text-align:center; color:#fff; clear:both;}
.product_cont02_640 h3 {font-size:2em; padding-top:10%; }
.product_cont02_640 p {padding:0 5%; line-height:1.5; padding-top:20px; font-size:1.1em; }

.product_btn2 {float:none; }
.product_btn2_2 {float:none; margin-top:2%;}


.infra_con01 {width:100%; float:none; text-align:center; margin-bottom:2%; }
.infra_con02 {width:100%; float:none; margin-bottom:2%; }
.infra_con03 {width:100%; float:none; margin-bottom:2%; }
.infra_con04 {width:100%; float:none; margin-bottom:2%; }
.infra_con05 {width:100%; float:none; margin-bottom:2%; }
.infra_con01 p {margin-left:0; } 
.infra_con04, .infra_con05 {margin-top:0; }
.infra_viral {width:80%; height:100%;}
.infra_viral ul li {float:left; margin-top:2%; width:49%; }
.infra_viral ul li:nth-child(2) {float:right; }
.infra_viral ul li:nth-child(3) {margin-left:0; }
.infra_viral ul li img{width:100%;  }
.infra_tit h5 {font-size:1.8em;}
.infra_tit p{font-size:1.4em; }
.infra_list li {font-size:1em;}
.infra_list {width:95%; }
.blue_wrap {clear:both; margin-bottom:10%;   }
}

@media all and (max-width:450px){
.ceo_img_640 p{font-size:1.6em;  letter-spacing:-1px; }

@media all and (max-width:320px){
.txtArea {font-size:1.5em; }
}