@import url(https://fonts.googleapis.com/earlyaccess/nanummyeongjo.css); 
 
/* 서브 디자인 관련  ===================================================================================== */ 
.sub_title_txt01			{font-weight:normal;font-size:23px;color:#4b4e56; letter-spacing:-2px;padding:0 0 10px 0;line-height:130%;}
.sub_title_txt02			{font-size:17px;color:#555;line-height:130%;} 
.t_pink						{color:#B2295F;}

.int_txt					{color:#777;font-size:1.05em;line-height:160%;} 
.int_last					{font:bold 18px 'Nanum Myeongjo';padding-left:7px;}
.int_box					{position:relative;overflow:hidden;background:#f7f8f8;padding:15px 20px;border-radius:5px;}	

.int_list					{overflow:hidden;margin-bottom:5px;}
.int_list dt				{float:left;font-size:0.95em;margin-right:7px;min-width:80px;height:25px;line-height:25px;text-align:center;background:#a90056;color:#fff;border-radius:20px;}
.int_list dd				{padding:3px 0 0 60px;}


/* 오시는길 ============= */ 
.map_list					{overflow:hidden;padding:25px 0 20px 0; border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
.map_list .location01		{padding: 5px 0 5px 35px;background:url('./image/sub/map_acc01.png') no-repeat 0 2px;background-size:25px auto;}
.map_list .location02		{padding: 5px 0 5px 35px;background:url('./image/sub/map_acc02.png') no-repeat 0 2px;background-size:25px auto;}



/* 추진전략 ============= */ 
.vision_list					{background:url('./image/sub/sub_bg.png') no-repeat center 80%;margin-top:50px;}
.vision_list dl					{overflow:hidden;padding:0 0 20px 0;}
.vision_list dl	dt				{float:left;width:15%;color:#333;font-size:20px;text-indent:10px;line-height:55px;text-align:center;}
.vision_list dl	dd				{float:right;width:85%;}
.vision_list .t1				{text-align:center;color:#a90158;font-size:18px;border:2px dashed #a90158;padding:15px 0;border-radius:50px;}
.vision_list .t2				{text-align:center;color:#1f303e;font-size:18px;border:2px dashed #1f303e;padding:15px 0;border-radius:50px;}

.vision_list .group3_1			{overflow:hidden;margin-top:30px;}
.vision_list .group3_1 li		{float:left;width:33.3%;}
.vision_list .group3_1 .li_wrap	{padding:10px;}
.vision_list .group3_1 .li_title	{letter-spacing:-1px;text-align:center;color:#fff;font-size:15px;padding:7px 0;line-height:130%;}
.vision_list .group3_1 .t01		{background:#c70462;}
.vision_list .group3_1 .t02		{background:#feb041;}
.vision_list .group3_1 .t03		{background:#1fa1dd;}



/* 가족회사 ============= */ 
.famco_wrap						{border:1px solid #ddd;padding:35px 30px;}
.famco_wrap	ul					{overflow:hidden;}
.famco_wrap li					{float:left;border-right:1px dashed #ddd;}
.famco_wrap li:first-child		{padding-right:5%;width:48%;}
.famco_wrap li:last-child		{border:0;float:right;width:46%;}
.famco_wrap .title01			{background:url('./image/sub/b01_02.png') no-repeat center top;padding:100px 0 70px 0;text-align:center;font-size:16px;color:#29ace3;}
.famco_wrap .title02			{background:url('./image/sub/b01_03.png') no-repeat center top;padding:100px 0 70px 0;text-align:center;font-size:16px;color:#a90055;}

/*3개*/
.sub_process_list				{position:relative;}
.sub_process_li					{overflow:hidden;}
.sub_process_li div				{float:left;width:33%; text-align:center;}
.sub_process_li dl					{padding:5px;min-height:130px;}
.sub_process_li dl dt				{padding:5px 0;color:#fff;font-size:0.85em;font-weight:bold;}
.sub_process_li dl dd				{background:#fff;margin-bottom:7px;padding:5px 0;border-right:1px solid #ddd;border-left:1px solid #ddd;border-bottom:1px solid #ddd;}
.sub_process_li	.sub_list02		{text-align:left;}
.sub_process_li dl .st01			{background:#f9aac5;}
.sub_process_li dl .st02			{background:#ee84a8;}
.sub_process_li dl .st03			{background:#da5b86;}
.sub_process_li dl .st04			{background:#c64d76;}
.sub_process_li dl .st05			{background:#b1345e;}
.sub_process_li dl .st06			{background:#a90056;}

/*4개*/
.sub_process_li2					{overflow:hidden;}
.sub_process_li2 div				{float:left;width:25%; text-align:center;}
.sub_process_li2 dl					{padding:5px;min-height:140px;}
.sub_process_li2 dl dt				{padding:5px 0;color:#fff;font-size:0.95em;font-weight:bold;}
.sub_process_li2 dl dd				{background:#fff;margin-bottom:7px;padding:7px 0;border-right:1px solid #ddd;border-left:1px solid #ddd;border-bottom:1px solid #ddd;}
.sub_process_li2 .sub_list02		{text-align:left;}
.sub_process_li2 dl .st01			{background:#f9aac5;}
.sub_process_li2 dl .st02			{background:#ee84a8;}
.sub_process_li2 dl .st03			{background:#da5b86;}
.sub_process_li2 dl .st04			{background:#a90056;}		

/* 가로 스타일 */
.sub_process_arrow				{min-height:40px;background:url(./image/sub/sub_arrow02.png) no-repeat center -2px;}
.sub_process_li3				{}
.sub_process_li3 dl				{overflow:hidden;}
.sub_process_li3 dl dt			{float:left;width:38%;color:#444;background:#fafafa;height:42px;line-height:42px; border:1px solid #ddd;box-sizing: border-box;text-align:center;letter-spacing:-0.5px;}
.sub_process_li3 dl dt p		{float:left;color:#fff;font-size:17px;font-weight:bold;padding:0 10px;letter-spacing:0;font-style:italic;}
.sub_process_li3 dl dd			{float:right;width:60%;height:42px;line-height:42px;border:1px solid #ddd;text-indent:20px;}
.sub_process_li3 .sub_list02	{padding:0 0 5px 10px;background:url(./image/common/icon02.gif) no-repeat 0 8px;}
.sub_process_li3 dl .st			{background:#c73580;}






/* screen 785 */
@media screen and (max-width:785px) {


	.int_box						{padding:15px 10px;}

	.vision_list					{margin-top:20px;background-position:center 50%;}
	.vision_list dl					{padding:0 0 20px 0;}
	.vision_list dl	dt				{width:10%;font-size:1.3em;}
	.vision_list dl	dd				{width:88%;}
	.vision_list .t1				{font-size:1.2em;}
	.vision_list .t2				{font-size:1.2em;}
	.vision_list .group3_1			{margin:0;}
	.vision_list .group3_1 li		{float:none;width:100%;}

	.sub_process_li div				{width:50%;}
	.sub_process_li2 div			{width:50%;}

	.sub_process_li3 dl dt			{float:none;width:100%;}
	.sub_process_li3 dl dd			{float:none;width:100%;text-indent:0;height:100%;line-height:150%;padding:12px;border-top:0;text-align:center;}

}



/* screen 480 */
@media screen and (max-width:480px) {

	.vision_list					{margin:0;}
	.vision_list dl					{padding:0 0 10px 0;}
	.vision_list dl	dt				{float:none;width:100%;line-height:100%;margin-bottom:10px;}
	.vision_list dl	dd				{float:none;width:100%;}
	.vision_list .t1				{padding:10px;}
	.vision_list .t2				{padding:10px;}


	.famco_wrap						{padding:20px;}
	.famco_wrap li					{float:none;border-right:0;border-bottom:1px dashed #ddd;}
	.famco_wrap li:first-child		{padding-right:0;width:100%;padding-bottom:20px;margin-bottom:20px;}
	.famco_wrap li:last-child		{float:none;width:100%;}
	.famco_wrap .title01			{font-size:1.1em;padding:100px 0 60px 0;}
	.famco_wrap .title02			{font-size:1.1em;padding:100px 0 60px 0;}


	.sub_process_li div				{float:none;width:100%;}
	.sub_process_li dl				{min-height:100%;}
	.sub_process_li2 div			{float:none;width:100%;}
	.sub_process_li2 dl				{min-height:100%;}

}