@charset "UTF-8";
@import url('/css/common.css');
@import url('sub.css');


.dp_m {display:none;}



/* 회사소개 */
.pg_sub2_01 .row01 h3 {color: #3746a3; margin-top:90px; text-align:center}
.pg_sub2_01 .row01 h3:first-child {margin-top:0}
.pg_sub2_01 .row01 p {text-align:center; margin-top:20px; line-height:30px; color:#505050}
.pg_sub2_01 .row01 span {display:block}
.pg_sub2_01 .row01 .txt_ceo {font-family:"NotoSans-Regular";}
.pg_sub2_01 .row01 .img_ceo img {width:20%}
.pg_sub2_01 .row01 .box {border:1px solid #ccc; padding:30px; margin-top:50px}
.pg_sub2_01 .row01 .img_box {text-align:center; margin-top:30px}
.pg_sub2_01 .row01 .img_box img {width:100%}


/* 회사소개 > 인사말 */
.pg_sub2_01 .row02 {margin-top:70px; line-height:32px; border:1px solid #ccc; padding:30px; letter-spacing:.7px; font-size:17px}
.pg_sub2_01 .row02 .box {width:100%; max-width:660px; margin:0 auto; }
.pg_sub2_01 .row02 h3 {color: #3746a3; margin-bottom:30px; text-align:center}
.pg_sub2_01 .row02 h3:first-child {margin-top:0}
.pg_sub2_01 .row02 p.p01 span{float:left; display:inline-block; padding: 5px 20px 0 0;}
.pg_sub2_01 .row02 p.p02 {clear:both; margin-top:50px; text-align:left; color:#000;font-family:"NotoSans-Regular";}
.pg_sub2_01 .row02 p.p03 {text-align:left; /*margin-left:55px;*/ color:#000;font-family:"NotoSans-Regular";}



/* 회사연혁 */
.pg_sub2_02 .row01 > div {margin-left:12%}
.pg_sub2_02 .row01 > div:last-child li {padding-bottom:0}
.pg_sub2_02 .row01 h3 {color:#3746a3; display:inline; float:left; font-size:25px;  line-height:25px; margin-top:10px}
.pg_sub2_02 .row01 li {position:relative; padding:10px 0 50px 50px; border-left:1px solid #ccc; display:inline-block; font-size:17px; margin-left:80px; line-height:25px;}
.pg_sub2_02 .row01 li:after {display:block; content:""; clear:both; position:absolute; left:-10px; top:12px; width:14px; height:14px;  border:3px solid #777; border-radius: 17px; background:#fff}
.pg_sub2_02 .row01 span {margin-left:30px}
.pg_sub2_02 .row01 span.date {color:#0083e3}
.pg_sub2_02 .row01 span.emp {display:block; height:10px}



/* 조직 */
.pg_sub2_03 .row01 {width:100%; max-width:900px; margin:0 auto}
.pg_sub2_03 .row01 img {width:100%;}
.pg_sub2_03 .row02 {display:none}
.pg_sub2_03 .row02 .th01,
.pg_sub2_03 .row02 .td01 {border-right:1px solid #d9d9d9;}
.pg_sub2_03 .row02 .td01 {text-align:center; font-family:'NotoSans-Regular';}
.pg_sub2_03 .row02 .td02 th, .pg_sub2_03 .row02 .td02 td {border-bottom:0; padding:5px 0; vertical-align:top;}
.pg_sub2_03 .row02 .td02 th { background:none; font-family:'NotoSans-Regular';}


/* 조직 > 전국 지사 현황 */
.pg_sub2_03 .row03  h3 {position:relative; color:#3746a3; margin:60px 0 15px 0; padding-left:25px;}
.pg_sub2_03 .row03  h3:after {position:absolute; left:0; top:1px; width:17px; height:17px; background:#3746a3; border-radius:19px; clear:both; content:""}
.pg_sub2_03 .row03  .type02 th {padding:3px 15px; text-align:center;border-left:1px solid #d9d9d9;}
.pg_sub2_03 .row03  .type02 td {padding:7px 15px; text-align:center;border-left:1px solid #d9d9d9;}
.pg_sub2_03 .row03  .type02 td {font-size:14px}
.pg_sub2_03 .row03  .type02 table {border-right:1px solid #d9d9d9}



/* 찾아오시는 길 */
.pg_sub2_04 .map-wrap {overflow:hidden;}
.pg_sub2_04 .map-wrap .map {width: 100%;-webkit-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}
.pg_sub2_04 .map-wrap .map_area {border:1px solid #d5d5d5}
.pg_sub2_04 .map-wrap .txt_wrap {padding: 30px 0 0;}
.pg_sub2_04 .custom_table {border-top: 0;}
.pg_sub2_04 .custom_table tr td {color:#555; border:0; font-size:16px; letter-spacing: -.5px}
.pg_sub2_04 .custom_table tr td span {font-size:15px}
.pg_sub2_04 .row02  h3 {position:relative; color:#3746a3; margin:60px 0 15px 0; padding-left:25px;}
.pg_sub2_04 .row02  h3:after {position:absolute; left:0; top:1px; width:17px; height:17px; background:#3746a3; border-radius:19px; clear:both; content:""}









@media all and (max-width:900px){

	/* 회사연혁 */
	.pg_sub2_02 .row01 > div {margin-left:5%}

	/* 조직 */
	.pg_sub2_03 .row01 {display:none;}
	.pg_sub2_03 .row02 {display:block;}
	.pg_sub2_03 	.tableType1 table th{font-size:14px; line-height:20px}
	.pg_sub2_03 	.tableType1 table td {font-size:14px; line-height:20px}	
	

	/* 찾아오시는 길 */
	.pg_sub2_04 	.tableType1 table th{font-size:14px; line-height:20px}
	.pg_sub2_04 	.tableType1 table td {font-size:14px; line-height:20px}	
}


@media all and (max-width:800px){

	/* 회사소개 */
	.pg_sub2_01 .row01 h3 {font-size:17px}
	.pg_sub2_01 .row01 p {font-size:14px; line-height:22px}


	/* 회사연혁 */	
	.pg_sub2_02 .row01 h3 {font-size:22px}
	.pg_sub2_02 .row01 li {padding:8px 0 30px 0px; border-left:1px solid #ccc; display:inline-block; font-size:15px; margin-left:50px; line-height:25px;}
	.pg_sub2_02 .row01 li:after {display:block; content:""; clear:both; position:absolute; left:-8px; top:14px; width:12px; height:12px;  border:2px solid #777; border-radius: 15px; background:#fff}
	.pg_sub2_02 .row01 span {margin-left:50px}
}


@media all and (max-width:700px){

	/* 회사연혁 */	
	.pg_sub2_02 .row01 li {padding:5px 0 20px 0; font-size:14px; margin-left:55px; margin-bottom:20px}
	.pg_sub2_02 .row01 li:after {display:block; content:""; clear:both; position:absolute; left:-8px; top:10px; width:12px; height:12px;  border:2px solid #777; border-radius: 15px; background:#fff}
	.pg_sub2_02 .row01 h3 {display:block; clear:both; width:100%; padding-bottom:15px; font-size:20px; }
	.pg_sub2_02 .row01 span {display:block} 
	.pg_sub2_02 .row01 > div:last-child li {padding-bottom:10px}


}



@media all and (max-width:600px){

	/* 회사소개 */
	.dp_p {display:none;}
	.dp_m {display:block;}
	.pg_sub2_01 .row01 .img_ceo img {width:40%}


	/* 조직 */
	.pg_sub2_03 	.tableType1 table th{font-size:12px}
	.pg_sub2_03 	.tableType1 table td {font-size:12px}	
	.pg_sub2_03 .row02 th,
	.pg_sub2_03 .row02 td {padding:10px}
	.pg_sub2_03 .row02 .td02 th, .pg_sub2_03 .row02 .td02 td {line-height:17px}
	.pg_sub2_03 .row03  .type02 td {font-size:12px}


	/* 찾아오시는 길 */
	.pg_sub2_04 	.tableType1 table th{font-size:12px}
	.pg_sub2_04 	.tableType1 table td {font-size:12px}	
	
}


@media all and (max-width:450px){

	/* 회사소개 */
	.pg_sub2_01 .row01 h3 {font-size:15px}
	.pg_sub2_01 .row01 p {font-size:12px; line-height:17px}
	.pg_sub2_01 .row01 span {display:inline}	
	.pg_sub2_01 .row01 .box {border:1px solid #ccc; padding:15px; margin-top:25px}

	/* 회사소개 > 인사말 */
	.pg_sub2_01 .row02 {margin-top:50px; line-height:25px; padding:20px; font-size:14px}
	.pg_sub2_01 .row02 h3 {margin-bottom:20px}
	.pg_sub2_01 .row02 p.p01 span{padding: 5px 15px 0 0;}



	/* 회사연혁 */
	.pg_sub2_02 .row01 h3 {display:block; clear:both; width:100%; padding-bottom:5px; font-size:15px;}
	.pg_sub2_02 .row01 > div {margin-left:0}
	.pg_sub2_02 .row01 li {padding:6px 0 20px 0; font-size:12px; margin-left:40px; margin-bottom:10px; line-height:17px}
	.pg_sub2_02 .row01 li:after {display:block; content:""; clear:both; position:absolute; left:-6px; top:10px; width:7px; height:7px;  border:2px solid #777; border-radius: 9px; background:#fff}
	.pg_sub2_02 .row01 span {margin-left:15px; padding:0}	


	/* 조직 */
	.pg_sub2_03 .row03  h3{color:#3746a3; margin:30px 0 10px 0; font-size:17px; padding-left:17px}
	.pg_sub2_03 .row03  h3:after {position:absolute; left:0; top:3px; width:13px; height:13px; background:#3746a3; border-radius:13px; clear:both; content:""}
	.pg_sub2_03 .row03  .type02 th,
	.pg_sub2_03 .row03  .type02 td {padding:5px}


	/* 찾아오시는 길 */
	.pg_sub2_04 .map_area iframe {height:195px}
	.pg_sub2_04 .custom_table tr td {padding:10px; line-height:20px}
	.pg_sub2_04 .custom_table tr td span {display:block; font-size:13px}
	.pg_sub2_04 .row02  h3{color:#3746a3; margin:30px 0 10px 0; font-size:17px; padding-left:17px}
	.pg_sub2_04 .row02  h3:after {position:absolute; left:0; top:3px; width:13px; height:13px; background:#3746a3; border-radius:13px; clear:both; content:""}
}