@charset "utf-8"; /*
    FOOD EXPO MAIN STYLE
    WRITER :Lee Jeonghee
	Last Modify Date :2025. 12. 12.
*/

@import url("./base.css"); 
@import url("./common.css"); 

/* common */
.wrapInner { max-width:1200px; margin:0 auto; }
.wrapTit { font-size:4rem; font-weight:700; letter-spacing:-.025em; }
.btnMoreComm a { display:block; position:relative; width:4.2rem; height:4.2rem; text-indent:-9999em; background:var(--main) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='14px' height='14px'%3E%3Cpath fill-rule='evenodd' fill='rgb(255, 255, 255)' d='M14.000,8.000 L8.000,8.000 L8.000,14.000 L6.000,14.000 L6.000,8.000 L0.000,8.000 L0.000,6.000 L6.000,6.000 L6.000,0.000 L8.000,0.000 L8.000,6.000 L14.000,6.000 L14.000,8.000 Z'/%3E%3C/svg%3E") no-repeat center / 1.4rem; ; border-radius:50%; transition:.15s; }
.controls { display:flex; align-items:center; justify-content:flex-end; gap:1.8rem; max-width:1200px; margin:6rem auto 0; }
.controls .pagination { flex-grow:1; position:relative; height:2px; background:#dbdce3; }
.controls .pagination>span { background:var(--main); }
.controls .btns { flex-shrink:0; display:flex; gap:.6rem; }
.controls .btns button { position:relative; width:4.2rem; height:4.2rem; text-indent:-9999em; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='10px' height='16px'%3E%3Cpath fill-rule='evenodd' fill='rgb(35, 35, 35)' d='M9.515,14.791 L8.357,15.949 L1.564,9.158 L1.564,9.158 L0.405,8.000 L8.357,0.051 L9.515,1.209 L2.723,8.000 L9.515,14.791 Z'/%3E%3C/svg%3E") no-repeat center / 1rem auto; border:1px solid var(--gray-5); box-sizing:border-box; border-radius:50%; transition:.15s; }
.controls .btns .next { transform:scaleX(-1); }
.controls .btns button:focus,
.controls .btns button:hover { border-color:var(--main); }
@media screen and (max-width:1024px) { 
	.wrapTit { font-size:3.25rem; }
	.btnMoreComm a { width:4.25rem; height:4.25rem; background-size:1.25rem; }
	.controls { margin-top:2.5rem; }
	.controls .pagination { height:1px; }
	.controls .btns button { width:4.25rem; height:4.25rem; background-size:.75rem auto; }
}

/* visual */
.visualWrap { position:relative; }
/* notify */
.visualSwiper .swiper-slide.notify { height:636px; background:#eaeff7; box-sizing:border-box; }
.visualSwiper .swiper-slide.notify a { display:flex; align-items:center; height:100%; padding:0 2%; }
.visualSwiper .swiper-slide .txtArea { display:flex; flex-direction:column; justify-content:center; position:relative; width:100%; min-height:500px; max-width:1280px; margin:0 auto; padding:4rem 0; background:no-repeat right center / 40.625% auto; box-sizing:border-box; }
.visualSwiper .swiper-slide.agro .txtArea { background-image:url(../images/main/bg_visual_agro.png); }
.visualSwiper .swiper-slide.seafood .txtArea { background-image:url(../images/main/bg_visual_seafood.png); }
.visualSwiper .swiper-slide.promotion .txtArea { background-image:url(../images/main/bg_visual_promotion.png); }
.visualSwiper .swiper-slide .type { display:block; margin-bottom:2.2rem; }
.visualSwiper .swiper-slide .type i { display:inline-block; width:13rem; padding:1.4rem 0; font-size:1.9rem; font-weight:700; color:#fff; line-height:1; font-style:normal; text-align:center; border-radius:3em; }
.visualSwiper .swiper-slide .type .general { background:#c94497; }
.visualSwiper .swiper-slide .type .single { background:#439d58; }
.visualSwiper .swiper-slide .type .food { background:#d86925; }
.visualSwiper .swiper-slide .txt { display:block; max-width:770px; font-family:'Taenada'; letter-spacing:-.05em; }
.visualSwiper .swiper-slide .txt>* { display:block; word-break:keep-all; }
.visualSwiper .swiper-slide strong { overflow:hidden; font-size:6.4rem; font-weight:400; line-height:1.2; max-height:3.55em; }
.visualSwiper .swiper-slide .date { margin:1.4rem 0 4rem; font-size:5rem; }
.visualSwiper .swiper-slide .info { overflow:hidden; position:relative; margin:.7rem 0; padding-left:1.4rem; font-size:2.2rem; text-overflow:ellipsis; white-space:nowrap; }
.visualSwiper .swiper-slide .info::before { content:'·'; position:absolute; top:0; left:0; }
.visualSwiper .swiper-slide .info b { font-weight:400; }
.visualSwiper .swiper-slide .info b::after { content:' : '; }
.visualSwiper .swiper-slide .arrow { position:absolute; bottom:0; bottom:4rem; right:0; width:21.6rem; padding:0 3.5rem; background:rgba(32, 32, 32, .92); border-radius:.8rem; box-sizing:border-box; }
.visualSwiper .swiper-slide .arrow i { display:block; font-size:1.8rem; font-weight:700; font-style:normal; letter-spacing:-.025em; color:#fff; line-height:6rem; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24px' height='10px'%3E%3Cpath fill-rule='evenodd' fill='rgb(255, 255, 255)' d='M22.479,5.885 L22.478,5.884 L18.796,9.415 L17.687,8.350 L20.462,5.689 L0.712,5.689 L0.712,4.056 L20.572,4.056 L17.687,1.289 L18.796,0.223 L22.478,3.755 L22.479,3.754 L23.588,4.819 L22.479,5.885 Z'/%3E%3C/svg%3E") no-repeat right center / 2.4rem auto; }
/* image */
.visualSwiper .swiper-slide.image { height:636px; }
.visualSwiper .swiper-slide.image a { display:block; height:100%; }
.visualSwiper .swiper-slide .img { overflow:hidden; display:block; width:100%; height:100%; }
.visualSwiper .swiper-slide .img img { width:100%; height:100%; }
.visualControl button { position:absolute; top:50%; width:8rem; height:8rem; text-indent:-9999em; background:#f8fbff; border-radius:50%; box-shadow:0 25px 54px rgba(141, 153, 174, .28); transform:translateY(-50%); z-index:1; }
.visualControl button::after { content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='15px' height='26px'%3E%3Cpath fill-rule='evenodd' fill='rgb(35, 35, 35)' d='M14.853,23.551 L12.743,25.661 L2.192,15.110 L2.192,15.110 L0.082,13.000 L12.743,0.339 L14.853,2.449 L4.302,13.000 L14.853,23.551 Z'/%3E%3C/svg%3E") no-repeat center / 1.6rem auto; }
.visualControl .prev { left:3.6458%; }
.visualControl .next { right:3.6458%; }
.visualControl .next::after { transform:scaleX(-1); }
.visualControl .swiper-button-disabled { box-shadow:none; cursor:default; }
.visualControl .swiper-button-disabled::after { opacity:.3; }
@media screen and (max-width:1024px) { 
	/* notify */
	.visualSwiper .swiper-slide.notify { height:50rem; }
	.visualSwiper .swiper-slide.notify a { padding:0 5.5555%; background:no-repeat right -8.75rem bottom; background-size:auto 25rem; }
	.visualSwiper .swiper-slide.agro a { background-image:url(../images/main/bg_visual_agro.png); }
	.visualSwiper .swiper-slide.seafood a { background-image:url(../images/main/bg_visual_seafood.png); }
	.visualSwiper .swiper-slide.promotion a { background-image:url(../images/main/bg_visual_promotion.png); }
	.visualSwiper .swiper-slide .txtArea { min-height:auto; padding:0; background:none !important; }
	.visualSwiper .swiper-slide .type { margin-bottom:1.875rem; }
	.visualSwiper .swiper-slide .type i { width:9.75rem; padding:1rem 0; font-size:1.375rem; }
	.visualSwiper .swiper-slide strong { font-size:3.125rem; line-height:1.3; }
	.visualSwiper .swiper-slide .date { margin:1.5rem 0 2.5rem; font-size:2.625rem; }
	.visualSwiper .swiper-slide .info { margin:1rem 0; padding-left:1rem; font-size:1.625rem; }
	.visualSwiper .swiper-slide .info b { display:block; }
	.visualSwiper .swiper-slide .info b::after { display:none; }
	.visualSwiper .swiper-slide .arrow { position:static; width:16rem; margin-top:1.25rem; padding:0 2.5rem; border-radius:.5rem; }
	.visualSwiper .swiper-slide .arrow i { font-size:1.75rem; line-height:5rem; background-size:2.25rem auto; }
	/* image */
	.visualSwiper .swiper-slide.image { height:88.3333vw; max-height:636px; }
	.visualControl { display:none; }
}

/* mymenu */
.mymenuWrap { margin:7rem 0; padding:0 2%; box-sizing:border-box; }
.mymenuWrap ul { display:flex; justify-content:center; gap:12.2rem; }
.mymenuWrap ul li a,
.mymenuWrap ul li button { display:block; }
.mymenuWrap ul li i { display:block; width:8.2rem; height:8.2rem; margin:0 auto; background:#f1f3f6 no-repeat center / 4.2rem; border-radius:3rem; transition:.15s; }
.mymenuWrap ul li .counsel { background-image:url(../images/main/icon_counsel.png); }
.mymenuWrap ul li .attend { background-image:url(../images/main/icon_attend.png); }
.mymenuWrap ul li .manager { background-image:url(../images/main/icon_manager.png); }
.mymenuWrap ul li .adjustment { background-image:url(../images/main/icon_adjustment.png); }
.mymenuWrap ul li .certificate { background-image:url(../images/main/icon_certificate.png); }
.mymenuWrap ul li a:focus i,
.mymenuWrap ul li a:hover i,
.mymenuWrap ul li button:focus i,
.mymenuWrap ul li button:hover i { background-color:#0066d5; }
.mymenuWrap ul li a:focus .manager,
.mymenuWrap ul li a:hover .manager,
.mymenuWrap ul li button:focus .manager,
.mymenuWrap ul li button:hover .manager { background-image:url(../images/main/icon_manager_on.png); }
.mymenuWrap ul li a:focus .counsel,
.mymenuWrap ul li a:hover .counsel { background-image:url(../images/main/icon_counsel_on.png); }
.mymenuWrap ul li a:focus .attend,
.mymenuWrap ul li a:hover .attend { background-image:url(../images/main/icon_attend_on.png); }
.mymenuWrap ul li a:focus .adjustment,
.mymenuWrap ul li a:hover .adjustment { background-image:url(../images/main/icon_adjustment_on.png); }
.mymenuWrap ul li a:focus .certificate,
.mymenuWrap ul li a:hover .certificate { background-image:url(../images/main/icon_certificate_on.png); }
.mymenuWrap ul li span { display:block; margin-top:2rem; font-size:2rem; font-weight:500; letter-spacing:-.025em; text-align:center; }
#fairListPop .popContent { max-width:1024px; }
.fairCheckList { overflow:auto; width:100%; }
.fairCheckList table { width:100%; table-layout:fixed; text-align:center; border-top:2px solid var(--main); }
.fairCheckList tbody tr { border-bottom:1px solid var(--gray-4); }
.fairCheckList tbody tr:hover { background-color:#fafafa; }
.fairCheckList .subject { width:auto; }
.fairCheckList .month { width:8rem; }
.fairCheckList .date { width:11rem; }
.fairCheckList .continent { width:9rem; }
.fairCheckList .country { width:19rem; }
.fairCheckList th,
.fairCheckList td { vertical-align:middle; padding:.5rem; font-size:1.7rem; font-weight:500; text-align:center; letter-spacing:-.025em; box-sizing:border-box; }
.fairCheckList td.subject a { overflow:hidden; display:block; white-space:nowrap; text-overflow:ellipsis; text-align:left; }
.fairCheckList td .icoMonth { display:inline-block; width:4.6rem; font-size:1.6rem; font-weight:500; line-height:4.4rem; text-align:center; background:var(--blue-light); border:1px solid var(--gray-4); border-radius:50%; box-sizing:border-box; }
.fairCheckList td .icoFlag { overflow:hidden; display:inline-block; vertical-align:middle; width:3.6rem; height:3.6rem; margin-right:1rem; border-radius:50%; }
.fairCheckList td .icoFlag img { width:100%; height:100%; }
@media screen and (max-width:1024px) { 
	.mymenuWrap { margin:6.25rem 0; padding:0 5.5555%; }
	.mymenuWrap ul { gap:0; justify-content:space-between; }
	.mymenuWrap ul li i { width:6.25rem; height:6.25rem; border-radius:2rem; background-size:3.75rem; }
	.mymenuWrap ul li span { margin-top:1.5rem; font-size:1.75rem; }
	.fairCheckList table { min-width:70rem; }
}

/* fair */
.fairWrap { margin:11rem 0; padding:0 2%; box-sizing:border-box; }
.fairWrap .titArea { display:flex; justify-content:space-between; align-items:center; }
.fairWrap .titArea h2 { font-size:4rem; }
.fairWrap .btnYear { display:flex; align-items:center; gap:2.2rem; }
.fairWrap .btnYear p { font-size:2.2rem; font-weight:700; }
.fairWrap .btnYear button { position:relative; width:4.2rem; height:4.2rem; text-indent:-9999em; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='10px' height='16px'%3E%3Cpath fill-rule='evenodd' fill='rgb(35, 35, 35)' d='M9.515,14.791 L8.357,15.949 L1.564,9.158 L1.564,9.158 L0.405,8.000 L8.357,0.051 L9.515,1.209 L2.723,8.000 L9.515,14.791 Z'/%3E%3C/svg%3E") no-repeat center / 1rem auto; border:1px solid var(--gray-5); box-sizing:border-box; border-radius:50%; transition:.15s; }
.fairWrap .btnYear .next { transform:scaleX(-1); }
.fairWrap .btnYear button:focus,
.fairWrap .btnYear button:hover { border-color:var(--main); }
.fairWrap .filterArea { margin:4.5rem 0 6rem; }
.fairWrap .btnType.mo,
.fairWrap .btnFilter { display:none; }
.fairWrap .filterBox { display:flex; flex-wrap:wrap; justify-content:space-between; max-width:1024px; margin:0 auto; }
.fairWrap .filterBox ol,
.fairWrap .filterBox ul { display:flex; background:var(--blue-light); border-radius:5em; box-sizing:border-box; }
.fairWrap .filterBox ol li,
.fairWrap .filterBox ul li { flex:1; overflow:hidden; position:relative; }
.fairWrap .filterBox input { overflow:hidden; position:absolute; left:0; top:0; width:1px; height:1px; margin-left:-9999em; }
.fairWrap .filterBox label { display:block; position:relative; width:100%; font-size:1.8rem; font-weight:500; letter-spacing:-.025em; line-height:5.8rem; text-align:center; cursor:pointer; }
.fairWrap .filterBox label::before { content:''; position:absolute; top:50%; left:50%; width:100%; height:100%; border-radius:5em; transform:translate(-50%, -50%); transition:background .15s; }
.fairWrap .filterBox input:checked ~ label { color:#fff; font-weight:700; }
.fairWrap .filterBox input:checked ~ label::before { background:var(--main); }
.fairWrap .filterBox input:disabled ~ label { color:var(--gray-3); cursor:default; }
.fairWrap .filterBox label span { position:relative; }
.fairWrap .filterBox .blank { display:none; }
.fairWrap .filterBox .btnType { width:25%; }
.fairWrap .filterBox .btnType label,
.fairWrap .filterBox .continent label { border-radius:5em; transition:.15s; }
.fairWrap .filterBox .year,
.fairWrap .filterBox .btns { display:none; }
.fairWrap .filterBox .month { width:73.046875%; padding:0 1.8rem; }
.fairWrap .filterBox .month label::before { width:4.6rem; height:4.6rem; border-radius:50%; }
.fairWrap .filterBox .continent { display:flex; justify-content:center; gap:1rem; position:relative; width:100%; margin-top:5.6rem; padding:0 6rem; background:none; }
.fairWrap .filterBox .continent::before { content:''; position:absolute; top:50%; left:0; width:100%; height:1px; background:var(--blue-light); }
.fairWrap .filterBox .continent label { font-size:1.7rem; line-height:4.8rem; }
.fairWrap .filterBox .continent label::before { background:var(--blue-light); }
.fairWrap .listArea { max-width:1750px; margin:0 auto; }
.fairSwiper { margin:0 -1.5rem; }
.fairSwiper .swiper-slide { padding:3.1rem 1.5rem 1px; box-sizing:border-box; }
.fairSwiper .swiper-slide a { display:block; position:relative; }
.fairSwiper .swiper-slide .icoFlag { position:absolute; top:0; left:50%; width:6.2rem; height:6.2rem; transform:translateX(-50%); z-index:1; }
.fairSwiper .swiper-slide .icoFlag::before { content:''; position:absolute; bottom:0; left:0; width:100%; height:50%; border-radius:0 0 4em 4em; box-shadow:0 11px 30px rgba(18, 26, 43, .38); }
.fairSwiper .swiper-slide .icoFlag i { overflow:hidden; display:block; position:relative; width:100%; height:100%; border-radius:50%; }
.fairSwiper .swiper-slide .icoFlag img { width:100%; height:100%; }
.fairSwiper .swiper-slide .poster { overflow:hidden; position:relative; display:block; padding-top:107.9754%; border-radius:3.2rem; box-sizing:border-box; }
.fairSwiper .swiper-slide .poster img { position:absolute; top:50%; left:50%; width:100%; transform:translate(-50%, -50%); }
.fairSwiper .swiper-slide .layer { display:flex; flex-direction:column; justify-content:center; position:absolute; top:0; left:0; width:100%; height:100%; padding:0 8%; background:linear-gradient(-48deg,rgba(199, 225, 252, 1) 0%, rgba(239, 247, 255, 1) 50%, rgba(199, 225, 252, 1) 100%); border:1px solid var(--main); border-radius:3.2rem; box-sizing:border-box; text-align:center; letter-spacing:-.025em; word-break:keep-all; opacity:0; transition:.2s; }
.fairSwiper .swiper-slide a:focus .layer,
.fairSwiper .swiper-slide a:hover .layer { opacity:1; }
.fairSwiper .swiper-slide .layer .icoFlag { display:none; }
.fairSwiper .swiper-slide .layer strong { overflow:hidden; font-size:2.4rem; font-weight:600; text-overflow:ellipsis; white-space:nowrap; }
.fairSwiper .swiper-slide .layer .date { margin-top:1.6rem; font-size:1.8rem; letter-spacing:0; color:rgba(0, 0, 0, .7); }
.fairSwiper .swiper-slide .layer .country { margin-top:.2rem; font-size:1.7rem; color:rgba(0, 0, 0, .7); }
.fairSwiper .swiper-slide .layer .txt { overflow:hidden; display:block; margin:2.4rem 0 1.8rem; font-size:1.7rem; line-height:1.4; max-height:4.2em; }
.fairSwiper .swiper-slide .layer .arrow { position:absolute; left:50%; bottom:-1px; width:17rem; height:4.9rem; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='169.5px' height='48.5px'%3E%3Cpath fill-rule='evenodd' stroke='rgb(28, 44, 142)' stroke-width='1px' stroke-linecap='butt' stroke-linejoin='miter' fill='rgb(32, 32, 32)' d='M168.500,47.500 C158.996,47.500 151.500,40.036 151.500,30.501 L151.500,20.500 C151.500,9.844 142.682,1.500 132.062,1.500 L36.938,1.500 C26.317,1.500 17.500,9.844 17.500,20.500 L17.500,30.501 C17.500,40.036 10.004,47.500 0.500,47.500 '/%3E%3C/svg%3E") no-repeat center / contain; transform:translateX(-50%); }
.fairSwiper .swiper-slide .layer .arrow i { position:relative; padding-right:2.4rem; font-style:normal; font-size:1.7rem; letter-spacing:-.05em; color:#fff; line-height:4.9rem; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='17px' height='9px'%3E%3Cpath fill-rule='evenodd' fill='rgb(255, 255, 255)' d='M16.000,4.408 L16.195,4.603 L16.000,4.797 L16.000,5.000 L15.797,5.000 L15.378,5.420 L15.378,5.420 L11.795,9.002 L10.978,8.185 L14.164,5.000 L-0.000,5.000 L-0.000,4.000 L13.958,4.000 L10.978,1.020 L11.795,0.203 L15.592,4.000 L16.000,4.000 L16.000,4.408 Z'/%3E%3C/svg%3E") no-repeat right center / 1.7rem auto; }
@media screen and (max-width:1024px) { 
	.fairWrap { margin:7.5rem 0; padding:0; }
	.fairWrap .wrapInner { padding:0 5.5555%; }
	.fairWrap .titArea h2 { font-size:3.25rem; }
	.fairWrap .btnYear { display:none; }
	.fairWrap .filterArea { margin:4rem 0 3rem; }
	.fairWrap .btnType.mo { display:flex; max-width:68.4713%; margin:0 auto; background:var(--blue-light); border-radius:5em; box-sizing:border-box; }
	.fairWrap .btnType.mo li { flex:1; overflow:hidden; position:relative; }
	.fairWrap .btnType.mo input { overflow:hidden; position:absolute; left:0; top:0; width:1px; height:1px; margin-left:-9999em; }
	.fairWrap .btnType.mo label { display:block; position:relative; width:100%; font-size:1.875rem; font-weight:500; letter-spacing:-.025em; line-height:5.25rem; text-align:center; cursor:pointer; border-radius:5em; transition:.15s; }
	.fairWrap .btnType.mo label::before { content:''; position:absolute; top:50%; left:50%; width:100%; height:100%; border-radius:5em; transform:translate(-50%, -50%); transition:background .15s; }
	.fairWrap .btnType.mo input:checked ~ label { color:#fff; font-weight:700; }
	.fairWrap .btnType.mo input:checked ~ label::before { background:var(--main); }
	.fairWrap .btnType.mo label span { position:relative; }
	.fairWrap .moFilterBox { margin-top:3rem; border:1px solid var(--main); border-radius:2.75rem; box-sizing:border-box; }
	.fairWrap .btnFilter { display:block; }
	.fairWrap .btnFilter button { display:flex; position:relative; width:100%; padding:0 4.75rem 0 0; font-size:1.875rem; letter-spacing:-.025em; text-align:left; }
	.fairWrap .btnFilter button::after { content:''; position:absolute; top:0; right:2rem; width:1.625rem; height:100%; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='26px' height='15px'%3E%3Cpath fill-rule='evenodd' fill='rgb(32, 32, 32)' d='M25.995,2.298 L13.278,15.015 L0.561,2.298 L2.120,0.738 L13.278,11.895 L24.436,0.738 L25.995,2.298 Z'/%3E%3C/svg%3E") no-repeat center / contain; transition:.15s; }
	.fairWrap .btnFilter button.active::after { transform:rotate(180deg); }	
	.fairWrap .btnFilter button span { display:flex; justify-content:space-between; gap:2rem; position:relative; width:42%; padding:1.5rem 2rem; box-sizing:border-box; }
	.fairWrap .btnFilter button span:first-child { width:58%; }
	.fairWrap .btnFilter button span::before { content:''; position:absolute; top:50%; left:0; width:1px; height:1.875rem; background:var(--gray-4); transform:translateY(-50%); }
	.fairWrap .btnFilter button span:first-child::before { display:none; }
	.fairWrap .btnFilter button strong { flex-shrink:0; color:var(--gray-2); font-weight:400; }
	.fairWrap .btnFilter button em { flex-grow:1; display:flex; gap:1rem; }
	.fairWrap .filterBox { display:none; position:relative; padding:2.5rem; }
	.fairWrap .filterBox::before { content:''; position:absolute; top:0; left:50%; width:calc(100% - 5rem); height:1px; background:var(--gray-4); transform:translateX(-50%); }	
	.fairWrap .filterBox ol,
	.fairWrap .filterBox ul { overflow:hidden; flex-wrap:wrap; border-radius:1rem; background:#fff; border:1px solid var(--gray-4); }
	.fairWrap .filterBox ol li,
	.fairWrap .filterBox ul li { flex:none; width:33.33%; border:1px solid var(--gray-4); border-width:0 1px 1px 0; box-sizing:border-box; }
	.fairWrap .filterBox ol li.all,
	.fairWrap .filterBox ul li.all { width:100%; }
	.fairWrap .filterBox label,
	.fairWrap .filterBox .continent label { font-size:1.75rem; line-height:4.5rem; }
	.fairWrap .filterBox label::before { border-radius:0; }	
	.fairWrap .filterBox .blank { display:block; }
	.fairWrap .filterBox .btnType { display:none; }
	.fairWrap .filterBox .year { display:flex; }
	.fairWrap .filterBox .year li:nth-child(3n) { border-right:none; }
	.fairWrap .filterBox .year li:nth-last-child(-n+3) { border-bottom:none; }	
	.fairWrap .filterBox .month { width:100%; margin-top:2rem; padding:0; }
	.fairWrap .filterBox .month li { width:25%; }
	.fairWrap .filterBox .month li:nth-child(4n+1) { border-right:none; }
	.fairWrap .filterBox .month li:nth-last-child(-n+4) { border-bottom:none; }
	.fairWrap .filterBox .month label::before { width:100%; height:100%; border-radius:0; }	
	.fairWrap .filterBox .continent { justify-content:flex-start; gap:0; margin-top:2rem; padding:0; }
	.fairWrap .filterBox .continent::before { display:none; }
	.fairWrap .filterBox .continent li:nth-child(3n+1) { border-right:none; }
	.fairWrap .filterBox .continent li:nth-last-child(-n+3) { border-bottom:none; }	
	.fairWrap .filterBox .continent label::before { background:#fff; }
	.fairWrap .filterBox .btns { display:block; margin-top:2.5rem; }
	.fairWrap .filterBox .btns button { display:block; width:100%; font-size:1.75rem; color:#fff; line-height:5rem; background:var(--main); border-radius:1rem; }	
	.fairWrap .swiperBox { padding-left:5.5555%; box-sizing:border-box; }
	.fairWrap .controls { padding:0 5.5555%; }	
	.fairSwiper { margin:0 -1rem; }
	.fairSwiper .swiper-slide { width:82.0895%; padding:1px 1rem; }
	.fairSwiper .swiper-slide>.icoFlag { display:none; }
	.fairSwiper .swiper-slide .poster { border-radius:1.25em; }
	.fairSwiper .swiper-slide .layer { position:relative; opacity:1; padding:0 5rem 0 0; text-align:left; background:none; border:none; border-radius:0; }
	.fairSwiper .swiper-slide .layer .icoFlag { display:block; top:1.75rem; left:auto; right:0; width:4rem; height:4rem; transform:none; }
	.fairSwiper .swiper-slide .layer .icoFlag::before { display:none; }
	.fairSwiper .swiper-slide .layer strong { margin-top:1.75rem; font-size:2rem; }
	.fairSwiper .swiper-slide .layer .date { margin-top:.75rem; font-size:1.625rem; }
	.fairSwiper .swiper-slide .layer .country { margin-top:.375rem; font-size:1.625rem; }
	.fairSwiper .swiper-slide .layer .txt,
	.fairSwiper .swiper-slide .layer .arrow { display:none; }
	.fairSwiper .swiper-slide-active .poster { border:1px solid var(--main); }
}

/* stats */
.statsWrap { padding:5.8rem 2%; background:#eceef1; }
.statsWrap .selectArea { display:flex; justify-content:center; gap:3rem; }
.statsWrap .selectArea .item { display:flex; align-items:center; gap:1rem; }
.statsWrap .selectArea .item.year { width:16.1666%; }
.statsWrap .selectArea .item.list { width:52.1666%; }
.statsWrap .selectArea .item p { font-size:1.9rem; font-weight:700; color:#3b3b3b; }
.statsWrap .selectArea .selectbox { flex-grow:1; background:#f5f6f8; border-radius:5em; }
.statsWrap .selectArea .selectbox::after { right:3rem; width:1.7rem; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='17px' height='10px'%3E%3Cpath fill-rule='evenodd' fill='rgb(59, 59, 59)' d='M16.345,2.119 L9.602,8.862 L9.602,8.862 L8.453,10.011 L7.304,8.862 L7.305,8.862 L0.561,2.119 L1.710,0.970 L8.453,7.714 L15.197,0.970 L16.345,2.119 Z'/%3E%3C/svg%3E"); }
.statsWrap .selectArea .selectbox select { height:5.4rem; padding:0 6rem 0 3rem; font-size:1.9rem; font-weight:700; color:#3b3b3b; border:none; border-radius:5em; }
.statsWrap .dataArea { display:flex; justify-content:center; gap:9rem; margin-top:3.5rem; }
.statsWrap .dataArea dl { position:relative; padding-left:1.2rem; }
.statsWrap .dataArea dl::before { content:''; position:absolute; top:.8rem; left:0; width:.8rem; height:.8rem; background:#004cab; border-radius:50%; }
.statsWrap .dataArea dl dt { font-size:1.9rem; font-weight:700; color:#004cab; }
.statsWrap .dataArea dl dd { display:flex; align-items:flex-end; gap:1rem; margin-top:1.8rem; line-height:1; }
.statsWrap .dataArea dl dd b { font-family:'MBC'; font-size:4.4rem; }
.statsWrap .dataArea dl dd span { margin-bottom:.5rem; font-size:1.9rem; color:#133661; font-weight:600; }
.statsWrap .btnMoreView { margin-top:4.6rem; text-align:center; }
.statsWrap .btnMoreView a { display:inline-block; padding:1.6rem 6rem; border-radius:5em; background:var(--main); }
.statsWrap .btnMoreView a span { padding-right:5.4rem; font-size:2rem; font-weight:600; color:#fff; letter-spacing:-.025em; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='28px' height='13px'%3E%3Cpath fill-rule='evenodd' fill='rgb(255, 255, 255)' d='M26.672,7.804 L26.671,7.803 L22.284,12.142 L20.963,10.833 L24.269,7.563 L0.740,7.563 L0.740,5.557 L24.400,5.557 L20.963,2.157 L22.284,0.847 L26.671,5.187 L26.672,5.185 L27.993,6.495 L26.672,7.804 Z'/%3E%3C/svg%3E") no-repeat right center / 2.8rem auto; }
@media screen and (max-width:1024px) { 
	.statsWrap { padding:4.5rem 5.5555%; }
	.statsWrap .selectArea { gap:.5rem; }
	.statsWrap .selectArea .item.year { flex-shrink:0; width:28.38709%; }
	.statsWrap .selectArea .item.list { flex-grow:1; width:auto; }
	.statsWrap .selectArea .item p { display:none; }
	.statsWrap .selectArea .selectbox::after { right:1.625rem; width:1.375rem; }
	.statsWrap .selectArea .selectbox select { height:5rem; padding:0 3.5rem 0 2rem; font-size:1.625rem; }
	.statsWrap .dataArea { flex-wrap:wrap; gap:2.25rem 0; margin-top:2.75rem; }
	.statsWrap .dataArea dl { width:50%; padding:0; }
	.statsWrap .dataArea dl::before { display:none; }
	.statsWrap .dataArea dl dt { position:relative; padding-left:1.25rem; }
	.statsWrap .dataArea dl dt::before { content:''; position:absolute; top:.75rem; left:0; width:.75rem; height:.75rem; background:#004cab; border-radius:50%; }
	.statsWrap .dataArea dl dd { margin-top:1rem; }
	.statsWrap .dataArea dl dd b { font-size:3rem; }
	.statsWrap .dataArea dl dd span { font-size:1.5rem; }
	.statsWrap .btnMoreView { margin-top:3.5rem; }
	.statsWrap .btnMoreView a { padding:1.5rem 5.25rem; }
	.statsWrap .btnMoreView a span { padding-right:4.5rem; font-size:1.75rem; background-size:2.25rem auto; }
}

/* issue */
.issueWrap { margin:11rem 0; padding:0 2%; box-sizing:border-box; }
.issueWrap .listArea { margin-top:4.5rem; }
.issueSwiper { margin:0 -1rem; }
.issueSwiper .swiper-slide { padding:1px 1rem 2.3rem; box-sizing:border-box; }
.issueSwiper .swiper-slide a { display:block; padding:4rem; color:var(--gray-1); background:#f9f9f9; border:1px solid #dcdcdc; border-radius:1.25em; box-sizing:border-box; transition:background, border .15s; }
.issueSwiper .swiper-slide strong,
.issueSwiper .swiper-slide .fair { overflow:hidden; display:block; font-size:2.4rem; letter-spacing:-.025em; text-overflow:ellipsis; white-space:nowrap; }
.issueSwiper .swiper-slide .fair { margin-top:.6rem; font-size:1.7rem; font-weight:500; }
.issueSwiper .swiper-slide .chart { margin-top:3rem; height:27.2rem; background:#fff; border:1px solid #ededed; box-sizing:border-box; border-radius:1em; }
.issueSwiper .swiper-slide .arrow { position:absolute; left:50%; bottom:0; padding:0 3.7rem; color:var(--gray-1); background:#fcfcfc; border:1px solid #dcdcdc; border-radius:3em; box-sizing:border-box; transform:translateX(-50%); transition:background, border .15s; z-index:1; }
.issueSwiper .swiper-slide .arrow i { display:block; padding-right:3rem; font-style:normal; font-size:1.7rem; font-weight:600; letter-spacing:-.025em; line-height:4.4rem; white-space:nowrap; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='16px' height='11px'%3E%3Cpath fill-rule='evenodd' fill='rgb(88, 88, 88)' d='M14.112,6.700 L14.111,6.699 L10.079,10.687 L8.864,9.484 L11.903,6.478 L0.274,6.478 L0.274,4.634 L12.024,4.634 L8.864,1.508 L10.079,0.305 L14.111,4.293 L14.112,4.292 L15.327,5.496 L14.112,6.700 Z'/%3E%3C/svg%3E") no-repeat right center / 1.6rem auto; }
.issueSwiper .swiper-slide a:focus,
.issueSwiper .swiper-slide a:hover,
.issueSwiper .swiper-slide a:focus .arrow,
.issueSwiper .swiper-slide a:hover .arrow { color:var(--main); background:#fff; border-color:var(--main); }
.issueSwiper .swiper-slide a:focus .arrow i,
.issueSwiper .swiper-slide a:hover .arrow i { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='16px' height='11px'%3E%3Cpath fill-rule='evenodd' fill='rgb(32, 32, 32)' d='M14.112,6.700 L14.111,6.699 L10.079,10.687 L8.864,9.484 L11.903,6.478 L0.274,6.478 L0.274,4.634 L12.024,4.634 L8.864,1.508 L10.079,0.305 L14.111,4.293 L14.112,4.292 L15.327,5.496 L14.112,6.700 Z'/%3E%3C/svg%3E"); }
@media screen and (max-width:1024px) { 
	.issueWrap { margin:7.5rem 0; padding:0; }
	.issueWrap .wrapTit { padding:0 5.5555%; }
	.issueWrap .listArea { margin-top:4rem; }
	.issueWrap .swiperBox { padding-left:5.5555%; box-sizing:border-box; }
	.issueWrap .controls { padding:0 5.5555%; }
	.issueSwiper .swiper-slide { width:82.0895%; padding-bottom:2.125rem; }
	.issueSwiper .swiper-slide a { padding:3.75rem 3rem; }
	.issueSwiper .swiper-slide strong,
	.issueSwiper .swiper-slide .fair { font-size:2.125rem; }
	.issueSwiper .swiper-slide .fair { font-size:1.625rem; }
	.issueSwiper .swiper-slide .chart { height:25rem; margin-top:2.25rem; }
	.issueSwiper .swiper-slide .arrow { padding:0 3rem; }
	.issueSwiper .swiper-slide .arrow i { font-size:1.75rem; line-height:4rem; }
	.issueSwiper .swiper-slide-active a,
	.issueSwiper .swiper-slide-active .arrow { color:var(--main); background:#fff; border-color:var(--main); }
	.issueSwiper .swiper-slide-active .arrow i { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='16px' height='11px'%3E%3Cpath fill-rule='evenodd' fill='rgb(32, 32, 32)' d='M14.112,6.700 L14.111,6.699 L10.079,10.687 L8.864,9.484 L11.903,6.478 L0.274,6.478 L0.274,4.634 L12.024,4.634 L8.864,1.508 L10.079,0.305 L14.111,4.293 L14.112,4.292 L15.327,5.496 L14.112,6.700 Z'/%3E%3C/svg%3E"); }
}

/* global */
.globalWrap { margin:11rem 0; padding:0 2%; box-sizing:border-box; }
.globalWrap .listArea { margin-top:4.5rem; }
.globalWrap .item { margin:1.6rem 0; }
.globalWrap .item button { overflow:hidden; display:block; width:100%; border:1px solid #d6d6d6; border-radius:1.25em; box-sizing:border-box; }
.globalWrap .item strong { display:flex; align-items:center; gap:1rem; padding:2.6rem 3.8rem; }
.globalWrap .item strong>span { flex-grow:1; overflow:hidden; display:block; font-size:2rem; font-weight:400; color:var(--gray-2); line-height:4.2rem; text-align:left; text-overflow:ellipsis; white-space:nowrap; }
.globalWrap .item .txt { display:flex; align-items:center; gap:1rem; height:0; padding:0 3.8rem; background:#f5f5f9; opacity:0; transition:.5s; }
.globalWrap .item .txt>span { overflow:hidden; display:block; max-height:2.6em; font-size:1.8rem; text-align:left; line-height:1.3; }
.globalWrap .item .icoFlag { flex-shrink:0; overflow:hidden; width:4.2rem; height:4.2rem; border-radius:50%; }
.globalWrap .item .icoFlag img { width:100%; height:100%; }
.globalWrap .item.active a { border-color:var(--main); }
.globalWrap .item.active strong>span { color:var(--main); font-weight:700; }
.globalWrap .item.active .txt { height:10rem; opacity:1; }
.globalView .viewTitle { display:flex; align-items:flex-end; gap:1rem; }
.globalView .viewTitle h3 { font-size:2.4rem; font-weight:600; letter-spacing:-.025em; word-break:keep-all; }
.globalView .viewTitle .date { flex-shrink:0; }
.globalView .viewContent { margin-top:2.5rem; padding-top:2.5rem; font-size:1.8rem; letter-spacing:-.025em; border-top:1px solid var(--gray-4); }
@media screen and (max-width:1024px) { 
	.globalWrap { margin:7.5rem 0; padding:0 5.5555%; }
	.globalWrap .listArea { margin-top:4rem; }
	.globalWrap .item { margin:1.25rem 0; }
	.globalWrap .item strong { padding:2.125rem 3rem; }
	.globalWrap .item strong>span { font-size:1.875rem; line-height:3.5rem; }
	.globalWrap .item .txt { padding:0 3rem; }
	.globalWrap .item .txt>span { font-size:1.75rem; }
	.globalWrap .item .icoFlag { width:3.5rem; height:3.5rem; }
	.globalWrap .item.active .txt { height:8.5rem; }
	.globalView .viewTitle { display:block; }
	.globalView .viewTitle h3 { font-size:2.125rem; }
	.globalView .viewTitle .date { margin-top:1em; font-size:1.75rem; }
	.globalView .viewContent { padding-top:2rem; margin-top:2rem; font-size:1.75rem; }
}

/* news */
.newsWrap { margin:11rem 0; padding:0 2%; box-sizing:border-box; }
.newsWrap .wrapInner { position:relative; }
.newsWrap .titArea { position:absolute; top:0; left:0; }
.newsWrap .tabBtn { display:flex; gap:3.4rem; }
.newsWrap .tabBtn li a { font-weight:500; color:#8f8f8f; }
.newsWrap .tabBtn li .active { font-weight:700; color:var(--main); }
.newsWrap .listArea { margin-top:4.5rem; }
.newsWrap .btns { display:flex; justify-content:flex-end; gap:1rem; margin-bottom:4.5rem; }
.newsWrap .btns .type { display:flex; gap:1rem; }
.newsWrap .btns .type li { overflow:hidden; position:relative; }
.newsWrap .btns .type input { overflow:hidden; position:absolute; left:0; top:0; width:1px; height:1px; margin-left:-9999em; }
.newsWrap .btns .type label { display:block; position:relative; padding:0 2.4rem; font-size:1.8rem; font-weight:500; letter-spacing:-.025em; line-height:4.8rem; text-align:center; background:#f1f2f3; border-radius:5em; box-sizing:border-box; cursor:pointer; transition:background .15s; }
.newsWrap .btns .type input:checked ~ label { background:var(--main); border-color:var(--main); color:#fff; font-weight:700; }
.newsWrap .btns .btnMoreComm a { width:4.8rem; height:4.8rem; }
.newsSwiper { margin:0 -1rem; }
.newsSwiper .swiper-slide { padding:1px 1rem; box-sizing:border-box; }
.newsSwiper .swiper-slide a { display:block; position:relative; padding:4rem; color:var(--gray-2); border:1px solid #d6d6d6; border-radius:2rem; box-sizing:border-box; transition:.15s; }
.newsSwiper .swiper-slide .type { display:block; margin-bottom:2.6rem; }
.newsSwiper .swiper-slide .type i { display:inline-block; width:9.4rem; line-height:2.8rem; font-size:1.5rem; font-weight:500; font-style:normal; letter-spacing:-.025em; text-align:center; border-radius:.4rem; color:var(--main); }
.newsSwiper .swiper-slide .type .general { background:var(--general); }
.newsSwiper .swiper-slide .type .single { background:var(--single); }
.newsSwiper .swiper-slide .type .food { background:var(--food); }
.newsSwiper .swiper-slide .type .comm { background:var(--comm); }
.newsSwiper .swiper-slide strong { overflow:hidden; display:block; font-size:2rem; font-weight:400; line-height:1.4; height:2.8em; }
.newsSwiper .swiper-slide .txt { overflow:hidden; display:block; margin-top:2.2rem; padding-top:2.2rem; font-size:1.7rem; line-height:1.3; height:3.9em; border-top:1px dashed #d6d6d6; }
.newsSwiper .swiper-slide .date { display:block; margin-top:4rem; }
.newsSwiper .swiper-slide .arrow { display:block; position:absolute; right:4rem; bottom:3.4rem; width:3.6rem; height:3.6rem; text-indent:-9999em; background:#898989; border-radius:50%; transition:.15s; }
.newsSwiper .swiper-slide .arrow::after { content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='16px' height='11px'%3E%3Cpath fill-rule='evenodd' fill='rgb(255, 255, 255)' d='M14.112,6.699 L14.111,6.699 L10.079,10.687 L8.864,9.484 L11.903,6.478 L0.274,6.478 L0.274,4.634 L12.024,4.634 L8.864,1.508 L10.079,0.305 L14.111,4.293 L14.112,4.292 L15.327,5.496 L14.112,6.699 Z'/%3E%3C/svg%3E") no-repeat center / 1.6rem auto; }
.newsSwiper .swiper-slide a:focus,
.newsSwiper .swiper-slide a:hover { border-color:var(--main); color:var(--main); }
.newsSwiper .swiper-slide a:focus strong,
.newsSwiper .swiper-slide a:hover strong { font-weight:600; }
.newsSwiper .swiper-slide a:focus .arrow,
.newsSwiper .swiper-slide a:hover .arrow { background:var(--main); }
@media screen and (max-width:1024px) { 
	.newsWrap { margin:7.5rem 0; padding:0; }
	.newsWrap .titArea { position:static; padding:0 5.5555%; box-sizing:border-box; }
	.newsWrap .tabBtn { gap:2.5rem; }
	.newsWrap .listArea { margin-top:4rem; }
	.newsWrap .swiperBox { padding-left:5.5555%; box-sizing:border-box; }
	.newsWrap .btns { justify-content:flex-start; padding:0 5.5555%; margin-bottom:3.25rem; }
	.newsWrap .btns .type { gap:.5rem; }
	.newsWrap .btns .type label { padding:0 11px; font-size:1.625rem; line-height:4.25rem; }
	.newsWrap .btns .btnMoreComm a { width:4.25rem; height:4.25rem; background-size:1.25rem; }
	.newsSwiper .swiper-slide { width:82.0895%; }
	.newsSwiper .swiper-slide a { padding:3rem; }
	.newsSwiper .swiper-slide .type { margin-bottom:2rem; }
	.newsSwiper .swiper-slide .type i { width:8.25rem; font-size:1.25rem; line-height:2.5rem; }
	.newsSwiper .swiper-slide strong { font-size:1.875rem; }
	.newsSwiper .swiper-slide .txt { margin-top:1.75rem; padding-top:1.75rem; font-size:1.625rem; }
	.newsSwiper .swiper-slide .date { margin-top:2.75rem; margin-bottom:.5rem; font-size:1.625rem; }
	.newsSwiper .swiper-slide .arrow { right:3rem; bottom:3rem; width:3.25rem; height:3.25rem; }
	.newsSwiper .swiper-slide .arrow::after { background-size:1.25rem auto; }
	.newsSwiper .swiper-slide-active a { border-color:var(--main); color:var(--main); }
	.newsSwiper .swiper-slide-active strong { font-weight:600; }
	.newsSwiper .swiper-slide-active .arrow { background:var(--main); }	
}