@import url('sub.css'); 



/**** S:: 회사소개 > 회사개요 ****/
.sub_about .about_box{display: flex;flex-wrap:wrap;}
.sub_about .about_box .img{width:42.2%;}
.sub_about .about_box .img img{box-sizing:border-box;border-radius:20px;}
.sub_about .about_box .txt_box{width:57.8%;box-sizing:border-box;padding-left:80px;font-size:var(--title-20);margin-top:20px;}
.sub_about .about_box .txt_box strong{font-size:109%;color:var(--point-color02);font-weight:500;line-height:1.45;letter-spacing:-0.02em;}
.sub_about .about_box .txt_box .txt{margin-top:34px;}
.sub_about .about_box .txt_box .txt p{font-size:var(--title-18);color:var(--black-color06);font-weight:400;line-height:1.8;letter-spacing:-0.03em;}
.sub_about .about_box .txt_box .txt p + p{margin-top:33px;}
.sub_about .sign{display: flex;align-items: center;justify-content: flex-end;gap:20px;margin-top:80px;font-size:var(--title-20);color:var(--black-color00);font-weight:400;font-family:var(--font-type04);box-sizing:border-box;padding-right:20px;}
.sub_about .sign p{font-size:89%;color:inherit;font-weight:inherit;font-family:inherit;}
.sub_about .sign strong{font-size:109%;color:inherit;font-weight:600;letter-spacing:0.2em;}

@media only screen and (max-width:1024px){
	.sub_about .about_box .txt_box{padding-left:40px;}
	.sub_about .about_box .txt_box strong br{display: none;}
}
@media only screen and (max-width:860px){
	.sub_about .about_box .txt_box .txt p + p{margin-top:15px;}
	.sub_about .sign{margin-top:40px;}
}
@media only screen and (max-width:640px){
	.sub_about .about_box .img{width:65%;}
	.sub_about .about_box .txt_box{width:100%;padding:0;margin-top:40px;}
}
@media only screen and (max-width:479px){
	.sub_about .about_box .img{width:100%;}
	.sub_about .about_box .img img{border-radius:10px;}
	.sub_about .about_box .txt_box{margin-top:30px;}
	.sub_about .about_box .txt_box .txt{margin-top:25px;}
	.sub_about .sign{margin-top:30px;padding:0;gap:10px;}
}
/**** E:: 회사소개 > 회사개요 ****/

/**** S:: 회사소개 > 파트너 ****/
.sub_partner .partner_box{text-align: center;font-size:var(--title-20);}
.sub_partner .partner_box + .partner_box{margin-top:73px;}
.sub_partner .partner_box h4{font-size:130%;color:var(--black-color02);font-weight:500;text-align: center;}
.sub_partner .partner_box ul{display: flex;flex-wrap:wrap;gap:20px 20px;margin-top:33px;}
.sub_partner .partner_box ul li{width:calc(20% - 16px);box-sizing:border-box;border:1px solid var(--border-color01);border-radius:10px;position: relative;overflow:hidden;height:0;padding-bottom:7.8%;}
.sub_partner .partner_box ul li img{max-width: calc(100% - clamp(40px, 5vw, 100px));max-height: calc(100% - 30px);position: absolute;top:50%;left:50%;transform:translate(-50%, -50%);}

@media only screen and (max-width:860px){
	.sub_partner .partner_box + .partner_box{margin-top:50px;}
	.sub_partner .partner_box ul{margin-top:20px;}
	.sub_partner .partner_box ul li{width:calc(100% / 3 - 14px);padding-bottom:11.8%;}
}
@media only screen and (max-width:479px){
	.sub_partner .partner_box ul{gap:15px 15px;margin-top:10px;}
	.sub_partner .partner_box ul li{width:calc(100% / 2 - 7.5px);padding-bottom:18%;border-radius:5px;}
}
/**** E:: 회사소개 > 파트너 ****/

