@charset "utf-8";


/* PC이하 */
@media all and (max-width:1439px) {
	
	/* section1 */
	.mv .item .text { top: 200px; left: 3.90625%; margin-left: 0; }
	.mv_nav { top: 550px; left: 3.90625%; margin-left: 0; }
	.mv_dots { margin-top: 80px; }

	/* section2 */
  .main_prod {padding: 90px 3.900625% 0;}
  .main_prod .main_tit {margin-top: 65px;}
  .main_prod ul li .prd_tit{font-size: 30px;}

	
	/* section3 */
  .main_rnd { padding: 90px 3.90625% 0;}
  .main_rnd .flex {margin-top: 60px;}

	/* section4 */
	.rnd_slide_wrap { margin: 0 3.90625%; }
	.rnd_slide .item .text { padding-left: 40px; }

	/* section5 */
	.career .left { padding-left: 3.90625%; padding-right: 3.90625%; }
	.career .left .eg { font-size: 40px; margin-bottom: 30px; }
    .career .left .ko {font-size: 35px;}
    .career .left .sub {font-size: 16px;}
    .career .left .icon_link {margin: 40px -5px;}
    .career .left .icon_link li a {height: 130px;padding: 20px 0;}	
	.career .left .icon_link .icon img {height: 45px;}
	.career .left .icon_link li .txt {font-size: 15px;margin-top: 10px;}
	.career .right .top { padding: 0 3.90625% 40px; }
	.career .right .racing { padding: 40px 3.90625% 0; }
	.career .right .racing .sub { position: static; margin-bottom: 10px; }


}


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

	.main_tit { font-size: 55px; }
	/* section2 */
  .main_prod ul li .prd_tit { font-size: 25px;}
	/* section3 */
	.orga_box.pc_ver { display: none; }
	.orga_box.m_ver { display: block; }
	.orga_box { margin: 0 0 0 3.90625%; }
	.orga_box .item { width: 300px; }
	.orga_box .item .in { margin: 0 20px 0 0;}
	
	/* section4 */
	.rnd_pad { padding-top: 145px; }
	.rnd_slide .item .text .eg { font-size: 40px; }
	
	/* section5 */
	.career > div { padding-top: 130px }

}

