@charset "utf-8"; /* CSS Document */

@media screen and (max-width:1680px){
body{ font-size:15px;}
}

@media screen and (max-width:1440px){

/* header */
#header.gnbOpen .gnb_wrap .gnb > li .dp1 { padding: 0 2em!important;} 

/* main */
.main_about .contents .text-wrap{ top: 50%; transform: translateY(-50%);}
.main_about .contents .text-wrap .main-badge{ font-size: 2.55em;}
.main_about .contents .text-wrap .main-heading{ font-size: 1.215em;}

/*greeting*/
.greeting-inner{ gap: 5em;} 
}

@media screen and (max-width:1280px){
body{ font-size:14px;}

/* header */
#header .logo{ width: 13.5em;}
#header .util_wrap{width: auto;}
#header .gnb_wrap .gnb > li .dp1{ padding: 0 1.5em;}

#header.gnbOpen .gnb_wrap .gnb > li .dp1 { padding: 0 1.5em!important;} 

/* main */
.linkBanner{width: 7em;}

}

@media screen and (max-width:1024px){
html.main #contents{overflow: hidden;}

/* header */
#header .gnb_wrap{display: none;}
/* #header .all_wrap .allBtn.pcHide{display: none !important;} */
/* #header .all_wrap .allBtn.moHide{display: flex;} */

/* main */
.visualSlider_wrap .slogan .t1{ font-size: 4.15em;}
.linkBanner{ right: 1em;}
.main_about{ height: 100%;}
.main_about .sticky{position: inherit;}

/**/
.main_about{padding: 13em 1em 4em; }
.main_about .sticky{height: 91vh;}
.main_about .background{ width: 100%; height: 57%; }
.main_about .heading{z-index: 10; font-size: 42px;}
.main_about .heading-1{ top: 16vh; color: #fff; }
.main_about .heading-2{ top: 27.5vh; color: #fff;}
.main_about .midLine{background: #fff;}
.link-primary-light.white{ color: var(--crBlack);}
.main_about .c_point{ text-shadow: 1px 1px 50px #fff;}
.main_about .contents .text-wrap{ top: 58vh; right: auto; left: 50%; bottom:auto; transform: translateX(-50%); color: var(--crBlack); text-align: center; width: 80%; font-size: 2.75em; font-size: 1.215em;}
.main_about .contents .text-wrap .main-badge{ font-size: 2.15em;}
.main_about .contents .text-wrap .main-heading{font-size: 1.08em;}

.link-primary-light.white.st1 .icon{border-color: rgba(0, 0, 0, 0.15);}

/**/
.product-wrapper{height: 121vh;}
.main_product .prodList-wrapper{ top: -5vh;}
.main_product .sideTab{ width: 100%; margin-left: 0; max-width: 100%; border-right: 0;}
.main_product .sideTab > .fixTab{top: 55px; right: auto; left: 50%; transform: translateX(-50%); display: flex; gap: 2em; width: 100%; align-items: center; justify-content: center;}
.main_product .sideTab > .fixTab > li{ text-align: left; }
.main_product .sideTab > .fixTab > li:before{ left: 3px; right: auto;}
.main_product .sideTab > .fixTab > li.on{font-size: inherit;}
.main_product .txt_list .txtInfo{width: 95%;}
.main_product .txt_list .txtInfo .txtBox{ margin-top: 36em;}

/**/
.main_contact .map-wrapper{ flex-direction: column-reverse;}
.main_contact .map-wrapper .mapBoard,
.main_contact .map-wrapper .mapInfo{width: 100%;}
.main_contact .map-wrapper .mapBoard{ height: 25em;}

/* footer */
#footer .logo_wrap .wrap_in{ gap: 1.5em; flex-direction: column;}
#footer .info_wrap{margin-top: 3em; flex-direction: column; gap: 2em;}

/* sub */
#contents .sub_page_menu{display: none;}
#contents .sub_page_tit .nav{left: 50%; transform: translateX(-50%); bottom: 10.5em; width: 100%;}
.pageLay-container .nav{flex-wrap: wrap;}



/* КОМПАНИЯ */
.greeting-inner .left{width: 100%;}
.greeting-inner .right{display: none;}
.greeting-inner .left .title{ font-size: 2.462em;}
.greeting-inner .left .textArea > .tt br{display: none;}

/* ПРОДУКЦИЯ */
 .LayInnerCon{padding: 0 1em 8em 1em;}
.Laydoc .Laysub-wrapper{padding: 0;}
.Laydoc .Laysub-wrapper:first-of-type{padding-top: 2.5em;}

.Laydoc .Laysub-wrapper .subject{ width: 100%; height: auto; position: relative; text-align: center;}
.Laydoc .Laysub-wrapper .subject_tit{margin: 1em 0.5em 1.5em; text-align: center; font-size: 1.42em;}
.Laydoc .LayInnerCon .Laycontents{ padding-bottom: 3em;}

.pageLay-wrapper .pageLay-container{width: 100%; padding: 0 1em;}
.pageLay-wrapper .pageLay-container .pageSlogan{ font-size: 2.1em;}

.pageDotTit.mtem{margin-top: 2em !important;}

/* ССЫЛКA */
.history-con{ padding: 11rem 0;}
.history-list > li{ padding-bottom: 13rem;}
.history-list > li::before{margin: 1.9em; height: calc(98%);}
.history-list > li > .year{top: -130px; left: 5em;}
.history-list > li > dl{ padding-left: 4em;}
.history-list > li > dl > dt{right: auto; left: 3em; top: -45px;}
.history-list > li > dl > dt::before{display: none;}
.history-list > li > dl > dd:first-of-type:before{display: block; background: #1347af;}

/* ВАКАНСИИ */
#contents .sub_page_full .title_con{ width: 80%;}
#contents .sub_page_full .title_con > .title{ font-size: 3.5em;}


/* КОНТАКТЫ */
.overview_wrapper .info{ gap: 4em !important; flex-direction: column;}
.overview_wrapper .info .left{width: 100% !important;}
.overview_wrapper .info .right{width: 100% !important;}
}

@media screen and (max-width:768px){
body{ font-size:13px;}

/* header */
#header .all_wrap .all_layer .wrap_middle .gnb > li{ flex-direction: column; gap: 1em; align-items: flex-start;}
#header .all_wrap .all_layer .wrap_middle .gnb > li .dp1 .tt{ font-size: 1.85em; }

/* main */
.visualSlider_wrap .slogan .t1{ font-size: 2.95em; top: 57vh;}
.main_about .contents .text-wrap{ width: 100%; }
.main_about .background{ height: 55%;}
.main_about .heading{font-size: 27px;}
.main_about .heading-1{top: 18vh;}
.main_about .heading-2{ top: 24.5vh;}

.linkBanner{ display: none;}

/**/
.main_product .prodList-wrapper{ top: -6vh; width: calc(1000 / 1912 * 100%);}
.main_product .sideTab > .fixTab{flex-wrap: wrap; gap: 0 2em;}
.main_product .sideTab > .fixTab > li{margin-bottom: 0;}

/* sub */
#contents .sub_page_tit .sub_tit .tt{font-size: 4.2em;}

/* ССЫЛКA */
.history-list > li > dl > dd:before{left: -1.8em;}

/* ПРОДУКЦИЯ */


#header .all_wrap .all_layer .wrap_middle .gnb > li {display: block;}
#header .all_wrap .all_layer .wrap_middle .gnb > li.m_product .dp1 {margin-bottom: 1em;}
#header .all_wrap .all_layer .wrap_middle .gnb > li.m_product .dp2 {display: block;}
#header .all_wrap .all_layer .wrap_middle .gnb > li.m_product .dp2 .link {display: none;}
#header .all_wrap .all_layer .wrap_middle .gnb > li.m_product .dp2 .layer {display: block !important;}
#header .all_wrap .all_layer .wrap_middle .gnb .m_product .dp2 > li .arrow {width:1.5em;  padding-top:.125em; margin-left:auto; text-align:center; font-size:.875em; opacity:.5}
#header .all_wrap .all_layer .wrap_middle .gnb .m_product .dp2 > li .arrow::before {content: "\e913";}
#header .all_wrap .all_layer .wrap_middle .gnb .m_product .dp2 > li.on.more > a .arrow:before {content: "\e941";}
#header .all_wrap .all_layer .wrap_middle .gnb > li.m_product .dp2 > li.on .dp3 {display: block; background: rgb(0 0 0 / 40%); padding: 1em;}
#header .all_wrap .all_layer .wrap_middle .gnb > li.m_product .dp2 > li.on .dp3 .arrow {display: none;}
/* #header .all_wrap .all_layer .wrap_middle .gnb > li.m_product .dp3 {display: block;} */

.pageLay-wrapper .pageLay-menu {display: none;}

/* .prod_table{ overflow-x: scroll;}
.prod_table_st{ min-width: 1000px; width: max-content; border-collapse: collapse;} */
/* .prod_table.st1{display: none;}
.prod_table_st {border: 0;}
.prod_table_st colgroup col:first-child{width: 100% !important;}
.prod_table_st thead {border: none; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;}
.prod_table_st th {display: block; width: auto !important; padding: .75em 2em; text-align: left !important;}
.prod_table_st tr {border-top: 2px solid #005bac; display: block; }
.prod_table_st td { border-bottom: 1px solid #ddd; display: block; text-align: left !important; box-sizing: border-box; width: 100% !important; }
.prod_table_st td.st2::before{width: 5em;}

.prod_table_st tr.st2{border-top: none;}
.prod_table_st tr:nth-child(2n) td{ background:none;}
.prod_table_st td.st1,
.prod_table_st td.w_spec{ background: #f7f7f7 !important;}
.prod_table_st td:last-child {border-bottom: 0;}

.prod_table_st colgroup col:last-child,
.prod_table_st colgroup col:nth-child(2),
.prod_table_st colgroup col:nth-child(3){width: 0 !important;}
.prod_table_st th p.tit{text-align: left !important; }
html.dp3_0002 .prod_table_st tr td:first-child,
html.dp3_0003 .prod_table_st tr td:first-child{background: #f7f7f7 !important}

.prod_table_st td::before { content: attr(data-label);  float: left; font-weight: bold; text-transform: uppercase; margin-right: 1em; }

.prod_table_st .m_tbody{display: block;}
.prod_table_st .pc_tbody{display: none;}
 */
/* ВАКАНСИИ */
#contents .sub_page_full .title_con > .title{font-size: 2.7em;}
.empoly-wrapper .empoly_line{display: flex; flex-direction: column;}
.empoly-wrapper .empoly_line > li{border: 1px solid #ddd; flex-direction: row-reverse; gap: 2em 0;}
.empoly-wrapper .empoly_line > li > .tit_con{ width: 76%;}

/* КОНТАКТЫ */
.overview_wrapper .info .right .info_txt_wrap > li{gap: 2em;  justify-content: flex-start !important; flex-direction: column; align-items: flex-start !important;}
.overview_wrapper .info .right .info_txt_wrap > li > .txt{ font-size: 14px !important; flex: auto !important;}

/*overview*/
.overview_wrapper{ flex-direction: column; gap: 2em;}
.overview_wrapper .info, .overview_wrapper .img_con{ width: 100%;}
.overview_wrapper .img_con{ height: 45vh;}
}



@media screen and (max-width:500px){
/* header */
#header .all_wrap .all_layer .wrap_middle .gnb > li ul{gap: 0;}

#header .all_wrap .all_logo{width: 15em;}


/* footer */
#footer .goTop{ right: 1em;}


/* main */
.visualSlider_wrap .slogan{     bottom: 10em;}
.visualSlider_wrap .slogan .t1{ font-size: 2.15em;}
.visualSlider_wrap .slogan .t3{ width: 80%; line-height: 1.3;}

/**/
.main_about{ padding: 7em 1em 4em;} 
.main_about .sticky{height: 65vh;}
.main_about .background{ width: 100%; height: 57%; }
.main_about .heading{ font-size: 20px;}
.main_about .heading-1{ top: 14vh;}
.main_about .heading-2{top: 18.5vh;}
.main_about .contents .text-wrap{ top: 39vh;}
.main_about .contents .text-wrap .main-badge{ font-size: 1.45em;}
.main_about .contents .text-wrap .main-heading{ font-size: 0.902em;}
.main_about .link-primary-light{margin-top: 25px !important;}

/**/
.main_product .prodList-wrapper{ width: calc(1450 / 1912 * 100%);}
.main_product .sideTab > .fixTab{gap: 0;}
.main_product .prodWrap .prodImg{ left: 50%; transition: none;}
.main_product .txt_list .txtInfo .txtBox h1{ font-size: 1.715em;}
.main_product .page_mq{display: none;}

/**/
.main_contact .contactInfo_wrap .contact-subT{ font-size: 1em;}
.main_contact .map-wrapper .mapInfo{ padding: 2.5em 1.5em 3.5em 1.5em;}
.main_contact .map-wrapper .mapInfo .site_name{ font-size: 2.15em;}
.main_contact .map-wrapper .mapInfo .siteInfoL{flex-direction: column;}
.main_contact .map-wrapper .mapInfo .siteInfoL > li{width: 100% !important;}

/* sub */
#contents .sub_page_top{ height: 25em;}
#contents .sub_page_tit .nav{ bottom: 6.7em;}
#contents .sub_page_tit .sub_tit .tt{ font-size: 2.36em;}
#contents .sub_page_con .con_tit .tt{ font-size: 2em;}

/* Приветствие */
.greeting-inner .left .title{font-size: 1.834em;}

/* КОМПАНИЯ */
.greeting-inner{padding-top: 0;}

/* ССЫЛКA */
.history-bg .txt-wrap > .name{transition: none; opacity: 1; letter-spacing: 0.5em;}
.history-bg .txt-wrap.on > .name{ letter-spacing: 0.5em;}
.history-list > li > .year{ left: 3.5em;}
.history-list > li > .year > .tit{ font-size: 2.8em;}
.history-list > li > dl{ padding-left: 3.4em;}
.history-list > li > dl > dd{ font-size: 0.82rem; padding-left: 0;}
.history-list > li > dl > dt{ left: 2em;}

/* ПРОДУКЦИЯ */
.Laydoc .LayInnerCon{padding: 0;}
.pageLay-wrapper .pageLay-container .pageSlogan{ font-size: 1.85em;}

.prod_table_st th,
.prod_table_st td {padding: .75em 1em;}
.prod_table_st td:last-child{width: 3em;}

/* ВАКАНСИИ */
#contents .sub_page_full .title_con > .title{ font-size: 2em;}
.empoly-wrapper .empoly_line{display: flex; flex-direction: column;}
.empoly-wrapper .empoly_line > li{border: 1px solid #ddd; flex-direction: column-reverse; gap: 2em 0; text-align: center; padding: 40px 20px; }
.empoly-wrapper .empoly_line > li > .tit_con{width: 100%;}
.page_dot_list.s3 > li{display: inline-block;}

/* КОНТАКТЫ */
.overview_wrapper .map{ margin-bottom: 3em;}
.overview_wrapper .info{ gap: 2em !important;}
.page_tt.s9{ font-size: 1.8em;}
.overview_wrapper .info .right .info_txt_wrap > li{ padding: 1.5em 0; gap: 1em;}
}

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

}

@media screen and (max-width:380px){
body{ font-size:12px;}

/* main */
.product-wrapper{ height: 111vh;}
.main_product .txt_list .txtInfo .txtBox{ margin-top: 34em;}
}

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

}