@media screen and (max-width:1200px) {
	.show_1200 {display: block;}
    .hide_1200 {display: none;}
    


}

@media screen and (max-width:1080px) {
	.show_1080 {display: block;}
    .hide_1080 {display: none;}
    .mar_b_100 {margin-bottom: 80px;}
    .mar_t_100 {margin-top: 80px;}
    p {font-size: 15px; line-height: 23px;}
    .container, .w_1280 {width: 96%; min-width: auto;}
    
    /*  헤더  */
    h1.logo {width: 150px; height: 37px; background-size: 150px; margin-top: 15px;}
    .toggle_button { display: inline-block; position: relative; transition: 0.25s; cursor: pointer; user-select: none; height: 60px; text-align: center; line-height: 60px; width: 60px; z-index: 9999;}
    #pc_menu {width: 100%; min-width: 100%; top: 0;}
    .sitemap {display: none !important;}
    
    /*  햄버거 버튼 애니메이션  */
    .toggle_button .navicon:before, .toggle_button .navicon:after { transition: 0.25s;}
    .toggle_button:hover .navicon:before, .toggle_button:hover .navicon:after { transition: 0.25s;}
    .toggle_button:hover .navicon:before { top: 6px;}
    .toggle_button:hover .navicon:after { top: -6px;}
    .toggle_button.open:not(.steps) .navicon:before, .toggle_button.open:not(.steps) .navicon:after {top: 0 !important;}
    .toggle_button.open .navicon:before, .toggle_button.open .navicon:after {transition: 0.2s;}
    
    /*  사이드메뉴 기본 css  */
    .slideout-menu { position: fixed;left: 0; top: 0; bottom: 0; right: 0; z-index: 0; width: 220px; overflow-y: scroll; -webkit-overflow-scrolling: touch; display: none;}
    .slideout-panel { position: relative; z-index: 1; will-change: transform; background: white;}
    .slideout-open, .slideout-open body, .slideout-open .slideout-panel { overflow: hidden;}
    .slideout-open .slideout-menu {display: block; padding-top: 60px;}
    
    #m_header {background: white; position: fixed; width: 100%; z-index: 9999;}
    #m_menu {background: #f4f4f4;}
    #m_menu li {font-size: 15px; font-weight: bold; padding: 5px 10px;}
    #m_menu li .title {margin-top: 10px; margin-bottom: 5px;}
    #m_menu li a {display: block;}
    #m_menu li .sub_ul { text-indent: 5px;}
    #m_menu li .sub_ul li {color: #999; font-weight: normal; transition: none;}
    #m_menu li .sub_ul li:hover {background: #cc3366; color: white;}
    
    /*  푸터  */
    footer {padding: 30px 0;}
    footer img {float: none; display: none;}
    footer .footer_text { margin-left: 0; padding-left: 0; border: none;}
    
    /*  메인  */
    #main_img {margin: 0 auto; height: 0; padding-bottom: 100%; background-size: cover; width: 100%; min-width: 100%;}
    #main_latest {background-size: contain;height: auto;}
	#main_latest .company_link h3 {font-size:20px; line-height:30px;}
    #main_latest .main_latest_img {position: relative; margin-top: 50px;}
    
    
    /*  서브 LNB 및 레이아웃  */
    .sub_bg {height: 300px; padding-top: 60px; background-size: cover;}
    .sub_content {background-size: contain;}
    
    /*  연혁  */
    .history {text-align: left;}
    .history li {font-size: 18px;}
    
    /*  제품소개  */
    .product_title {text-align: center;}
}


@media screen and (max-width:720px) {
    .show_720 {display: block;}
    .hide_720 {display: none;}
    .mar_b_100 {margin-bottom: 60px;}
    .mar_t_100 {margin-top: 60px;}
    
    /*  메인  */
    #main_banner {height: 200px; padding-top: 25px;}
    #main_banner .swiper-slide img {width: 120px;}
    #main_latest {padding-top: 50px;}
    #main_latest .company_link {margin-bottom: 50px;}
	#main_latest .company_link .link {font-size:15px; margin-top:20px; padding: 10px 15px;}
    #main_latest .company_link, #main_latest .latest {width: 100%;}
    #main_latest .company_link h3 {font-size: 18px; line-height: 25px;}
    
    /*  서브  */
    .sub_content {padding: 50px 0;}
    .sub_content .title {margin-bottom: 50px;}
    .sub_content .title p {display: none;}
    h4.blue_font, h4.orange_font {font-size: 18px; line-height: 25px;}
    .product_img {margin-top: 50px;}
    #map {height: 300px;}
    .history {font-size: 15px; margin-top: 50px;}
    .history th {width: 100px;}
    .history td {height: 30px;}
    .organization { margin-top: 50px;}
    .greeting_txt {font-size: 15px; line-height: 23px; margin-top: 50px;}
    
    
}

@media screen and (max-width:480px) {
    .show_480 {display: block;}
    .hide_480 {display: none;}
    
    /*  메인  */

    
    
    /*  서브 LNB 및 레이아웃  */
    .sub_title p {font-size: 11px;}

}