@media screen and (max-width:1200px) {
    .show_1200 {display: block;}
    .hide_1200 {display: none;}
    .container {width: 100%; padding: 0 15px;}
    .fixed_title {padding: 40px 0 50px;position: relative; top: auto; left: auto; transform:none;}
    .title_section .line {height: 55px;}
    .title_section h3 {font-size: 28px;}
    .title_section h3 span {font-size: 18px;}
    
    /* section_1 */
    #section_1 {height: 800px;}
    #section_1 .title {}
    #section_1 .top_menu {margin-bottom: 15%;}
    #section_1 .main_title {padding-right: 30px;}

	#urban_section_1 {padding: 15% 0;	}
	#urban_section_2 {padding: 15% 0;	}
	#urban_section_3 {padding: 15% 0;	}

    .lnb_wrap .home {display: none;}
}

@media screen and (max-width:1080px) {
    .show_1080 {display: block;}
    .hide_1080 {display: none;}
    .fixed_title {padding: 30px 0 60px; position: relative !important; top: auto !important;}
    .title_section {position: relative !important; top: auto !important;}
    .title_section .line {height: 50px;}
    .title_section h3 {font-size: 25px;}
    .title_section h3 span {font-size: 16px;}
	.blocker {z-index: 10;}

    
    /* comming_soon */
    .comming_soon img {width: 80%;}
    
    /* section_1 */
    #section_1 {height: auto; padding-bottom: 10%; background: none;}
    #section_1 .content_wrap { position: relative; top: auto; left: auto; transform: none; right: auto; margin: 0 auto;}
    #section_1 .text { text-align: center;}
    #section_1 .main_title {position: relative; padding: 10% 0; top: auto;}
    #section_1 .title {width: 90%; max-width: 420px;}
    #section_1 .main_img {margin: 0 auto;}
    #section_1 .main_btn { display: block; margin: 5% auto;}
    #section_1 .main_btn li {width: 100%;}
    #section_1 .board_menu {position: relative; top: auto; right: auto; text-align: center; margin-bottom: 50px;}
    #section_1 .board_menu li {display: inline-block; float: none;}
    #section_1 .partner_logo {text-align: center; margin-top: 50px;}
    #section_1 .main_btn li a {font-size: 18px;}
    
    /* section_2 */
    #section_2 {height: auto; padding: 0% 0 15%;}
	#section_2 .fixed_title {}
    #section_2 .subject {float: none; width: 100%; margin-bottom: 5%; text-align: center;}
    #section_2 .subject h2 {font-size: 24px; line-height: 24px; padding-bottom: 20px;}
    #section_2 .content {float: none; width: 100%;}
    #section_2 .content p {text-align: center;}
    #section_2 .title_text {margin-top: 15px; margin-bottom: 40px; }
    #section_2 .purpose_text {font-size: 22px; line-height: 32px; width: 80%;}
    
    /* section_3 */
    #section_3 {height: auto; padding: 0% 0 15%;}
	#section_3 .fixed_title {}
    #section_3 .subject {float: none; width: 100%; margin-bottom: 5%; text-align: center;}
    #section_3 .subject h2 {font-size: 24px; line-height: 24px; padding-bottom: 20px;}
    #section_3 .content {float: none; width: 100%; margin: 0 auto;}
	#section_3 .content .map_text2 span {font-size:14px;}
    #section_3 .content .map_text {line-height: 20px; margin-bottom: 15px;}
    #section_3 table th {width: 150px;}
    
    /* section_4 */
    #section_4 {padding-bottom: 15%;}
    #section_4 .video {margin: 30px auto 0;}
    #section_4 #map {height: 350px;}
    
    /* section_5 */
    #section_5 {height: auto;padding-bottom: 15%;}
    #section_5 table th {width: 150px;}
    #section_5 .mar_l_30 {display: block;}
    
    /* 세부 개요 */
    .fixed_title.urban h3 {font-size: 30px;}
	.fixed_title.urban h1 {max-width: 55%; margin: 0 auto 20px; word-break: keep-all;}
    #urban_section_1, #urban_section_2, #urban_section_3 {padding: 10% 0;}
    #urban_section_1 .fixed_title, #urban_section_2 .fixed_title, #urban_section_3 .fixed_title {padding: 0px 0 30px;}
    #urban_section_1 .back_btn {top: 30px; right: 5%;}
    #urban_section_1 table {margin: 50px auto 0;}
    #urban_section_3 .member {margin-top: 10%;}
    #urban_section_3 .member li {width: 33.333%;}
    

    
    /* section_6 */
    #section_6 {height: auto; padding-bottom: 15%;}
    #section_6 .member {margin: 50px auto 0; width: 100%; max-width: 750px;}
    
    /* section_7 */
    #section_7 {height: auto;padding-bottom: 15%;}
    #section_7 table th {width: 150px;}
    
    /* section_8 */
    #section_8 {height: auto;padding-bottom: 10%;}
    #section_8 .text h4 {width: auto; font-size: 20px; margin-bottom: 20px;}
    #section_8 .text .box {width: 100%;}
    #section_8 .text p span {font-size: 18px;}
    
    /* 회원가입 */
    #register_form {width: 90%; margin: 10% 5%; padding: 10% 5%;}
    #register_form ul {width: 100%; padding-right: 0;}
    #register_form h2.page_title {font-size: 28px; line-height: 28px; margin-bottom: 40px;}
    #register_form .agree_part {width: 100%; padding: 30px 15px; margin-top: 5%;}
    #register_form .agree_part p {margin-bottom: 10px;}


	/* 인트로 페이지 */
	#intro .container {width:100%;}
	#intro .title_part {width:100%; text-align:center;}
	#intro .title_part img {max-width:80%;}
	#intro .down_part {width:100%; text-align:center;}
	#intro .down_part p {font-size: 18px; line-height: 26px;}
    
    
    .board_title {height: 300px;}
    .board_title .title {width: 60%;}
    .board_title .go_home {top: 0;}

}

