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

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

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%; }
}


/*프리미엄 인사말*/
.p_ceo {position: relative;}

.p_ceo .top_img { width:0px; height: 515px; margin:0 auto; transform:translateX(-40px) scale(0.8); background: no-repeat center/cover; overflow: hidden; transition: all .8s;}

.p_ceo .top_img.play {width: 1440px; transform:translateX(-40px) scale(1);}

.p_ceo .slogan {display: inline-block; padding: 80px 160px 35px 50px; box-shadow: rgba(0, 0, 0, 0.1) 10px 10px 30px 0px; transform:translateY(40%); transition: all .6s; transition-delay: .3s;}

.p_ceo .slogan.play {transform:translateY(0px);}

.p_ceo h2 {font-size: 56px; line-height: 1.15; font-weight: 800; font-family: 'montserrat', 'pretendard', sans-serif; color:#000;}
.p_ceo h3 {font-size: 30px; line-height: 1.4;}
.p_ceo dl {display: flex; justify-content: space-between; flex-wrap: wrap; align-items: flex-end;}
.p_ceo dt {width: 52%;}
.p_ceo dt .writer {font-size: 18px; line-height: 1.7; font-weight: 500;}
.p_ceo dd {width: 40%;}

.p_ceo dd .img { transform: translateX(-30%); transition: all .7s;}
.p_ceo dd .img.play { transform: translateX(0%);}

.p_ceo .sign { display:inline-block; vertical-align:bottom; }




.p_ceo .info_box.play .cir1 { transition-delay:0s; }
.p_ceo .info_box.play .cir2 { transition-delay:.3s; }
.p_ceo .info_box.play .cir3 { transition-delay:.6s; }



@media (max-width:1660px) {
    .p_ceo .top_img {height: calc(74px + 26.3vw);}
    .p_ceo .sign img { width: calc(84px + 5vw);}
    .p_ceo .info_box {width:100%;}
}
@media (max-width:1600px) {
    .p_ceo .top_img { width: 50%; margin:0; transform:translateX(0); }
    .p_ceo .top_img.play { width: 96%; margin:0; transform:translateX(0); }
}
@media (max-width:1150px) {
	.p_ceo dd {width: 44%;}
}

@media (max-width:819px) {
    .p_ceo .bg .img { width: 96%;}
    .p_ceo dt, .p_ceo dd {width: 100%;}
    .p_ceo .info_box {width: calc(230px + 19vw);}
}
@media (max-width:500px) {
    .p_ceo h3 br {display: none;}
}
@media (max-width :430px) {
    .p_ceo .info_box {width: 95%; margin-top: calc(60px + 10vw);}
}


/* 팀문화 */

.team_slide_section {padding: 120px 0 90px; background: #f6f6f6; }
.team_slide_section .tit_wrap {position: relative; display: flex; align-items: center; justify-content: center;}
.team_slide_section .tit_wrap .tit {text-align: center;}
.team_slide_section .tit_wrap .tit h3 {font-size: 62px; font-weight: 800; font-family: 'montserrat', 'pretendard', sans-serif;}
.team_slide_section .tit_wrap .tit h4 {font-size: 24px; font-weight: 800; }
.team_slide_section .tit_wrap .arrows {position: absolute; width: 100%;  display: flex; justify-content: space-between;}
.team_slide_section .tit_wrap .arrows > img {cursor: pointer;}

.team_slide_section .slide_wrap ul li {padding: 40px 14px;}
.team_slide_section .slide_wrap ul li .box {padding: 38px; border-radius: 15px; background: #fff; box-shadow: 0 0 40px 0 rgba(27,69,22,.1);}
.team_slide_section .slide_wrap ul li .box .quot {font-size: 68px; color:#eee; font-family: 'jalnan_g', 'pretendard', sans-serif;}
.team_slide_section .slide_wrap ul li .box .con {font-size: 17px; font-weight: 400; line-height: 1.5; color:#8a8a8a; margin-top: -30px;}
.team_slide_section .slide_wrap ul li .box .name {font-size: 18px; font-weight: 700;}


@media(max-width: 1660px) {
    .team_img_section .team_illust img {width: calc(230px + 42vw);}
    .team_slide_section .tit_wrap .arrows > img {width: calc(10.52px + 0.87vw);}
    .team_slide_section .slide_wrap ul li {padding: calc(15px + 1.4vw) calc(6px + 0.47vw);}
}

@media(max-width: 500px) {
    .team_slide_section .tit_wrap .arrows {display: none;}
}



/* 인증서 */

.certi_list { display:flex; flex-wrap:wrap; }
.certi_list li { width:33.33%; text-align:center; }
.certi_list .img { width:360px; box-shadow: 0 0 30px 0px rgba(0, 0, 0, .1); margin:0 auto; }
.certi_list picture {  padding-bottom:142%; background-size:cover; background-position:center; background-repeat:no-repeat; }
.certi_list p { font-size:16.5px; line-height:1.3; padding:0 10px; }
.certi_list li:nth-of-type(n+4) { margin-top:calc(20px + 4%); }

@media (max-width: 1660px){
	.certi_list .img { width:calc(80px + 17vw); }
}
@media (max-width: 767px){
	.certi_list { max-width:520px; margin-left:auto; margin-right:auto; justify-content:space-between; }
	.certi_list li { width:47%; }
	.certi_list li:nth-of-type(n+3) { margin-top:calc(20px + 4%); }
}
@media (max-width: 500px){
	.certi_list .img { width:auto; }
}




/* 오시는길 */

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


.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 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:nth-of-type(n+2) td { padding-top:40px; }

@media (max-width:1660px) {
	.location_map, .location_map .wrap_map { height:calc(240px + 20vw) !important;  }
	#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) {
	.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; }
}




/* 사업분야 상단 숫자 카운팅 */

.company_count h3 { font-family:'jalnan_g', 'pretendard', sans-serif; font-weight:400; line-height:150%; }

.company_count .count_list { display:flex; flex-wrap:wrap; justify-content:space-between; }
.company_count .count_list > li { width: 30%;}

.company_count .count_list .box { padding:50px 40px; background:#f5f5f5; }

.company_count .count_list .box .cir { width: 160px; margin: 0 auto; position: relative; border-radius: 50%; background-position:center; background-repeat:no-repeat; background-size:78px; background-color:#000; }
.company_count .count_list .box .cir::after { display: block; content: ''; padding-bottom: 100%; }



.company_count .count_list .box h4 { font-size: 25px; text-align:center; }
.company_count .count_list .box p { font-family:'jalnan_g', 'pretendard', sans-serif; text-align:center; }

.company_count .count_list .box p > span { vertical-align:bottom; }
.company_count .count_list .box p .number_wrap { display:inline-block; }
.company_count .count_list .box p .number_cnt { font-size:60px; letter-spacing:-0.05em; }
.company_count .count_list .box p .unit { font-size:30px; margin-left:4px; }


@media (max-width:1660px) {
  .company_count .count_list .box .cir {width: calc(60px + 6vw); background-size:calc(30px + 2.8vw); }
}
@media (max-width:1024px) {
	.company_count .count_list > li { width: 32%;}
}
@media (max-width:767px) {
	.company_count h3 { line-height:140%; }
	.company_count .count_list > li { width: 33.33%; }
	.company_count .count_list .box { background:transparent; padding:0; }
	.company_count .count_list .box p .unit { margin-left:2px; }
}




.vision_contents .col2con { display:flex; flex-wrap: wrap; justify-content:space-between; }
.vision_contents > div:nth-of-type(even) .col2con { flex-direction:row-reverse; }
.vision_contents > div:nth-of-type(n+2) { margin-top:calc(30px + 5%); }
.vision_contents .col2con > dt { width: 50%; }
.vision_contents .col2con > dt picture { padding-bottom:70%; background:no-repeat center; background-size:cover; }
.vision_contents .col2con > dd { width: 42%; transform:}
.vision_contents .col2con > dd .num {font-size: 90px; font-weight: 900; color:#000; opacity:.07; display: block; transform: translateY(-10%); }
.vision_contents .col2con > dd h3 {font-size: 32px; font-weight:800; }
.vision_contents .col2con > dd h5 {font-size: 13.5px; line-height: 1.4; font-weight: 600;}
.vision_contents .col2con > dd .cont { line-height:1.7; }

.vision_contents .biz_11t { background: #f5f7fa; padding:130px 0; }

@media (min-width:1280px) {
.vision_contents .col2con > dt.appear {transform: translateX(20%);}
.vision_contents .col2con > dt.play {transform: translateY(0); }
.vision_contents > div:nth-of-type(even) .col2con > dt.appear {transform: translateX(-20%);}
.vision_contents > div:nth-of-type(even) .col2con > dt.play {transform: translateX(0%);}
.vision_contents .col2con > dd.appear {transform: translateY(20%);}
.vision_contents .col2con > dd.play {transform: translateX(0); transition-delay: .3s;}
}
@media (max-width:1279px) {
    .vision_contents .col2con > dt.appear, .vision_contents .col2con > dd.appear { opacity: 1;}
}

@media (max-width:767px){
	.vision_contents > div:nth-of-type(even) .col2con { flex-direction:row; }
	.vision_contents .col2con > dt { width:440px; max-width:100%; }
	.vision_contents .col2con > dd { width:100%; margin-top:calc(10px + 3%); }
	.vision_contents .col2con > dd .num { transform: translateY(0); }
}



/*서브 11t 3박스*/

.col3_11t .col3_top h4 {font-size: 28px; font-weight: 700;}
.col3_11t .col3_list { display: flex; flex-wrap: wrap; margin: -1.3%; }
.col3_11t .col3_list > li { width: 33.33%; padding: 1.3%; }
.col3_11t .col3_list .img { height: 300px; background: no-repeat center/cover; }
.col3_11t .col3_list > li.appear {transform: translateY(10%); transition-duration: .6s;}
.col3_11t .col3_list > li.play {transform: translateY(0); }

@media (min-width:1023px) {
    .col3_11t .col3_list > li.play:nth-of-type(2) {transition-delay: .3s;}
    .col3_11t .col3_list > li.play:nth-of-type(3) {transition-delay: .6s;}
}
@media (max-width:1660px) {
    .col3_11t .col3_list .img {height: calc(126px + 10.3vw);}
}

@media (max-width:1023px) {
    .col3_11t .col3_list {margin: -1.1%;}
    .col3_11t .col3_list > li {padding: 1.1%;}
}
@media screen and (max-width:767px) {
	.col3_11t .col3_list > li:first-of-type { width:100%; }
    .col3_11t .col3_list > li:nth-of-type(n+2) {width: 50%;}
    .col3_11t .col3_list > li:first-of-type .img {height: calc(85px + 30vw);}
}