/*-------- P C --------*/

@media all and (max-width:1200px) {
	.inner {
		width:100%;
	}
	#combobox {
		width:100%;
	}
	#combobox > a {
		padding:0 15px;
	}
	#combobox > a,#combobox .depth > span:first-child {
		font-size:13px;
	}
	#combobox .depth > span:nth-child(2) {
		padding:4px;
	}
	#combobox .depth ul li a {
		font-size:14px;
	}
	#sub_tab {
		flex-wrap: wrap;
	}
	#sub_tab li {
		margin-top:-1px;
		width:calc(100% / 3)
	}
	#sub_tab.li4 li {
		width:50%;
	}
	#sub_tab li a {
		font-size: 14px;
        padding: 16px 0px;
	}
	.sub1_1 {
		position:relative;
	}
	.sub1_1 > div p {
		font-size:15px;
	}
	.sub1_1 > div:first-child {
		width:100%;
	}
	.sub1_1 > div:last-child {
		width:50%;
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		z-index: -1;
		opacity: 0.3;
	}
	.sub1_2_tit h1 {
		font-size:20px;
	}
	.sub1_2_tit h2 {
		font-size:15px;
	}
	.sub1_2 p {
		font-size:14px;
	}
	.vision {font-size:17px;}
	.sub1_6_top .sub1_6_address {
		width:100%;
		flex-direction: column;
	}
	.sub1_6_top .sub1_6_address > div {
		width:100%;
	}
	.sub1_6_top .sub1_6_address > div p {
		font-size:18px;
	}
	.sub1_6_top .sub1_6_address > div:last-child p span {
		font-size:17px;
	}
	.way_wrap {
		flex-direction: column;
	}
	.way_wrap > div span {
		margin:0;
	}
	.way li div:first-child {
		font-size: 15px;
		padding-right: 3%;
		word-break: keep-all;
	}
	.way li div:last-child {
		font-size:14px;
	}
	.way.way_bus {

	}
	.sub4_2 table th {
		font-size:13px;
	}
	.rb_btn {
		font-size:15px;
		width: 100%;
	}
	.rb_site,.rb_map {
		max-width:100%;
	}
	.company.inner {
		padding:20px 2%;
	}
	.policy_wrap {
		padding:0 5%;
	}
	#sitemap #sitemap_cate {
		flex-direction: column;
	}
	#sitemap #sitemap_cate > li {
		padding: 20px 0;
		border-bottom: 2px solid #000;
	}
	#sitemap #sitemap_cate > li > a {
		border:0;
	}
	.vol_procedure ul {
		justify-content: flex-start;
	}
}
@media all and (max-width:1024px) {
	#header_top {
		display:none;
	}
	#nav {
		padding:10px 2%;
	}
	#nav .inner {

	}
	#nav .inner .header_menu {
		display:none;
	}
	#nav #allmenu {
		display:none;
	}
	#nav #m_menu {
		display:block;
	}
	#quick {
		display:none;
	}
	#main .visual {
		display:none;
	}
	#main .visual_m {
		display:block;
	}

	.board_list {
		width: 100%;
		margin: 0 auto;
		padding: 15px 2% 0;
		flex-direction: column;
	}
	.board_list .board_box {
		width:100%;
		margin-bottom:30px;
	}
	.board_list.board_list_g {
		padding: 0 2% 60px;
	}
	.board_list.board_list_g .board_box ul.mg li {
		width: 48%;
	}

	.main_wrap {
		flex-direction: column;
		padding:0 0 30px 0;
	}
	.main_info {
		width:96%;
		margin:0 auto;
	}
	.main_info div h2 {
		font-size:24px;
	}


	#main_service h1 {
		font-size:24px;
	}
	#main_service h3 {
		font-size:21px;
	}
	#main_service ul {
		padding:0 2%;
		flex-wrap: wrap;
		justify-content: center;
	}
	#main_service ul li {
        width: 28%;
        margin: 0 2% 20px;
	}
	#main_service ul li a span {
		font-size:15px;
	}
	#banner .banner_arrow {
		width:95%;
	}
	#footer .footer1,#footer .footer2 {
		padding: 20px 2%;
	}
	#footer .footer1 > img {
		width: 80%;
        max-width: 338px;
	}
	#footer .footer1 > div {
		display:none;
	}
	#footer .footer1 > div span:first-child {
		font-size:15px;
	}
	#footer .footer1 > div span:last-child {
		font-size:18px;
	}
	#footer .footer2 > div:first-child {
		flex-wrap: wrap;
	}
	#footer .footer2 > div:first-child > div span,#footer .footer2 > div:last-child p span {
		font-size:14px;
	}
	#footer .footer2 > div:first-child div {
		margin-bottom:15px;
	}
	#footer .footer2 > div:last-child p {
		text-align:left;
		line-height: 1.4;
	}
	#footer .footer3 {
		padding:20px 0;
	}
	#footer .footer3 {
		flex-direction: column;
	}
	#footer .footer3 ul {
		border-top: 1px solid #ddd;
		justify-content: space-evenly;
		padding: 20px 0 0 0;
		margin-top: 20px;
	}
	#footer .footer3 ul li {
		margin:0;
	}
	#footer .footer3 ul li a {
		font-size:12px;
	}
	.table_basic {
		width:96%;
		font-size:15px;
	}
	.mdpn {
        display:none;
    }
	#gallery_gg {
		padding:0 2%;
	}
	#gallery_gg li {
		width:49%;
		margin-right:2%;
	}
	#gallery_gg li:nth-child(2n) {
		margin-right:0;
	}
	.sub {
		padding:30px 2%;
	}
	#rsvForm .rsvForm {
		padding:0 4%;
	}
	.online_info p {
		padding:5px 4%;
	}
	.chk-p {
		font-size:15px;
	}
	.board_flex {
		width:96%;
	}
	.board_flex .bf_row .bf_h.mdpn,.board_flex .bf_row .bf_div.mdpn {
		display:none;
	}
	.board_flex .bf_row .bf_h:nth-child(1),.board_flex .bf_row .bf_div:nth-child(1) {
		width: 15%;
        padding: 20px 5px;
	}
	.board_flex .bf_row .bf_h:nth-child(2),.board_flex .bf_row .bf_div:nth-child(2) {
		width:85%;
	}
	.layer_popup {
		position: fixed !important;       /* 또는 absolute */
		top: 50% !important;
		left: 50% !important;
		transform: translate(-50%, -50%) !important;
		width: 700px !important;          /* 고정 너비 */
		max-width: 90% !important;        /* 작은 화면에선 90% 너비 이하로 */
	}
}
@media all and (max-width: 800px) {
	#combobox .depth {
		min-width:auto;
	}
	.sub4_1 .mTable caption {
		font-size: 1.3em;
	}

	.sub4_1 .mTable {
		border: 0;
	}

	.sub4_1 .mTable thead {
		border: none;
		clip: rect(0 0 0 0);
		height: 1px;
		margin: -1px;
		overflow: hidden;
		padding: 0;
		position: absolute;
		width: 1px;
	}

	.sub4_1 .mTable th {
		display: block;
	}

	.sub4_1 .mTable tr {
		border-top: 3px solid gray;
		border-bottom: 1px solid #ddd;
		display: block;
		margin-bottom: .625em;
	}

	.sub4_1 .mTable td {
		border-bottom: 1px solid #ddd;
		display: block;
		font-size: .8em;
		text-align: right;
	}
	.sub4_1 .mTable td:first-child {
		font-size:16px;
		background: #ddd;
	}
	.sub4_1 .mTable td::before {
		font-size:15px;
		content: attr(data-label); /*data-label을 가상요소 표출*/
		float: left;
		font-weight: bold;
		text-transform: uppercase;
		min-width: 30%;
		text-align: left;
	}

    .sub4_1 .mTable td:nth-child(2),.sub4_1 .mTable td:nth-child(3),.sub4_1 .mTable td:nth-child(4),.sub4_1 .mTable td:nth-child(5) {
		text-align: left;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        margin-top: -1px;
    }
	.sub4_1 .mTable td:last-child {
		border-bottom: 0;
		margin-top: -1px;
	}

	.sub4_2 .mTable caption {
		font-size: 1.3em;
	}

	.sub4_2 .mTable {
		border: 0;
	}

	.sub4_2 .mTable thead {
		border: none;
		clip: rect(0 0 0 0);
		height: 1px;
		margin: -1px;
		overflow: hidden;
		padding: 0;
		position: absolute;
		width: 1px;
	}

	.sub4_2 .mTable th {
		display: block;
	}

	.sub4_2 .mTable tr {
		border-top: 3px solid gray;
		border-bottom: 1px solid #ddd;
		display: block;
		margin-bottom: .625em;
	}

	.sub4_2 .mTable td {
		border-bottom: 1px solid #ddd;
		display: block;
		font-size: .8em;
		text-align: right;
	}
	.sub4_2 .mTable td:first-child {
		font-size:16px;
	}
	.sub4_2 .mTable td::before {
		font-size:15px;
		content: attr(data-label); /*data-label을 가상요소 표출*/
		float: left;
		font-weight: bold;
		text-transform: uppercase;
	}

    .sub4_2 .mTable td:nth-child(2),.sub4_2 .mTable td:nth-child(3),.sub4_2 .mTable td:nth-child(4) {
        text-align: left;
        display: flex;
        flex-direction: column;
		align-items: center;
		margin-top: -1px;
		justify-content: space-between;
    }
	.sub4_2 .mTable td:last-child {
		border-bottom: 0;
	}

	.tabnav li a {
		font-size:13px;
	}

	.tab_con > ul.sub2_gal {
		flex-direction: column;
		
	}
	.tab_con > ul.sub2_gal li,.tab_con > ul.sub2_gal.li4 li {
		width:100%;
		margin-bottom: 20px;
	}
	.tabcontent table td ul li {
		font-size:13px;
		font-weight: 500;
	}
	.tabcontent table td > ul > li > ul > li {
		font-size:12px;
	}
	/* Force table to not be like tables anymore */
	.tabcontent .tab_con:not(.no-res) table, 
	.tabcontent .tab_con:not(.no-res) thead, 
	.tabcontent .tab_con:not(.no-res) tbody, 
	.tabcontent .tab_con:not(.no-res) th, 
	.tabcontent .tab_con:not(.no-res) td, 
	.tabcontent .tab_con:not(.no-res) tr { 
		display: block; 
	}

	/* Hide table headers (but not display: none;, for accessibility) */
	.tabcontent .tab_con:not(.no-res) table thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

	.tabcontent .tab_con:not(.no-res) table tr { border: 1px solid #b1c9e5; }

	.tabcontent .tab_con:not(.no-res) table td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 2px solid #b1c9e5;
		position: relative;
		padding-left: 40%;
		white-space: normal;
		text-align:left;
	}

	.tabcontent .tab_con:not(.no-res) table td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 0;
		left: 0;
		width: 35%;
		text-align:left;
		font-size:13px;
		padding: 15px;
		background: #ecf3fb;
		color: #888;
		font-weight: 800;
		height: 100%;
		box-sizing: border-box;
		line-height: 1.4;
		display: flex;
		align-items: center;
	}

	/*
	Label the data
	*/
	.tabcontent .tab_con:not(.no-res) table.reverse th {
		border:0;
	}
	.tabcontent .tab_con:not(.no-res) table td:before { content: attr(data-title); }
	.tabcontent .tab_con:not(.no-res) table.reverse td:before {
		display:none;
	}
	.tabcontent .tab_con:not(.no-res) table.reverse td {
        padding-left: 15px;
        font-size: 14px;
        line-height: 1.4;
        word-break: keep-all;
        border-bottom-width: 1px;
	}
	#footer .footer1 {
		flex-direction: column;
	}
	.tb_title,.conBg {
		font-size:14px;
	}

	#Y_title {
		font-size: 19px;
		width: 100px;
	}
	#month_td {
		width:40px;
	}

	#main .swiper-pagination2 .swiper-pagination-bullet {
		border:1px solid #ccc;
	}
	.sub1_4_con_1 {
		display:flex;
		flex-direction: column;
		align-items: center
	}
	.sub1_4_con_1 > div {
		width:100%;
	}
	.sub1_4_con_1 > div:first-child {
		border-bottom:1px solid #cbd5de;
	}
	.sub1_4_con_1 > div:last-child {
		font-size: 14px;
		border:0;
	}
	.sub1_4_con_2 h1 {
		font-size:24px;
	}
	.sub1_4_con_2 p {
		font-size:13px;
	}
	.sub1_4_con_3 table th,.sub1_4_con_3 table td,.sub1_4_con_5 table th,.sub1_4_con_5 table td,.sub1_4_con_6 table th,.sub1_4_con_6 table td {
		font-size:14px;
		line-height:1.4;
	}

	.sub1_4_con_3 .mTable caption {
		font-size: 1.3em;
	}

	.sub1_4_con_3 .mTable {
		border: 0;
	}

	.sub1_4_con_3 .mTable thead {
		border: none;
		clip: rect(0 0 0 0);
		height: 1px;
		margin: -1px;
		overflow: hidden;
		padding: 0;
		position: absolute;
		width: 1px;
	}

	.sub1_4_con_3 .mTable th {
		display: block;
	}

	.sub1_4_con_3 .mTable tr {
		border-top: 3px solid #e2e6e9;
		border-bottom: 1px solid #e2e6e9;
		display: block;
		margin-bottom: .625em;
	}

	.sub1_4_con_3 .mTable td {
		border-bottom: 1px solid #ddd;
		display: block;
		font-size: .8em;
		text-align: right;
		border:1px solid #e2e6e9;
	}
	.sub1_4_con_3 .mTable td:first-child {
		font-size:14px;
		background: #f7f7f7;
	}
	.sub1_4_con_3 .mTable td::before {
		font-size:15px;
		content: attr(data-label); /*data-label을 가상요소 표출*/
		float: left;
		font-weight: bold;
		text-transform: uppercase;
		min-width: 30%;
		text-align: left;
	}

    .sub1_4_con_3 .mTable td:nth-child(2),.sub1_4_con_3 .mTable td:nth-child(3),.sub1_4_con_3 .mTable td:nth-child(4),.sub1_4_con_3 .mTable td:nth-child(5) {
		text-align: left;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        margin-top: -1px;
    }
	.sub1_4_con_3 .mTable td:last-child {
        border-bottom: 0;
        margin-top: -1px;
        padding: 15px 10px;
		line-height:1.6;
	}
	.sub1_4_con_6 table th,.sub1_4_con_6 table td {
		font-size:14px;
		line-height:1.4;
	}

	.sub1_4_con_6 .mTable caption {
		font-size: 1.3em;
	}

	.sub1_4_con_6 .mTable {
		border: 0;
	}

	.sub1_4_con_6 .mTable thead {
		border: none;
		clip: rect(0 0 0 0);
		height: 1px;
		margin: -1px;
		overflow: hidden;
		padding: 0;
		position: absolute;
		width: 1px;
	}

	.sub1_4_con_6 .mTable th {
		display: block;
	}

	.sub1_4_con_6 .mTable tr {
		border-top: 3px solid gray;
		border-bottom: 1px solid #ddd;
		display: block;
	}
	.sub1_4_con_6 .mTable tr:nth-child(2n) {
		margin-bottom:.625em;
	}
	.sub1_4_con_6 .mTable td {
		border-bottom: 1px solid #ddd;
		display: block;
		font-size: .8em;
		text-align: right;
	}
	.sub1_4_con_6 .mTable td:first-child {
		font-size:14px;
		background: #ddd;
		display:none;
	}
	.sub1_4_con_6 .mTable td::before {
		font-size:15px;
		content: attr(data-label); /*data-label을 가상요소 표출*/
		float: left;
		font-weight: bold;
		text-transform: uppercase;
		min-width: 30%;
		text-align: left;
	}

    .sub1_4_con_6 .mTable td:nth-child(2),.sub1_4_con_6 .mTable td:nth-child(3),.sub1_4_con_6 .mTable td:nth-child(4),.sub1_4_con_6 .mTable td:nth-child(5) {
		text-align: left;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        margin-top: -1px;
    }
	.sub1_4_con_6 .mTable td:last-child {
		border-bottom: 0;
		margin-top: -1px;
	}

	.sub1_4_con_6 table th,.sub1_4_con_6 table td,.sub1_4_con_6 table th,.sub1_4_con_6 table td,.sub1_4_con_6 table th,.sub1_4_con_6 table td {
		font-size:14px;
		line-height:1.4;
	}

	.sub1_4_con_6 .mTable caption {
		font-size: 1.3em;
	}

	.sub1_4_con_6 .mTable {
		border: 0;
	}

	.sub1_4_con_6 .mTable thead {
		border: none;
		clip: rect(0 0 0 0);
		height: 1px;
		margin: -1px;
		overflow: hidden;
		padding: 0;
		position: absolute;
		width: 1px;
	}

	.sub1_4_con_6 .mTable td:first-child {
		font-size:14px;
		background: #ddd;
	}
	.sub1_4_con_6 .mTable td::before {
		font-size:15px;
		content: attr(data-label); /*data-label을 가상요소 표출*/
		float: left;
		font-weight: bold;
		text-transform: uppercase;
		min-width: 30%;
		text-align: left;
	}

    .sub1_4_con_6 .mTable td:nth-child(2),.sub1_4_con_6 .mTable td:nth-child(3),.sub1_4_con_6 .mTable td:nth-child(4),.sub1_4_con_6 .mTable td:nth-child(5) {
		text-align: left;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        margin-top: -1px;
    }
	.sub1_4_con_6 .mTable td:last-child {
		border-bottom: 0;
		margin-top: -1px;
	}
	.history_div {
		font-size:15px;
	}
	.sub1_4_con_6 {
		flex-direction: column;
	}
	.jibu_wrap {
		width:100%;
	}
	.jibu_box > div:last-child {
		font-size:16px;
	}
	.vol_procedure ul {
		flex-direction: column;
	}
	.vol_procedure ul li:nth-child(2n-1) {
		width:50%;
		font-size:14px;
	}
	.vol_procedure ul li:nth-child(2n) {
		margin:0 5%;
	}
	.vol_procedure ul li:nth-child(2n) span {
		-webkit-transform: rotate(45deg);
	}
	.vol_box p {
		font-size:15px;
	}
	.vol > div h2 {
		font-size:16px;
	}
	.vol > div p {
		font-size:14px;
	}

	.organ {
		display:none;
	}
	.organ_depth1 {
		flex-direction: column;
	}
	.organ_depth1 > li:nth-child(1) {
		margin:0;
	}
	.organ_ul > li {
		width:100%;
	}
	.organ_depth1 .organ_box {
		width:100%;
	}
	.organ_depth1 > li:nth-child(2) .organ_box {
		margin:0;
	}
	.organ_depth1 > li:nth-child(2)::before {
		display:none;
	}
	.organ_depth2 {
		margin-top:30px;
	}
	.organ_depth2::before {
		height: 362px;
	}
	.organ_depth2 .organ_box {
		width:100%;
	}
	.organ_depth2 .organ_box::before {
		display:none;
	}
	.organ_depth3 {
		flex-direction: column;
	}
	.organ_depth3 .organ_box {
		width:100%;
	}
	.organ_depth3 > li:nth-child(1) {
		margin:0;
	}
	.organ_depth3 > li:nth-child(2) .organ_box {
		margin:0;
	}
	.organ_depth3 > li:nth-child(2)::before {
		display:none;
	}
	.organ_depth4 {
		flex-direction: column;
	}
	.organ_depth4 > li .organ_box::before {
        height: 90px;
        top: 50px;
        left: 50%;
	}
	.organ_ul2 > li:not(:last-child)::after {
		top:91%;
	}
	.organ_depth4::before {
		display:none;
	}
	.organ_m {
		display:block;
		margin: 0 auto;
	}
}
@media all and (max-width: 640px) {
	.sub4_2 .mTable td:nth-child(2), .sub4_2 .mTable td:nth-child(3), .sub4_2 .mTable td:nth-child(4) {
		flex-direction: row;
	}
	.rb_btn,.rb_site_.rb_map {
		max-width:210px;
		margin: 0 0 0 auto;
	}
	.vol_top h1 {
		font-size:21px;
	}
	.vol_top h1 b {
		font-size:24px;
	}
	.way li div:first-child {
		width:40%;
	}
}