@charset "UTF-8";

@media all and (max-width:1200px){

	.container {width:100%; box-sizing:border-box; padding:0 10px 50px 10px}
	.sub_visual > div {width:100%}
	nav.sub_menu ul li a {line-height:40px; font-size:18px}
	nav.sub_menu ul li.on:after {margin-top:15px}
	
}

@media all and (max-width:1100px){

	nav.sub_menu {height:60px; margin-bottom:30px}
	nav.sub_menu ul li {height:60px}
	nav.sub_menu ul li a {line-height:30px; font-size:16px;}
	nav.sub_menu ul li a.long {line-height:20px}

	nav.sub_menu div {position:relative; width:auto; margin:0}
	
	.guide9_3 {background:none; padding:0}
	
	.bus2 .photo_list li {width:calc(50% - 20px); min-height:auto}
	.bus2 .photo_list li:nth-child(n+3) {margin-top:20px}
	
}

@media all and (max-width:923px){
	
	.bus1 .text_list1 {flex-wrap:wrap}
	
}

@media all and (max-width:768px){

	.container,
	.sub_page {min-height:inherit}
	.sub_page {box-sizing:border-box}

	h3.tit {font-size:35px; margin-bottom:20px}
	h4.tit {font-size:22px; margin-bottom:40px}
	h5.tit {font-size:20px; margin-bottom:60px}

	.sub_visual > div {width:100%; background-size:cover}
	.sub_visual > div h2 {font-size:40px}
	.page_navigation {text-align:center}
	.page_navigation span {font-size:16px; background-position:0 3px}



	.about1 .greeting1 {margin-bottom:40px; height:auto}
	.about1 .greeting1 > div.txt {padding-left:0; font-size:18px; line-height:25px}
	.about1 .greeting2 .sign {font-size:20px; padding:10px 0}
	.about1 .greeting2 .name {margin-top:20px; font-size:18px}

	.about2 .sign {font-size:20px}

	.about3 p.tit {font-size:25px}
	.about3 .mission .txt,
	.about3 .vision .txt {font-size:24px; line-height:35px}
	.about3 .mission img {width:100%}
	.about3 .vision img {width:50%}
	.about3 .value {margin-bottom:40px}
	.about3 .value ul li {width:calc(25% - 20px); padding:10px 0}
	.about3 .value ul li img {width:50%}
	.about3 .value ul li p {font-size:20px; margin-top:10px}
	.about3 .purpose ul {margin-left:0}
	.about3 .purpose ul li {width:100%; margin-bottom:20px; margin-left:0}
	.about3 .purpose ul li:last-child {margin-bottom:0}
	.about3 .purpose ul li p {font-size:18px; margin-bottom:10px}

	.about4 .logo > div {display:block}
	.about4 .logo > div.img {width:100%; margin-bottom:20px; text-align:center}
	.about4 .logo > div.txt {width:auto}
	
	.about6 .txt {font-size:16px; line-height:22px}
	.about6 .ethics li {display:inline-block; width: calc(33% - 10px); margin-right:10px;  border-radius:30px; text-align:center; font-size:16px}
	
	.about7 h5.tit {margin-bottom:20px}

	.about8 .txt1 {margin-bottom:40px}
	.about8 .txt1 li {font-size:16px; padding:20px 20px 20px 80px}
	.about8 .txt1 li label {font-size:18px; left:10px}

	.about8 .floor .tit {width:150px; font-size:24px}
	.about8 .floor .tit span {font-size:14px}
	.about8 .floor  .txt {font-size:16px; padding-right:90px; width: calc(100% - 150px)}

	.about9 .map {margin-bottom:40px}
	.about9 .map ul li {padding:20px 0 10px 100px; font-size:16px; line-height:25px}
	.about9 .map ul li label {left:50px; font-size:18px}
	.about9 .map ul li.addr,
	.about9 .map ul li.tel {background-size:40px}

	.about9 .bus {overflow-x:auto}

	.inquiry {padding:10px 0 20px 80px; font-size:16px; line-height:25px}
	.inquiry span {margin-left:0; display:none}
	.inquiry br {display:block}

	.divide1 .inquiry {margin-bottom:30px}
	.divide1 h5.tit {margin-bottom:20px}

	.divide1 .txt1 {margin-bottom:40px; height:auto}
	.divide1 .txt1 > div.txt {padding-left:20px; font-size:18px; line-height:25px}
	.divide1 .txt1 > div.txt p {font-size:24px; line-height:30px}
	
	.divide1 .type {margin-bottom:40px}
	
	.divide2_1 .txt1 {margin-bottom:40px; height:auto}
	.divide2_1 .txt1 > div.txt {padding-left:20px; font-size:18px; line-height:25px}
	.divide2_1 .txt1 > div.txt p {font-size:24px; line-height:30px}

	.divide2 .tableStyle02 table td ul {font-size:0}
	.divide2 .tableStyle02 table td li {width:50%; font-size:16px}

	.divide1 .ways .txt {font-size:16px; line-height:20px}
	.divide1 .ways .txt p {font-size:18px; line-height:25px}

	.news2 .tableStyle01 {margin-bottom:0}

	.guide1 .info {line-height:25px; font-size:16px; margin-bottom:40px}
	.guide1 .info p {font-size:24px}
	
	.guide1 .txt1 {font-size:16px; margin-bottom:20px}
	.guide1 .step {margin-bottom:30px; width:100%; font-size:0; margin-left:-10px}
	.guide1 .step li {width: calc(25% - 10px); margin-left:10px; margin-bottom:10px; font-size:16px}

	.guide3 .txt1 {font-size:16px; margin-bottom:40px;}
	.guide3 .text_list2 {margin-bottom:40px}
	.guide3 .text_list2 li {font-size:16px}
	.guide3 .inquiry {margin-bottom:40px}
	.guide3 ul.inp li:nth-child(3) {display:block; width:100%; text-align:center; margin-top:20px}

	.guide4_1 .info {line-height:25px; font-size:16px; margin-bottom:40px}

	.guide4_1 .txt1 {font-size:16px; margin-bottom:40px;}
	.guide4_1 .txt2 {font-size:16px; margin-bottom:20px; line-height:30px}
	.guide4_1 .step {margin-bottom:40px}
	.guide4_1 .step li {width: calc(25% - 10px); font-size:16px; position:relative; vertical-align:top; background:url('/images/guide/arrow_right.gif') no-repeat right 40px; font-size:16px; background-size:25px}
	.guide4_1 .step li img {margin-bottom:20px; width:100px}

	.guide4_2 .txt1 {font-size:16px; margin-bottom:40px; line-height:30px}
	.guide4_2 .txt2 {font-size:16px; margin-bottom:20px; line-height:30px}
	.guide4_2 .btn_area {text-align:center; margin-bottom:40px}
	
	.guide4_2 .photo_list {font-size:0; margin-left:-20px}
	.guide4_2 .photo_list li {width: calc(33.333% - 20px); display:inline-block; margin-left:20px; margin-bottom:20px; text-align:center}
	.guide4_2 .photo_list li img {margin-bottom:20px; max-width:100%}
	.guide4_2 .photo_list li p {font-size:16px; line-height:25px}
	
	.guide4_2 .step {margin-bottom:40px; width:100%; font-size:0}
	.guide4_2 .step li {width: calc(25% - 10px); font-size:16px; position:relative; vertical-align:top; background:url('/images/guide/arrow_right.gif') no-repeat right 60px; font-size:16px; background-size:25px}
	.guide4_2 .step li:last-child {background:none}
	.guide4_2 .step li img {margin-bottom:20px; width:100px}
	.guide4_2 .text_list2 {margin-bottom:30px}
	.guide4_2 .inquiry {margin-bottom:40px}

	.guide5 .info {line-height:25px; font-size:16px; margin-bottom:40px}
	.guide5 .info p {font-size:24px}
	.guide5 .txt1 {font-size:16px; margin-bottom:40px;}
	.guide5 .txt2 {font-size:16px}
	.guide5 .step {margin-bottom:40px}
	.guide5 .step li {width:calc(33.33% - 10px); display:inline-block; font-size:16px; background:url('/images/guide/arrow_right.gif') no-repeat right 40px; margin-bottom:20px; background-size:25px}
	.guide5 .inquiry {margin-bottom:40px}
	.guide5 .inquiry span {margin-left:0; display:block}

	.guide7 .info {line-height:25px; font-size:16px; margin-bottom:40px}
	.guide7 .info p {font-size:20px}
	.guide7 .txt1 {font-size:16px; margin-bottom:40px;}
	.guide7 .txt2 {font-size:16px}
	.guide7 .photo_list {font-size:0; margin-left:-20px}
	.guide7 .photo_list li {width: calc(33.333% - 20px); display:inline-block; margin-left:20px; margin-bottom:20px; text-align:center}
	.guide7 .photo_list li img {margin-bottom:20px; max-width:100%}
	.guide7 .photo_list li p {font-size:16px; line-height:25px}
	.guide7 .text_list2 {margin-bottom:30px}
	
	.guide8 .sort {margin-bottom:30px; text-align:center}
	.guide8 .sort li p {margin-top:10px; font-size:16px}
	
	.guide9_3 .txt1 {margin-bottom:40px;}
	.guide9_3 .text_list2 {margin-bottom:40px}
	
	.praise {margin-bottom:40px}
	.praise .info {padding:20px; font-size:16px}

	.sub_page .write_form table th {display:block; border-bottom:none; width:100%; padding:5px 0; background:none; font-weight:bold}
	.sub_page .write_form table td {display:block; width:100%; padding:0; padding-bottom:15px}
	.sub_page .write_form colgroup {display:none}
	
	.business1 .tableStyle01 {overflow-x:auto}
	
	.bus1 .txt1 {font-size:16px; margin-bottom:20px}
	.bus1 .step {margin-bottom:30px; width:100%; font-size:0; margin-left:-10px}
	.bus1 .step li {width: calc(33.33% - 10px); margin-left:10px; margin-bottom:10px; font-size:16px}
	
	.sub_page .list_table {border-bottom:none}
	.sub_page .list_table colgroup {display:none}
	.sub_page .list_table table th {display:none;}

	.sub_page .list_table table tbody td {display:inline-block; border:none; padding:5px; width:auto !important; position:relative}
	.sub_page .list_table table tbody td:before {margin-right:5px}
	.sub_page .list_table table tbody td:after {content:''; width:1px; height:12px; background:#999; position:absolute; top:50%; transform:translateY(-50%); right:0}
	.sub_page .list_table table tbody td:first-child:after,
	.sub_page .list_table table tbody td:last-child:after,
	.sub_page .list_table table tbody td.title:after {display:none}

	.sub_page .list_table table tbody tr {display:block; border-bottom:1px solid #ddd; padding-bottom:20px; padding-top:10px}
	.sub_page .list_table table tbody td:not(.title) {display:inline-block; font-size:15px; height:auto; padding:0 10px; color:#666; text-align:left}
	.sub_page .list_table table tbody td.num,
	.sub_page .list_table table tbody td:last-child {border-right:none}
	.sub_page .list_table table tbody td.no_data {padding:20px 0; text-align:center; display:block; border-right:none}
	
}

@media all and (max-width:640px){

	h3.tit {font-size:25px; margin-bottom:20px}
	h4.tit {font-size:20px; margin-bottom:30px; line-height:30px}
	h5.tit {font-size:18px; margin-bottom:20px}

	.s_tab {margin-bottom:30px}
	.s_tab li {width:118px; height:34px}
	.s_tab li>a {line-height:34px; font-size:14px}
	.s_tab li>a.long {line-height:17px}

	.sub_visual {height:120px; margin-top:65px}
	.sub_visual > div {padding-top:40px}
	.sub_visual > div h2 {font-size:30px}
	.page_navigation span {font-size:14px; background-position:0 3px; background-size:15px}
	
	nav.sub_menu {height:40px; margin-bottom:30px}
	nav.sub_menu a.m1 {display:block}
	nav.sub_menu ul {position:absolute; top:40px; left:0; z-index:999; display:none; width:100%}
	nav.sub_menu ul li {display:block !important; width:100% !important; background-color:#f3f1ed; line-height:40px; text-align:left; padding:0; padding-left:20px; height:40px; border:none; border-bottom:1px solid #e0dfdb; margin-left:0}
	nav.sub_menu ul li.on {border-bottom:1px solid #e0dfdb}
	nav.sub_menu ul li:hover,
	nav.sub_menu ul li.on:hover {background:#00adad}
	nav.sub_menu ul li:hover a,
	nav.sub_menu ul li.on:hover a {color:#fff}
	nav.sub_menu ul li a {font-size:14px; width:100%; color:#333}
	nav.sub_menu ul li a br {display:none}
	nav.sub_menu ul li:last-child {border-right:none}	

	.section {margin-left:0}

	.box1,
	.box2 {padding:15px; font-size:14px; margin-bottom:30px}
	
	.about1 .greeting1 {height:auto; background:#faf9f4}
	.about1 .greeting1 > div {display:block}
	.about1 .greeting1 > div.txt {width:90%; padding:20px; margin-bottom:10px; font-size:16px}
	.about1 .greeting1 > div.img {width:100%; position:relative; text-align:center; margin-bottom:30px}
	.about1 .greeting2 {font-size:16px; margin-bottom:0}
	.about1 .greeting2 .sign {font-size:16px; width:100%; padding:5px 0}
	.about1 .greeting2 .name {font-size:16px}

	.about2 .txt1 {height:inherit; margin-bottom:30px}
	
	.about2 .txt1 > div.txt {width:50%; padding-left:20px; font-size:18px; line-height:25px}
	.about2 .sign {font-size:18px}
	.about2 .txt2 {font-size:16px}

	.about3 p.tit {font-size:20px; margin-bottom:20px}
	.about3 .box2 {width:80%}
	.about3 .mission,
	.about3 .vision,
	.about3 .value {margin-bottom:30px}
	.about3 .mission .txt,
	.about3 .vision .txt {font-size:20px; line-height:30px}
	.about3 .value ul {margin-top:20px; margin-left:5px}
	.about3 .value ul li {width:calc(25% - 10px); padding:10px 0; margin-right:5px}
	.about3 .value ul li:last-child {margin-right:0}
	.about3 .value ul li p {font-size:16px; margin-top:10px}
	.about3 .purpose ul li {font-size:14px}
	.about3 .purpose ul li p {font-size:16px}

	.about4 .txt1 {font-size:16px}
	.about4 .logo > div.txt {font-size:14px; line-height:25px}
	.about4 .logo > div.txt p {font-size:16px}

	.about5 .history {padding-left:0}

	.about5 .history h4 {position:relative; font-size:20px}
	.about5 .history li {padding-left:0; margin-bottom:15px}
	.about5 .history li label {position:inherit; width:auto; display:block}
	.about5 .history li p {padding-left:15px; font-size:14px}
	
	.about6 .txt {font-size:14px; line-height:20px}
	.about6 .ethics li {display:inline-block; width:70%; margin-right:0; font-size:14px; margin-bottom:10px}

	.about8 .txt1 {display:inherit; margin-bottom:30px}
	.about8 .txt1 li {margin-bottom:10px; font-size:14px; padding:15px 20px 15px 80px; display:inherit; width:100%; border:#dbdbdb solid 1px; box-sizing:border-box}
	.about8 .txt1 li label {font-size:16px}
	.about8 .txt1 li:nth-child(2) {background:#fff}

	.about8 .floor .tit {width:100%; text-align:left; color:#004e97; font-size:20px; display:inherit}
	.about8 .floor .tit span {font-size:14px; color:#666}
	.about8 .floor  .txt {display:inherit; font-size:14px; line-height:20px; width:100%; padding-right:100px; box-sizing:border-box; padding-top:10px}
	.about8 .floor .photo li {width: calc(33.33% - 20px);}
	.about8 .floor .photo li p {font-size:14px}

	.about9 .map {margin-bottom:30px}
	.about9 .map ul li {float:none; width:100%; padding:20px 0 10px 90px; font-size:14px; line-height:20px}
	.about9 .map ul li:last-child {padding-top:0}
	.about9 .map ul li label {left:40px; font-size:16px}
	.about9 .map ul li.addr,
	.about9 .map ul li.tel {background-size:25px}
	.about9 .map ul li.tel {background-position:0 0}

	.about9 .way li {padding:0 0 10px 0; font-size:20px}
	.about9 .way li.bus,
	.about9 .way li.car {background-position:0 0}
	.about9 .way li label {position:inherit}
	.about9 .way > li ul {margin-top:40px; margin-left:0}
	.about9 .way > li ul li {padding:0 0 0 130px; line-height:20px; font-size:14px}
	
	.about9 .bus .lfpd {text-align:left; padding-left:20px}
	.about9 .bus .txt {float:left; padding-top:30px}
	.about9 .bus .img {float:right}
	.about9 .bus ul {margin-top:20px}

	.inquiry {font-size:14px; line-height:20px}

	.agree {margin-bottom:30px}
	.agree .txt {padding:10px}
	.agree ul {margin-bottom:0}
	.agree ul li {line-height:20px; font-size:16px}
	.agree ul li ul {margin-top:10px}
	.agree ul li ul li {font-size:14px; line-height:20px}
	.agree ul li div {margin-top:10px}
	.agree ul li td {text-align:left; font-weight:normal}
	.agree .btn {padding-top:0; font-size:14px; line-height:20px}
	.agree .btn p {margin-bottom:20px}

	.reg_info {margin-top:20px}
	.reg_info li {line-height:20px; font-size:14px;}

	.agree .tableStyle01 {margin-bottom:20px}
	.agree .tableStyle01 table th,
	.agree .tableStyle01 table td {font-size:12px; line-height:20px}
	.agree .tableStyle01 table td {vertical-align:top}

	.divide1 .txt1 {height:auto; display:block; margin-bottom:0}
	.divide1 .txt1 > div {display:block}
	.divide1 .txt1 > div.txt,
	.divide1 .txt1 > div.img {width:100%; padding:0; float:none; display:inline-block; margin-bottom:30px}
	.divide1 .txt1 > div.txt {font-size:14px; line-height:20px}
	.divide1 .txt1 > div.txt p {font-size:20px; margin-bottom:20px; line-height:25px}

	.divide1 .ways .bg {display:block; margin:0 auto}
	.divide1 .ways .txt {font-size:14px; line-height:20px; padding:15px 10px}
	.divide1 .ways .txt p {font-size:16px}
	
	.divide1 .type > div {width:100%}
	.divide1 .type > div p {font-size:18px}
	
	.divide1 .way {margin-left:0; margin-bottom:40px}
	.divide1 .way li {width:100%; margin-left:0}
	.divide1 .way li+li {margin-top:30px}
	.divide1 .way li strong {font-size:18px}
	
	.divide1 .benefit {margin-bottom:40px}
	.divide1 .benefit li {padding-left:0; text-align:center}
	.divide1 .benefit li label {position:relative; display:block; margin:0 auto; margin-bottom:10px; font-size:16px; width:200px}
	
	.divide1 .banking {margin-bottom:30px; padding:10px}
	.divide1 .banking div {line-height:20px; font-size:14px; height:inherit}
	.divide1 .banking div strong {font-size:16px; margin-right:0}
	.divide1 .banking div br {display:block}
	.divide1 .banking div span {display:none}
	
	.divide1 .thanks {padding:30px 10px}
	.divide1 .thanks img {width:120px}
	.divide1 .thanks p {font-size:17px; margin:20px 0}
	.divide1 .thanks .tel {font-size:18px; padding:15px 0 10px 70px; background-size:55px}
	
	.divide2_1 .txt1 {height:auto; display:block; margin-bottom:0}
	.divide2_1 .txt1 > div {display:block}
	.divide2_1 .txt1 > div.txt {font-size:14px; line-height:20px}
	.divide2_1 .txt1 > div.txt,
	.divide2_1 .txt1 > div.img {width:100%; padding:0; float:none; display:inline-block; margin-bottom:30px}
	.divide2_1 .txt1 > div.txt p {font-size:20px; margin-bottom:20px; line-height:25px}
	.divide2_1 .txt2 {font-size:16px}

	.divide2 .tableStyle02 table td li {width:100%; font-size:14px}

	.news2 .carte {font-size:16px; padding:20px 0}
	.news2 .carte img {width:20px}
	.news2 .tableStyle01 table th,
	.news2 .tableStyle01 table td {font-size:12px; word-break:break-all; line-height:20px}
	.news2 .schedule table td {padding:5px 5px; font-size:12px; word-break:break-all; height:auto}
	.news2 .schedule table td p {font-size:12px}

	.guide1 .info {line-height:20px; font-size:14px; margin-bottom:30px; background:none; padding-top:0; padding-left:0; height:auto}
	.guide1 .info p {font-size:20px; margin-bottom:10px}

	.guide1 .txt1 {font-size:14px; margin-bottom:20px}
	.guide1 .step {margin-bottom:20px}
	.guide1 .step li {width: calc(33.333% - 10px); margin-left:10px; margin-bottom:10px; font-size:14px}

	.guide3 .txt1 {font-size:14px; margin-bottom:30px; line-height:20px}
	.guide3 .text_list2 {margin-bottom:30px}
	.guide3 .text_list2 li {font-size:14px}
	.guide3 .inquiry {margin-bottom:30px}
	.guide3 ul.inp li {display:block; margin-right:10px; font-size:14px; margin-bottom:10px}
	.guide3 ul.inp li label {display:block; margin-bottom:5px}

	.guide3 .tableStyle01 {border-bottom:none}
	.guide3 .tableStyle01 table th {display:none;}
	.guide3 .tableStyle01 table th {padding:12px 0}
	.guide3 .tableStyle01 table td a {vertical-align:baseline}
	.guide3 .tableStyle01 table tbody td {display:block; border:none; padding:5px; box-sizing:border-box; width:100% !important; text-align:left}
	.guide3 .tableStyle01 table tbody td.title {/*padding-left:10px;*/ white-space:normal; height:auto; text-align:left}
	.guide3 .tableStyle01 table tbody td.title a {font-size:16px}
	.guide3 .tableStyle01 table tbody td.type:before {content:"구분 :"; margin-right:5px}
	.guide3 .tableStyle01 table tbody td.date:before {content:"대기일자 :"; margin-right:5px}
	.guide3 .tableStyle01 table tbody td.name {display:none !important}
	.guide3 .tableStyle01 table tbody td.birthday {display:none !important}
	.guide3 .tableStyle01 table tbody td.ready:before {content:"대기순번 :"; margin-right:5px}
	.guide3 .tableStyle01 table tbody tr {display:block; border-bottom:1px solid #ddd; padding-bottom:10px; padding-top:0}
	/*.guide3 .tableStyle01 table tbody td:not(.title) {display:inline-block; font-size:14px; border-right:1px solid #ddd; height:12px; line-height:12px; padding:0 10px; color:#666}*/
	.guide3 .tableStyle01 table tbody td.ready {border-right:none}
	.guide3 .tableStyle01 table tbody td.no_data {padding:20px 0; text-align:center; display:block; border-right:none}


	.guide4_1 .info {line-height:20px; font-size:14px; margin-bottom:30px}
	.guide4_1 .info p {font-size:20px; margin-bottom:10px}
	.guide4_1 .txt1 {font-size:14px; margin-bottom:30px;}
	.guide4_1 .txt2 {font-size:14px; margin-bottom:20px; line-height:30px}
	.guide4_1 .step {margin-bottom:30px}
	.guide4_1 .step li {width:calc(50% - 10px); font-size:14px; margin-bottom:20px; position:relative}

	.guide4_2 .txt1 {font-size:14px; margin-bottom:30px}
	.guide4_2 .txt2 {font-size:14px}
	.guide4_2 .btn_area {text-align:center; margin-bottom:40px}
	
	.guide4_2 .photo_list li {width: calc(50% - 20px); margin-left:20px}
	.guide4_2 .photo_list li p {font-size:14px; line-height:20px}
	
	.guide4_2 .step {margin-bottom:40px; width:100%; font-size:0}
	.guide4_2 .step {margin-bottom:30px}
	.guide4_2 .step li {width:calc(50% - 10px); font-size:14px; margin-bottom:20px; position:relative}
	.guide4_2 .text_list2 {margin-bottom:30px}
	
	.guide4_2 .inquiry {margin-bottom:40px}

	.guide5 .info {line-height:20px; font-size:14px; margin-bottom:30px}
	.guide5 .info p {font-size:20px; margin-bottom:10px; line-height:25px}
	.guide5 .txt1 {font-size:16px; margin-bottom:40px;}
	.guide5 .txt2 {font-size:16px}
	.guide5 .step {margin-bottom:30px}
	.guide5 .step li {width:calc(50% - 10px); font-size:14px}
	.guide5 .inquiry {margin-bottom:30px}

	.guide7 .info {line-height:25px; font-size:14px; margin-bottom:40px}
	.guide7 .info p {font-size:20px}
	.guide7 .info p br.mm {display:none}
	.guide7 .txt1 {font-size:14px; margin-bottom:30px;}
	.guide7 .txt2 {font-size:14px}
	.guide7 .photo_list li {width: calc(50% - 20px); margin-left:20px}
	.guide7 .photo_list li p {font-size:14px; line-height:20px}
	.guide7 .text_list2 {margin-bottom:30px}
	
	.guide8 .sort li {width:calc(50% - 50px); margin-right:50px; margin-bottom:30px}
	.guide8 .sort li:nth-child(2n) {margin-right:0}
	
	.guide9_3 .txt1 {font-size:14px; margin-bottom:30px;}
	.guide9_3 .text_list2 {margin-bottom:30px}
	
	.business1 .program li {margin-right:10px; margin-bottom:10px; font-size:14px}

	.sub_page .write_form table th,
	.sub_page .write_form table td {font-size:14px}
	
	.bus2 .info_box {margin-bottom:30px}
	.bus2 .info_box div {width:100%; margin-left:0; margin-top:-1px}
	.bus2 .info_box div p {margin:10px 0; font-size:16px}
	
	.bus2 .photo_list {margin-left:0}
	.bus2 .photo_list li {width:100%; margin-left:0}
	.bus2 .photo_list li:nth-child(n+2) {margin-top:20px}
	
	.bus2 .detail {margin-bottom:30px; padding:20px}

	.sub_page .select_ ul {display:flex; margin-left:-5px}
	.sub_page .select_ ul li {flex-basis:100%; margin-left:5px; flex:1}

}

@media only screen and (min-width : 761px){

	.calendar > ul {display:table; width:100%; font-size:0px; margin-bottom:15px}
	.calendar > ul > li {display:table-row; width:100%}
	.calendar > ul > li > div {padding:5px; display:table-cell; width:14%; min-height:140px; height:140px;border-right:1px solid #ececf1; border-bottom:1px solid #ececf1; background:#fff}
	.calendar > ul > li > div:last-child {border-right:0px;}
	.calendar > ul > li.cal_header > div {height:30px; line-height:30px; min-height:0px; border-top:1px solid #dfd8c6; border-right:1px solid #dfd8c6; border-bottom:1px solid #dfd8c6; background:#fbfaf7; color:#777777; font-weight:bold; text-align:center; font-size:16px}
	.calendar > ul > li.cal_header > div:last-child {border-right:0px}
	.calendar > ul > li.cal_header > div.Sun {color:#cc2220}
	.calendar > ul > li.cal_header > div.Sat {color:#2453a5}
	.calendar > ul > li > div > time {display:block; padding:3px; font-weight:bold; min-height:15px;  font-size:14px}
	.calendar > ul > li > div > time span {display:none;}
	.calendar > ul > li > div > time p {font-weight:normal; line-height:20px; margin-top:10px}
	.calendar > ul > li > div.today{background:#f4f4f4;}

}

@media only screen and (max-width : 760px){

	.calendar {margin-bottom:30px;}
	.calendar > p span {font-size:20px}
	.calendar > p a img {width:15px}
	.calendar > ul {width:100%; display:block; border-top:2px solid #dfd8c6; margin-bottom:15px}
	.calendar > ul > li {display:block}
	.calendar > ul > li > div {width:50%; background:#fff; border-bottom:1px solid #ececf1; padding:5px 0 5px 10px; box-sizing:border-box; float:left; min-height:220px}
	.calendar > ul > li.cal_header {display:none}
	.calendar > ul > li > div.empty {display:none}
	.calendar > ul > li > div > time {display:block; vertical-align:middle; width:100%; padding:10px 5px 10px 0; font-weight:bold; color:#000; font-size:14px}
	.calendar > ul > li > div > time span.Ym {font-size:10px; display:none; margin-bottom:5px}
	.calendar > ul > li > div > time span.W {margin-left:5px;}
	.calendar > ul > li > div > time p {font-weight:normal; line-height:20px; margin-top:5px; font-size:14px}
	.calendar > ul > li > div.today {background:#f4f4f4}
	.calendar > p span.Ym {margin:0px 10px; font-size:22px}
	.calendar > ul > li > div > div.txt {font-size:14px}
}

@media only screen and (max-width : 640px){

	.calendar > ul > li > div {width:100%}
	
	.bus1 .popup .img {width:100%; height:100%; margin:0 0 3px}
	.bus1 .popup .close {font-size:14px}
	.bus1 .popup i {font-size:16px}
	
}