@media screen and (max-width:1200px) {
    .show_1200 {display: block;}
    .hide_1200 {display: none;}
    .mar_t_100 {margin-top: 50px;}
    .mar_t_50 {margin-top: 30px;}
    .container {width: 100%; padding: 0 5%;}
    .fixed_title {padding: 40px 0 50px; position: relative; top: auto;}
    .title_section {margin-bottom: 50px;}
    .title_section h3 {font-size: 28px;}
    .title_section h3 span {font-size: 18px;}
    
    /* section_1 */
    #section_1 {height: auto; padding: 50px 0 15%; background: none;}
    #section_1 .m_main_img {text-align: center; margin-bottom: 10%;}
    #section_1 .text {text-align: center;}
    #section_1 .text .title {width: 80%; max-width: 830px; margin: 0 auto;}
    
    #section_1 .content_wrap { width: 80%; margin: 10% auto 0; position: relative; top: auto; transform: none; right: auto; max-width: 100%;}
    #section_1 .main_btn {position: relative; top: auto; left: auto; transform: none; overflow: hidden; width: 100%; margin-right: 0; margin-bottom: 30px; margin-top: 0px;}
    #section_1 .main_btn li {}
    #section_1 .main_btn li:first-child {}
    #section_1 .main_btn li a {width: 100%;}
    #section_1 .latest_wrap {position: relative; top: auto; left: auto; transform: none; width: 100%;}
    #section_1 .partner_logo {position: relative; top: auto; right: auto; transform: none; text-align: center; margin: 0 auto 30px;}
    #section_1 .partner_logo img {display: inline-block; width: 40%; max-width: 340px;}
    
    
    /* section_2 */
    #section_2 {height: auto; padding-bottom: 15%;}
    #section_2 .fixed_title {position: relative; top: auto;}
    #section_2 .title_text {margin-bottom: 60px;}
    #section_2 .purpose_text {line-height: 24px; margin-bottom: 0;}
    
    /* section_3 */
    #section_3 {height: auto; padding-bottom: 15%; background-size: contain; background-position-y: bottom;}
    #section_3 .fixed_title {position: relative; top: auto;}
    #section_3 table.mar_b_150 {margin-bottom: 0;}
    
    /* section_4 */
    #section_4 {height: auto; padding-bottom: 15%;}
    #section_4 #map {width: 100%; height: 400px;}
    #section_4 .video {width: 100%;  margin-bottom: 0;}
    
    
    /* section_5 */
    #section_5 {height: auto; padding-bottom: 15%; background-size: contain; background-position-y: bottom;}
    #section_5 .fixed_title {position: relative; top: auto;}
    #section_5 table.mar_b_150 {margin-bottom: 0;}
    
    /* section_6 */
    #section_6 {height: auto; padding-bottom: 15%;}
    #section_6 .fixed_title {position: relative; top: auto;}
    #section_6 .member li {margin-bottom: 40px;}
    
    
    /* section_7 */
    #section_7 {height: auto; padding-bottom: 15%; background-size: contain; background-position-y: bottom;}
    #section_7 .fixed_title {position: relative; top: auto;}
    #section_7 table.mar_b_150 {margin-bottom: 0;}
    
    /* section_8 */
    #section_8 {height: auto; padding-bottom: 15%;}
    #section_8 .fixed_title {position: relative; top: auto;}
    #section_8 p.text {line-height: 25px;}
    
    .board_title .title {width: 60%; max-width: 420px;}
    .board_title .img {width: 40%;max-width: 420px;}
    
    
}

@media screen and (max-width:1080px) {
    .show_1080 {display: block;}
    .hide_1080 {display: none;}
    .fixed_title {padding: 30px 5% 40px;}
    .fixed_title h1 {font-size: 16px;}
    .title_section h3 {font-size: 25px;}
    .title_section h3 span {font-size: 16px;}

    
    /* comming_soon */
    .comming_soon img {width: 80%;}
    
    /* section_1 */
    #section_1 .main_visual {width: 100%; top: 50%; left: 50%; opacity: 0.1; transform: translateX(-50%) translateY(-50%);}
    #section_1 .title {margin: 0 auto;}
    #section_1 .content_part {float: none; margin: 50px auto 0;}
    
    /* section_2 */
    #section_2 {}
    #section_2 .title_text {margin-top: 15px; margin-bottom: 40px;}
    
    /* section_2 */
    #section_3 {}
    #section_3 table:last-child {margin-bottom: 0;}

    
    /* section_4 */
    #section_4 {}
    #section_4 .map {}
    
    
    /* section_5 */
    #section_5 {}

    
    /* section_6 */
    #section_6 {height: 100%;}
    #section_6 .member {margin: 50px auto 0; width: 100%; max-width: 750px;}
    
    /* section_7 */
    #section_7 {}
    #section_7 table th, #section_7 table td {line-height: 30px;}
    
    
    /* section_8 */
    #section_8 {}
    #section_8 p.text {line-height: 22px;}
}

