/* 제목 */
h2.sub_title                                      {margin:5rem auto 3.5rem; font-weight:700; font-size:2.5rem; color:#000; letter-spacing:-.04em; text-align:center;}
h3.bbs_title                                       {gap:.1em; align-items:center; margin-bottom:.6em; font-size:1.8rem; letter-spacing:-.05em; font-weight:700; color:#1c1c1c;}

/* 공통 요소 */
.file_name                                         {letter-spacing:-.05em; font-size:.9em; color:#555;}
.input_common                                     {min-width:200px; height:35px; font-size:16px; text-align:left; border:#d9d9d9 solid 1px; border-radius:.5rem;}

/* 게시판 */
.bbs_post #count                                  {border-top:0;}
.list_none                                        {padding:2.5rem 0; text-align:center; font-size:1.1rem; color:#888; letter-spacing:-.05em;}

/* 버튼 공통 */
.btn                                              {height:45px; text-align:center; border-radius:.5rem;}
a.btn                                             {line-height:45px;}
.btn.btn_dark                                     {color:#fff; background:var(--blue);}
.btn.btn_grey                                     {color:#181818; background:#e9e9e9;}
.btn.btn_greyline                                 {color:#333; border:1px solid #ccc;}
.post_btn													{ justify-content:flex-end; gap:.5em; }
.post_btn .btn												{ width:130px; }

/* 확장 버튼 */
.expand_btn                                       {display:none; position:absolute; left:50%; transform:translateX(-50%); top:-23px; width:46px; height:23px; background-color:#ddd; border-radius:6px 6px 0 0;}
.expand_btn::after                                {content:""; position:absolute; top:38%; left:50%; width:12px; height:12px; border:solid #f1f3f5; border-width:0 2px 2px 0; transform:translate(-50%,-50%) rotate(45deg); -webkit-transform:translate(-50%,-50%) rotate(45deg); transition:all .3s ease;}
.expand_btn.active::after                         {top:65%; transform:translate(-50%,-50%) rotate(-135deg); -webkit-transform:translate(-50%,-50%) rotate(-135deg);}

/* 여행코스 작성 */
.travel_course .file_name,
.bbs_write .write_table .file_name                {letter-spacing:-.05em; font-size:.9em; color:#555;}
.travel_course .full                              {width:100%;}
.travel_course .small_txt                         {margin-top:.2em; font-size:.9em; color:#888; letter-spacing:-.03em;}
.travel_course input[type="file"],
.travel_course select,
.travel_course .input                             {min-width:200px; height:35px; font-size:16px; text-align:left; border:#d9d9d9 solid 1px; border-radius:.5rem;}
.travel_course input[type="file"]                 {height:auto;}
.travel_course input							  {padding:.3em .5em;}

/* 게시판 작성 테이블 */
.bbs_write .write_table                           {width:100%; border-top:2px solid #444349;}
.bbs_write .write_table th                        {font-weight:500;}
.bbs_write .write_table td                        {font-size:1.02em;}
.bbs_write .write_table .flex                     {align-items:center; gap:.2em 1em;}
.bbs_write .write_table .bbs_flie                 {gap:.1em .3em;}
.bbs_write .write_table input[type="checkbox"]  {height:15px; width:15px;}
.bbs_write .write_table .order                    {gap:.3em;}
.bbs_write .write_table .order .input,
.bbs_write .order .input                          {min-width:2rem; width:4rem;}
.bbs_write .write_table .flex.between             {justify-content:space-between;}
.bbs_write input.url                              {width:calc(100% - 8em);}
.bbs_btn                                          {align-items:center; justify-content:center; gap:.5rem; margin:4rem 0 6rem;}
.bbs_btn .btn                                     {width:48%; max-width:200px;}

/* 미디어쿼리 */
@media all and (max-width:668px) {
	.bbs_write .write_table .bbs_flie              {flex-direction:column; align-items:baseline; margin-bottom:.3em;}
	.bbs_write .write_table input[type="file"]   {width:100%;}
}
@media all and (min-width:569px) {
	.bbs_write .write_table th,
	.bbs_write .write_table td                    {padding:.8em; line-height:1.4; border-bottom:#e6e6e6 solid 1px;}
	.bbs_write .write_table th                    {width:15%; font-size:1.08em; letter-spacing:-.04em; background:#f9f9f9;}
}
@media all and (max-width:568px) {
	.list_none                                    {padding:1.5rem 0; font-size:1rem;}
	.bbs_write .write_table                       {border-bottom:1px solid #444349;}
	.bbs_write .write_table,
	.bbs_write .write_table tbody,
	.bbs_write .write_table tr,
	.bbs_write .write_table td,
	.bbs_write .write_table th                   {display:block;}
	.bbs_write .write_table th                   {margin-bottom:.2em; font-size:1.05em; text-align:left;}
	.bbs_write .write_table tr                   {position:relative; padding:.8em 0;}
	.bbs_write .write_table tr + tr              {margin-top:.5em; border-top:1px solid #dddd;}
	.bbs_write .write_table tr .right            {position:absolute; top:10px; right:0;}
	.bbs_write .write_table .order               {display:inline-block;}
	.bbs_btn                                     {margin-bottom:4rem;}
}
@media all and (max-width:385px) {
	.bbs_write .write_table input[type="file"],
	.bbs_write .write_table select,
	.bbs_write .write_table .input               {min-width:100%;}
}



/* 검색 */
.post_top													{ position:relative; margin-bottom:2rem;}
.post_top input[type="checkbox"]					{ width:18px; height:18px; margin-right:0; border-radius:3px}
.search_area													{ margin-bottom:1.2rem;}
.search_area	 .search_form								{ gap:.5rem;  }
.search_area .search_form .input						{ height:45px; font-size:1.1rem; color:#000; background:#fff no-repeat .9em 53% / 16px auto; border:1px solid #999; border-radius:.5rem}
.search_area .search_form .act.input					{ border-color:#000}
.search_area .input>*										{ height:100%; width:100%; border:0; border-radius:.5rem}
.search_area .btn_search									{ height:45px; padding:0 1.5em; font-size:1.16rem; color:#fff; letter-spacing:-.01em; background:#333; border-radius:.5rem}

.search_area .area_area									{ position:relative;}
.search_area .area_area .input							{ width:200px; background-image:url(/resources/jns-img/sub/bg_infotop_area.svg); }
.search_area .input .area_input							{ position:relative; padding:0 2.4em 0 2.3em; }
.search_area .input .area_input::after					{ content:""; position:absolute; top:1em; right:1.5em; width:9px; height:9px; border:solid #333; border-width:0 2px 2px 0; transform:rotate(45deg); -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg); -webkit-transition:all .3s ease; transition:all .3s ease;}
.search_area .on .input .area_input::after			{ top:1.2em; transform:rotate(-135deg); -webkit-transform:rotate(-135deg); -ms-transform:rotate(-135deg); -moz-transform:rotate(-135deg); -o-transform:rotate(-135deg);}
.search_area .input .area_input em					{ display:block; overflow:hidden; color:#333; font-weight:500; text-align:left; text-overflow:ellipsis; white-space:nowrap;}

.search_area .area_layer									{ display:none; position:absolute; top:46px; left:0; width:100%; overflow:hidden; color:#333; background:#fff; border:1px solid var(--blue); border-radius:.5rem; z-index:102; }
.search_area .on .area_layer								{ display:block; }
.search_area .area_layer .select_area					{ gap:.5em 0; padding:1.5rem; border-bottom:1px solid var(--blue)}
.search_area .area_layer .select_area li				{ width:50%; font-size:1rem}
.search_area .area_layer .select_area label			{ margin-left:2px;}
.search_area .area_layer .select_area .full			{ width:100%; margin-bottom:.2em;}
.search_area .area_layer .btn_area button			{ height:40px}
.search_area .area_layer .btn_area .area_close		{ flex:1; color:var(--blue)}
.search_area .area_layer .btn_area .area_apply		{ flex:1.5; color:#fff; background:var(--blue); }
.search_area .keyword_area .input					{ width:250px}
.search_area .keyword_area .input input				{ padding:0 1.4em}

.display_search												{ align-items:center; justify-content:space-between; }
.display_search .theme_area .flex						{ align-items:center; gap:.3em .5em; }
.display_search .theme_area .tab						{ display:flex; align-items:center; padding:.6em .9em .6em .7em; font-size:1.06rem; letter-spacing:-.025em; background:#eff2f5; border-radius:2em}
.display_search .theme_area .on .tab					{ color:#fff; background:var(--blue)}
.display_search .theme_area .tab .emoji				{ font-size:1.08em}

.display_search .order_area								{ position:relative; font-size:1.04rem;}
.display_search .order_area .order						{ position:relative; }
.display_search .order_output							{ position:relative; padding:.3em 1em .3em .5em; color:#585858; letter-spacing:-.025em; }
.display_search .order_output::after					{ content:"▼"; position:absolute; right:0; top:.8em; font-size:.7em; }
.display_search .order_layer								{ display:none; position:absolute; top:100%; right:0; width:100%; font-size:.92em; text-align:center; background:#fff; border:1px solid #999; z-index:2}
.display_search .on.order_layer							{ display:block; }
.display_search .order_layer li + li						{ border-top:1px solid #999}
.display_search .order_layer li button					{ width:100%; padding:.5em; }

@media all and (max-width:1024px){
	.post_btn .btn								{ width:100px;}
	.search_area .btn_search					{ padding:0 1em;}
	.post_btn .btn								{ width:100px;}

	.display_search								{ align-items:flex-end;}
	.display_search .theme_area			{ width:-webkit-calc(100% - 4.5rem); width:-moz-calc(100% - 4.5rem); width:calc(100% - 4.5rem)}
	.display_search .theme_area .flex		{ gap:.3em}
	.display_search .theme_area .tab		{ padding:.2em .5em .2em .3em; font-size:1rem; }
}
@media all and (max-width:859px){
	h2.sub_title									{ margin:2.5rem auto 2rem; font-size:2rem;}
	h3.bbs_title									{ margin-bottom:.4em; font-size:1.5rem;}
}
@media all and (max-width:768px){
	.bbs_post									{ padding:4rem 0}
	.photo_item .text .info					{ margin-bottom:.2em; font-size:.95rem;}
	.photo_item .text .subject				{ font-size:1.2rem; }
	.photo_item .text .tag					{ margin-top:.7rem; font-size: .88rem; }
	.post_recom									{ padding-bottom:4rem}

	.post_top									{ margin-bottom:1rem;}
	.search_area .search_form .input		{ height:40px;}
	.search_area .btn_search					{ width:5rem; height:40px; padding:0; text-align:center;}
	.search_area .input .area_input::after	{ top:.8em}

	.display_search .theme_area			{ overflow-x:auto}
	.display_search .theme_area .flex		{ flex-wrap:nowrap; width:fit-content}
	.display_search .theme_area .tab		{ width:max-content}
	.display_search .order_area::before	{ position:absolute;top:-5%; left:-10px; width:10px; height:110%; background:rgb(255,255,255);
		background:-moz-linear-gradient(305deg, rgba(255,255,255,1) 10%, rgba(255,255,255,0) 100%);
		background:-webkit-linear-gradient(305deg, rgba(255,255,255,1) 10%, rgba(255,255,255,0) 100%);
		background:linear-gradient(305deg, rgba(255,255,255,1) 10%, rgba(255,255,255,0) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1); content:""}
}
@media all and (max-width:600px){
	.search_area .area_area .input			{ width:9em}
	.search_area .area_layer .select_area	{ padding:1rem}
}
@media all and (max-width:568px){
	.btn											{ height:40px; }
	a.btn											{ line-height:40px;}

	.search_area .btn_search					{ width:3.5rem}
	.search_area .keyword_area .input	{ width:180px}
	.search_area .keyword_area .input input		{ padding:0 .8em}
}
@media all and (max-width:450px){
	.display_search								{ align-items:center}

	.search_area .area_layer .select_area	{ padding:1rem}
}
@media all and (max-width:410px){
	.search_area .area_area					{ width:100%}
	.search_area .area_area .input,
	.search_area .keyword_area .input	{ width:100%}
	.search_area .keyword_area				{ width:calc(100% - 4rem)}
}




/*여행코스 스크롤바*/
.travel_course ::-webkit-scrollbar                                                                 {-webkit-appearance: none;}
.travel_course ::-webkit-scrollbar-button                                                          {display:none;}
.travel_course ::-webkit-scrollbar-thumb                                                           {background: #abadac; border-radius: 10px; box-shadow: inset 0 0 5px #abadac;}
.travel_course ::-webkit-scrollbar-track                                                           {background:#e5e5e5;}
.travel_course ::-webkit-scrollbar:vertical                                                        {width: 5px;}
.travel_course ::-webkit-scrollbar:horizontal                                                       {height: 9px;}

.travel_course .con_area                                                                            {max-width:1310px;}
.travel_course .course_list_wrap.con_area                                                           {padding:0 10px;}
.travel_course .no_con_area                                                                         {padding:4rem 0 4rem; color:#999999; font-size:1rem; text-align:center;}

/*여행코스 등록*/
.travel_course .course_area:first-of-type                                               {margin-top:4.688rem;}
.travel_course .course_area                                                             {margin-top:3.5rem;}
.travel_course .course_area .area_tit                                                   {display:flex; align-items:center; gap:0 12px;}
.travel_course .course_area .area_tit em                                                {font-size:1.375rem; font-weight:700; letter-spacing:-0.05em;}
.travel_course .course_area .add_btn                                                    {min-width:116px; padding:6px 15px; color:#fff; letter-spacing:-0.025em; background-color:#014693; border-radius:1.2em;}
.travel_course .course_area .area_list                                                  {display:flex; flex-wrap:wrap; gap:20px; margin-top:1.3rem;}
.travel_course .course_area .area_list .check_list                                      {justify-content:center; padding:1.3rem 0;}
.travel_course .course_area .area_list .area                                            {position:relative; width:calc((100% - 60px)/4); max-width:275px; border:1px solid #e6e6e6; border-radius:1em;}
.travel_course .course_area .area_list .area .day_marker                                {position:absolute; top:-10px; left:-2px; display:inline-block; width:36px; height:36px; line-height: 36px; text-align:center; font-size:1.063rem; font-weight:700; color:#fff; border-radius:50%;}
.travel_course .course_area .area_list .area .added_area                                {position:relative; padding:1.6rem 2rem 4.375rem; border-top:1px solid #e6e6e6;}
.travel_course .course_area .area_list .area .added_area .tit_wrap                      {display:flex; flex-direction:column; gap:10px 0; letter-spacing:-0.055em;}
.travel_course .course_area .area_list .area .added_area .tit_wrap em                   {font-size:1.133rem; font-weight:500;}
.travel_course .course_area .area_list .area .added_area .tit_wrap span.add             {display: -webkit-box; min-height:38px; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; font-size:.933rem; letter-spacing:-0.075em;}
.travel_course .course_area .area_list .area .added_area .day_img img                   {border-radius:.333rem;}
.travel_course .course_area .area_list .area .added_area .day_img                       {margin-top:10px;}
.travel_course .area_list .link_wrap.admin_area                                         {border-radius:0 0 1em 1em;}
.bbs_write .order							                                            { gap:.4em; align-items:center; margin-top:.667rem;}
.bbs_write .order .input					                                            { min-width:2rem; width:4rem }
.travel_course .course_area.day1 .area_list .area .day_marker                           {background-color:#006ed2;}
.travel_course .course_area.day2 .area_list .area .day_marker                           {background-color:#0ec58a;}
.travel_course .course_area.day3 .area_list .area .day_marker                           {background-color:#f57209;}
.travel_course .course_area.day4 .area_list .area .day_marker                           {background-color:#f900ea;}
.travel_course .course_area.day5 .area_list .area .day_marker                           {background-color:#5e12c5;}

/* 여행코스 > 팝업  */
.pop_wrap,.search_pop_wrap                                                              {display:none; position:fixed; z-index:1; width:100%; height: 100%; top:0; left:0;}
.pop_wrap.active                                                                        {display:block; background:rgba(0,0,0,.3); z-index:1001;}
.pop_wrap .pop_con_wrap                                                                 {position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); width:50%; max-width:500px;}
.pop_wrap .pop_con_wrap .pop_con                                                        {padding:1.5rem; background-color:#fff;}
.pop_wrap .pop_con_wrap .pop_con.p-lr-0                                                 {padding-left:0; padding-right:0;}
.pop_wrap .pop_con_wrap .pop_con.add_area                                               {padding-bottom:4.6rem;}
.pop_wrap .pop_header,
.search_header																			{display:flex; align-items:center; justify-content:space-between; padding:1rem; font-size:1.5rem; font-weight:500; letter-spacing:-0.075em; background:#fff; border-bottom:1px solid #b2b2b2; color:#000;}

.pop_wrap .pop_footer                                                                   {position:absolute; left:0; bottom:0; width:100%; padding:12px 0; text-align:center; font-size:1rem; font-weight:500; letter-spacing:-0.025em; color:#fff; background-color:#000;}
.pop_wrap .pop_con_wrap .pop_con .form_group .form_list                                 {margin-bottom:1.4rem;}
.pop_wrap .pop_con_wrap .pop_con .form_group .form_tit                                  {min-width:80px; font-size:1rem; letter-spacing:-0.05em; font-weight:500;}
.pop_wrap .pop_con_wrap .pop_con .form_group .form_list.align                           {display:flex; align-items:center; gap:0 1.2rem;}
.pop_wrap .pop_con_wrap .pop_con .form_group .form_list.align .check_list               {margin-bottom:6px;}
.pop_wrap .pop_con_wrap .pop_con .form_group .form_list:last-of-type                    {margin-bottom:0;}
.pop_wrap .pop_con_wrap .pop_con .form_group .between                                   {gap:0 4px; justify-content:space-between; height:48px;}
.pop_wrap .pop_con_wrap .pop_con .form_group .form_list.b_bottom.none                   {border-bottom:none;}
.pop_wrap .pop_con_wrap .pop_con .form_group .form_list.b_bottom                        {padding:0 1.3rem .533rem; margin-bottom:.533rem; border-bottom:1px solid #d9d9d9;}
.pop_wrap .pop_con_wrap .pop_con .form_group .form_list.b_bottom .between               {height:auto; margin-bottom:4px;}
.pop_wrap .pop_con_wrap .pop_con .form_group .form_list input.bg                        {width:100%; height:100%; padding:12px 18px; font-size:1rem; font-weight:300; letter-spacing:-0.075em; background-color:#ebebeb; border-radius:1.6em; border:none;}
.pop_wrap .pop_con_wrap .pop_con .form_group .form_list .input_group                    {flex:1;}
.pop_wrap .pop_con_wrap .pop_con .search_btn                                            {flex:0 0 80px; color:#fff; background-color:#333333; font-size:1rem; font-weight:500;letter-spacing:-0.05em; border-radius:1.6em;}
.pop_wrap .pop_con_wrap .pop_con .form_group .form_list.b_bottom .search_btn            {height:34px; border-radius:.5rem;}
.pop_wrap .pop_con_wrap .pop_con .bbs_flie                                              {gap:0 8px; align-items:center; margin-top:1rem;}
.pop_wrap .pop_con_wrap .pop_con .bbs_flie.mt-0                                         {margin-top:0;}
.pop_wrap .pop_con_wrap .pop_con .bbs_flie input                                        {flex:1;}
.pop_wrap .pop_con_wrap .pop_con .form_group .form_list .direct_input                   {display:none;}
.pop_wrap .pop_con_wrap .pop_con .form_group .form_list .direct_input textarea          {height:34px; line-height:34px; overflow-x:hidden;}

/* 여행코스 > 공유하기 팝업 */
.pop_wrap .pop_con_wrap .share_list                                                     {display:flex; gap:0 1rem; justify-content:center;}
.pop_wrap .pop_con_wrap .share_list button img                                          {width:40px; height:40px;}
.pop_wrap .pop_con_wrap .share_list .urlcopy button                                     {position: relative; display: block; width: 40px; height: 40px; border-radius: 50%; font-size: 12px; color: #fff; line-height: 29px; text-align: center; letter-spacing: -.03em; background: #868686;}

/* 자동검색 */
.search_area                                                                            {position:relative;}
.auto_search                                                                            {display:none; position:absolute; top:calc(100% + 10px); left:0; width:100%; min-height:70px; max-height:240px; overflow:hidden; overflow-y:auto; border:1px solid #e5e5e5; border-radius:1em; background:#fff; z-index:1000;}
.auto_search .no_con_area                                                               {display:none;}
.auto_search.active                                               {display:block;}
.auto_search button.search_list:hover                             {background:#f1f3f5;}
.auto_search button.search_list:first-of-type                     {padding:1rem 2rem .667rem; border-radius:1em 1em 0 0;}
.auto_search button.search_list:last-of-type                      {padding:.667rem 2rem 1rem; border-radius:0 0 1em 1em;}
.auto_search button.search_list                                   {width:100%; display:flex; gap:0 1rem; padding:.667rem 2rem; position: relative; z-index:1001; cursor:pointer;}
.auto_search button.search_list img                               {width:50px; height:50px; object-fit:cover; border-radius:50px; border:2px solid #006ed2;}
.auto_search button.search_list .search_info                      {display:flex; justify-content:flex-start; flex-direction:column; gap:8px 0; text-align:left;}
.auto_search button.search_list .search_name                      {display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; font-size:1.1rem; font-weight:500; letter-spacing:-0.05em;}
.auto_search button.search_list .search_add                       {display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; font-size:.933rem; letter-spacing:-0.075em; color:#8d8d8d;}

/* 여행코스 필터 */
.search_area .area_area .input.cate                                                     {background-image:url(/resources/jns-img/sub/bg_infotop_cate.svg);}
.search_area .on .area_layer.column ul                                                  {flex-direction:column;}
.course_list_wrap .search_area .between                                                 {justify-content:space-between; align-items:center;}
.course_list_wrap .search_area select                                                   {height:45px; font-size:1.03rem; color:#585858; letter-spacing:-0.01em; border:none;}
.course_wrapper                                                                         {position:relative;}
.course_wrapper .circle_btn                                                             {top:40%; transform:translateY(-50%); width: 50px; height: 50px; margin-top: 0; font-weight: 700; border-radius: 50%; background:#fff; color:#7e7e7e; box-shadow:4px 5px 13px 0 rgb(0 0 0 / 20%);}
.course_wrapper .circle_btn::after                                                      {font-size:1em;}
.swiper-button-prev                                                                     {position:absolute; left:-15px;}
.swiper-button-next                                                                     {position:absolute; right:-15px;}

/* 여행코스 슬라이드 */
html,body																				{height:100%; overflow-y:auto;}
.travel_course                                                                          {width:100%;}
.travel_course.h-100                                                                    {height:100%; overflow:hidden;}

.travel_course .course_slide_wrapper                                                    {margin-bottom:3.667rem;}
.travel_course .course_slide_wrapper .tit                                               {padding:0 10px; margin-bottom:1.3rem; font-size:1.688rem; font-weight:700; letter-spacing:-0.055em; color:#7b7b7b;}
.travel_course .course_slide_wrapper .tit em                                            {color:#000;}
.travel_course .course_slide_wrapper .course_name                                       {display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; font-size:1.3rem; font-weight:500; letter-spacing:-0.05em;}
.travel_course .course_slide_wrapper .img_wrap                                          {box-shadow:4px 5px 13px 0 rgb(0 0 0 / 12%); border-radius:1em;}
.travel_course .course_slide_wrapper .swiper                                            {padding:0 10px;}

/* 여행코스 공통 */
.flex_full												                        {width:100%; flex:1;}
.travel_course .img_wrap                                                        {display:inline-block; position:relative; width:100%; height:0; overflow:hidden; padding-top:75%; border-radius:1em; box-shadow:4px 5px 13px 0 rgb(0 0 0 / 12%);}
.travel_course .img_wrap img                                                    {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:100%; height:100%; object-fit:cover;}
.travel_course .con_wrap                                                        {display:flex; flex-direction:column; gap:1rem 0; margin-top:1rem;}
.travel_course .tag_wrapper                                                     {display:flex; flex-wrap:wrap; align-items:center; gap:2px;}
.travel_course .tag_wrapper .tag                                                {padding:4px; font-size:1rem; letter-spacing:-0.05em; font-weight:300; color:#000; background-color:#eeeeee; border-radius:5px;}
.travel_course .check_list                                                      {gap:0 1.5rem;}
.travel_course .check_list li                                                   {display:flex; align-items:center;}
.travel_course button.close                                                     {width:40px; height:40px; background-color:#000; position:relative; border-radius:50%;}
.travel_course button.close::before,
.travel_course button.close::after                                              {position: absolute; top: 22.5%; left: 50%; width: 2px; height: 55%; background: #fff; content: "";}
.travel_course button.close::before                                             {transform: rotate(45deg);}
.travel_course button.close::after                                              {transform: rotate(-45deg);}
.day_img_wrap                                                                   {display:block; position:relative; width:100%; height:0; padding-bottom:64%; overflow:hidden;}
.day_img_wrap img                                                               {position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; border-radius:1em;}


/* 여행코스 게시판 목록 */
.travel_course .cate                                                             {display:flex; flex-wrap:wrap; gap:0 6px; font-size:1rem; font-weight:300; color:#006ed2;}
.travel_course .course_list                                                      {word-break:keep-all;}
.travel_course .course_list ul li                                                {position:relative; width:100%; padding:2.933rem 0;}
.travel_course .course_list ul li input[type="checkbox"]              			 {position:absolute; left:1rem; top:4rem; z-index:100; width:35px; height:35px; min-width:35px;}
.travel_course .course_list ul li:nth-child(1)                                   {border-top:2px solid #000;}
.travel_course .course_list ul li                                                {border-bottom:1px solid #eaeaea;}
.travel_course .course_list ul li .list_wrap                                     {display:flex; flex-wrap:wrap; gap:0 2rem; width:100%;}
.travel_course .course_list ul li .list_wrap .board_img                          {flex:0 0 245px;}
.travel_course .course_list ul li .list_wrap .board_con_wrap                     {position:relative; width:calc(100% - 275px); font-size:1.15rem; font-weight:400; letter-spacing:-0.05em;}
.travel_course .course_list ul li .list_wrap .board_con_wrap .cate               {margin-bottom:.667rem;}
.travel_course .course_list ul li .list_wrap .board_con_wrap .board_tit          {display:inline-block; font-size:1.4rem; font-weight:500; width:100%;  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.travel_course .course_list ul li .list_wrap .board_con_wrap .board_con          {margin-top:1rem;}
.travel_course .course_list ul li .list_wrap .board_con_wrap .board_con .con     {display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; font-size:1.133rem; font-weight:400; color:#8e8e8f; overflow: hidden; text-overflow: ellipsis;}
.travel_course .course_list .thumb_li                                            {position:absolute; bottom:0; left:-4.133rem; display:flex; align-items:center; gap:0 .4rem; font-size:1.1rem; font-weight:400; color:#8e8e8f;}
.travel_course .course_list .thumb_li .thumb_img                                 {display:inline-block; width:64px; height:64px; border-radius:50%;}
.travel_course .course_list .thumb_li .thumb_img  img                            {width:100%; height:100%; object-fit:cover; border-radius:50%; border:3px solid #fff;}


/*여행코스 상세 */
.travel_course .map_area                                                            {position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden;}
.travel_course .map_area .marker_num            {display:inline-block; width:36px; height:36px; line-height:36px; font-size:1.2rem; text-align:center; color:#fff; border-radius:50%;}
.travel_course .map_area .marker_num.on         {width:45px; height:45px; font-size:1.3rem; line-height:45px;}

.travel_course .map_area .marker_num1                                               {background-color:#006ed2;}
.travel_course .map_area .marker_num2                                               {background-color:#0ec58a;}
.travel_course .map_area .marker_num3                                               {background-color:#f57209;}
.travel_course .map_area .marker_num4                                               {background-color:#f900ea;}
.travel_course .map_area .marker_num5                                               {background-color:#5e12c5;}
.travel_course .map_area .search_area                                               {position:absolute; top:50px; left:50%; transform:translateX(-50%); z-index:1000;}
.travel_course .map_area .search_area.l_position                                    {left:800px; transform: unset;}
.travel_course .map_area .search_area .input                                        {position:relative; height:40px; border-radius:2em; border:none; background-image:none;}
.travel_course .map_area .search_area .input input:focus                            {border-radius:2em;}
.travel_course .map_area .search_area .btn_search                                   {position:absolute; display:flex; align-items:center; justify-content:center; gap:0 4px; height:40px; right:0; top:50%; transform:translateY(-50%); width:auto; padding:0 1.3em; border-radius:2em;}
.travel_course .map_area .search_area .btn_search img                               {width:16px;}
.travel_course .map_area .search_area .area_area .input.region                      {width:auto;}
.travel_course .map_area .search_area .area_area .input.region+.area_layer          {width:200px;}
.travel_course .map_area .search_area .area_area .input.cate                        {width:150px;}
/* 필터 변경 전 300px */
.travel_course .map_area .search_area .keyword_area .input.bg                       {width:500px;}
.travel_course .map_area .search_area .area_area .input.cate,
.travel_course .map_area .search_area .keyword_area .input.bg                       {background-image:none; background-color:#f0f0f3;}
.travel_course .map_area .search_area .input .area_input                            {padding:0 2.4em 0 1.3em;}
.travel_course .map_area .search_area .input .area_input::after                     {top:.9em; border-color: #787879;}
.travel_course .map_area .search_area .on .input .area_input::after                 {top:1.2em;}
.travel_course .map_area .search_area .field_group                                  {display:flex; align-items:center; gap:0 5px; padding:6px 10px; background:#fff; border-radius:2em; box-shadow: 4px 5px 13px 0 rgb(0 0 0 / 20%);}
.travel_course .map_area .search_area .field_group.gap0                             {gap:0;}
.travel_course .map_area .search_area .field_group .field_tt                        {position:relative; padding:0 1em 0 2.4em; background:#fff url(/resources/jns-img/sub/bg_infotop_area.svg) no-repeat .9em 53% / 16px auto;}
.travel_course .map_area .search_area .field_group .field_tt::after                 {position:absolute; top:50%; right:0; transform:translateY(-50%); display:inline-block; width:1px; height:90%; background:#e5e5e5; content:'';}
.travel_course .map_area .search_area .field_group .field_tt em                     {font-size:1.1rem;}
.travel_course .link_wrap                                                           {display:flex; gap:0 6px;}
.travel_course .link_wrap a,
.travel_course .link_wrap button                                                     {display:flex; gap:0 4px; align-items:center; justify-content:center; padding:10px 0; flex:1; text-align: center; font-size:.938rem; font-weight:300; color:#8d8d8d; letter-spacing:-0.075em; border:1px solid #e5e5e5; border-radius:5px; background:#fff;}
.travel_course .link_wrap.admin_area                                                 {position:absolute; left:0; bottom:0; width:100%; padding:.625rem 1.25rem; z-index:1001; background:#f0f0f3;}
.travel_course .link_wrap.admin_area a,
.travel_course .link_wrap.admin_area button                                          {border:none;}
.travel_course .cs_con                                                               {padding:1.875rem 1.3rem; position:relative; z-index:100; border-bottom:5px solid #F0F0F3;}
.travel_course .cs_con.main_con .main_con_img										 {width:100%;}
.travel_course .cs_con.br_none                                                       {border:none; padding-bottom:0;}
.travel_course em.highlight                                                          {margin-bottom:1rem; display:inline-block; font-size:1.313rem; letter-spacing:-0.025em; font-weight:700;}
.travel_course em.highlight.mb_0                                                     {margin-bottom:0;}
.travel_course .course_left                                                          {position:relative; z-index:101; width:360px; height:100%; overflow:hidden; background-color:#f0f0f0;}
.travel_course .course_left .course_left_list                                        {position:absolute; width:100%; left:0; top:56px; height:calc(100% - 56px); padding-bottom:4rem; overflow:hidden; overflow-y:auto; background-color:#fff;}
.travel_course .course_left .course_left_list.collapse								 {height:calc(100% - 24px);}
.travel_course .course_left .course_left_list::before                                {position:absolute; content:''; top:0; left:0; z-index:99; width:100%; height:160px; background: linear-gradient(to bottom, #0164b0, #01aca6);}
.travel_course .course_left header                                                   {position:fixed;  left:0; top:0; width:360px; display:flex; align-items:center; justify-content:space-between; padding:1rem; background:#fff;}
.travel_course .course_left header h2                                                {display:flex; align-items:center; font-size:1.3rem; font-weight:500; letter-spacing:-0.075em;}
.travel_course .course_left header h2 img                                            {width:65px; height:auto;}
.travel_course .course_left header h2 a												 {font-size:0;}
.travel_course .course_left header .right_wrap                                       {display:flex; gap:0 10px; align-items:center;}
.travel_course .course_left header .right_wrap img									 {vertical-align: middle;}
.travel_course .course_left .course_left_list .cs_con .info_sm                         {display:flex; gap:0 1.75rem; margin-top:1.6rem; font-size:1rem; font-weight:300; letter-spacing:-0.06em;}
.travel_course .course_left .course_left_list .cs_con .info_sm span                             {position:relative;}
.travel_course .course_left .course_left_list .cs_con .info_sm span:nth-child(1)::before        {position:absolute; right:-0.813rem; top:50%; transform:translateY(-50%); width:1px; height:80%; background:#e5e5e5; content:'';}
.travel_course .course_left .course_left_list .day_course em                                    {margin-bottom:1rem;}
.travel_course .course_left .course_left_list .cs_con .main_img                                 {border-radius:1em; box-shadow:4px 5px 13px 0 rgb(0 0 0 / 20%);}
.travel_course .course_left .course_left_list .cs_con .course_tit                               {margin-top:.625rem;}
.travel_course .course_left .course_left_list .cs_con .course_tit h3                            {display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;  font-size:1.375rem; font-weight:500; letter-spacing:-0.05em; text-overflow: ellipsis;  font-weight:500;}
.travel_course .course_left .course_left_list .cs_con .course_con                               {display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2; padding-right:1rem; overflow: hidden; text-overflow: ellipsis; position:relative; margin-top:.75rem; font-size:1.063rem; font-weight:300; color:#8e8e8f; letter-spacing:-0.05em; cursor:pointer;}
.travel_course .course_left .course_left_list .cs_con .course_con.view_more                     {display: inline-block;}
.travel_course .course_left .course_left_list .cs_con .course_con .more_detail_con              {position:absolute; bottom:0; right :0; width:20px; height:20px;}
.travel_course .course_left .course_left_list .cs_con .course_con .more_detail_con::after       {content: ""; position: absolute; top:0; right:4px; width: 9px; height: 9px; border: solid #7f7f7f; border-width: 0 2px 2px 0; transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transition: all .3s ease; transition: all .3s ease;}
.travel_course .course_left .course_left_list .cs_con .course_con.view_more .more_detail_con::after {transform: rotate(-135deg); -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -o-transform: rotate(-135deg);}
.travel_course .cate.view                                                           {margin-top:1.3rem;}
.travel_course .day_course .day_list                                                {margin-bottom:1.625rem; counter-reset: number 0;}
.travel_course .day_course .day_list .num                                           {position:absolute; left:0; top:0; z-index:100; display:inline-block; width:25px; height:25px; line-height:25px; text-align:center; font-size:.813rem; font-weight:500; color:#fff; border-radius:8px;}
.travel_course .day_course .day_list .num::before                                   {counter-increment: number 1; content: counter(number);}
.travel_course .day_course .day_list.day1 .num                                      {background-color:#006ed2;}
.travel_course .day_course .day_list.day2 .num                                      {background-color:#0ec58a;}
.travel_course .day_course .day_list.day3 .num                                      {background-color:#f57209;}
.travel_course .day_course .day_list.day4 .num                                      {background-color:#f900ea;}
.travel_course .day_course .day_list.day5 .num                                      {background-color:#5e12c5;}
.travel_course .day_course .day_list .day_img::after                                {position: absolute; top: -1.6em; left: 50%; transform:translateX(-50%); width: 7px; height: 2.2em; z-index: 1; content: "";}
.travel_course .day_course .day_list.day1 .day_img::after                           {background: url('/resources/jns-img/content/course/img_type1_after.png') no-repeat 100% 50%;}
.travel_course .day_course .day_list.day2 .day_img::after                           {background: url('/resources/jns-img/content/course/img_type2_after.png') no-repeat 100% 50%;}
.travel_course .day_course .day_list.day3 .day_img::after                           {background: url('/resources/jns-img/content/course/img_type3_after.png') no-repeat 100% 50%;}
.travel_course .day_course .day_list.day4 .day_img::after                           {background: url('/resources/jns-img/content/course/img_type4_after.png') no-repeat 100% 50%;}
.travel_course .day_course .day_list.day5 .day_img::after                           {background: url('/resources/jns-img/content/course/img_type5_after.png') no-repeat 100% 50%;}
.travel_course .day_course .day_list .group:first-of-type .day_img::after           {display:none;}
.travel_course .day_course .group                                                   {display:flex; flex-wrap:wrap; gap:0 10px; align-items:center; width:100%; text-align:left; margin-bottom:1.3rem;}
.travel_course .day_course .group:last-of-type                                      {margin-bottom:0;}
.travel_course .day_course .group .day_img                                          {position:relative; width:125px;}
.travel_course .day_course .group .day_img_wrap                                     {display:block; position:relative; width:100%; height:0; padding-bottom:64%; overflow:hidden;}
.travel_course .day_course .group .day_img img                                      {position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; border-radius:1em;}
.travel_course .day_course .group .day_tit_wrap                                     {display:flex; flex-direction:column; gap:.375rem 0; width:calc(100% - 135px); color:#010101;}
.travel_course .day_course .group .day_tit_wrap .tt                                 {font-size:1.3rem; font-weight:700; letter-spacing:-0.025em; width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.travel_course .day_course .group .day_tit_wrap .add                                {display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2; overflow: hidden; text-overflow: ellipsis; font-size:1rem; letter-spacing:-0.05em; font-weight:300;}

/* course modal */
.course_sub                                                                         {width:100%; height:100%; overflow:hidden; overflow-y:auto; background:#fff;}
.course_sub_wrap                                                                    {display:none; position:absolute; z-index:101; left:360px; top:0; width:360px; height:100%;}
.course_sub_wrap.active                                                             {display:block;}
.course_sub_wrap button.close_course                                                {position:absolute; z-index:100; right:-40px; top:20px; background:#0164b0; text-indent:-9999px; border-radius:0 10px 10px 0;}
.course_sub .sub_img                                                                {width:100%; height:220px;}
.course_sub .sub_img img                                                            {width:100%; height:100%; object-fit:cover; object-position: center;}
.course_sub .course_sub_con                                                         {display:flex; flex-direction:column; gap:1rem 0;}
.course_sub .course_sub_con .cs_name                                                {font-size:1.625rem; font-weight:700; letter-spacing:-0.075em;}
.course_sub .course_sub_con .cs_info                                                {display:flex; flex-direction:column; font-size:1.094rem; font-weight:300; color:#585858; line-height:1.5; letter-spacing:-0.055em;}

.course_sub .reply_area .point_wrap                                                 {font-size:1rem; font-weight:300; letter-spacing:-0.06em;}
.course_sub .reply_area .re_list li                                                 {padding:1.4rem 0; border-bottom:1px solid #e5e5e5;}
.course_sub .reply_area .re_list li .re_con                                         {display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:4; overflow: hidden; text-overflow: ellipsis;  font-size:1rem; font-weight:300; color:#585858; letter-spacing:-0.05em; line-height:1.5;}
.course_sub .reply_area .re_list li .re_info                                        {margin-top:1rem; font-size:.969rem; font-weight:300; color:#a3a3a3;}
.course_sub .reply_area .point_wrap .grey                                           {color:#999999;}
.course_sub .reply_area .more                                                       {margin-top:1rem; text-align:center; font-size:.938rem; color:#585858; letter-spacing:-0.05em;}

/*주변관광지*/
.near_region                                                                        {display:flex; flex-wrap: nowrap; gap:0 6px; margin-top:1rem; padding-bottom:10px; overflow:hidden; overflow-x:auto;}
.travel_course .near_region .near_img                                               {position:relative; width:125px; overflow:hidden;}
.travel_course .near_region .near_img_wrap                                          {display:block; position:relative; width:100%; height:0; padding-bottom:64%; overflow:hidden;}
.travel_course .near_region .near_img img                                           {position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; border-radius:.313em;}
.travel_course .near_region .region_name                                            {display:inline-block; margin-top:.5rem; font-size:1rem; font-weight:300; color:#585858; letter-spacing:-0.05em;}

/* 모바일 filter */
.search_header																		{display:none;}
.m_search_btn																		{display:none; width:30px; height:30px; border-radius:50%; background:#000;}

/* 반응형 */
@media (max-width:1199px){
	.travel_course .link_wrap.admin_area													{display: none;}
	.travel_course.course_detail															{height:100%; overflow: hidden;}
	.travel_course .course_left																{overflow:hidden;}
	.travel_course .course_area .area_list .area .added_area								{padding:1.6rem 2rem 1.375rem;}
}
@media (max-width:1800px){
	.travel_course .map_area .search_area .field_group .field_tt							{display:none;}
}
@media (min-width: 769px) and (max-width: 1800px) {
	.travel_course .map_area .search_area,
	.travel_course .map_area .search_area.l_position										{width:320px; left:20px; top:75px; transform:unset;}
	.travel_course.course_detail .search_area .search_form									{width:100%; flex-direction:column;}
	.travel_course.course_detail .search_area .area_area									{width:100%;}
	.travel_course.course_detail .map_area .search_area .field_group						{flex-direction:column; gap:.4rem;}
	.travel_course.course_detail .map_area .search_area .area_area .input.cate,
	.travel_course.course_detail .map_area .search_area .keyword_area,
	.travel_course.course_detail .map_area .search_area .keyword_area .input.bg				{width:100%; min-width:100%;}
	.travel_course.course_detail .map_area .search_area .input .area_input					{width:100%;}
	.travel_course.course_detail .map_area .search_area .area_area .input.region			{width:100%;}
	/* .travel_course.course_detail .course_left .course_left_list								{top:250px; height:calc(100% - 255px);} */
	.travel_course.course_detail .course_left .course_left_list								{top:145px; height:calc(100% - 150px);}
}
@media (min-width: 600px) and (max-width: 768px) {
	.travel_course .course_left .course_left_list .cs_con .course_con						{display:block; pointer-events: none; cursor: default;}
	.travel_course .course_left .course_left_list .cs_con .course_con .more_detail_con		{display:none;}
}
@media (max-width: 1310px){
	.travel_course .course_area .area_list .area											{width:calc((100% - 40px)/3); max-width:unset;}
	.travel_course .con_area																{width:92%;}
}
@media (max-width:1024px){
	/*여행코스 공통*/
	.search_area .area_area                         {width:calc((100% - .5rem)/2);}

	/*여행코스 필터*/
	/* .search_area .keyword_area                      {width:calc(100% - 5.5rem);} */
	.search_area .keyword_area                      {width:100%;}
	.search_area .area_area .input,
	.search_area .keyword_area .input               {width:100%; min-width: auto;}
	.search_area .search_form						{width:100%;}
	.search_area .btn_search						{flex:1;}
	.display_search 								{flex:100%; justify-content:flex-end; margin-top:2rem;}

	/*여행코스 목록*/
	.travel_course .course_list .thumb_li           						{left:-3em;}
	.travel_course .course_list .thumb_li .thumb_img						{width:50px; height:50px;}
	.travel_course .course_slide_wrapper .tit								{font-size:1.6rem;}
	.travel_course .course_list ul li .list_wrap .board_con_wrap .board_tit	{font-size:1.3rem;}

	/*	여행코스 팝업 */
	.pop_wrap .pop_con_wrap													{width:80%;}
}
@media (max-width:859px){
	h2.sub_title 															{margin: 2.5rem auto 2rem; font-size: 2rem;}
}

@media (max-width:768px){
	.expand_btn																{display:block;}
	.travel_course .con_area                        						{width:90%;}
	.travel_course .course_left												{width:100%; padding-bottom:0; position: fixed; height: 60%; z-index: 100; bottom: 0; background:transparent;}
	.travel_course .course_left.collapse									{height: 30%;}
	.travel_course .course_left header										{width:100%;}
	.travel_course .course_left .course_left_list							{bottom:0; top:auto; height:calc(100% - 24px); padding-bottom:2rem; overflow:unset; border-radius:3rem 3rem 0 0;}
	.travel_course .course_left .course_left_list .left_body				{height:100%; overflow:hidden; overflow-y:auto;}
	.travel_course .course_left .course_left_list::before					{display:none;}
	.travel_course .cs_con.main_con											{display:flex; gap:0 2rem;}
	.travel_course .cs_con.main_con .main_con_img										 {width:50%}
	.travel_course .cs_con.main_con .main_con_txt										{width:calc(50% - 2rem);}
	.search_area_wrap																	{display:none; position:fixed; width:100%; height:100%; top:0; left:0; overflow:hidden; background:rgba(0,0,0,.3); z-index: 1001;}
	.search_area_wrap.active															{display:block;}
	.travel_course .map_area .search_area .search_header								{display:flex; width:100%;}
	.travel_course .map_area .search_area .search_body									{padding:2rem; background:#fff;}
	.travel_course .map_area .search_area .area_area .input.region+.area_layer			{width:100%;}
	.search_area .area_layer .select_area li											{width:25%;}
	.m_search_btn																		{display:flex; align-items:center; justify-content:center;}
	.m_search_modal.active																{display:block;}
	.travel_course .map_area .search_area												{position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:80%; max-width:500px;}
	.travel_course .map_area .search_area .field_group									{width:100%;}
	.travel_course input[type="file"], .travel_course select, .travel_course .input	{min-width:auto;}
	.travel_course .map_area .search_area .keyword_area .input.bg					{width:auto;}
	.travel_course .day_course .day_wrap											{display:flex; flex-wrap:wrap; gap:0 3rem;}
	.travel_course .day_course .day_wrap .day_list_wrap								{width:calc((100% - 3rem)/2);}
	.travel_course .day_course .group .day_img										{width:100px;}
	.travel_course .day_course .group .day_tit_wrap									{width: calc(100% - 110px);}
	.course_sub_wrap																{width:100%; left:0;}
	.course_sub_wrap button.close_course											{width:50px; height:50px; top:0; right:0; border-radius:0; }
	.travel_course .course_slide_wrapper .tit										{margin-bottom:.5rem; font-size:1.5rem;}
	.travel_course .course_slide_wrapper .course_name								{font-size:1.3rem;}
	.travel_course .tag_wrapper .tag,
	.travel_course .cate															{font-size:.9rem;}
	.course_wrapper .circle_btn														{width:40px; height:40px;}
	.travel_course .course_list ul li												{padding:1.933rem 0;}
	.travel_course .course_list ul li .list_wrap .board_con_wrap .board_tit			{font-size:1.25rem;}
	.travel_course .course_list ul li .list_wrap .board_con_wrap .board_con .con	{font-size:1rem;}
	.travel_course .course_area .area_list .area									{width:calc((100% - 20px)/2);}
	.travel_course .course_area .area_list .area .added_area						{padding:1.3rem 1.3rem 1.375rem;}
	.travel_course .course_area .area_list .area .day_marker						{width:30px; height:30px; line-height:30px;}
	.course_sub .course_sub_con .cs_name											{font-size:1.5rem;}
	.travel_course em.highlight														{font-size:1.28rem;}
	.day_wrap:only-child .day_list_wrap,
	.day_wrap > .day_list_wrap:only-child                                           {width: 100%;}
}

@media (max-width:600px){
	/* 코스공통 */
	.travel_course .cs_con															{padding:1rem;}
	.travel_course .con_wrap														{gap:.8rem; margin-top: .8rem;}

	/* 코스목록 */
	.travel_course .course_list ul li												{padding:1rem 0;}
	.travel_course .course_list ul li .list_wrap									{flex-direction:column; gap:1rem;}
	.travel_course .course_list ul li .list_wrap .board_img							{flex:0 0 auto; width:100%;}
	.travel_course .course_list ul li .list_wrap .board_con_wrap .board_tit			{font-size:1.2rem;}
	.travel_course .course_list ul li .list_wrap .board_con_wrap .board_con			{margin-top:.5rem;}
	.travel_course .course_list ul li .list_wrap .board_con_wrap .board_con .con	{font-size:.9rem;}
	.travel_course .course_list .thumb_li											{position:relative; left:auto; margin-top:.8rem;}
	.travel_course .course_list ul li .list_wrap .board_con_wrap					{width:100%;}
	.travel_course .course_slide_wrapper											{margin-bottom:2rem;}
	.travel_course .course_slide_wrapper .course_name								{font-size:1.2rem;}
	.display_search																	{margin-top:1rem;}

	/* 코스등록 */
	.travel_course .course_area .area_list											{gap:20px 10px;}
	.travel_course .course_area .area_list .area									{width:calc((100% - 10px)/2);}
	.course_wrapper .circle_btn														{width:30px; height:30px;}

	/* 코스 자동검색 */
	.auto_search button.search_list 								{padding:.667rem 1rem;}
	.auto_search button.search_list:first-of-type					{padding:1rem 1rem .667rem}
	.auto_search button.search_list:last-of-type					{padding:.667rem 1rem 1rem;}
	.auto_search button.search_list img								{width:32px; height:32px;}

	/* 코스팝업 */
	.pop_wrap .pop_con_wrap											{width:92%;}
	.pop_wrap .pop_con_wrap .pop_con .form_group .form_tit			{min-width:60px;}

	/* 코스상세 */
	.travel_course .cs_con.main_con											{gap:1rem; align-items:center;}
	.travel_course .cs_con.main_con .main_con_img							{width:30%;}
	.travel_course .cs_con.main_con .main_con_txt							{width:calc(70% - 1rem);}
	.travel_course .day_course .day_wrap									{gap:2rem;}
	.travel_course .day_course .day_wrap .day_list_wrap						{width: calc((100% - 2rem)/2);}
	.travel_course .course_left .course_left_list .cs_con .course_tit h3	{font-size:1.25rem;}
	.travel_course .course_left .course_left_list .cs_con .course_con		{font-size:1rem;}
	.travel_course .day_course .group .day_tit_wrap .tt						{font-size:1.2rem;}
	.travel_course .course_left .course_left_list							{padding-bottom:0;}
	.travel_course .cate.view												{margin-top:.3rem;}
	.course_sub .course_sub_con .cs_name									{font-size:1.4rem;}
	.course_sub .course_sub_con .cs_info									{font-size:1rem;}
	.travel_course em.highlight												{font-size:1.2rem;}
	.travel_course .map_area .search_area									{width:92%;}
	.travel_course .map_area .search_area .field_group						{flex-direction:column; align-items:flex-start; gap:.3rem 0;}
	.travel_course .map_area .search_area .area_area .input.cate			{width:100%;}
	.travel_course .map_area .search_area .area_area                       	{width:100%;}
	.travel_course .map_area .search_area .keyword_area						{width:100%;}
	.travel_course .map_area .search_area .keyword_area .input.bg			{width:100%;}
}


@media (max-width:480px){
	.travel_course .course_left header								{padding:.4rem 1rem;}
	.travel_course .course_left .course_left_list					{border-radius:1.5rem 1.5rem 0 0;}
	.travel_course .course_left .course_left_list .cs_con .info_sm	{margin-top:0;}
	.travel_course .day_course .day_wrap							{flex-direction:column; gap:0;}
	.travel_course .day_course .day_wrap .day_list_wrap				{width:100%;}
	.travel_course .day_course .day_list							{width:100%;}
	.travel_course .course_left .course_left_list .cs_con .info_sm	{display:none;}
	.course_sub .course_sub_con .cs_name							{font-size:1.3rem;}
	.pop_wrap .pop_header, .search_header							{font-size:1.3rem;}
	.travel_course .map_area .search_area .search_body				{padding:1.2rem;}
	.travel_course .course_slide_wrapper .swiper					{padding:0 4px;}
	.pop_wrap .pop_con_wrap .pop_con								{padding:1.2rem;}
	.pop_wrap .pop_con_wrap .pop_con .bbs_flie						{flex-direction:column; align-items:flex-start; gap:4px 0;}
	.pop_wrap .pop_con_wrap .pop_con .bbs_flie input				{width:100%;}
	.travel_course .search_area										{margin-bottom:.4rem;}
	.travel_course .map_area .search_area .btn_search				{padding:1rem; text-indent: -9999px;}
	.auto_search button.search_list .search_info					{gap:4px 0;}
	.travel_course button.close										{width:36px; height:36px;}
	.travel_course .course_area .area_list .area .added_area		{padding:1.3rem .8rem 1rem;}
	.travel_course .link_wrap.admin_area							{padding:.625rem .8rem;}
	.travel_course .course_area .area_list .check_list				{flex-direction:column; align-items:center; gap:8px 0; padding:.8rem 0;}
	.course_sub .sub_img											{height:160px;}
}
@media (max-width:350px){
	.travel_course .course_area .area_list .area					{width:100%;}
	.search_area .area_layer .select_area li						{width:50%;}
}