/* 콘테이너 */
.container {width: 100%; max-width: 1200px; min-height: 800px; padding: 140px 15px 100px; margin: 0 auto;}

/* 섹션 스타일 */
.section_type_01 {width: 100%; margin-bottom: 70px;}

/*-----------------------------------------------------------*/

/* 리스트 스타일 */
.list_tit {margin-bottom: 15px; display: flex; align-items: end;}
.list_tit .list_tit_more {margin-left: auto;}
.list_con {width: 100%; position: relative; display: grid; gap: 10px;}
.list_con input[type="checkbox"] {position: absolute; z-index: 1; top: 15px; left: 15px;}
.list_con .list_thum {width: 100%; border-radius: 15px; overflow: hidden; box-shadow: 0px 0px 20px rgba(0,0,0,.05);}
.list_con .list_thum img {width: 100%;}
.list_con .list_con_tit {}
.list_con .list_info {display: flex; gap: 15px; align-items: center;}
.list_con .list_info .list_cate {}
.list_con .list_info .list_open_date {display: block; margin-left: auto;}
.list_cate {background: var(--g300); color: var(--g700); padding: 5px 10px; border-radius: 10px; font-weight: 700;}
.list_cate.state_readyticket {color: var(--p_readyticket); background: var(--bg_readyticket);}
.list_cate.state_openticket {color: var(--p_openticket); background: var(--bg_openticket);}
.list_cate.state_open {color: var(--p_openready); background: var(--bg_openready);}
.list_cate.state_active {color: var(--p_active); background: var(--bg_active);}
.list_cate.state_end {color: var(--g700); background: var(--g300);}

.list_cate.on {color: var(--g100); background: var(--dp01);}
.list_cate.on span {color: var(--g100);}

/* 리스트타입 01 */
.list_type_01 {display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap: 20px;}
.list_type_01 .list_con {display: grid; gap: 10px;}
.list_type_01 .list_con .list_con_tit {}

.empty_list {font-size: 16px; text-align: center; grid-column: span 4 / 5;}

/* 리스트타입 02 */
.list_type_02 {display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; gap: 20px;}
.list_type_02 .list_con {display: grid; gap: 10px;}
.list_type_02 .list_con_tit {}

/* 리스트타입 03 */
.list_type_03 {display: grid; grid-template-columns: 1fr;}
.list_type_03 .list_con {display: grid; grid-template-columns: 50px auto 100px 100px 100px; text-align: center; border-bottom: 1px solid var(--g300); padding: 10px 0; align-items: center;}
.list_type_03 .list_con_tit h5 {text-align: left;}
.list_type_03 .list_thead {background: var(--g200); border-radius: 10px; border-bottom: 0;}
.list_no {display: flex;}

/* 리스트 슬라이드 기본옵션 */
.list_slide_option {display: block; position: relative; border-radius: 15px; overflow: hidden;}
.list_slide_option .slick-list .slick-track>li {width: 300px; padding-right: 20px;}
.list_slide_option .slide_arrow {position: absolute; top: 0; width: 60px; height: 100%; padding: 15px; display: flex; align-items: center; cursor: pointer; justify-content: center; z-index: 1;}
.list_slide_option .slide_arrow.prev_arrow {left: 0;}
.list_slide_option .slide_arrow.prev_arrow:hover {background: linear-gradient(to right, rgba(0,0,0,.2), rgba(0,0,0,0));}
.list_slide_option .slide_arrow.next_arrow {right: 0;}
.list_slide_option .slide_arrow.next_arrow:hover {background: linear-gradient(to left, rgba(0,0,0,.2), rgba(0,0,0,0));}
.list_slide_option .slick-dots {display: flex; gap: 15px; justify-content: center; margin-top: 30px; font-size: 0;}
.list_slide_option .slick-dots li button {background: var(--g400); font-size: 0; width: 10px; height: 10px; border-radius: 5px;}
.list_slide_option .slick-dots li button:hover {background: var(--g600);}
.list_slide_option .slick-dots li.slick-active button {background: var(--dp01);}

/* 리스트 타입별 슬라이드옵션 */
.list_type_01.list_slide_option .slick-list .slick-track>li {width: 240px; padding-right: 20px;}
.list_type_02.list_slide_option .slick-list .slick-track>li {width: 240px; padding-right: 20px;}

