@charset "UTF-8";

@media screen and (max-width:1800px){
    .mainpartners_prev{
        left: -38px;
    }
    .mainpartners_next{
        right: -38px;
    }
}

@media screen and (max-width:1600px){
    .main_partnersbox{width: 80%;}
    .mainvis_text{text-align: center; width: 100%;}
    .maincon4_listbox li{margin-right: 32px;}
    .sub_container{width: 90%;}
    .subvis_bar{height: 70px;}
    .strength_list1 img{width: 100%;}
    .strength_list2 li:nth-child(3){font-size: 14px;}
    .strength_list2{padding-left: 25px;}
    .partners_listbox li img{width: 100%;}
    .contact_formlist .email input{width: 147px;}
    .contact_formlist .email select{width: 190px;}
}

@media screen and (max-width:1400px){
    .header{padding: 0 20px;}
    .gnb > li:last-child > a{margin-right: 40px;}
    .lang_box{margin-left: 26px;}
    .gnb > li > a{margin: 0 36px;}
    .maincon3_list{width: calc(33.33% - 14px); margin-right: 20px;}
    .footer,.maincon3_listbox{width: 100%;}
    .maincon3_list img{width: 100%;}
    .maincon4_listbox li{width: calc(20% - 35px)}
    .maincon4_listbox li img{width: 100%;}
    .footer_wrap{padding: 70px 20px; box-sizing: border-box;}
    .footer_info li{width: 27%;}
    .footer_info li:nth-child(3){width: 46%;}
    .history_year{margin-right: 19px;}
    .cer_listbox{width: 50%;}
    .strength_list1{width: 100%; margin-bottom: 40px;}
    .strength_list1 img{width: initial;}
    .strength_list2{width: 100%; text-align: center; padding-left: 0;}
    .notice_table td a{width: 700px;}
    .contact_formlist .email input{width: 117px;}
    .contact_formlist .email select{width: 160px;}
    .history_year{font-size: 24px;}
    .history_desc{font-size: 16px;}
    .header_sub{padding: 0 24px;}
    .pc_margin3{display: none;}
}

@media screen and (max-width:1300px){    
    .cwwc_table{width: 100%;}
}

@media screen and (max-width:1200px){
    .main_contact{width: 100%;}
    .maincon2_listbox li{margin: 0 9px;}
    .gnb > li > a{margin: 0 22px;}
    .gnb > li:last-child > a{margin-right: 30px;}
    .main_con6{padding: 100px 20px 120px; box-sizing: border-box;}
    .footer_info{width: 70%;}
    .footer_logo{width: 30%;}
    .greeting_imgbox li{margin-right: 11px;}
    .history_img img{width: 100%;}
    .history_img{padding-right: 30px;}
    .history_conbox{padding-left: 10px;}
    .history_desc{font-size: 15px;}
    .history_year{margin-right: 15px;}
    .factory_infocon li span{font-size: 14px;}
    .notice_table td a{width: 600px;}
    .contact_agreebox{width: 100%; float: none; margin-bottom: 40px;}
    .contact_agreebtn{width: 100%; float: none; text-align: center;}
    .contact_agreebtn a{display: inline-block;}
    .contact_formlist:nth-child(1){padding-right: 20px;}
    .contact_formlist:nth-child(2){padding-left: 20px;}
    .contact_formlist .email span{margin: 0;}
    .contact_formlist .email select{width: 131px;}
    .mainvis_margin{display: block;}
    .mainvis_text li:nth-child(2){line-height: 1.6;}
    .cwwc_stable th{padding-left: 10px;}
}

