@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: 450px; left: 3.90625%; margin-left: 0; }
	.mv_dots { margin-top: 80px; }

	/* section2 */
  .main_prod {padding: 90px 0 0;}
  .main_prod ul li {padding: 8% 40px;}
  .main_prod ul li:nth-child(1) {padding: 16% 40px;}
  .main_prod ul li .first_title {font-size: 4vw;}
  .main_prod ul li .first_sub {font-size: 15px;}
  .main_prod ul li .title {font-size: 4vw;}
	.main_info { padding-top: 170px; }
	.main_info .left_text {float: none;position: relative; margin-bottom: 40px; }
	.main_info .left_text .ko { padding-right: 200px; word-break: keep-all; }
	.main_info .left_text .ko p { display: none; }
	.main_info .left_text .btn_link {position: absolute;right: 0;bottom: 0;}
	.main_info .right_text { float: none; }
	
	/* section3 */
	.orga_wrap { padding-top: 90px; }
	.orga_box { margin: 0 -20px; }
	.orga_box .item .in { margin: 0 20px; }

	/* 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; }
	
	/* 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) {
	
	/* section1 */
  .mv .item:nth-child(1) {
    background-image: url(/image/main/mv01_mo.jpg) !important;
  }
  .mv .item:nth-child(2) {
    background-image: url(/image/main/mv02_mo.jpg) !important;
  }
  .mv .item:nth-child(3) {
    background-image: url(/image/main/mv03_mo.jpg) !important;
  }
	.mv .item .text .eg { font-size: 60px; }

	/* section2 */
  .main_prod {height: auto; padding: 0}
  .main_prod ul li {
    display: block;
    border-right: 0; 
    padding: 50px 40px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
  }
  .main_prod ul li:nth-child(1) {padding: 50px 40px;}
  .main_prod ul li .text_wrap {opacity: 1; border-top: 0; padding-top: 0; margin-top: 0;}
  .main_prod ul li:hover .num {font-size: 32px; left: inherit;}
  .main_prod ul li .eg {display: none;}
  .main_prod ul li .sub {display: none;}
  .main_prod ul li:hover {background: inherit;}
  .main_prod ul li:hover .title {color: inherit; margin-top: 20px;}
  .main_prod ul li .title {font-size: 40px;}
  .main_prod ul li .first_title {font-size: 40px;}
  .main_prod ul li .first_title:after {height: 23px;}
	.main_info { padding-top: 100px; }
	.main_info .right_text { padding-bottom: 20px; }
	
	/* section3 */
  .main_rnd {height: auto; margin-top: 0px; padding: 40px 30px 0;}
  .main_rnd .flex {flex-direction: column; margin-top: 0;} 
  .main_rnd .rnd_L, .main_rnd .rnd_R {width: 100%;}
  .main_rnd .rnd_L > ul {margin-bottom: 30px;}
  .main_rnd .rnd_R .rnd_title {margin: 30px 0;}
	.orga_pad { padding-top: 80px; }
	.orga_tab { width: 90%; }
	.orga_wrap { height: auto; padding-bottom: 40px; }

	/* 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 */
	.orga_tab li a { font-size: 18px; line-height: 55px; }
	.orga_box .item { width: 250px; }
	.orga_box .item .txt { top: 40px; left: 20px; right: 20px; }
	.orga_box .item .txt .ko { font-size: 21px; }
	.orga_box .item .txt .eg { font-size: 25px; }
	.orga_box .item .txt .sub { font-size: 14px; margin-top: 20px; }

	/* 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: 33px;}
	.career .right .racing .name { font-size: 30px; margin: 0 0 15px; }
	.career .right .racing .sub { font-size: 14px; }


}

/* 모바일 상세 */
@media all and (max-width:640px) {
  .main_tit { font-size: 33px; }
  .main_sub { font-size: 14px; margin: 10px 0 25px; }

  /* section02 */
  .main_prod ul li, .main_prod ul li:nth-child(1) {padding: 30px 35px;}
  .main_prod ul li .title, .main_prod ul li .first_title {font-size: 33px;}
  .main_prod ul li .first_title:after {margin: 5px 0;}
  .main_prod ul li .first_sub {font-size: 13px;}
  .main_prod ul li .btn {margin-top: 16px;}
  .main_prod ul li .btn a {width: 113px; line-height: 35px;}
  .main_prod ul li .num {font-size: 25px;}

  /* section03 */
  .main_rnd {padding: 30px 4% 0;}
  .main_rnd .rnd_L .main_tit_ {font-size: 19px; margin: 5px 0 0;}
  .main_rnd .rnd_L .main_sub {font-size: 15px; margin: 20px 0 15px;}
  .main_rnd .rnd_L > ul {margin-bottom: 20px;}
  .main_rnd .rnd_L ul li {width: 100%;}
  .main_rnd .rnd_L ul li a {font-size: 16px;}
  .main_rnd .rnd_R .rnd_title {margin: 20px 0; font-size: 30px;}
}

/* 모바일 가로 */
@media all and (max-width:568px) {
	
		
	/* 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; }

	/* 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) {


}

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

}

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

}