/* 타블렛 세로 */
@media all and (max-width:1023px) {
  .fp-tableCell,
  .fp-section.fp-table,
  .fp-slide.fp-table{height: auto !important;}
	/* section1 */
	.mv .item .text .eg { font-size: 60px; }

	/* section2 */
  .main_prod{height: auto; padding: 90px 3.900625%;}
  .main_prod .main_tit{margin-top: 0;}
	.main_info { padding-top: 100px; }
	.main_info .right_text { padding-bottom: 20px; }
  .main_prod ul li{height: 175px;}
  .main_prod ul li.active{background: linear-gradient(to bottom, #062141, #05070f);}
  .main_prod ul li.active .btn,
  .main_prod ul li.active .prd_desc{display: none;}
  .main_prod ul li .prd_tit{margin-bottom: 0;}
	
	/* section3 */
  .main_rnd{height: auto; padding: 90px 3.900625%; margin-top: 0;}
  .main_rnd .rnd_R .rnd_title{ font-size: 35px;}
  .main_rnd .rnd_L {width: 50%;}
  .main_rnd .rnd_R {width: 50%;}
  .main_rnd .flex{margin-top: 0;}

	/* section4 */
	.rnd_pad { padding-top: 80px; padding-bottom: 70px; }
	.rnd_slide .item .img { height: 400px; }
	.rnd_slide .item .text {padding-left: 25px;}
	.rnd_slide .item .text .ko { font-size: 20px; }
	.rnd_slide .item .text .eg {font-size: 31px;margin: 10px 0 20px;}
	.rnd_slide .item .text .sub { font-size: 15px; }
	.rnd_slide .item .text .small {margin-top: 25px;font-size: 16px;}
	.rnd_slide .item .text .small .gray8 { font-size: 14px; line-height: 1.5; }
	.rnd_slide .item .text .more { margin-top: 25px; }
	.rnd_slide .item .text .more a { font-size: 16px; }
	
	/* section5 */
	.career > div { display: block; width: 100%; height: auto; padding-top: 80px; }
	.career .left { padding-bottom: 70px; }
	.career .right { padding-top: 70px; }
	.career .right .racing { position: static; height: auto; padding: 40px 3.90625%; }

	

}

/* 타블렛 가로 미만 ~ 모바일 */
@media all and (max-width:767px) {
	
	.main_tit { font-size: 45px; }
	.main_sub { font-size: 18px;  }

	/* section1 */
	.mv .item .text .ko { font-size: 23px; }
	.mv .item .text .eg { font-size: 50px; }
	.mv .item .text .link a { font-size: 16px; }
	.mv_nav { position: static; }
	.mv_nav .page { displaY: none; }
	.mv_dots { margin-top: 0; position: absolute; left: 0; right: 0; text-align: center; bottom: 30px; }
	.mv_dots li { background: #fff; border-radius: 100%; width: 7px; height: 7px; border: 1px solid #fff; opacity: 0.5; }
	.mv_dots li.slick-active { background: #156cd5; opacity: 1; }
	.mv_dots li p { display: none; }

	/* section2 */
	.main_info .left_text .eg {font-size: 40px;}
	.main_info .left_text .ko {font-size: 23px;margin: 15px 0 35px;}
	.main_info .left_text .btn_link a {font-size: 14px;line-height: 40px;padding: 0 15px;}
	.main_info .left_text .btn_link a img {width: 20px;margin-left: 7px;vertical-align: middle;}
	.main_info .right_text li { margin-bottom: 35px; }
    .main_info .right_text li .name {font-size: 16px;margin-bottom: 15px; line-height: 1.2;}
    .main_info .right_text li .num {font-size: 45px;}
    .main_info .right_text li .num small {font-size: 17px;}

	/* section3 */
  .main_rnd .rnd_L .main_sub { font-size: 16px;}
  .main_rnd .rnd_R .rnd_title {font-size: 25px;}
  .main_rnd .rnd_L ul li{width: 250px;}
  .main_rnd .rnd_L ul li a {font-size: 16px;}

	/* section4 */
	.rnd_slide .item > div { display: block; width: 100%; }
	.rnd_slide .item .img {width: 100%;height: 0;padding-top: calc(500/830 * 100%);}
	.rnd_slide .item .text { padding-left: 0; padding-top: 25px; }
	.rnd_slide .slick-dots { top: 15px; right: 15px; bottom: auto; }
	
	/* section5 */
	.career .left .eg { margin-bottom: 20px; }
	.career .left .ko { font-size: 27px;}
	.career .left .sub { font-sizE: 14px; }
	.career .right .news_tab li a { font-size: 18px; }
	.career .right .news_wrap ul li .data .day {font-size: 40px;margin-bottom: 0;}
	.career .right .news_wrap ul li .data .year {font-size: 14px;}
	.career .right .news_wrap ul li .text { padding-left: 20px; }
	.career .right .news_wrap ul li .text .tit { font-sizE: 16px; }
	.career .right .news_wrap ul li .text .sub { font-size: 14px; }
	.career .right .racing .tit {font-size: 27px;margin-bottom: 20px;}
	.career .right .racing .name { font-size: 30px; margin: 0 0 15px; }
	.career .right .racing .sub { font-size: 14px; }


}

/* 모바일 상세 */
@media all and (max-width:640px) {
  .mv .item{height: 100vh; background-position: 50%;}

  /* section2 */
  .main_prod{padding-top: 75px; padding-bottom: 0;}
  .main_prod ul {flex-wrap: wrap; justify-content: space-between; margin-top: 100px;}
  .main_prod ul li .prd_tit{font-size: 18px;}
  .main_prod ul li { width: 48%; margin-right: 0; margin-bottom: 70px; height: 125px;}
  
  
  /* section3 */
  .main_rnd{padding-top: 75px; padding-bottom: 75px;}
  .main_rnd .flex { flex-direction: column;}
  .main_rnd .rnd_L {width: 100%; margin-bottom: 45px;}
  .main_rnd .rnd_R {width: 100%;}
}

/* 모바일 가로 */
@media all and (max-width:568px) {
	
	.main_tit { font-size: 33px; }
	.main_sub { font-size: 14px; margin: 10px 0 25px; }
		
	/* section1 */
	.mv .item .text .ko { font-size: 17px; margin-bottom: 20px; }
	.mv .item .text .eg { font-size: 38px; line-height: 1.2; }
	.mv .item .text .link a { font-size: 14px; }
	
	/* section2 */
	.main_info .left_text { margin-bottom: 25px; }
	.main_info .left_text .eg { font-size: 27px; }
	.main_info .left_text .ko {  font-size: 18px; margin: 15px 0;padding-right: 0;}
	.main_info .left_text .btn_link { position: static; }
	.main_info .right_text li { border-right: 0; margin-bottom: 25px; }
	.main_info .right_text li .name { font-sizE: 13px; }
	.main_info .right_text li .num {font-size: 35px;line-height: 1;}
    .main_info .right_text li .num small {font-size: 15px;}

	/* section3 */
	.orga_pad { padding-top: 95px; }
	.orga_tab { top: 0; width: 100%; }
	.orga_tab li a { line-height: 50px; font-size: 15px; }
	.orga_wrap {position: absolute;height: 70vh;padding-bottom: 0;padding-top: 110px;}
	.orga_box .item {width: 200px;}
	.orga_box .item .txt {top: 25px;left: 15px;right: 15px;}
	.orga_box .item .txt .ko {font-size: 16px;}
	.orga_box .item .txt .eg {font-size: 18px;margin-top: 10px;}
	.orga_box .item .txt .sub {font-size: 12px;margin-top: 15px;}

	/* section4 */
	.rnd_pad { padding-top: 90px; }
	.rnd_slide .item .text .ko {font-size: 16px;}
	.rnd_slide .item .text .eg {font-size: 25px;margin: 12px 0 15px;}
	.rnd_slide .item .text .sub {font-size: 13px;}
	.rnd_slide .item .text .small { margin-top: 10px; font-size: 13px; }
	.rnd_slide .item .text .small .gray8 { font-size: 12px; line-height: 1.3;}
	.rnd_slide .item .text .more { margin-top: 20px; position: absolute; right: 0; top: -5px; }
	.rnd_slide .item .text .more a { font-size: 13px; }
	.rnd_slide .slick-dots {top: 5px;}
	.rnd_slide .slick-dots li button { width: 7px; height: 7px; }
  .main_rnd .rnd_L .main_sub{margin-bottom: 45px;}

	/* section5 */
	.career .left {padding-bottom: 25px;}
	.career .left .eg {margin-bottom: 10px;font-size: 27px;}
	.career .left .ko {font-size: 18px;}
	.career .left .sub {font-sizE: 12px;margin-bottom: 10px;}
	.career .left .icon_link { display: none; }
	.career .right {padding-top: 25px;}
	.career .right .top { padding: 0 3.90625% 20px;}
	.career .right .news_tab { margin-bottom: 10px; }
	.career .right .news_tab li a { font-size: 14px;}
	.career .right .news_wrap ul li > a { padding: 10px 0; }
	.career .right .news_wrap ul li .data { width: 55px; }
	.career .right .news_wrap ul li .data .day {font-size: 30px;}
	.career .right .news_wrap ul li .data .year {font-size: 11px;line-height: 1.2;}
	.career .right .news_wrap ul li .text { padding-left: 10px; }
	.career .right .news_wrap ul li .text .tit { font-size: 14px; margin-bottom: 5px; line-height: 1.2; }
	.career .right .news_wrap ul li .text .sub { font-size: 12px;  }
	.career .right .racing .name { font-size: 23px; }
	.career .right .racing .sub { font-size: 13px;line-height: 1.5;}
	

}

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

	.career .right .racing { height: 32vh; }

}

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

}

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

}