@media screen and (max-width:720px) {
    .show_720 {display: block;}
    .hide_720 {display: none;}
    .fixed_title {padding: 30px 5% 30px;}
    .title_section .line {height: 40px;}
    .title_section h3 {font-size: 22px;}
    .title_section h3 span {font-size: 16px;}
    
    /* section_1 */
    #section_1 {padding-bottom: 100px;}
    
    /* section_2 */
    #section_2 .content p {font-size: 14px; line-height: 24px; margin-bottom: 30px;}
    
    
    /* section_3 */
    #section_3 .content .map_pin li .pin {width: 20px; height: 28px; background-size: 20px;}
    #section_3 .content .map_pin li .pin2 {width: 20px; height: 28px; background-size: 20px;}
    #section_3 .content .map_pin li .pin3 {width: 20px; height: 28px; background-size: 20px;}
    #section_3 .content .map_pin li .pin:hover, #section_3 .content .map_pin li.active .pin { background-size: 20px;}

	#section_3 .content .map_text2 span {font-size:12px;}

	#section_3 .content .map_pin li[rel="pin_1"] {	}
	#section_3 .content .map_pin li[rel="pin_2"] {top: 46%; right: 47%;}
    #section_3 .content .map_pin li[rel="pin_3"] {}
    
    
    .blocker {z-index: 11;}
    .jquery-modal>.modal.info {background: #fff;}
    .jquery-modal>.modal.info strong {font-size: 15px; line-height: 26px; color: #ec5704; }
    .jquery-modal>.modal.info h3 {font-size: 20px; line-height: 20px; font-family: 'Noto_bold'; color: #ec5704; margin-bottom: 10px;}
    .jquery-modal>.modal.info p {font-size: 14px; line-height: 22px; color: #5e5e5e; padding: 5px 0; border-bottom: 1px solid #eee;}
    .jquery-modal>.modal.info a.go_urban {display: block; text-align: right; margin-top: 20px;}
    
    .jquery-modal>.modal.info2 {background: #fff;}
    .jquery-modal>.modal.info2 strong {font-size: 15px; line-height: 26px; color: #c1855b; }
    .jquery-modal>.modal.info2 h3 {font-size: 20px; line-height: 20px; font-family: 'Noto_bold'; color: #c1855b; margin-bottom: 10px;}
    .jquery-modal>.modal.info2 p {font-size: 14px; line-height: 22px; color: #5e5e5e; padding: 5px 0; border-bottom: 1px solid #eee;}
    .jquery-modal>.modal.info2 a.go_urban {display: block; text-align: right; margin-top: 20px;}
    
    .jquery-modal>.modal.info3 {background: #fff;}
    .jquery-modal>.modal.info3 strong {font-size: 15px; line-height: 26px; color: #5c5c5c; }
    .jquery-modal>.modal.info3 h3 {font-size: 20px; line-height: 20px; font-family: 'Noto_bold'; color: #5c5c5c; margin-bottom: 10px;}
    .jquery-modal>.modal.info3 p {font-size: 14px; line-height: 22px; color: #5e5e5e; padding: 5px 0; border-bottom: 1px solid #eee;}
    .jquery-modal>.modal.info3 a.go_urban {display: block; text-align: right; margin-top: 20px;}
    

    /* 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: 80%;}
    #section_6 .member li p {font-size: 14px; margin-top: 15px;}
    
    
    
    
    /* 세부 개요 */
    .fixed_title.urban h3 {font-size: 24px;}

    .table_under{margin: 10px !important; }
    #urban_section_1 table th {width: 100%; display: block;}
    #urban_section_1 table td {width: 100%; display: block; font-size: 14px; line-height: 24px; margin-bottom: 10px;}
    #urban_section_2 .guide {margin-top: 5%;}
    #urban_section_2 table th {width: 200px;}
    #urban_section_3 .member li {margin-bottom: 50px;}
    #urban_section_3 .member li h3 {font-size: 18px; margin-bottom: 10px; padding-bottom: 10px;}
    #urban_section_3 .member li span {font-size: 14px;}


    
    
    
    /* board */
    .board_title {        height: 265px; background-position-x: -80px;}
    .board_title_2 {font-size: 20px; margin: 12% auto 8%;}
    .board_title p {font-size: 14px;}
    .board_title .go_home img {width: 55px;}
    #bo_list {margin-bottom: 60px; padding-bottom: 30px;}
    
    #bo_v, #bo_w {margin: 60px auto;}
    
    .lnb_wrap .container {padding: 0;}
    .lnb_wrap ul {overflow: hidden;}
    .lnb_wrap ul li {width: 33.333%; float: left; display: block; font-size: 14px;}
    
    
    /* 푸터 */
    footer ul li {font-size: 14px;}
    
    
    /* 로그인 */
    .mbskin {width: 100%; margin: 0px auto 60px;}
    .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: 0px auto 60px;}
    .form_01 li {margin-bottom: 0;}
    #register_form {}
    #register_form h2.page_title {font-size: 24px; line-height: 24px;}
    #register_form ul li {margin-bottom: 10px;}
    #register_form ul li label {font-size: 14px; width: 100%;}
    #register_form ul li input[type="text"], #register_form ul li input[type="password"] {width: 100%; }
    #register_form ul li #reg_mb_id {width: calc(100% - 100px);}
    #register_form input[type="text"] {margin-bottom: 0;}
    #register_form .form_item_inner > p {padding-bottom: 0;}
    #fregisterform .btn_confirm {text-align: center; width: 90%; margin: 0 5%;}
    #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;}
    
    
    /* 개요 */
    .summary_box table tr th {display: block; padding-bottom: 5px;}
    .summary_box table tr td {display: block; }
    
    
    
    
}