@charset "utf-8";

@media screen and  (max-width:1800px)  {
   #wrap {min-width: 100%;}
   

}
@media screen and  (max-width:1750px)  {
   #wrap {min-width: 100%;}
}
@media screen and  (max-width:1600px)  {


}


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

    .sub_visual_box {padding: 240px 0;}

}

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

    .sec_wrap {padding: 50px 20px;}
    .mian_pd_box_a img {width: auto;}
    
    .main_sec_01_slider .sgap {height: 20px;}

    .main_sec_02_box_txt_wrap .en_sec_txt br {display: none;}
    .s_sec_01_01_01_wrap .en_sec_txt br {display: none;}
    .s_sec_01_01_02_wrap .en_sec_txt br {display: none;}
    .s_sec_02_01_01_wrap .en_tit {font-size: 34px;}
    .s_sec_02_01_01_wrap .en_sec_txt br {display: none;}

    .pd_ex br {display: none;}    


    .s_sec_02_01_01_wrap .en_sec_txt {height: auto;}
    .s_sec_02_01_02_wrap {padding: 0 20px;}
    .s_sec_02_01_03_wrap  {padding-top: 0px;}


    .s_sec_02_pdlist_box {width: 100%;}
    .s_sec_02_pdlist_left {width: 50%;}
    .s_sec_02_pdlist_right {width: 50%;}
    .s_sec_02_pdlist_right_in {padding-left: 0px;}


    .s_sec_02_pdlist_btn_box {top: -5px;}
    .s_sec_02_01_01_wrap_en .s_sec_02_pdlist_btn_box {top: -15px;}

    .s_sec_02_01_01_wrap .sgap {height: 40px;}



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


    .s_sec_02_01_01_wrap .en_sec_txt {height: 86px;}
    .s_sec_02_01_01_wrap_en .sgap {height: 35px;}
    
    .sub02_01_01 .gap {height: 50px;}
    .sub02_01_01 .sgap {height: 25px;}
    .sub02_01_02 .gap {height: 50px;}
    .sub02_01_02 .sgap {height: 25px;}
    .sub02_01_03 .gap {height: 50px;}
    .sub02_01_03 .sgap {height: 25px;}
    .sub02_01_04 .gap {height: 50px;}
    .sub02_01_04 .sgap {height: 25px;}
    .sub02_01_05 .gap {height: 50px;}
    .sub02_01_05 .sgap {height: 25px;}
    .sub02_01_06 .gap {height: 50px;}
    .sub02_01_06 .sgap {height: 25px;}
    .sub02_01_07 .gap {height: 50px;}
    .sub02_01_07 .sgap {height: 25px;}
    .sub02_01_08 .gap {height: 50px;}
    .sub02_01_08 .sgap {height: 25px;}
    .sub02_01_09 .gap {height: 50px;}
    .sub02_01_09 .sgap {height: 25px;}



}

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

    .main_sec_02_box_txt_wrap .en_sec_txt {height: 140px;}    

}