/* 페이지 타이틀 */
.page_tit {display: flex; margin: 30px 0; gap: 15px;}
.page_tit .back_btn img {width: 20px;}
/* 페이지 필터 */
.page_filter {background: var(--g100); display: grid; gap: 15px; padding: 15px; border: 1px solid var(--g300); margin-bottom: 30px; overflow: auto; border-radius: 15px;}
.page_filter.toggle {height: 70px; overflow: hidden;}
.page_filter.toggle .page_search .page_search_toggle img {transform: rotate(180deg);}

.page_search {display: grid; grid-template-columns: 100px auto 100px; gap: 15px; align-items: center; position: sticky;}
.page_search h5 {width: 120px;}
.page_search .page_search_box {display: flex;}
.page_search .page_search_input {width: 100%; max-width: 300px; height: 40px; background: var(--g300); border-radius: 0; padding: 10px; color: var(--g700); border: 0; font-size: 16px;}
.page_search .page_search_select {width: auto; max-width: 120px; height: 40px; background: var(--g300); border-radius: 20px 0 0 20px; padding: 8px 10px; color: var(--g700); border: 0; font-size: 16px;}
.page_search .page_search_submit {width: 60px; height: 40px; background: var(--g300);  border-radius: 0 20px 20px 0; padding: 5px; color: var(--g700); border: 0; display: flex; align-items: center; justify-content: center;}
.page_search .page_search_submit img {width: 20px;}
.page_search .page_search_toggle {display: flex; margin-left: auto; align-items: center; gap: 5px;}
.page_search .page_search_toggle h6 {color: var(--g600);}
.page_search .page_search_toggle img {width: 15px; transform: rotate(0) ;}


.page_search.page_search_all {grid-template-columns: 1fr;}
.page_search.page_search_all .page_search_input {max-width: 600px; border-radius: 20px 0 0 20px; padding: 20px;}

.page_search .page_search_radio {display: flex; justify-content: center; align-items: center; padding-left: 15px;}
.page_search .page_search_radio input[type="radio"] {width: 0; height: 0;}
.page_search .page_search_radio input[type="radio"]+label {min-width: 50px; border: 1px solid var(--g300); padding: 5px; height: 100%; align-items: center; display: flex; justify-content: center; cursor: pointer; width: 50%;}
.page_search .page_search_radio input[type="radio"]+label:first-of-type {border-radius: 20px 0 0 20px;}
.page_search .page_search_radio input[type="radio"]+label:last-of-type {border-radius: 0 20px 20px 0;}
.page_search .page_search_radio input[type="radio"]:checked+label {background: var(--g600); color: var(--g100);}

/* 페이지 태그 */
.page_tag {display: grid; gap: 5px;}
.page_tag_section {margin-bottom: 30px;}
.page_tag_box {display: grid; grid-template-columns: 100px auto; align-items: center; gap: 15px;}
.page_tag_list {padding: 15px; display: flex; flex-wrap: wrap; background: var(--g200); border-radius: 15px; gap: 5px;}

/* 리스트 툴 */
.list_tool {display: flex; justify-content: end; gap: 15px; padding: 15px 0;}
.list_tool button {font-size: 16px;}
.list_tool button:hover {color: vaR(--g900); font-weight: 700;}

/* 페이지네이션 */
.list_pagenation {display: flex; margin: 60px auto; gap: 5px; align-items: center; justify-content: center;}
.list_pagenation_num {display: flex; margin: 0 auto; gap: 5px; margin: 0 10px; align-items: center;}
.list_pagenation a {width: 30px; height: 30px; border-radius: 10px; border: 1px solid var(--g400); color: var(--g600); display: flex; align-items: center; justify-content: center;}
.list_pagenation a.on {border: 1px solid var(--dp01); color: var(--dp01);}
.list_pagenation a img {width: 20px; margin: 0 auto;}
.list_pagenation button {width: 30px; height: 30px; border-radius: 10px; border: 1px solid var(--g400); color: var(--g600);}
.list_pagenation button.on {border: 1px solid var(--dp01); color: var(--dp01);}
.list_pagenation button img {width: 20px; margin: 0 auto;}


