@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;}
    .container {width:100%;}
    h3.title {font-size: 25px;}
    html {font-size: 55%;}

    /*모바일 레이아웃 - 기본 세팅*/
	.slideout-menu {position: fixed; top: 0; bottom: 0; width: 250px; min-height: 100vh; -webkit-overflow-scrolling: touch; z-index: 0; display: none;}
	.slideout-menu-left {left: 0; }
	.slideout-menu-right {right: 0;}
	.slideout-panel {position: relative; z-index: 1; will-change: transform; background-color: #FFF; min-height: 100vh;}
	.slideout-open,	.slideout-open body, .slideout-open .slideout-panel {overflow: hidden;}
	.slideout-open .slideout-panel { box-shadow: -3px 0px 10px rgba(0,0,0,0.2);}
	.slideout-open .slideout-panel:after {content:''; display:block; position:absolute; width:100%; height:100vh; background:rgba(0,0,0,0.2); z-index:100; top:0;}
	.slideout-open .slideout-panel header {background-image:none;}
	.slideout-open .slideout-menu {display: block;}
    
    /*모바일 메뉴 - 기본 세팅*/
	.mobile_button { display: inline-block; position: relative; transition: 0.25s; user-select: none; height: 80px; text-align: center; line-height: 80px; width: 80px; z-index: 9999;}
	.navicon {position: relative; display: inline-block; background: #013686; transition: 0.2s; border-radius: 2.5rem;} /*버튼 가운데*/
	.navicon:before, .navicon:after { display: block; content: "";  background: #013686; position: absolute; transition: 0.2s; border-radius: 1rem;}/*버튼 위 아래*/
	.navicon:before {top: 6px;}/*버튼 위 간격*/
	.navicon:after {top: -6px;}/*버튼 아래 간격*/
	.navicon, .navicon:before, .navicon:after {width: 30px; height: 2px;}/*버튼 줄 가로 세로 값*/
	.mobile_button .navicon:before, .mobile_button .navicon:after { transition: 0.25s;}/*버튼 클릭 시 애니메이션 시간*/
	.open:not(.steps) .navicon {visibility: hidden; transition: all 0s;}
    .open:not(.steps) .navicon:before {transform: rotateZ(45deg);visibility: visible;top: 0px;}
    .open:not(.steps) .navicon:after {transform: rotateZ(-45deg);visibility: visible;top: 0px;}
 
    /*모바일 메뉴 - 커스텀*/
    h1.m_logo {width: 250px; background-size: 170px; background-position: center; margin: 20px auto;}
    header {height: 80px; background: url(/images/logo.jpg) no-repeat center; background-size: 150px;}
    .gnb_menu .gnb_list {width: 100%; line-height: 50px; height: auto; border-bottom: 1px solid #eee; font-size: 15px; text-align: left; text-indent: 20px; background: url(/images/select.png) no-repeat 90%;}
    .gnb_menu .gnb_list:first-child {border-top: 1px solid #eee;}
    .gnb_menu .gnb_list:hover {border-bottom: none; background:#013686;  color: white;}
    .gnb_menu .sub_menu {position: relative; top: auto; width: 100%;}
    .gnb_menu .sub_menu li {color: #333; background: #f4f4f4; line-height: 40px; height: 40px;  text-indent: 30px; font-size: 13px;}
    
	.small_menu {margin-left:20px;margin-top:30px;}
	.small_menu li {font-size:13px; margin-bottom:15px; color:#999;}




    /* 푸터 */
    footer {padding: 30px 5%; min-width: auto; }
    h1.f_logo {width: 150px; background-size: 150px;}
    footer .text {margin-left: 0;}
    footer .text ul li {font-size: 13px; line-height: 20px;}
    footer .text p {font-size: 11px; }
    
    
    /*  메인 페이지  */
	.main_slogan {margin: 100px auto 30px;}
    .main_quick {padding: 40px 5%;}
    .main_quick ul {margin-top: 40px;}
    .main_quick ul li {}
    .main_quick ul li:nth-child(even) {margin-right: 0;}
    .main_quick_2 li {height:220px;}
	.main_quick_2 li h4 {line-height:220px;}
    .main_quick_2 li:hover {background-size: 135%;}
    .main_quick_2 {margin: 60px auto 0;}
    
    
    /*  서브 공통  */
    .sub_title {height: 150px; min-width: auto;}
    .sub_title h3 {line-height: 150px; font-size: 30px;}
    .lnb {display: none;}
    .sub_content {padding: 40px 5%; width: 100%;}
    .subject {font-size: 20px; text-align: left;}
    
    
    /*  sub1-1  */    
    .sub_content_1_1 {background: none;}
    .sub_content_1_1 img {margin-top: 30px;}
    .sub_content_1_1 p {width: 100%;}
    

	.sub_content_1_7 .img_2 {margin-top:30px;}
	.sub_content_1_7 .map_wrap {margin-top:30px;}
	.sub_content_1_7 .map_wrap .info {width: 100%;}
	.sub_content_1_7 table {margin-top: 15px; }



    
}

@media screen and (max-width:720px) {
    .show_720 {display: block;}
    .hide_720 {display: none;}
    html {font-size: 52%;}

	


    footer .text ul li {margin-bottom: 10px;}
    footer .text ul li span {display: block;}


	.main_slogan {font-size:2.2rem;     margin: 50px 5%;}
	.main_quick {padding:0px 5%;}
	.main_quick ul li {padding:10px;}
	.main_quick ul li h3 {font-size: 1.5rem; width: 12rem; height: 3rem; line-height: 3rem;}
	.main_quick ul li a {margin: 10px auto 0;}
	
	.main_quick_2 {margin:60px auto 0;}
	.main_quick_2 li {height:180px;}
	.main_quick_2 li h4 {line-height:180px;}
	.main_quick_2 li:hover {background-size: cover;}
    
    /*  sub1-1  */    
    .sub_content_1_1 p {margin-top: 30px;}
    
    /*  sub1-2  */    
    .sub_content_1_2 img {margin: 30px auto;}
    
    /*  sub1-3  */
    .sub_content_1_3 img {margin: 30px auto 40px;}
    .sub_content_1_3 h5 {margin-bottom: 10px;}
    .sub_content_1_3 ul {margin-bottom: 30px;}
    
    /*  sub1-4  */
    .sub_content_1_4 ul {margin: 30px auto;}
	.sub_content_1_4 ul li { font-size: 1.5rem; line-height: 2.3rem;}
    
    /*  sub1-5  */
    .sub_content_1_5 img {margin: 30px auto;}
    
    
    /*  sub1-6  */
    .sub_content_1_6 ul {margin: 30px auto; }
    .sub_content_1_6 ul li {width: 33.333%;}
    
    /*  sub1-7  */
    .sub_content_1_7 #map {height: 200px;}
    .sub_content_1_7 table {margin-top: 30px;}
	.sub_content_1_7 table tr {font-size: 1.5rem; line-height: 2.3rem;}
    .sub_content_1_7 table tr th {padding: 0 10px; width: 30%;}
    .sub_content_1_7 table tr td {width: 70%;  padding:10px;}
    
    
    /*  sub2~  */
    .sub_content_2 p {margin-top: 30px;}
    .sub_content_2 table tr {font-size: 1.5rem; line-height: 2.3rem; }
	.sub_content_2 table tr td {padding:10px;}
    .sub_content_2 p .title {margin-bottom: 10px;}
    
    /*  sub3~  */
    .sub_content_3 img {margin-top: 30px;}
    .sub_content_3 p {margin-top: 30px;}
	.sub_content_3 ul {padding: 10px 0; margin-top: 10px; margin-bottom: 30px;}
    .sub_content_3 ul li {padding: 10px;}
    .sub_content_3 ul li p {width: 80px; margin-top: 10px; padding: 3px 0;}
	.sub_content_3 table tr td {padding:10px;}
    
    /*  sub4~  */
    .sub_content_4 p {margin-top: 30px;}
    .sub_content_4 img {margin-top: 30px;}
    
    /*  sub5~  */
    .sub_content_5 h5 {margin-top: 30px;}
    .sub_content_5 p {margin-top: 15px;}
    .sub_content_5 h6 {margin-top: 20px;}
    .sub_content_5 img {margin-top: 20px;}
    .sub_content_5 .info {margin-top: 15px;}
    .sub_content_5 .info_2 {margin-top: 15px;}
    
    
    
    
    
    
}

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

}