@media screen and (max-width:1080px) {
    .show_1080 {display: block;}
    .hide_1080 {display: none;}


    #mobile_header {z-index: 100; background: none; text-align: center; position: fixed; height: 80px; background: rgba(255,255,255,0.7);}
    #mobile_header .logo {position: absolute; top: 50%; transform: translateY(-50%); left: 30px; }
    #mobile_header .logo img {height: 25px;}
    
    .mobile_btn {box-sizing: content-box; position: absolute; z-index: 31; display: block; right: 30px; top: 25px; width: 22px; height: 18px; padding: 6px; -webkit-transition: all .3s ease; transition: all .3s ease; cursor: pointer;}
	.mobile_btn .bar, .mobile_btn .bar:before, .mobile_btn .bar:after {content: ''; position: absolute; right: 6px; height: 2px; width: 100%; background-color: #000; opacity: 1; text-indent: -9999em;}
	.mobile_btn .bar {top: 14px; width: 16px; -webkit-transition: height .3s .3s; transition: height .3s .3s;}
	.mobile_btn .bar:before {top: -8px; right: 0; width: 22px; -webkit-transition: top .3s .3s, transform .3s, width .3s .3s; 	transition: top .3s .3s, transform .3s, width .3s .3s;}
	.mobile_btn .bar:after {top: 8px; right: 0; width: 22px; -webkit-transition: top .3s .3s, transform .3s, width .3s .3s; 	transition: top .3s .3s, transform .3s, width .3s .3s;}
    
    .open_menu .mobile_btn .bar {height: 0; background-color: #000; -webkit-transition: height .3s; transition: height .3s;}
	.open_menu .mobile_btn .bar:before {top: 0; width: 22px; background-color: #000; -webkit-transform: rotate3d(0,0,1,45deg); -ms-transform: rotate3d(0,0,1,45deg); transform: rotate3d(0,0,1,45deg); -webkit-transition: top .3s, transform .3s .3s, width .3s; transition: top .3s, transform .3s .3s, width .3s;}
	.open_menu .mobile_btn .bar:after {top: 0; width: 22px; background-color: #000; -webkit-transform: rotate3d(0,0,1,-45deg); -ms-transform: rotate3d(0,0,1,-45deg); transform: rotate3d(0,0,1,-45deg); -webkit-transition: top .3s, transform .3s .3s, width .3s; transition: top .3s, transform .3s .3s, width .3s;}

    
    #mobile_menu_wrap {position: fixed; z-index: 30; left: 100%; right: 0; top: 0; height: 100%; background-color: #fff; overflow: hidden; color: #333; -webkit-transition: all .3s; transition: all .3s; opacity: 0;}
    .open_menu #mobile_menu_wrap {left: 0; opacity: 1;}
    #mobile_menu_wrap .menu {position: absolute; right: 0; width: 100vw; height: 100%;}
    #mobile_menu_wrap .menu .m_gnb {position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%);}
    #mobile_menu_wrap .menu .m_gnb li {margin-bottom: 40px;}
    #mobile_menu_wrap .menu .m_gnb li:last-child {margin-bottom: 0;}
    #mobile_menu_wrap .menu .m_gnb li a {font-family: 'Noto_bold'; font-size: 30px; color: #333; display: block;}
    #mobile_menu_wrap .menu .m_gnb li:hover a {color: #3389e9;}
    #mobile_menu_wrap .menu p {font-size: 16px; color: #3389e9; position: absolute; right: 36px; bottom: 36px;}

    
    
    .title {margin: 0px auto 40px;}
    .title h2 {font-size: 26px;}
    .title p {font-size: 18px; line-height: 28px; margin-top: 20px;}
    
    .container {width: 100%; padding: 0 5%;}
    
    #section_2, #section_3, #section_4, #counsel {padding: 15% 0;}
    
    #section_2 ul li {width: 100%; font-size: 18px; line-height: 28px; padding: 10px 20px; margin-bottom: 15px; border-radius: 5px;}
    
    #section_3 ul li {width: 31%; margin-bottom: 20px;}
    #section_3 ul li:after {display: none;}
    
    #counsel .btn_submit {width: 50%; font-size: 16px; line-height: 45px;}
    
    #footer {padding: 10% 0;}
    #footer h3 {font-size: 20px; margin-bottom: 15px;}
    #footer p {font-size: 14px; line-height: 24px; margin-bottom: 20px;}
    #footer .copy {font-size: 12px;}


}