/* 반응형 작성 사이즈 구분 목록 - 조윤호  */
/*
	300~768px (portrait and landscape) : find -> respon01
	300~699px (portrait) : find -> respon02
	700~768px (portrait) : find -> respon03
	300~768px (landscape) : find -> respon04
	769~1024px (portrait and landscape) : find -> respon05
	769~1024px (portrait) : find -> respon06
	769~800px (landscape) : find -> respon07
	801~1024px (landscape) : find -> respon08
*/



/*/////////////////////////////// 스마트폰 시작 ///////////////////////////////*/
/* phone (portrait and landscape) START */
/* respon01 */
@media only screen and (min-width : 300px) and (max-width : 850px) {
	/*서브 왼쪽 네비 오른쪽 컨텐츠 공통*/
	/*.sub_wrap .sub_left > ul.left_nav{ padding-bottom: 0; }
	.sub_wrap .sub_left.comm_left > ul.left_nav > li{ width: 33.33%; }	
	.sub_wrap .sub_left.comm_left > ul.left_nav > li a{ font-size: 0.75em; }*/

	.sub_wrap .sub_content {
		float: none;
		padding: 20px 15px;
		width: calc(100% - 30px);
		margin: 0 10px;
	}

	.sub_wrap .sub_content.commu {
		padding: 20px 10px;
		margin: 0 10px;
		width: calc(100% - 20px);
	}

	/* list */
	.sub_wrap .sub_content.commu .notice_tb table {
		display: block;
	}

	.sub_wrap .sub_content.commu .notice_tb table thead {
		display: none;
	}

	.sub_wrap .sub_content.commu .notice_tb table tbody {
		display: block;
		width: 100%;
	}

	.sub_wrap .sub_content.commu .notice_tb table tbody tr {
		display: block;
		width: 100%;
		overflow: hidden;
	}

	.sub_wrap .sub_content.commu .notice_tb table tbody tr td {
		display: block;
		width: 100%;
		float: left;
		height: auto;
		line-height: 25px;
		box-sizing: border-box;
	}

	/* list - 여행지식, 여행후기 */
	/*.sub_wrap .sub_content.commu .notice_tb table.table01 thead tr th{ font-size: 0.75em; }
	.sub_wrap .sub_content.commu .notice_tb table.table01 thead tr th:first-child{ width: 10%; border-bottom: 1px dashed #ddd; }
	.sub_wrap .sub_content.commu .notice_tb table.table01 thead tr th:nth-child(2){ width: 15%; border-bottom: 1px dashed #ddd; }
	.sub_wrap .sub_content.commu .notice_tb table.table01 thead tr th:nth-child(3){ width: 75%; border-bottom: 1px dashed #ddd; }
	.sub_wrap .sub_content.commu .notice_tb table.table01 thead tr th:nth-child(4){ width: 35%; }
	.sub_wrap .sub_content.commu .notice_tb table.table01 thead tr th:nth-child(5){ width: 35%; }
	.sub_wrap .sub_content.commu .notice_tb table.table01 thead tr th:last-child{ width: 30%; }*/
	.sub_wrap .sub_content.commu .notice_tb table.table01 tr {
		padding: 20px 0 15px;
	}

	.sub_wrap .sub_content.commu .notice_tb table.table01 tr td {
		font-size: 11px;
		text-align: left;
		line-height: 1;
		height: auto;
		color: #666;
		font-weight: 300;
	}

	.sub_wrap .sub_content.commu .notice_tb table.table01 tr td:first-child {
		display: none;
	}

	.sub_wrap .sub_content.commu .notice_tb table.table01 tr td:nth-child(2) {
		display: block;
		line-height: 1;
		height: auto;
	}

	.sub_wrap .sub_content.commu .notice_tb table.table01 tr td:nth-child(3) {
		width: 100%;
		display: block;
		padding-left: 0;
		font-weight: 500;
		font-size: 14px;
	}

	.sub_wrap .sub_content.commu .notice_tb table tbody tr td.over_text {
		margin: 10px 0;
	}

	.sub_wrap .sub_content.commu .notice_tb table.table01 tr td:nth-child(4) {
		width: auto;
		display: inline-block;
		margin-right: 5px;
	}

	.sub_wrap .sub_content.commu .notice_tb table.table01 tr td:nth-child(5) {
		width: auto;
		display: inline-block;
	}

	.sub_wrap .sub_content.commu .notice_tb table.table01 tr td:last-child {
		width: auto;
		display: inline-block;
	}

	/* view */
	.view .view_title li {
		font-size: 0.75em;
	}

	.view .view_title li.view_subject {
		font-size: 0.75em;
		line-height: 2em;
		padding: 12px 10px;
		height: auto;
		word-wrap: break-word;
		word-break: keep-all;
	}

	.view .view_content {
		font-size: 0.75em;
		min-height: auto;
		padding: 10px;
	}

	.view .view_content img {
		width: 100%;
		height: auto;
	}

	.view .view_title li span {
		font-size: 11px;
		margin-right: 0;
	}

	.view .view_title li .right span:last-of-type {
		margin-left: 10px;
	}

	/* gallery */
	.gallery {
		margin-bottom: 20%;
	}

	.gallery_list {
		margin-top: 10px;
		padding-top: 15px;
		border-top: 2px solid #555;
		margin-top: 25px;
	}

	.gallery_list li {
		width: calc(50% - 7px);
		margin-right: 10px;
		margin-bottom: 10px;
	}

	.gallery_list li:nth-child(2n) {
		margin-right: 0;
	}

	.gallery_list li a .gal_img {
		height: auto;
		padding: 50% 0;
	}

	.gallery_list li a .gal_img img {
		position: absolute;
		top: 0;
		left: 0;
	}

	/* 검색창 */
	.sub_wrap .sub_content .search_wrap {
		padding: 10px 15px 20px;
	}

	.sub_wrap .sub_content .search_wrap .search_inner {
		display: block;
	}

	.sub_wrap .sub_content .search_wrap .search_inner select {
		width: 100%;
		margin-right: 0;
		padding-left: 10px;
		margin-top: 10px;
		height: 32px;
		line-height: 32px;
		background: #fff url("../img/btn/select_arrow.png") no-repeat 95% 50%;
	}

	.sub_wrap .sub_content .search_wrap .search_inner input {
		width: 100%;
		font-size: 11px;
		margin-top: 10px;
		height: 32px;
		line-height: 32px;
	}

	.sub_wrap .sub_content .search_wrap .search_inner button {
		width: 100%;
		margin-top: 10px;
		height: 32px;
		line-height: 32px;
	}

	.sub_wrap .sub_content.commu .search_wrap .search_inner {
		float: none;
		margin: 0;
	}

	/* 버튼1 */
	.tb_btn_box .btn {
		width: 23%;
		height: 30px;
		line-height: 30px;
		font-size: 0.8em;
		margin: 0 3px;
	}

	.tb_btn_box .write {
		height: 30px;
		line-height: 30px;
		font-size: 0.8em;
		width: 24%;
		border-top: 0;
	}

	.tb_btn_box {
		position: relative;
		display: table;
		margin: 0 auto;
		margin-top: 16px;
	}

	.tb_btn_box button {
		width: 22%;
		height: 32px;
		box-sizing: border-box;
		color: #fff;
		font-size: 0.8em;
		line-height: 32px;
		position: static;
		margin: 0 3px;
	}

	.tb_btn_box .btn {
		display: inline-block;
		width: 22%;
		height: 32px;
		position: static;
		line-height: 32px;
		background: #64b5f6;
		text-align: center;
		border-radius: 3px;
		color: #fff;
		margin: 0 3px;
	}

	.tb_btn_box .write {
		display: inline-block;
		width: 22%;
		height: 32px;
		box-sizing: border-box;
		color: #fff;
		font-size: 12px;
		font-weight: bold;
		text-align: center;
		line-height: 32px;
		position: static;
	}

	/* write form */
	/* .write table tr td span{ display: block; } */
	.new_tabcs table tr td>span {
		display: block;
	}

	/* write 버튼 */
	.wr_btn a,
	.wr_btn .submit {
		width: 40%;
		height: 30px;
		line-height: 30px;
		font-size: 0.8em;
	}

	.wr_btn .submit {
		height: 30px;
	}

	/*카테고리  */
	.sub_wrap_padding01 #top_menu .menu_category {
		line-height: 30px !important;
		font-size: 11px !important;
	}

	.sub_wrap_padding01 #top_menu .menu_title {
		font-size: 22px !important;
		margin-bottom: 20px !important;
		padding-bottom: 12px !important;
	}

	.view .btn_box {
		display: table;
		margin: 0 auto;
		margin-top: 10px;
	}

	.view .btn_box button {
		width: 60px;
		height: 24px;
		font-size: 11px;
		margin-right: 5px;
	}

	.view .btn_box .right {
		float: left;
	}

	.view .add_comment {
		margin-top: 30px;
	}

	.view .add_comment .comment_write {
		margin: 10px 0;
		padding: 15px 10px;
	}

	.view .add_comment .comment_write textarea {
		width: calc(78% - 16px);
		height: 32px;
		padding: 5px;
		line-height: 20px;
		margin-right: 6px;
		font-size: 11px;
	}

	.view .add_comment .comment_write button {
		width: 20%;
		height: 44px;
		font-size: 12px;
		font-weight: 400;
		color: #fff;
		background-color: #898d98;
		float: left;
	}

	.view .add_comment .add_comment_list {
		margin-top: 10px;
		padding: 0 10px;
	}

	.view .add_comment .add_comment_list li {
		padding: 15px 0;
		overflow: hidden;
	}

	.view .add_comment .add_comment_list li b.writer {
		font-size: 12px;
		display: inline-block;
		color: #333;
		font-weight: 400;
		margin-right: 0;
	}

	.view .add_comment .add_comment_list li span.date {
		font-size: 12px;
		float: right;
	}

	.view .add_comment .add_comment_list li p.comment_txt {
		font-size: 11px;
		display: block;
		line-height: 17px;
		color: #333;
		font-weight: 300;
		letter-spacing: 0;
		margin-top: 10px;
		word-wrap: break-word;
		word-break: keep-all;
	}

	.view .add_comment .add_comment_list li p.comment_txt br {
		display: none;
	}

	.view .add_comment .add_comment_list li button {
		width: 60px;
		height: 24px;
		font-size: 11px;
		position: static;
		display: block;
		margin-top: 10px;
		float: right;
	}

	/* write form 다른 클래스*/
	.new_tabcs {
		border-top: 2px solid #c5c5c5;
		width: 100%;
		margin: 0 auto;
	}

	.new_tabcs form {}

	.new_tabcs table {
		width: 100%;
	}

	.new_tabcs table tr {
		border-bottom: 1px solid #ddd;
	}

	.new_tabcs table tr th {
		text-align: left;
		background: #f4f4f4;
		font-size: 13px;
		color: #333;
		padding: 10px 0;
		padding-left: 3%;
	}

	.new_tabcs table tr td {
		padding: 10px 0;
		padding-left: 2%;
		font-size: 13px;
		color: #333;
	}

	.new_tabcs table tr td input[type=text] {
		border: 1px solid #d3d3d3;
		height: 25px;
		width: 50%;
		font-size: 11px;
		padding: 0 5px;
	}

	.new_tabcs table tr td input[type=password] {
		border: 1px solid #d3d3d3;
		height: 25px;
		width: 50%;
		font-size: 11px;
		padding: 0 5px;
	}

	.new_tabcs table tr td select {
		border: 1px solid #d3d3d3;
		height: 25px;
		width: 40%;
		color: #999;
	}

	.new_tabcs table tr td select.all {
		width: 98%;
	}

	.new_tabcs table tr td textarea {
		border: 1px solid #d3d3d3;
		resize: none;
		width: 98%;
		height: 160px;
		vertical-align: middle;
		box-sizing: border-box;
	}

	.new_tabcs table tr.address th {}

	.new_tabcs table tr.address th input {}

	.new_tabcs table tr.address th button {}

	.new_tabcs .narrow {
		width: 30%;
	}

	.new_tabcs .narrow2 {
		width: 15%;
	}

	.new_tabcs .wide {
		width: 98%;
	}

	.new_tabcs .wide2 {
		width: 70%;
	}

	/* question */
	.questions_section_1 {
		padding-bottom: 4.6154rem;
	}

	.questions_section_1 .ttl_box {
		position: relative;
		padding-bottom: 2.3077rem;
		border-bottom: 0.0769rem solid;
	}

	.questions_section_1 .ttl_box h1 {
		font-size: 1.5385rem;
		padding-top: 3.8462rem;
		padding-bottom: 1.7308rem;
	}

	.questions_section_1 .ttl_box .menu_list {
		gap: 0.7692rem;
		display: flex;
		width: 100%;
		overflow-x: scroll;
		flex-wrap: nowrap;
		justify-content: start;
		height: 3.0769rem;
	}

	.line_arrow {
		position: absolute;
		top: 7rem;
		right: -0.3rem;
		z-index: 2;
		width: 1.7rem;
		height: 3.0769rem;
		background: rgba(255, 255, 255, 0.9);
		justify-content: center;
	}

	.questions_section_1 .ttl_box .menu_list::-webkit-scrollbar {
		display: none;
	}

	.questions_section_1 .ttl_box .menu_list li.active a {
		border: 0.0769rem solid #2e3e92;
		color: #2e3e92;
	}

	.questions_section_1 .ttl_box .menu_list li a {
		font-size: 1rem;
		color: #454545;
		font-weight: 500;
		padding: 0.6538rem 1.5rem;
		border-radius: 1.3462rem;
		border: 0.0769rem solid #dbdbdb;
		line-height: unset;
		text-wrap: nowrap;
	}


	.questions_section_1 .ques_box li {
		border-bottom: 0.0769rem solid #eee;
	}

	.questions_section_1 .ques_box .ques_box_item {
		display: flex;
		padding: 1.4231rem 0.7692rem;
		justify-content: start;
		align-items: center;
		cursor: pointer;
	}

	.questions_section_1 .ques_box .ques_box_item .title {
		font-size: 1rem;
	}

	.questions_section_1 .ques_box .ques_box_item i.q {
		display: block;
		width: 1.5385rem;
		height: 1.5385rem;
		background: no-repeat center;
		background-image: url('../assets/img/ico/question_box_item_Q_m.png');
		background-size: 1.5385rem;
		margin-left: 1.5385rem;
		margin-right: 0.4231rem;
		flex-shrink: 0;
		margin-bottom: auto;
	}

	.questions_section_1 .ques_box .ques_box_item .description {
		font-size: 1rem;
		color: #454545;
		padding-bottom: unset;
		line-height: unset;
		padding-right: 1.9231rem;
		line-height: 1.3846rem;
	}

	.questions_section_1 .ques_box .ques_box_item i.arrow {
		display: block;
		width: 1.1923rem;
		height: 0.6923rem;
		background: no-repeat center;
		background-image: url('../assets/img/ico/question_box_arrow_m.png');
		background-size: 1.1923rem;
		margin-left: auto;
		flex-shrink: 0;
	}

	.questions_section_1 .ques_box .answer_box {
		display: flex;
		padding-left: 4.2308rem;
		padding-top: unset;
		padding-bottom: 1.3462rem;
	}

	.questions_section_1 .ques_box .answer_box .ans {
		/* margin-bottom: 70px; */
		display: inline-block;
		width: 1.5385rem;
		height: 1.5385rem;
		background: no-repeat center;
		background-image: url('../assets/img/ico/answer_box_item_a_m.png');
		background-size: 1.5385rem;
		margin-right: 0.3846rem;
		flex-shrink: 0;
	}

	.questions_section_1 .ques_box .answer_box div {
		display: inline-block;
	}

	.questions_section_1 .ques_box .answer_box div p {
		line-height: 1.3846rem;
	}


	/* main01.php*/
	.main_section_1 .title {
		padding-top: 3.846rem;
		padding-bottom: 1.538rem;
		font-size: 1.538rem;
	}

	.main_section_1 .description {
		padding-bottom: 3.462rem;
		font-size: 1.154rem;
		line-height: 1.5385rem;
		padding-inline: 0.9615rem;
	}

	.main_section_1 .box_box {
		flex-direction: column;
		gap: 2.6923rem;
	}

	.main_section_1 .box_box>div {
		width: 100%;
	}

	.main_section_1 .announcement_box {
		margin-left: 0;
		margin-top: .7143rem;
	}

	.main_section_1 .questions_box .ttl_box,
	.main_section_1 .announcement_box .ttl_box {
		border-bottom: 0.0769rem solid;
		padding-bottom: 1.1538rem;
	}

	.main_section_1 .questions_box .ttl_box h1,
	.main_section_1 .announcement_box .ttl_box h1 {
		font-size: 1.3846rem;
	}

	.main_section_1 .questions_box .ttl_box p,
	.main_section_1 .announcement_box .ttl_box p {
		font-size: 1.0769rem;
	}

	.main_section_1 .questions_box .ttl_box p i,
	.main_section_1 .announcement_box .ttl_box p i {
		margin-left: 0.3846rem;
		width: 0.5rem;
		height: 0.8846rem;
		background-image: url(../assets/img/ico/box_box_arrow_m.png);
		background-size: 0.5rem;
	}

	.main_section_1 .questions_box .ques_box .ques_box_item {
		display: flex;
		padding: 0.7692rem;
		border-bottom: 0.0769rem solid #eee;
		justify-content: start;
		align-items: center;
		height: 3.8462rem;
	}

	.main_section_1 .questions_box .ques_box .ques_box_item .title {
		font-size: 1rem;
	}

	.main_section_1 .questions_box .ques_box .ques_box_item i.q {
		display: block;
		width: 1.5385rem;
		height: 1.5385rem;
		background: no-repeat center;
		background-image: url(../assets/img/ico/question_box_item_Q_m.png);
		background-size: 1.5385rem;
		margin-left: 1.5385rem;
		margin-right: 0.4231rem;
	}

	.main_section_1 .questions_box .ques_box .ques_box_item .description {
		max-width: 16.1538rem;
		font-size: 1rem;
		padding-inline: unset;
	}

	.main_section_1 .questions_box .ques_box .ques_box_item i.arrow {
		display: block;
		width: 1.1923rem;
		height: 0.6923rem;
		background: no-repeat center;
		background-image: url(../assets/img/ico/question_box_arrow_m.png);
		background-size: 1.1923rem;
		margin-left: auto;
	}

	.main_section_1 .announcement_box .announ_box .announ_box_item {
		display: flex;
		padding: 0.7692rem;
		border-bottom: 0.0769rem solid #eee;
		justify-content: start;
		align-items: center;
		height: 3.0769rem;
	}

	.main_section_1 .announcement_box .announ_box .announ_box_item .title {
		font-size: 1rem;
		width: 2.6923rem;
	}

	.main_section_1 .announcement_box .announ_box .announ_box_item .description {
		max-width: 19.2308rem;
		font-size: 1rem;
		margin-left: 1.5385rem;
	}

	.main_section_1 .info {
		margin-top: 3.8462rem;
		margin-bottom: 3.8462rem;
		flex-wrap: wrap;
	}

	.main_section_1 .info .info_detail {
		font-size: 1.0769rem;
		width: 50%;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		min-height: 8.6154rem;
		gap: 0.8846rem;
	}

	.main_section_1 .info .info_detail:nth-child(n + 3) {
		margin-top: -1px;
	}

	.main_section_1 .info .info_detail+.info_detail {
		margin-left: 0;
	}

	.main_section_1 .info .info_detail:nth-child(even) {
		margin-left: -1px;
	}

	.main_section_1 .info .info_detail a {
		font-size: 1.0769rem;
		width: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		border: unset;
		min-height: unset;
		gap: 0.5769rem;
	}

	.main_section_1 .info .info_detail picture {
		width: 3.6923rem;
		height: auto;
	}

	.main_section_2 .box_box {
		flex-direction: column;
	}

	.main_section_2 .hangout_event {
		flex-basis: unset;
		padding-right: unset;
	}

	.main_section_2 .hangout_event .hangout_content {
		flex-direction: column;
		gap: 0.7692rem;
	}

	.main_section_2 .hangout_event .hangout_content .hangout_img {
		border-radius: 0.3846rem;
		height: 14.9231rem;
		width: 100%;
	}

	.main_section_2 .announcement_box {
		flex-basis: unset;
		padding-left: unset;
		padding-top: 2.6923rem;
	}

	.main_section_2 .hangout_event .ttl_box {
		padding-bottom: 1.1538rem;
	}

	.main_section_2 .hangout_event .ttl_box h1,
	.main_section_2 .announcement_box .ttl_box h1 {
		font-size: 1.3846rem;
	}

	.main_section_2 .hangout_event .ttl_box p,
	.main_section_2 .announcement_box .ttl_box p {
		font-size: 1.0769rem;
	}

	.main_section_2 .hangout_event .ttl_box p i,
	.main_section_2 .announcement_box .ttl_box p i {
		margin-left: 0.3846rem;
		width: 0.5rem;
		height: 0.8846rem;
		background-image: url(../assets/img/ico/box_box_arrow_m.png);
		background-size: 0.5rem;
	}

	.main_section_2 .announcement_box .announ_box .announ_box_item {
		display: flex;
		padding: 1.1154rem 0.9231rem;
		border-bottom: 0.0769rem solid #eee;
		justify-content: space-between;
		align-items: center;
	}

	.main_section_2 .announcement_box .announ_box .announ_box_item .title {
		font-size: 1rem;
	}

	.main_section_2 .announcement_box .announ_box .announ_box_item .description {
		font-size: 1rem;
	}

	.main_section_3 .status_table {
		margin-bottom: 9.0385rem;
	}

	.main_section_3 .ttl_box {
		border-bottom: 0.0769rem solid;
		padding-bottom: 1.1538rem;
		padding-top: 3.0769rem;
	}

	.main_section_3 .ttl_box h1 {
		font-size: 1.3846rem;
	}

	.main_section_3 .ttl_box p {
		font-size: 1.0769rem;
	}

	.main_section_3 .ttl_box p i {
		margin-left: 0.3846rem;
		width: 0.5rem;
		height: 0.8846rem;
		background-image: url(../assets/img/ico/box_box_arrow_m.png);
		background-size: 0.5rem;
	}

	.main_section_3 tbody tr {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		border-bottom: 0.0385rem solid #e5e5e5;
		padding: 1.1538rem 0.5769rem;
		height: 100%;
	}


	.main_section_3 tbody tr td:nth-of-type(1) {
		order: 2;
	}

	.main_section_3 tbody tr td:nth-of-type(2) {
		order: 3;
	}

	.main_section_3 tbody tr td:nth-of-type(3) {
		order: 1;
	}

	.main_section_3 tbody tr td:nth-of-type(4) {
		order: 4;
	}

	.main_section_3 tbody tr td:nth-of-type(5) {
		order: 5;
	}

	.main_section_3 tbody tr .name {
		display: inline-block;
		text-align: unset;
		font-size: 1rem;
		color: #454545;
		margin-right: 1.5385rem;
		position: relative;
	}

	.main_section_3 tbody tr .name::after {
		content: '';
		height: 0.6923rem;
		width: 0.1154rem;
		background-color: #dbdbdb;
		position: absolute;
		top: 0.1154rem;
		left: calc(100% + .5385rem);
	}

	.main_section_3 tbody tr .date {
		text-align: unset;
		display: inline-block;
		font-size: 1rem;
		color: #757575;
	}

	.main_section_3 tbody tr .des {
		font-size: 1rem;
		color: #454545;
		display: flex;
		margin-bottom: 0.2692rem;
		align-items: center;
		width: 23.6923rem;
		height: 100%;
	}

	.main_section_3 tbody tr .des .stt_1 {
		font-size: 0.9231rem;
		margin-right: 1.1538rem;
	}

	.main_section_3 tbody tr .des .stt_2 {
		font-size: 0.9231rem;
		margin-right: 1.1538rem;
	}

	.main_section_3 tbody tr .id {
		text-align: center;
		font-size: 0.8462rem;
		color: #757575;
		display: inline-block;
		margin-right: 1.5385rem;
		position: relative;
	}


	.main_section_3 tbody tr .id::after {
		content: '';
		height: 0.6923rem;
		width: 0.1154rem;
		background-color: #dbdbdb;
		position: absolute;
		top: 0.1154rem;
		left: calc(100% + .5385rem);
	}

	.main_section_3 tbody tr .ttl {
		text-align: center;
		font-size: 1rem;
		display: inline-block;
		margin-right: 1.5385rem;
		position: relative;
	}

	.main_section_3 tbody tr .ttl::after {
		content: '';
		height: 0.6923rem;
		width: 0.1154rem;
		background-color: #dbdbdb;
		position: absolute;
		top: 0.1154rem;
		left: calc(100% + .5385rem);
	}

	.main_section_3 tbody tr .des .red {
		font-size: 0.8462rem;
		color: #e9281d;
		margin-left: auto;
	}

	.main_section_3 tbody tr .des i {
		display: inline-block;
		width: 0.6538rem;
		height: 0.7692rem;
		background: no-repeat center;
		background-image: url(/images/ico/status_table_lock_ico.png);

		background-size: 0.5769rem;
	}

	.reservation {
		padding: 3.6538rem 1.1538rem 4.4231rem;
	}

	.reservation .reservation_top {
		border-bottom: 2px solid #2b2b2b;
		padding-bottom: 1.5385rem;
	}

	.reservation .reservation_top .reservation_top_title {
		width: 100%;
		display: flex;
		justify-content: center;
	}

	.reservation .reservation_top h1 {
		margin-bottom: 1.5385rem;
		display: flex;
		justify-content: center;
		flex-direction: column;
	}

	.reservation .reservation_top h1 span {
		font-size: 1.5385rem;
		text-align: center;
		line-height: 2rem;
		word-break: break-all;
	}

	.reservation .reservation_top span {
		margin-bottom: 0;
	}

	.reservation .reservation_top span {
		font-size: 1rem;
	}

	.reservation .reservation_content {
		padding: 0 0 3.6538rem 0;
	}

	.reservation .reservation_content p {
		font-size: 1rem;
		word-break: break-all;
		line-height: 1.4615rem;
	}

	.reservation .reservation_content .reservation_content-detail {
		margin-top: 1.9231rem;
	}

	.reservation .reservation_content .reservation_content-detail:nth-child(1) {
		margin-top: 1.538rem;
	}

	.reservation .reservation_button button {
		padding: 1.1538rem 5.3846rem;
		font-size: 1.0769rem;
		line-height: 1.0769rem;
		border: 0.0769rem solid #ccc;
		font-weight: bold;
	}

	/* customer-center css */

	.customer-center-page .main-container {
		display: flex;
		margin-top: 8rem;
		flex-direction: column;
		gap: 8.2rem;
	}

	.customer-center-page .side-bar .title-side-bar {
		font-size: 3.8rem;
		color: rgb(6, 20, 6);
		font-weight: bold;
	}

	.gnb_menu_list {
		display: block;
		position: absolute;
		top: 100%;
		left: 0;
		width: 100%;
		padding: 1.3684rem 0;
		display: none;
		background-color: rgb(249, 249, 249);
		/* border: 0.385px solid #dbdbdb; */
		z-index: 10;
		margin-top: 0;
		padding-bottom: 2rem;
		box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
	}

	.now_tab_text {
		width: 100%;
		height: 9rem;
		display: flex;
		align-items: center;
		justify-content: center;
		color: #2a459f;
		/* background-color: #000; */
		font-size: 3.2rem;
		font-weight: 700;
		background: #fff url(/images/btn/customer_select.png) no-repeat right 1.7316rem center/ auto;
		background-size: 2.4001rem 1.6999rem;
		border: 1px solid #17469E;
		border-radius: 6px;
	}

	.gnb_title {
		font-size: 3.8rem;
		color: rgb(6, 20, 6);
		font-weight: bold;
		margin-bottom: 4rem;
	}

	.gnb_menu_list li {
		width: 100%;
		height: 100%;
		border: none;
		/* display: flex;
        align-items: center;
        justify-content: center; */
		text-align: center;
		color: #000;
		font-size: 2.2534rem;
		font-weight: 400;
		background-color: transparent;
	}

	.gnb_menu_list li:last-child {
		border-bottom: none;
	}

	.gnb_menu {
		position: relative;
		overflow-y: visible;
	}

	.gnb_menu_list>li .menu_level_1 {
		height: 7.3666rem;
		border-bottom: none;
		justify-content: center;
	}

	.gnb_menu_list>li .menu_level_1.has_submenu {
		background: url(../assets/img/ico/gnb_menu_list_w.png) no-repeat right 1.7316rem center/ auto;
		background-size: 1.9999rem 1rem;
	}

	.gnb_menu_list>li .menu_level_1 .btn_togle {
		display: none;
	}

	.gnb_menu li .menu_level_1 a {
		font-size: 3.2rem;
		font-weight: 400;
		color: #252525;
	}

	.customer-center-page .title-menu {
		font-size: 3.6rem;
		color: rgb(6, 20, 6);
		margin-bottom: 3.8rem;
		line-height: 0;
	}

	.customer-center-page .menu-header {
		margin-top: 0;
	}

	/* announcement */

	.announcement_section_1 {
		padding-bottom: 6.53846rem;
	}

	.announcement_section_1 .ttl_box h1 {
		font-size: 1.53846rem;
		text-align: center;
		padding-top: 3.846rem;
		padding-bottom: 2.5rem;
		border-bottom: 0.03846rem solid;
	}

	.announcement_section_1 .status_table {
		width: 100%;
	}

	.announcement_section_1 .status_table colgroup {
		display: none;
	}

	.announcement_section_1 .status_table thead tr {
		display: none;
	}


	.announcement_section_1 tbody tr {
		display: flex;
		flex-wrap: wrap;
		align-items: center;

		height: 100%;
		border-bottom: 0.03846rem solid #e5e5e5;
		padding: 1.153846rem 0.769rem;
	}

	.announcement_section_1 tbody tr td:nth-of-type(1) {
		order: 2;
	}

	.announcement_section_1 tbody tr td:nth-of-type(2) {
		order: 1;
	}

	.announcement_section_1 tbody tr td:nth-of-type(3) {
		order: 3;
	}

	.announcement_section_1 tbody tr .id_1 {
		text-align: center;
		font-size: 0.846rem;
		color: #2e3e92;
		font-weight: 500;
		margin-right: 1.9231rem;
	}

	.announcement_section_1 tbody tr .id_2 {
		text-align: center;
		font-size: 0.846rem;
		color: #454545;
		margin-right: 1.9231rem;
	}

	.announcement_section_1 tbody tr .des {
		font-size: 1rem;
		color: #454545;
		line-height: 1.3846rem;
		margin-bottom: 0.3846rem;
	}

	.announcement_section_1 tbody tr .date {
		text-align: center;
		font-size: 1rem;
		color: #757575;
	}

	.customer-center-page .page-link {
		padding: 1rem 1.5rem;
		margin: 0 0.5rem;
		text-decoration: none;
		color: #333;
		border: 1px solid #ddd;
		border-radius: 0.5rem;
	}

	.customer-center-page .list-tag .item-tag img {
		max-width: 5.7rem;
		max-height: 4.3rem;
	}

	.customer-center-page .list-tag .item-tag {
		border-style: solid;
		border-width: 0.2rem;
		border-color: #cccccc;
		border-radius: 0.4rem;
		display: flex;
		flex-direction: column;
		padding: 2.8rem 2.9rem;
		gap: 0.4rem;
		justify-content: space-between;
		width: 15rem;
		height: 14rem;
		align-items: center;
		cursor: pointer;
	}

	.customer-center-page .list-tag[active] .tag-name {
		color: #17469E;
	}

	.customer-center-page .list-tag .item-tag[active] .tag-name {
		color: #17469E;
	}

	.customer-center-page .list-tag .item-tag[active] {
		border-color: #17469E;
	}

	.customer-center-page .list-tag {
		flex-wrap: wrap;
		justify-content: center;
		gap: 2rem;
		padding-bottom: 4rem;
		border-width: 0.2rem;
	}

	.customer-center-page .list-q .item-q .label-q {
		color: white;
		border-radius: 9.9rem;
		background-color: #17469E;
		padding: 0.8rem 1.4rem;
		font-size: 2.7rem;
	}

	.customer-center-page .list-q .item-q {
		display: flex;
		padding: 3rem 0;
		font-size: 2.8rem;
		align-items: center;
	}

	.customer-center-page p.content {
		margin-top: 0;
	}

	.customer-center-page .list-q .item-q .con-q {
		gap: 3.2rem;
	}

	.customer-center-page .list-q .item-q .con-q span.name {
		width: 13rem;
	}

	.customer-center-page .list-q .content {
		line-height: 3.5rem;
	}

	.customer-center-page .pagination {
		margin: 3.2rem 0 12.8rem 0 !important;
	}

	.customer-notify-page .title-menu {
		padding-bottom: 0;
	}

	.customer-notify-page .sec-img {
		background-image: url(/images/community/customer_bg_form_mo.png);
		background-size: cover;
	}


	.customer-center-page .title {
		font-size: 3.4rem;
		line-height: 2rem;
		color: rgb(6, 20, 6);
		font-weight: bold;
		margin-bottom: 3rem;
	}

	.customer-center-page p.content {
		font-size: 2.6rem;
		color: rgb(117, 117, 117);
		text-transform: uppercase;
		line-height: 1.2;
	}

	.customer-center-page .sec-img {
		width: 66rem;
		height: 46.3rem;
		position: relative;
		margin-bottom: 6.6rem;
	}

	.customer-center-page .text-content {
		position: absolute;
		top: 14%;
		left: 6%;
	}

	.customer-center-page [class^="inner"] {
		width: calc(100% - 6rem) !important;
		overflow: hidden;
	}

	.form_notify_ input.form_input_ {
		height: 9rem;
		width: 65.9rem !important;
		border-radius: 0.3rem;
		font-size: 2.6rem;
		letter-spacing: -0.1rem;
	}

	.form_notify_ .form_label_ {
		font-size: 2.6rem;
		letter-spacing: -0.1rem;
		text-transform: uppercase;
		color: #252525;
		font-weight: 500;
		margin-bottom: 2rem;
	}

	.customer-center-page .form_notify_ .form_el_flex {
		flex-wrap: wrap;
		max-width: 66rem;
	}

	.form_notify_ .form_input_ {
		height: 9rem;
		width: 66rem;
		font-size: 2.6rem;
	}

	.customer-center-page .form_notify_ select,
	.form_notify_ .select-selected {
		background: #fff url(/images/community/select_ico_mo.png) right 2.7rem center no-repeat;
		background-size: 2.7rem 1.5rem;
		font-size: 2.6rem;
		padding: 0 3rem;
	}

	.form_notify_ .select-selected img {
		width: 2.6rem;
		height: 2.5rem;
	}

	.form_notify_ .form_textarea_ {
		width: 66rem !important;
		height: 42rem !important;
		border-radius: 0.3rem;
		font-size: 2.6rem;
		padding: 2rem;
	}

	.form_notify_ .btn_cancel_ {
		width: 33.2rem;
		height: 9rem;
		border-radius: 0.6rem;
		background-color: #ffffff;
		border: 1px solid #dbdbdb;
		font-size: 3.2rem;
		letter-spacing: -0.1rem;
		text-transform: uppercase;
		color: #454545;
		font-weight: 600;
		font-family: "Pretendard", sans-serif;
		text-align: center;
	}

	.form_notify_ .btn_submit_ {
		width: 33.2rem;
		height: 9rem;
		border-radius: 0.6rem;
		background-color: rgb(42, 69, 159);
		border: 1px solid #dbdbdb;
		font-size: 3.2rem;
		letter-spacing: -0.1rem;
		text-transform: uppercase;
		color: #fff;
		font-weight: 600;
		font-family: "Pretendard", sans-serif;
		text-align: center;
	}

	.form_notify_ .list_btn_ {
		width: 66rem;
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 2rem;
		margin-top: 6rem;
		margin-bottom: 14rem;
	}

	.form-custom-tab4-mo {
		display: flex;
		flex-direction: column;
	}

	.customer-notify-page .title-menu.title-menu-line-bot {
		border-bottom: 1px solid;
		padding-bottom: 4rem;
		margin-bottom: 0;
	}

	.customer-notify-page .item-no {
		padding: 1.4rem 2.4rem;
		line-height: 1.3;
		border-bottom: 1px solid #ccc;
		cursor: pointer;
	}

	.customer-notify-page .item-title {
		font-size: 2.8rem;
		font-weight: 500;
		margin-bottom: 1.5rem;
	}

	.customer-notify-page .item-date {
		font-size: 2.6rem;
		color: #999;
	}

	.customer-center-page .con-a {
		display: flex;
		margin-top: 2.4rem;
		gap: 1.2rem;
		padding-left: 2rem;
	}

	.customer-center-page .list-q .label-a {
        color: white;
        border-radius: 50%;
        background-color: #494949;
        padding: 0.9rem 1.4rem;
        height: 100%;
        font-size: 2.4rem;
        display: flex;
        align-items: center;
	}

	.customer-center-page .con-a .content * {
		font-size: 2.4rem !important;
		line-height: 1.3 !important;
	}

	.customer-center-page .list-q .content {
        line-height: 1.3;
        margin-top: 1rem;
    }
}