@media screen and  (max-width:1250px) {
    
    .s_sec_02_01_01_wrap_en .sgap {height: 30px;}
}


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

   /*main*/

   .main_visual_txt {text-align: left;}
   .main_visual_txt_wrap {left: 20%;}
   .main_sec_01_slider .sec_txt2 {height: 50px;}
   .item_img {margin: 0 auto; width: 80px;}
   .main_sec_01_con_left_wrap {padding-bottom: 140px;}
   .sub_visual_box {padding: 200px 0;}

   /*회사소개*/

    .s_sec_01_01_02_con_left_in .gap {height: 50px;}

   /*제품소개*/



}
@media screen and  (max-width:1135px) {
    #wrap .logo_wrap {top: 0px;left: 0px;transform: none;width:180px;position: relative;margin: 0 auto;padding: 15px 0;}
    #wrap .logo_wrap img {display: none;image-rendering: -webkit-optimize-contrast;}
    #wrap .logo_wrap img.logo_mo {display: inline-block;}
    #wrap .header_wrap a.logo {background-color: transparent; padding: 0px; border-radius: 0px;}
    #wrap .header_all_wrap {background-color: #fff;}
    #wrap .top_nav {border-top: 1px solid #eee;}
    #wrap .top_nav .menu {width: 25%;margin: 0px;}
    #wrap .top_nav .menu_a {color: #222;height: 50px;font-size: 16px;font-weight: bold;}
    #wrap .header_mid_wrap {padding: 0px;}
    .m_menu_btn_wrap {display: block;}
    .scroll .header_mid {padding-left: 0px;}
    .header_all_wrap {position: relative;top: 0px;left: 0px;}

    #wrap .lang_all_wrap {left: 0px; top: 15px; width: 120px;}
    #wrap .lang_all_wrap .lang_box .lang_box_a {color: #333;}
    #wrap .lang_all_wrap .lang_box .lang_box_a:after {border-left: 1px solid #333; border-bottom: 1px solid #333;}
}



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


    .main_visual {height: calc(100vh - 113px); min-height: 500px; }

    .main_visual_txt_wrap {left: 30%;}


    .sec_tit {font-size: 30px;}
    .sec_tit3 {font-size: 24px;}
    .main_sec_03_btn_box {width: 200px;}

    .sub_visual_box {padding: 160px 0;}
    .main_visual_txt {padding-left: 0px;}
    .main_pd_con {left: 5%;}

    .main_visual_txt_wrap {left: 0px;}
    .main_visual_txt_wrap {position: relative; }
    .main_pd_wrap {position: relative;}
    .main_visual_txt {display: block;text-align: center;}
    .main_pd_con {display: block;text-align: center;}
    .mian_pd_box {width: 120px; padding: 0 10px;}
    .main_visual_txt_01 {font-size: 24px;padding-bottom: 30px;}
    .main_visual {position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px; height: auto; min-height: 100%; max-height: 100%;}
    .main_visual_wrap {padding: 50px 0;}
    .main_sec_02_box_in {max-width: 300px; margin: 0 auto;}
    .main_pd_con::before {display: none;}
    .main_pd_con {left: 0px;}

    .s_sec_02_01_01_wrap .en_tit {font-size: 30px;}

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

    .main_sec_02_box_txt_wrap br {display: none;}
    .main_sec_02_box_txt_wrap .en_sec_txt {padding-top: 10px;}
    .main_sec_02_box_txt_wrap .en_tit3 {height: 70px;}

}

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

    /*제품*/
    .s_sec_02_01_01_01_con_left {width: 100%; position: relative; }
    .s_sec_02_01_01_01_con_right {width: 100%; text-align: center; padding-top: 50px;}
    .s_sec_02_01_01_01_btn_box {font-size: 16px;}
    .s_sec_02_01_02_01_con_left {width: 100%; position: relative; }
    .s_sec_02_01_02_01_con_right {width: 100%; text-align: center; padding-top: 50px;}
    .s_sec_02_01_02_01_btn_box {font-size: 16px;}
    .s_sec_02_01_03_01_con_left {width: 100%; position: relative; }
    .s_sec_02_01_03_01_con_right {width: 100%; text-align: center; padding-top: 50px;}
    .s_sec_02_01_03_01_btn_box {font-size: 16px;}
    .s_sec_02_01_04_01_con_left {width: 100%; position: relative; }
    .s_sec_02_01_04_01_con_right {width: 100%; text-align: center; padding-top: 50px;}
    .s_sec_02_01_04_01_btn_box {font-size: 16px;}
    .s_sec_02_01_05_01_con_left {width: 100%; position: relative; }
    .s_sec_02_01_05_01_con_right {width: 100%; text-align: center; padding-top: 50px;}
    .s_sec_02_01_05_01_btn_box {font-size: 16px;}
    .s_sec_02_01_06_01_con_left {width: 100%; position: relative; }
    .s_sec_02_01_06_01_con_right {width: 100%; text-align: center; padding-top: 50px;}
    .s_sec_02_01_06_01_btn_box {font-size: 16px;}
    .s_sec_02_01_07_01_con_left {width: 100%; position: relative; }
    .s_sec_02_01_07_01_con_right {width: 100%; text-align: center; padding-top: 50px;}
    .s_sec_02_01_07_01_btn_box {font-size: 16px;}
    .s_sec_02_01_08_01_con_left {width: 100%; position: relative; }
    .s_sec_02_01_08_01_con_right {width: 100%; text-align: center; padding-top: 50px;}
    .s_sec_02_01_08_01_btn_box {font-size: 16px;}
    .s_sec_02_01_09_01_con_left {width: 100%; position: relative; }
    .s_sec_02_01_09_01_con_right {width: 100%; text-align: center; padding-top: 50px;}
    .s_sec_02_01_09_01_btn_box {font-size: 16px;}

}

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

    .main_sec_01_con_left_wrap br {display: none;}
    .main_sec_01_con_left {width: 100%; text-align: center;}
    .main_sec_01_con_left_wrap {padding-bottom: 50px;}

    .main_sec_01_icon {text-align: center;}
    .main_sec_01_icon_bg {background-position: center;}
    .main_sec_01_con_right_wrap {position: relative; width: 100%;}


    /*회사소개*/
    .s_sec_01_01_02_wrap {padding-top: 0px;}
    .s_sec_01_01_03_wrap {padding-top: 0px;}

    .s_sec_01_01_01_con_left {width: 100%; position: relative; top: 0px; height: 300px;}
    .s_sec_01_01_01_con_left_in {right: 0px;}
    .s_sec_01_01_01_con_right {width: 100%;}
    .s_sec_01_01_01_right_in {margin-left: 0px; text-align: center;}
    .s_sec_01_01_01_con_right .sec_tit br {display: none;}

    .s_sec_01_01_02_con_right {width: 100%; position: relative; top: 0px; height: 300px;}
    .s_sec_01_01_02_con_right_in {left: 0px;}
    .s_sec_01_01_02_con_left {width: 100%;}
    .s_sec_01_01_02_con_left_in {margin-right: 0px; text-align: center;}



    .sec_txt {font-size: 16px;}

    .main_sec_03_btn_box {font-size: 16px;}
    .sgap {height: 25px;}
    .gap {height: 50px;}
    .main_sec_03_btn_box {width: 180px;}
    .s_sec_01_01_02_con_left_in .gap {height: 25px;}

}


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

    
    .s_sec_02_01_01_wrap .sec_txt br {display: none;}

    /*문의하기*/
    .board_wrap_in {margin-right: 0px;}
    .board_right {display: none;}
    .s_sec_04_01_01_wrap .sec_tit{text-align: center;}
    .sub_04_01_board_wrap {width: 100%;}
    .borad_btn_wrap {text-align: center!important;}

    .s_sec_02_01_01_01_con_right .s_sec_02_pdtxt br {display: none;}
    .s_sec_02_01_02_01_con_right .s_sec_02_pdtxt br {display: none;}
    .s_sec_02_01_03_01_con_right .s_sec_02_pdtxt br {display: none;}
    .s_sec_02_01_04_01_con_right .s_sec_02_pdtxt br {display: none;}
    .s_sec_02_01_05_01_con_right .s_sec_02_pdtxt br {display: none;}
    .s_sec_02_01_06_01_con_right .s_sec_02_pdtxt br {display: none;}

    .sec_txt4 {font-size: 20px;}

    .s_sec_02_pdlist_right .sec_tit {display: inline-block; width: 270px;}

}

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


    .main_sec_02_box_txt_wrap .en_tit3 {height: 90px;}
        
}


