@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: 100%; min-width: 100%;}
    
    /*  헤더  */
    h1.logo {width: 150px; height: 30px; background-size: 150px; margin-top: 15px; margin-left: 4%;}
    .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 {    padding-top: 60px; 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; z-index: 9999; width: 100%;}
    #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: #0491dc; color: white;}
    
    /*  메인  */
    footer {padding: 30px 4%;}
    
    /*  메인  */
    #main_img {margin: 0 auto; height: 0; padding-bottom: 100%; background-size: cover; width: 100%; min-width: 100%;}
    #main_img .text_box {top: 50%; transform: translateY(-50%); left: 20px; right: auto;}
    #main_banner ul {margin-top: 40px;}
    #main_content {width: 96%; min-width: 96%;}
    #main_latest .notice {width: 100%; float: none; background: url(/images/m_notice_bg.jpg) no-repeat center; background-size: cover; padding: 40px 4%;}
    #main_latest .notice .latest_list {width: 100%;}
    #main_latest .recruit {width: 100%; float: none; background: url(/images/m_quick_bg.jpg) no-repeat center bottom; height: 200px; padding: 40px 4%;}
    #main_latest .recruit p {margin-top: 15px;}
    
    
    /*  서브 LNB 및 레이아웃  */
    .sub_common {display: none;}
    .sub_common_text {padding: 15px 4%; text-align: left; position: relative;}
    .sub_title .lnb_title {display: none;}
    .sub_title h3 {padding-left: 4%;}
    .sub_title p {padding-right: 4%;}
    .sub_contents .lnb {display: none;}
    .sub_contents .content_box {width: 100%; padding: 35px 4% 50px;}
    
    /*  연혁  */
    .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_img .text_box h2 {font-size: 40px; line-height: 50px;}
    #main_banner ul li {width: 49%; margin-bottom: 1%;}
    #main_content .more_banner li h4 {font-size: 15px; width: 120px; height: 30px; line-height: 30px; margin-bottom: 30px;}
    #main_content .more_banner li img {margin-bottom: 30px; width: 80px;}
    #main_latest .notice h4, #main_latest .recruit h4 {font-size: 18px;}
    #main_latest .recruit p {font-size: 25px;    line-height: 30px;}
    
    /*  서브 LNB 및 레이아웃  */
    .sub_common_text {height: 80px;}
    .sub_common_text h3 {font-size: 26px;}
    .sub_common_text p {font-size: 13px;}
    .sub_contents .content_box .slogan {margin: 0 auto 30px;}
    .sub_title {height: 40px;}
    .sub_title h3 {font-size: 20px; line-height: 40px;}
    .sub_title p {line-height: 40px; margin-top: 0; font-size: 12px;}
    
    /*  오시는 길  */
    #map {height: 300px;}
    .address {font-size: 18px; font-weight: bold; margin-top: 15px; margin-bottom: 5px;}
    .addr_info {font-size: 13px;}
    
    /*  연혁  */
    .history li {font-size: 15px; line-height: 30px; padding: 10px 0;}
    .history li .date {width: 80px; display: block; line-height: 20px; font-size: 13px;}
    .history li .bold {line-height: 23px;    display: block;}
    
    /*  제품소개  */
    .product_title {font-size: 13px; margin-bottom: 15px;}
    .product_title .bold {display: block; font-size: 18px;}
    
}

@media screen and (max-width:480px) {
    .show_480 {display: block;}
    .hide_480 {display: none;}
    
    /*  메인  */
    #main_img .text_box h2 {font-size: 30px; line-height: 40px;}
    #main_content .more_banner li h4 {font-size: 12px; width: 90px; height: 25px; line-height: 25px; margin-bottom: 20px;}
    #main_content .more_banner li img {margin-bottom: 20px;}
    
	footer img {width:200px;}
    
    /*  서브 LNB 및 레이아웃  */
    .sub_title p {font-size: 11px;}

}