@charset "UTF-8";

/* Page Title */
body { width:100%; padding:0px; margin:0px;}
 
/*서브 BG*/
.sub_vi1  { margin-top:0; width:100%; height:420px; float:left; background:url('/common/img/sub/sub_vi1.png') no-repeat top center; background-color:#ddd;  }
.sub_vi2  { margin-top:0; width:100%; height:420px; float:left; background:url('/common/img/sub/sub_vi2.png') no-repeat top center; background-color:#ddd;  }
.sub_vi3  { margin-top:0; width:100%; height:420px; float:left; background:url('/common/img/sub/sub_vi5.png') no-repeat top center; background-color:#ddd;  }
.sub_vi4  { margin-top:0; width:100%; height:420px; float:left; background:url('/common/img/sub/sub_vi4.png') no-repeat top center; background-color:#ddd;  }
.sub_vi5  { margin-top:0; width:100%; height:420px; float:left; background:url('/common/img/sub/sub_vi5.png') no-repeat top center; background-color:#ddd;  }
 

#wrap {position:relative; width:100%; float:left;}
#sub_wrap {position:relative; width:100%; float:left; box-sizing:border-box; padding-bottom:85px; }
#sub_wrap .sub_con		{ width:1200px; margin:0 auto; }
#sub_wrap .sub_con h2	{ font-size:35px; font-weight:500; color:#333; text-align:center; padding-bottom:15px; margin-bottom:50px;}

.txt_icon1 {padding-left:25px; line-height:1.5em; background:url('/common/img/sub/txt_icon1.png') no-repeat center left; box-sizing:border-box; }


/*서브페이지 메뉴*/
#content_menu    { position:relative;float:left; width:100%; /* box-shadow:3px 3px 7px rgba(0,0,0,0.5);*/  margin-bottom:100px;}
#content_menu .content_menu_wrap {position:absolute; top:-60px; left:0; width:1200px; margin:0 auto;  background:rgba(255,255,255,0.3); }

#content_menu li	 {float:left; text-align:center; font-size:18px; line-height:60px;  box-sizing:border-box; }
				
#content_menu li a {width:100%; display:inline-block; text-decoration:none; float:left; color:#fff}	
#content_menu li a:link		{color:#fff; text-decoration:none;}
#content_menu li a:hover	{color:#333;font-weight:500;text-decoration:none; background:#fff;}
#content_menu li a:active	{color:#333;font-weight:500;text-decoration:none; background:#fff;}


#content_menu li.ov   { }

#content_menu li.ov a 			{ display:inline-block; font-weight:500; text-decoration:none;}
#content_menu li.ov a:link	 	{ color:#333; text-decoration:none; background:#fff;}
#content_menu li.ov a:hover	 	{ color:#333; text-decoration:none; background:#fff;}
#content_menu li.ov a:active	{ color:#333; text-decoration:none; background:#fff;}
#content_menu li.ov a:visited	{ color:#333 !important; text-decoration:none; background:#fff;}


b.f_bold {font-weight:500;}
b.ci_color1 {font-weight:500; color:#ee7923;}
b.ci_color2 {font-weight:500; color:#549535;}
b.ci_color3 {font-weight:500; color:#f5d123;}


#article {width:1200px; float:left; padding:0px 0 90px 0;}
.guide {width:100%; float:left;  margin:0 auto; }
.guide .t1 {float:left;  font-size:2em;  font-weight:600; color:#333;  letter-spacing:-2px;}
.guide .t2 {float:right; font-size:0.85em; font-weight:400; padding-top:25px; color:#999;  letter-spacing:-2px;}


.box_100  {width:100%; float:left;}
.box_20  {width:20% !important; float:left;}
.box_30  {width:30% !important; float:left;}
.box_33  {width:33% !important; float:left;}
.box_40  {width:40% !important; float:left; background-color:#fff;}
.box_45  {width:45% !important; float:left;}
.box_50  {width:50% !important; float:left;}
.box_55  {width:55% !important; float:left;}
.box_60  {width:60% !important; float:left;}
.box_70  {width:70% !important; float:left;}
.box_73  {width:73% !important; float:left;}
.box_75  {width:75% !important; float:left;}
.box_80  {width:80% !important; float:left;}
.box_85  {width:85% !important; float:left;}
.box_90  {width:90% !important; float:left;}

p,span {margin:0;}

.align_left{text-align:left;}
.text_box  {font-size:17px; line-height:1.4em; font-weight:400; color:#555; }  
.text_box2  {font-size:18px; line-height:1.5em; font-weight:400; color:#333;}  
.text_box3  {font-size:16px; line-height:1.4em; font-weight:400; color:#666;}  

.text_box4  {font-size:22px; line-height:1.5em; font-weight:500; color:#333;}  
.text_box5  {font-size:24px; line-height:1.5em; font-weight:500; color:#333;}  

.nomal_t  {font-size:0.95em; line-height:1.3em; font-weight:400; }
.border_bottom  {border-bottom:1px dashed #ddd;  padding-bottom:40px; margin-bottom:50px;  width:100%; float:left;}
.border_top  {border-top:1px dashed #ddd; padding-top:30px; width:100%; float:left;}

.text_bottom_line { width:10%; margin:0 auto; height:3px; background:#ddd; margin-top:3px;}


table.img_table  {width:100%; float:left;}
table.img_table td {text-align:center;  border:1px solid #fff;  vertical-align:middle;  }
table.img_table td.t1 {  background-color:#fff;  font-size:0.92em; line-height:1.2em; color:#333;  font-weight:600;  padding:7px 0 13px 0; }

/* 회사개요 */
.company_box {width:100%; float:left; border:1px solid #ddd; padding:20px; box-sizing:border-box; margin-bottom:20px;}
.company_box h3 {text-align:center; font-size:18px; margin-bottom:10px;}
.company_box p {text-align:center;}


/* CEO 인사말 */
.ceo_txt_tit{font-size:20px; font-weight:500; color:#333;  }
.ceo_txt_tit span{font-size:32px; font-weight:600; margin-bottom:20px;}

.ceo_txt_tit2 { font-size:1.1em; color:#555; line-height:27px;  }

.ceo_img {width:100%; height:330px;  float:right;  margin:-300px 0 20px 0; background:url('/common/img/sub/gp_ceo_img.png') no-repeat;}


/* 사업영역 */
.business_bg_box {width:100%; float:left; padding:20px; background:#F7F7F7; box-sizing:border-box; margin-bottom:20px;}
.business_tit_bg{padding:6px 30px; background:#f1a643; box-sizing:border-box; border-radius:30px; color:#fff;}  


/* 공통박스 */
.box_100  {width:100%;float:left;}
.box_100 .col-2  {width:49.5%; margin-right:1%; float:left; border:1px solid #ddd;  box-sizing:border-box;}
.box_100 .col-2:nth-child(2), .box_100 .col-2:nth-child(4) {margin-right:0; float:right;}
 

.box_100  {width:100%;float:left;}
.box_100 .col-3  {width:32%; margin-right:2%; float:left; border:1px solid #ddd;  box-sizing:border-box;}
.box_100 .col-3:nth-child(3), .box_100 .col-3:nth-child(6) {margin-right:0; float:right;}
 
.box_100  {width:100%;float:left;}
.box_100 .col-4  {width:24%;  margin-right:1.3%; float:left; border:1px solid #ddd;  box-sizing:border-box;}
.box_100 .col-4:nth-child(4), .box_100 .col-3:nth-child(8) {margin-right:0; float:right;}
  
.box_100  {width:100%;float:left;}
.box_100 .col-5  {width:19%;  margin-right:1.2%; float:left; border:1px solid #ddd;  box-sizing:border-box;}
.box_100 .col-5:nth-child(5), .box_100 .col-3:nth-child(10) {margin-right:0; float:right;}
   
 
/* CI */
.ci_box .col-3 {height:240px;  padding:30px; box-sizing:border-box;}
.ci_box .col-3 div {width:100%; float:left; padding:12px 0; color:#fff; font-size:16px; text-align:center; margin-bottom:15px;}
.ci_box .col-3 p {color:#333; font-size:18px; text-align:center; margin:15px 0;}
.ci_box .col-3 span {color:#666; font-size:17px; text-align:center;}


/* 복지제도 */
.welfare_box .col-3  {height:400px; padding:30px 40px; box-sizing:border-box; }
.welfare_box .col-3 h3 {color:#333; padding:15px 0; font-size:22px; line-height:1.2em;text-align:center; margin-top:30px; border-bottom:1px dashed #ddd; margin-bottom:20px; }
.welfare_box .col-3 p {color:#666; font-size:17px; line-height:1.6em; text-align:center;}


/* 채용공고 */
.recruit_box .col-3 {margin-bottom:25px; height:280px; padding:30px; box-sizing:border-box;}
.recruit_box .col-3 a{display:block;}
.recruit_box .col-3:hover{display:block; background:#f9f9f9;}
.recruit_box .col-3 div {width:30%; margin:0 auto; padding:6px 0; color:#fff; border-radius:30px; font-size:16px; text-align:center; margin-bottom:22px; }
.recruit_box .col-3 div.bg1 {background:#ee7923; }
.recruit_box .col-3 div.bg2 {background:#f5d123; }

.recruit_box .col-3 p.recruit_category {color:#555; font-size:16px; text-align:left; }
.recruit_box .col-3 p.recruit_date { color:#555; font-size:17px; text-align:left; line-height:1em;}
.recruit_box .col-3 p.recruit_date .date_bg {border:1px solid #ddd; padding:2.5px 10px; color:#333; font-weight:500; background:#f3f3f3; font-size:15px; margin-right:10px;}


.recruit_box .col-3 h3 {color:#333; height:60px; font-size:23px; line-height:1.2em; border-bottom:1px dashed #ddd; margin-bottom:20px; padding-bottom:20px;}
.recruit_box .col-3 span {color:#333; font-size:17px; line-height:1.2em; text-align:center;}

.recruit_btn{ padding:10px 30px;background:#669933; width:220px; text-align:center; display:block; margin:0 auto; font-size:0.95em; color:#fff !important; font-weight:400;}
.recruit_btn p	{ font-size:16px; color:#fff !important; font-weight:400;}
.recruit_btn span{  text-align:center; font-size:20px; color:#fff !important; font-weight:600;}
.recruit_btn span i{margin-top:3px;}

.recruit_bt_tit2{font-weight:600; font-size:1.3em;}

/*채용절차*/
.recruit_box .col-4 {width:22%; box-sizing:border-box;padding:50px 0; border-radius:50%; border:5px solid #ddd; box-sizing:border-box;}
.recruit_box .recruit_arr {vertical-align:middle; margin-top:10%; float:left; box-sizing:border-box; text-align:center; margin-right:1%; }

.recruit_box .col-4 h3 {width:100%; float:left; padding:15px 0; color:#333; font-size:22px; text-align:center; font-weight:500;}
.recruit_box .col-4 img {text-align:center; display:block;}


/* 파트너사/고객사 */
.partner_box .col-3  {padding:8px 0; box-sizing:border-box; border:1px solid #ddd; margin-bottom:20px; }
.partner_box .col-3 img {width:100%;}


/* 사업영역 */
.business_box .col-3 {padding:30px; box-sizing:border-box;}
.business_box .col-3 div {width:100%; float:left; padding:12px 0; border-bottom:2px solid #ddd; color:#ee7923; font-size:20px; text-align:center; margin-bottom:15px; font-weight:500;}
.business_box .col-3 p {color:#333; font-size:17px; text-align:left; margin:15px 0;}

.business_box .col-2 {padding:30px; box-sizing:border-box;}
.business_box .col-2 div {width:100%; float:left; padding:12px 0; border-bottom:2px solid #ddd; color:#ee7923; font-size:20px; text-align:center; margin-bottom:15px; font-weight:500;}
.business_box .col-2 p {color:#333; font-size:17px; text-align:left; margin:15px 0;}


.business_box4-1 .col-3 {padding:15px 30px; box-sizing:border-box; border:2px solid #ddd;}
.business_box4-1 .col-3 div {width:100%; float:left; color:#333; font-size:20px; text-align:center; font-weight:500;}

.business_box4-2 .col-5 { width:19%; box-sizing:border-box; border:none;}
.business_box4-2 .col-5 span {width:100%; float:left; padding:12px 0;color:#333; font-size:20px; text-align:center; font-weight:500;}
.business_box4-2 .col-5 p {color:#333; padding:15px 30px; font-size:17px; text-align:center; margin:15px 0; }



.business_box .col-5 {padding:30px; box-sizing:border-box; height:230px;}
.business_box .col-5 div {width:100%; float:left; padding:12px 0; border-bottom:2px solid #ddd; color:#ee7923; font-size:20px; text-align:center; margin-bottom:15px; font-weight:500;}
.business_box .col-5 p {color:#333; font-size:17px; text-align:center; margin:15px 0;}


/*오시는 길*/
.map_box {width:100%; float:left;border:1px solid #ddd; padding:30px; box-sizing:border-box; margin-bottom:20px;}
.map_box h3 {text-align:center; font-size:18px; width:100%; float:left;}
.map_box p {text-align:center; width:100%; float:left;  line-height:1.6em;}


/* 굿피플소식 */
.news_box {position:relative; width:49%; float:left; border:1px solid #ddd; box-sizing:border-box; margin-bottom:30px;}

.news_box:nth-child(even) {float:right; }

.news_box .news_txt_wrap{position:relative; width:100%;float:left; float:right; background:#f7f7f7; padding:30px; box-sizing:border-box; }
.news_box .news_subtit{font-size:22px; font-weight:600; color:#333;}
.news_box .news_subtit:hover{text-decoration:underline;}

.news_box .news_txt{font-size:17px; font-weight:400; color:#666; margin-top:10px; line-height:1.2em; overflow:hidden;}
.news_box .news_date{font-size:15px; font-weight:400; color:#999; margin-top:15px;}
  



.circle_bg{padding:12px; border-radius:50px; background:#00723b; margin-right:20px;}
.bold_f{font-weight:500; }

.address_bar{width:42px; height:2px; background:#339900; float:left; margin-top:5px;}

.map_info{width:100%; float:left; margin:30px 0;}
.map_info li{width:50%; float:left; line-height:1em; color:#333; font-size:17px; font-weight:200;}

.map_info2{width:100%; float:left; background:#f7f7f7; padding:15px; box-sizing:border-box;}

.map_info_txt {padding:0 0 5px 0px; color:#333;  font-size:16px; font-weight:300; display:block;}
.map_info_txt2{color:#666; font-size:16px; font-weight:300; display:block; line-height:1.8em; }
.map_info_txt3{margin:10px 0 0px 0px; color:#666; font-size:15px; font-weight:300; display:block;}
.map_info_txt3 a{color:#666 !important;}
.map_info_txt3 a:hover{color:#333 !important;}


/* 사이트맵 */
.sitemap_wrap{width:100%; float:left;}
.sitemap_box{width:23%; margin-right:2.4%; float:left; border:1px solid #ddd; }
.sitemap_box>ul>li{border-bottom:1px solid #ddd;padding:15px 0; text-align:center;} 
.sitemap_box>ul>li>a{font-size:17px; font-weight:400; color:#333;} 
.sitemap_tit1{background:#00723b url('/common/img/sub/stripe_bg.png') repeat 0;;font-size:19px; font-weight:500; color:#fff; }
.sitemap_tit2{background:#87b73f url('/common/img/sub/stripe_bg.png') repeat 0;;font-size:19px; font-weight:500; color:#fff; }
.sitemap_submenu{ margin-top:5px;}
.sitemap_submenu li{ text-align:left; margin-left:35%;}
.sitemap_submenu li a{color:#777; font-weight:300;}

.color_r{color:#c00 !important;}
.color_b{color:#003399 !important;}
.color_gr{color:#777; font-size:15px; font-weight:300;}

.table_title{font-size:16px; color:#555; font-weight:400;}
.textarea_wrap { text-align:center; background-color:#f9f9f9; padding:14px 10px; box-sizing:border-box;}

/*사이트맵*/
.box_100 .squ-4 {width:24%; height:240px; float:left; border:1px solid #ddd; margin-right:1.2%; padding:20px; box-sizing:border-box;}
.box_100 .squ-4:nth-child(4) {float:right; margin:0; }
.box_100 .squ-4 h3 	{ font-size:20px; font-weight:600; margin-bottom:15px; background:#e5f5f8;  padding:10px; text-align:center;}
.box_100 .squ-4 .line_bar 	{ margin:0 auto;  padding:10px; color:#fff;}
.box_100 .squ-4 p 	{ box-sizing:border-box; width:100%; float:left; text-align:left; line-height:1.85em; font-size:17px; font-weight:400; color:#555;}

.box_100 .bor-3 {width:32%; float:left; margin-right:2%; text-align:center;}
.box_100 .bor-3:last-child {float:right; margin:0;  }
.box_100 .bor-3 img 	{ box-sizing:border-box; width:100%; float:left;}
.box_100 .bor-3 p 	{ box-sizing:border-box; width:100%; float:left; padding:8px 0;  border:1px solid #ddd;}



.center_wrap {width:100%; float:left;  border:1px solid #ddd; text-align:center; padding:10px 0; font-weight:500; font-size:18px; }



	.squre{position:relative;padding-left:10px}
	.squre:before{position:absolute;background:#333;width:5px;height:5px;content:'';top:12px;left:0}


.cloudtext{font-size:1.3em;position:relative}
.cloudtext:before{content:''; width:3%;height:2px;top:-18px;background:#000;position:absolute;margin-left:-1.5%;left:50%}
.cloudtext b{font-weight:700}
.cloudtext .blue{color:#204177;}
.cloud .text_box{line-height:1.5em}
.cloudimg{width:70%;margin:0 auto}
.cloudimg img{box-shadow:0 5px 23px rgb(0 0 0 / 12%);border-radius:20px;margin-bottom:50px;width:100%;}
.cloud .squre{position:relative;padding-left:15px}
.cloud .squre:before{position:absolute;background:#333;width:5px;height:5px;content:'';top:12px;left:0}


.cloudbox{display:flex;width:100%;align-items:center}

.cloudbox .cloud2   {width:80%;}
.cloudbox .cloud2  th   {padding:15px 0;text-align:center;vertical-align:middle;font-size:1.3em;font-weight:500;color:#f1a643}
.cloudbox .cloud2  td   {padding:12px; vertical-align:middle; text-align:left; font-size:16.5px; line-height:1.6em;  color:#204177; border:1px solid #204177; font-weight:400;text-align:center;}
/* table.cloud  td.c  {text-align:center !important; font-weight:500; color:#333;} */
.cloudbox .cloud2 .blue{background:#204177;color:#fff}

.cloudbox .three{font-size:1.6em;width:30%}
.cloudbox .three ul{display:flex;flex-direction:column;gap:30px}
.cloudbox .three li{border-bottom:5px dashed #f1a643;text-align:right;font-weight:600;color:#204177;padding:5px;padding-left:60px}