/* phone (portrait) START */
/* respon02 */
@media only screen and (min-device-width : 300px) and (max-device-width : 699px) and (orientation : portrait) {}

/* respon03 */
@media only screen and (min-device-width : 700px) and (max-device-width : 768px) and (orientation : portrait) {}

/* phone (landscape) START */
/* respon04 */
@media only screen and (min-device-width : 300px) and (max-device-width : 768px) and (orientation : landscape) {}

/*/////////////////////////////// 스마트폰 종료 ///////////////////////////////*/





/*/////////////////////////////// 태블릿 시작 ///////////////////////////////*/
/* tablet (portrait and landscape) START */
/* respon05 */
@media only screen and (min-width : 769px) and (max-width : 1024px) {

	/*서브 왼쪽 네비 오른쪽 컨텐츠 공통*/
	.sub_wrap .sub_left>ul.left_nav {
		padding-bottom: 0;
	}

	.sub_wrap .sub_left.comm_left>ul.left_nav>li {
		width: 33.33%;
	}

	.sub_wrap .sub_left.comm_left>ul.left_nav>li a {
		font-size: 0.75em;
	}

	.sub_wrap .sub_content {
		padding-left: 3%;
		width: 100%;
	}

	.sub_wrap .sub_content.commu {
		padding-bottom: 20%;
		width: 100%;
	}

	/* list */
	.sub_wrap .sub_content.commu .notice_tb table {
		display: block;
	}

	.sub_wrap .sub_content.commu .notice_tb table thead {
		display: block;
		width: 100%;
	}

	.sub_wrap .sub_content.commu .notice_tb table thead tr {
		display: block;
		width: 100%;
		overflow: hidden;
	}

	.sub_wrap .sub_content.commu .notice_tb table thead tr th {
		display: block;
		width: 100%;
		float: left;
		height: 25px;
		line-height: 25px;
	}

	.sub_wrap .sub_content.commu .notice_tb table tbody {
		display: block;
		width: 100%;
	}

	.sub_wrap .sub_content.commu .notice_tb table tbody tr {
		display: block;
		width: 100%;
		overflow: hidden;
	}

	.sub_wrap .sub_content.commu .notice_tb table tbody tr td {
		display: block;
		width: 100%;
		float: left;
		height: 25px;
		line-height: 25px;
		box-sizing: border-box;
	}

	/* list - 여행지식, 여행후기 */
	.sub_wrap .sub_content.commu .notice_tb table.table01 tr th {
		font-size: 0.75em;
	}

	.sub_wrap .sub_content.commu .notice_tb table.table01 tr th:first-child {
		width: 10%;
		border-bottom: 1px dashed #ddd;
	}

	.sub_wrap .sub_content.commu .notice_tb table.table01 tr th:nth-child(2) {
		width: 15%;
		border-bottom: 1px dashed #ddd;
	}

	.sub_wrap .sub_content.commu .notice_tb table.table01 tr th:nth-child(3) {
		width: 75%;
		border-bottom: 1px dashed #ddd;
	}

	.sub_wrap .sub_content.commu .notice_tb table.table01 tr th:nth-child(4) {
		width: 35%;
	}

	.sub_wrap .sub_content.commu .notice_tb table.table01 tr th:nth-child(5) {
		width: 35%;
	}

	.sub_wrap .sub_content.commu .notice_tb table.table01 tr th:last-child {
		width: 30%;
	}

	.sub_wrap .sub_content.commu .notice_tb table.table01 tr td {
		font-size: 0.75em;
	}

	.sub_wrap .sub_content.commu .notice_tb table.table01 tr td:first-child {
		width: 10%;
		border-bottom: 1px dashed #ddd;
	}

	.sub_wrap .sub_content.commu .notice_tb table.table01 tr td:nth-child(2) {
		width: 19%;
		border-bottom: 1px dashed #ddd;
	}

	.sub_wrap .sub_content.commu .notice_tb table.table01 tr td:nth-child(3) {
		width: 70%;
		border-bottom: 1px dashed #ddd;
	}

	.sub_wrap .sub_content.commu .notice_tb table.table01 tr td:nth-child(4) {
		width: 35%;
	}

	.sub_wrap .sub_content.commu .notice_tb table.table01 tr td:nth-child(5) {
		width: 35%;
	}

	.sub_wrap .sub_content.commu .notice_tb table.table01 tr td:last-child {
		width: 30%;
	}

	/* view */
	.view .view_title li {
		font-size: 0.75em;
	}

	.view .view_title li.view_subject {
		font-size: 0.75em;
	}

	.view .view_content {
		font-size: 0.75em;
		min-height: 100px;
	}

	/* gallery */
	.gallery {
		margin-bottom: 20%;
	}

	.gallery_list li {
		width: 48%;
	}

	.gallery_list li:nth-child(2n) {
		margin-right: 0;
	}

	.gallery_list li a .gal_img {
		height: auto;
		padding: 50% 0;
	}

	.gallery_list li a .gal_img img {
		position: absolute;
		top: 0;
		left: 0;
	}


	/* 검색창 */
	.sub_wrap .sub_content .search_wrap {
		width: 100%;
	}

	.sub_wrap .sub_content .search_wrap .search_inner {
		padding: 10% 4%;
	}

	.sub_wrap .sub_content .search_wrap .search_inner select {
		width: 20%;
		margin-right: 2px;
	}

	.sub_wrap .sub_content .search_wrap .search_inner input {
		width: 60%;
		margin-right: 2px;
	}

	.sub_wrap .sub_content .search_wrap .search_inner button {
		width: 17%;
		background: none;
		text-indent: 0;
	}

	.sub_wrap .sub_content.commu .search_wrap .search_inner {
		float: none;
	}

	/* 버튼1 */
	.tb_btn_box .btn {
		width: 20%;
		height: 30px;
		line-height: 30px;
		font-size: 0.8em;
	}

	.tb_btn_box .write {
		height: 30px;
		line-height: 30px;
		font-size: 0.8em;
		width: 20%;
		border-top: 0;
	}

	/* write form */
	.write table tr td span {
		display: block;
	}

	/* write 버튼 */
	.wr_btn a,
	.wr_btn .submit {
		width: 40%;
		height: 30px;
		line-height: 30px;
		font-size: 0.8em;
	}

	.wr_btn .submit {
		height: 30px;
	}

	/*카테고리  */
	.sub_wrap_padding01 #top_menu .menu_category {
		width: 13% !important;
		height: 25px !important;
		line-height: 25px !important;
		font-size: 9px;
	}

	.sub_wrap_padding01 #top_menu .menu_title {
		font-size: 10px !important;
		margin-bottom: 5px !important;
		width: 23% !important;
	}

}

/* tablet (portrait) START */
/* respon06 */
@media only screen and (min-device-width : 769px) and (max-device-width : 1024px) and (orientation : portrait) {}

/* tablet (landscape) START */
/* respon07 */
@media only screen and (min-device-width : 769px) and (max-device-width : 800px) and (orientation : landscape) {}

/* respon08 */
@media only screen and (min-device-width : 801px) and (max-device-width : 1024px) and (orientation : landscape) {}


/*/////////////////////////////// 태블릿 종료 ///////////////////////////////*/