@media screen and (max-width:1830px) {
  /* header */
  .header{padding: 0 30px;}
  .header .nav_ul {width: auto; max-width: calc(100% - 340px); white-space: nowrap;}
  .snb_ul {width: auto;}
  .header .nav_ul > li{padding: 0 16px;}
  .header .nav_ul > li.nav_catalog_item {padding: 0 12px;}
  .header .nav_ul > li > a {font-size: 18px;}
  .header .nav_ul > li.nav_catalog_item > a.nav_catalog {font-size: 18px;}
  .nav_catalog_icon {width: 20px; height: 20px; background-size: 20px 20px;}
  .snb .header .nav_ul > li > ul{left: 30px;}
  .snb .header .nav_ul > li > ul > li > a{font-size: 15px;}
  .snb .header .nav_ul > li:hover:after{width: 130px;}

  /* footer */
  #footer .wrapper{font-size: 0; padding-left: 60px; padding-right: 60px;}
}

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

  /* header */
  .big_site_map_ul{padding: 0 40px;}
  .big_site_map_ul > li {width: 25%; flex: 0 0 25%; font-size: 28px; padding: 50px 28px 36px;}

  /* MAIN */

  .main2 {padding: 110px 60px 30px;}
  .main2_over p:first-child {font-size: 30px; margin-top: 70px;}
  .main2_over p:nth-child(2) {font-size: 17px; margin-top: 100px;}
  .main2_over span {margin-top: 30px;}

  .main3 {padding: 110px 120px 30px;}
  .main3_over p:first-child {font-size: 26px; margin-top: 70px;}
  .main3_over p:nth-child(2) {font-size: 17px; margin-top: 50px;}
  .main3_over span {margin-top: 30px;}

  .main4 {padding: 110px 0 50px;}

  /* footer */
  .client_left{max-width: 150px;}
  .client_right{width: calc(100% - 150px); margin-left: 0; padding-left: 50px;}
}
@media screen and (max-width:1400px) {

  /* MAIN */
  .fog_img {display: none;}
  .main4_more_btn {display: none;}

  .main2 {padding: 100px 160px 40px;}
  .main2_list {margin-top: 60px;}

  .main3 {padding: 100px 160px 40px;}
  .main3_list {margin-top: 60px;}

  .main4 {padding: 100px 0;}

  .visual .visual_copy_tit {font-size: 56px;}
  .visual_copy_txt {font-size: 24px;}
  .visual .visual_copy_txt1 {font-size: 24px;}

  /* sub */
  .container {padding: 0 30px;}

  /* sub-company intro */
  .intro_midle_ul li {padding: 18px 0 0 0; height: 200px; text-align: center;}
  .intro_midle_ul li:not(:first-child) {margin-left: 15px;}
  .intro_midle_ul li img {position: static; transform: none; margin-right: 0;}

  .organ_graph_middle {text-align: center;}
  p.beige_ball::before {display: none;}

  /* sub-management values�?*/
  .man_gra_box {height: auto;}
  .man_gra_box p {padding: 25px 0; word-break: break-all; font-size: 30px;}
  .organ_graph_middle li::before {display: none;}
  .man_gra_box.man_gra2 p {font-size: 28px;}
  
  /* sub-CI */
  .ci_greed_box > * {padding: 0 10px;}

  /* sub-news list */

  /* sub-news detail */

  /* sub-directions�?�?*/
  .map_address > div:not(:first-child) {margin-left: 0;}

  /* sub-HR policy */
  .first_list_ul li:nth-child(2)::before {display: none;}
  .first_list_ul li:nth-child(2)::after {display: none;}
  .first_list_ul li:last-child::after {display: none;}
  .third_list_ul li:last-child::after {display: none;}
  .personnel_box ul {padding: 0 27px;}

  /* footer */

}

