@media screen and (max-width:1200px) {
	.show_1200 {display: block;}
    .hide_1200 {display: none;}
    
    .container {width: 100%; padding-left:4%;padding-right:4%;}

}

@media screen and (max-width:1080px) {
	.show_1080 {display: block;}
    .hide_1080 {display: none;}
    p {font-size: 15px; line-height: 23px;}
    body.scroll {position: fixed; width: 100%; height: 100%; overflow: hidden;}
    
    /*  모바일 메뉴   */
    /*버튼 박스*/
    .button_container {position: fixed; top: 0px; right: 0; height: 60px; width: 60px; cursor: pointer; z-index: 999; transition: opacity .25s ease;  background: #666;}

    /*버튼 기본*/
    .button_container p {color: white; font-weight: bold; position: absolute; top: 25px; left: 13px; letter-spacing: 1px;}
    .button_container span {background: white; border: none; height: 30px; width: 2px; position: absolute; left: 18px; bottom: 10px; transition: all .35s ease; cursor: pointer;}
    .button_container span:nth-of-type(2) {left: 29px; height: 40px}
    .button_container span:nth-of-type(3) {left: 40px;}
    .button_container:hover span:nth-of-type(odd) {height: 40px;}

    /*버튼 활성화*/
    .button_container.active {background: #b11515;}
    .button_container.active .top {transform: translateY(0px) translateX(11px) rotate(45deg); background: #FFF;}
    .button_container.active .middle {opacity: 0; background: #FFF;}
    .button_container.active .bottom {transform: translateY(0px) translateX(-11px) rotate(-45deg); background: #FFF;}
    

    /*메뉴 내용*/
    .m_menu_wrap {position: fixed; background: rgba(255,255,255,1); top: 0; left: 0; width: 100%; height: 0%; opacity: 0; visibility: hidden; z-index: 998; text-align: center;}
    .m_menu_wrap.open {opacity: 1; visibility: visible; height: 100%; overflow-y: scroll;}
    .m_menu_wrap .m_menu_title {margin-top: 40px; margin-bottom: 30px;}
    .m_menu_wrap .m_menu_title img { width: 150px;}
    .m_menu_wrap .m_menu_title h2 {font-weight: bold; font-size: 20px; margin-top: 20px;}
    
    .m_menu_wrap .menu_1 {width: 100%; text-align: center; max-width: 720px; margin: 0 auto; padding: 15px 0;}
    .m_menu_wrap .menu_1 li {font-size: 15px; width: 33.333%; color: #666; border-right: 1px solid #eee;}
    .m_menu_wrap .menu_1 li:last-child {border-right: 0;}
    .m_menu_wrap .menu_1 li a {display: block;}
    
    .m_menu_wrap .menu_bg {background: #e9edf6; padding: 50px 4%;}
    .m_menu_wrap .menu_2 {width: 100%; max-width: 720px; margin: 0 auto 10px; background: white; border: 1px solid #eee;}
    .m_menu_wrap .menu_2 p {font-size: 18px; padding: 10px; font-weight: bold; color: #b11515;}
    .m_menu_wrap .menu_2 ul {border-top: 1px solid #eee; padding: 15px 0;}
    .m_menu_wrap .menu_2 li {width: 20%; text-align: center; font-size: 15px; color: #666; border-right: 1px solid #eee;}
    .m_menu_wrap .menu_2 li:last-child {border-right: 0;}
    .m_menu_wrap .menu_2 li a {display: block;}
    
    .m_menu_wrap .menu_3 {background: white; border: 1px solid #eee; width: 100%; max-width: 720px; margin: 0 auto; text-align: left; padding: 15px 4%; font-size: 13px; color: #666;}
    .m_menu_wrap .menu_3 a {display: block; background: url('/images/right_icon.png') no-repeat right center; background-size: 8px;}
    .m_menu_wrap .menu_3 span {font-weight: bold; margin-right: 10px; font-size: 15px;}
    
    .m_menu_wrap .menu_footer {width: 100%; padding-bottom: 40%; background: url(/images/mobile_menu.jpg) no-repeat center; background-size: cover; position: absolute;}
    .m_menu_wrap .menu_footer .text {position: absolute; transform: translateX(-50%) translateY(-50%); left: 50%; top: 50%; width: 100%;}
    .m_menu_wrap .menu_footer .text h3 {font-size: 30px; color: white; letter-spacing: 5px; margin-bottom: 10px;}
    .m_menu_wrap .menu_footer .text p {color: #999; font-size: 18px;}
    
    
    /*  공통  */
    #sub_title {height: 100%; padding-bottom: 60%;}
    .pad_t_100 {padding-top:80px;}
    .pad_b_100 {padding-bottom: 80px;}
    .pad_t_80 {padding-top:60px;}
    .pad_b_80 {padding-bottom: 60px;}
    .mar_t_100 {margin-top: 80px;}
    .mar_b_100 {margin-bottom: 80px;}
    .mar_b_80 {margin-bottom: 60px;}
    .mar_b_40 {margin-bottom: 30px;}
    .mar_t_40 {margin-top: 30px;}
    
    /*  메인페이지  */
    #main_img {height: auto;padding-bottom: 70%;}
    .main_quick .owl-carousel .title h3 {font-size: 30px; padding: 20px;}
    #main_latest .title {font-size: 30px;}
    #main_latest .video_wrap {width: 100%;}
    #main_latest .video_box {position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0;}
    #main_latest .video_box .video {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
    #main_latest .notice {width: 100%; margin-left: 0; margin-top: 40px;}
    
    /*  특사소개  */
    .motto li {width: 150px; height: 150px; margin-right: 2%; background-size: 40px !important;}
    .motto li:last-child {margin-right: 0;}
    .profile_main h4 {font-size: 65px;}
    .profile_main p {line-height: 20px;}
    #muay_story ul li p {line-height: 23px;}
    
    /*  프로그램  */
    .program .list .img_box {padding-bottom: 40% !important;}
    .program .list .text h4 {font-size: 25px; margin-bottom: 15px;}
    
    /*  지관소개  */
    .branch_info #map {width: 100%; margin-right: 0;}
    .branch_info .text {width: 100%; height: 100%; padding: 20px;    margin-top: 10px;}
    
    
    
    
}


@media screen and (max-width:720px) {
    .show_720 {display: block;}
    .hide_720 {display: none;}
    
    /*  공통  */
    .sub_title {font-size: 30px; margin-bottom: 15px;}
    #sub_title {height: 100%; padding-bottom: 80%;}
    .pad_t_100 {padding-top:60px;}
    .pad_b_100 {padding-bottom: 60px;}
    .pad_t_80 {padding-top:40px;}
    .pad_b_80 {padding-bottom: 40px;}
    .mar_t_100 {margin-top: 60px;}
    .mar_b_100 {margin-bottom: 60px;}
    .mar_b_80 {margin-bottom: 40px;}
	.mar_t_80 {margin-top: 40px;}
    .mar_b_40 {margin-bottom: 20px;}
    .mar_t_40 {margin-top: 20px;}
    .mar_b_20 {margin-bottom: 10px;}
	.kakao {width:80px;}
    
    /*  메뉴  */
    .m_menu_wrap .menu_footer .text h3 {font-size: 20px;}
    .m_menu_wrap .menu_footer .text p {font-size: 15px;}
    .m_menu_wrap .m_menu_title h2 {font-size: 18px;}
    
    /*  푸터  */
    footer .info {width: 100%; padding: 20px 0;}
    footer h1 {width: 100px; background-size: 100px; height: 57px; margin-bottom: 15px;}
    footer .info li {font-size: 13px;    line-height: 18px; text-align: left;}
    footer .info li h5 {display: block; font-size: 15px; margin-bottom: 5px; font-weight: bold;}
    footer .info li .tel_icon {width: 13px; margin-left: 0; height: 13px; background-size: 13px;}
    footer .info li .addr_icon { width: 13px; height: 13px; background-size: 13px;}
    footer .copy {font-size: 11px;}
    
    /*  메인페이지  */
    .main_slogan {font-size: 70px; line-height: 80px; padding: 10px 0;}
    .main_quick .owl-carousel .title h3 {font-size: 20px; padding: 10px;}
    .main_quick .owl-carousel .owl-dots {display: none;}
    .main_quick .owl-carousel .title {width: 70%;}
    
    
    /*  특사소개  */
    .motto li {width: 100px; height: 100px; margin-right: 2%; background-size: 30px !important;}
    .down li {font-size: 13px; width: 49%; height: 40px; line-height: 40px; margin-right: 2%;}
    .down li:last-child {margin-right: 0;}
    .down li img {width: 15px;}
    .logo_img {height: 200px;}
    .logo_img img {width: 200px;}
    .profile_main h4 {float: none; font-size: 40px;}
    .profile_main p {float: none; margin-left: 0; margin-top: 10px; font-weight: normal;}
    .profile_main p .bold {font-weight: bold;}
    .history li {width: 23%; height: 120px; padding: 10px;}
    .history li h5 {margin-bottom: 10px; font-size: 15px;}
    .history li p {font-size: 13px; line-height: 20px;}
    #muay_story ul li {}
    #muay_story ul li h5 {font-size: 30px;}
    #muay_story ul li p {font-size: 13px; line-height: 20px;}
    
    /*  프로그램  */
    .program .list .img_box {height: 250px; float: none; width: 100%; padding-bottom: 0 !important; margin-bottom:10px;}
    .program .list .text {width: 100%; padding: 4%;}
    .program .list .text h4 {font-size: 20px;}
    
    /*  지관소개  */
    .branch_tab li {font-size: 15px; line-height: 40px;}
    .branch_bg {height: 250px; }
    .branch_bg .text h3 {font-size: 80px; margin-bottom: 20px;}
    .branch_bg .text p {font-size: 20px; letter-spacing: 8px;}
    table.class tr:first-child th {font-size: 15px;}
    table.class th, table.class td {font-size: 15px;}
    table.cost tr:first-child th {font-size: 13px; }
    table.cost th, table.cost td {font-size: 15px;}
    .cost_info {font-size: 13px; margin-top: 10px;}
    .branch_info .text { padding: 20px 10px;}
    .branch_info .text h5 {margin-bottom: 10px;}
    .branch_info .text table td {line-height: 20px;padding: 5px 0;}
    
    /*  게시판  */
    #bo_list .tbl_head01 td {height: 60px; font-size: 13px;}
    #bo_list .td_name, #bo_list .td_num2 {display: none;}
	#bo_list .td_datetime {width: 100px;}
    
    #bo_v_title .bo_v_tit {font-size:20px;}
    
}

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

    /*  특사소개  */
    .down li img {display: none;}
    .history li {width: 31%;}
    .motto li {width: 65px; height: 65px; margin-right: 2%; background-size: 25px !important;}
    
    /*  지관소개  */
    .branch_tab li {font-size: 13px; line-height: 40px;}
    
    
    
    

}