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



    #subP .brand_list { padding: 0; }
    #subP #content_wrap { padding: 100px 30px; }
    
    /* ºñÁö´Ï½º 1 */
    #subP #business_1 .business1_top >div:first-child { margin-left: 30px; }
    #subP #business_1 .business1_bottom >div:first-child { margin-left: 30px; }
    
    
    /* ºñÁö´Ï½º2 */
    
    #subP #business_2 ul li img:nth-child(2n-1) { margin-right: 30px; }
    #subP #business_2 ul li img:nth-child(2n) { margin-left: 30px; }
    #subP #business_2 ul li img { max-width: 700px; }
    
    
    /* ºñÁö´Ï½º3 */
    #subP #business_3 .business3_top > div.business3_tleft { margin-right: 20px; }
    #subP #business_3 .business3_bottom > div.business3_bleft { margin-right: 20px; }
    
    
    /* Ä¿¹Â´ÏƼ */
    #contentsArea { padding: 100px 30px !important; }
    
    .top_place { margin-top: 0 !important; }
    
    #subP .brand_list ul { height: 65px; line-height: 65px; }
    #subP .brand_list { height: 65px; }
    
}
/***********************************************************************************************/    
/***********************************************************************************************/    
    
    @media all and (max-width:1350px){
    
    
    #subP #content_wrap .brand_com .com_tbox { padding: 50px; }
    
    #subP #company_ing .coming_right .comming_title > li { font-size: 28px; }
    #subP #company_ing .coming_right .comming_title > li:after { width: 80px; }
    #subP #company_ing .coming_right .comming_subtitle > li { margin-left: 60px; font-size: 16px; }
    #subP #company_ing .coming_left { margin-right: 50px; }
    
    
    /* ºñÁö´Ï½º3 */
    #subP #business_3 .business3_top > div h2 { padding: 30px; }
    #subP #business_3 .business3_top > div p { padding: 0 30px 30px 30px; }
    #subP #business_3 .business3_bottom > div h2 { padding: 30px; }
    #subP #business_3 .business3_bottom > div p { padding: 0 30px 30px 30px; }
    
}
/***********************************************************************************************/    
/***********************************************************************************************/    
    
    @media all and (max-width:1300px){
    
    
    #subP #business_2 ul li h2 { font-size: 25px; }
    #subP #business_2 ul li h2 p { font-size: 14px; }
    
    
}
/***********************************************************************************************/    
/***********************************************************************************************/    
    
    
    @media all and (max-width:1200px){
    
    #topmenu .main_menu .depth01 > li { min-width: 135px; }
    #menu_pop .right { padding: 100px 50px 120px; width: 40%; }
    #menu_pop .right h2 { margin-bottom: 50px; }
    #menu_pop .right .depth03 > li { margin-bottom: 20px; }
    #menu_pop .left { width: 60%; }
    

    
    
    /* ÄÜÅÙÃ÷ 1 */
    #con1 .con1-left { margin-right: 50px; margin-bottom: 130px; }
    #con1 .con1-left h2 { font-size: 50px; margin-bottom: 35px; }
    #con1 .con1-left a { font-size: 20px;  }
    #con1 .con1-left a i { line-height: 22px; }
    #con1 .con1-left a:hover:after { width: 120px; }
    #con1:after { height: 200px; }
    #con2 .con2_box .con2_about > div .con2_textbox { padding: 20px; }
    #main_banner .swiper-horizontal>.swiper-scrollbar, #main_banner .swiper-scrollbar.swiper-scrollbar-horizontal { top: 410px; width: 520px; right: -230px; } 
    #wrap .content_footer .sns_box li { margin-right: 20px; }
    #wrap .content_footer .footer_text { width: 600px; }
    #menu_pop .right .sns_box { bottom: 0; }
    
    /*ȸ»ç¼Ò°³*/
    #subP #content_wrap .brand_com .com_tbox h2 { font-size: 25px; }
    #subP #content_wrap .brand_com .com_tbox p { font-size: 14px; line-height: 28px; }
    #subP #content_wrap .brand_com .com_tbox span { font-size: 20px; }
    #subP #com_info h2 { font-size: 25px; }
    #subP #com_info .info_list li h4 { font-size: 25px; }
    #subP #com_info .info_list li > div.co_tbox { font-size: 15px; }
    
    /* ºñÁö´Ï½º1 */
    #subP #business_1 .business1_top >div h2 { font-size: 20px; }
    #subP #business_1 .business1_top >div p { font-size: 14px; }
    #subP #business_1 .business1_bottom >div h2 { font-size: 20px; }
    #subP #business_1 .business1_bottom >div p { font-size: 14px; }
    
    /* ºñÁö´Ï½º2 */
    
    #subP #business_2 ul li img { max-width: 600px; }
    
    /*  1:1¹®ÀÇ */
    .table_03 { padding: 30px 0 !important; }
    
}
/***********************************************************************************************/    
/***********************************************************************************************/    
    
    @media all and (max-width:1100px){
    
    #topmenu .main_menu .depth01 > li { min-width: 100px; }


     #topmenu2 .main_menu .depth01 > li { min-width: 100px; }
    
    #main_banner .main_tbox p { font-size: 50px; }
    #main_banner .main_tbox h2 { font-size: 70px; }
    #main_banner .main_tbox p:after { width: 420px; height: 1px; }
    #main_banner .main_tbox { top: 230px; left: 100px; }
    #wrap .content_footer .footer_text { width: 500px; font-size: 11px; }
    #con4 { padding: 300px 0;  }
    #con4 .con4_tbox h2 { font-size: 40px; }
    #con4 .con4_tbox p { font-size: 20px; }
    #con4 .con4_tbox span { font-size: 20px; }
    #wrap .content_footer .sns_box li { margin-right: 15px; }
    #con5 iframe { height: 400px; }
    #topmenu .main_menu .depth01 > li > a { font-size: 16px; }
    #wrap #footer_wrap { padding: 0 50px;  }
    
    #subP #company_ing .coming_right .comming_title > li { margin-bottom: 15px; }
    #subP #company_ing .coming_right .comming_title > li { font-size: 24px; }
    #subP #company_ing .coming_right .comming_title > li:after { top: 12px; width: 65px; }
    #subP #company_ing .coming_right .comming_subtitle > li:first-child { margin-top: 5px; }
    #subP #company_ing .coming_right .comming_subtitle > li { margin-left: 40px; font-size: 14px; }
    
    /* ºñÁö´Ï½º2 */
    #subP #business_2 ul li { padding: 50px 0; }
    #subP #business_2 ul li img { max-width: 500px; }
    
}
/***********************************************************************************************/    
/***********************************************************************************************/    
    
    
    @media all and (max-width:1050px){
    
    
    #subP #content_wrap .brand_com .com_tbox { padding: 30px; }
    
}
/***********************************************************************************************/    
/***********************************************************************************************/    
    
    
    @media all and (max-width:1000px){
    
    #con1 { padding: 100px 50px; }
    #con2 { padding: 100px 50px; }
    #con3 { padding: 100px 50px; }
    #con4 { padding: 200px; }
    #topmenu .main_menu .depth01 > li > a { font-size: 13px; padding: 0 10px; line-height: 80px; }
    #topmenu .main_menu .top_menubar span { margin-bottom: 4px; height: 1px; }
    #topmenu h1 a img { width: 80%; }
    #topmenu { height: 80px; padding: 0 35px;}
    #wrap #footer_wrap { padding: 0 35px; }
    #topmenu .main_menu .depth02 > li > a { font-size: 11px; }
    #topmenu .main_menu .depth01 > li:hover .depth02 > li { height: 30px; }
    #con1:after { height: 150px; }
    #wrap .content_footer .sns_box li img { width: 80%; }
    #menu_pop .right .sns_box > a > img { width: 80%; }
    #menu_pop .right .sns_box > a { margin-right: 15px; }
    
    #subP #content_wrap .brand_com .com_tbox { padding: 50px 20px; }
    #subP #content_wrap .brand_com .com_tbox p { font-size: 13px; }
    #subP #content_wrap .brand_com .com_tbox p { margin-bottom: 30px; }
    #subP .visual_area .brand_toptbox h2 { font-size: 30px; }
    #subP .visual_area .brand_toptbox p { font-size: 15px; }
    
    
    /* ºñÁî´Ï½º1 */
    #subP #business_1 .business1_top { margin-bottom: 50px; }
    #subP #business_1 .business1_bottom { margin-bottom: 50px; }
    
    
    /* ºñÁî´Ï½º2 */
    #subP #business_2 ul li h2 p { font-size: 12px; }
    #subP #business_2 ul li h2 { font-size: 20px; }
    
    
    /* ºñÁî´Ï½º3 */
    #subP #business_3 .business3_top > div h2 { font-size: 20px; padding: 30px 30px 15px 30px; }
    #subP #business_3 .business3_top > div p { font-size: 13px; }
    #subP #business_3 .business3_bottom > div h2 { font-size: 20px; padding: 30px 30px 15px 30px; }
    #subP #business_3 .business3_bottom > div p { font-size: 13px; }
    
    /*  1:1¹®ÀÇ */
    .table_03 { width: 90% !important; }
    
    
}
/***********************************************************************************************/    
/***********************************************************************************************/    
    
    @media all and (max-width:950px){
    
    
    /* ºñÁî´Ï½º1 */
    #subP #business_1 .business1_top >div p { font-size: 12px; word-break: keep-all; }
    #subP #business_1 .business1_bottom >div p { font-size: 12px; word-break: keep-all; }
    
    
    
    
    /* ºñÁî´Ï½º2 */
    #subP #business_2 ul li img:nth-child(2n-1) { margin-right: 15px; }
    #subP #business_2 ul li img:nth-child(2n) { margin-left: 15px; }
    #subP #business_2 ul li img { max-width: 450px; }
    
    
}
/***********************************************************************************************/    
/***********************************************************************************************/    
    
    
    @media all and (max-width:900px){
    
    
    #con1 { padding: 50px; }
    #con2 { padding: 50px; }
    #con3 { padding: 0 50 50px; }
    #con4 { padding: 200px; }
    #con4 { padding: 150px 0 ; }
    #wrap .content_footer .footer_logo img { width: 80%; }
    #wrap .content_footer .footer_text { line-height: 20px; font-size: 10px; width: 450px; }
    #wrap .content_footer .footer_text p.top_footer { margin-bottom: 15px; }
    #wrap #footer_wrap { height: 150px; }
    #wrap .content_footer { height: 150px; }
    #con5 iframe { height: 300px; }
    #con3 h2 { font-size: 25px; margin-bottom: 30px; }
    #con2 .con2_box > h2 { font-size: 25px; margin-bottom: 30px; }
    #con1 .con1-left h2 { font-size: 40px; }
    #con1 .con1-left { margin-bottom: 90px; }
    #main_banner .main_tbox p { font-size: 40px; }
    #main_banner .main_tbox h2 { font-size: 60px; }
    #main_banner .main_tbox p:after { width: 340px; }
    
    
    #subP #company_ing .coming_right .comming_title > li { font-size: 20px; }
    #subP #company_ing .coming_right .comming_title > li:after { width: 50px; top: 10px; }
    #subP #company_ing .coming_right .comming_subtitle > li { margin-left: 30px; font-size: 12px; }
    #subP #company_ing .coming_left { margin-right: 30px; }
    
    /* ºñÁî´Ï½º3 */
/*    #subP #business_3 .business3_bottom > div img { height: 250px; }*/
/*    #subP #business_3 .business3_top > div img { height: 250px; }*/
    #subP #business_3 .business3_top { margin-bottom: 25px; }
    
    /* 1:1 ¹®ÀÇ */
    .mail_top img { width: 30px; height: 30px; }
    .mail_top h2 { font-size: 20px !important; }
    .mail_top p { font-size: 14px !important; }
    
}
/***********************************************************************************************/    
/***********************************************************************************************/    
    
    
    @media all and (max-width:850px){
    
    
    #wrap .content_footer .footer_text { width: 380px; }
    #con1 .con1-left { margin-right: 30px; }
    #con2 .con2_box .con2_about >div { margin-right: 20px; }
    #con2 .con2_box .con2_about > div .con2_textbox { padding: 15px; }
    #con2 .con2_box .con2_about > div .con2_textbox > h2 { font-size: 15px; }
    #con2 .con2_box .con2_about > div .con2_textbox > p { font-size: 11px; }
    #con4 .con4_tbox h2 { font-size: 30px; margin-bottom: 15px; }
    #con4 .con4_tbox p { font-size: 15px; margin-bottom: 15px;  }
    #con4 .con4_tbox span { font-size: 15px; }
    
    
    #subP #com_info .info_list { flex-wrap: wrap; }
    #subP #com_info .info_list > li { width: 48%; margin-bottom: 20px; }
    
    #subP .visual_area img.pc_img { display: none; }
    #subP .visual_area img.mo_img { display: block; width: 100%; height: auto; object-fit: cover; }
    
    
    /* ºñÁî´Ï½º2 */
    #subP #business_2 ul li { display: block; }
    #subP #business_2 ul li img { max-width: 100%; margin}
    #subP #business_2 ul li img:nth-child(2n-1) { margin-right: 0; margin-bottom: 20px; }
    #subP #business_2 ul li img:nth-child(2n) { margin-left: 0; margin-top: 20px; }
    #subP #business_2 ul li h2 { max-width: 100%; font-size: 30px; }
    #subP #business_2 ul li h2 p { font-size: 18px; }
    
    
    
    
    /* Çܹö°Å */
    #menu_pop .right .depth03 > li.no_move > a { pointer-events: none; cursor: default; }
    #menu_pop .right .depth03 > li.no_move.gallery_li > a { pointer-events: initial; cursor: pointer; }
    
    
}
/***********************************************************************************************/    
/***********************************************************************************************/    
    
    
    @media all and (max-width:800px){
    
    #topmenu .main_menu .depth01 { display: none; }
    #topmenu .main_menu .top_menubar span { margin-bottom: 5px; height: 2px; }
    #con1 { padding: 50px 20px; }
    #con2 { padding: 50px 20px; }
    #con3 { padding: 10px 20px; }
    #con2 .con2_box > h2 { margin-bottom: 20px; }
    #con3 > h2 { margin-bottom: 20px; }
    #main_banner { display: none; }
    #mo-main_banner { display: block; }
    #mo-main_banner .main_tbox p { font-size: 40px; }
    #mo-main_banner .main_tbox h2 { font-size: 60px; }
    #mo-main_banner .main_tbox p:after { width: 340px; }
    #mo-main_banner .swiper-horizontal>.swiper-scrollbar, #mo-main_banner .swiper-scrollbar.swiper-scrollbar-horizontal { top: 410px; width: 520px; right: -230px; } 
    #mo-main_banner .main_tbox { top: 230px; left: 100px; }
    #wrap .content_footer .footer_text { width: fit-content; }
    #wrap .content_footer .sns_box { margin-left: 5px; }
    #menu_pop .right { padding: 120px 20px 120px; }
    #menu_pop .right .sns_box { left: 20px; }
    
    #subP #content_wrap .brand_com .com_tbox p { font-size: 11px; line-height: 25px; }
    #subP #content_wrap .brand_com .com_tbox h2 { font-size: 20px; }
    #subP #content_wrap .brand_com .com_tbox span { font-size: 15px; }
    #subP #com_info h2 { font-size: 20px; margin-bottom: 20px; }
    #subP .brand_list ul li a { font-size: 15px; }
    
    
    /* ºñÁî´Ï½º1 */
    #subP #business_1 .business1_top >div:first-child { margin-left: 15px; }
    #subP #business_1 .business1_bottom >div:first-child { margin-left: 15px; }
    #subP #business_1 .business1_top .business1_tleft { margin-top: 100px; }
    #subP #business_1 .business1_bottom .business1_bleft { margin-top: 100px; }
    
    
    /* »óÇ°¼Ò°³1 */
    .gallery_subject a span { font-size: 15px !important; }
    .cateform { width: 80px !important; }
    .keywordform { width: 200px !important; }
    
    /* Ä¿¹Â´ÏƼ */
    #contentsArea { padding: 100px 16px !important; }
    
    #subP #content_wrap { padding: 100px 16px; }
    
}
/***********************************************************************************************/    
/***********************************************************************************************/    
   
    
    @media all and (max-width:770px){
    
    
    #menu_pop.slide_pop .right { width: 100%; padding: 120px 50px 120px;}
    #menu_pop.slide_pop .left { display: none; }
    #menu_pop .right .sns_box { left: 0; }
    #menu_pop .right h2 { margin-bottom: 50px; }
    #menu_pop .right .depth03 > li { margin-bottom: 20px; }
}
/***********************************************************************************************/    
/***********************************************************************************************/    
    
    
    @media all and (max-width:750px){
    
    #con3 > h2 { font-size: 20px; }
    #con2 .con2_box > h2 { font-size: 20px; }
    #mo-main_banner .main_tbox { top: 200px; left: 80px; }
    
    #con1 .con1-left { margin-bottom: 60px; margin-right: 50px; }
    #con1 .con1-left h2 { font-size: 30px; }
    /*#con1 .con1-right .left_imgbox { margin: 50px 0 30px; }*/
    #con1:after { height: 100px; }
    #mo-main_banner .swiper-horizontal>.swiper-scrollbar, #mo-main_banner .swiper-scrollbar.swiper-scrollbar-horizontal { top: 380px; }
    
    #mo-main_banner .swiper-horizontal>.swiper-scrollbar, #mo-main_banner .swiper-scrollbar.swiper-scrollbar-horizontal { width: 450px; right: -195px; top: 400px; }
    
    #subP #company_ing { display: block; }
    #subP #company_ing .coming_left { margin-right: 0; max-width: 100%; margin-bottom: 20px; }
    #subP #company_ing .coming_right .comming_title > li { font-size: 32px; }
    #subP #company_ing .coming_right .comming_title > li:after { width: 100px; top: 18px; }
    #subP #company_ing .coming_right .comming_subtitle > li { margin-left: 60px; font-size: 16px; }
    #subP #company_ing .coming_right .comming_subtitle > li:first-child { margin-top: 10px; }
    
    #subP #com_map .map_info li p { margin-left: 60px; }
    
    #subP #business_3 .business3_top { display: block; }
    #subP #business_3 .business3_bottom { display: block; }
/*    #subP #business_3 .business3_bottom > div img { height: 400px; }
    #subP #business_3 .business3_top > div img { height: 400px; }*/
    #subP #business_3 .business3_top > div.business3_tleft { margin-right: 0; margin-bottom: 25px; }
    #subP #business_3 .business3_bottom > div.business3_bleft { margin-right: 0; margin-bottom: 25px; }
    #subP #business_3 .business3_bottom > div h2 { font-size: 30px; }
    #subP #business_3 .business3_top > div h2 { font-size: 30px; }
    #subP #business_3 .business3_bottom > div p { font-size: 18px; }
    #subP #business_3 .business3_top > div p { font-size: 18px; }
    
    
    #con2 .con2_box .con2_about > div .con2_textbox { opacity: 1; }
    
    
    #wrap #footer_wrap { display: none; }
    #wrap #mofooter_wrap { display: block; background-color: #333; height: 250px; padding: 0 20px; }
    #wrap #mofooter_wrap .content_footer { height: 100px; }
    #wrap #mofooter_wrap .top_footer { display: block; text-align: left; color: #fff; }
    #wrap #mofooter_wrap .bottom_footer { display: block; text-align: left; color: #fff; padding: 10px 0; }
    
    
    /* 1:1 ¹®ÀÇ */
    .mail_top h2 { font-size: 15px !important; }
    .mail_top p { font-size: 12px !important; }
    .mail_top { padding: 25px !important; margin-bottom: 25px !important; }
    
}
/***********************************************************************************************/    
/***********************************************************************************************/    
    
    
    @media all and (max-width:700px){     
    
    #wrap .content_footer .sns_box li img { width: 100%; } 
    
    #subP #com_map .map_info li h2 { margin-left: 30px; }
    #subP #com_map .map_info li p { margin-left: 30px; }
    
    /* »óÇ°¼Ò°³ */
    textarea#border { width: 400px; }
        
    #con2 .con2_box .con2_about{flex-flow:column nowrap;row-gap:24px;}
    #con2 .con2_box .con2_about >div{width:100%;margin:0;max-width:100%;}
#con2 .con2_box .con2_about > div .con2_textbox > h2{font-size:20px;line-height:1.4em;}
    #con2 .con2_box .con2_about > div .con2_textbox > p{font-size:16px;line-height:1.4em;}
    
}
/***********************************************************************************************/    
/***********************************************************************************************/    
    
    
    @media all and (max-width:650px){ 
    
    
    #wrap .content_footer .sns_box li img { width: 100%; }
    #mo-main_banner .main_tbox { top: 180px; left: 60px; }
    #mo-main_banner .main_tbox p { font-size: 30px; text-align: left; }
    #mo-main_banner .main_tbox h2 { font-size: 50px; }
    #mo-main_banner .main_tbox p:after { width: 270px; }
    
    
    #subP #content_wrap .brand_com .com_tbox h2 { margin-bottom: 20px; font-size: 15px; }
    #subP #content_wrap .brand_com .com_tbox { padding: 30px 20px; }
    #subP #content_wrap .brand_com .com_tbox span { font-size: 13px; }
    #subP #content_wrap .brand_com .com_tbox p { font-size: 10px; }
    
    
    #subP #com_map .map_info li h2 { font-size: 15px; }
    #subP #com_map .map_info li p { font-size: 12px; }
    #subP #com_map .map_info li p { margin-left: 15px; }
    
    /* »óÇ°¼Ò°³ ±Û¾²±â */
    table > tbody > tr.board > td.board_desc > input.public_input#border { width: 70% !important; }
    
    /* 1:1¹®ÀÇ */
    .mail_top { padding: 25px 0 !important; justify-content: center !important; }
    .mail_top p { word-break: keep-all; }
    .mail_top h2 { word-break: keep-all; }
    
}
/***********************************************************************************************/    
/***********************************************************************************************/    
    
    
    @media all and (max-width:600px){ 
    
    
    #wrap #footer_wrap { height: 200px; }
    #wrap .content_footer { height: 200px; }
    
    #subP #content_wrap .brand_com .com_tbox { top: -60px; }
    
    /* ºñÁî´Ï½º2 */
    #subP #business_2 ul li h2 { font-size: 25px; }
    #subP #business_2 ul li h2 p { font-size: 15px; }
    
    /* ºñÁî´Ï½º3 */
    #subP #business_3 .business3_bottom > div h2 { font-size: 25px; }
    #subP #business_3 .business3_top > div h2 { font-size: 25px; }
    #subP #business_3 .business3_bottom > div p { font-size: 14px; }
    #subP #business_3 .business3_top > div p { font-size: 14px; }
/*

    #subP #business_3 .business3_top > div img { height: 300px; }
    #subP #business_3 .business3_bottom > div img { height: 300px; }
  */  
    
    
    
    /* »óÇ°¼Ò°³ ±Û¾²±â */
    table > tbody > tr.board > td.board_bgcolor { width: 100px !important; display: inline-block; height: 30px; line-height: 30px;  }
    
    
    /* Ä¿¹Â´ÏƼ */
    .table_02 > tbody > tr > td > table > tbody > tr >td { font-size: 12px !important; }
    .table_width > tbody > tr > td > table > tbody > tr >td.bbsnewf5 > a { font-size: 12px !important; }
    .table_width > tbody > tr > td > table > tbody > tr >td > a > span { font-size: 12px !important; }
    
    /* 1:1¹®ÀÇ */
    .mail_top { padding-right: 10px !important; padding-left: 10px !important; }


}
/***********************************************************************************************/    
/***********************************************************************************************/    


    /* FAQ */
    .table_02 > tbody > tr > td  font { font-size: 12px !important; }
    .table_02 > tbody > tr > td { font-size: 12px !important; }
    .table_02 > tbody > tr > td > a { font-size: 12px !important; }
    
    @media all and (max-width:550px){ 
    
    
    #con4{ padding: 100px 0; }
 
    
    
    #con1 .con1-left h2 { font-size: 25px; }
    #con1 .con1-left a { font-size: 15px; }
    #con1 .con1-left { margin-bottom: 40px; margin-right: 20px; }
    #mo-main_banner .swiper-horizontal>.swiper-scrollbar, #mo-main_banner .swiper-scrollbar.swiper-scrollbar-horizontal { top: 350px; width: 380px; right: -160px; }
    #con4 .con4_tbox h2 { font-size: 25px; }
    #con4 .con4_tbox p { font-size: 13px; }
    #con2 .con2_box .con2_about >div { margin-right: 10px; }
    
    
    
    #subP #company_ing .coming_right .comming_title > li { font-size: 28px; }
    #subP #company_ing .coming_right .comming_title > li:after { width: 70px; top: 12px; }
    #subP #company_ing .coming_right .comming_subtitle > li { margin-left: 40px; font-size: 12px; word-break: keep-all; }
    #subP #company_ing .coming_right .comming_subtitle > li:first-child { margin-top: 5px; }
    
    /* ºñÁî´Ï½º1 */
    #subP #business_1 .business1_top { margin-bottom: 30px; }
    
    /* »óÇ°¼Ò°³1 */
    .gallery_subject a span { font-size: 12px !important; }
    .cateform { width: 60px !important; }
    .keywordform { width: 150px !important; }
    #post_area { font-size: 20px; }
    textarea#border { width: 300px; }
    table > tbody > tr.board > td.board_desc > input[type="text"]#border { width: 70% !important; }
    
    /* 1:1¹®ÀÇ */
    .table_03 font { margin-right:20px !important; width: 60px !important; }
    .table_03 > input { width: calc(80% - 60px) !important; }
    .table_03 textarea.formmail_textarea_style { width: calc(80% - 60px) !important; }
    .mail_top { padding-rigth: 15px !important; padding-left: 15px !important; }
    .mail_top img { margin-right: 0; width: 22px; height: 22px; }
    .mail_top h2 { margin-right: 15px !important; font-size: 13px !important; }
    .mail_top p { font-size: 10px !important; }
    
}
/***********************************************************************************************/    
/***********************************************************************************************/    
    
    
    @media all and (max-width:500px){
    #wrap .content_footer .sns_box li img { width: 80%; }
    #con2 .con2_box .con2_about { display: block; }
    #con2 .con2_box .con2_about >div { margin-right: 0; margin-bottom: 20px; }
    #con2 .con2_box .con2_about >div.con2_prd { margin-bottom: 0; }
    #con2 .con2_box .con2_about > div .con2_textbox > h2 { font-size: 20px; }


    .board_output.grid > tbody > tr > td  { display: block; width: 100%; }
    #con1 { display: block; }
    #con1 .con1-left { text-align: left; margin-right: 20px; margin-bottom: 0;}
    #con1 .con1-left a { justify-content: start; }
    #con1 .con1-left a:hover:after { width: 100px; }
    #con1 .con1-left a:after { bottom: 3px; left: 0px; }
    #con1 .con1-left { display: flex; justify-content: start; align-items: center; }
    #topmenu { padding: 0 25px; }
    
    #subP #com_info .info_list li h4 { font-size: 20px; }
    #subP #content_wrap .brand_com .com_tbox h2 { word-break: keep-all; }
    
    #subP .brand_list ul li a { font-size: 12px; }
    
    #subP .brand_list ul { height: 50px;  line-height: 50px;}
    #subP .brand_list { height: 50px;}
    
    
    #subP #com_map .map_info li p span { display: block; margin-left: 0; margin-top: 5px; }
    #subP #com_map .map_info li { padding: 20px 0; }
    #subP #com_info .info_list li .info_img img { height: 30px; }
    
    /* ºñÁî´Ï½º1 */
    #subP #business_1 .business1_top >div h2 { font-size: 15px; }
    #subP #business_1 .business1_bottom >div h2 { font-size: 15px; }
    #subP #business_1 .business1_top >div p { font-size: 10px; }
    #subP #business_1 .business1_bottom >div p { font-size: 10px; }
    
    
    /* »óÇ°¼Ò°³1 */
    table.notice_imglist > tbody > tr > td { display: block; width: 100%; }
    .gallery_subject a span { font-size: 20px !important; }
    
    /* °¶·¯¸® */
    table.gallery_imglist > tbody > tr > td { width: 100%; display: block; }
    
}
/***********************************************************************************************/    
/***********************************************************************************************/    
    
    
    @media all and (max-width:450px){
    
    #subP #com_info .info_list > li { padding: 25px 0; }
    #subP #com_info .info_list li .info_img { width: 100px; height: 100px; }
    #subP #com_info .info_list li .info_img img
    
    #mo-main_banner .main_tbox p { font-size: 20px; }
    #mo-main_banner .main_tbox h2 { font-size: 40px; }
    #mo-main_banner .main_tbox p:after { width: 170px; }
    #topmenu #topmenu2 h1 a img { width: 60%; text-align: left; display: block; }
    #topmenu #topmenu2 { padding: 0 25px; }
    
    
    
    #com_map iframe { height: 400px; }
    
    
    /* ºñÁî´Ï½º1 */
    #subP #business_1 .business1_bottom .business1_bleft { margin-top: 50px; }
    #subP #business_1 .business1_top .business1_bleft { margin-top: 50px; }
    
    /* ºñÁî´Ï½º3 */
    #subP #business_3 .business3_top > div img { height: 250px; }
    #subP #business_3 .business3_bottom > div img { height: 250px; }
    
    
    /* »óÇ°¼Ò°³ */
    textarea#border { width: 200px; }
    .comment_txt > input[type="text"] { width: 80px; margin-right: 10px !important; }
    .comment_txt > input[type="password"] { width: 80px; }
    #txtDiplay { margin-right: 0 !important; }
    
    /* °¢ Ä«Å×°í¸® »ó´Ü */
    #subP .visual_area .brand_toptbox h2 { font-size: 20px; }
    #subP .visual_area .brand_toptbox p { font-size: 12px; }
    
    #subP #com_info .info_list li h4 { margin-top: 10px; margin-bottom: 10px; font-size: 15px; }
    
    
}
/***********************************************************************************************/    
/***********************************************************************************************/    
    
    @media all and (max-width:400px){   
    
    #subP .visual_area .brand_toptbox h2 { font-size: 20px; }
    #subP .visual_area .brand_toptbox p { font-size: 12px; }
    
    
    #subP #company_ing .coming_right .comming_title > li { font-size: 22px; }
    #subP #company_ing .coming_right .comming_title > li:after { width: 60px }
    
    
    #com_map iframe { height: 350px; }
    
    /* ºñÁî´Ï½º2 */
    #subP #business_2 ul li h2 { font-size: 20px; }
    #subP #business_2 ul li h2 p { font-size: 12px; margin-top: 20px; }
    
    
    /* ºñÁî´Ï½º3 */
    #subP #business_3 .business3_bottom > div h2 { font-size: 20px; padding: 15px; }
    #subP #business_3 .business3_top > div h2 { font-size: 20px; padding: 15px; }
    #subP #business_3 .business3_bottom > div p { font-size: 12px; padding: 0 15px 15px 15px; }
    #subP #business_3 .business3_top > div p { font-size: 12px; padding: 0 15px 15px 15px; }
    
    
    
    
    /* »óÇ°¼Ò°³1 */
    .keywordform { width: 100px !important; }
    textarea#border { width: 150px; }
    .comment_txt > input[type="text"] { width: 60px; }
    .comment_txt > input[type="password"] { width: 60px; }
    
    
    
    
    /* °¶·¯¸® */
    .gallery_imglist > tbody > tr > td > table > tbody > tr > td.bbsnewf5 { padding: 0; margin-bottom: 10px; display: block; }
    
    
    /* Ä¿¹Â´ÏƼ */
    .table_width > tbody > tr > td > table > tbody > tr >td { font-size: 10px !important; }
    .table_width > tbody > tr > td > table > tbody > tr >td > span { font-size: 12px !important; } 
    .table_width > tbody > tr > td > table > tbody > tr >td.bbsnewf5 > a { font-size: 10px !important; }
    .table_width > tbody > tr > td > table > tbody > tr >td > font { font-size: 10px !important; }
    
    
    #subP #content_wrap .brand_com .com_tbox { top: -40px; }
    
}
/***********************************************************************************************/    
/***********************************************************************************************/    
    
    @media all and (max-width:350px){
    
    #con4 .con4_tbox p { font-size: 12px; }
    #mo-main_banner .main_tbox { top: 150px; left: 30px; }
    
    #subP #com_map .map_info li h2 { width: 60px; margin-left: 15px; }
    
    #com_map iframe { height: 300px; }
    
    
    /* ºñÁî´Ï½º3 */
/*    #subP #business_3 .business3_top > div img { height: 200px; }
    #subP #business_3 .business3_bottom > div img { height: 200px; }*/
    
    
    /* »óÇ°¼Ò°³ ±Û¾²±â */
    .board_desc { padding: 3 0 3 0 !important; }
    
    
    .table_width > tbody > tr > td > table > tbody > tr >td.att_title:nth-child(1) { width: 55px; }
    .table_width > tbody > tr > td > table > tbody > tr >td.att_title:nth-child(3) { width: 65px; }
    .table_width > tbody > tr > td > table > tbody > tr >td.att_title:nth-child(4) { width: 60px; }
    
}
/***********************************************************************************************/    
/***********************************************************************************************/