@media screen and (max-width:1500px) {
/*  .big_site_map_ul > li {
    width: 50%;
    flex: 0 0 50%;
    font-size: 26px;
    padding: 40px 24px 32px;
  }*/
  .big_site_map_ul > li:nth-child(2n)::after {display: none;}
}

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

  /* header */
  .header .nav_ul {display: none;}
  .site_map {display: none !important;}
  .mo_menu_ct {width: min(420px, 100%);}
  
  .wrapper {padding: 0 30px;}

  .big_site_map_ul > li {font-size: 24px; padding-left: 35px;}
  .site_map .snb_sub_ul > li > ul > li > a {font-size: 17px;}

  /* site map */

  /* MAIN */
  #fp-nav {display: none;}

  /*.main2, .main3, .main3 {height: 100vh;}*/
  .fp-tableCell {height: auto!important;}
  .fp-section.fp-table, .fp-slide.fp-table {height: auto!important;}

  .visual{padding-bottom: calc(var(--vh, 1vh) * 100);}
  .main_visual {height: calc(var(--vh, 1vh) * 100);}

  .visual>div {margin-top: 170px;}
  .visual .visual_copy_tit {font-size: 60px;}
  .visual_copy_txt {font-size: 22px;}

  .main2_over p:first-child {font-size: 24px; margin-top: 22px;}
  .main2_over p:nth-child(2) {font-size: 17px; margin-top: 40%;}
  .main2_over span {margin-top: 20%;}
  .main2_over p:first-child::after {display: none;}

  .main3_over p:first-child {font-size: 24px; margin-top: 22px;}
  .main3_over p:nth-child(2) {font-size: 17px; margin-top: 40%;}
  .main3_over span {margin-top: 20%;}
  .main3_over p:first-child::after {display: none;}

  .main_about {padding: 100px 0 60px; min-height: auto;}
  .main_about_glass {padding: 40px 36px 36px; border-radius: 18px;}
  .main_about_tit {font-size: 38px;}
  .main_about_subtit {font-size: 22px; margin-bottom: 22px;}
  .main_about_text p {font-size: 16px; text-align: left;}
  .main_about_cards > li {width: 100%; margin-bottom: 12px; min-height: auto;}
  .main_about_cards > li:last-child {margin-bottom: 0;}
  .main_about_card_txt strong {font-size: 28px;}

  .client_right {padding-left: 30px;}
  .client_right .slick-slide{padding: 0 10px;}

  .main4_slide_box::before {display: none;}
  .main4_slide_box::after {display: none;}

  .main2_blind {height: 420px;}
  .main3_swiper_wrap {padding: 50px 40px 0;}
  .main3_swiper_wrap .swiper-button-prev,
  .main3_swiper_wrap .swiper-button-next {width: 36px; height: 36px; background-size: 12px auto;}
  .main3_swiper .swiper-pagination {margin-top: 20px;}

  .main4_slide .slick-next,
  .main4_slide .slick-prev {background-size: 12px;}

  .main4_btnbox>img {width: 12px;}
  .main4_btnbox {width: 510px;}

  .scr_icon {display: none;}

  /* sub */
  .sub_visual{height: auto;}
  .s_visual_img{height: 0; padding-bottom: 38%; overflow: hidden;}
  .s_visual_img img{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: auto; height: 100%; min-width: auto; min-height: auto; max-width: initial;}
  .sub_visual_txtbox{transform: translate(-50%,-30%);}
  .sub_visual_tit{font-size: 36px;}

  /* sub-company intro */
  .history_cont > * {padding-left: 40px; display: block;}
  .history_cont > p > br {display: none;}
  .history_content {display: block; padding-left: 48px; padding-top: 3px;}

  .service_ul li:not(:first-child) {margin-left: 15px;}

  /* sub-management values�?*/
  .man_value_ul li:not(:last-child) {margin-right: 10px;}
  .man_gra_box p{padding: 0 60px !important; word-break: keep-all;}
  .man_gra_box p:before{left: 0;}
  .man_gra_box p:after{right: 0;}

  /* sub-CI */
  .ci_color_box > div:first-child {float: none;}
  .ci_color_box > div:last-child {float: none;}
  .ci_color_box > * {width: 50%; padding: 0 10px;}
  .ci_color_box div span {margin-left: 0; display: block; text-align: left; padding-left: 5px;}

  /* sub-news list */

  /* sub-news detail */

  /* sub-directions�?�?*/
  .map_address > div {width: 100%;}
  .map_address > div:not(:first-child) {padding-left: 0;}
  .map_address > div:not(:first-child)::before {display: none;}
  .map_sns a div {top: 22px; transform: translateX(-7%);}

  /* sub-chemicals */
  .help_txt_left {font-size: 35px; line-height: 48px;}
  .help_txt_right {padding-left: 50px;}

  /* sub-benefits */
  .welfare_icon {margin-right: 10px;}
  .welfare_txtbox {width: calc(100% - 71px);}
  .welfare_ul li {padding: 25px;}
  .welfare_txtbox p {font-size: 16px;}
  .welfare_txtbox p:first-child {font-size: 20px; margin-bottom: 15px;}
  
  /* sub-HR policy */
  .personnel_box ul {display: block; width: 100%;}
  .personnel_box ul li:first-child {margin-bottom: 0;}
  .second_list_ul {margin-top: 40px;}
  .third_list_ul {margin-top: 40px;}

  /* footer */
  .foot_top_row,
  .foot_mid_row,
  .foot_bottom_row {flex-wrap: wrap;}
  .foot_copyright {text-align: left; max-width: none; margin-top: 8px;}
  .foot_con_left {float: none;}
  .foot_con_right {float: none;}
  .foot_con_right select {float: right;}

}


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

  /* MAIN */
  .slider1 .visual_copy_tit {line-height: 58px;}
  .visual_copy_tit {font-size: 58px;}
  .visual_copy_txt {font-size: 22px;}

  .visual>div {margin-top: 170px;}
  .visual .visual_copy_tit {font-size: 50px;}
  .slider1 .visual_copy_tit {line-height: 1.1;}

  .slider2 .visual_copy_tit,
  .slider3 .visual_copy_tit,
  .slider4 .visual_copy_tit {font-size: 58px; margin-bottom: 30px;}
  .slider2 .visual_copy_txt1,
  .slider3 .visual_copy_txt1,
  .slider4 .visual_copy_txt1 {font-size: 22px; margin-bottom: 20px;}

  .main_visual_tit {font-size: 55px;}
  .main_visual_txt {font-size: 20px; margin-top: 10px;}
  .main_visual_subtxt {font-size: 17px;}

  .main2 {padding: 60px 70px; height: auto;}
  .main2_list {margin-top: 50px;}
  .main2_over p:first-child {font-size: 22px; margin-top: 50px;}
  .main2_over p:nth-child(2) {font-size: 17px; margin-top: 40%;}
  .main2_over span {margin-top: 20%;}

  .main3 {padding: 60px 70px; height: auto;}
  .main3_list {margin-top: 50px;}
  .main3_over p:first-child {font-size: 22px; margin-top: 50px;}
  .main3_over p:nth-child(2) {font-size: 17px; margin-top: 40%;}
  .main3_over span {margin-top: 20%;}

  .main4 {padding: 60px 50px; height: auto;}
  .main_section04 .main4_visual_tit {font-size: 55px; margin-bottom: 0;}
  .main_section04 .main4_visual_txt {font-size: 22px;}

  /* footer */
  .client_right {padding-left: 20px;}

  /* header */
  .big_site_map_ul > li {padding-left: 0;}
  .big_site_map_ul > li::after {display: none;}

  /* top btn */
  .tf_btn_box {right: 20px; bottom: 15px;}
  .top_btn {margin-top: 7px;}
  
  /* sub */
  .s_visual_img{padding-bottom: 45%;}
  .sub_visual_txtbox{transform: translate(-50%,-38%);}
  .sub_visual_tit{font-size: 32px;}

  .sub_tabbtn_wrap{margin: -45px auto 0;}
  .sub_tabbtn_box{height: 45px;}
  .tab_ul > li{line-height: 45px;}
  .tab_ul > li a{font-size: 18px;}

  /* sub-company intro */
  .introduce p.add_txt br {display: none;}
  .organ_graph {padding: 50px;}

  .service_ul li:not(:first-child) {margin-left: 10px;}

  /* sub-management values�?*/
  .man_value_ul li p {font-size: 24px;}

  .ability_tit {width: 140px;}
  .ability_cont {width: calc(100% - 180px);}


  /* sub-directions�?�?*/
  .map_sns_qr {width: 200px; padding-top: 10px;}
  .map_sns_qr > div {display: none;}


  /* sub-ethics charter */
  .charter_ul li .sub_num {margin: 20px 0;}
  .charter_ul li div {padding: 50px 30px;}

  /* sub-chemicals */
  .help_txt_box {padding-top: 40px;}
  .help_txt_left {width: 100%; text-align: center; font-size: 26px; line-height: 1.3;}
  .help_txt_right {width: 100%; border-left: none; padding-left: 0; text-align: center; margin-top: 20px; font-size: 22px;}
  .helper_mail {margin-top: 0;}

  /* sub-benefits */
  .welfare_ul li {height: auto;}

  /* sub-career center */
  .hire_ul li {padding: 30px; width: calc((100% - 20px) / 3);}
  .hire_ul li:not(:last-child) {margin-right: 10px;}
  .hire_tit {margin-top: 20px; font-size: 28px;}
  .hire_txt {font-size: 16px; margin-top: 15px;}

  /* policy */
  .policy_box {padding: 30px;}

}


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

  .wrapper {padding: 0 20px;}

  /* MAIN */
  #fp-nav {display: none;}
  .visual>div{margin-left: 8%; margin-right: 8%;}
  .sldier_copy_txt_box {margin-left: 0; margin-top: 230px; padding: 0;}

  .slide_btnbox{left: 8%;}

  .main_visual_tit {font-size: 50px;}
  .main_visual_txt {font-size: 20px; margin-top: 20px;}
  .main_visual_subtxt {font-size: 18px;}

  .visual_copy_tit {font-size: 45px;}
  .visual_copy_txt {font-size: 20px;}
  .slider2 .visual_copy_tit,
  .slider3 .visual_copy_tit,
  .slider4 .visual_copy_tit {font-size: 45px; margin-bottom: 30px;}
  .slider2 .visual_copy_txt1,
  .slider3 .visual_copy_txt1,
  .slider4 .visual_copy_txt1 {font-size: 20px; margin-bottom: 20px;}

  .main2 {padding: 60px 0 30px; height: auto;}
  .main2_blind {height: 360px; gap: 6px;}
  .main2_leftbtn_box {margin-left: 15px;}
  .main2_rightbtn_box {margin-right: 15px;}
  .main3 {padding: 60px 0 30px; height: auto;}
  .main3_slide_box {padding: 0 20px;}
  .main3_leftbtn_box {margin-left: 15px;}
  .main3_rightbtn_box {margin-right: 15px;}
  .main_section04 .main4_visual_txtbox {top: 90px;}

  .main2_over p:first-child {font-size: 24px; margin-top: 24%;}
  .main2_over p:nth-child(2) {font-size: 17px; margin-top: 10%;}
  .main2_over span {margin-top: 15%;}

  .main3_over p:first-child {font-size: 24px; margin-top: 24%;}
  .main3_over p:nth-child(2) {font-size: 17px; margin-top: 10%;}
  .main3_over span {margin-top: 15%;}

  .main4 {padding: 60px 0 50px; height: auto;}
  
  /* header */
  #header {height: 58px; line-height: 58px;}
  .header {padding: 0 20px;}
  .header h1 a {width: 125px;}
  .header h1 a img{margin-top: 23px;}
  .header_search_panel {top: 58px; padding: 18px 0 22px;}
  .header .nav_right_box .lang_btn{height: 35px; line-height: 33px; font-size: 16px; padding: 0 18px; margin-right: 12px; vertical-align: middle;}
  .menu_all, .menu_close_btn{display: inline-block; vertical-align: middle;}
  .mo_menu_ct {width: 100%; max-width: 100%;}

  /* top button */
  .tf_btn_box {right: 10px; bottom: 10px;}
  .facebook_btn {width: 40px; height: 40px; line-height: 40px; padding-top: 3px;}
  .top_btn {width: 40px; height: 40px; line-height: 40px; margin-top: 10px;}

  /* site map */
  
  /* footer */
  #footer .wrapper{padding: 0 20px;}
  .foot_new {padding: 34px 0 28px;}
  .foot_top_row,
  .foot_mid_row,
  .foot_bottom_row {flex-direction: column; align-items: flex-start;}
  .foot_brand {flex-direction: column; align-items: flex-start; gap: 14px;}
  .foot_slogan {font-size: 22px;}
  .foot_family {width: 100%;}
  .foot_family_select {width: 100%; max-width: 100%;}
  .foot_mid_row {gap: 18px;}
  .foot_nav_links {gap: 6px 18px;}
  .foot_nav_links > a {font-size: 15px;}
  .foot_bottom_row {gap: 16px;}
  .foot_copyright {max-width: none; text-align: left;}
  .foot_sep {margin: 0 6px;}
  .foot_wave {height: 48px;}
  .foot_con_left {float: none;}
  .foot_con_left p:nth-child(2) span {display: block; padding-top: 3px;}
  .foot_con_left span:not(:first-child)::before {display: none;}
  .foot_con_left span:not(:first-child) {margin-left: 0;}
  .foot_con{margin-top: 30px; margin-bottom: 30px;}
  .foot_con_left p:first-child{margin-bottom: 8px;}

  .foot_con_right {float: none;}
  .foot_con_right select{float: none; display: block; max-width: 100%; margin: 15px 0 0;}

  .foot_client{height: 80px; line-height: 80px;}
  .client_right .slick-slide{padding: 0 5px;}

  /* sub visual */
  .s_visual_img{padding-bottom: 45%;}
  .sub_visual_txtbox{transform: translate(-50%,-40%);}
  .sub_visual_txt {font-size: 15px; padding: 0 30px;}

  .sub_tabbtn_wrap {width: 100%;}

  .sub_tabbtn_wrap {display: none;}
  .m_tabbox {display: block;}

  /*
  .sub_tabbtn_box {height: 70px; margin-top: -70px;}
  .sub_tabbtn_box img {display: block; transform: rotate(180deg);}
  .tab_ul > li a {height: 100%; line-height: 70px; display: inline-block;}
  .tab_ul > li.active {display: block; width: 100%; background-color: #72bf45; color: #fff;}
  .tab_ul > li {display: block; width: 100%; height: 70px; display: none;}

  .tab_ul > li:not(:first-child)::before {display: none;}
  .sub_tabbtn_box.m_sub_tabbtn_box {height: auto; position: absolute; top: 70px; left: 0; z-index: 5; margin-top: 0;}
  .m_sub_tabbtn_box {display: none;}
  .m_sub_tabbtn_box .tab_ul > li {display: block; width: 100%; height: 70px; background-color: #f8f9fd; color: #333; border-bottom: 1px solid #e0e0e0;}
  .m_sub_tabbtn_box .tab_ul > li.active {color: #72bf45;} */

  /* sub */
  .sub_title_box {padding: 60px 0px 10px;}
  .container {padding: 0 20px;}
  .sub_tit {float: none; font-size: 42px;}
  .location_wrap {float: none; margin-top: 10px; text-align: right;}
  .location_wrap p {line-height: normal;}
  h3.sub_first_tit {padding: 30px 0; font-size: 26px; line-height: normal;}

  p.add_txt {font-size: 16px;}
  .about_contt p.add_txt,
  .about_contt p.add_txt *,
  .about_contt .add_txt,
  .about_contt .add_txt * {font-size: 18px !important; line-height: 1.75 !important;}

  /* sub-company intro */
  #introduce .container {padding: 0 20px;}
  .intro_midle_ul li {text-align: center;}

  .organ_graph_top li::before {height: 40px; margin-bottom: -42px;}
  .organ_graph_middle {text-align: center; margin-top: 40px;}
  .organ_graph_middle li {width: 100%;}
  .organ_graph_middle li::before {display: none;}
  .organ_graph_bot::before {display: none;}
  .organ_graph_bot > li:first-child {padding: 0;}
  .organ_graph_bot > li:last-child {padding: 0; margin-top: 80px;}
  .organ_graph_bot > li {display: block; width: 100%;}
  .organ_graph_bot > li::before {height: 80px; margin-top: -80px;}
  .organ_graph_bot li:nth-child(2) > p:first-child{margin-top:150px;} /*20221229 org chart CSS update�? css�?/ 

  p.beige_ball::before {display: none;}

  .service_ul li {width: 48%; margin-bottom: 10px; height: 220px; padding: 20px 0;}
  .service_ul li:not(:first-child) {margin-left: 0;}
  .service_ul li p:nth-child(2) {margin: 0;}
  .service_ul li:nth-child(4) p:nth-child(2) {margin: 0;}
  .service_ul li:nth-child(5) p:nth-child(2) {margin: 0;}

  .introduce .bg_blue {padding: 30px 0;}
  .history {display: block; width: 100%;}
  .history:first-child {padding-bottom: 50px;}
  .history_cont:not(:last-child) {padding-bottom: 50px;}
  .history_cont.line_m::after {content: ''; border-left: 1px dashed #bdbdbd; height: 130%; position: absolute; left: 4px; top: -150px;}
  .history_content p {font-size: 16px;}
  .emty {display: none;}

  .subsidiary_ul li {width: 33%; margin-bottom: 15px;}
  .subsidiary_ul li p {margin-top: 5px;}

  /* sub-management values�?*/
  .man_gra_box {height: auto; border: 10px solid transparent;}
  .man_gra_box p {font-size: 25px; padding: 15px 10px; line-height: normal; max-width: 530px;}
  .man_gra_box.man_gra2 p {font-size: 23px; max-width: 380px;}

  .man_value_ul li {width: 100%; margin-top: 10px;}
  .man_value_ul li:not(:last-child) {margin-right: 0;}

  .man_ability_ul li {padding: 20px 40px;}
  .ability_tit p {font-size: 20px;}
  .ability_tit p span {font-size: 28px;}
  .ability_cont {padding-left: 0;}

  /* sub-CI */
  .ci_greed_box > * {display: block; width: 100%; padding: 0;}
  .ci_greed_box > div:last-child {margin-top: 20px;}
  .ci_greed_box img {width: 100%;}

  .ci_color_box {text-align: center; padding: 40px 30px;}
  .ci_color_box > * {padding: 0;}
  .ci_color_box > div:first-child {float: none; width: 100%;}
  .ci_color_box > div:last-child {float: none; margin-top: 20px; width: 100%;}
  .ci p.add_txt {margin-bottom: 60px;}

  /* sub-news list */
  .news_ul >li {padding: 40px 20px 40px;}
  .news_ul >li >div.news_new {display: none;}
  .news_ul >li >div.news_num {display: none;}
  .news_conbox {width: calc(100% - 150px);}
  .news_tit {word-break: break-all;}
  .news_tit a {font-size: 18px;}
  .news_con {display: none;}
  .pagination {margin-bottom: 60px;}

  .news_new {width: auto; min-width: 60px; padding: 0 10px; height: 20px; font-size: 15px!important; font-weight: 400!important; line-height: 18px; white-space: nowrap; box-sizing: border-box;}

  /* sub-news detail */
  .news_view_titbox {padding: 30px;}
  .news_view_date {margin-top: 10px;}
  .news_view_content {padding: 30px;}
  .prev_next_ul p:first-child {width: 150px; text-align: center; background-color: transparent;}
  .prev_next_ul p {width: calc(100% - 170px); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: left;}

  /* sub-directions�?�?*/
  .map_tab_ul {padding: 0 50px;}
  .map_tab_ul li {display: block; width: 100%;}

  .map_address {padding: 48px 30px;}
  .map_address > div {width: 100%; display: block;}
  .map_address > div img {display: none;}
  .map_sns img {display: inline-block!important;}
  .map_address > div:not(:first-child) {padding-left: 0; margin-top: 10px; margin-left: 0;}
  .map_address > div:not(:first-child)::before {display: none;}
  .map_address > div p span {margin-right: 5px; margin-left: 0;}
  .map_address {margin-bottom: 60px;}

  .map_sns_qr > div {width: 160px;height: 160px;}

  .map_list {height: 336px;}
  .map_map {height: 336px; overflow: hidden;}
  .map_sns_qr {bottom: 0;}

  /* sub-code of ethics */
  .ethics_box {margin-bottom: 60px;}
  .ethics_ul li {padding: 40px 0;}
  .ethics_num {width: 60px;}
  .ethics_con {padding-right: 20px; width: calc(100% - 60px);}

  /* sub-ethics charter */
  .charter_ul li {margin-left: 0; width: 50%; height: 250px;}
  .charter_ul li div {padding: 25px 20px;}

  /* sub-chemicals */
  .main_content_box {padding: 50px 0;}
  .main_service .main_content:not(:last-child) {margin-bottom: 50px;}
  
  p.add_txt span {padding: 5px 0; display: block;}

  /* sub-benefits */
  .welfare_icon_box {margin-bottom: 60px;}
  .welfare_ul li {width: 100%; height: auto; background-color: #fff!important; padding: 30px 20px;}
  .welfare_ul li:nth-child(2n-1) {background-color: #f8f9fc!important;}

  /* sub-career center */
  .hire_ul li {width: 100%; text-align: center; height: auto;}
  .hire_ul li:not(:last-child) {margin-bottom: 20px;}
  .hire_ul li:not(:last-child) {margin-right: 0;}
  .hire_btn {margin-bottom: 60px;}

  /* sub-HR policy */
  #personnel .bg_blue {padding-bottom: 60px;}
  .personnel_box {margin-bottom: 0;}
  .personnel_box ul {padding: 0;}
  .first_list_ul li:first-child div p:first-child, .second_list_ul li:first-child div p:first-child, .third_list_ul li:first-child div p:first-child {font-size: 18px;}
  .first_list_ul li:first-child div p:last-child, .second_list_ul li:first-child div p:last-child, .third_list_ul li:first-child div p:last-child {font-size: 16px;}

  .first_list_ul li p:first-child, .second_list_ul li p:first-child, .third_list_ul li p:first-child {font-size: 18px;}
  .first_list_ul li p, .second_list_ul li p, .third_list_ul li p {font-size: 16px;}
  .personnel_box ul li:last-child {margin-bottom: 0;}

  /* contact us */
  .contact_tit_box p {font-size: 20px;}
  .contact_tit_box {margin-bottom: 15px;}
  .contact_conbox {padding: 30px; width: 300px;}
  .contact_conbox p {font-size: 16px;}
  .contact_conbox p a {font-size: 18px;}

  .contact_conbox > * {display: block; width: 100%;}
  .contact_baro {padding: 20px 25px; margin-top: 10px;}
  .contact_baro >div >img {margin-right: 10px; width: 68%;}

  .contact_conbox p img {display: none;}

  /* 2022-01-19 added */
  .map_tab_ul li:not(:last-child) {border-right: 1px solid #e8e8e8; border-bottom: none;}
  .header .nav_right_box {gap: 12px;}
  .header .nav_right_box .header_icon_btn {width: 36px; height: 36px;}
  .header .nav_right_box .header_icon_btn svg {width: 16px; height: 16px;}
  .header_search_inner {padding: 0 30px;}
  .header_search_form {gap: 12px;}
  .header_search_submit {min-width: 96px; height: 42px; padding: 0 24px; font-size: 16px;}

  /* policy */
  .policy_p_box > p {padding-left: 0;}

  /* 2022-04-14 career center button added */
  .go_hire_center.add_btn {top: 50px;}
}

@media screen and (max-width:600px) {
  /* header */

  /* MAIN */
  .fp-section.fp-table, .fp-slide.fp-table, .fp-tableCell{height: auto !important;}
  
  .mian_visual{height: auto; min-height: auto;}

  .sldier_copy_txt_box {margin-top: 40%;}
  .main_visual_tit {font-size: 40px;}
  .main_visual_txt {font-size: 18px;}
  .main_visual_subtxt {font-size: 16px;}

  .visual {position: relative;}
  .visual>div.sldier_copy_txt_box {margin: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 100%; padding: 0 20px;}

  .visual .visual_copy_tit {font-size: 35px; line-height: 40px; margin-bottom: 20px;}
  .visual_copy_txt1{width: 80%;}
  .visual_copy_txt1 br{display: none;}
  .visual_copy_txt2 br{display: none;}
  .visual_copy_txt {font-size: 18px;}

  .slide_btnbox  {left: 30px; bottom: 30px;}

  .visual .visual_copy_tit, .visual .visual_copy_tit, .visual .visual_copy_tit {font-size: 40px; margin-bottom: 20px; line-height: 1.2;}
  .visual .visual_copy_txt1, .visual .visual_copy_txt1, .visual .visual_copy_txt1 {font-size: 18px; margin-bottom: 20px;}
  .visual .visual_copy_txt2 {font-size: 18px;}

  .main2_list {margin-top: 50px;}
  .main2_blind {flex-direction: column; height: auto; gap: 8px;}
  .main2_blind_item,
  .main2_blind:hover .main2_blind_item,
  .main2_blind:hover .main2_blind_item:hover,
  .main2_blind:hover .main2_blind_item.active,
  .main2_blind:not(:hover) .main2_blind_item.active,
  .main2_blind:not(:hover) .main2_blind_item:not(.active) {flex: none;}
  .main2_blind_item {height: 72px; transition: height 0.5s ease;}
  .main2_blind_item.active,
  .main2_blind_item:hover {height: 280px;}
  .main2_blind_tit {opacity: 1; bottom: 50%; transform: translate(-50%, 50%); font-size: 20px;}
  .main2_blind_item.active .main2_blind_tit,
  .main2_blind_item:hover .main2_blind_tit {opacity: 0;}

  .main3_list {margin-top: 50px;}
  .main3_slide_box {padding: 0 30px;}
  .main3_slide_inner_box {padding-bottom: 105%;}

  .main4{height: auto;}
  .main_section04 .main4_visual_tit {font-size: 40px; margin-bottom: 0;}
  .main_section04 .main4_visual_txt {font-size: 18px;}
  .main_section04 .main4_slide {margin-top: 50px; padding-top: 10px;}
  .main4_slider {opacity: 1; transform: none; padding: 0 8px;}
  .main4_slider >div {width: auto; max-width: 92%; margin: 0 auto; padding: 28px 24px;}
  .main4_slider.slick-center > div,
  .main4_slider.slick-current > div {width: auto; max-width: 92%; padding: 28px 24px;}
  .main4_slider_tit {font-size: 18px; height: 64px; padding-bottom: 12px;}
  .main4_slider.slick-center .main4_slider_tit,
  .main4_slider.slick-current .main4_slider_tit {font-size: 20px; height: 72px;}
  .main4_slider_txt {font-size: 14px; height: 80px; margin-top: 12px;}
  .main4_slider.slick-center .main4_slider_txt,
  .main4_slider.slick-current .main4_slider_txt {height: 88px;}
  .main4_slider_thumb {padding-bottom: 52%; margin-bottom: 16px;}
  .main4_slide .slick-next {margin-right: -46%;}
  .main4_slide .slick-prev {margin-left: -46%;}

  .client_left {display: none;}
  .client_right {width: 100%; vertical-align: middle; padding-left: 0;}
  .client_right .slick-slide{height: auto;}

  /* sub */
  .sub_visual{height: auto;}
  .s_visual_img{height: 0; padding-bottom: 48%; overflow: hidden;}
  .sub_visual_txtbox{transform: translate(-50%,-32%);}
  .sub_visual_tit {font-size: 24px;}
  .sub_visual_subtit {font-size: 16px;}
  .sub_visual_txt {font-size: 15px;}
  .location_wrap {text-align: left;}
  p.sub_second_tit {font-size: 18px;}
  .m_tabbox{margin-top: -10px;}
  
  h3.sub_first_tit br {display: none;}
  p.add_txt br {display: none;}

  /* sub-company intro */
  .organ_graph {padding: 50px;}

  .service_ul {padding: 0 0;}
  .service_ul li {width: 100%; display: block; height: auto; padding: 20px;}
  .service_ul li p:nth-child(2) {font-size: 18px; margin: 0;}
  .service_ul li:nth-child(4) p:nth-child(2) {margin: 0;}
  .service_ul li:nth-child(5) p:nth-child(2) {margin: 0;}

  .subsidiary {margin-bottom: 60px;}
  .subsidiary_ul li {width: 50%; padding: 0 5px;}

  .history_cont > p {font-size: 22px;}

  /* sub-management values�?*/
  .man_gra_box p {font-size: 19px;}
  .man_gra_box.man_gra2 p {font-size: 18px; font-weight: 500;}

  /* sub-CI */

  /* sub-news list */
  .news_tit a {font-size: 16px;}

  /* sub-news detail */

  /* sub-directions�?�?*/

  /* sub-ethics charter */
  .charter_ul li {height: 285px;}

  /* sub-code of ethics */
  .ethics_num {display: none!important;}
  .ethics_con {width: 100%;}

  /* sub-chemicals */
  .main_content_box {padding: 30px 0;}

  /* sub-career center */
  .hire_tit {font-size: 22px; margin-top: 15px;}
  .go_hire_center {font-size: 16px;}

  /* 2022-01-19 added */
  .visual{height: 0 !important; min-height: auto; overflow: hidden;}
  .main2 {padding-top: 60px; height: auto;}
  .main3 {height: auto;}
  .main_visual_subtxt {margin-top: 3px;}
  .main_visual_txt {margin-top: 10px;}
  .main_section04 .main4_slide {margin-top: 0; padding-top: 25px;}

}

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

  /* header */
  .header {padding: 0 10px;}

  /* MAIN */
  .visual_img img{width: auto; height: 100%; min-width: auto; min-height: auto; top: 50%;}
  .visual .visual_copy_tit{font-size: 28px;}
  .visual .visual_copy_txt{font-size: 16px;}
  .visual .visual_copy_txt1{font-size: 16px;}
  .visual .visual_copy_txt2{font-size: 16px;}
  .visual_copy_txt1{width: 90%;}
  

  .main_visual_txt {margin-top: 0;}

  .main2_over p:first-child {font-size: 23px; margin-top: 20%;}
  .main2_over p:nth-child(2) {font-size: 16px;}
  .main2_over span {margin-top: 8%;}
  .main2_over span img {margin-left: 10px;}

  .main3_over p:first-child {font-size: 23px; margin-top: 20%;}
  .main3_over p:nth-child(2) {font-size: 16px;}
  .main3_over span {margin-top: 8%;}
  .main3_over span img {margin-left: 10px;}

  .main4_slider_tit {font-size: 18px; padding-bottom: 10px;}
  .main4_slider_txt {font-size: 18px; margin-top: 10px;}
  .main4_slider a {margin-top: 10px; font-size: 16px;}

  .contact_conbox img {margin-right: 7px;}
  .contact_baro >div > img {display: none;}

  /* sub */
  .sub_visual{height: auto;}
  .s_visual_img{height: 0; padding-bottom: 70%; overflow: hidden;}

  .location_wrap {display: none;}
  .sub_title_box {padding: 65px 0 10px;}
  .sub_tit {font-size: 30px;}
  p.add_txt {font-size: 16px; word-break: break-word;}
  .about_contt p.add_txt,
  .about_contt p.add_txt *,
  .about_contt .add_txt,
  .about_contt .add_txt * {font-size: 17px !important; line-height: 1.75 !important;}
  h3.sub_first_tit {font-size: 20px;}

  /* sub-company intro */
  .history_cont.line_m::after {top: -209px; height: 140%;}

  .intro_midle_ul li {width: 100%; text-align: center; height: 100%;padding-bottom: 18px; margin-top: 10px;}
  .intro_midle_ul li:not(:first-child) {margin-left: 0;}

  /* sub-management values�?*/
  .man_gra_box {border-radius: 0;}

  .man_ability_ul li {padding: 20px 10px;}
  .man_ability_ul li > * {float: none; display: block;}
  .ability_tit p {font-size: 20px;}
  .ability_cont {width: 100%;margin-top: 10px;}
  .ability_cont p {font-size: 16px;}

  .man_value_ul li {height: 210px;}
  .man_value_ul li p {font-size: 20px; margin-top: 20px;}

  /* sub-CI */

  /* sub-news list */
  .news_ul >li {padding: 30px 10px;}
  .srch_box select {display: block; width: 100%; background: url(../img/news_list_under_arr.png) no-repeat 95% center;}
  .srch_con {width: calc(100% - 60px); margin-left: 0;}
  .news_conbox {width: 100%;}
  .news_tit {word-break: break-all; font-size: 19px;}
  .news_date {width: auto;}

  .news_date p {display: inline-block; vertical-align: middle;}

  .pagination a {width: 25px; height: 30px; line-height: 30px;}
  .pagination p a {width: 25px; height: 30px; line-height: 30px;}

  /* sub-news detail */
  .news_view_titbox {padding: 30px 10px;}
  .news_view_tit {font-size: 19px;}
  .news_view_content {padding: 30px 10px;}
  .prev_next_ul p:first-child {width: 60px; text-indent: -999px; background: url(../img/news_list_under_arr.png) no-repeat center;}
  .prev_next_ul p.img_transform {transform: rotate(180deg);}
  .prev_next_ul p {width: calc(100% - 65px);}
  .news_go_list {width: 100%;}
  .list_btn_box {margin-bottom: 60px;}

  .mT10 {padding-left: 20px;}

  /* sub-directions�?�?*/
  .map_tab_ul {padding: 0;}

  .map_address {padding: 30px 25px;}
  .map_address > div p {font-size: 17px;}
  .map_address > div >img {display: none;}
  .map_address > div p span {margin-left: 0; display: block;}

  /* sub-code of ethics */
  .ethics_ul li {padding: 30px 0;}
  .ethics_con {padding: 0 10px;}
  .ethics_con p:first-child {font-size: 18px; margin-bottom: 10px;}
  .ethics_con p {font-size: 15px;}

  /* sub-ethics charter */
  .charter_box {margin-bottom: 60px;}
  .charter_ul li {width: 100%; height: auto; padding: 0; margin-bottom: 10px;}
  .charter_txt {word-break: break-all; font-size: 16px;}

  /* sub-chemicals */
  .main_service_tit {margin-bottom: 20px;}
  .help_txt_box {padding-top: 60px;}
  .help_txt_left {font-size: 20px;}
  .help_txt_right {font-size: 20px;}
  .help_txt_right img {display: none;}
  .help_txt_right a {font-size: 20px;}
  .main_service_txt {word-break: break-all; font-size: 16px;}

  /* sub-HR policy */
  #personnel .bg_blue {padding: 60px 0;}

  /* sub-benefits */
  .welfare_txtbox p {word-break: break-all;}
  .welfare_txtbox p:first-child {font-size: 18px;}

  /* sub-career center */
  .go_hire_center {width: 100%;}
  
  /* footer */
  .foot_slogan {font-size: 18px;}
  .foot_info_line {font-size: 13px;}
  .foot_info_line .foot_sep {display: none;}
  .foot_info_line a,
  .foot_info_line span {display: inline-block;}
  .foot_copyright p {font-size: 12px;}
  .foot_con_right > a {font-size: 14px;}

  /* contact us */
  .contact_conbox {width: 240px;}

  /* 2022-01-19 added */
  .mo_menu_ct {width: 260px;}
  .mo_menu_dp1 > li > span, .mo_menu_dp1 > li > a {font-size: 20px; padding-left: 20px;}
  .mo_menu_dp2 > li > span, .mo_menu_dp2 > li > a {font-size: 15px;}
  .mo_menu_dp3 > li > span, .mo_menu_dp3 > li > a {font-size: 14px;}
  .srch_box select {border-right: 1px solid #e8e8e8; margin-bottom: 8px;}
  .header .nav_right_box {gap: 10px;}
  .header .nav_right_box .header_icon_btn {width: 30px; height: 30px;}
  .header .nav_right_box .header_icon_btn svg {width: 14px; height: 14px;}
  .header_search_inner {padding: 0 20px;}
  .header_search_submit {min-width: 82px; height: 38px; padding: 0 18px; font-size: 14px;}

  /* 2022-04-14 career center button added */
  .go_hire_center.add_btn {position: static; margin: -20px 0 15px;}

  /* 2022-04-26 career center button added */
  .m_add_btn01 {display: block;}
  .m_add_btn02 {display: none;}

}

/* Homepage HOT PRODUCTS card — larger text & icon on wide screens */
@media screen and (min-width: 1601px) {
  .main3_slide_inner_box > p {
    font-size: 22px;
  }

  .hot_product_icon {
    width: 104px;
    height: 104px;
    top: 28%;
  }

  .hot_product_icon .product_icon_svg {
    width: 54px;
    height: 54px;
  }
}

@media screen and (min-width: 1920px) {
  .main3_slide_inner_box > p {
    font-size: 24px;
    line-height: 1.4;
  }

  .hot_product_icon {
    width: 112px;
    height: 112px;
    top: 27%;
  }

  .hot_product_icon .product_icon_svg {
    width: 58px;
    height: 58px;
  }
}