@media screen and  (max-width:800px)  {
    .top_nav .menu_a {height: 40px; font-size: 13px;}
    .lang_all_wrap {height: auto;}
    /*
    .lang_box .lang_box_a {font-size: 13px; height: 30px;line-height: 30px;padding: 0 30px 0 10px}
    .lang_box .lang_box_a:after { top: 10px;width: 6px;height: 6px; }
    */
    .lang_box:hover .lang_box_a:after {top: 12px;}
    .lang_sub_box a {padding: 0 5px; text-align: center;font-size: 13px;}
    .lang_all_wrap {top: 10px;left: 10px;}
    .m_menu_btn_wrap {height: 30px;width: 30px;top: 19px;right: 10px;}
    .header_wrap .m_menu_btn_wrap .m_menu_btn {height: 22px;}
    .m_menu_btn:before {right: 0px;height: 2px;}
    .m_menu_btn span {height: 2px; margin-top: -1px;}
    .m_menu_btn:after {height: 2px;right: 0px;}
    .m_close_wrap {padding: 10px;}
    .top_nav .menu_a span:after {display: none;}

    .sub_top_nav .sub_menu_a {height: 50px;font-size: 13px;}

    .main_sec_02_box {width: 100%;}
    /*.sec_all_wrap img {width: 100%;}*/
    .main_sec_02_box_txt_wrap .sec_txt {height: 80px;}
    .main_sec_02_box {padding-bottom: 50px;}

    .mian_pd_box {width: 100px; padding: 0 10px;}

    .sub_visual_box {padding: 140px 0;}
    .s_sec_02_pdlist_btn_box {width: 45px; height: 45px;}


    .sec_txt4 {font-size: 18px;}

    .main_sec_02_box_txt_wrap .en_tit3 {height: auto;}



}