/**** S:: 회사소개 > 찾아오시는 길 ****/
.sub_location .map_box{position: relative;overflow:hidden;width:100%;height:0;padding-bottom:31.5%;}
.sub_location .map_box iframe{width:100%;height:100%;position: absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
.sub_location .map_info .info_box{display: flex;flex-wrap:wrap;gap:100px;margin-top:40px;}
.sub_location .map_info .info_box dl{width:max-content;}
.sub_location .map_info .info_box dl dt{font-size:var(--title-20);color:var(--black-color01);font-weight:700;letter-spacing:-0.03em;}
.sub_location .map_info .info_box dl dd{margin-top:20px;font-size:var(--title-18);color:var(--black-color06);font-weight:400;letter-spacing:-0.03em;}

.sub_location .traffic_info{display: flex;flex-wrap:wrap;gap:80px;margin-top:80px;}
.sub_location .traffic_info .sub_traffic{width:calc(50% - 40px);box-sizing:border-box;}
.sub_location .traffic_info h4{display: flex;align-items: center;gap:20px;box-sizing:border-box;padding-bottom:15px;border-bottom:1px solid var(--border-color04);}
.sub_location .traffic_info h4 .img{display: flex;align-items: center;justify-content: center;width:40px;height:40px;box-sizing:border-box;border-radius:4px;background:var(--point-color03);}
.sub_location .traffic_info .subway_info h4 .img{background:var(--point-color02);}
.sub_location .traffic_info h4 span{font-size:var(--title-20);color:var(--black-color01);font-weight:700;letter-spacing:-0.03em;}

.sub_location .traffic_info .station{}
.sub_location .traffic_info .station > li{box-sizing:border-box;display: flex;flex-wrap:wrap;align-items: center;border-bottom:1px solid var(--border-color04);height:70px;}
.sub_location .traffic_info .bus_info .station > li{height:auto;padding:20px 0;}
.sub_location .traffic_info .station > li > span{font-size:var(--title-18);color:var(--black-color03);font-weight:500;letter-spacing:-0.02em;display: block;width:92px;}
.sub_location .traffic_info .subway_info .station > li > span{width:62px;}
.sub_location .traffic_info .station > li .station_box{width:calc(100% - 92px);box-sizing:border-box;display: flex;flex-wrap:wrap;padding-left:50px;}
.sub_location .traffic_info .subway_info .station > li .station_box{width:calc(100% - 62px);padding-left:45px;}
.sub_location .traffic_info .station > li .station_box .num{display: inline-flex;box-sizing:border-box;align-items: center;justify-content: center;width:60px;height:30px;border-radius:4px;text-align: center;font-size:var(--title-16);color:var(--point-white);font-weight:400;letter-spacing:-0.02em;}
.sub_location .traffic_info .station > li .station_box .num.bus01{background: #386DE8;}
.sub_location .traffic_info .station > li .station_box .num.bus02{background: #3CC344;}
.sub_location .traffic_info .station > li .station_box .num.subway09{background: #A49D8A;}
.sub_location .traffic_info .station > li .station_box .num.subway07{background: #696D2F;}
.sub_location .traffic_info .station > li .station_box .num.subway03{background: #ED6A00;}
.sub_location .traffic_info .station > li .station_box .num.subway02{background: #00A045;}
.sub_location .traffic_info .station > li .station_box dl{display:flex;flex-wrap:wrap;gap:20px;width:100%;align-items: center;}
.sub_location .traffic_info .station > li .station_box dl + dl{margin-top:20px;}
.sub_location .traffic_info .station > li .station_box dl dd{width:calc(100% - 80px);display: flex;flex-wrap:wrap;gap:10px 20px;}
.sub_location .traffic_info .station > li .station_box dl dd span{font-size:var(--title-16);color:var(--black-color01);font-weight:400;}
.sub_location .traffic_info .station > li .station_box .subway{display:flex;flex-wrap:wrap;gap:20px;width:100%;align-items: center;}
.sub_location .traffic_info .station > li .station_box .subway p{width:calc(100% - 80px);font-size:var(--title-16);color:var(--black-color01);font-weight:400;line-height:1.62;}

@media only screen and (max-width:1250px){
	.sub_location .map_info .info_box{gap:50px;}
	
	.sub_location .traffic_info .station > li{height:auto;padding:20px 0;}
	.sub_location .traffic_info .station > li .station_box .subway p br{display: none;}
}
@media only screen and (max-width:1024px){
	.sub_location .map_box{padding-bottom:45%;}
	.sub_location .map_info .info_box{margin-top:30px;gap:20px;}
	.sub_location .traffic_info{gap:40px;}
	.sub_location .traffic_info .sub_traffic{width:calc(50% - 20px);}
	.sub_location .traffic_info .station > li .station_box{padding-left:25px;}
	
	.sub_location .traffic_info .subway_info .station > li .station_box{padding-left:20px;}
}
@media only screen and (max-width:860px){
	.sub_location .map_info .info_box{flex-direction: column;gap:10px;}
	.sub_location .map_info .info_box dl{display: flex;flex-wrap:wrap;align-items: center;gap:20px;width:100%;}
	.sub_location .map_info .info_box dl dt{width:82px;}
	.sub_location .map_info .info_box dl dd{margin:0;width:calc(100% - 102px);}
	
	.sub_location .traffic_info{margin-top:60px;}
	.sub_location .traffic_info .sub_traffic{width:100%;}
	.sub_location .traffic_info .station > li .station_box dl + dl{margin-top:10px;}
	.sub_location .traffic_info .station > li .station_box dl{gap:10px;}
	.sub_location .traffic_info .station > li .station_box dl dd{width:calc(100% - 60px);gap:5px 10px;}
	.sub_location .traffic_info .station > li > span{width:84px;}
	.sub_location .traffic_info .station > li .station_box{width:calc(100% - 94px);}
	.sub_location .traffic_info .station > li .station_box .num{width:50px;height:25px;}
	.sub_location .traffic_info .station > li{padding:15px 0;}
	.sub_location .traffic_info .subway_info .station > li > span{width:50px;}
	.sub_location .traffic_info .subway_info .station > li .station_box{width:calc(100% - 60px);}
	.sub_location .traffic_info .station > li .station_box .subway{gap:10px;}
	.sub_location .traffic_info .station > li .station_box .subway p{width:calc(100% - 60px);}

}
@media only screen and (max-width:479px){
	.sub_location .map_box{padding-bottom: 70%;}
	.sub_location .map_info .info_box{margin-top:20px;}
	.sub_location .map_info .info_box dl{gap:10px;}
	.sub_location .map_info .info_box dl dt{width:75px;}
	.sub_location .map_info .info_box dl dd{width:calc(100% - 85px);}
	
	.sub_location .traffic_info{margin-top:40px;}
	.sub_location .traffic_info h4{gap:10px;padding-bottom:10px;}
	.sub_location .traffic_info h4 .img{width:30px;height:30px;}
	.sub_location .traffic_info h4 .img img{max-width:50%;}
	.sub_location .traffic_info .station > li > span{width:70px;}
	.sub_location .traffic_info .station > li .station_box{padding-left:15px;width:calc(100% - 80px);}
	.sub_location .traffic_info .station > li .station_box .num{width:42px;}
	.sub_location .traffic_info .station > li .station_box dl dd{width:calc(100% - 52px);}
	.sub_location .traffic_info .subway_info .station > li > span{width:46px;}
	.sub_location .traffic_info .subway_info .station > li .station_box{width:calc(100% - 56px);padding-left:15px;}
}
/**** E:: 회사소개 > 찾아오시는 길 ****/

/**** S:: 회사소개 > ESG ****/
.sub_esg > ul > li{display: flex;flex-wrap:wrap;}
.sub_esg > ul > li + li{margin-top:60px;}
.sub_esg > ul > li .img{width:46.9%;}
.sub_esg > ul > li .img img{border-radius:20px;}
.sub_esg > ul > li .txt{width:53.1%;box-sizing:border-box;padding-left:80px;padding-top:67px;}
.sub_esg > ul > li .txt h4{line-height:initial;}
.sub_esg > ul > li .txt h4 span{font-size:var(--title-20);color:#00A045;font-weight:400;display: block;}
.sub_esg > ul > li:nth-child(2) .txt h4 span{color:#01A0E1;}
.sub_esg > ul > li:nth-child(3) .txt h4 span{color:#8F8E94;}
.sub_esg > ul > li .txt h4 strong{display: block;font-size:var(--title-40);color:var(--black-color00);font-weight:700;margin:22px 0 26px;}
.sub_esg > ul > li .txt ul{box-sizing:border-box;padding-left:10px;}
.sub_esg > ul > li .txt ul li{font-size:var(--title-16);color:var(--black-color03);font-weight:400;line-height:1.75;position: relative;display: flex;align-items: baseline;gap:10px;}
.sub_esg > ul > li .txt ul li:before{display: inline-flex;content: '';width:3px;height:3px;border-radius: 100%;background: var(--black-color03);flex-shrink: 0;transform: translateY(-3px);}
.sub_esg > ul > li .txt ul li + li{}
.sub_esg > ul > li .txt a{display: inline-flex;box-sizing:border-box;align-items: center;justify-content: center;text-align: center;height:40px;padding:0 15px 0 20px;gap:10px;font-size:var(--title-14);color:var(--point-white);font-weight:500;margin-top:38px;background: #00A045;border-radius:20px;border:1px solid #00A045;}
.sub_esg > ul > li:nth-child(2) .txt a{background: #01A0E1;border-color:#01A0E1;}
.sub_esg > ul > li:nth-child(3) .txt a{background: #8F8E94;border-color:#8F8E94;}
.sub_esg > ul > li .txt a span{font-size:90%;color:inherit;font-weight:inherit;}
.sub_esg > ul > li .txt a .icon{display: inline-flex;box-sizing:border-box;width:20px;height:20px;align-items: center;justify-content: center;background:var(--point-white);border-radius:100%;}


/*짝수*/
.sub_esg > ul > li:nth-of-type(even){flex-direction: row-reverse;}
.sub_esg > ul > li:nth-of-type(even) .txt{padding-left:100px;}

@media only screen and (min-width:1024px){
	.sub_esg > ul > li .txt a:hover{background:var(--point-white) !important;}
	.sub_esg > ul > li:nth-child(1) .txt a:hover span{color:#00A045;}
	.sub_esg > ul > li:nth-child(1) .txt a:hover .icon{background: #00A045;}
	.sub_esg > ul > li:nth-child(2) .txt a:hover span{color:#01A0E1;}
	.sub_esg > ul > li:nth-child(2) .txt a:hover .icon{background: #01A0E1;}
	.sub_esg > ul > li:nth-child(3) .txt a:hover span{color:#8F8E94;}
	.sub_esg > ul > li:nth-child(3) .txt a:hover .icon{background: #8F8E94;}
	.sub_esg > ul > li .txt a:hover .icon img{filter:var(--filter-white);}
}
@media only screen and (max-width:1024px){
	.sub_esg > ul > li{align-items: center;}
	.sub_esg > ul > li .txt{padding-top:0;padding-left:30px;}
	
	.sub_esg > ul > li:nth-of-type(even) .txt{padding-left:0;}
	.sub_esg > ul > li .txt a{margin-top:25px;}
}
@media only screen and (max-width:860px){
	.sub_esg > ul > li + li{margin-top:40px;}
	.sub_esg > ul > li .txt{padding:0 30px;}
	.sub_esg > ul > li .txt h4 strong{margin:12px 0 20px;}
	.sub_esg > ul > li .txt ul{padding-left:0;}
}
@media only screen and (max-width:640px){
	.sub_esg > ul > li{flex-direction: column !important;align-items: flex-start;}
	.sub_esg > ul > li .img{width:100%;}
	.sub_esg > ul > li .txt{padding:0;margin-top:20px;width:100%;}
	.sub_esg > ul > li .txt a{margin-top:15px;}
}
@media only screen and (max-width:479px){
	.sub_esg > ul > li .txt h4 strong{margin:8px 0 10px;}
	.sub_esg > ul > li .img img{border-raidus:10px;}
	.sub_esg > ul > li .txt a{height:34px;padding:0 10px;gap:5px;}
}
/**** E:: 회사소개 > ESG ****/



/**** S:: 회사소개 > 인사말 ****/
.greeting_cont{display:flex; flex-wrap:wrap; justify-content:space-between; background:url('/http/www.dahan.co.kr/company/img/greeting_bg.png') no-repeat left 55% bottom/382px auto;}
.greeting_cont > div{box-sizing:border-box; width:calc(50% - 15px);}
.greeting_cont .txt_area{}
.greeting_cont .txt_area .subTxt{padding:20px 0 0;}
.greeting_cont .txt_area .stxt{padding:23px 0 0;}
.greeting_cont .txt_area .stxt p{padding:0 0 40px; line-height:180%;}
.greeting_cont .txt_area .stxt p:last-child{padding:0;}
.greeting_cont .txt_area .ceo{padding:50px 0 0; font-size:1.25rem; line-height:120%; color:var(--black); letter-spacing:-0.75pt;}
.greeting_cont .txt_area .ceo strong{display:inline-block; font-size:1.625rem; letter-spacing:-0.75pt; line-height:120%; font-weight:700; margin-left: 9px;}
.greeting_cont .img_area{}
.greeting_cont .img_area img{max-width:100%;}
/**** E:: 회사소개 > 인사말 ****/


/**** S:: 회사소개 > 조직도 ****/
.organ_cont{}
.organ_cont .subTxt{padding:0 0 50px;}
.organ_cont .img{box-sizing:border-box; text-align:center;}
.organ_cont .img.m{display:none;}
.organ_cont .img img{max-width:100%;}
/**** E:: 회사소개 > 조직도 ****/






/*******************************************************************************
    @media 1350px
*******************************************************************************/
@media all and (max-width:1350px){



}

/*******************************************************************************
    @media ~1280px
*******************************************************************************/
@media all and (max-width:1280px){



/**** S:: 회사소개 > 찾아오시는 길 ****/
.location_cont{}
.location_cont .location_info ul{width:calc(100% - 460px);}
.location_cont .location_info .location_btn a{width: 150px; font-size:1rem;}
/**** E:: 회사소개 > 찾아오시는 길 ****/




}

/*******************************************************************************
    @media  ~980px               
*******************************************************************************/
@media all and (max-width:980px){


/**** S:: 회사소개 > 회사개요 ****/
.about_cont{}
	.about_top{padding:100px 5%;}
	.about_top .stxt{padding:10px 0 0;}
	.about_list{padding:20px 0 0;}
	.about_list dl{width: 100%;}
	.about_list dl dt{width:120px; padding:18px 10px;}
	.about_list dl dd{width:calc(100% - 120px); padding:18px 10px;}
/**** E:: 회사소개 > 회사개요 ****/

/**** S:: 회사소개 > 인사말 ****/
.greeting_cont{background-position: left 0 bottom; background-size: 40% auto;}
.greeting_cont > div{width:100%;}
.greeting_cont .txt_area .subTxt{padding:18px 0 0;}
.greeting_cont .txt_area .stxt{padding:15px 0 0;}
.greeting_cont .txt_area .stxt p{padding:0 0 20px;}
.greeting_cont .txt_area .ceo{padding:30px 0 0; font-size:1.125rem;}
.greeting_cont .txt_area .ceo strong{font-size:1.4rem; margin-left: 5px;}
.greeting_cont .img_area{padding:30px 0 0; text-align:right;}
.greeting_cont .img_area img{max-width:60%;}
/**** E:: 회사소개 > 인사말 ****/


/**** S:: 회사소개 > 조직도 ****/
.organ_cont{}
.organ_cont .subTxt{padding:0 0 30px;}
/**** E:: 회사소개 > 조직도 ****/


/**** S:: 회사소개 > 찾아오시는 길 ****/
.location_cont{}
.location_cont .subTxt{padding:0 0 30px;}
.location_cont .location_map{}
.location_cont .location_map .wrap_map{height:400px;}
.location_cont .location_info{padding:20px 0 0;}
.location_cont .location_info ul{width:calc(100% - 265px);}
.location_cont .location_info ul li{font-size:1rem;}
.location_cont .location_info ul li.address{padding-right: 0; display: block;}
.location_cont .location_info .location_btn a{width: 130px; height: 50px; line-height: 48px;}
.location_cont .location_info .location_btn a svg{margin: -2px 7px 0 0;}

.location_cont .location_info .location_btn a.naver_map{}
.location_cont .location_info .location_btn a.naver_map svg{width: 12px;}
.location_cont .location_info .location_btn a.kakao_map{}
.location_cont .location_info .location_btn a.kakao_map svg{width: 10px;}
.location_cont .location_info .location_btn a.printBtn{display: none;}
/**** E:: 회사소개 > 찾아오시는 길 ****/



}
/*******************************************************************************
    @media 481~680px
*******************************************************************************/
@media all and (max-width:680px){


/**** S:: 회사소개 > 회사개요 ****/
.about_cont{}
	.about_top{padding:60px 5%;}
	.about_top .stxt{padding:8px 0 0;}
	.about_list{padding:10px 0 0;}
	.about_list dl dt{width:100px; padding:15px 10px;}
	.about_list dl dd{width:calc(100% - 100px); padding:15px 10px;}
	.about_list dl dd p{padding:0 15px 0 0;}
/**** E:: 회사소개 > 회사개요 ****/


/**** S:: 회사소개 > 인사말 ****/
.greeting_cont .txt_area .subTxt{padding:15px 0 0;}
.greeting_cont .txt_area .stxt{padding:12px 0 0;}
.greeting_cont .txt_area .stxt p{padding:0 0 15px;}
.greeting_cont .txt_area .ceo{padding:20px 0 0;}
/**** E:: 회사소개 > 인사말 ****/


/**** S:: 회사소개 > 조직도 ****/
.organ_cont{}
.organ_cont .subTxt{padding:0 0 20px;}
.organ_cont .img.m{display:block;}
.organ_cont .img.pc{display:none;}
/**** E:: 회사소개 > 조직도 ****/


/**** S:: 회사소개 > 찾아오시는 길 ****/
.location_cont{}
.location_cont .subTxt{padding:0 0 20px;}
.location_cont .location_map{}
.location_cont .location_map .wrap_map{height:300px;}
.location_cont .location_info{padding:10px 0 0;}
.location_cont .location_info ul{width:100%; padding:0 0 10px;}
.location_cont .location_info ul li{padding: 3px 15px 3px 0;}
.location_cont .location_info .location_btn{width: 100%;}
.location_cont .location_info .location_btn a{margin: 0 0 0 5px; width: calc((100% - 5px)/2); height: 40px; line-height: 38px;}
/**** E:: 회사소개 > 찾아오시는 길 ****/



}
/*******************************************************************************
    @media ~480px             
*******************************************************************************/
@media all and (max-width:480px){





}
/*******************************************************************************
    @media ~360px
*******************************************************************************/
@media all and (max-width:360px){




}