@charset "utf-8";


/* PC이하 */
@media all and (max-width:1199px) {

	/* 계열사 소개 */
	.group_content { padding-left: 0; }
	.group_menu { displaY: none; }

	/* R&D 소개 */
	#nav { display: none; }
	.target { padding: 50px 0; }
	.system_wrap { padding: 90px 50px; }

    /* 사업영역 */
	.busi_intro li .text_wrap { padding: 40px 30px; }
	.busi_intro li .tit.on { font-size: 30px;  }
	.busi_intro li .sub:before { margin: 20px 0; }
	.busi_intro li .sub { font-size: 14px; padding-bottom: 20px; }
    /* 사업영역 - 모빌리티 */
    .mobility .sec3 .flex{ justify-content: center;}

	/* 준법 경영 */
	.manage_his { margin: 50px 0 0; }
	.manage_box li { display: block; width: 100%; margin-bottom: 15px; } 
	.manage_box li .sub { height: auto; }

	/* 홍보 영상 */
	.video_tab li a { padding: 20px 15px; }
	.video_tab li .text { font-sizE: 16px; padding-left: 15px; }

}

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

	/* 사업영역 */
	.busi_intro {     display: block; }
	.busi_intro li { width: 100%; display: block; }
	.busi_intro li:hover { width: 100%; }
	.busi_intro li .img img { height: auto; width: 100%;}
	.busi_intro li .sub { padding-bottom: 30px; }
	.busi_intro li .btn { displaY: flex; }
	.busi_intro li .btn a { margin-right: 10px;  }
	
}

/* 타블렛 세로 */
@media all and (max-width:1023px) {
	
	/* 비전 */
	.vision_tit { font-size: 50px; margin-top: 20px; margin-bottom: 25px; }
	.vision_tit .fw500 { font-size: 40px;}
	.page_sub { font-size: 20px; }
	.mission_tit { height: auto; }
	.mission { margin-top: -50px; }
	.mission .img { height: 250px; }
	.core ul li { width: 50%; margin-bottom: 20px; }

	/* 연혁 */
	.history_tab {padding: 0 10px;}
	.history_tab li a { font-size: 18px; }
	.history_tab li a img { height: 50px; }
	.history_tab li.on a { font-size: 35px; }

	/* ci 소개 */
	.ci_bg { margin: 0 0 100px; padding: 60px 0 100px; }
	.ci_bg .sub_txt { margin: 40px 20px 0; }
	.ci_box ul { padding-left: 0; margin-top: 20px; }
	.ci_box ul li { padding: 0 10px; }

	/* 계열사 소개 */
	.cp_logo { width: 95%; padding: 50px 30px 0; }
	.group_box > li .text { padding-left: 30px; }
	
	/* R&D 소개 */ 
	.system_tab .item { font-size: 25px; }
	.system_tab:before { left: 100px }
	.system_tab:after { right: 100px }
	.study_result .inner { margin-left: 0; margin-right: 0; }
	.sr_list { padding-top: 0; text-align: left; }
	.sr_list li {width: 50%;margin: 40px 0; text-align: center; }
	.system_wrap .item ul li { width: 100%; margin-right: 0; }
	.system_wrap .item ul li .tit { font-size: 16px; }
	.system_wrap .item ul li .cont { height: auto; padding: 30px 15px; }
	.system_wrap .item ul li .cont > p { font-size: 14px; }
	.system_wrap .item ul li .cont .img { position: static; height: auto; display: block; text-align: center; margin-top: 20px; }
  /* .rnd_history .item .txt li { width: initial;} */


	/* 사업영역 - 부품 */
	.busi_slide .item,
	.busi_slide_col02 .item { margin: 0 10px; }
	.busi_slide .item .img,
	.busi_slide_col02 .item .img { height: 250px; }
	.busi_group_btn a { width: 180px; margin: 0 5px 10px; }

  /* 사업영역 - 모빌리티 */
  .mobility .sec5 .item_box .item_L {width: 40%; padding: 0 3%; box-sizing: border-box;}
  .mobility .sec5 .item_box .item_R {    width: 60%;  padding-left: 6%;}


	/* 나눔 경영 */
	.nanum_list li > div { display: block; width: 100%; }
	.nanum_list li .txt { padding-left: 0; margin-top: 30px; }

	/* 복리후생 */
	.wel_box li > div {padding: 50px 0; }
	.wel_box li .txt { font-size: 18px; }
	
	/* 인재상 */
	.competent_bg .wel_box li > div { padding: 30px 0; }
	.wel_box li .eg { font-size: 16px; }
	.competent_bg .wel_box li .txt { margin-top: 5px; font-size: 17px; }
	
	/* 뉴스룸 */
	.board_list_g li .img { width: 250px; }

	/* 홍보 영상 */
	.video_tab li { width: 50%; margin-bottom: 10px; }

	/* 인사육성제도 */
	.devel_box li {width: 100%;margin-right: 0;margin-bottom: 30px;}
	.devel_box li:after {transform: rotate(90deg);top: auto;right: 0;left: 0;margin: 0 auto;bottom: -25px;}
	.core.devel_bg ul {margin: 0px -10px;}
	.core.devel_bg ul li > div {height: 310px;padding: 30px 0;margin: 0 10px;}
	.core.devel_bg ul li .img img {max-height: 60px;vertical-align: top;}
  .devel .item_box .item_L {width: 30%;}
  .devel .item_box .item_R{width: 70%;}
  .devel .item_box .item_R p:nth-child(1){margin-left: -30px;}
  .devel .hasbg .item_box { padding: 50px 0 ;}


}