@media screen and  (max-width:750px) {
    .s_sec_02_01_01_wrap .en_tit {font-size: 28px;}
}


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

    .sub_top_nav {display: none;}
    .line_all_wrap {display: none;}
    .line_nav_wrap {width: 100%;}
    .line_nav_home {display: none;}
    .line_nav {width: 100%;}
    .line_nav_box {width: 50%;}
    .line_nav_target .menu_a {font-size: 13px;padding: 0 30px 0 10px;}
    .line_nav_box_02 .line_nav_target .sub_menu_a {font-size: 13px;padding: 0 30px 0 10px;}
    .line_nav_box_01 .line_nav_menu .menu_a {padding: 0 10px;font-size: 13px;}
    .line_nav_box_02 .line_nav_menu .sub_menu_a {padding: 0 10px;font-size: 13px;}


    .c_list_02 {font-size: 13px;padding-left: 13px;}
    .c_list_02 > li:before {top: 7px;left: -10px;}



    .gap {height: 50px;}
    .sgap {height: 25px;}
    .main_sec_01_con_left_wrap {padding-bottom: 50px;}

    .sec_tit {font-size: 30px;}
    .sec_tit3 {font-size: 20px;}
    .sec_txt {font-size: 16px;}
    .sec_txt3 {font-size: 20px;}
    .s_sec_01_01_03_box {width: 50%;}
    .s_sec_01_01_03_wrap .en_sec_txt {height: 52px;}



    .main_sec_03_btn_box {font-size: 16px;}
    .gall_text_href .bo_tit {font-size: 18px!important; padding-bottom: 20px;}
    .gall_text_href .bo_cnt {font-size: 16px;}
    .sub_04_01 .label_on > label {font-size: 16px;}

    .footer_logo  {width: 120px;}   
    
    .s_sec_02_01_01_wrap .en_tit {font-size: 26px;}
    
    .s_sec_03_01_01_wrap .en_sec_tit {font-size: 28px;}

    .s_sec_02_pdlist_right .sec_tit {display: inline-block; width: 220px;}

}

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

    .s_sec_02_01_01_wrap .en_tit {font-size: 24px;}

    /*제품소개*/
    .s_sec_02_pdlist_left {width: 100%; }
    .s_sec_02_pdlist_right {width: 100%; text-align: center; padding-left:0px}
    .s_sec_02_pdlist_box {padding-bottom: 50px;}

    .gall_img {width: 100%;}
    .gall_text_href {position: relative; text-align: center; padding-left: 0px;}
    .gall_info {display: none;}

    .mian_pd_box {width: 90px; padding: 0 10px;}

    /*게시판*/
    .s_sec_03_01_01_tab_box {padding: 0 20px;}

    .s_sec_02_pdlist_box_in {padding-bottom: 0px;}
    .pd_span span::after {top: -5px;}



    .sec_txt4 {text-align: center;}

    .pdlistimg::after {left: -40px; top: -4px;}
    .s_sec_02_01_01_wrap_en .pdlistimg::after {left: -40px; top: 8px;}

    .s_sec_02_01_01_wrap .sgap {height: 20px;}
    .sec_txt4 {height: 20px;}

    #wrap .top_nav .menu_a {font-size: 14px;}
    #wrap .lang_box .lang_box_a {font-size: 14px;}




    .s_sec_02_pdlist_right .sec_tit {display: inline-block; width: auto;}


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

    .s_sec_01_01_02_con_left_in br {display: none;}
    .sec_tit {font-size: 24px;}
    .sec_txt {font-size: 14px;}
    .s_sec_02_pdlist_btn_box {width: 40px; height: 40px;}
    .s_sec_02_pdlist_btn {padding-left: 10px;}

    .pd_span span::after {top: -10px;}
    .sub_04_01 .label_on > label {font-size: 14px;}
    .sub04_01 .label_on {padding-left: 80px;}

    .pdlistimg::after {left: -30px; top: -4px; width: 20px;}
    .s_sec_02_01_01_wrap .sgap {height: 20px;}

}


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

    .sec_txt {font-size: 14px;}
    .sec_tit {font-size: 20px;}
    .sec_txt3 {font-size: 16px;}
    .sec_tit3 {font-size: 18px;}
    .s_sec_01_01_03_box_txt_wrap {padding: 20px 0 0 0;}
    .bo_notice td a {font-size: 14px;}
    .bo_notice .notice_icon {font-size: 14px;}
    #bo_list .td_datetime {font-size: 14px;}
    .main_sec_02_box {padding-bottom: 50px;}
    .main_sec_03_btn_box {font-size: 14px;}
    .s_sec_02_01_01_01_btn_box {font-size: 14px;}
    .pd_span span {padding-left: 0px;}

    .main_visual_txt_01 {font-size: 20px;}
    .sub_visual_box {padding: 100px 0;}
    .s_sec_01_01_01_con_left {height: 200px;}
    .s_sec_01_01_02_con_right {height: 200px;}
    .main_sec_03_btn_box {padding: 15px 0;}
    .s_sec_02_01_08_01_btn_box {padding: 15px 0;}
    .s_sec_02_01_07_01_btn_box {padding: 15px 0;}
    .s_sec_02_01_06_01_btn_box {padding: 15px 0;}
    .s_sec_02_01_05_01_btn_box {padding: 15px 0;}
    .s_sec_02_01_04_01_btn_box {padding: 15px 0;}
    .s_sec_02_01_03_01_btn_box {padding: 15px 0;}
    .s_sec_02_01_02_01_btn_box {padding: 15px 0;}
    .s_sec_02_01_01_01_btn_box {padding: 15px 0;}

    .main_sec_01_btn_box {width: 40px; height: 40px;}
    .main_sec_01_slider .sec_txt2 {height: 30px;}
    .main_sec_02_btn_box {width: 40px; height: 40px;}
    .footer_logo {width: 100px;}
    .footer_info {font-size: 12px;}
    .footer_copy {font-size: 12px;}

    .sec_txt4 {font-size: 14px;}
    .borad_btn_wrap .btn_inquiry {font-size: 14px;}
    .borad_btn_wrap .btn_inquiry:after {top: 5px;}

    .lang_box .lang_box_a {padding: 0px 20px 0 0px;} 


    #wrap .top_nav .menu_a {font-size: 12px;}


    .s_sec_02_01_01_wrap .en_tit {font-size: 20px;}
    #wrap .lang_all_wrap {padding-left: 10px; width: 100px;}



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

    .pd_day br {display: none;}
    
}
@media screen and  (max-width:380px)  {

    #wrap .top_nav .menu_a {font-size: 10px;}
    #wrap .lang_box .lang_box_a {font-size: 12px;}
    #wrap .lang_all_wrap {width: 85px;}
    .lang_box .lang_box_a:after {width: 6px; height: 6px; top: 14px;}
    .footer_copy {font-size: 10px;}

    .sec_tit {font-size: 18px;}
    .s_sec_01_01_01_con_right .en_tit {font-size: 16px;}
    .s_sec_01_01_03_wrap .en_sec_txt {height: 65px;}
    .sub_visual_wrap .en_sec_txt {font-size: 12px;}
    .s_sec_02_01_01_wrap .en_tit {font-size: 18px;}

}