@media screen and (max-width:720px) {
    .show_720 {display: block;}
    .hide_720 {display: none;}
    .fixed_title {padding: 30px 5% 30px;}
    .fixed_title p {font-size: 10px; line-height: 20px;}
    .title_section h3 {font-size: 22px;}
    .title_section h3 span {font-size: 16px;}
    .title_section .line {}
    
    /* section_1 */
    #section_1 {height: auto; padding: 15% 0 20%; }
    #section_1 .title {}
    #section_1 .content_wrap {width: 100%; margin-top: 15%;}
    #section_1 .main_btn li {}
    #section_1 .main_btn li a {font-size: 16px;}
    #section_1 .latest_wrap { width: 100%;}
    #section_1 .lat {}
    #section_1 .lat li {line-height: 25px;}
    #section_1 .lat li a {font-size: 14px;}
    #section_1 .lt_info .lt_date {font-size: 14px;}
    #section_1 .latest_wrap h3 {font-size: 18px;}
    
    /* section_2 */
    #section_2 {}
    #section_2 .title_text {line-height: 25px;}
    #section_2 .mar_t {margin-top: 15%;}
    
    
    /* section_3 */
    #section_3 {}
    #section_3 table th {width: 100%; display: block;}
    #section_3 table td {width: 100%; padding-bottom: 10px; display: block;}
    
    /* section_4 */
    #section_4 .map_addr {font-size: 16px; margin-bottom: 15px; margin-top: 30px;}
    #section_4 #map {height: 300px;}
    
    /* section_5 */
    #section_5 {}
    #section_5 table th {width: 100%; display: block;}
    #section_5 table td {line-height: 25px; display: block; padding-bottom: 10px;}
    
    /* section_6 */
    #section_6 .member {overflow: visible; margin: 30px auto 40px;}
    #section_6 .member li {float: none; width: auto;  margin-bottom: 0px;}
    #section_6 .member li img {width: 100%;}
    #section_6 .member li p {font-size: 14px; margin-top: 15px;}
    
    
    /* section_7 */
    #section_7 table th {width: 100%; display: block;}
    #section_7 table td {line-height: 25px; display: block; padding-bottom: 10px;}
    
    
    /* board */
    .board_title {}
    .board_title .title {width: 300px;}

    
    .board_title_2 {font-size: 16px; margin: 50px auto 30px;}
    .board_title_2 span {font-size: 24px; margin-bottom: 10px;}
    
    #bo_v_title {margin-bottom: 5px;}
    #bo_v_title .bo_v_tit {font-size: 20px; line-height: 30px;}
    
    #bo_list {margin-bottom: 60px; padding-bottom: 30px;}
    #bo_list .th_num, #bo_list .td_num2 {display: none;}
    #bo_v_con {font-size: 14px; line-height: 24px;}
    #bo_v, #bo_w {margin: 60px auto;}
    
    /* 푸터 */
    footer p {font-size: 15px; line-height: 20px;}
    footer ul li {font-size: 14px; margin-bottom: 10px; display: block;}
    footer ul.short li:first-child {border-right: 0;}
    
    /* 로그인 */
    .mbskin {width: 100%; margin: 60px auto;}
    .mbskin .mbskin_box h3 {font-size: 25px; margin-top: 30px;}
    #login_fs {padding: 30px 5%;}
    #mb_login #login_fs .btn_submit {font-size: 16px;}
    .member_join li {font-size: 14px; line-height: 22px;}
    #login_info {font-size: 14px;}
    
    
    /* 참가접수 */
    .register {margin: 60px auto;}
    .form_01 li {margin-bottom: 0;}
    #register_form {padding: 0;     line-height: 40px;}
    #register_form .form_item_des>select {padding: 0 10px; height: 40px;}
    #register_form .form_line .form_des {font-size: 14px; line-height: 22px;}
    #register_form input[type="text"] {margin-bottom: 0;}
    #register_form .form_item_inner > p {padding-bottom: 0;}
    #fregisterform .btn_confirm {text-align: center;}
    #fregisterform .btn_confirm .btn_close {width: 100px;display: inline-block;  margin: 0; font-size: 14px; padding: 0 10px;}
    #fregisterform .btn_confirm .btn_submit {display: inline-block;  width: calc(99% - 100px); margin: 0; font-size: 14px; padding: 0 10px;}
    
    .privacy_area, .privacy_box {padding: 15px;}
    #privacy h2 {font-size: 18px; line-height: 30px;}
    #privacy p {font-size: 14px; line-height: 24px;}
}

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

}