@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 30px 0; } 
 .main_prod ul li { padding: 0 10px 0; } 
.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%; padding-top: 50px; } 
.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 { padding: 0 10px; } 
 .main_prod ul li .first_title { font-size: 38px; } 
 .main_prod ul li .title { font-size: 35px; } 

/* 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 .text .eg { font-size: 60px; }

/* section2 */
.main_info { padding-top: 100px; } 
.main_info .right_text { padding-bottom: 20px; } 



 .main_prod ul li .first_sub { font-size: 14px; } 
 .main_prod ul li .text_wrap .eg,
 .main_prod ul li .text_wrap .sub { display: none; } 

 .main_prod { padding: 0; } 
 .main_prod > ul li { background-repeat: no-repeat; background-size: 100% 102%; } 
 .main_prod > ul li > .first_title { padding-top: 90px; } 
 .main_prod > ul li > div { padding: 0 30px 0; } 
 .main_prod ul li .text_wrap { opacity: 1; border-top: none; } 
 .main_prod ul li .btn a { width: 160px; height: 45px; line-height: 45px; font-size: 15px; } 
 .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; } 

 .main_prod { table-layout: initial; height: auto; } 
 .main_prod ul li { display: table-row; } 
 .main_prod ul li .first_title { font-size: 38px; } 
 .main_prod ul li .first_title:after { height: 30px; } 
 .main_prod ul li .num { padding-top: 50px; } 
 .main_prod ul li .btn { margin-top: 0; } 





/* section3 */

.orga_pad { padding-top: 80px; } 
.orga_tab { width: 90%; } 
.orga_wrap { height: auto; padding-bottom: 40px; } 
 .main_rnd { margin-top: 0; height: auto; padding: 90px 30px 0; background-size: cover; background-position: center -40px; } 
 .main_rnd .flex { margin-top: 0; flex-direction: column; } 
 .main_rnd .rnd_L { width: 100%; } 
 .main_rnd .rnd_R { width: 100%; margin-top: 20px;  margin-bottom: 20px;} 
 .main_rnd .rnd_R .rnd_title { font-size: 22px; margin-top: 10px; margin-bottom: 20px; } 

/* 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: 0px; } 
.career .right .racing { position: static; height: auto; padding: 90px 3.90625%; } 
 .career_left_arw { display: block; } 
 }

/* 타블렛 가로 미만 ~ 모바일 */

@media all and (max-width:767px){
 .main_tit { font-size: 45px !important; } 
.main_sub { font-size: 18px; } 

/* section1 */
 /* section1 */
 /* .mv .item:nth-child(1) { background-image: url(/image/main/mv_mo01.png) !important; } 
 .mv .item:nth-child(2) { background-image: url(/image/main/mv_mo02.png) !important; } 
 .mv .item:nth-child(3) { background-image: url(/image/main/mv_mo03.png) !important; }  */
 .mv .item .bg img.hide-767 {
   width: 100%;
   display: none !important;
 }
  .mv .item .bg img{
    height: 100vh;
    width: 100%;
    
  }
  .mv .item .bg img.hide-default {
    display: block !important;
  }
 .mv .item .text { top: 30%; } 
.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 */


 /* 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; } 

 .main_rnd .rnd_L ul li { width: 100%; } 
 .main_prod ul li .text_wrap .eg p { font-size: 17PX; } 
 .main_rnd .rnd_L .main_sub { font-size: 16PX; margin: 20px 0 30px; } 
 .main_rnd .rnd_L ul li a { font-size: 16px; } 
 .main_rnd { background-image: url(/image/main/rnd_bg_mo.jpg); background-position: center 130px; } 
 .main_rnd .rnd_R .rnd_title { margin-top: 10px; } 

/* 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; } 
 .career .right .racing_list { margin-top: 20px; } 
 .career .right .racing_list > li { border-right: none; } 

 .career .right .racing_list > li p { font-size: 12px; } 
 }

/* 모바일 상세 */
@media all and (max-width:640px) { } 

/* 모바일 가로 */
@media all and (max-width:568px){
 .main_tit { font-size: 33px !important; } 
.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; } 
 .main_prod ul li .title { font-size: 27px; } 

/* 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 .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_list>li img { width: 50%; min-height: 55%; } 
 }

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

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

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