@charset "utf-8";














.contents_sub{padding:106px 20px 115px;}


/* 인사말 */
.text_hello{font-size:35px; color:#333; font-weight:300; line-height:1.5;}
.text_hello strong{font-size:50px; font-weight:400;}
.text_hello span{color:#3e4cad;}

.bg_kogos{height:201px; padding-top:70px; margin-top:50px; background-image:url("../images/sub/kogos_bg.jpg"); 
  font-size:25px; color:#fff; font-weight:700; text-align:center;
}
.bg_kogos strong{display:block; margin-bottom:-15px; font-size:105px; text-transform:uppercase;}

.text_intro{margin-top:45px; font-size:22px; color:#333; line-height:40px; font-weight:300;}

.text_intro .paragraph{margin-top:40px;}

.img_kogos{margin:75px auto 90px; text-align:center;}
.img_kogos .m{display:none;}

.ceo_sign{padding-right:195px; margin-top:45px;
  font-size:22px; color:#333; font-weight:300; line-height:36px; text-align:right; 
  position:relative;
}
.ceo_sign img{position:absolute; right:0; top:0;}


/* 설립취지 */
.purpose_text{font-size:30px; color:#333; line-height:54px; font-weight:300;}
.purpose_text strong{display:block; font-size:40px; color:#3e4cad;}

.purpose_info_area{margin:100px -20px 75px; overflow:hidden; position:relative;}

.purpose_list_area{position:absolute; left:0; right:0; top:150px;}
.purpose_info_list{text-align:center;}
.purpose_info_list li{display:inline-block; width:410px; height:399px; margin-left:20px; background-color:#fff; 
  font-size:22px; color:#333; font-weight:300; line-height:36px; vertical-align:top; 
  position:relative;
}
.purpose_info_list li:first-child{margin-left:0;}
.purpose_info_list li strong{display:block; padding-top:175px; margin-bottom:10px; font-size:26px;}

.purpose_info_list li span{display:block; content:""; width:170px; height:120px; padding-top:50px; margin-left:-85px;
  background-repeat:no-repeat; background-position:center center;
  position:absolute; left:50%; top:-54px;
}
.purpose_info_list .icon1 span{background-color:#248acb;}
.purpose_info_list .icon2 span{background-color:#012b5d;}
.purpose_info_list .icon3 span{background-color:#3e4cad;}

.title_business{font-size:40px; color:#1a3264; font-weight:400;}

.business_list{margin-top:35px;}
.business_list li{margin-top:30px; padding:30px 25px; border:1px solid #87878a; border-radius:10px;}
.business_list li:first-child{margin-top:0;}
.business_list h5{padding:0 20px 15px; border-bottom:1px solid #cdcdcf; font-size:26px; color:#333; font-weight:700; line-height:40px;}
.business_list p{margin:30px 20px 0; padding-left:17px; font-size:20px; color:#333; font-weight:300; position:relative;}
.business_list p:before{display:inline-block; content:"-"; position:absolute; left:0; top:0;}


/* 조직도 */
.title_organization{font-size:38px; color:#333; font-weight:700; text-align:center;}
.title_organization img{display:block; margin:0 auto 20px;}

.organization_chart_img{margin-top:60px; text-align:center;}


/* 연혁 */
.title_history{font-size:50px; color:#3e4cad; font-weight:700; text-align:center;}
.title_history img{display:block; margin:0 auto;}

.history_line_area{margin-top:45px;}
.history_line_area img{width:100%; margin:0 auto;}

.history_line{margin-top:10px; text-align:center;}
.history_line li{float:left; width:50%; font-size:30px; color:#666; font-weight:700;}

.history_list{margin-top:115px;}
.history_list > li{padding:30px 25px; margin-top:48px; border:1px solid #87878a; border-radius:10px;}
.history_list > li:first-child{margin-top:0;}

.history_date{padding:0 20px 15px; border-bottom:1px solid #cdcdcf; font-size:38px; color:#333; font-weight:700;}
.history_text{margin:25px 20px 0; font-size:26px; color:#333; font-weight:300; line-height:40px;}

.history_sub{margin:15px 20px 0;}
.history_sub li{margin-top:10px; padding-left:22px; font-size:22px; color:#333; font-weight:300; position:relative;}
.history_sub li:first-child{margin-top:0;}
.history_sub li:before{display:block; content:""; width:10px; height:10px; background-color:#3e4cad; border-radius:20px;
  position:absolute; left:0; top:7px;
}


/* 오시는길 */
.contents_sub_map{padding-bottom:0;}

.map_area{height:584px; margin:0 -20px; overflow:hidden;}
.map_area img{height:100%;}

.contents_sub2{padding-top:0;}

.address_info{margin-top:-57px; padding:46px 0 40px; background-color:#1a3264; 
  color:#fff; text-align:center; position:relative; z-index:1;
}
.address_info address{font-size:35px; font-weight:300; font-style:normal;}
.address_info address:before{display:inline-block; content:""; width:36px; height:37px; margin-right:25px; 
  background-image:url("../images/sub/icon_location.png");
  vertical-align:middle;
}

.call_num{margin-top:25px; font-size:35px; font-weight:700;}
.call_num:before{display:inline-block; content:""; width:38px; height:36px; margin-right:25px; 
  background-image:url("../images/sub/icon_call.png");
  vertical-align:middle;
}

.location_way_list{margin:115px 63px 0;}
.location_way_list > li{float:left; width:50%; height:304px; position:relative;}
.location_way_list > li:before{display:block; content:""; width:136px; height:304px; position:absolute; left:0; top:0;}

.location_way_list > .bus_station:before{background-image:url("../images/sub/icon_bus_station.png");}
.location_way_list > .use_bus:before{background-image:url("../images/sub/icon_bus.png");}

.title_loaction{margin-left:170px; margin-bottom:50px; padding-top:54px; font-size:30px; color:#333; font-weight:700;}

.text_loaction{margin-left:170px; font-size:22px; color:#333; font-weight:300;}

.bus_num_list{margin-left:170px;}
.bus_num_list li{margin-top:17px; font-size:22px; color:#333; font-weight:300;}
.bus_num_list li:first-child{margin-top:0;}
.bus_num_list li strong{display:inline-block; width:50px; height:29px; margin-right:15px;
  background-color:#248acb; border-radius:3px;
  font-size:22px; color:#fff; line-height:29px; text-align:center; font-weight:300;
}
.bus_num_list li .normal{background-color:#012b5d;}


/* 사업분야 */
.business_info_list{}
.business_info_list li{padding:0 12px 69px; margin-bottom:66px; border-bottom:1px solid #cdcdcf;}
.business_info_list li:last-child{margin-bottom:0;}

.img_business_field{float:left;}

.business_field_area{float:left; margin-left:50px; padding-top:78px;}

.title_business_field{font-size:26px; color:#333; font-weight:700;}
.text_business_field{margin-top:20px; font-size:22px; color:#333; font-weight:300; line-height:40px;}

.business_info_list li:nth-child(even) .img_business_field{float:right;}
.business_info_list li:nth-child(even) .business_field_area{float:left; margin-left:0; padding-top:35px;}


/* 190213 나의 정보 추가 */
.mypage_profile_img{width:110px; height:110px; border:1px solid #ccc; border-radius:100%;}

.my_profile_img{position:relative;}

.profile_btn_area{position:absolute; left:126px; top:5px;}

.profile_upload{display:block; width:123px; height:45px; margin-bottom:6px;
  background-color:#fafafa; border:1px solid #ccc;
  vertical-align:middle; overflow:hidden; position:relative;
}
.btn_profile_upload{width:100%; height:45px; font-size:20px; color:#333; font-weight:300; line-height:45px;}

.file_hidden{font-size:45px; cursor:pointer; position:absolute; right:0px; top:0px; opacity:0; 
  filter: alpha(opacity=0); -ms-filter: "alpha(opacity=0)"; -khtml-opacity: 0; -moz-opacity: 0;
}

.delete_profile_img{display:inline-block; width:123px; height:45px; background-color:#b5b5b5; border:1px solid #ccc;
  font-size:20px; color:#fff; line-height:45px; text-align:center; font-weight:300;
}



/* ~ 1024px ----------- */
@media only screen 
and (max-width : 1023px)
{
	

	.contents_sub{padding:106px 30px 115px;}


	/* 인사말 */
	.img_kogos img{width:100%;}

	.text_intro br{display:none;}


	/* 설립취지 */
	.purpose_info_area{height:650px; margin-left:-30px; margin-right:-30px;}

	.purpose_info_list li{width:30%;}

	.purpose_info_area > img{width:100%;}


	/* 조직도 */
	.organization_chart_img{margin-left:-30px; margin-right:-30px;}
	.organization_chart_img img{width:100%;}


	/* 오시는길 */
	.contents_sub_map{padding-bottom:0;}

	.contents_sub2{padding-top:0;}


	.location_way_list{margin:115px 0 0;}


	/* 사업분야 */
	.img_business_field{width:50%;}
	.img_business_field img{width:100%;}

	.business_field_area{width:50%; padding-left:50px; margin-left:0; padding-top:0; box-sizing:border-box;}

	.text_business_field br{display:none;}

	.business_info_list li:nth-child(even) .business_field_area{padding-top:0; padding-left:0;}

}



/* ~ 768px ----------- */
@media only screen 
and (max-width : 766px)
{
	
	.visual_sub{height:175px;}
	.visual_sub1{background-image:url("../images/m/sub/visual_bg1.jpg");}

	.title_1depth{padding-top:45px; padding-bottom:10px; margin-bottom:10px;
	  font-size:27.5px;
	}
	.title_1depth:before{width:110px; margin-left:-55px;}

	.title_2depth{font-size:27.5px;}



	.contents_sub{padding:45px 20px 62px;}


	/* 인사말 */
	.text_hello{font-size:17.5px; line-height:1.5;}
	.text_hello strong{font-size:25px;}

	.bg_kogos{height:95px; padding-top:31px; margin:22px -20px 0; background-size:cover;
	  font-size:12px;
	}
	.bg_kogos strong{margin-bottom:0; font-size:50px;}

	.text_intro{margin-top:27px; font-size:13px; line-height:21px;}
	.text_intro .paragraph{margin-top:10px;}	

	.img_kogos{margin:25px auto 27px;}
	.img_kogos .pc{display:none;}
	.img_kogos .m{display:block;}

	.ceo_sign{padding-right:0; margin-top:25px;
	  font-size:12px; line-height:20px; text-align:left; 
	}
	.ceo_sign img{width:97px; position:absolute; right:0; top:0;}


	/* 설립취지 */
	.purpose_text{font-size:17.5px; line-height:27px;}
	.purpose_text strong{font-size:25px;}

	.purpose_info_area{height:auto; margin:50px -20px;}
	.purpose_info_area > img{width:100%; height:1101px;}

	.purpose_list_area{top:80px;}

	.purpose_info_list{padding:0 20px;}
	.purpose_info_list li{display:block; width:auto; height:269px; margin-left:0; margin-top:65px;
	  font-size:15px; line-height:24px;
	}
	.purpose_info_list li:first-child{margin-top:0;}
	.purpose_info_list li strong{padding-top:118px; margin-bottom:10px; font-size:17.5px;}

	.purpose_info_list li span{width:114px; height:84px; padding-top:30px; margin-left:-57px; background-size:auto 53px; top:-37px;}
	.purpose_info_list li span img{width:53px;}

	.title_business{margin:0; font-size:25px;}

	.business_list{margin:18px -20px 0;}
	.business_list li{margin-top:20px; padding:25px 20px; border-left:0; border-right:0; border-radius:0;}
	.business_list h5{padding:0 0 20px; font-size:18px; line-height:28px;}
	.business_list p{margin:17px 0 0; padding-left:14px; font-size:15px; line-height:24px;}


	/* 조직도 */
	.title_organization{font-size:19px;}
	.title_organization img{width:202px; margin:0 auto 5px;}
	.organization_chart_img{margin:37px -20px 0 -20px;}


	/* 연혁 */
	.title_history{font-size:30px;}
	.title_history img{width:138px;}
	
	.history_line_area{margin:45px -20px 0;}

	.history_line li{font-size:20px;}

	.history_list{margin:56px -20px 0;}
	.history_list > li{padding:15px 0; margin-top:23px; border-left:0; border-right:0; border-radius:0;}
	.history_list > li:first-child{margin-top:0;}

	.history_date{padding:0 0 15px; font-size:25px; text-align:center;}
	.history_text{margin:25px 20px 0; font-size:18px; line-height:26px;}

	.history_sub li{padding-left:15px; font-size:15px;}
	.history_sub li:before{width:7px; height:7px; top:5px;}


	/* 오시는길 */
	.contents_sub_map{padding-bottom:0;}

	.map_area{height:365px;}

	.contents_sub2{padding-top:0;}

	.address_info{margin:0 -20px; padding:21px 0 20px;}
	.address_info address{font-size:17.5px;}
	.address_info address:before{width:19px; height:19px; margin-right:7px; background-size:100%;}

	.call_num{margin-top:10px; font-size:17.5px;}
	.call_num:before{width:19px; height:19px; margin-right:7px; background-size:100%;}

	.location_way_list{margin:30px 0 0;}
	.location_way_list > li{float:none; width:auto; height:169px; padding-bottom:20px; margin-bottom:18px;
	  border-bottom:1px solid #d5d5d5;
	}
	.location_way_list > li:last-child{border-bottom:0; margin-bottom:0;}
	.location_way_list > li:before{width:93px; height:169px; background-size:100%;}

	.title_loaction{margin-left:110px; margin-bottom:38px; padding-top:35px; font-size:20px;}

	.text_loaction{margin-left:110px; font-size:15px;}

	.bus_num_list{margin-left:110px;}
	.bus_num_list li{margin-top:12px; font-size:15px;}
	.bus_num_list li strong{width:35px; height:20px; margin-right:10px; font-size:15px; line-height:20px;}


	/* 사업분야 */
	.business_info_list{margin:0 -20px;}
	.business_info_list li{padding:0 20px 20px; margin-bottom:33px;}

	.img_business_field{float:none; width:auto; margin-bottom:23px;}

	.business_field_area{float:none; width:auto; margin-left:0; padding-top:0; padding-left:0;}

	.title_business_field{font-size:17.5px;}
	.text_business_field{margin-top:10px; font-size:15px; line-height:25px;}

	.business_info_list li:nth-child(even) .img_business_field{float:right;}
	.business_info_list li:nth-child(even) .business_field_area{float:left; margin-left:0; padding-top:0;}
	
	
	/* 190213 나의 정보 추가 */
	.mypage_profile_img{width:77px; height:77px;}
	
	.profile_btn_area{margin-top:8px; position:static;}
	
	.profile_upload{display:inline-block; width:46%; height:35px; margin-bottom:0;}
	.btn_profile_upload{width:100%; height:35px; font-size:15px; line-height:35px;}
	
	.file_hidden{width:100%; height:100%;}
	
	.delete_profile_img{display:inline-block; width:50%; height:35px;
	  font-size:15px; line-height:35px;
	}
		
}