/********** 컨텐츠 타이틀 **********/


h2 { font-size:44px; }
h3 { font-size:34px; }
h4 { font-size:27px; }
h5 { font-size:20px; }

h2, h3, h4, h5 { line-height:140%; color:#111; font-weight:700; }

.cont { font-size:17.7px; line-height:180%; font-weight:300; color:#000; }
.cont.w4 { font-weight:400; color:#555; }
.cont.short { line-height:170%; }

@media (max-width:1600px) {
	h2 { font-size:calc(20px + 1.4vw); }
	h3 { font-size:calc(16px + 1vw); }
	h4 { font-size:calc(14px + 0.7vw); }
	h5 { font-size:calc(12px + 0.5vw); }
	.cont { font-size:calc(12.6px + 0.3vw); }
}
@media (max-width:1024px) {
	h2, h3, h4, h5 { line-height:130%; }
	.cont { line-height:170%; }
}
@media (min-width:769px) {
	.cont.short { line-height:160%; }
}




/* 인사말 */

#greeting #gr_cont { padding-left:6%; }
#greeting i { display:block; border-top:3px solid; }

@media (max-width:900px){
	#greeting .col2 li { width:100%; }
	#greeting i { border-width:2px; }
	#greeting #gr_cont { padding-left:0; margin-top:calc(20px + 3vw); }
}


/* 조직도 */

#organ img:last-of-type { display:none; }

@media screen and (max-width:767px) {
	#organ img:first-of-type { display:none; }
	#organ img:last-of-type { display:inline; width:500px; }
}


/***** 연혁 history *****/
#history p.tit { font-family: 'Play', sans-serif; font-size: 58px; font-weight:700; color:#161616; }
#history p.sub { font-size:23px; font-weight: 500; line-height: 1.4; }
#history > ul > li:before, #history > ul > li:last-child:after
{ display:block; content:''; position:absolute; width:100%; left:0; border-top: 1px solid #e7e7e7; }

#history ul > li > div { padding: 35px 0; }
#history ul > li > div:after { clear:both; visibility:hidden; display:block; content:''; }
#history ul .year  { float:left; width: 25%; font-size: 28px; font-weight: 700; font-family: 'Play', sans-serif; }
#history ul .con  { float:left; width: 75%; position:relative; }
#history ul .con p { color: #181818; font-size: 18px; line-height: 1.3; font-weight: 400; }
#history ul .con p:nth-child(n+2) { margin-top:10px; }

@media (max-width:1024px){
	#history ul .con p:nth-child(n+2) { margin-top:7px; }
}
@media screen and (max-width:768px) {
	#history ul .year  { width: 30%; }
	#history ul .con  { width: 70%; }
}
@media screen and (max-width:540px) {
	#history ul .year  { width: 100%; }
	#history ul .con  { width: 100%; margin-top:calc(6px + 1.2vw); }
}




/* 오시는길 */

.location_map {	width:100% !important;	}
.location_map.kakao { border:0 !important; margin-bottom:-1px; }
.location_map.google { height:600px; margin-bottom:-2px; }

.map_table { border-top:1px solid #ccc;  }
.map_table tr td { padding-top:30px; padding-bottom:30px; border-left:0; border-right:0; border-color:#ccc; }
.map_table tr td.map_icon { width:5%; padding-right:10px; }
.map_table tr td.td_l { width:45%; }

.map_icon div { width:60px;	height:26px; background-repeat:no-repeat; background-position:left; border-right:1px solid #ddd; }
.map_icon .map_loc { background-image:url('/images/mapicon_loc.png'); }
.map_icon .map_tel { background-image:url('/images/mapicon_tel.png'); }
.map_icon .map_mail { background-image:url('/images/mapicon_mail.png'); }
.map_icon .map_fax { background-image:url('/images/mapicon_fax.png'); }

#loc_guide .map_icon2 { width:110px; }
#loc_guide .map_icon2 div { width:80px; height:80px; border-radius:50%; background-color:#d1d1d1; background-repeat:no-repeat; background-position:center; }
#loc_guide .map_icon2 .map_car {  background-image:url('/images/map_car.png'); background-size:36px 27px; }
#loc_guide .map_icon2 .map_subway {  background-image:url('/images/map_subway.png'); background-size:31px 38px; }
#loc_guide .map_icon2 .map_bus {  background-image:url('/images/map_bus.png'); background-size:29px 34px; }

#loc_guide h3 { line-height:100%; }
#loc_guide tr td { padding:20px 0; }

@media (max-width:1250px) {
	.map_table tr td.map_icon { width:80px; }
	.map_table tr td.td_l { width:auto; }
}
@media screen and (max-width:1000px) {
	.map_table tr td.map_icon { width:50px; }
	.map_icon div { width:50px; }
}
@media screen and (max-width:768px) {
	.map_table tr td { padding-top:20px; padding-bottom:20px; }
	.map_table tr td.map_icon { width:40px; }
	.map_icon div { width:40px; background-size:20px; }
}

@media screen and (max-width:650px) {
	#loc_guide .map_icon2 { width:70px; }
	#loc_guide .map_icon2 div { width:50px; height:50px; }
	#loc_guide .map_icon2 .map_car { background-size:28px 21px; }
	#loc_guide .map_icon2 .map_subway { background-size:23px 28px; }
	#loc_guide .map_icon2 .map_bus { background-size:22px 26px; }
}
@media screen and (max-width:540px){
	.map_icon div { width:30px; height:20px; background-size:17px; }
	.map_table tr td.map_icon { padding-right:0; }
}
@media screen and (max-width:420px) {
	.location_map.google { height:380px; }
}



/* 사업분야 */

.biz1_wrap { margin-top:110px; }
.biz2_wrap { position:relative; background:#f5f5f5; margin-top:160px; padding-bottom:70px; }

#business ul:after { clear:both; visibility:hidden; display:block; content:''; }

.biz1 li { float:right; }
.biz2 li { float:left; }

.biz_img { width:45%; }
.biz_cont { width:55%; }

.biz_img div { height:400px; background-size:cover; background-position:center; background-repeat:no-repeat; border-radius:10px; }

.biz_cont { padding-top:70px; }
.biz2 .biz_img { margin-top:-70px; }
.biz1 .biz_cont { padding-right:100px; }
.biz2 .biz_cont { padding-left:100px; }


@media (max-width:1220px) {
	.biz1_wrap { margin-top:80px; }
	.biz2_wrap { margin-top:130px; }
	.biz_img img { width:100%; }
	.biz1 .biz_cont { padding-right:60px; }
	.biz2 .biz_cont { padding-left:60px; }
}

@media (max-width:768px) {
	.biz1_wrap { margin-top:70px; }
	.biz2_wrap { margin-top:120px; }
}

@media (max-width:700px) {
	#business ul li { float:none; width:100%; }
	.biz2_wrap { padding-bottom:0; background:transparent; }
	.biz1_wrap, .biz2_wrap { margin-top:calc(30px + 4vw); }
	.biz_cont { padding-top:calc(14px + 2vw); }
	.biz2 .biz_img { margin-top:0; }
	.biz1 .biz_cont { padding-right:0; }
	.biz2 .biz_cont { padding-left:0; }
	.biz_cont .cont { line-height:140%; }
}

@media (max-width:420px) {
	.biz_img div { border-radius:6px; }
}





/* 협력업체 */

.client_list:after { clear:both; visibility:hidden; display:block; content:''; }
.client_list { margin:-15px; }
.client_list li { float:left; width: 25%; padding:15px; display:table; }
.client_list li > div { border: 1px solid #ddd; height:120px; text-align:center; display:table-cell; vertical-align:middle; }
.client_list li > div img { max-width:80%; max-height:80%; }
.client_list li > div > div { height:100%; background-position:center; background-repeat:no-repeat; }

@media (max-width:1400px){
	.client_list { margin:-10px; }
	.client_list li { padding:10px; }
}
@media (max-width:1200px){
	.client_list li > div img { transform: scale(.8, .8); }
}
@media screen and (max-width:1000px){
	.client_list li { width: 33.33%; }
}
@media screen and (max-width:860px){
	.client_list li > div { height:100px; }
}
@media screen and (max-width:768px){
	.client_list { margin:-7px; }
	.client_list li { padding:7px; }
}
@media screen and (max-width:600px){
	.client_list li > div { height:80px; }
}
@media screen and (max-width:420px){
	.client_list { margin:-5px; }
	.client_list li { padding:5px; width:50% }
	.client_list li > div img { transform: scale(.7, .7); }
}



/* 인재경영 */

#recruit .tit_han span { font-size:30px; line-height:140%; font-weight:700; color:#111; }
#recruit .tit_han span.th { font-weight:200; }
#recruit .img_box { position:relative; height:540px; padding-top:80px; }
#recruit .img_box:after { display:block; content:''; position:absolute; width:75%; height:100%; top:0; right:0; background-image:url('/images/recruit.jpg'); background-size:cover; background-position:center; background-repeat:no-repeat; z-index:-1; }

#recruit .img_box strong { display:block; font-size:84px; line-height:100%; font-family:'Poppins'; padding-left:4%; }
#recruit .img_box strong .sc { font-size:81px; }

#recruit .list { width:75%; margin-left:auto; }
#recruit .list li { padding:0 5% 0 3%; line-height:160%; color:#111; font-size:20px; font-weight:400; border-left:1px solid #bbb; }

#recruit .info img:last-of-type { display:none; }

#recruit .process > li:first-of-type { width:25%; }
#recruit .process > li:last-of-type { width:75%; }

#recruit .process ul { display: flex; flex-wrap: wrap; justify-content: space-between; }
#recruit .process ul .box { width:20%; padding:40px 0 42px; border-radius:16px; border:1px solid #ddd; background:#f5f5f5; }
#recruit .process ul .box * { text-align:center; }
#recruit .process ul .box p { font-size:13px; opacity:.5; color:#000; }
#recruit .process ul .box strong { display:block; font-size:19px; color:#111; font-weight:500; }

#recruit .process ul .arrow { width:6.666%; background:url('/images/rec_pro_arr.png') center no-repeat; }
#recruit .process ul li:last-of-type { border:0; }


@media (max-width:1660px){
	#recruit .img_box { height:calc(120px + 24vw); padding-top:calc(30px + 3vw); }
	#recruit .process ul .arrow { background-size:9px; }
}

@media (max-width:1500px){
	#recruit .info img { width:calc(340px + 20vw); }
}

@media (max-width:1160px){
	#recruit .img_box:after, #recruit .list { width:80%; }
	#recruit .list li br { display:none; }
	#recruit .process > li:first-of-type { width:20%; }
	#recruit .process > li:last-of-type { width:80%; }
	#recruit .process ul .arrow { background-size:8px; }
}
@media (max-width:900px){
	#recruit .list { width:96%; }
	#recruit .process > li:first-of-type { width:100%; }
	#recruit .process > li:last-of-type { width:100%; margin-top:calc(13px + 3vw); }
	#recruit .process ul .arrow { background-size:7px; }
}

@media screen and (max-width:767px){
	#recruit .img_box { height:auto; padding-top:0; }
	#recruit .img_box:after { position:static; width:100%; height:calc(120px + 24vw); margin-top:calc(15px + 3vw); }
	#recruit .img_box strong { text-align:center; padding-left:0; }
	#recruit .list { width:100%; }
	#recruit .list li { padding:0 5%; line-height:140%; }
}

@media screen and (max-width:540px){
	#recruit .info img { width:400px; }
	#recruit .info img:first-of-type { display:none; }
	#recruit .info img:last-of-type { display:inline; }
	#recruit .process ul .arrow { display:none; }
	#recruit .process ul .box { width:24%; }
}

@media screen and (max-width:420px){
	#recruit .process ul .box { width:48.5%; margin:1.5% 0; }

}