/*-----------------------------------------------------------*/


/* 상세 콘텐츠 */
.view_box {max-width: 1200px; position: relative; display: grid; grid-template-columns: calc(100% - 430px) 400px; gap: 15px 30px; align-content: baseline;}
/* 상세 타이틀 */
.view_tit {width: 100%; display: grid; gap: 5px; margin-bottom: 15px; grid-column: 1 / 3;}
.view_tit h1 {padding-right: 430px;}
.view_tit .list_cate {margin-right: auto;}

/* 썸네일 */
.view_thum_slide {width: 100%; height: auto; position: relative; border-radius: 30px;}
.view_thum_slide .slick-list {border-radius: 15px; height: 100%;}
.view_thum_slide .slick-list .slick-track {height: 100%;}
.view_thum_slide .slick-list .slick-track a {height: 100%;}
.view_thum_slide .slick-list .slick-track a img {width: 600px;}
.view_thum_slide .slide_arrow {position: absolute; top: 0; width: 60px; height: calc(100% - 20px); padding: 15px; display: flex; align-items: center; cursor: pointer; justify-content: center; z-index: 1;}
.view_thum_slide .slide_arrow.prev_arrow {left: 0; border-radius: 15px 0 0 15px;}
.view_thum_slide .slide_arrow.prev_arrow:hover {background: linear-gradient(to right, rgba(0,0,0,.2), rgba(0,0,0,0));}
.view_thum_slide .slide_arrow.next_arrow {right: 0; border-radius: 0 15px 15px 0;}
.view_thum_slide .slide_arrow.next_arrow:hover {background: linear-gradient(to left, rgba(0,0,0,.2), rgba(0,0,0,0));}
.view_thum_slide .slick-dots {display: flex; gap: 15px; justify-content: center; margin-top: 5px; font-size: 0;}
.view_thum_slide .slick-dots li button {background: var(--g400); font-size: 0; width: 30px; height: 5px; border-radius: 5px;}
.view_thum_slide .slick-dots li button:hover {background: var(--g600);}
.view_thum_slide .slick-dots li.slick-active button {background: var(--dp01);}

/* 사이드 정보 */
.view_side {width: 100%; position: sticky; top: 140px; left: 50%; margin-top: -55px; max-height: 500px;}
.view_side_btn {display: flex; justify-content: end; gap: 15px; margin-bottom: 15px;}
.view_side_btn button {width: 40px; height: 40px; background: var(--g300); border-radius: 15px; justify-content: center; display: flex; align-items: center;}
.view_side_btn button img {width: 20px;}
.view_side_box {width: 100%; background: var(--g100); border: 1px solid var(--g300); border-radius: 15px; padding: 20px; margin-left: auto; height: calc(100vh - 300px); overflow: auto; display: grid; gap: 20px; align-content: start;}
.view_side_con {display: grid; gap: 10px;}
.view_side_con p {font-size: 14px; color: var(--g700);}
.view_side_con .view_side_map {padding: 10px 15px; background: var(--g300); border-radius: 15px;}
.view_side_con .view_side_reservation {display: flex; flex-wrap: wrap; gap: 5px;}
.view_side_con .view_side_reservation li {border-radius: 10px; padding: 8px 10px; border: 1px solid var(--g400);}
.view_side_con .view_side_link {display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 5px;}
.view_side_con .view_side_link li a {padding: 10px 15px; border-radius: 10px; font-weight: 700; text-align: center; border: 1px solid var(--g500);}
.view_side_con .view_side_link li a.op_l {color: var(--g800); background: var(--g400); border: 0;}
.view_side_con .view_side_link li a.na_l {color: var(--g100); background: var(--bc_naver); border: 0;}
.view_side_con .view_side_link li a.ka_l {color: var(--g700); background: var(--bc_kakao); border: 0;}
.view_side_con .view_side_link li a.in_l {color: var(--g100); background: var(--bc_interparkticket); border: 0;}
.view_side_con .view_side_link li a.ti_l {color: var(--g100); background: var(--bc_ticketlink); border: 0;}

