@charset "utf-8";


/*************************** ���� start ************************************/
h3 {margin:5rem auto 3rem; font-weight:800;}
strong {font-weight:900;}
.sub_body {width:100%;padding-top:3rem; background:#fff}
.sub_body .container {width:95%;max-width:1500px;margin:0 auto;padding:80px 0 125px 0;}
.only_pc {display:block;}
.only_mobile {display:none;}

/* table */
table {width:100%; margin-top:2rem; font-weight:600;border-top:2px solid #333;}
table tr {}
table th,
table td {border-bottom:1px solid #ddd; padding:15px; box-sizing:border-box;}
table th {width:20%; text-align:center; font-weight:800;}
table td {width:80%}




/* tab */
.depth2_tap {width:100%;text-align:center;}
.depth2_tap.schedule-tap {padding-top:80px;}
.depth2_tap ul {display:inline-block;padding:10px;border-radius:50em;background:#fff;box-shadow: 10px 17px 40px 0px rgba(0, 0, 0, 0.1);}
.depth2_tap li {float:left;}
.depth2_tap li a {font-size:20px;font-weight:500;display:inline-block;padding:10px 50px;border-radius:50em;}
.depth2_tap li.on a {font-size:20px;font-weight:500;background:#282c2f;color:#fff;}

/******* ��������ǥ �� start *******/
/* �� ��ü ��Ÿ�� */
.tabs {width: 100%; margin: 0 auto;}
/* �� ��Ÿ�� */
.tab_item {display: none !important; margin:0 3px; height: 50px; border-bottom: 3px solid #f0f0f0; line-height: 50px; font-size: 16px; text-align: center; color: #b8b8b8; display: block; float: left; text-align: center; font-weight: bold; transition: all 0.2s ease; cursor:pointer}
.tab_item.tab_date {width:calc(26.6666% - 6px)}
.tab_item.tab_time {width:calc(20% - 6px)}
.tab_item:hover {opacity: 0.75;}
/* ���� ��ư UI����*/
input[name="tab_item"] {display: none;}
/* �� ������ ��Ÿ�� */
.tab_content {display: none; padding: 40px 0 0; clear: both; overflow: hidden;}
/* ���� �� �� �������� ǥ�� */
#all:checked ~ #all_content,
#friday:checked ~ #friday_content,
#saterday:checked ~ #saterday_content,
#sunday:checked ~ #sunday_content {display: block;}
/* ���õ� �� ��Ÿ�� */
.tabs input:checked + .tab_item {color: #ffc600; border-color:#ffc600}
/******* ��������ǥ �� end *******/

/* ��ư */
.btn_area {text-align:center;}
.btn_area a {display:inline-block; margin:2rem 0.2rem; padding:0.7rem 3rem; border:1px solid #333; border-radius:30px; background:#fff; color:#333; font-size:1rem; font-weight:700;}
.btn_area a.go {padding:1rem 3rem; border-radius:30px; font-size:1.1rem; font-weight:800;transition: 0.3s;}
.btn_area a:hover.go {background:#333; color:#fff;}

/* sub_visual */
.sub_visual_wrap {width:100%;}
.sub_visual_wrap .sub_visual {width:100%;background-size:cover;}
.sv_01, .sv_02, .sv_03, .sv_04 {position: relative; height: 350px; background: #ffd022; background-image: url(/img/sub/sub-visual-after.png); /*background-position: center;*/ background-repeat: no-repeat;}
/*
.sv_01 {background:url('/img/sub/sub_visual01.jpg') center center no-repeat;height:480px;background-size:cover; position:relative}
.sv_02 {background:url('/img/sub/sub_visual02.jpg') center center no-repeat;height:480px;background-size:cover; position:relative}	
.sv_03 {background:url('/img/sub/sub_visual03.jpg') center center no-repeat;height:480px;background-size:cover; position:relative}	
.sv_04 {background:url('/img/sub/sub_visual04.jpg') center center no-repeat;height:480px;background-size:cover;; position:relative}
*/
h2.sub_title {position:absolute; width:100%; text-align:center; color:#5e4323; font-weight:700; text-align:center;font-size:3rem; left:50%; top:55%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); letter-spacing: -1px;}
/*h2.sub_title:after {position: absolute; content: ""; background: url(/img/sub/sub-sub-title-after.png) no-repeat; width: 85px; height: 84px;     left: 38%;}*/
p.sv_tit {font-size:38px;}
/*************************** ���� end ************************************/


/*************************** �����Ұ� start ************************************/

/* ����  */
.overview {}
.overview > div {margin:0; box-sizing:border-box; display:inline-block;}
.overview .poster_area {width:38%}
.overview .poster_area img {width:100%; max-width:500px;}
.overview .overview_area {text-align:left;width:60%; padding-left:2%; vertical-align:top}
.festival_title {font-size:3rem; line-height:3.5rem; font-weight:800;}
.festival_subject {margin-top:2rem; font-size:2rem; color:#ffba00}

/* ��������ǥ  */
.festival_schedule {margin:0 auto 1rem; max-width:1500px; padding-bottom:5rem;}
.schedule {background:#fff; width:100%; padding:0rem 3rem; /*box-shadow:0 0 10px rgba(0,0,0,.1);*/ margin:3rem auto 0 !important; word-break: keep-all; box-sizing: border-box;}
.schedule table {font-weight:500; margin:0 !important; border-top:0; position:relative;}
.schedule table th,
.schedule table td {width:auto;font-size:1.1rem; line-height:1.4rem; border-right:4px solid #fff; border-left:4px solid #fff; padding:20px;}
.schedule table th {background:#f0f0f0; color:#444;}
.schedule table th.stage {background:#ffc600; color:#fff;}
.schedule table th.stage1 {background:#212121; color:#fff;}
.schedule table th.stage2 {background:#ffba00; color:#fff;}
.schedule table th.stage3 {background:#00c7b7; color:#fff;}
.schedule table td.time {font-weight:800;}
.schedule table td strong {font-weight:800; display:block;}
.firework_box1 {background:#ffde60; padding:5px 5px 3px; border:1px solid #fff; margin-top:5px; border-radius:10px}
.firework_box2 {padding:5px 10px 3px; background:#ffeb9f; display:inline-block; border:1px solid #ffde60; margin-top:5px; border-radius:10px}
.img_program {width:50px;}
.img_program2 {width:60px;}
.singer_list {display:flex; flex-flow:row wrap; justify-content:start;margin-top:10px; font-size:0.9rem;}
.singer_list li {width:70px; margin-right:0px; text-align:center; margin-top:7px}
.singer_list li p {width:70px; margin-right:15px; margin:0; padding:5px 0 0 0; line-height:1.1rem; text-align:center;}
.schedule .character1 {position:absolute; bottom:1%; right:5%}
.schedule .character2 {position:absolute; top:30%; right:28%}
.schedule .firework {position:absolute; bottom:11%; right:6%;}
.bg_p0 {background:#fffad3}
.bg_p1 {background:#fef1ff}
.bg_p2 {background:#effcea}
.bg_p3 {background:#fff1f4}
.bg_p4 {background:#fff7ee}
.bg_p5 {background:#effdff}

.daily {width:100%; background:#fff9ed; margin:3rem auto 0; padding:3rem 2rem 10rem; box-sizing:border-box;}
.daily p {font-size:1.1rem; margin-bottom:2rem;}
.daily p strong {font-size:1.3rem;}
.daily_program {display:flex; flex-flow:row wrap; justify-content:start; margin:0 auto 0;}
.daily_program li {width:15.8%; margin:18px 0.4% 0; min-height:112px; box-sizing:border-box; padding: 1rem 1rem 1rem 1.2rem; text-align:left; border-radius:1rem; background:#fff; border:1px solid #f8e3bd;}
.daily_program1 li {border-color:#e7aeff;}
.daily_program2 li {border-color:#b8ed9e;}
.daily_program3 li {border-color:#ffc5e3;}
.daily_program4 li {border-color:#ffc278;}
.daily_program5 li {border-color:#94f0f3;}
.daily_program li p {padding:0; margin:0; word-break:keep-all;}
.daily_program li p.title {font-size:1.1rem; line-height:1.4rem; font-weight:700;}
.daily_program li p.category {font-size:0.9rem; font-weight:600;}
.program0 {color:#ffae00}
.program1 {color:#c94ee4}
.program2 {color:#57c132}
.program3 {color:#ff56ad}
.program4 {color:#ff8c00}
.program5 {color:#32c6ba}
.daily_program li .contents_area {display:flex; flex-flow:row wrap; justify-content:start; margin:0 auto 0;}
.daily_program li .text_area {width:calc(100% - 90px)}
.daily_program li .img_area {width:90px; text-align:right}
.daily_program li .img_area img {widdth:100%; max-width:84px;}

/* �����  */
.festival_area {width:100%; max-width:1400px; margin:8rem auto 2rem !important;}
.festival_area .area {display:flex; flex-flow:column wrap; justify-content:start; text-align:left;/*box-shadow:0 0 20px rgba(0,0,0,.2)*/}
.festival_area .img_area {width:100%; position:relative;}
.festival_area .text_area {width:100%; box-sizing:border-box; padding:3.5rem 4rem 7rem; text-align:center}
.festival_area .img_area img {max-width:1400px; width:100%; margin:0 auto;}
.festival_area .text_area p.title {font-size:1.4rem; font-weight:700; padding:0.5rem 1rem; min-width:160px; box-sizing:border-box; text-align:center;display:inline-block; margin:3rem 0 0;}
.festival_area .text_area p.title.yuja {background:#ffde00; color:#333; margin-bottom:0.7rem;}
.festival_area .text_area p.title.festival {background:#ff6c00; color:#fff}
.festival_area .text_area p.title.parking {background:#3c3c3c; color:#fff}
.festival_area .text_area ul {margin:0rem 0 3rem; font-size:1.1rem; font-weight:500;}
.festival_area .text_area ul li {padding:0.5rem 0;}
.festival_area .text_area ul li .dot_list {margin-bottom:0;}
.festival_area .text_area ul li .dot_list li {padding:0.5rem 0; list-style-type: disc;list-style-position: inside;}
.festival_area .text_area ul li .stamp_list {display:flex; flex-flow:row wrap; justify-content:start; border:1px solid #ddd; margin-bottom:0; margin-top:2rem}
.festival_area .text_area ul li .stamp_list li {padding:1.5rem 2rem; width:25%;text-align:left;}
.festival_area .text_area ul li .stamp_list li strong {font-weight:800; font-size:0.98rem;}

span.number {width:25px; height:25px; border-radius:20px; display:inline-block; box-sizing:border-box; margin-right:0.4rem; text-align:center; line-height:1.5rem; font-size:1rem; font-weight:900;}
span.stamp1 {border:1px solid #aea81b; background:#f7ee13; color:#333}
span.stamp2 {border:1px solid #c78701; background:#f8b62b; color:#333}
span.stamp3 {border:1px solid #e70080; background:#f871af; color:#333}
span.stamp4 {border:1px solid #ec5837; background:#fab2a2; color:#333}
span.stamp5 {border:1px solid #14ae68; background:#54d59b; color:#333}
span.stamp6 {border:1px solid #71a600; background:#acd84f; color:#333}
span.stamp7 {border:1px solid #ce3f00; background:#f47137; color:#333}
span.stamp8 {border:1px solid #305d08; background:#acf968; color:#333}
.festival_area .text_area ul li .stamp_list li .thema,
.festival_area .text_area ul li .stamp_list li .thema li {width:100%; font-weight:700;}
.festival_area .text_area ul li .stamp_list li .thema {margin:0.5rem 0 0 0;}
.festival_area .text_area ul li .stamp_list li .thema li {padding:0.15rem 0; font-size:1rem}
.festival_area .text_area ul li .stamp_list li .thema li::before {content:"\A"; width:3px; height:3px; border-radius:50%; background: #666; display:inline-block; margin:0 5px 0 2px;}
.area_img {padding:0; margin:0 auto 5rem;}
.area_img img {max-width:1000px; width:100%;}
strong.stage {display:inline-block; min-width:135px; text-align:center; font-weight:700; font-size:1rem; line-height:1rem; padding:0.3rem 0.8rem 0.3rem; color:#fff; margin-right:7px; border-radius:20px;}
.stage.stage_main {background:#f56322; border-radius:2px; margin-bottom:10px}
.stage.stage_experience {background:#009cd9;}
.stage.stage_sell {background:#ffa800;}
.stage.stage_food {background:#f252a0;}
.stage.stage_park {background:#ff8746;}
/* ����� ���̺�  */
.festival_area h4 {font-size:1.4rem; color:#333; font-weight:800;}
.festival_area table {font-weight:500; border-top:0; border-collapse: collapse; margin-bottom:2rem; margin-top:18px; position:relative}
.festival_area table th,
.festival_area table td {width:auto;font-size:1rem; line-height:1.4rem; border:1px solid #ddd; padding:10px 5px; text-align:center}
/* .festival_area table tr:nth-child(2n+1) {background:#fff9f2}*/
.festival_area table th.zone2 {background:#f8b62a; color:#fff;}
.festival_area table th.zone3 {background:#e6017f; color:#fff;}
.festival_area table th.park {background:#0fb257; color:#fff;}
.festival_area table th.zone2_color {color:#f8b62a;}
.festival_area table th.zone3_color {color:#ff56b3;}
.festival_area table th.park_color {color:#0fb257;}
.festival_area table td.time {background:#f7f7f7; font-weight:800;}
.festival_area table td strong {font-weight:800; display:block;}
/* ����� modal  */
#btnWrap { width: 300px; margin: 0 auto; position:absolute; bottom:-1.5rem; left:50%; margin-left:-150px;}
#popupBtn {width: 300px; height: 50px; padding: 10px 5px; background:#fff; border-radius:30px; color:#111; font-weight:800; font-size:1.3rem;box-shadow:0 0 20px rgba(0,0,0,.25)}
#modalWrap {position: fixed;  z-index: 9999999; padding-top: 7%; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0,0,0,0.7);display: none;}
#modalBody {width: 70%; max-width:1000px; height: auto; padding: 0; margin: 0 auto; box-shadow:0 0 30px rgba(0,0,0,.3); background:#fff; border-radius:2rem;}
#closeBtn {float:right; font-weight: bold; color: #777; font-size:25px; cursor: pointer; z-index: 99999999; margin-top:-2.5rem; color:#fff; font-size:2.5rem;}
.btnWrap {width: 100%; margin: 0 auto; padding-top: 2rem;}
.btn_leaflet {display: block; width: 20.5%; height: 50px; margin: auto; padding: 10px 5px; text-align:center; background: #111; background-size: 18px; border-radius: 30px; color: #fff; font-weight: 800; font-size: 1.3rem;}


/* ���α׷�  */
.festival_program {margin:8rem auto 2rem !important;}
.festival_program h3 {font-size:3rem; font-weight:800; line-height:3rem; margin:0}
.festival_program h3 span {font-weight:300;}
.festival_program h3 small{display:block; width:100%; font-size:1.2rem; line-height:1.2rem; margin-top:0.5rem;}
.festival_program h3 small span {display:inline-block; padding:0.3rem 0.7rem; color:#fff; background:#444; font-weight:500; letter-spacing:0.1rem;}
.festival_program p.slogan {font-family:'CrownMychew',"���� ���"; font-size:2.5rem; margin-bottom:2rem}
.festival_program p.slogan.program1 {color:#c94ee4;}
.festival_program p.slogan.program2 {color:#57c132;}
.festival_program p.slogan.program3 {color:#ff56ad;}
.festival_program p.slogan.program4 {color:#ff8c00;}
.festival_program p.slogan.program5 {color:#0abfac;}
.festival_program p.slogan.program6 {color:#f7c000;}
.festival_program .program_list {display:flex; flex-flow:row wrap; width:100%}
.festival_program .program_list li {width:32%; margin-right:2%; margin-bottom:3rem; background:#fff; box-sizing:border-box; box-shadow:0 0 5px rgba(0,0,0,.15); border-radius:1rem; position: relative; z-index: 1;}
.festival_program .program_list li.lineup-open { z-index: 1000; transform: none; }
.festival_program .program_list li:nth-child(3n) {margin-right:0%;}
.festival_program .program_list li img {width:100%; height:300px; object-fit:cover; border-top-left-radius:1rem; border-top-right-radius:1rem;}
.festival_program .program_list li .program_text{padding:1.5rem;}
.festival_program .program_list li h4 {font-weight:800; font-size:1.3rem; line-height:140%; color:#333; width:100%; box-sizing:border-box; padding:0; text-align:left; margin-bottom:0.5rem;}
.festival_program .program_list li p {padding:0; margin:0; text-align:left; line-height:1.3rem;}
.festival_program .program_list dl {display:flex; flex-flow:row wrap; width:100%; justify-content: flex-start; margin-top:1rem; line-height:1.3rem;}
.festival_program .program_list dt,
.festival_program .program_list dd {box-sizing:border-box; padding:3px 0;font-weight:800; font-size:1rem; text-align:left}
.festival_program .program_list dt {width:60px; font-weight:800;}
.festival_program .program_list dl.p3 dt {width:75px;}
.festival_program .program_list dl.p3 dd {width:calc(100% - 75px);}
.festival_program .program_list dd {width:calc(100% - 60px); box-sizing:border-box; font-weight:700;}
.festival_program .program_list dt.date,
.festival_program .program_list dt.location,
.festival_program .program_list dt.singer {padding-left:20px;}
.festival_program .program_list dt.date.p0 {background:url(/img/common/icon_calendar.png) no-repeat left 5px;}
.festival_program .program_list dt.location.p0 {background:url(/img/common/icon_location.png) no-repeat left 4px;}
.festival_program .program_list dt.singer.p0 {background:url(/img/common/icon_singer.png) no-repeat left 4px;}
.festival_program .program_list dt.date.p1 {background:url(/img/common/icon_calendar_p1.png) no-repeat left 5px;}
.festival_program .program_list dt.location.p1 {background:url(/img/common/icon_location_p1.png) no-repeat left 4px;}
.festival_program .program_list dt.singer.p1 {background:url(/img/common/icon_singer_p1.png) no-repeat left 4px;}
.festival_program .program_list dt.date.p2 {background:url(/img/common/icon_calendar_p2.png) no-repeat left 5px;}
.festival_program .program_list dt.location.p2 {background:url(/img/common/icon_location_p2.png) no-repeat left 4px;}
.festival_program .program_list dt.date.p3 {background:url(/img/common/icon_calendar_p3.png) no-repeat left 5px;}
.festival_program .program_list dt.location.p3 {background:url(/img/common/icon_location_p3.png) no-repeat left 4px;}
.festival_program .program_list dt.date.p4 {background:url(/img/common/icon_calendar_p4.png) no-repeat left 5px;}
.festival_program .program_list dt.location.p4 {background:url(/img/common/icon_location_p4.png) no-repeat left 4px;}
.festival_program .program_list dt.date.p5 {background:url(/img/common/icon_calendar_p5.png) no-repeat left 5px;}
.festival_program .program_list dt.location.p5 {background:url(/img/common/icon_location_p5.png) no-repeat left 4px;}
.program_tab.depth2_tap li.on:nth-child(1) a{background:#f7c000 !important;}
.program_tab.depth2_tap li.on:nth-child(2) a{background:#ff9d21 !important;}
.program_tab.depth2_tap li.on:nth-child(3) a{background:#57c132 !important;}
.program_tab.depth2_tap li.on:nth-child(4) a{background:#d075e5 !important;}
.program_tab.depth2_tap li.on:nth-child(5) a{background:#ff8dc6 !important;}
.program_tab.depth2_tap li.on:nth-child(6) a{background:#73d7f2 !important;}
.program_text {position:relative}
.program_text a.more {position:absolute; bottom:1.5rem; right:1.5rem; color:#333; border:0; padding:0;}
.program_text a:hover.more {color:#000}
.program_text a.more img {width:50px; height:18px; margin-left: 5px;animation: move_right 1s ease-in-out infinite; border-radius:0 !important;}



/* �����̾߱�  */
.yuja_story {max-width:1200px; margin-top:0rem;}
.yuja_story h3 small {font-size:1.2rem; line-height:1.2rem; background:#ffcc00; padding:0.3rem 0.7rem; margin-bottom:0.7rem; display:inline-block; font-weight:500;}
.yuja_story .story {margin-top:3rem; box-shadow:0 0 10px rgba(0,0,0,.15); padding:2rem;}
.yuja_story .story img {width:100%;}
.yuja_story .story .text_area{padding:2rem 2rem 6rem; position:relative}
.yuja_story .story,
.yuja_story .story p {text-align:left; font-size:1.1rem;}
.yuja_story .story p {margin:3rem 0; line-height:1.7rem;}
.yuja_story .story p span.slogan {font-size:1.5rem; font-weight:700; line-height:2.2rem;}
.yuja_story .story p span.bg_yuja {background:#ffe400; display:inline-block; line-height:2rem; font-size:2rem; margin-bottom:0.5rem; font-weight:800;}
.yuja_story .story p.title {font-family:"CrownMychew","���� ���"; font-size:3rem; margin-bottom:1.5rem; margin-top:5rem; padding:0}
.yuja_story .story p.last {padding:0; margin:0}
.yuja_story .story .text_area .btn_area {position:relative; bottom:0; right:0; text-align:right; margin-bottom:-0.5rem; margin-right:-1rem;}
.yuja_story .story a.more {position:absolute; top:0; right:1.5%; color:#333; border:0; padding:0}
.yuja_story .story a:hover.more {color:#000}
.yuja_story .story a.more img {max-width:50px; margin-left: 5px;animation: move_right 1s ease-in-out infinite;}
.yuja_story .ytbvideo {border-color:#fff;}


/*************************** �����̺�Ʈ start ************************************/


/* �¶��� �̺�Ʈ */
.board_list {display:block; width:100%; max-width:1300px; margin:0 auto;}
.board_list li {display:flex; flex-flow:row wrap; width:100%; height:350px; background:#fff; box-sizing:border-box; margin-bottom:3rem !important; box-shadow:0 0 30px rgba(0,0,0,.25); cursor:pointer;}
.board_list li:hover {box-shadow:0 0 40px rgba(0,0,0,.35)}
.board_list li .img_wrap {width:500px; height:100%;overflow: hidden;}
.board_list li .img_wrap img {width:100%; height:100%; object-fit:cover;object-position: 50% 50%;transition: transform .5s ease;}
.board_list li .text_wrap {width:calc(100% - 500px);box-sizing:border-box; padding:2.5rem; text-align:left;}
.board_list li:hover .img_wrap img {transform: scale(1.05);}
.board_list li:nth-child(4n) {margin-right:0%}
.board_list li .text_wrap .list_title {font-weight:800; font-size:2rem}
.board_list li .text_wrap .event_status,
.view_status {font-size:0.95rem; line-height:0.95rem; font-weight:7700; color:#fff; display:inline-block; padding:0.3rem 0.8rem; border-radius:20px;background:#2b2b2b;}
.event_status.wating, .view_status.wating {background:#acd72a !important;}
.event_status.ing, .view_status.ing {background:#ff9000 !important;}
.event_status.end, .view_status.end {background:#a8a8a8 !important;}
.board_list li .text_wrap .explain {display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; line-height:130%;}

.board_list li .text_wrap dl {display:flex; flex-flow:row wrap; width:100%; justify-content: flex-start;font-size:1.1rem !important; margin-top:2rem;}
.board_list li .text_wrap dt,
.board_list li .text_wrap dd {box-sizing:border-box; padding:5px 0;font-weight:800; font-size:1.05rem;}
.board_list li .text_wrap dt {width:60px; font-weight:800;}
.board_list li .text_wrap dd {width:calc(100% - 60px); box-sizing:border-box; font-weight:700;}
.board_list li .text_wrap dt.date {padding-left:20px; background:url(/img/common/icon_calendar.png) no-repeat left center;}
.board_list li .text_wrap dt.location {padding-left:20px; background:url(/img/common/icon_location.png) no-repeat left center;}

.view_wrap{background:#fff; box-sizing:border-box; width:100%; max-width:1400px; padding:3rem; margin:0 auto 3rem; box-shadow:0 0 10px rgba(0,0,0,.15)}
.view_wrap.notice{padding:0; margin:0 auto 1rem; box-shadow:none;}
.viewhead {border-bottom:1px solid #333;text-align:center;}
.viewhead h3 {margin:1rem 0 !important;}
.view_title {padding:0.3rem 0; font-weight:800; line-height:2rem;}
.view_status {font-size:0.95rem; line-height:0.95rem; padding:0.3rem 0.8rem;}
.view_dates {font-size:1rem; padding-bottom:3rem; color:#777;display:flex; flex-flow:row wrap;justify-content: center;}
.view_dates dt {margin-right:7px;font-weight:600; padding-left:20px;}
.view_dates dt.when {background:url(/img/common/icon_calendar.png) no-repeat left center;}
.view_dates dt.where {background:url(/img/common/icon_location.png) no-repeat left center;}
.view_dates dt.much {background:url(/img/common/icon_pay.png) no-repeat left center;}
.view_dates dd {font-weight:700}
.view_dates dd.dates {margin-right:30px;}
.viewcotent {padding:1.5rem 0 0;}
.viewcotent .contents_wrap {padding:4rem 0;text-align:center; max-width:1080px; margin:0 auto;}
.viewcotent .contents_wrap img {padding:4rem 0 0.5rem;}
.viewcotent .contents_wrap .contents {text-align:left; display:inline-block; margin:0 auto; line-height:1.8rem;}
.viewcotent .contents_wrap .contents p {font-size:1.1rem; margin-bottom:0.5rem; padding:0rem; line-height:1.8rem !important; font-weight:500; color:#666;}
.viewcotent .contents_wrap .contents a {font-weight:800; border-bottom:1px solid #333;}
.viewcotent .contents_wrap .contents a:hover {color:#fc8e00; border-bottom:1px solid #fc8e00;}
table.space {width:auto; margin-top:1rem; background:#f7faff; border-collapse: collapse;border:1px solid #d7e2fa; display:inline-block;}
table.space th,
table.space td {width:auto !important; max-width:330px; border:1px solid #d7e2fa; padding:15px 15px 20px; box-sizing:border-box; vertical-align:top;}
table.space td {}
table.space td p {padding:0; margin:0;font-size:0.95rem !important; line-height:1.1rem !important;}
table.space td p img {padding-top:0 !important; max-width:300px;}
.filedown {border-top:1px solid #ddd; padding:1rem;}
.filedown a {line-height: 28px;}
#go_event {border:0; background:#444; color:#fff; font-weight:700; font-size:1.2rem; padding:0.7rem 3rem 0.5rem; margin-top:2rem; border-radius:2rem;}
#go_event:hover {border:0; background:#333;}

.write_wrap {background:#fff; box-shadow:0 0 20px rgba(0,0,0,.1); box-sizing:border-box; width:100%; padding:3rem 3rem; margin:0 auto 3rem;}
.write_wrap h3 {margin:1rem 0 !important;}


.mapWrap {max-width:1200px; width:100%; margin:0 auto; padding:10px; border:1px solid #e2e2e2; padding:0; background:#ffd022}
.mapWrap .text_area {display:flex; flex-flow:row wrap; text-align:left; padding:1.5rem 2rem 2rem 1.5rem; box-sizing:border-box; width:100%; position:relative; justify-content: space-around;}
.logo_area {width:145px; padding:0; margin:4px 0 0; font-size:1rem; line-height:1.5rem; font-weight:500; color:#555}
.address_area {width:calc(100% - 793px); padding:0; margin:10px 0 0; font-size:1.2rem; line-height:2.5rem; font-weight:500; color:#555}
.address_area img {vertical-align:baseline;}
.address_area strong {font-size:2rem; color:#fff;}
.logo_area p strong {font-weight:800; font-size:1.2rem;color:#333;}
.logo_area p {padding-left:10px}
.logo_area img.logo {width:100%; max-width:130px; margin:0}
.map_img img.location {width:100%; max-width:648px; margin-top:0.5rem}
.map_img {width:648px; margin:0; padding:0;}
.car {position:absolute; left:0; bottom:0; margin-bottom:-1.9rem; margin-left:3%}
.parking_area {max-width:1200px; width:100%; margin:5rem  auto 0; display:flex; flex-flow:row wrap;}
.parking_area .parking_img {width:730px; box-sizing:border-box;}
.parking_area .parking_img img {max-width:730px; width:100%; /*border:5px solid #ffd022; */ box-sizing:border-box;}
.parking_area .parking_info {width:calc(100% - 730px); box-sizing:border-box; text-align:left; padding-left:2rem;}
.parking_area .parking_info h4 {color:#333; font-size:1.8rem; text-align:left !important; margin:0.5rem 0 1.5rem}
.parking_area .parking_info li {margin-bottom:0.7rem; font-size:1.1rem; font-weight:700 !important;}
.parking_area .parking_info li span.parking_no {background:#0f97ed; color:#fff; font-weight:900; display:inline-block; margin-right:7px;font-size:1rem;text-align:center; line-height:2.1rem; width:31px; height:31px; border-radius:30px;}
.mapTop1, .mapTop2{float:left;}
.mapTop1 ul, .mapTop2 ul{list-style:none;margin:0;padding:0;}
.mapTop1 ul li{float:left;padding: 30px 69px;border: 1px solid; background-color: #ddd;}
.mapTop2 ul li{float:left;padding: 30px 43px;border: 1px solid; background-color: #ddd;}

.bus_area h4 {color: #333;font-size: clamp(1.6rem, 50%, 1.8rem) ;margin: 2rem 0; padding: 0 clamp(20px, 50%, 30px) }
.bus_area h5 {color: #333;font-size: 1.2rem;margin: 1.5rem 0 1.5rem;text-align: center;}
.bus_area img {width: 80%}

.bus_area .bus_txt p {font-size: clamp(1rem, 50%, 1.2rem); margin: 1.5rem 0 1.5rem;padding: 0 clamp(20px, 50%, 30px);word-break: keep-all;}
.bus_area .bus_txt p span {color: #f7ae00;}
.bus_area .bus_info {display: flex; flex-flow:wrap; justify-content: center; width: 100%; gap: 20px;}
.bus_area .bus_info div {
    width: 50%;
    flex: 0 0 clamp(320px, 50%, 50%);
    text-align: left; border-radius: 10px; border: 1px solid #ddd; padding: 1rem; box-sizing: border-box; margin-bottom: 1rem;}
.bus_area .bus_info .bus_sub ul li {list-style-position: inside; list-style-type: disc;}
.bus_area .bus_info .bus_sub ul li span {font-weight: 700;}
.bus_area .bus_info .bus_sub .box_zone {text-align: center;  background-color: #ddd; padding: 1rem; border-radius: 10px;}



/*************************** Ŀ�´�Ƽ start ************************************/
/* ����*/
.notice{}
.notice .table_list {background:#fff;}
.notice .table_list th {background:#fff;width:auto;}
.notice .table_list td {cursor:pointer; width:auto; padding:20px;}
.notice .table_list tr:hover {background:#f8f8f8;}
.notice .table_list .title {width:55%; font-size:1.1rem; font-weight:800; text-align:left; padding-left:30px}
.notice .table_list .date {width:15%;}
.notice .table_list .name {width:10%;}
.notice .table_list .count {width:10%;}
.viewheadinfo ul {display:flex; flex-flow:row wrap; justify-content:flex-end; margin-bottom:10px}
.viewheadinfo ul li {padding-left:20px;}

/* ������ */
.event_list {display:flex; flex-flow:row wrap; width:100%;justify-content: flex-start;}
.event_list p{margin:0 auto;}
.event_list li {width:31.333333%; background:#fff; margin:1%; box-sizing:border-box; box-shadow:0 0 20px rgba(0,0,0,.2); border-radius:1.5rem; margin-bottom:2rem !important; cursor:pointer;}
.event_list li:hover {box-shadow:0 0 30px rgba(0,0,0,.3)}
.event_list li .img_wrap {width:100%; height:280px;overflow: hidden;border-top-left-radius:1.3rem; border-top-right-radius:1.3rem;}
.event_list li .img_wrap img {width:100%; height:280px; object-fit:cover;object-position: 50% 50%;transition: transform .5s ease;}
.event_list li:hover .img_wrap img {transform: scale(1.1);}
.event_list li .text_area {text-align:left; padding:1.5rem 2rem 2rem;}
.event_list li .text_area p {padding:0; margin:0}
.event_list li .text_area p.title {font-size:1.2rem; font-weight:700; padding:0.1rem 0 0; margin:0}
.event_list li .text_area p.date {font-size:0.9rem; color:#777;}
.event_list li .text_area p.category span {display:inline-block; padding:0.3rem 0.5rem 0.2rem; border-radius:20px; font-size:0.8rem; line-height:0.8rem; background:#333; color:#fff;}
.event_list dl {display:flex; flex-flow:row wrap; width:100%; justify-content: flex-start; margin-top:0.5rem; line-height:1.3rem;}
.event_list dt,
.event_list dd {box-sizing:border-box; padding:3px 0;font-weight:800; font-size:1rem; text-align:left}
.event_list dl dt {width:80px;font-weight:800;}
.event_list dl dd {width:calc(100% - 80px); box-sizing:border-box; font-weight:700;}
.event_list dt.date,
.event_list dt.pay {padding-left:20px;}
.event_list dt.date {background:url(/img/common/icon_calendar.png) no-repeat left 5px; letter-spacing:0.9rem}
.event_list dt.pay {background:url(/img/common/icon_pay.png) no-repeat left 4px;}
.img_poster2022 {width:100%;float:left;clear:both;margin-top:30px;text-align:center;}


/* ���� ���� ����*/
.festival_gallery {}
.festival_gallery .gallery {display:flex; flex-flow:row wrap;}
.festival_gallery .gallery li {width:31.3333%; margin:1.3% 1%; background:#fff; box-sizing:border-box; padding:10px;cursor:pointer; box-shadow:0 0 15px rgba(0,0,0,.1)}
.festival_gallery .gallery li .photo_area {width:100%; height:280px; overflow:hidden}
.festival_gallery .gallery li .photo_area img {width:100%; height:280px;object-fit:cover;object-position: 50% 50%;transition: transform .5s ease;}
.festival_gallery .gallery li:hover .photo_area img {transform: scale(1.1);}
.festival_gallery .gallery li .photo_title {font-size:1.1rem; padding:10px; color:#666;/*font-family: 'KNPSKkomi';*/}
.festival_gallery .modal {display: none; position: fixed; z-index: 1; padding-top: 100px; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba( 0, 0, 0, 0.8 );}
.festival_gallery .modal-content {position: relative; background-color: #fefefe; margin:auto; padding: 0; width: 90%; max-width: 1000px;}
.festival_gallery .close {color: white; position: absolute; top: 10px; right: 25px; font-size: 35px; font-weight: bold;}
.festival_gallery .close:hover,
.festival_gallery .close:focus {color: #999; text-decoration: none;cursor: pointer;}
.festival_gallery .mySlides {display: none;}
.festival_gallery .mySlides img {max-width:1000px; width:100%; height:680px; object-fit:cover;object-position: 50% 50%;}
.festival_gallery .cursor {cursor: pointer;}
.festival_gallery .prev,
.festival_gallery .next {background-color: rgba(0, 0, 0, 0.5);cursor: pointer;position: absolute;top: 50%; width: auto; padding: 16px; margin-top: -50px; color: white; font-weight: bold; font-size: 20px; transition: 0.6s ease; border-radius: 0 3px 3px 0; user-select: none; -webkit-user-select: none;}
.festival_gallery .prev {left: 0; border-radius: 3px 0 0 3px;}
.festival_gallery .next {right: 0; border-radius: 0 3px 3px 0;}
.festival_gallery .prev:hover,
.festival_gallery .next:hover {background-color: rgba(0, 0, 0, 0.8);}
.festival_gallery .numbertext {color: #f2f2f2; font-size: 12px; padding: 8px 12px; position: absolute; top: 0;}
.festival_gallery .caption-container {text-align: center; background-color: black; padding: 2px 16px; color: white;}
.festival_gallery .demo {opacity: 0.6;}
.festival_gallery .active,
.festival_gallery .demo:hover {opacity: 1;}

/* ������ ������*/
.tab_experience {display:flex; flex-flow:row wrap; justify-content:center; margin-bottom:2rem; font-size:1.2rem;}
.tab_experience a, .tab_experience .tab_link {display:inline-block; max-width:150px; width:28%; bakcground:#fff; border:0; border-bottom:3px solid #ddd; padding:7px 10px; margin:0 1%;font-weight:800; box-sizing:border-box;}
.tab_experience a:hover {opacity:.8}
.tab.active {border-bottom:3px solid #ffb502; color:#000;}

/* ȫ������*/
.festival_video{max-width:1200px;}
.videowrap {width:100%; padding:8rem 2rem 10rem; background:#ffdf67; margin:0;}
.video_list {/*width:100%; display:flex; flex-flow:row wrap; justify-content:center;*/} /*swiper-slide�� �߰��Ǹ鼭 �ּ�ó��*/
.video_list li {width:23%; margin:1%; box-shadow:0 0 20px rgba(0,0,0,.15); background:#fff;}
.video_list li p {font-size:1.1rem; padding:1rem 1.5rem; margin:0; font-weight:700;}
video.list_movie {width:100%;}
.sitevideo {position:relative;border:5px solid #00c7b7; border-radius:2rem}
.siteiframe {width:100%;height:auto;border-radius:1.7rem;}

.videowrap #btnWrap {width: 100%; margin: 0 auto; position:relative; bottom:0; left:0; margin-left:0;}
.videowrap #btnWrap button {position: relative;}
.videowrap #btnWrap img {width: 100%;}
.videowrap #btnWrap .overlay {position: absolute; top: 0; background: rgba(0, 0, 0, 0.5); width: 100%; height:100%;}
.videowrap #popupBtn,
.videowrap #popupBtn2,
.videowrap #popupBtn3,
.videowrap #popupBtn4,
.videowrap #popupBtn5,
.videowrap #popupBtn6,
.videowrap #popupBtn7,
.videowrap #popupBtn8 {width: 100%; height: auto; padding: 0; border-radius:0;box-shadow:none}

.videowrap #modalWrap,
.videowrap #modalWrap2,
.videowrap #modalWrap3,
.videowrap #modalWrap4,
.videowrap #modalWrap5,
.videowrap #modalWrap6,
.videowrap #modalWrap7,
.videowrap #modalWrap8 {position: fixed;  z-index: 9999999; padding-top: 7%; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0,0,0,0.7);display: none;}

.videowrap #modalBody,
.videowrap #modalBody2,
.videowrap #modalBody3,
.videowrap #modalBody4,
.videowrap #modalBody5,
.videowrap #modalBody6,
.videowrap #modalBody7,
.videowrap #modalBody8 {width: 70%; max-width:1000px; height: auto !important; padding: 0; margin: 0 auto; box-shadow:0 0 30px rgba(0,0,0,.3); background:transparent; border-radius:2rem;}

.videowrap #closeBtn,
.videowrap #closeBtn2,
.videowrap #closeBtn3,
.videowrap #closeBtn4,
.videowrap #closeBtn5,
.videowrap #closeBtn6,
.videowrap #closeBtn7,
.videowrap #closeBtn8 {float:right; font-weight: bold; color: #777; font-size:25px; cursor: pointer; z-index: 99999999; margin-top:-2.5rem; color:#fff; font-size:2.5rem;}

.play {
    width: 60px !important;
    height: 60px !important;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -30px;
    margin-top: -30px;
    z-index: 9;
    scale: 1 !important;
}
.lyrics {margin-top:6rem;}
.lyrics h4 {color:#222; font-size:1.8rem; font-weight:800; margin-bottom:2.5rem;}
.lyrics p {font-weight:500; font-size:1.1rem; margin-bottom:1.5rem}

/*************************** Ŀ�´�Ƽ end ************************************/

/*************************** �Խ��� start ************************************/
.search_wrap {text-align:center;}
.search_wrap form {width:100%; display:flex; flex-flow:row wrap; justify-content:center;}
.selectBox {width:120px !important; display:inline-block;vertical-align:middle;}
.inputBox {width:310px !important; display:inline-block;}
input[type=text], input[type=date], select {padding: 12px 20px; margin: 8px 0; display: block; border: 1px solid #ccc; border-radius: 4px; box-sizing: border-box; width:100%}
input[type=date] {width:30%;}
input[type=submit] {background-color: #4CAF50; color: white; padding: 14px 20px; margin: 8px 0; border: none; border-radius: 4px; cursor: pointer;}
input[type=submit]:hover {background-color: #45a049;}
select {padding: 10px 18px; height:43px;}
.selectBox select{width:120px;}
.inputBox input[type=text] {width:280px !important; display:inline-block;}
.inputBox button {width:22px;display:inline-block;}
#btnSrch {position:relative;}
#btnSrch a {position:absolute; left:0; margin-left:-60px;}

.paging_wrap {text-align:center; margin-top:4rem;}
.paging {text-align:center; display:inline-block; margin:1rem auto;}
.num_wrap {display:flex; flex-flow:row wrap; margin:0 auto;}
.page-item {width:30px; height:30px; margin:2px; box-sizing:border-box; padding:5px; text-align:center; border:1px solid #ccc; background:#fff; border-radius:2px;}
.page-item.active {border:1px solid #333; background:#333;}
.page-item.active a {color:#fff}

.treasure1 {background:#fce7f0; padding:1.5rem 1.5rem 0.7rem;margin-bottom:1rem; border-radius:1rem}
.treasure1 p {color:#f44196 !important;}
.treasure1 p strong {background:#f44196; color:#fff !important; font-weight:800; display:inline-block; padding:0.2rem 1rem; line-height:1.1rem; border-radius:1rem;}
.treasure2 {background:#d4effc; padding:1.5rem 1.5rem 0.7rem;margin-bottom:1rem; border-radius:1rem}
.treasure2 p {color:#00b3f0 !important;}
.treasure2 p strong {background:#00b3f0; color:#fff !important; font-weight:800; display:inline-block; padding:0.2rem 1rem; line-height:1.1rem; border-radius:1rem;}
.get_gift {margin-top:3rem}
.get_gift p {font-weight:800 !important; color:#333 !important; border-bottom:1px solid #333}


/*************************** �Խ��� end ************************************/





/*admin login*/
.admin_login_wrap {width:40%;margin:0 auto;text-align:center;margin-top:50px;clear:both;}
.admin_login_wrap p.txt {font-size:18px;margin-top:10px;margin-bottom:30px;font-weight:400;}
.adminform {border-radius:3px;outline:none;border:1px solid #d9d9d9;width:100%;height:50px;padding:10px;box-sizing:border-box;line-height:50px;color:#333;font-size:15px;letter-spacing:0;}
.adminbtn {width:100%;height:60px;outline:none;border:1px solid #1e2f4d;background:#1e2f4d;font-weight:300;font-size:16px;color:#fff;line-height:60px;margin-top:20px;}
.lg_sections {margin-top:50px;}
.mT10 {margin-top:10px;}

.site_map {width:100%;float:left;}
.site_map li.on-a {float:left;width:25%;box-sizing:border-box;}

/* 1700px */
@media screen and (max-width:1700px) {
    /* ��������ǥ */
    .daily_program li {width:23.2%; margin:18px 0.4% 0;}
}

/* 1280px */
@media screen and (max-width:1280px) {
    /* sub_visual */
    .sv_01, .sv_02, .sv_03, .sv_04 {background: #ffd022; height:360px;}
    h2.sub_title:after {content:none;}
    /*************************** �����Ұ� start ************************************/
    /* ����� */
    .festival_area .text_area ul {margin:1rem 0 1rem; font-size:1rem;}
    .festival_area .text_area ul li {padding:0.3rem 0;}

    /* ��������ǥ */
    .daily_program li {width:32%; margin:18px 0.6% 0;}


    /*************************** Ŀ�´�Ƽ start ************************************/
    /* ������������ */
    .festival_gallery .gallery li .photo_area {height:250px;}
    .festival_gallery .gallery li .photo_area img {height:250px;}
    .festival_gallery .modal-content {max-width: 950px;}
    .festival_gallery .mySlides img {max-width:950px; height:600px;}
}


/* 1024px */
@media screen and (max-width:1024px) {
    /* sub_visual */
    .sv_01, .sv_02, .sv_03, .sv_04 {background: #ffd022; height:300px;}

    .sub_body .container {width:95%;max-width:1000px;margin:0 auto;}
    .sub_inner {padding:70px 0 110px 0;}


    /*************************** �����Ұ� start ************************************/
    /* �����  */
    .festival_area .area {flex-flow:column wrap; box-shadow:none;width:96%; margin:0 auto;}
    .festival_area .img_area {width:100%; text-align:center;}
    .festival_area .text_area {max-width:840px; width:100%; padding:2rem 0; margin:0 auto;}
    .festival_area .text_area p.title {font-size:1.2rem; font-weight:700; padding:0.5rem 1rem; min-width:160px; display:inline-block;}
    .festival_area .text_area ul {margin:1rem 0 3rem; font-size:1rem;}
    .festival_area .text_area ul li {padding:0.5rem 0; line-height:1.5rem;}
    .festival_area .text_area ul li .dot_list {margin-bottom:0;}
    .festival_area .text_area ul li .dot_list li {padding:0.5rem 0;}


    /*************************** Ŀ�´�Ƽ start ************************************/
    /* ������������ */
    .festival_gallery .modal-content {max-width: 800px; margin:0 auto; margin-top:-30px;}
    .festival_gallery .mySlides img {max-width:800px; height:500px;}
}


/* 912px */
@media screen and (max-width:912px) {
    /*************************** ���� start ************************************/
    /* sub_visual */
    /*
    .sv_01 {background:url('/img/sub/sub_visual01_m.jpg') center center no-repeat;height:430px;}
    .sv_02 {background:url('/img/sub/sub_visual02_m.jpg') bottom center no-repeat;height:430px;}
    .sv_03 {background:url('/img/sub/sub_visual03_m.jpg') bottom center no-repeat;height:430px;}
    .sv_04 {background:url('/img/sub/sub_visual04_m.jpg') bottom center no-repeat;height:430px;}
    */

    .tab_content {overflow-x: scroll;}


    /*************************** �����Ұ� start ************************************/
    /* �����  */
    .festival_area .area {flex-flow:column wrap; box-shadow:none;width:100%;}
    .festival_area .text_area {width:100%; padding:2rem 0;}
    .btn_leaflet {width: 50.5%; height: 42px; font-size: unset;}
}


/* 820px */
@media screen and (max-width:820px) {
    .only_pc {display:none;}
    .only_mobile {display:block;}
    /* sub_visual */
    /*
    .sv_01 {background:url('/img/sub/sub_visual01_m.jpg') center center no-repeat;height:600px;}
    .sv_02 {background:url('/img/sub/sub_visual02_m.jpg') center center no-repeat;height:600px;}
    .sv_03 {background:url('/img/sub/sub_visual03_m.jpg') center center no-repeat;height:600px;}
    .sv_04 {background:url('/img/sub/sub_visual04_m.jpg') center center no-repeat;height:600px;}
    */
    /*************************** �����Ұ� start ************************************/
    /* �����  */
    .festival_area .text_area {width:90%; padding:2rem 0; margin:0 auto;}

    /* ��������ǥ */
    .daily_program li {width:48%; margin:16px 0.9% 0;}

    /*************************** Ŀ�´�Ƽ start ************************************/
    /* ������������ */
    .festival_gallery .gallery {width:94%; margin:0 auto;}
    .festival_gallery .gallery li {width:48%; margin:2% 1%; padding:9px;}
}


/* 768px */
@media screen and (max-width:768px) {

    /*admin login*/
    .sub_movie_wrap	{height:400px !important;}
    .admin_login_wrap p.txt {font-size:15px;margin-top:0px;}
    .adminform {height:40px;line-height:40px;font-size:14px;}
    .adminbtn {height:50px;line-height:50px;}
    .lg_sections {margin-top:50px;}
    .mT10 {margin-top:10px;}
    .admin_login_wrap {width:80%;}
    .sub_body .container {width:95%;max-width:700px;margin:0 auto;}
    .sub_inner {padding:50px 0 90px 0;}
    .sub_body .container .location {font-size:27px;}
    .movie > .ytb_wrap > .ytb_box {width:100% !important;}
    .sub_body .container .location {width:91%;margin:0 auto;}


    /*tab*/
    .depth2_tap ul {box-shadow:none; padding:0; display: flex; flex-wrap: wrap; justify-content: space-around;}
    .depth2_tap ul li {margin-bottom:10px;}

    .depth2_tap li a {font-size:17px; padding:8px 45px; width: 140px; }
    .depth2_tap li.on a {font-size:17px;}



    /* ȫ������ */
    .festival_video h3 {font-size:2rem;}



    /* ���ô±�  */
    .mapWrap .text_area {flex-flow:column wrap;padding:0.8rem 1.5rem 1rem;}
    .logo_area {width:100%}
    .logo_area img.logo {width:100%; max-width:130px;}
    .map_img {width:100%; margin-top:1rem}
    .map_img img.location {width:100%;}
    .address_area {width:100%;padding-left:7px}
    .car {position:absolute; left:50%; bottom:0; margin-bottom:-1.1rem; margin-right:0; width:150px;}
    .parking_area {margin:4rem  auto 0; display:flex; flex-flow:column wrap;}
    .parking_area .parking_img {width:90%; box-sizing:border-box; margin:0 auto;}
    .parking_area .parking_img img {border:5px solid #ffd022;}
    .parking_area .parking_info {width:90%; padding:1.5rem 0; margin:0 auto;}
    .parking_area .parking_info h4 {color:#333; font-size:1.5rem; margin:0.5rem 0 1rem}
    .parking_area .parking_info li {margin-bottom:0.5rem; font-size:1rem;}
    .parking_area .parking_info li span.parking_no {font-size:0.9rem;line-height:2rem; width:29px; height:29px;}

}



/* 540px */
@media screen and (max-width:540px) {
    .sub_body .container {;padding:30px 0 50px 0;}
    .depth2_tap li a {padding:8px 29px;}

    /* sub_visual */
    /*
        .sv_01 {background:url('/img/sub/sub_visual01_s.jpg') center center no-repeat; height:350px; background-size:cover;}
        .sv_02 {background:url('/img/sub/sub_visual02_s.jpg') center center no-repeat; height:350px; background-size:cover;}
        .sv_03 {background:url('/img/sub/sub_visual03_s.jpg') center center no-repeat; height:350px; background-size:cover;}
        .sv_04 {background:url('/img/sub/sub_visual04_s.jpg') center center no-repeat; height:350px; background-size:cover;}
    */
    h2.sub_title {width:100%; position:absolute; text-align:center; color:#5e4323; font-weight:900; text-align:center;font-size:2rem; left:50%; top:60%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%);}

    /*************************** �Խ��� start ************************************/
    .search_wrap {text-align:center;}
    .search_wrap form {width:100%; display:flex; flex-flow:row wrap; justify-content:center; text-align:center;}
    .inputBox {width:250px !important;}
    input[type=text], input[type=date], select {padding: 12px 20px; margin: 8px 0; display: block; border: 1px solid #ccc; border-radius: 4px; box-sizing: border-box; width:100%}
    input[type=date] {width:30%;}
    input[type=submit] {background-color: #4CAF50; color: white; padding: 14px 20px; margin: 8px 0; border: none; border-radius: 4px; cursor: pointer;}
    input[type=submit]:hover {background-color: #45a049;}
    select {padding: 12px 18px; height:43px;}
    .inputBox input[type=text] {width:220px !important;}


    /* ��ư */
    .btn_area {margin-bottom:3rem}
    .btn_area a {margin:0 0.1rem 0.5rem; padding:0.7rem 3rem;}
    .btn_area a.go {padding:1rem 0.5rem;font-size:1rem; width:90%; text-align:center; box-sizing:border-box;}


    /*************************** �����Ұ� start ************************************/
    /* ����  */
    .overview {width:100%; text-align:center;}
    .overview > div {display:inline-block; width:90%; margin:0 auto;}
    .overview .poster_area {width:90%}
    .overview .poster_area img {width:100%;}
    .overview .overview_area {width:90%; padding-left:0; box-sizing:border-box; }
    .festival_title {font-size:2rem; line-height:2.5rem; margin-top:3rem}
    .festival_subject {margin-top:1.5rem; font-size:1.5rem;}

    /* ��������ǥ  */
    .schedule {padding:0; box-shadow:none}
    .schedule table {font-weight:400;margin-bottom:7rem;}
    .schedule table th,
    .schedule table td {font-size:0.8rem; line-height:1.2rem; border-right:2px solid #fff; border-left:2px solid #fff; padding:15px 3px; word-break:keep-all; box-sizing:border-box;}
    .schedule table td div {font-size:0.8rem; line-height:1.2rem;}
    .schedule .character1 {position:absolute; bottom:0rem; left:64%; width:15%;}
    .schedule .firework {position:absolute; bottom:4.5rem; left:54%;}
    .schedule .character2 {position:absolute; top:0; right:5%; width:12%; margin-top:-18%;}

    .daily {padding:3rem 1rem 10rem;}
    .daily_program {justify-content:start;}
    .daily_program li {width:48%; margin:10px 1% 0; min-height:auto;padding: 1rem;border-radius:0.5rem;}
    .daily_program li p {padding:0; margin:0; word-break:keep-all;}
    .daily_program li p.title {font-size:0.9rem; line-height:1.15rem; font-weight:700; min-height:42px;}
    .daily_program li p.category {font-size:0.8rem; font-weight:600;}
    .daily_program li .contents_area {flex-flow:column wrap; justify-content: space-between;}
    .daily_program li .text_area {width:100%; text-align:center}
    .daily_program li .img_area {width:100%; text-align:center}
    .daily_program li .img_area img {width:100%; max-width:84px;}


    /* �����  */
    .festival_area .text_area {width:100%; padding:2rem 1.5rem;}
    .festival_area .text_area ul li .stamp_list li {padding:1rem; width:50%; font-size:0.8rem !important; line-height:1rem; letter-spacing:-0.01rem;}
    ul.thema li {padding:0.2rem 0 !important; word-break:keep-all;}
    .festival_area table {font-weight:400;}
    .festival_area table th,
    .festival_area table td {font-size:0.8rem; line-height:1.2rem;padding:10px 5px; word-break:keep-all; box-sizing:border-box;}
    .festival_area li{font-size:0.85rem;}
    .table_scroll {overflow-x:auto;}
    /* ����� modal  */
    #btnWrap { width: 200px; bottom:-1.5rem;margin-left:-200px; left:97%;}
    #popupBtn {width: 200px; height: 42px; padding: 7px 7px;font-size:1rem;}
    #modalWrap,
    #modalWrap2
    #modalWrap3
    #modalWrap4 {padding-top: 20%;}
    #modalBody {width: 96%;}
    #closeBtn {margin-top:-2.5rem;font-size:2.5rem;}


    /* ���α׷�  */
    .festival_program p.slogan {font-size:2rem; margin-bottom:2rem}
    .festival_program .program_list {display:flex; flex-flow:column wrap; width:90%; margin:0 auto;}
    .festival_program .program_list li {width:100%; margin-right:0%; margin-bottom:2rem;}
    .festival_program .program_list li:nth-child(3n) {margin-right:0%;}
    .festival_program .program_list li img {height:270px;}
    .festival_program .program_list li h4 {font-size:1.3rem;}
    .festival_program .program_list dl {margin-top:0.8rem; width:100%}
    .festival_program .program_list dt.date,
    .festival_program .program_list dt.location,
    .festival_program .program_list dt.singer {font-size:0.9rem !important;text-align:left; box-sizing:border-box}
    .festival_program .program_list dt.location{margin:0; width:60px;}
    .program_text {position:relative}
    .program_text a.more {position:absolute; bottom:1.5rem; right:1.5rem; color:#333; border:0; padding:0;}
    .program_text a:hover.more {color:#000}
    .program_text a.more img {width:50px; height:18px; margin-left: 5px;animation: move_right 1s ease-in-out infinite;}


    /* �����̾߱�  */
    .yuja_story {width:90%; margin:0 auto;}
    .yuja_story .story {margin-top:2rem; box-shadow:none; padding:0;}
    .yuja_story .story .text_area{padding:0 0 3rem; position:relative}
    .yuja_story .story,
    .yuja_story .story p {text-align:left; font-size:1rem;}
    .yuja_story .story p {margin:3rem 0; line-height:1.6rem;}
    .yuja_story .story p span.slogan {font-size:1.3rem;line-height:1.8rem;}
    .yuja_story .story p span.bg_yuja {line-height:1.8rem; font-size:1.5rem;}
    .yuja_story .story p.title {font-size:2.5rem; line-height:2.8rem; margin-bottom:1.5rem; margin-top:3rem;}
    .yuja_story .story p br {display:none;}
    .yuja_story .story p br.visible {display:block;}
    .yuja_story .story .text_area .btn_area {margin-bottom:0; margin-right:0rem;}
    /*************************** �����Ұ� end ************************************/

    /*************************** �̺�Ʈ start ************************************/
    /* �¶��� �̺�Ʈ */
    .board_list {margin:0 auto; width:90%;}
    .board_list li {display:flex; flex-flow:column wrap; width:100%; margin-right:0; margin-left:0; height:auto; margin-bottom:2rem !important; box-shadow:0 0 10px rgba(0,0,0,.25);}
    .board_list li .img_wrap {width:100%; height:230px;}
    .board_list li .img_wrap img {width:100%; height:100%;}
    .board_list li .text_wrap {width:100%; box-sizing:border-box; padding:0.3rem 1.5rem 1rem;}
    .board_list li:hover .img_wrap img {transform: scale(1);}
    .board_list li .text_wrap .list_title {font-size:1.5rem}
    .board_list li .text_wrap .event_status {font-size:0.95rem; line-height:0.95rem; font-weight:700; color:#fff; display:inline-block; padding:0.3rem 0.8rem; border-radius:20px;}
    .board_list li .text_wrap dl {margin-top:0.8rem; width:100%}
    .board_list li .text_wrap dt,
    .board_list li .text_wrap dd {font-size:0.9rem !important;text-align:left; box-sizing:border-box}
    .board_list li .text_wrap dt.location{margin:0; width:60px;}

    .view_wrap {padding:0; width:90%; box-shadow:none;}
    .viewhead h3 {margin:0.7rem auto !important; text-align:center; word-break:keep-all;}
    .view_title {padding:0.3rem 0;line-height:1.8rem; font-size:1.4rem; font-weight:800;}
    .view_status {font-size:0.95rem; line-height:0.95rem; padding:0.3rem 0.8rem;}
    .view_dates {font-size:0.95rem;}
    .viewcotent {padding:3rem 0 0;}
    .viewcotent .contents_wrap {padding:2rem 0}
    .viewcotent .contents_wrap .contents p {font-size:1rem;line-height:1.5rem !important; font-weight:500; color:#333;}
    .viewcotent .content img {width:100%;}
    .viewtit {text-align:left; font-size:1.7rem; line-height:2.2rem;font-weight:700;}
    .viewheadinfo ul li {padding:0 5px 0px 15px;}
    .view_dates dt {margin-right:0; padding-left:20px; width:62px; box-sizing:border-box; text-align:left; padding-bottom:0.3rem; padding-top:0.3rem}
    .view_dates dt.long {width:90px;}
    .view_dates dd {width:calc(100% - 70px); text-align:left; padding-bottom:0.3rem; padding-top:0.3rem}
    .view_dates dd.long {width:calc(100% - 95px);}
    .view_dates dd.dates {margin-right:0;}

    /*************************** Ŀ�´�Ƽ start ************************************/

    /* ����*/
    .notice {width:90%; margin:0 auto;}
    .notice .table_list tr.th_mobile {display:none}
    .notice .table_list tr.tr_flex {display:flex; flex-flow:column wrap; border-bottom:1px solid #ccc;}
    .notice .table_list td {width:100%; border:0;}
    .notice .table_list .title {width:100%; font-size:1.2rem; font-weight:700; padding:20px 10px 10px; }
    .notice .table_list .date {width:100%;text-align:left;padding:0 10px 20px; font-size:0.85rem; color:#777;}
    .notice .table_list .name {display:none;}
    .notice .table_list .count {display:none;}
    .viewheadinfo ul {display:flex; flex-flow:row wrap; justify-content:flex-end; margin-bottom:10px}
    .viewheadinfo ul li {padding-left:20px;}

    /* ������ */
    .event_list {width:94%; margin:0 auto;}
    .event_list li {width:47%; background:#fff; margin:1.5%; border-radius:1rem;}
    .event_list li .img_wrap {height:140px;overflow: hidden;border-top-left-radius:0.8rem; border-top-right-radius:0.8rem;}
    .event_list li .img_wrap img {height:140px;}
    .event_list li:hover .img_wrap img {transform: scale(1);}
    .event_list li .text_area {text-align:left; padding:0.7rem 1.2rem;}
    .event_list li .text_area p.title {font-size:1rem; line-height:1.3rem; padding:0;}
    .event_list li .text_area p.date {font-size:0.8rem; color:#777; padding:0; margin:0}

    .event_list dl { margin-top:0.5rem; line-height:1.3rem;}
    .event_list dt,
    .event_list dd {padding:0 0 0 15px; width:100% !important;font-size:0.8rem; line-height:1rem}
    .event_list dl dt {width:100% !important;margin:5px 0 2px}
    .event_list dl dd {margin-bottom:5px}
    .event_list dt.date,
    .event_list dt.pay {letter-spacing:0; padding-left:15px;background-position:0 2px;}
    .event_list dt.date {background-size:10px auto;}
    .event_list dt.pay {background-size:10px auto;}
    .img_poster2022 {width:100%;float:left;clear:both;margin-top:30px;text-align:center;}

    /* ������������ */
    .festival_gallery .gallery {width:92%;}
    .festival_gallery .gallery li .photo_area {height:130px;}
    .festival_gallery .gallery li .photo_area img {height:130px;}
    .festival_gallery .gallery li .photo_title {font-size:1.1rem;letter-spacing:0; text-align:left;}
    .festival_gallery .mySlides img {height:300px;}
    .festival_gallery .modal-content {margin:0 auto; margin-top:150px;}

    /* ȫ������*/
    .festival_video{width:90%; margin:0 auto 5rem;}
    .videowrap {padding:4rem 1rem 6rem;}
    .video_list {padding-top: 2rem;}
    .video_list li {width:47%; margin:1.5%;}
    .video_list li p {font-size:1rem; padding:0.7rem 1em;}
    .videowrap #modalBody,
    .videowrap #modalBody2,
    .videowrap #modalBody3,
    .videowrap #modalBody4 {width: 96%;}
    .play {
        width: 40px !important;
        height: 40px !important;
        position: absolute;
        left: 50%;
        top: 50%;
        margin-left: -20px;
        margin-top: -20px;
        z-index: 9;
        scale: 1 !important;
    }
}

/* 414px */
@media screen and (max-width:414px) {

    .sub_movie_wrap {height:201px !important;}




    .sub_inner {padding:30px 0 50px 0;}


    .sub_body .container .location {font-size:21px;}

    /* �غ����Դϴ� */
    .ready {width:100%;float:left;clear:both;margin-top:70px;text-align:center;}
    .ready img {width:60%;}
    .readytxt {font-size:19px;padding-top:50px;font-weight:500;}

    .depth2_tap {width:90%;clear:both;text-align:center; margin:0 auto;}
    .depth2_tap li {display:inline-block}
    .depth2_tap li a {font-size:15px;font-weight:500;display:inline-block;padding:4px 13px;border-radius:50em;}
    .depth2_tap li.on a {font-size:15px;font-weight:500;background:#282c2f;color:#fff;}

    .sub_body {margin-top:30px;}

}

/* 360px */
@media screen and (max-width:360px) {

    .sub_body .container {width:90%;max-width:360px;margin:0 auto;}


    .depth2_tap li a {font-size:15px;padding:6px 38px;}
    .depth2_tap li.on a {font-size:15px;}

}

/* 280px */
@media screen and (max-width:280px) {

    .sub_body .container {width:90%;margin:0 auto;}


    .depth2_tap li a {font-size:15px;padding:6px 38px;}
    .depth2_tap li.on a {font-size:15px;}


}

/* 출연진 아코디언 스타일 */
.lineup-accordion {
    width: 100%;
    position: relative;
    min-height: 2.8rem;
}

.lineup-section {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    background: #fff;
    z-index: 10;
}

.lineup-toggle {
    width: 100%;
    padding: 0.3rem;
    background: #f8f8f8;
    border: none;
    text-align: left;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: background-color 0.3s;
    font-size: 0.95rem;
    border-radius: 6px;
}

.lineup-toggle:hover {
    background: #f0f0f0;
}

.lineup-toggle.active {
    background: #ffd54f;
    border-radius: 6px 6px 0 0;
}

.lineup-title {
    font-weight: 600;
    color: #333;
}

.toggle-icon {
    transition: transform 0.3s;
    color: #666;
    font-size: 0.8rem;
    margin-left: 0.5rem;
}

.lineup-toggle.active .toggle-icon {
    transform: rotate(180deg);
}

.lineup-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease-out;
    background: #fff;
    border-radius: 0 0 6px 6px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.lineup-content.active {
    max-height: 1000px;
    position: relative;
    z-index: 9999;
}

.lineup-part {
    padding: 0.3rem;
    line-height: 1.8;
    color: #555;
    border-top: 1px solid #f0f0f0;
}

.lineup-part:first-child {
    border-top: none;
}

.lineup-part:last-child {
}

.lineup-part strong {
    color: #333;
    font-weight: 600;
    display: inline-block;
    min-width: 2rem;
}

/* 모바일 반응형 */
@media screen and (max-width: 768px) {
    .lineup-accordion {
        min-height: 2.6rem;
    }

    .lineup-toggle {
        padding: 0.7rem 0.8rem;
        font-size: 0.9rem;
    }

    .lineup-part {
        font-size: 0.9rem;
        line-height: 2;
        padding: 0.7rem 0.8rem;
    }

    .lineup-part:first-child {
        padding-top: 0.9rem;
    }

    .lineup-part:last-child {
        padding-bottom: 0.9rem;
    }
}

@media screen and (max-width: 480px) {
    .lineup-accordion {
        min-height: 2.4rem;
    }

    .lineup-toggle {
        padding: 0.6rem 0.7rem;
        font-size: 0.85rem;
    }

    .lineup-title {
        font-size: 0.85rem;
    }

    .lineup-part {
        font-size: 0.85rem;
        line-height: 2.2;
        padding: 0.6rem 0.7rem;
    }

    .lineup-part:first-child {
        padding-top: 0.8rem;
    }

    .lineup-part:last-child {
        padding-bottom: 0.8rem;
    }

    .lineup-part strong {
        display: block;
        margin-bottom: 0.3rem;
    }
}