/********** 컨텐츠 타이틀 & 기본 텍스트 **********/

h2, h3, h4, h5, h6 { color:#111; }
h2 { font-size:44px; line-height:120%; font-weight:800; }
h3 { font-size:32px; line-height:130%; font-weight:800; }
h4 { font-size:25px; font-weight:700; }
h5 { font-size:20px; font-weight:700; }

h4, h5, h6 { line-height:140%; }

.cont { font-size:18px; line-height:180%; font-weight:400; color:#444; text-align:left; }
.det { font-size:16px; line-height:150%; font-weight:400; color:#222; }

@media (max-width:1660px) {
	.cont { line-height:170%; }
}
@media (max-width:1024px) {
	h3, h4, h5 { line-height:130%; }
}
@media (max-width:767px) {
	.cont { line-height:160%; }
}




/*인사말*/

.s_ceo dl {display: flex; justify-content: space-between; flex-wrap: wrap; }
.s_ceo dt {width: 42%;}
.s_ceo dt .img {background: no-repeat center/cover; width: 100%; height: 100%;}
.s_ceo dd {width: 50%;}
.s_ceo dd h3 {font-size: 32px; line-height: 1.5; font-weight: 800; font-family:var(--paybooc); }
.s_ceo dd .line {border-top: 2px solid var(--mc);}
.s_ceo dd .writer {text-align: right; font-size: 17px; line-height: 1.6; font-weight: 500;}


@media (max-width:1023px) {
	.s_ceo dd h3 br { display:none; }
}

@media (max-width:767px) {
	.s_ceo dl { flex-direction:column-reverse; }
    .s_ceo dt {width: 100%; margin-top: calc(24px + 3vw);}
    .s_ceo dt .img {max-width: 440px; height: calc(250px + 20vw); margin: 0 auto; }
    .s_ceo dd { width: 100%; }
    .s_ceo dd .line {border-width: 1px;}
}


/*연혁*/
.sub_history dl {display: flex; flex-wrap: wrap; justify-content: space-between;}
.sub_history dl dt {width: 42%;}
.sub_history dl dt .stk { position:sticky; top:100px; }
.sub_history dl dt .img {width: 100%; padding-bottom: 65%; background: no-repeat center/cover;}
.sub_history dl dt h2 {font-size: 64px; font-family: 'play', 'pretendard', sans-serif; font-weight: 700;}
.sub_history dl dt h3 {font-size: 24px; font-weight: 800; line-height: 1.4;}
.sub_history dl dd {width: 49%;}

.sub_history .year_list > li { width:100%; display:flex; justify-content: flex-end; }
.sub_history .year_list > li .year { width:11%; font-size: 28px; font-family: 'play', 'pretendard', sans-serif; font-weight: 700; transform: translateY(-4px); }

.sub_history .year_list > li .cir_line { width:14%; position: relative; transform: translateY(12px); overflow: hidden;}
.sub_history .year_list > li .cir_line .cir { position: relative; width: 7px; height: 7px; border-radius: 50px; margin: 0 auto;}
.sub_history .year_list > li .cir_line .line { border-left:1px solid #e0e0e0; width: 1px; height: 100%; margin: 0 auto;}


.sub_history .year_list > li h5 { width:6%; padding-right:10px; font-size: 20px; font-family: 'play', 'pretendard', sans-serif; font-weight: 700; transform: translateY(-1px); }
.sub_history .year_list > li p { width:69%; font-size: 18px; font-weight: 400; line-height:150%; padding-bottom:35px;}
.sub_history .year_list > li:last-of-type .cir_line .line { display:none; }
.sub_history .year_list > li:last-of-type p { padding-bottom: 0;}


@media (max-width: 1660px) {
    .sub_history .year_list > li .cir_line {transform: translateY(10px);}
    .sub_history .year_list > li p {padding-bottom: calc(20px + 0.9vw);}
}
@media (max-width: 1440px) {
	.sub_history .year_list > li h5 { width:7%; }
	.sub_history .year_list > li p { width:68%; }
    .sub_history .year_list > li .cir_line {transform: translateY(9px);}
}
@media (max-width: 1024px) {
    .sub_history .year_list > li h5 {transform: translateY(0px);}
    .sub_history .year_list > li .cir_line {transform: translateY(7px);}
    .sub_history .year_list > li .cir_line .cir { width: 5px; height: 5px;}
}
@media (max-width: 767px) {
    .sub_history dl dt .img.appear {opacity: 1;}
    .sub_history dl dt {width: 100%;}
    .sub_history dl dt h3 br {display: none;}
    .sub_history dl dd {width: 100%; margin-top: calc(20px + 3vw);}
    .sub_history .year_list > li .year { width:13.5%; }
    .sub_history .year_list > li .cir_line { width:10%; }
	.sub_history .year_list > li p { width:69%; }
}
@media (max-width: 450px) {
    .sub_history dl dt h3 br {display: block;}
    .sub_history .year_list > li .cir_line {transform: translateY(6px);}
}



/* 조직도 */

@media (max-width:767px) {
	.organ img { width:calc(230px + 14vw); }
}



/* 오시는길 */

.location dl { display:flex; flex-wrap:wrap; justify-content:space-between; }
.location dl dt { width:50%; }
.location dl dd { width:45%; }

.location_map {	width:100% !important;	}
.location_map, .location_map .wrap_map { height:400px !important; }
.location_map.google { margin-bottom:-2px; }

.location .line { display:block; border-top:2px solid var(--mc); margin:20px 0 30px; }


.map_table:before { border-color:#ddd; }
.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 li { display:flex; align-items:center; }
.map_icon li:nth-of-type(n+2) { margin-top:calc(10px + 2%); }

.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'); }

.map_icon p { width:100%; font-size:17px; color:#444; line-height:1.5; padding-left:5%; }

#loc_guide .map_icon2 { width:110px; }
#loc_guide .map_icon2 div { width:80px; height:80px; border-radius:50%; 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:nth-of-type(n+2) td { padding-top:40px; }

@media (max-width:1660px) {
	#loc_guide tr:nth-of-type(n+2) td { padding-top:calc(23px + 1vw); }
}
@media (max-width:1250px) {
	.map_table tr td { padding-top:20px; padding-bottom:20px; }
	.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.map_icon { width:40px; }
	.map_icon div { width:40px; background-size:20px; }
}

@media screen and (max-width:650px) {
	.location dl dt, .location dl dd { width:100%; }
	.location dl dd { margin-top:20px; }
	.location_map, .location_map .wrap_map { height:300px !important;  }
	.map_table tr td { padding-top:15px; padding-bottom:15px; }
	#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; }
	.map_icon p { padding-left:3%; }
}




/* 공장소개 */

.factory .fac_img { display:flex; flex-wrap:wrap; justify-content:space-between; }
.factory .fac_img li { width:48%; }
.factory .fac_img li picture { height:400px; background-size:cover; background-position:center; background-repeat:no-repeat; }

.factory .fac_img.fac1 li:nth-of-type(n+3) { margin-top:calc(10px + 2%); }

@media (max-width:1660px) {
	.factory .fac_img li picture { height:calc(70px + 20vw); }
}
@media screen and (max-width:500px){
	.factory .fac_img li { width:100%; }
	.factory .fac_img li picture { height:54vw; }
	.factory .fac_img.fac1 li:nth-of-type(n+2) { margin-top:calc(6px + 2%); }
}