/* 본문 배치 */
.view_box .list_tool, .view_contents, .view_link, .view_map  {grid-column: 2 / 1;}
/* 본문 */
.view_contents {border-top: 1px solid var(--g300); padding: 15px 0;}
.view_contents img {max-width: 100%; border-radius: 15px;}
/* 링크 */
.view_link {width: 100%; padding: 15px 0; display: grid; gap: 10px;}
.view_link a {padding: 15px; border-radius: 15px; background: var(--g300); text-align: center;}
.view_link a h5 {color: var(--g700);}
/* 지도 */
.view_map {padding: 15px 0; border-top: 1px solid var(--g300);}
.view_map_link {width: 100%; display: flex; justify-content: center; gap: 15px;}
.view_map_link a {width: 150px; padding: 15px; border-radius: 30px; display: block; text-align: center; font-size: 14px; font-weight: 700;}
.view_map_link a.n_m {color: var(--g100); background: var(--bc_naver);}
.view_map_link a.k_m {color: var(--g700); background: var(--bc_kakao);}
.view_map_link a.g_m {color: var(--g100); background: var(--bc_google);}
.view_map_view {padding: 15px 0;}
.view_map_view iframe {width: 100%; height: 400px; border-radius: 15px; border: 0;}

/* 태그목록 */
.comp_tags a {width: auto; display: block; padding: 5px 10px; border-radius: 10px; border: 1px solid var(--g400); background: var(--g200);}
.view_box .comp_tags {width: 100%; display: flex; flex-wrap: nowrap; gap: 5px; padding: 15px 0; border-top: 1px solid var(--g300); border-bottom: 1px solid var(--g300); flex-wrap: wrap;}

/* 뷰 타입 */
.view_box_type_02 {display: block;}
.view_box_type_02 .view_info {display: flex; padding: 15px 0; border-top: 1px solid var(--g300); border-bottom: 1px solid var(--g300); align-items: center; gap: 15px;}
.view_box_type_02 .view_info .view_write_date {font-size: 16px; font-weight: 700;}
.view_box_type_02 .view_info .view_write_user {font-size: 16px; font-weight: 700;}
.view_box_type_02 .view_side_btn {margin-left: auto; margin-bottom: 0;}


/*-----------------------------------------------------------*/
/* 글 작성 */

.write_box {width: 100%;}
.write_list {display: grid; gap: 15px;}
.write_list li {width: 100%; display: grid; gap: 5px;}
.write_list li p {padding: 15px; background: var(--g200); border-radius: 10px;}
.write_list li input {height: 40px; border: 1px solid var(--g400); border-radius: 10px; padding: 5px; font-size: 16px;}
.write_list li textarea {height: 120px; border: 1px solid var(--g400); border-radius: 10px; padding: 5px; font-size: 16px;}
.write_btn_box {display: flex; justify-content: end; gap: 15px; padding: 15px 0;}
.write_btn_box button {padding: 15px; background: var(--g400); width: 150px; border-radius: 15px; font-size: 14px;}
.write_btn_box button.write_write_btn {background: var(--dp01); color: var(--g100);}

/* 검색결과 */
.page_search_info {display: flex; margin-bottom: 15px;}
.page_search_info h3 strong {color: var(--dp01);}
.page_search_info ul {margin-left: auto; display: flex; align-items: center;}
.page_search_info ul li {font-size: 14px; border-right: 1px solid var(--g600); padding: 0 5px;}
.page_search_info ul li:last-child {border: 0;}

.page_search_board {display: flex; margin: 15px 0; align-items: end; justify-content: space-between;}
.page_search_board .board_more {font-size: 16px; padding-left: 5px; font-weight: 700;} 
.page_search_board+ul {margin-bottom: 30px;}

.search_word {background: var(--bg_active); color: var(--dp01);}