/* 타블렛 가로 미만 ~ 모바일 */
@media all and (max-width:767px) {
	.page_tit { padding: 60px 3.90625% 100px; }
	.page_tit p { font-size: 35px; }
	.page_tit.board_page { height: 100px;}
	.content { margin: -50px 0 100px; }
	.content.board_content {margin: -145px 0 100px;}

	/* 서한소개 */
	.intro_tit { font-size: 30px; margin: 40px 0; }
	.intro_sub { font-size: 16px; }

	/* 비전 */
	.vision_tit { font-size: 40px; margin-bottom: 20px; }
	.vision_tit .fw500 { font-size: 35px;}
	.page_sub { font-size: 17px; }
	.mission .wt_box { padding: 30px 20px; }
	.loadmap {  height: 500px; }

	/* 연혁 */
	.history_tab li {width: 20%;}
	.history_tab li.on {width: 60%;}
	.history_tab li a { font-size: 0; }
	.history_tab li.on a { font-size: 25px; line-height: 1.4; }
	.history_tab li a img { height: 40px; margin: 0 10px; }
	.history_icon {text-align: left;}
	.history:after { right: auto; left: 16px; }
	.history li:before { right: auto; left: 12px; top: 41px; }
	.history li .wrap { width: 100%; padding: 5px 0 0 65px; }
	.history li.right .wrap, .history li.left .wrap { float: none; text-align: left; }
	.history li.right .wrap:before { left: 17px;}
	.history li.left .wrap:before { right: auto; left: 17px; }

	/* ci 소개 */
	.ci_bg .sub_img img { height: 50px; }
	.ci_bg .sub_txt { font-size: 16px; }
	.ci_btn a { width: 200px;  }
	.ci_box { padding: 25px 20px 30px; height: auto; }
	.ci_box .tit { font-size: 18px; }
	
	/* 계열사 소개 */
	.tab li { width: 33%; text-align: center; margin-bottom: 10px; }
	.tab.col02 li { width: 46%; }
	.tab li a { font-size: 14px; }
	.cp_bg { padding: 60px 0 100px; word-break: keep-all; }
	.cp_bg .tit { font-size: 30px; }
	.cp_logo { top: -50px; padding: 30px 15px 0; }
	.cp_logo > ul > li { width: 100%; margin-right: 0; margin-bottom: 30px; }
	.cp_logo > ul > li .tit { font-size: 17px; }
	.cp_logo > ul > li .tit:after { width: 100px; height: 2px; }
	.cp_col02 > div { width: 100%; display: block; }
	.cp_logo > ul > li .col02 li .img { height: 60px; }
	.group_box > li > div { display: block; }
	.group_box > li .img { width: 100%; }
	/* .group_box > li .img img { width: 300px; }
	.group_box > li .img .group_btn { display: inline-block; vertical-align: top; margin-left: 20px; }
	.group_box > li .img .group_btn a { display: block; width: 200px; margin-right: 0; margin-bottom: 10px; } */
	.group_box .group_name { font-size: 23px; }
	.group_box > li .text { padding-left: 0; margin-top: 30px; }
	.group_tag li { font-size: 12px;  }

	/* R&D 소개 */
	.sh_bigTit { font-size: 100px; }
	.inno_tit { font-size: 35px; top: -20px; }
	.target.bg { padding: 50px 0 70px; }
	.member_img {margin: 0 0 40px; }
	.study_list li {width: 100%; margin-bottom: 30px;}
	.study_list li:nth-child(2) { margin-right: 0; }
	.study_list li:last-child { width: 100%; }
	.study_list li .box > img {max-width: 90%;}
  
	.system_wrap { padding: 50px 30px; }
	.system_wrap .item .title { margin-bottom: 20px; font-size: 25px; }
	.system_wrap .item .sub { font-size: 16px; line-height: 1.5; }
	.system_wrap .item > .img { margin-top: 30px; padding: 20px; }
	.topic { margin-top: 50px; }
	.topic ul li { padding: 20px 17px; }
	.topic ul li:before { top: 29px; left: 8px; }
	.topic ul li .text { font-size: 14px;  }
	.topic_btn { position: static; text-align: right; margin-top: 15px; }
	.topic_btn a { width: 100px; font-size: 12px; height: 40px; line-height: 40px; }

	/* 찾아오시는 길 */
	.location_map .root_daum_roughmap .wrap_map { height: 300px !important; }
	.map_name th, .map_name td { display: block; }
	.map_name th { width: auto; font-size: 20px; text-align: left; }
	.map_name td { padding-left: 0; padding-top: 20px; }
	.map_name td { font-size: 16px; }
	.map_name td .fz18 { font-size: 14px; }

	/* 사업영역 */
	.busi_intro_wrap { padding: 60px 0 100px; }
	.busi_intro li .text_wrap { padding: 30px 25px; }
	.busi_intro li .sub:before { width: 50px; margin: 20px 0; }
	.busi_intro li .sub { padding-bottom: 25px; font-size: 14px; }
	.busi_intro li .btn a {margin-right: 5px;width: 100%;font-size: 12px; height: 50px; padding: 0 15px;}
	/* 사업영역 - 부품 */
	.busi_title { font-size: 30px; padding: 0 0 20px; }
	.busi_sub.fz18 { font-size: 14px; }
	.busi_sub {text-align: initial;}
	.busi_slide .item,
	.busi_slide_col02 .item { margin: 0 70px;}
	.busi_slide .slick-arrow,
	.busi_slide_col02 .slick-arrow { width: 50px; height: 50px; }
	.busi_slide .slick-prev,
	.busi_slide_col02 .slick-prev {left: 0px; }
	.busi_slide .slick-next,
	.busi_slide_col02 .slick-next {right: 0px; }
	.car_bg:after { background-size: 80%; background-position: bottom; bottom: -70px; }
	.car_bg.pr_bg:after { background-size: 80%; background-position: bottom; bottom: -100px; }
	.car_bg.mu_bg { height: 500px; }
	.group_tit { font-size: 25px; }
	.busi_group_btn { font-size: 0; }
	.busi_group_btn a { width: 49%; margin: 0 2% 2% 0; }
	.busi_group_btn a:nth-child(2n) { margin: 0 0 2%; }
  
    /* 사업영역 -모빌리티 */
    .mobility .desc{padding: 40px 3.96025%;}
    .mobility .sec3 .item_box{width: 100%;}
 
    .mobility .sec2 .wt_box {padding: 50px 3.96025%; font-size: 20px;}
    .mobility .sec3 .item_box .ib_bot p:nth-child(1) {font-size: 20px;}
    .mobility .sec3 .item_box .ib_bot p:nth-child(2) {font-size: 16px;}
    .mobility .sec3 .item_box .ib_bot p:nth-child(3) br {display: none;}

    .mobility .sec5 .item_box{ display: block;}
    .mobility .sec5 .item_box .item_L { width: 100%; text-align: center;}
    .mobility .sec5 .item_box .item_R { width: 100%; padding-right: 0;     text-align: center; padding: 0 5%;}
    .mobility .sec5 .item_box .item_R p:nth-child(1){margin-top: 15px; font-size: 25px;}
    .mobility .sec5 .item_box .item_R p:nth-child(2) {font-size: 15px; padding-bottom: 25px;}

    .mobility .sec5 .item_box .item_R p.list  {width: 50%; margin: 0 auto;}
    

	/* 나눔 경영 */
	.nanum_list li { padding: 50px 0; }
	.nanum_list li .txt { margin-top: 25px; }
	.nanum_list li .txt .tit { font-size: 23px; }
	.nanum_list li .txt .sub { font-size: 14px; margin: 15px 0 30px; }

	/* 준법 경영 */
	.manage_wrap { padding: 60px 0; }
	.manage_tit { font-size: 23px; margin-bottom: 25px; padding-left: 30px; }
	.manage_tit > span { font-size: 58px;  top: -23px; }
	.manage_tit .num { font-size: 30px; margin-right: 7px; }
	.manage_wrap .fz18 { font-size: 15px; }
	.manage_wrap .fz17 { font-size: 14px; }
	.manage_his .item .num { font-size: 22px; margin: 20px 0 10px; }
	.manage_his .item .txt li { font-size: 14px; }
	.blue_border { margin: 30px 0 20px; font-size: 18px; border-bottom: 10px solid #ccddfc; line-height: 1.2em;}
	.circle_num { font-size: 16px; margin: 30px 0 15px; }
	.circle_num span { font-size: 13px; width: 25px; line-height: 25px; margin-right: 5px; }
	.manage_box li .title { font-size: 15px; line-height: 45px; }
	.manage_box li .sub { padding: 15px; }

	/* 복리후생 */
	.wel_box li { width: 50%; }
	.wel_box li > div { margin: 7px; }
	
	/* 인재상 */
	.ct_tit { font-size: 60px; margin-top: 15px; }
	.ct_eg { font-size: 25px; margin: 25px 0 20px; }
	.competent_bg { padding: 60px 0; margin-top: 50px; }

	/* 뉴스룸 */
	.board_list_g li .img { width: 220px; }
	.board_list_g li .txt { padding-left: 20px; }
	.board_list_g li .tit { font-size: 18px; }
	.board_list_g li .sub { margin: 10px 0 15px; }
	.board_list_g li .num { font-sizE: 13px; }

	/* 인사육성제도 */
	.devel_title { font-size: 21px; line-height: 1.3; }
	.devel_sub { font-size: 15px; }
	.devel_box li .sub { height: auto; }
	.core.devel_bg ul li { width: 100%; }
	.core.devel_bg ul li > div { height: auto; padding: 25px 10px; }
  .devel .item_box .item_L {display: none;}
  .devel .item_box .item_R{width: 100%;}

}


/* 모바일 상세 */
@media all and (max-width:640px) {
	
	/* 사업영역 */
	.busi_intro li .img img { height: 250px; }
	.busi_intro li .sub { display: none; }
	.busi_intro li .btn {position: relative;padding-top: 50px;}
	.busi_intro li .btn:before {content: '';display: block;background: #fff;width: 40px;height: 2px;/* margin: 20px 0; */position: absolute;top: 20px;}
	
	/* 준법 경영 */
	.manage_his .item { width: 50%; }
	.manage_his .item .txt { padding-right:10px;}
	.manage_his .item .txt li:before { top: 8px; }
	

}

/* 모바일 가로 */
@media all and (max-width:568px) {

	.page_tit { padding: 50px 3.90625% 80px; }
	
	.page_tit p { font-size: 27px; }
	.page_tit p:after { width: 42px; }
	.content { margin: -45px 0 80px; }
	.content.board_content {margin: -135px 0 80px;}

	/* 서한소개 */
	.intro_tit { font-size: 23px; margin: 30px 0; }
	.intro_sub { font-size: 14px; }

	/* 비전 */
	.vision_tit { font-size: 35px; }
	.vision_tit .fw500 { font-size: 30px;}
	.page_sub { font-size: 17px; word-break: keep-all; }
	.mission .img { height: 200px; }
	.mission .wt_box { padding: 20px 15px; top: -50px; width: 92%; }
	.loadmap {  height: 350px; } 
	.core { padding: 80px 0; }
	.core ul li > div {height: 180px;padding: 27px 0;}
	.core ul li .img img {max-height: 55px;}
	.core ul li .eg {font-size: 13px;margin: 15px 0 7px;}
	.core ul li .ko {font-size: 18px;}

	/* ci 소개 */
	.page_sub.mb40 { margin-bottom: 20px !important; }
	.ci_bg .sub_img img { height: 40px; }
	.ci_bg .sub_txt { font-size: 14px; }
	.ci_btn { bottom: -70px }
	.ci_btn a {width: 230px;height: 55px;line-height: 55px;font-size: 15px;margin: 0 auto 10px;display: block;}
	.ci_box ul li img { max-height: 75px; max-width: 90%; }

	/* 계열사 소개 */
	.tab li a { font-size: 13px; padding: 0 5px; }
	.cp_logo > ul > li .col02 { margin: 0 -5px; }
	.cp_logo > ul > li .col02 li > div { margin: 0 5px; }
	.cp_logo > ul > li .col02 li .img img { max-width: 90%; }
	
	/* R&D 소개 */
	.sh_bigTit {font-size: 80px;}
	.inno_tit {font-size: 25px;top: 0;margin-bottom: 20px;}
	.target .fz18 {font-size: 14px; }
	.target .page_tit { padding: 0 3.90625% 40px; }
	.inno_img { margin-top: 30px; }
	.rnd_history .item .num { font-size: 23px; margin: 20px 0 10px; }
	.rnd_history .item .txt li { font-size: 14px; }
	.rnd_history .item .img { margin-top: 20px; }
	.study_result {padding: 60px 0 40px;}
	.study_list li .tit { font-size: 18px; }
	.study_list li .box { height: auto; padding: 20px 0; }
  .study_list li .box .icon { margin-top: 10px;}
  .study_list li .box .fz15 { margin-bottom: 10px;}
	.study_list li .box .fz17 { font-size: 14px; }
	.topic_tit {font-size: 21px;margin-bottom: 20px;}
	
	.system_tab { padding: 20px 0; }
	.system_tab .item, .system_tab .item.slick-current { font-size: 19px;  line-height: 30px; }
	.system_tab:before, .system_tab:after { display: none; }
	.system_tab .slick-arrow { width: 35px; height: 35px; top: 17px; background-size: 100% !important; }
	.system_tab .slick-prev { left: 15px; }
	.system_tab .slick-next { right: 15px; }
	.system_wrap { padding: 40px 20px; }
	.system_wrap .item .title { font-size: 20px; }
	.system_wrap .item .sub { font-size: 14px; }

	.sr_list li { margin: 25px 0; padding: 0 20px; }
	.sr_list li .icon img { max-height: 50px; }
	.sr_list li .num {font-size: 18px;margin: 15px 0 5px;}
	.sr_list li .num b {font-size: 30px;}
	.sr_list li .sub {font-size: 15px;}

	/* 찾아오시는 길 */
	.location_txt { font-size: 16px; }
	.location_select { width: 90%; }
	.location_select select { height: 55px; font-size: 16px; }
	.location_select:before { top: 15px; }
	.location_map .root_daum_roughmap .wrap_map { height: 250px !important; }

	/* 사업영역 */
	.busi_intro li .text_wrap { padding: 30px 20px; }
	.busi_intro li .tit { font-size: 20px; }
	.busi_intro li .tit.on { font-size: 25px;}
	.busi_intro li .btn { display: block;     padding-top: 42px; }
	.busi_intro li .btn a {font-size: 11px;line-height: 1.3em;height: 40px;padding: 0 8px;margin-right: 0;background: url(/image/sub/link_arw.png) no-repeat center right 7px / 7px;margin-bottom: 5px;}
	.busi_intro li .btn a:last-child { margin-right: 0; }
	/* 사업영역 - 부품 */
	.busi_title { font-size: 25px; }
	.busi_slide .item .img,
	.busi_slide_col02 .item .img { height: 200px; }
	.busi_slide .item .text,
	.busi_slide_col02 .item .text { font-size: 17px; line-height: 60px; }
	.busi_slide .slick-arrow,
	.busi_slide_col02 .slick-arrow { width: 40px; height: 40px; }
	.busi_slide .slick-prev,
	.busi_slide_col02 .slick-prev {left: 15px; }
	.busi_slide .slick-next,
	.busi_slide_col02 .slick-next {right: 15px; }
	.car_bg { padding: 30px 0 100px; }
	.group_tit { font-size: 23px; }
	.busi_group_btn a { padding: 0 15px; font-size: 14px; line-height: 50px; }
  
	/* 사업영역 - 모빌리티 */
	.mobility .sec5 .item_box {padding: 30px 0;}
	.mobility .sec5 .item_box .item_L { padding: 0 3%; box-sizing: border-box;}
	.mobility .sec5 .item_box .item_R p:nth-child(1){font-size: 18px; margin-bottom: 15px;}
	.mobility .sec5 .item_box .item_R p.list { width: 90%;}

	/* 준법 경영 */
	.manage_wrap { padding: 50px 0; }
	.manage_tit { font-size: 20px; padding-left: 20px; }
	.manage_tit > span { font-size: 45px;  top: -15px; }
	.manage_tit .num { font-size: 25px; margin-right: 3px; }

	/* 복리후생 */
	.wel_bg { padding: 60px 0; }
	.wel_box li .icon img { max-height: 55px; }
	.wel_box li > div { padding: 30px 0;  height: 230px;}
	.wel_box li .txt { font-size: 14px; }
	
	/* 인재상 */
	.ct_tit { font-size: 50px; }
	.ct_eg { font-size: 18px; margin: 25px 0 15px; }
	.competent_bg .wel_box li > div { height: 230px; }
	.wel_box li .eg,
	.competent_bg .wel_box li .txt { font-size: 14px; }

  /* 인재개발 */
  .devel .item_box {padding: 40px 0;}
  .devel .item_box .item_R p:nth-child(1){font-size: 60px;}
  .devel .item_box .item_R p:nth-child(2) {font-size: 20px;}
  .devel .item_box .item_R p:nth-child(3) {font-size: 14px;}


	/* 뉴스룸 */
	.board_list_g { margin-top: 70px; }
	.board_list_g li .img { width: 150px; }
	.board_list_g li .txt { padding-left: 15px; }

	/* 홍보 영상 */
	.video_tab li a { padding: 15px 10px; }
	.video_tab li .img { width: 35px; }
	.video_tab li .text { font-sizE: 12px; padding-left: 10px; }
	.video_tab li .text strong { font-size: 15px; }
	

}

@media all and (max-width:425px) {
  .mobility .sec2 .wt_box {font-size: 16px;}

  .ci_box ul li img { max-height: 60px; }

}

@media all and (max-width:375px) {
  /* 인재개발 */
  .devel .item_box .item_R p:nth-child(1){
    margin-left: -10px;
  }
}

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

}