h4 {position:relative; display:inline-block;padding:20px 0 25px 0; font-size:1.45em; color:#000; letter-spacing:-1px;font-weight:bold; line-height:1.3; font-family:'GmarketSansMedium'; } h4::before {position:absolute; top:0; left:4px; content:''; width:11px; height:11px; background:var(--color1); border-radius:10px; transition:all 0.3s ease;} h4::after {position:absolute; top:0; left:15px; content:''; width:11px; height:11px; background:var(--color2); border-radius:10px; transition:all 0.3s ease;} h5 {position:relative; text-align:left;font-family:"Noto Sans KR";font-weight:600; padding:0 0 15px 20px;font-size:1.2em;color:#222;letter-spacing:-1px; } h5:before {position:absolute;content:''; left:0;top:5px;width:7px; height:7px; border:4px solid var(--color1);border-radius:50%; } h6 { position:relative; text-align:left; padding:0 0 20px 12px;font-size:1.15em;color:var(--color1);letter-spacing:-1px;font-weight:bold; } h6:before {content:'';position:absolute; display:block; left:0;top:6px;width:4px; height:15px; background:var(--color1); border-radius:5px;} .sub_txtline {font-weight:700; box-shadow: inset 0 -10px 0 #ffeab8; } @media screen and (max-width:800px) { h4 { font-size:1.35em; padding:18px 0 30px 0; } h4::before { width:10px; height:10px; } h4::after { left:14px; width:10px; height:10px; } h5:before {top:5px; border:3px solid var(--color1); } } @media screen and (max-width:600px) { h4 { font-size:1.25em; } h5 {font-size:1.1em; } } .sub_line01 {padding-top:40px;margin-top:40px;border-top:1px dashed #dfdfdf;} .sub_cont {position:relative; text-align:justify; } .sub_cont01 {position:relative; text-align:justify; margin:0 0 50px 0; } .sub_cont02 {padding-left:15px; text-align:justify; } .sub_cont_box01 {border:1px solid #ddd; padding:18px; background:#f7f7f7; } .sub_list {padding:7px 0 0 10px; } .sub_list01 {position:relative; list-style:none; padding:0 0 4px 13px; line-height:150%; } .sub_list01 b {color:#333; font-weight:bold;} .sub_list01:before {content:''; position:absolute; top:10px;left:2px; width:4px; height:4px; background:var(--color1); border-radius:5px; } .sub_list02 {position:relative;display:block; list-style:none; padding:0 0 10px 15px; line-height:150%; } .sub_list02:before {content:''; position:absolute; top:11px;left:3px; width:5px; height:2px; background:#777;} .sub_list03 {list-style:none; background:url('../image/common/icon02.gif') no-repeat 0 10px; padding:0 0 5px 9px; line-height:150%; } .sub_cont_question {background:url('../image/common/sub_cont_icon01.png') no-repeat 0 0; padding:0 0 7px 40px; } /* 셔틀버스 시간표 다운로드 */ .bus_btn01 { position:absolute; right:0; bottom:0; padding-top:20px;} .bus_btn01 a {position:relative; font-weight:bold; display:inline-block; letter-spacing:-1px; padding: 0 30px; color:#fff; text-align:center; line-height:60px; cursor:pointer; transition: all 0.3s ease; border-radius:50px; background:var(--gra1); background-size:600%;transition:all 0.3s ease;} .bus_btn01 a span {position:relative; display:inline-block;top:2px; margin-left:15px; width:18px;height:18px; background:url('../image/common/btn_arrow.png') no-repeat center 0; background-size:100% auto; } .bus_btn01 a:hover { background-size:200%;box-shadow: 3px 3px 12px 0 rgba(0,0,0,0.2); } @media screen and (max-width:900px) { .bus_btn01 { position:relative; right:initial; bottom:initial; text-align:center; } .bus_btn01 a { padding: 0 25px; line-height:52px; } } /* 서브 디자인 관련 ===================================================================================== */ .sub_title_txt01 {margin-bottom:10px; font-size:2em; color:#000; line-height:1.4; letter-spacing:-2.5px;} .sub_title_txt01 span { color:var(--color1);} .sub_title_txt02 {margin-bottom:20px; font-size:1.2em;color:#333;font-weight:bold; line-height:140%; letter-spacing:-1px;} .sub_title_txt02 span {} .t_orange {color:var(--color1);} .infobox {position:relative; margin:0 0 40px 0; padding:20px 50px;} .infobox:before, .infobox:after { content: ''; display: block; border: 10px solid #eee; height: 90%; width: 30px; position: absolute; top: 0; } .infobox:before {left: 0; border-right: none; } .infobox:after {right: 0; border-left: none; } .infolist {overflow:hidden; margin:7px 0; letter-spacing:-1px;} .infolist dt {font-family:'Noto Sans KR'; float:left; text-align:center; width:120px; height:38px; line-height:34px; border-radius:50px; border:2px solid #f5732e; color:#f5732e; font-size:15px; } .infolist dd {text-align:left; padding:7px 0 0 135px; color:#333; font-weight:500;} .stoty_txt {text-align:center; margin:40px 0 20px 0; line-height:150%;} .story_img:after {content:""; display:block; clear:both;} .story_img li {float:left; width:32.5%; border-top:1px solid #eaeaea; -webkit-box-shadow: 0 5px 8px 0px rgba(0,0,0,0.2);-moz-box-shadow: 0 5px 8px 0px rgba(0,0,0,0.2);box-shadow: 0 5px 8px 0px rgba(0,0,0,0.2); } .story_img li:first-child {margin-right:1.3%;} .story_img li:last-child {float:right;} .story_imgbox {border-top:1px solid #eaeaea; -webkit-box-shadow: 0 5px 8px 0px rgba(0,0,0,0.2);-moz-box-shadow: 0 5px 8px 0px rgba(0,0,0,0.2);box-shadow: 0 5px 8px 0px rgba(0,0,0,0.2);} .btn_list {text-align:center; margin-bottom:40px;} .enter_btn {background:url("../image/sub/btnacc_enter.png") no-repeat 20px center #c81c21; background-size:25px auto; } .down_btn {background:url("../image/sub/btnacc_down.png") no-repeat 25px center #f5732e; background-size:25px auto; } .btn_list p {display:inline-block; zoom:1; *display:inline; padding:0 40px 0 60px; height:52px; line-height:50px; font-family:'Noto Sans KR'; color:#fff; font-size:1.1em; letter-spacing:-1px; border-radius:2px;} .btn_list p:hover {background-color:#000;} /* screen 1024*/ @media screen and (max-width:1024px) { .btn_list p {font-size:0.95em; height:42px; line-height:40px; padding:0 20px 0 50px;} .enter_btn, .down_btn {background-position:15px center;} } /* screen 580 */ @media screen and (max-width:580px) { .infolist dt {float:none; width:100%; margin-bottom:5px;} .infolist dd {padding:10px 0 0 0;} .btn_list p {display:block; margin:1px; padding:0; text-align:center;} } /* screen 1024*/ @media screen and (max-width:1024px) { .sub_title_txt01 {font-size:1.3em;} .sub_title_txt02 {font-size:1.1em;} .cont_line {margin-bottom:20px;} .int_box .photo {float:none; text-align:center;} .int_box .photo img {width:70%;} .int_btm {text-align:center; font-size:1em;} .int_box .txt {padding:30px 0 0 0;} .int_box .txt_group {font-size:0.85em; padding:0;} .intro01 .img img, .intro02 .img img {width:100%;} .intro01 .txtarea .tit {font-sizE:1.2em; margin-bottom:7px;} .stoty_txt {margin:20px 10px; font-size:0.85em;} } /* 서브내용 ===================================================================================== */ .cont_line {position:relative; width:100%; height:1px; margin-bottom:30px; background:#ddd;} .cont_line:after {content:''; display:block; position:absolute; top:0; left:0; width:15%; height:2px; background:var(--color1); } .int_list {} .int_list dl {overflow:hidden; padding:0 0 7px 0; } .int_list dl dt {float:left; width:120px; font-weight:bold; font-size:0.9em;line-height:26px; padding:0 0 0 0; text-align:center; color:#f36523; border-radius:22px; border:2px solid #f36523; } .int_list dl dd {padding:5px 0 0 135px; } /* 인사말 ===================================================================================== */ .greeting_wrap {position:relative; display: grid; grid-template-columns: repeat(2, 1fr); transition:all 0.3s ease;} .greeting_wrap .img {position:relative; width:100%; overflow:hidden; transition:all 0.3s ease;} .greeting_wrap .img img {width:100%; height:100%; object-fit:cover;transition:all 0.3s ease;} .greeting_wrap .summary {position:relative; } .greeting_wrap .summary .tit_wrap {position:relative; top:50px; padding:60px 40px 40px 70px; z-index:2; transition:all 0.3s ease;} .greeting_wrap .summary .tit_wrap::before {position:absolute; content:''; left:-60px;top:0; width:calc(100% + 50px);height:100%;border:9px solid #eee; } .greeting_wrap .summary .tit01 {position:relative;display:inline-block; font-family: 'GmarketSansMedium'; font-size:2.1em; color:var(--color1); line-height:1.25; letter-spacing:-2px; padding:0 0 20px 0; z-index:2; transition:all 0.3s ease;} .greeting_wrap .summary .tit02 {display:block;font-weight:500; font-size:1.2em;color:#333 ; line-height:1.5; letter-spacing:-1px;transition:all 0.3s ease;} .greeting_wrap .summary .tit01::before {position:absolute;content:'“'; top:-40px;left:-60px; color:#ececec; font-family: 'S-CoreDream-5Medium'; font-size:8rem;z-index:1; } .greeting_wrap .summary .tit01::after {position:absolute;content:'“'; bottom:-10px;right:-65px; color:#ececec; font-family: 'S-CoreDream-5Medium'; font-size:8rem; transform: rotate(180deg); -webkit-transform: rotate(180deg);} .greeting_cont {position:relative; padding:0 0 0 70px; margin-top:100px; transition:all 0.3s ease;} .greeting_cont .txt01 {font-size:1.7em;color:#0a8b00 !important; font-family: 'S-CoreDream-7ExtraBold';letter-spacing:-1px;line-height:1.2; padding:0 0 15px 0;} .greeting_cont p {font-size:1.05em; padding:15px 0;} .greeting_ceo {padding:30px 0 30px 70px; font-size:1.1em; font-weight: 500; line-height:1.6;color:#333;} .greeting_ceo p {display:inline-block;font-size:1.3em; font-weight: 600; color:#000; } @media screen and (max-width:1200px) { .greeting_wrap .summary .tit_wrap { padding:60px 40px 40px 50px; } .greeting_wrap .summary .tit01 { font-size:1.8em; } .greeting_wrap .summary .tit02 { font-size:1.15em; line-height:1.4; } .greeting_cont { padding:0 0 0 50px; } .greeting_cont .txt01 {font-size:1.6em;} .greeting_ceo {padding:30px 0 10px 50px;} } @media screen and (max-width:1024px) { .greeting_wrap { grid-template-columns: repeat(1, 1fr); gap:40px; } .greeting_wrap .img {aspect-ratio:1/0.85; } .greeting_wrap .summary .tit_wrap::before {display:none;} .greeting_wrap .summary .tit01::before { top:-25px;left:-35px;font-size:5rem; } .greeting_wrap .summary .tit01::after { bottom:0;right:-40px;font-size:5rem; } .greeting_wrap .summary .tit_wrap { top:0; padding:0;text-align:center; } .greeting_wrap .summary .tit01 br {display:none;} .greeting_wrap .summary .tit01 { font-size:1.65em;padding:0 0 15px 0; } .greeting_wrap .summary .tit02 { font-size:1.1em; } .greeting_cont {padding:30px 0 0 0 ;margin-top:30px; border-top:1px dashed #ddd; text-align:center;} .greeting_ceo {padding: 20px 0; text-align:center;} } @media screen and (max-width:800px) { .greeting_wrap { gap:30px; } .greeting_wrap .summary .tit01 { font-size:1.55em; padding:0 0 10px 0; letter-spacing:-1.5px; } .greeting_wrap .summary .tit02 { font-size:1.05em; } .greeting_wrap .summary .tit01::before, .greeting_wrap .summary .tit01::after { font-size:4.5rem; } .greeting_cont .txt01 {font-size:1.4em; padding:0 0 15px 0;} .greeting_cont p {font-size:1em;padding:10px 0; } .greeting_ceo {font-size:1.05em; } .greeting_ceo p {font-size:1.25em; } } @media screen and (max-width:600px) { .greeting_wrap .summary .tit01 br {display:block;} .greeting_wrap .summary .tit01::before { top:-17px;left:10px;font-size:4rem; } .greeting_wrap .summary .tit01::after { bottom:0;right:-40px;font-size:4rem; } } @media screen and (max-width:480px) { .greeting_wrap .summary .tit01 { font-size:1.45em; } .greeting_cont .txt01 {font-size:1.3em; padding:0 0 10px 0;} } /* 인사말 ===================================================================================== */ .down_btn {display:inline-block; zoom:1;*display:inline; background: url('../image/sub/acc_down.png') no-repeat 20px center #c5272e; background-size:15px; padding:12px 22px 12px 45px;} .down_btn a {font-family:'Noto Sans KR'; color:#fff; font-size:0.9em;} .down_btn:hover {background-color:#33353a;} /* 인사말 ===================================================================================== */ .int_box {overflow:hidden;} .int_box .photo {float:right;} .int_box .txt {padding:30px 0 0 0;} .int_box .txt_group {font-size:1.05em; line-height:160%; padding-top:10px;} .int_btm {font-size:1.25em; color:#222; text-align:right; margin-top:20px;} /* screen 1024*/ @media screen and (max-width:1024px) { .int_box .photo {float:none; text-align:center;} .int_box .photo img {width:70%;} .int_btm {text-align:center; font-size:1em;} .int_box .txt {padding:30px 0 0 0;} .int_box .txt_group {font-size:0.85em; padding:0;} } /* 와일드푸드이야기 ===================================================================================== */ .int_story_wrap {position:relative; max-width:1260px; margin:auto; padding:20px 0 0 0 ; display: flex; flex-direction: column; gap:80px;transition:all 0.3s ease; word-break:keep-all ; } .int_story_wrap li {position:relative; display: grid; grid-template-columns: repeat(2, 1fr); gap:40px;transition:all 0.3s ease;} .int_story_wrap li .img {position:relative;overflow:hidden; border-radius:150px 0 0 0 ; transition:all 0.3s ease;} .int_story_wrap li:nth-child(2) .img {border-radius:0 150px 0 0 ;} .int_story_wrap li .img img {width:100%;height:100%;object-fit:cover;transition:all 0.3s ease;} .int_story_wrap li .box { position:relative; padding-top:20px; } .int_story_wrap li .no {position:relative; font-size:2.5em; font-weight:700; color:#666; margin-bottom:25px; opacity:0.5; } .int_story_wrap li .tit {position:relative; font-size:2.3em; font-weight:bold;letter-spacing:-1px;padding:0 0 20px 0;color:#000;} .int_story_wrap li .txt01 {position:relative; display:inline-block;font-size:1.2em;font-weight:500; letter-spacing:-1px; margin:0 0 25px 0; color:#0a8b00; } .int_story_wrap li .txt01::before { position: absolute; bottom:0px; content: ''; display: block; width: 100%; height: 7px; background: #ffe88a; z-index: -1;} .int_story_wrap li .txt02 { padding:0 0 15px 0;line-height:160%; letter-spacing:-1px;} .int_story_wrap li .txt02 p {font-size:1.1em;font-weight:500; padding:0 0 5px 0;color:var(--color1);} .int_story_wrap li .cont { } .int_story_wrap li .cont p {position:relative; color:#777;letter-spacing:-1px; padding:0 0 10px 12px; line-height:1.4;} .int_story_wrap li .cont p:after {position:absolute; content:''; display:block; left:2px; top:9px; width:3px; height:3px; background:#777; } @media screen and (max-width:1260px) { .int_story_wrap li:first-child .img::before{ top:-10px;left:-10px; border-left:15px solid var(--color1); border-top:15px solid var(--color1);border-right: 15px solid transparent; border-bottom: 15px solid transparent; } .int_story_wrap li:last-child .img::before{ bottom:-10px;right:-10px; border-right:15px solid var(--color1); border-bottom:15px solid var(--color1);border-left: 15px solid transparent; border-top: 15px solid transparent; } } @media screen and (max-width:1024px) { .int_story_wrap { gap:60px;} .int_story_wrap li { gap:30px; } .int_story_wrap li .img { border-radius:80px 0 0 0 ; } .int_story_wrap li:nth-child(2) .img {border-radius:0 80px 0 0 ;} .int_story_wrap li .box { padding-top:15px; } .int_story_wrap li .no { font-size:2.2em;margin-bottom:15px; } .int_story_wrap li .tit {font-size:2em;} } @media screen and (max-width:800px) { .int_story_wrap { padding: 0 ;gap:40px;} .int_story_wrap li { grid-template-columns: repeat(1, 1fr); gap:30px; } .int_story_wrap li .img { order: 1; } .int_story_wrap li .box { order: 2; } .int_story_wrap li .no { font-size:2em; } .int_story_wrap li .tit {font-size:1.7em;padding:0 0 15px 0;} .int_story_wrap li .txt01 {font-size:1.15em;margin:0 0 20px 0; } } @media screen and (max-width:600px) { .int_story_wrap { gap:20px;} .int_story_wrap li { gap:20px;} .int_story_wrap li .img { border-radius:50px 0 0 0 ; } .int_story_wrap li:nth-child(2) .img {border-radius:0 50px 0 0 ;} .int_story_wrap li .no { font-size:1.8em; margin-bottom:10px; } .int_story_wrap li .tit {font-size:1.6em; } .int_story_wrap li .txt01 {font-size:1.1em; } } /* 와일드푸드이야기 ===================================================================================== */ /* sns 공유하기 ===================================================================================== */ .sub_sns_wrap {position:relative; overflow:hidden;text-align:center;padding:0 0 25px 0;} .sub_sns_box {display:inline-block; border:4px solid #ee514d; border-radius:50px;overflow:hidden;background:#ee514d;} .sub_sns_box_tit {float:left;text-align:right; font-size:1.2em;font-weight:500;color:#fff;padding:16px 20px 0 25px ;letter-spacing:-1px;} .sub_sns_box ul {float:left;text-align:left;background:#fff;padding:10px 10px 6px 10px;border-radius:40px;} .sub_sns_box ul li {display:inline-block;margin:0 3px;} .sub_sns_icon01 {background: url('../image/sub/sns_icon01.png') no-repeat 0 0; width:35px;height:35px;background-size:35px; cursor:pointer;} .sub_sns_icon02 {background: url('../image/sub/sns_icon02.png') no-repeat 0 0; width:35px;height:35px;background-size:35px; cursor:pointer;} .sub_sns_icon03 {background: url('../image/sub/sns_icon03.png') no-repeat 0 0; width:35px;height:35px;background-size:35px; cursor:pointer;} .sub_sns_icon04 {background: url('../image/sub/sns_icon04.png') no-repeat 0 0; width:35px;height:35px;background-size:35px; cursor:pointer;} .sub_sns_icon05 {background: url('../image/sub/sns_icon05.png') no-repeat 0 0;width:35px;height:35px;background-size:35px; cursor:pointer;} .sub_invite_imgbox {position:relative; } .sub_invite_imgbox img {max-width:100%;} .sub_invite_btnbox {position:relative; display: flex; flex-flow:wrap;justify-content: space-between; padding:50px 0;} .sub_invite_btnbox p {display:inline-block;text-align:center; border-radius:15px;border:4px solid #f46a17;background:#f46a17;width:32%;line-height:60px; } .sub_invite_btnbox p a {color:#fff;font-size:1.15em;font-weight:700;letter-spacing:-1px;display:block;} /* 와푸이야기 ===================================================================================== */ .intro01 {position:relative; overflow:hidden; padding:20px 0;} .intro01:after {content:""; display:block; clear:both;} .intro01 .img {float:right;} .intro01 .txtarea {float:left; margin-top:-70px; width:480px; padding:30px; background:#f7913d; -webkit-box-shadow: 0 5px 8px 0px rgba(0,0,0,0.2);-moz-box-shadow: 0 5px 8px 0px rgba(0,0,0,0.2);box-shadow: 0 5px 8px 0px rgba(0,0,0,0.2);} .intro01 .txtarea .tit {font-size:1.4em; color:#fff; letter-spacing:-2px; margin-bottom:15px;} .intro01 .txtarea .tit span {color:#fffc00; } .intro01 .txtarea .txt {color:#fff; font-family:'Noto Sans KR';} /* screen 1024*/ @media screen and (max-width:1024px) { .intro01 .img img, .intro02 .img img {width:100%;} .intro01 .txtarea .tit {font-sizE:1.2em; margin-bottom:7px;} } @media screen and (max-width:785px) { .intro01, .intro02 {padding:10px 0;} .intro01 .img, .intro02 .img {float:none;} .intro01 .txtarea, .intro02 .txtarea {float:none; margin:0; width:100%; padding:20px; } .intro01 .txtarea .txt, .intro02 .txtarea .txt {font-size:0.85em;} } /* 와푸이야기 ===================================================================================== */ /* 행사장 지도 ========================*/ .int_map {position:relative; overflow:hidden; text-align:center; } .int_map img {max-width:100%;} .int_map_btn {padding:40px 0 0 0;text-align:center;} .int_map_btn p {display:inline-block;padding:0 35px; line-height:55px; background:var(--color1); color:#fff; font-size:1.1em; letter-spacing:-1px;font-weight:bold; border-radius:50px;} .int_park_txt {font-size:1.2em;font-weight:bold;color:#f32a26;padding:10px 0 40px 0;text-align:center;line-height:160%;letter-spacing:-1px;} .int_park_btn {display:inline-block;border:1px solid var(--color1);padding:2px 5px;color:var(--color1);letter-spacing:-1px;font-size:0.85em; border-radius:2px;} /* screen 1024*/ @media screen and (max-width:1024px) { .int_wrap {position:relative; overflow:hidden; margin:20px 0 0 0;padding:0 0 40px 0;} .int_wrap .img {position:absolute;right:0;top:0;width:30%;z-index:1;} .int_wrap .tit {float:left;padding:40px;width:65%;box-sizing:border-box;} .int_tit01 {margin-bottom:10px; font-size:1.8em; } .int_tit02 { font-size:1.2em; } .int_tit03 {font-size:1.5em;color:var(--color1) !important;font-weight:bold;padding:0 0 15px 0;} .int_story { margin:0 0 50px 0;} .int_story_tit {font-size:2.1em; } .int_story_txt01 {display:inline-block;font-size:1.1em;padding:5px 8px; } .int_story_txt02 {font-size:1em;padding:0 0 10px 0;} .int_story_txt02 p {font-size:1.2em; padding:0 0 5px 0;color:var(--color1);} .int_story_cont {font-size:1em; } } /* screen 820*/ @media screen and (max-width:820px) { .int_story { margin:0 0 10px 0;} .int_story_box {float:none;width:100%;padding: 20px 0 0 0; } .int_story_img {float:none;width:100%;height:280px;padding:0 0 20px 0; } .int_story_box02 {float:none;width:100%;padding: 20px 0 0 0; } .int_story_img02 {float:none;width:100%;height:280px; } .int_park_txt {font-size:1.1em; padding:10px 0 20px 0;text-align:center;line-height:140%;} .int_wrap .inner {position:relative; overflow:hidden;background:url('../image/sub/aa01_.png') no-repeat right 10px #f0f0f0;background-size:auto 100%;} .int_wrap .tit {float:left;padding:25px 20px;width:100% ;box-sizing:border-box;} .int_wrap .img {display:none; } .int_tit01 { line-height:130%; font-size:1.7em; } .int_tit02 { font-size:1.2em; } .int_tit03 {font-size:1.4em;color:var(--color1) !important;font-weight:bold;padding:0 0 15px 0;} .int_cont {padding:30px 15px 0 15px;width:100%;box-sizing:border-box;} .int_cont p { color:#111; padding: 10px 0;} .int_cont p strong {font-size:1.1em; font-weight:bold;padding:0 0 10px 0;} .sub_sns_box_tit { font-size:1.1em; padding:13px 20px 0 20px ; } .sub_sns_box ul { padding:7px 10px 3px 10px; } } /* screen 600 */ @media screen and (max-width:600px) { .int_tit01 { font-size:1.6em; } .int_tit02 { font-size:1.1em; } .sub_sns_box_tit { font-size:1.1em; padding:13px 15px 0 15px ; } .int_park_txt {font-size:1.05em; padding:0 0 20px 0;text-align:center;line-height:130%;font-weight:normal;} } /* screen 480 */ @media screen and (max-width:480px) { .int_story_img { height:180px; } .int_story_img02 { height:180px; } } .stoty_txt {text-align:center; margin:40px 0; font-size:1.05em; line-height:150%;} .story_img {} .story_img:after {content:""; display:block; clear:both;} .story_img li {float:left; width:32.5%; border-top:1px solid #eaeaea; -webkit-box-shadow: 0 5px 8px 0px rgba(0,0,0,0.2);-moz-box-shadow: 0 5px 8px 0px rgba(0,0,0,0.2);box-shadow: 0 5px 8px 0px rgba(0,0,0,0.2); } .story_img li:first-child {margin-right:1.3%;} .story_img li:last-child {float:right;} .story_imgbox {border-top:1px solid #eaeaea; -webkit-box-shadow: 0 5px 8px 0px rgba(0,0,0,0.2);-moz-box-shadow: 0 5px 8px 0px rgba(0,0,0,0.2);box-shadow: 0 5px 8px 0px rgba(0,0,0,0.2);} .stoty_txt .sub_title_txt02 {margin-bottom:10px;} /* 지도 ===================================================================================== */ #map_canvas {position:relative; width:100%; aspect-ratio: 2 / 1;border:1px solid #dfdfdf;} .map_wrap {margin-top:30px;} .map_cont {padding:0 0 70px 0;border-top:0 solid #ddd;} .map_wrap strong {display:inline-block; min-width:50px; } .map_wrap dl:last-child dt {float:none; width:100%; border-color:#ddd;} .map_wrap dl:last-child dt p {padding:25px 0;} .map_wrap dl:last-child dd {float:none; width:100%; border:0;} .map_wrap dl:last-child dd .wrap {padding:0;} @media screen and (max-width:800px) { .map_box #map_canvas { aspect-ratio: 2 / 1.5; } .map_wrap dl dt {float:none; width:100%; border-top:1px solid #ddd;} .map_wrap dl dt p {padding:15px 10px;} .map_wrap dl dd {float:none; width:100%; border-top:0; border-bottom:0;} .map_wrap dl dd .wrap {padding:0 10px 10px 10px;} } @media screen and (max-width:480px) { .map_box #map_canvas { aspect-ratio: 2 / 1.9;} } /* 일정표 ===================================================================================== */ .table_time {font-family:'tahoma';font-size:0.9em;color:red; margin-bottom:3px;} .table_color01 {background:#fce8e7 !important;} .table_color02 {background:#fff1b5 !important;} .table_color03 {background:#fffeda !important;} .table_color04 {background:#e9f7cb !important;} .table_color05 {background:#e7fbff !important;} .table_color06 {background:#fef2fe !important;} .table_color07 {background:#e0e0ff !important;} .table_color08 {background:#d8eefe !important;} .table_color09 {background:#d8f0ee !important;} .table_color10 {background:#fcd4b2 !important;} .table_color11 {background:#f9f9f9 !important;} .table_color12 {background:#f5fbdf !important;} .table_color13 {background:#fbecdf !important;} .table_color14 {background:#fff !important;} .sub_homepage_box {display:block;} .sub_mobile_box {display:none;} .sub_mobile_box .time_table2 li {margin:0 0 30px 0;} .sub_mobile_box .time_table2 li .top_tits { padding: 13px 0px;text-align:center;font-weight: bold;border-top: 2px solid var(--color1);border-bottom: 1px solid #888;font-size: 0.95em;background-color: #f5f5f5; color:#333; } .sub_mobile_box .time_table2 li .lists {border-bottom: 1px solid #d5d5d5;text-align:center;color: #111; line-height: 120%;font-size: 0.9em; display:flex; } .sub_mobile_box .time_table2 li .lists .times {width:30%; font-family: 'tahoma';color:#666;padding: 14px 0;margin-bottom: 0; border-right:1px solid #d5d5d5;} .sub_mobile_box .time_table2 li .lists .tits {flex:2;text-align:left; padding: 14px 10px;} @media screen and (max-width:800px) { .sub_homepage_box {display:none;} .sub_mobile_box {display:block;} } /* 사전등록=================================================== */ .pro_info_toptxt {padding:0 0 30px 0;color:var(--color1);text-align:center;} .pro_info_box {position:relative;padding-bottom:80px; } .pro_info_box li {position:relative;padding:25px 10px;border-bottom:1px dashed #dfdfdf;display: grid; grid-template-columns:160px auto; gap:50px; transition:all 0.3s ease;} .pro_info_box li .img {position:relative; text-align:center;display: flex; flex-direction: column; justify-content:center;align-items:center; transition:all 0.3s ease;} .pro_info_box li .img span {display:inline-block; width:160px;height:160px;padding:25px; background:#f5f5f5; border-radius:50%; overflow:hidden; display: flex; flex-direction: column; justify-content:center;align-items:center;transition:all 0.3s ease;} .pro_info_box li .img span img {max-width:100%;} .pro_info_box li .cont { display: flex; flex-direction: column; justify-content:center ;} .pro_info_box li .tit { position:relative; font-size:1.15em;line-height:1.4;font-weight:600;color:#222;letter-spacing:-1px; padding:0 0 15px 0;} @media screen and (max-width:800px) { .pro_info_box li { display: grid; grid-template-columns:1fr ; gap:30px; } .pro_info_box li .img span { width:120px;height:120px;} } /* 서브 TAP ===================================================================================== */ .pro_tabmenu {position:relative; text-align:center; margin-bottom:50px; display: flex; flex-flow:wrap;justify-content: center; gap:5px; transition:all 0.3s ease; } .pro_tabmenu li {display:inline-block; min-width:235px; text-align:center; transition:all 0.3s ease; } .pro_tabmenu li a {display:block; font-size:1.05em;font-weight:500;padding:0 10px;line-height:56px; letter-spacing:-1px; color:#555; background:#eaeaea; border:1px solid transparent; border-radius:50px; transition:all 0.3s ease;} .pro_tabmenu li a:hover { border:1px solid #b5b5b5; color:#222; } .pro_tabmenu li.on a {background:var(--color1); color:#fff; border:1px solid var(--color1); } @media screen and (max-width:1024px) { .pro_tabmenu { margin-bottom:50px; } .pro_tabmenu li { min-width:initial; width:calc((100% / 4) - 4px); } } @media screen and (max-width:800px) { .pro_tabmenu { margin-bottom:30px; display:table;table-layout:fixed; width:100%; } .pro_tabmenu li {display:table-cell; width:initial; } .pro_tabmenu li a { font-size:0.95em; line-height:1.3; padding:13px 5px; } } @media screen and (max-width:600px) { .pro_tabmenu li a { font-size:0.9em; padding:11px 3px; } } @media screen and (max-width:480px) { .pro_tabmenu li a { font-size:0.85em; } } /* 축제 라인업 ===================================================================================== */ .lineup01_wrap {position:relative; text-align:center; max-width:1300px; margin:auto;} .lineup01_wrap .tit {position:relative;font-size:1.8em; color:#000; font-family:'GmarketSansBold'; padding:0 0 40px 0;transition:all 0.3s ease;} .lineup01_wrap .tit span {color:var(--color1); font-family:'GmarketSansBold'; } .lineup01_wrap ul {position:relative; display: flex; flex-flow:wrap;justify-content: center;gap:5%; transition:all 0.3s ease;} .lineup01_wrap ul li {position:relative; width:30%; transition:all 0.3s ease;} .lineup01_wrap ul li .img {overflow:hidden; border-radius:20px; width:100%; box-shadow:5px 5px 15px 0 rgba(0,0,0,0.15); transition:all 0.3s ease;} .lineup01_wrap ul li .txt {padding:20px 0 0 0; font-size:1.4em; font-weight:700; color:#111; text-align:center; transition:all 0.3s ease;} .lineup01_line {margin-top:60px;padding-top:60px; border-top:1px dashed #ddd; } @media screen and (max-width:1024px) { .lineup01_wrap .tit { font-size:1.6em; padding:0 0 35px 0;} .lineup01_wrap ul { gap:2%; } .lineup01_wrap ul li { width:32%; } .lineup01_wrap ul li .img { border-radius:15px; box-shadow:5px 5px 12px 0 rgba(0,0,0,0.1); } .lineup01_wrap ul li .txt { font-size:1.25em; } .lineup01_line {margin-top:50px;padding-top:50px; } } @media screen and (max-width:800px) { .lineup01_wrap .tit { font-size:1.4em; padding:0 0 30px 0;} .lineup01_wrap ul li .img { border-radius:15px; } .lineup01_wrap ul li .txt { font-size:1.2em; } } @media screen and (max-width:600px) { .lineup01_wrap .tit { font-size:1.3em; padding:0 0 20px 0;} .lineup01_wrap ul li .txt { font-size:1.15em; } .lineup01_line {margin-top:30px;padding-top:30px; } } /* 축제 라인업 ===================================================================================== */