@media screen and (max-width:1024px){
    .pcheader_wrap,.pcmain_vis{display: none!important;}
    .mheader_wrap,.mmain_vis{display: block!important;}
    .menu_btn{float: right; cursor: pointer; width: 38px; height: 110px; position: relative;}
    .header{padding: 0 30px; z-index: 3;}
    .open_btn,.close_btn{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
    .close_btn{display: none;}
    .mainvis_slideimg img.mmain_vis{width: 100%;}
    .mvis_margin{display: block; margin: 8px 0;}
    .mainvis_text{top: 100%;}
    .mainvis_text.mainvis_textmove{top: 86%;}
    .mcon1_margin{display: block; margin: 6px 0;}
    .maincon2_listbox li{width: calc(25% - 29px); margin-bottom: 40px;}
    .footer{text-align: center;}
    .footer_logo{float: none; width: 100%; margin-bottom: 40px;}
    .footer_info{float: none; width: 94%; text-align: left; display: inline-block;}
    .mmenu_box{position: fixed; top: 0; right: -100%; width: 100%; height: 100vh; background-color: rgba(0,0,0,0.8); z-index: 2; display: none;}
    .header.mmenu_active{border-bottom: none;}
    .open_btn.mmenu_active{display: none;}
    .close_btn.mmenu_active{display: block;}
    .mmenu_con{position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 100%; text-align: center;}
    .mmenu_tit{padding-bottom: 44px; border-bottom: 1px solid rgba(255,255,255,0.2); color: #fff; font-family:'LibreBaskerville'; font-weight: 200; font-size: 50px; margin-bottom: 44px;}
    .mone_depth{margin-bottom: 52px;}
    .mone_depth > a{margin-bottom: 38px; display: block; color: #fff; font-size: 24px; font-weight: 500;}
    .mtwo_depth{display: none;}
    .mtwo_depth li a{display: block; color: rgba(255,255,255,0.6); font-size: 20px; margin-bottom: 26px; font-weight: 200;}
    .sub_tit{margin-bottom: 40px;}
    .sublocation_con{text-align: center;}
    .greeting_imgbox li{width: calc(33.33% - 14px); margin-right: 16px;}
    .greeting_imgbox li img{width: 100%;}
    .pc_margin2{display: none;}
    .history_img{width: 100%;}
    .history_conbox{width: 100%; padding-left: 20px;}
    .factory_infocon{width: 100%;}
    .factory_infocon:nth-child(1){margin-right: 0; margin-bottom: 1px;}
    .cwwc_table{width: 1024px;}
    .t_scroll{overflow-x: scroll;}
    .tscroll_text{display: block; text-align: center; margin-top: 40px;}
    .pdpm_con li,.cwwc_table td,.cwwc_table th{font-size: 14px;}
    .pdpm_tit{font-size: 18px;}
    .cer_listbox{width: 100%;}
    .partners_listbox li{width: calc(25% - 20px);}
    .notice_table td a{width: 460px;}
    .search_box input{width: 618px;}
    .contact_formlist{float: none; width: 100%;}
    .contact_formlist:nth-child(1){padding-right: 0;}
    .contact_formlist:nth-child(2){padding-left: 0;}
    .contact_info p,.contact_infolist li p:nth-child(2){font-size: 17px;}
    .contact_infolist li p:nth-child(3){font-size: 15px;}
    .contact_form{padding: 0;}
    .bigt_margin{display: block;}
    .subvis_textbox li:nth-child(2){line-height: 1.6;}
    .mlang_box{float: right; padding: 46px 0; margin-right: 16px;}
    .mlang_box.mlang_active{display: block;}
    .mlang_box li{float: left; position: relative; font-family: 'Roboto'; font-weight: 400;}
    .mlang_box li a{color: rgba(255,255,255,0.5); padding: 0 8px;}
    .mlang_box li a.lang_active{color: #fff;}
    .mlang_box li:nth-child(1)::after{display: block; content: '/'; width: 1px; height: 100%; color: #fff; position: absolute; top: 50%; transform: translateY(-50%); right: 0;}
    .header_sub{z-index: 3;}
}

@media screen and (max-width:992px){    
    .maincontact_con{width: 100%;}
    .maincontact_con:nth-child(1){margin-right: 0; margin-bottom: 58px;}
    .main_con1 li:nth-child(3){font-size: 15px;}
    .contact_infolist li{margin: 0 32px;}
}

@media screen and (max-width:768px){
    .mainvis_text.mainvis_textmove{top: 60%;}
    .mainvis_text li:nth-child(1){font-size: 34px;}
    .mainvis_text li:nth-child(2){font-size: 16px;}
    .pc_margin{display: none;}
    .t_margin{display: block;}
    .maincon2_listbox li{width: calc(33.33% - 29px);}
    .maincon3_list{width: 80%; margin-right: 0; float: none; display: inline-block; margin-bottom: 30px;}
    .main_mscroll{overflow-x: scroll;}
    .maincon4_listbox{width: 1024px;}
    .mscroll_text{display: block; text-align: center;}
    .footer_info li{width: 50%; text-align: left;}
    .footer_info li.footer_add{width: 100%;}
    .footer_info{text-align: center;}
    .cate01_visbox{background-image: url(/web/images/sub/mcate01_vis.jpg); background-size: cover;}
    .notice_table th:nth-child(4),.notice_table td:nth-child(4){display: none;}
    .notice_table th:nth-child(3),.notice_table td:nth-child(3){padding: 0 10px; box-sizing: border-box;}
    .notice_table td a{width: 300px;}
    .notice_table th,.notice_table td{font-size: 14px;}
    .search_box input{width: 378px;}
    .contact_info p,.contact_infolist li p:nth-child(2){font-size: 15px;}
    .contact_infolist li p:nth-child(3){font-size: 14px;}
    .contact_infolist li{width: 100%; margin: 0;}
}

@media screen and (max-width: 600px){    
    .maincontact_con{width: 100%;}
    .maincontact_con:nth-child(1){margin-right: 0; margin-bottom: 58px;}
    .main_con1 li:nth-child(3){font-size: 15px;}
}

@media screen and (max-width:480px){
    .logo{padding: 20px 0;}
    .logo img{width: 135px;}
    .footer_logo img{width: 124px;}
    .menu_btn{width: 19px; height: 60px;}
    .menu_btn img{width: 100%;}
    .mainvis_text li:nth-child(1){font-size: 20px;}
    .mainvis_text li:nth-child(2){font-size: 10px;}
    .mainvis_prev{width: 11px; height: 20px; background-size: contain; left: 15px;}
    .mainvis_next{width: 11px; height: 20px; background-size: contain; right: 15px;}
    .mmenu_tit{font-size: 25px; padding-bottom: 22px; margin-bottom: 22px;}
    .mone_depth{margin-bottom: 26px;}
    .mone_depth > a{font-size: 12px; margin-bottom: 19px;}
    .mtwo_depth li a{font-size: 10px; margin-bottom: 13px;}
    .maincon1_bar{height: 60px;}
    .main_con1 li:nth-child(2){font-size: 13px; margin-bottom: 12px;}
    .main_con1 li:nth-child(3){font-size: 10px;}
    .main_con1{padding-bottom: 70px;}
    .main_titbox li:nth-child(1){font-size: 10px; margin-bottom: 6px;}
    .main_titbox li:nth-child(2){font-size: 17px; margin-bottom: 30px;}
    .maincon2_bar{height: 20px; margin-bottom: 15px;}
    .main_con2,.main_con3,.main_con4{padding: 60px 0;}
    .maincon2_listbox li p:nth-child(1) img{width: 29px;}
    .maincon2_listbox li p:nth-child(1){margin-bottom: 13px;}
    .maincon2_listbox li p:nth-child(2){font-size: 10px;}
    .maincon2_listbox li{width: calc(33.33% - 24px); margin: 0 10px; vertical-align: top;}
    .maincon2_listbox li:nth-child(1),.maincon2_listbox li:nth-child(2),.maincon2_listbox li:nth-child(3){margin-bottom: 25px;}
    .maincon2_btn a{font-size: 10px; width: 123px; padding: 10px 0;}
    .maincon3_text li:nth-child(1){font-size: 30px; margin-bottom: 8px;}
    .maincon3_text li:nth-child(2){font-size: 10px;}
    .mscroll_text{font-size: 10px;}
    .main_con5{padding: 50px 0;}
    .mainpartners_prev{width: 11px; height: 20px; background-size: contain; left: -20px;}
    .mainpartners_next{width: 11px; height: 20px; background-size: contain; right: -20px;}
    .main_con6{padding: 50px 15px;}
    .maincontact_tit{font-size: 17px; margin-bottom: 34px;}
    .maincontact_list li:nth-child(1),.maincontact_list li input,.maincontact_list li input::placeholder{font-size: 10px;}
    .maincontact_list{padding-bottom: 7px; margin-bottom: 13px;}
    .maincontact_list li:nth-child(1){margin-top: 7px; width: 60px;}
    .maincontact_list li:nth-child(2){width: calc(100% - 60px);}
    .maincontact_agreebox{margin-bottom: 20px;}
    .maincontact_agreebox li input[type="checkbox"] + label .design_check{width: 8px; height: 8px; margin-right: 2px;}
    .maincontact_agreebox li input[type="checkbox"] + label .checkbox_text{font-size: 10px; vertical-align: middle;}
    .design_check{background-size: contain;}
    .maincontact_agreebox li:nth-child(2) a{font-size: 10px; width: 123px; padding: 10px 0;}
    .maincontact_con:nth-child(1){margin-bottom: 44px;}
    .maincontact_textbox li:nth-child(1){font-size: 10px; margin-bottom: 6px;}
    .maincontact_textbox li:nth-child(2) textarea{height: 92px; padding: 10px 11px; font-size: 10px;}
    .maincontact_textbox li:nth-child(2) textarea::placeholder{font-size: 10px;}
    .maincontact_textbox li:nth-child(3) a{font-size: 10px; padding: 12px 0;}
    .footerinfo_tit,.footerinfo_desc,.copy{font-size: 10px;}
    .footerinfo_tit{margin-right: 2px;}
    .footer_wrap{padding: 50px 15px;}
    .sub_visbox{height: 220px;}
    .subvis_textbox li:nth-child(1){font-size: 17px; margin-bottom: 12px;}
    .subvis_textbox li:nth-child(2){font-size: 10px; margin-bottom: 18px; line-height: 1.6;}
    .subvis_bar{height: 35px;}
    .t_margin{display: none;}
    .factory_infocon li span.m_margin,.m_margin{display: block;}
    .sub_tit{margin: 30px 0 20px; font-size: 17px;}
    .sublocation_con li{font-size: 10px;}
    .sublocation_con li img{width: 7px;}
    .sub_location{padding-bottom: 10px;}
    .greeting_container{margin-top: 20px;}
    .greeting_imgbox{margin-bottom: 20px;}
    .greeting_desc{font-size: 11px; margin-bottom: 30px;}
    .greeting_btn a{font-size: 10px; width: 192px; padding: 14px 0;}
    .sub_container{margin-bottom: 60px;}
    .history_year{font-size: 15px;}
    .history_desc{font-size: 11px;}
    .history_conbox{padding-left: 0;}
    .history_scon{padding-bottom: 30px;}
    .history_scon li:nth-child(1){margin-right: 9px;}
    .history_month{margin-right: 6px;}
    .history_scon li:nth-child(1) img{width: 8px; margin-bottom: 6px;}
    .history_scon::after{left: 4px;}
    .factory_infotit{font-size: 12px;}
    .factory_infocon li span{font-size: 10px; line-height: 1.3;}
    .factory_infocon li .m_margin{display: block; padding: 0; border: none;}
    .factory_infocon .mfi_hd{padding: 23px 0;}
    .pdpm_tit{font-size: 12px;}
    .pdpm_con li, .cwwc_table td, .cwwc_table th{font-size: 10px;}
    .pdpm_con:nth-child(1){width: 14%;}
    .pdpm_con{width: 28.6%;}
    .factory_infobox2,.pdpm_conbox{padding-bottom: 30px; margin-bottom: 30px;}
    .tscroll_text{font-size: 10px; margin-top: 20px;}
    body{-webkit-text-size-adjust: 100%;}
    .cer_list img{width: 100%;}
    .cer_list2 li:nth-child(1){font-size: 12px; margin: 11px 0 13px;}
    .cer_list2 li:nth-child(2){height: 44px; font-size: 10px;}
    .cer_list2 li:nth-child(3){font-size: 10px;}
    .strength_list1{width: 100%; margin-bottom: 20px;}
    .strength_list1 img{width: 100%;}
    .strength_list2 li:nth-child(1){font-size: 26px; margin-bottom: 15px;}
    .strength_list2 li:nth-child(2){font-size: 11px; margin-bottom: 16px;}
    .strength_list2 li:nth-child(3){font-size: 10px;}
    .strength_listbox{padding: 30px 0;}
    .partners_listbox li{width: calc(33.33% - 8px); margin: 0 4px; margin-bottom: 8px;}
    .notice_table td a{width: 168px;}
    .notice_table th{font-size: 11px; padding: 12px 0;}
    .notice_table th{width: 20%;}
    .notice_table th:nth-child(2){width: 60%;}
    .notice_table td{font-size: 10px; width: 20%; padding: 12px 0;}
    .notice_table td:nth-child(2){width: 60%;}
    .search_box input{height: 34px; padding-left: 12px; font-size: 10px; width: 254px; -webkit-appearance:none; -webkit-border-radius:0;}
    .search_box input::placeholder{font-size: 10px;}
    .search_btn{width: 34px; height: 34px; background-size: 18px;}
    .contact_info p{font-size: 11px; margin-bottom: 30px;}
    .contact_infolist li p:nth-child(2){font-size: 11px;}
    .contact_infolist li p:nth-child(3){font-size: 10px; margin-bottom: 18px;}
    .contact_info{padding: 30px 0; margin-bottom: 30px;}
    .contact_formtit{font-size: 12px; margin-bottom: 8px;}
    .contact_formlist li img{margin-top: 3px;}
    .contact_formlist li input{height: 28px; font-size: 12px;}
    .contact_formcall select,.contact_formlist .email select{height: 28px; width: 100px; font-size: 12px;}
    .contact_formlist li textarea{font-size: 12px;}
    .contact_formlist li .attachment img{width: 10px; margin-right: 8px;}
    .contact_formlist li .contact_formcall input{width: 70px; padding-left: 8px;}
    .contact_formlist li{margin-bottom: 20px;}
    .contact_formlist .email input{width: 70px; padding-left: 8px;}
    .contact_formlist .email span{font-size: 12px;}
    .contact_tncbox{font-size: 10px; height: 86px; padding: 12px 9px;}
    .conagree_text{font-size: 12px;}
    .conagree_check{width: 15px; height: 15px;}
    .contact_agreebox input[type="checkbox"] + label span{vertical-align: text-top;}
    .contact_agreebox input[type="checkbox"]:checked + label .conagree_check{background-size: 9px;}
    .contact_agreebox{margin-bottom: 18px;}
    .contact_agreebtn a{font-size: 12px; width: 128px; padding: 11px 0;}
    .contact_formlist li .attachment input[type="text"].file_desc{width: 100%; margin-top: 10px; margin-left: 0;}
    .contact_formlist li .attachment label{font-size: 11px; width: 86px; padding: 5px 0 8px;}
    .contact_formlist li .attachment input[type="text"].file_desc{font-size: 11px; height: 28px;}
    .main_tnccon{font-size: 10px;}
    .mainvis_margin,.bigt_margin{display: none;}
    .mlang_box li a{font-size: 11px;}
    .mlang_box{padding: 22px 0; margin-right: 8px;}
}