@charset "utf-8";

.point1 {color:#e66f65;}

/**** search ****/
.search form {background: #f4f5f9;border-color: #f4f5f9;padding: 12px;margin-bottom: 30px;border-radius: 10px;}
.search fieldset {position: relative;white-space: nowrap;display: table;margin: 0 auto;text-align: center;}
.search p.search_btn{position:relative;min-width:70px;margin: 0 0 0 2px;padding: 4px 16px;border-width:1px;border-style:solid;border-color:transparent;border-radius: 5px;box-sizing:border-box;background-color: #3e59c9;background-image: none;font-size: 17px;line-height: 30px;color: #fff;text-align:center;font-weight:300;transition-property:color, border, background-color, box-shadow;transition-duration:0.2s;transition-timing-function:ease-in-out;vertical-align:middle;}
/*.search p.search_btn:after{content:'';display:inline-block;position:relative;width:16px;height:16px;margin-left:8px;vertical-align:-2px;background-image:url('/jares/images/common/btn_icon_sprite.png');background-repeat:no-repeat;background-position:right 71.42%;}*/

form select, select#select, input.form_textbox, p.search_btn  {display:inline-block;line-height: 39px;padding: 0 47px 2px 12px;-webkit-padding-end: 47px;-moz-padding-end: 47px;line-height: 30px;background: url(/jares/images/common/select_sprite.png) no-repeat right top #fff;-webkit-appearance: none;-moz-appearance: none;cursor: pointer;}
.search p.search_btn button {color: #fff;}
.search p.search_btn button:focus{outline:3px dotted #fff}
input.form_textbox{background-image:none;padding: 2px 2px 2px 0;margin: 2px 0;}


/**** pagenation ****/
.p-pagination{position:relative;display:table;margin:30px auto}
.p-page_control{display:inline-block;margin:0 8px;vertical-align:top}
.p-page_control .prev-end{transform: translateX(-2px);}
.p-page_control .next-end{transform: translateX(2px);}
.p-page_control .next-end,.p-page_control .next,.p-page_control .prev-end,.p-page_control .prev{border:1px solid #c5c9d6;border-radius:4px;background-color: #fff;}
.p-page_control .next-end:hover,.p-page_control .next:hover,.p-page_control .prev-end:hover,.p-page_control .prev:hover{border:1px solid #363c5a;background-color:#fff;}
.p-page_control .next-end:before,.p-page_control .next:before,.p-page_control .prev-end:before,.p-page_control .prev:before{content:'';display:inline-block;width:15px;height:14px;margin-top:-2px;background-repeat:no-repeat;background-position:center center;vertical-align:middle;background-image:url('/jares/images/common/paging_sprite.png');}
.p-page_control .prev-one:before,.p-page_control .prev:before{background-position:left 33.33%;}
.p-page_control .prev-end:before{background-position:left top;}
.p-page_control .next-one:before,.p-page_control .next:before{background-position:left 66.66%;}
.p-page_control .next-end:before{background-position:left 100%;}
.p-page_control .prev-one:hover:before,.p-page_control .prev:hover:before{background-position:right 33.33%;}
.p-page_control .prev-end:hover:before{background-position:right top;}
.p-page_control .next-one:hover:before,.p-page_control .next:hover:before{background-position:right 66.66%;}
.p-page_control .next-end:hover:before{background-position:right 100%;}

.p-pagination{position:relative;display:table;margin:32px auto}
.p-pagination.left{margin-left:0;margin-right:auto}
.p-pagination.right{margin-left:auto;margin-right:0}
.p-page{display:table;margin:0;}

.p-page_link{display: inline-block;position:relative;width: 40px;height: 40px;margin-left: 0px;margin-right: 0px;text-align:center;font-size:.95em;color:#222;line-height:40px;letter-spacing:-2px;vertical-align:middle;background:#f4f5f9;border-radius: 5px;}

.p-page_link-group .p-page_link {width: 45px;height: 42px;margin-left: 3px;margin-right: 3px;line-height: 45px;}
.p-page_link.active{background:#f4f4f4;color:var(--main-color);font-weight:700;width:45px;height: 42px;vertical-align: top;}
.p-page_link:hover{color:#437dea;}
.p-page_link-group{display: inline-block;vertical-align: top;}
.p-page_control{display:inline-block;margin:0 3px;vertical-align:top}
.p-page_control svg{vertical-align:middle}
.p-page_control .prev-one{display:none;background:0 0}
.p-page_control .next-one{display:none;background:0 0}

.p-button.write{padding-right:30px;border:1px solid var(--main-color);border-radius:4px;background-color:#fff;font-weight:600;color:var(--main-color);}
.p-button.write:focus {outline:3px dotted #000}
.p-button.write span{display:none;width:5px;height:5px;border-radius:50%;background:#fff;vertical-align:middle;margin:-2px 5px 0 10px}
.p-button.write svg{margin:1px 0 0 10px}
.p-button.write{/* min-width: 100px; *//* padding: 11px 0px !important; *//* font-size: 14px; */}
.p-button:focus{outline:0;border-color:#888;box-shadow:0 0 6px rgba(0,0,0,.2)}
.bbs_list .btn {float: right;padding-top: 0;}

.p-wrap.bbs.bbs_list:after {content: '';display: block;clear: both;}



/**** Top doday ****/
.dateArea {padding: 2em 0;position: relative;display: block;margin: 0 auto;width: 380px;}
.dateArea h1{font-family: 'Gwangyang';text-align: center;}
.dateArea h1 span {display: block;}
.dateArea span.today_date {color: #3e59c9;font-weight: 500;}
.dateArea span.current_month {font-size: 2.4em;font-weight: 700;line-height: 1.2;}

.dateArea .btn-area a {border:1px solid #ddd;border-radius:100px;display:inline-block;width:40px;height:40px;margin-right:5px;transition:all .2s;font-size: 0;position: absolute;top: 65px;}
.dateArea .btn-area a.pre_month {left: 0;}
.dateArea .btn-area a.next_month {right: 0;}
.dateArea .btn-area a.pre_month:before {content:'';position:absolute;left:15px;top: 14px;border: 2px solid #000;border-left:0;border-bottom:0;width:10px;height:10px;transform: rotate(-135deg);}
.dateArea .btn-area a.next_month:before {content:'';position:absolute;left: 11px;top: 14px;border: 2px solid #000;border-left:0;border-bottom:0;width:10px;height:10px;transform: rotate(44deg);}
.dateArea .btn-area a:hover{border-color:#363c5a; background-color:#fff; box-shadow:0 0 10px rgba(17,29,104,0.15);transition:all .5s;}


/**** cal_articel_list ****/

ul.cal_articel_list>li {border: 1px solid #ddd;border-radius: 1.5em;width: calc((100% - 25px) / 2);display: inline-block;margin-left: 1.2%;margin-bottom: 1.2%;min-height:121px;}
ul.cal_articel_list>li:nth-child(2n+1){margin-left:0;}
ul.cal_articel_list>li>a {display: block;padding: 20px;}
ul.cal_articel_list span.category {display: block;border-radius: 50%;background: #eee;color:#fff;font-size: 1.5em;width: 80px;height: 80px;line-height: 80px;text-align: center;margin: 0 30px 0 0;float: left;}
span.category.kind01, span.category.C01 {background:#1f57be !important;}
span.category.kind02, span.category.C02 {background:#df5c20 !important;}
span.category.kind03, span.category.C03 {background:#e92a42 !important;}
span.category.kind04, span.category.C04 {background:#59a043 !important;}

ul.cal_articel_list .r_content {display: block;padding-left: 112px;}
ul.cal_articel_list .r_content span.cal_tit {display: block;font-size: 1.22em;font-weight: 500;padding: 0 0 8px 0;}
ul.cal_articel_list .r_content ul.element>li {display: inline-block;padding-left: 19px;margin: 2px 0;color: #666;}
ul.cal_articel_list .r_content ul.element {display: block;width: 100%;}


.row.p-search .count {font-size: 1.2em;margin-bottom: 15px;}
.row.p-search .count span.current_month {padding-right: 30px;position: relative;}
.row.p-search .count span.current_month:after{position: absolute;content: '';display: block;width: 1px;height: 15px;background: #c0c0c0;right: 10px;top: calc(44% - 6px);}
.row.p-search .count em.em_count {color: var(--main-color);padding: 0 5px;}

ul.cal_articel_list .r_content ul.element>li.period {background: url('/tour/images/common/ico_cal2.png') no-repeat 0;min-width: 200px;}
ul.cal_articel_list .r_content ul.element>li.time {background: url('/tour/images/common/ico_time2.png') no-repeat 0;}
ul.cal_articel_list .r_content ul.element>li.place {background: url('/tour/images/common/ico_pin2.png') no-repeat 0;min-width: 200px;}
ul.cal_articel_list .r_content ul.element>li.price {background: url('/tour/images/common/ico_price.png') no-repeat 0;}
.p-wrap.bbs.bbs__view form img {width: auto;}



.p-table{position:relative;width:100%;border-collapse:separate;margin:5px 0 15px 0}
.p-table thead tr:first-child th{border-top:1px solid #7a7d96;}
.p-table caption+tbody tr:first-child td,.p-table caption+tbody tr:first-child th,.p-table colgroup+tbody tr:first-child td,.p-table colgroup+tbody tr:first-child th{border-top:1px solid #7a7d96}
.p-table td,.p-table th{border-bottom:1px solid #e5e7ee}
.p-table tbody tr:last-child th,
.p-table tbody tr:last-child td{border-bottom:1px solid #c5c9d6}
.p-table th{position:relative;padding:15px 11px;border-bottom: 1px solid #dadce2;background:#fff;color:#363c5a;text-align:center;font-weight:400;vertical-align:middle;word-break:keep-all;background: #fbfbfb;}
.p-table--th-left th{position:static;text-align:left;padding-left:20px;padding-right:20px}
.p-table thead th:before{content:'';display:block;position:absolute;left:0;top:0;bottom:0;margin-top:auto;margin-bottom:auto;width:1px;height:14px;background-color:#c5c9d6;}
.p-table .table.type2 th:before{display:none;}
.p-table caption+tbody th,.p-table colgroup+tbody th{background:#fff}
.p-table td{padding:15px 11px;box-sizing:border-box;font-size:16px;font-weight:300;vertical-align:middle;text-align:left;}
td.text_left {text-align: left;}
.p-table thead tr:first-child th:first-child:before {display: none;}
.p-table td a img{margin-left:5px;}
.p-table td.p-subject a:hover{text-decoration:underline;}
.p-table td.p-subject .p-icon{margin-top:-2px;}
.p-table td.p-subject .p-icon__secret{margin-top:5px;}
.p-table td.p-table_content{padding-top:24px;padding-bottom:24px;word-break:break-all;font-size:16px;line-height:24px;color:#636363;}
.p-table td.p-table_content textarea{height:400px; overflow-y:auto; resize:none;}
.p-table td.p-table_content textarea[disabled="disabled"]{background-color:#fff;}
.p-table td.p-table_content a{color:#4440d7; text-decoration:underline;}
.p-table td .btn.small{padding:0 10px;font-size:15px;}
.p-table--th-left .table.type2 th{text-align:center;}
.p-table--th-left table th{position:relative;}
.p-table--th-left .table th:before{display:none;}
.p-table .list_tit {text-align: left;}
.p-icon_new{background-image:url('/kor/images/common/new.png');width:37px;height:20px;margin:2px 0 0 4px !important;vertical-align:top;background-repeat:no-repeat;color: transparent;}

.p-table .bbs_tit {font-size: 1.4rem;line-height: 1.4;margin: 4% 0 1.2%;padding-left: 26px;letter-spacing: -0.05em;font-weight: 600;}
.p-table .view_content {min-height: 300px !important;padding: 50px 10px;text-align: left;}

table.p-table.block.view_detail td{text-align:left;}

.ui-datepicker {background:#fff;width:254px;border:1px solid #ddd;box-sizing:border-box;border-radius:5px}
.ui-datepicker .ui-datepicker-header {position:relative;margin-top:10px;}
.ui-datepicker .ui-datepicker-header a {position:absolute;font-size:0;width:5px;height:5px;display:block;border-style:solid;border-color:#aaa;border-width:0 0 1px 1px;padding:1px;top:calc(50% - 2.5px);transition:all .25s ease-out;}
.ui-datepicker .ui-datepicker-header a:hover {border-color:#222;}
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev {transform:rotate(45deg);left:10px;}
.ui-datepicker .ui-datepicker-header .ui-datepicker-next {transform: rotate(-135deg);right:10px;}
.ui-datepicker .ui-datepicker-title {text-align:center;}
.ui-datepicker .ui-datepicker-title select {display: inline-block;width:35% !important;line-height:30px;height: 30px;min-width:unset;}
.ui-datepicker .ui-datepicker-title .ui-datepicker-month {margin-left:2%}
.ui-datepicker .ui-datepicker-calendar {width:90%;text-align:center;margin:10px auto 20px;}
.ui-datepicker-trigger {height:40px;margin-left:10px;}


span.point1 {color: red;display: inline;}
col.W15 {min-width: 120px;}

span.form_file span.txt {display: inline-block;}


@media (max-width: 1200px) {
    ul.cal_articel_list .r_content ul.element>li {width: 100%;}
}


@media (max-width: 740px) {
    ul.cal_articel_list>li{width:100%;margin-left:0;}
    span.page_count {display: block;}

    .p-page_link-group a.p-page_link,
    .p-page_link.active,
    a.p-page_link.next-end,
    a.p-page_link.prev-end {display: none;}
    a.p-page_link.prev,  a.p-page_link.next{display: inline-block;width: auto;min-width: 100%;background: #fafafa;float: left;}
    .p-pagination{display:block;text-align:center;margin: 20px 0 15px;}
    .p-page_control{min-width: 48%;margin: 0;}
    .bbs_list .btn{float:none;padding: 0;margin: 20px 0 0 0;}
	.btn.mobile .p-button {width: 98% !important;display: block;margin: 0 auto;}
	.btn.mobile {margin-top: 0 !important;}
	td.period input {width: 80%;display: inline-block;}
}

@media (max-width: 640px) {
	table.p-table.block {border-bottom: 1px solid #ddd;padding: 0 0 30px 0;margin-bottom: 30px;}
	table.p-table.block th,table.p-table.block td {display: block;border-top: 0;border-bottom: 0;padding: 14px 10px 0;font-size: 15px;text-align: left;}
	table.p-table.block caption+tbody tr:first-child td, .p-table caption+tbody tr:first-child th, .p-table colgroup+tbody tr:first-child td{
	border-top: 0;}
	table.p-table.block td.contents {border-bottom: 1px;}
	table.p-table.block span.txt {display: block;padding: 2px;}
	table.p-table.block tbody tr:last-child th, .p-table tbody tr:last-child td {border-bottom: 0;}
	.p-wrap.bbs.bbs_view table.p-table.block{border-collapse: collapse;}
	.p-wrap.bbs.bbs_view table.p-table.block th.bbs_tit{text-align:center;background: #f6f6f6;}
	.p-wrap.bbs.bbs_view table.p-table.block th, .p-wrap.bbs.bbs_view table.p-table.block td{margin:0;background: none;padding: 2%;display: table-cell;/* white-space: nowrap; */padding-right: 10px;border-bottom: 1px solid #e7e7e7;}
	.form_file span.txt{display: block;padding: 2px;}
	.p-button.write{padding: 10px 0 !important;width: 75px !important;min-width: auto;font-size: 14px;}
    .p-table caption+tbody tr:first-child td, .p-table caption+tbody tr:first-child th, .p-table colgroup+tbody tr:first-child td, .p-table colgroup+tbody tr:first-child th{text-align: left;}
	table.p-table.block td input{margin: 2px 0;}
	.btnArea .p-button.write{padding: 10px 0px !important;}
	table.p-table.block.view_detail th, table.p-table.block.view_detail td{display:table-cell;padding: 10px;}
	table.p-table.block.view_detail th{text-align:center;}
	table.p-table.block.view_detail thead th{font-size:1.2em}
	table.p-table.block.view_detail td.view_content{padding: 30px 10px;}
	form select, select#select, input.form_textbox, p.search_btn{width: 100%;min-width: inherit;padding-left: 10px; display: block; margin: 5px 0; padding-right: 0 !important; box-sizing: border-box; margin-left: 0 !important;}
	ul.cal_articel_list>li{margin:10px 0;}
	.W90{width: auto !important;}
	.W85{width:auto !important}





}

/* 게시판 수정하기 */
#questPW {border:1px solid #d4d7d9;box-sizing:border-box;background:#f8fafb;border-radius:30px;padding:75px 60px;width:660px;margin:0 auto;text-align:center;}
#questPW .title {font-size:34px;font-weight:bold;color: #222;letter-spacing: -1px;word-break:keep-all;}
#questPW .title .xi-lock {width:66px;height:66px;background:url(/ease_src/img/bbs_icon_important.png) 50% no-repeat;margin: 0 auto 30px;}
#questPW .desc {color:#666;font-size:22px;line-height: 1.5;letter-spacing: -1px;word-break:keep-all;}
#questPW .form {margin-top:30px;}
#questPW .form label {display:none;}
#questPW .form input {width: calc(100% - 14px);height: 66px;}
#questPW .board_btns {margin-top:10px;}
#questPW .board_btns:after {display:block;content:'';clear:both;}
#questPW .board_btns > button {background:#333;color:#fff;font-family:'Pretendard';font-size:20px;float:left;width:calc((100% - 20px) / 2);line-height: 68px;border-radius: 8px;padding:0;}
#questPW .board_btns > button:hover {background:var(--main-color);}
#questPW .board_btns > .btn.type1 {margin-right:20px;}

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

    #questPW {padding:50px;width:500px;}
    #questPW .title {font-size:24px;}
    #questPW .desc {font-size:18px;}
    #questPW .form input {height:46px;}
    #questPW .board_btns > button {line-height:48px;}

}

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

    #questPW {padding:30px 20px;width:350px;margin-bottom:30px;}
    #questPW .title {font-size:20px;}
    #questPW .title .xi-lock {margin-bottom:10px;width:50px;height:50px;background-size:50px;}
    #questPW .desc {font-size:16px;}
    #questPW .form {margin-top:20px;}
    #questPW .form input {height:36px;}
    #questPW .board_btns > button {line-height:38px;width:calc((100% - 10px) / 2);font-size: 16px;}
    #questPW .board_btns > .btn.type1 {margin-right:10px;}

}

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

    #questPW {width:100%;}
    #questPW .title {font-size:20px;}
    #questPW .title .xi-lock {margin-bottom:10px;width:50px;height:50px;background-size:50px;}
    #questPW .desc {font-size:16px;}
    #questPW .form {margin-top:20px;}
    #questPW .form input {height:46px;}
    #questPW .board_btns > button {line-height:48px;width:calc((100% - 10px) / 2);}
    #questPW .board_btns > .btn.type1 {margin-right:10px;}

}


/* =====================================================================
   썸네일형 행사목록 (calendar_gallery 전용 : ul.cal_articel_list.type_thumb)
   ===================================================================== */
ul.cal_articel_list.type_thumb {display:flex;flex-wrap:wrap;gap:40px 24px;}
ul.cal_articel_list.type_thumb:after {display:none;}
ul.cal_articel_list.type_thumb>li {width:calc((100% - 72px) / 4);margin:0;border:0;border-radius:0;min-height:0;display:block;}
ul.cal_articel_list.type_thumb>li:nth-child(2n+1) {margin-left:0;}
ul.cal_articel_list.type_thumb>li>a {display:block;padding:0;}

/* 썸네일 : 세로형 비율 고정, 넘치면 아래쪽부터 잘림(포스터 상단 제목 보존) */
ul.cal_articel_list.type_thumb .thumb {display:block;position:relative;width:100%;padding-top:125%;border-radius:16px;overflow:hidden;background:#f1f2f5;}
ul.cal_articel_list.type_thumb .thumb img {position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;object-position:center top;transition:transform .3s;}
ul.cal_articel_list.type_thumb>li>a:hover .thumb img,
ul.cal_articel_list.type_thumb>li>a:focus .thumb img {transform:scale(1.04);}
ul.cal_articel_list.type_thumb .thumb.no_img:after {content:'';position:absolute;left:50%;top:50%;width:60px;height:60px;margin:-30px 0 0 -30px;background:url('/tour/images/common/ico_cal2.png') no-repeat center / 40px auto;opacity:.25;}

/* 분류 동그라미, 요금 숨김 */
ul.cal_articel_list.type_thumb span.category,
ul.cal_articel_list.type_thumb .r_content ul.element>li.price {display:none;}

/* 제목 + 밑줄 */
ul.cal_articel_list.type_thumb .r_content {padding:0;}
ul.cal_articel_list.type_thumb .r_content span.cal_tit {font-size:1.2em;font-weight:600;color:#111;line-height:1.4;padding:16px 0 10px;margin-bottom:10px;border-bottom:1px solid #c5c5c5;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
ul.cal_articel_list.type_thumb>li>a:hover span.cal_tit {color:var(--main-color);}

/* 기간 / 시간 / 장소 */
ul.cal_articel_list.type_thumb .r_content ul.element>li {display:block;width:100%;min-width:0;margin:0 0 5px;padding-left:24px;font-size:0.95em;color:#333;line-height:1.5;background-position:0 50%;background-size:15px auto;word-break:keep-all;}

@media (max-width: 1200px) {
	ul.cal_articel_list.type_thumb>li {width:calc((100% - 48px) / 3);}
}
@media (max-width: 900px) {
	ul.cal_articel_list.type_thumb {gap:30px 16px;}
	ul.cal_articel_list.type_thumb>li {width:calc((100% - 16px) / 2);}
}
@media (max-width: 480px) {
	ul.cal_articel_list.type_thumb>li {width:100%;max-width:340px;margin:0 auto;}
}