@media(max-width: 1200px) {
    .container {padding: 75px 15px 50px;}

    /*-----------------------------------------------------------*/

    /* 리스트 스타일 */
    .list_con .list_info {flex-wrap: wrap; gap: 5px; justify-content: end;}
    /* 리스트타입 01 */
    .list_type_01 {display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 20px;}
    /* 리스트 슬라이드 기본옵션 */
    .list_slide_option {display: block;}
    .list_slide_option .slick-list .slick-track>li {width: 200px; padding-right: 20px;}
    /* 리스트 타입별 슬라이드옵션 */
    .list_type_01.list_slide_option .slick-list .slick-track>li {width: 200px;}
    .list_type_02.list_slide_option .slick-list .slick-track>li {width: 160px;}

    /*-----------------------------------------------------------*/
    
    /* 상세 콘텐츠 */
    .view_box {grid-template-columns: calc(100% - 330px) 300px;}
    .view_tit h1 {padding-right: 330px;}
    /* 썸네일 */
    .view_thum_slide .slick-list {}
    .view_thum_slide .slick-list .slick-track a img {width: 100%;}
    /* 사이드 정보 */
    .view_side {top: 75px;}
    .view_side_con .view_side_link {display: grid; grid-template-columns: 1fr 1fr; gap: 5px;}

}

@media(max-width: 760px) {
    /* 리스트타입 01 */
    .list_type_01 {display: grid; grid-template-columns: 1fr 1fr; gap: 20px;}
    /* 리스트 슬라이드 기본옵션 */
    .list_slide_option {display: block;}
    .list_slide_option .slick-list .slick-track>li {width: 200px; padding-right: 20px;}
    .list_slide_option .slide_arrow {width: 30px; padding: 10px;}
    .list_slide_option .slide_arrow.prev_arrow {border-radius: 15px 0 0 15px;}
    .list_slide_option .slide_arrow.prev_arrow img {width: 20px;}
    .list_slide_option .slide_arrow.next_arrow {border-radius: 0 15px 15px 0;}
    .list_slide_option .slide_arrow.next_arrow img {width: 20px;}

    /* 리스트 타입별 슬라이드옵션 */
    .list_type_01.list_slide_option .slick-list .slick-track>li {width: 200px; padding-right: 15px;}
    .list_type_02.list_slide_option .slick-list .slick-track>li {width: 160px;}

    /* 페이지 필터 */
    .page_filter {max-height: calc(100vh - 60px); margin-bottom: 10px; position: sticky; top: 60px; padding: 0 15px 30px 15px; z-index: 100; border: 0; border-radius: 0; width: calc(100% + 30px); margin-left: -15px;}
    .page_filter.toggle {height: 50px; overflow: hidden;}
    .page_search {grid-template-columns: 1fr 40px; gap: 5px 10px;}
    .page_search h5 {width: 100%;}
    .page_search h5:first-child {display: none;}   
    .page_search h6 {display: none;}
    .page_search .page_search_select {max-width: 120px;}
    .page_search .page_search_toggle {margin-left: auto; margin: 0; background: var(--g300); padding: 0 12px; border-radius: 15px; height: 40px;}
    .page_filter.toggle .page_search .page_search_toggle img {transform: rotate(180deg);}
    /* 페이지 태그 */
    .page_tag_box {grid-template-columns: 1fr; gap: 5px;}



    /*-----------------------------------------------------------*/

    /* 상세 콘텐츠 */
    .view_box {display: block;}
    /* 상세 타이틀 */
    .view_tit h1 {padding-right: 0;}
    /* 썸네일 */
    .view_thum_slide .slide_arrow {width: 30px; padding: 10px;}
    .view_thum_slide .slide_arrow.prev_arrow {border-radius: 15px 0 0 15px;}
    .view_thum_slide .slide_arrow.prev_arrow img {width: 20px;}
    .view_thum_slide .slide_arrow.next_arrow {border-radius: 0 15px 15px 0;}
    .view_thum_slide .slide_arrow.next_arrow img {width: 20px;}
    /* 사이드 정보 */
    .view_side {max-height: none; position: static; margin-top: 15px;}
    .view_side_box {overflow: unset; height: auto;}
}

@media(max-width: 400px) {
    /* 리스트타입 01 */
    .list_type_01 {display: grid; grid-template-columns: 1fr; gap: 20px;}
    /* 페이지 필터 */
    .page_search.page_search_all .page_search_box {flex-wrap: wrap;}
    .page_search.page_search_all .page_search_radio {order: 1; width: 100%; margin-top: 5px; padding-left: 0;}
    .page_search.page_search_all input {flex: 1}
    .page_search.page_search_all select {flex: 1}
    
}