/*
#main-container{}
.main-content-box{width: 1200px;margin: 0 auto;}
.main-content-wrap{background: #fbfbfb;}
#sub-container{width:100%; max-width:1200px; margin: 0 auto;padding:  50px 0;}
*/


/*pc mobile 다르게*/
#pcver{ width:100%;  margin:0 auto;  }
#mobilever{ width:100%;  margin:0 auto;  display:none;  }

@media all and (max-width:800px){  
#pcver{  display:none;  }
#mobilever { display:block; }   
 }

@media screen and (max-width: 800px){
	#pcver{  display:none;  }
	#mobilever { display:block; }  
}

/*COMMON 컨텐츠wrap*/
.con_wrap {*zoom:1; margin-bottom: 200px;}
.con_wrap:after{content:""; display:block; clear:both;}



/*company*/
.greeting{width:100%; *zoom:1; }
.greeting:after{content:""; display:block; clear:both;}
.greeting {background: url(/images/contents/greeting_visual.jpg) 0px 0px no-repeat; min-height: 432px; margin-bottom: 50px;}
.greeting h2 {font-size: 40px; line-height: 140%; color: #fff; font-weight:200; align-content: center; padding: 140px 0px 0px 60px}
.greeting h2 span{color: #fff; font-weight:600;}
.greeting_text p {font-size: 22px; line-height: 160%; color: #666; padding-bottom: 30px; }

@media all and (max-width:600px){  
.greeting {min-height: 250px; background: url(/images/contents/greeting_visual_s.jpg) 0px 0px no-repeat; margin-bottom: 40px; }
.greeting h2 {font-size: 30px; line-height: 120%; padding: 40px 0px 0px 20px;}
.greeting_text p {font-size: 18px;}	
}

/*introduce*/
.introduce{width:100%; *zoom:1; }
.introduce:after{content:""; display:block; clear:both;}
.introduce {background: url(/images/contents/introduce_visual.jpg) 0px 0px no-repeat; min-height: 350px; margin-bottom: 50px; text-align: center;}
.introduce h2 {font-size: 40px; line-height: 140%; color: #fff; align-content: center; padding: 100px 0px 0px 60px; }
.introduce h2 span{color: #fff; font-weight:200; background: url(/images/contents/introduce_h2bg.jpg) left bottom repeat-x;}
.introduce h2 strong{color: #fff; font-weight:600; }

.introduce_b .text_wrap{width:100%; *zoom:1; }
.introduce_b .text_wrap:after{content:""; display:block; clear:both; padding-bottom: 40px;}
.introduce_b .text_wrap .left {width:20%; float: left; }
.introduce_b .text_wrap .left h2 {font-size: 28px; font-weight:400;}
.introduce_b .text_wrap .left h2 span {background: url(/images/contents/introduce_bbg.jpg) left bottom repeat-x; }
.introduce_b .text_wrap .right {width:80%; float: right; }
.introduce_b .text_wrap .right h3 {font-size: 22px; color: #666; font-weight: 600;}
.introduce_b .text_wrap .right h3 span{font-weight: 200;}
.introduce_b .text_wrap .right p {font-size: 18px; line-height: 160%; color: #666; padding-bottom: 20px; }

.introduce_g .text_wrap{width:100%; *zoom:1; }
.introduce_g .text_wrap:after{content:""; display:block; clear:both; padding-bottom: 40px;}
.introduce_g .text_wrap .left {width:20%; float: left; }
.introduce_g .text_wrap .left h2 {font-size: 28px; font-weight:400;}
.introduce_g .text_wrap .left h2 span {background: url(/images/contents/introduce_gbg.jpg) left bottom repeat-x; }
.introduce_g .text_wrap .right {width:80%; float: right; }
.introduce_g .text_wrap .right h3 {font-size: 22px; color: #666; font-weight: 600;}
.introduce_g .text_wrap .right h3 span{font-weight: 200;}
.introduce_g .text_wrap .right p {font-size: 18px; line-height: 160%; color: #666; padding-bottom: 20px; }

.introduce_g .text_wrap .left100 {width:100%; float:none; padding-bottom: 10px; }
.introduce_g .text_wrap .left100 h2 {font-size: 28px; font-weight:400;}
.introduce_g .text_wrap .left100 h2 span {background: url(/images/contents/introduce_gbg.jpg) left bottom repeat-x; }
.introduce_g .text_wrap .right100 {width:100%; float:none; padding-bottom:20px; }
.introduce_g .text_wrap .right100 .y_box {width:24%; float:left; background-color: #f9f7eb; padding: 50px 20px 0px; border:1px solid #d6d6d6; min-height: 180px; margin: 1px;}
.introduce_g .text_wrap .right100 .b_box {width:24%; float:left; background-color: #f1fbfd; padding: 50px 20px 0px; border:1px solid #d6d6d6; min-height: 180px; margin: 1px;}
.introduce_g .text_wrap .right100 .y_box p{text-align: center; color: #000; font-size: 18px;}
.introduce_g .text_wrap .right100 .b_box p{text-align: center; color: #000; font-size: 18px;}

@media all and (max-width:1000px){  
.introduce_g .text_wrap .right100 .y_box {width:49%; padding: 40px 20px 0px;}
.introduce_g .text_wrap .right100 .b_box {width:49%; padding: 40px 20px 0px;}	
}

@media all and (max-width:600px){  
.introduce {min-height: 250px; background: url(/images/contents/introduce_visual_s.jpg) 0px 0px no-repeat; margin-bottom: 40px; }
.introduce h2 {font-size: 30px; line-height: 120%; padding: 50px 20px 0px 20px;}

.introduce_b .text_wrap .left {width:100%; float:none; padding-bottom: 10px; }
.introduce_b .text_wrap .right {width:100%; float:none; }		
.introduce_b .text_wrap .left h2 {font-size: 22px;}	
.introduce_b .text_wrap .right h3 {font-size: 20px; }	
.introduce_b .text_wrap .right p {font-size: 16px; }
	
.introduce_g .text_wrap .left {width:100%; float:none; padding-bottom: 10px; }
.introduce_g .text_wrap .right {width:100%; float:none; }	
.introduce_g .text_wrap .left h2 {font-size: 22px;}		
.introduce_g .text_wrap .right h3 {font-size: 20px; }	
.introduce_g .text_wrap .right p {font-size: 16px; }	
	
.introduce_g .text_wrap .right100 .y_box {width:99%; padding: 30px 20px 30px; border:1px solid #d6d6d6; min-height:auto; }
.introduce_g .text_wrap .right100 .b_box {width:99%; padding: 30px 20px 30px; border:1px solid #d6d6d6; min-height:auto; }	
.introduce_g .text_wrap .right100 .y_box p{font-size: 16px;}
.introduce_g .text_wrap .right100 .b_box p{font-size: 16px;}	
}





/*partner*/
.partner{width:100%; *zoom:1; }
.partner:after{content:""; display:block; clear:both;}

.partner p {font-size: 18px; line-height: 160%; color: #333; text-align: center; padding-bottom:30px;  }
.partner .logo_wrap {margin-top: 50px;}
.partner .logo_wrap .logo_l{width: 33%; float: left; }
.partner .logo_wrap .logo_l img {text-align: center; padding-top: 120px}

.partner .logo_wrap .logo_c{width: 34%; float: left; }
.partner .logo_wrap .logo_c img {text-align: center; padding-top:none;}
.partner .logo_wrap .logo_c .logo_cc {width: 300px; min-height: 300px; background-color: #f3f4e4; border-radius: 50%;}

.partner .logo_wrap .logo_r{width: 33%; float: left; }
.partner .logo_wrap .logo_r img {text-align: center; padding-top: 120px}

@media all and (max-width:1000px){  
	.partner .logo_wrap .logo_l img {padding-top: 80px; width: 80%;}
	.partner .logo_wrap .logo_c img {padding-top:none; width: 80%;}
	.partner .logo_wrap .logo_c .logo_cc {width: 250px; min-height: 250px; }
	.partner .logo_wrap .logo_r img {padding-top: 80px; width: 80%;}
}


@media all and (max-width:700px){  
	.partner .logo_wrap .logo_l img {padding-top: 50px; width: 70%; }
	.partner .logo_wrap .logo_c img {padding-top:none;  }
	.partner .logo_wrap .logo_c .logo_cc {width: 150px; min-height:150px; }
	.partner .logo_wrap .logo_r img {padding-top: 50px; width: 70%; }
}



/*소개 > 연대소개*/


/*소개 > 인사말*/


/*소개 > 조직도*/
.organization {width: 100%; border: 1px solid #ddd; text-align: center;}


/*소개 > 임원소개*/
.people_wrap {width: 100%;*zoom:1;}
.people_wrap:after{content:""; display:block; clear:both;}

.people_wrap div {width: 33.33333333%; float: left; margin-bottom: 50px; min-height:600px;}
.people_wrap div img {padding: 30px 0px;}
.people_wrap div h2{text-align: center; font-size: 30px; font-weight: 600; line-height: 120%;  padding-bottom: 30px; letter-spacing: -2px;}
.people_wrap div h2 span{font-weight:300; padding-left:5px;}
.people_wrap div ul {padding:0px 50px 50px;}
.people_wrap div li{text-align: left; font-size: 16px; color: #666; padding-bottom: 15px; line-height: 120%; padding-left: 10px; background: url(/images/contents/people_liicon.jpg) left 3px no-repeat; }

.people_wrap .center {border-left: 1px solid #ccc; border-right: 1px solid #ccc; }

@media all and (max-width:1300px){
.people_wrap div {width: 48%; border: 1px solid #ccc; margin:0px 10px 20px;}
}

@media all and (max-width:1100px){
.people_wrap div {width:100%; border: 1px solid #ccc; margin:0px 0px 10px; min-height:200px; float:none; }
.people_wrap div img {padding: 50px 0px 15px;}
.people_wrap div ul {padding:0px 20px 50px;}	
}


/*회원 > 회원모집안내*/
.member_info {width: 100%; background: url(/images/contents/member_info_bg.jpg) right bottom no-repeat; }

.member_info .top_con{width: 100%; background: url(/images/contents/member_info_tit.jpg) left top no-repeat; }
.member_info .top_con h2{font-size: 42px; color: #000; font-weight: 300; padding-bottom:50px; padding-top: 25px;}
.member_info .top_con h2 span{font-weight: 600; background: url(/images/contents/member_info_tit_bg.jpg) 0px bottom repeat-x; }
.member_info .top_con p{font-size: 20px; line-height: 160%; padding-bottom:50px; color: #000; }

.member_info .bottom_con{margin-top: 100px; border-bottom: 1px solid #d8d8d8; border-top: 1px solid #d8d8d8; padding: 30px 20px;}

.member_info .bottom_con li span{font-size: 30px; color: #000; background: url(/images/contents/member_info_li_bg.jpg) 0px bottom repeat-x; margin-right: 50px; }
.member_info .bottom_con li{font-size: 20px; color: #666; margin: 15px 0px; }
.member_info .bottom_con li strong{font-size: 24px; color: #666;}

@media all and (max-width:1000px){ 
.member_info {width: 100%; background:none;}
.member_info .top_con h2{font-size: 32px; letter-spacing: -1px; padding-bottom:30px; }
.member_info .top_con p{padding-bottom:30px; }	
.member_info .bottom_con{margin-top: 30px; border-bottom: none; padding: 30px 0px; }	
.member_info .bottom_con li span{font-size: 22px; margin-right: 20px; letter-spacing: -1px; }	
.member_info .bottom_con li strong{font-size: 18px; }
.member_info .bottom_con li{font-size: 18px; }
}





/*회원 > 회원가입*/
.participation_proposed {width: 100%; border: 1px solid #1466ce; padding: 60px 30px; padding-left: 300px; margin-bottom: 30px; background: url(/images/common/logoo.jpg) 30px 30px no-repeat; }
.participation_proposed h2 {color: #000; font-size: 26px; line-height: 160%;  font-weight: 700; padding-bottom: 20px; }
.participation_proposed p {color: #666; font-size: 20px; padding-bottom: 10px; line-height: 160%;  }
.participation_proposed span {color: #0a4abe; font-size: 20px; line-height: 160%; }

@media all and (max-width:800px){ 
.participation_proposed {padding: 250px 30px 60px; background: url(/images/common/logoo.jpg) center 30px no-repeat; }
.participation_proposed h2 {font-size: 20px;padding-bottom: 13px; text-align: center; }
.participation_proposed p {font-size: 16px; text-align: center;}
.participation_proposed span {font-size: 16px; text-align: center;}	
}


/*참여 > 제보*/
.participation_info {width: 100%; border: 1px solid #1466ce; padding: 30px; font-size: 20px; line-height: 160%; padding-left: 130px; margin-bottom: 30px; background: url(/images/common/info_textbox_bg.jpg) 30px 30px no-repeat; }
.participation_info span {color: #0a4abe;}

@media all and (max-width:800px){
.participation_info {padding: 110px 30px 30px; font-size: 16px; line-height: 160%; margin-bottom: 30px; background: url(/images/common/info_textbox_bg.jpg) center 30px no-repeat;  text-align: center;}
.participation_info span {color: #0a4abe;}
}