@charset "utf-8"; 
/*
    FOOD EXPO SUB STYLE
    WRITER : Lee Jeonghee
	Last Modify Date : 2025. 12. 22.
*/

@import url("./base.css"); 
@import url("./common.css"); 

#wrap { /* overflow:hidden; */ position:relative; }
/* location */
.subFunc { padding:9rem 2%; border-bottom:1px solid var(--gray-4); }
.siteLocation, 
.location, 
.locationTab, 
.funcItem { display:flex; justify-content:space-between; align-items:center; }
.siteLocation { max-width:1200px; margin:0 auto; }
.siteLocation .pageTit { font-size:5rem; }
.location .home a { display:block; width:3rem; height:3.5rem; background:url(../images/sub/icon_home.png) no-repeat left center / 1.8rem auto; text-indent:-999em; }
.locationTab>li { position:relative; }
.locationTab>li::before { content:''; position:absolute; left:0; top:50%; width:1px; height:.875em; margin-top:-.4375em; background:var(--gray-5); }
.locationTab>li button { width:100%; min-width:16rem; padding:.8rem 1.2rem; text-align:left; }
.locationTab>li button span { display:block; position:relative; padding-right:1.5em; }
.locationTab>li button span::after { content:''; position:absolute; top:0; right:0; width:.875em; 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='14px' height='9px'%3E%3Cpath fill-rule='evenodd' fill='rgb(35, 35, 35)' d='M13.495,2.315 L7.118,8.691 L7.049,8.622 L6.979,8.691 L0.603,2.315 L2.017,0.901 L7.049,5.932 L12.080,0.901 L13.495,2.315 Z'/%3E%3C/svg%3E") no-repeat center / contain; transition:.15s; }
.locationTab>li .active span::after { transform:rotate(180deg); }
.locationTab>li div { display:none; position:absolute; left:0; width:100%; padding:.5em 1em; background:#fff; border:1px solid var(--gray-4); box-sizing:border-box; z-index:5; }
.locationTab>li div ul li { margin:.5em 0; }
.locationTab>li div ul li a { overflow:hidden; display:block; max-width:100%; white-space:nowrap; text-overflow:ellipsis; }
.locationTab>li div ul li a:hover, 
.locationTab>li div ul li a:focus { text-decoration:underline; }
.funcItem { gap:.4rem; }
.funcItem li button { display:inline-block; width:3.5rem; height:3.5rem; border:1px solid #e5e9f1; border-radius:50%; background:no-repeat center; text-indent:-999em; transition:.2s; }
.funcItem button:focus, 
.funcItem button:hover { border-color:var(--main); background-color:var(--main); }
.funcItem .btnShare { background-image:url(../images/sub/icon_share.svg); background-size:1.4rem auto; }
.funcItem .btnShare:focus, 
.funcItem .btnShare:hover { background-image:url(../images/sub/icon_share_on.svg); }
.funcItem .btnPrint { background-image:url(../images/sub/icon_print.svg); background-size:2.1rem auto; }
.funcItem .btnPrint:focus, 
.funcItem .btnPrint:hover { background-image:url(../images/sub/icon_print_on.svg); }
/* tabNav */
.pageTopWrap { max-width:1200px; margin:0 auto; padding:0 2%; }
.pageTopWrap .pageTit { margin-top:6rem; font-size:4rem; }
.tabNav ul { display:flex; }
.tabNav ul li a { display:block; position:relative; font-size:1.8rem; text-align:center; }
.tabNav.depth2 { margin-top:-2.9rem; }
.tabNav.depth2 ul { justify-content:center; gap:1rem; }
.tabNav.depth2 ul li a { padding:0 3rem; line-height:5.6rem; font-weight:500; background:#fff; border:1px solid var(--gray-4); border-radius:3em; box-sizing:border-box; }
.tabNav.depth2 ul li.active a { background:var(--main); border-color:var(--main); color:#fff; }
.tabNav.depth3 { margin-top:1.8rem; }
.tabNav.depth3 ul { gap:1.8rem; }
.tabNav.depth3 ul li a { padding:1.2rem; }
.tabNav.depth3 ul li.active a { font-weight:700; border-bottom:4px solid var(--main); }
/* tabBtnToggle */
.moTabBtn { display:none; }
.tabBtnToggle { margin:5rem 0; }
.viewTabContol { position:sticky; left:0; top:13.05rem; background:#fff; z-index:2; }
.tabBtnToggle ul { display:inline-flex; border:1px solid var(--gray-4); border-radius:.6rem; }
.tabBtnToggle ul li { position:relative; }
.tabBtnToggle ul li::before { content:''; position:absolute; top:50%; left:-1px; width:1px; height:2.4rem; background:var(--gray-4); transform:translateY(-50%); }
.tabBtnToggle ul li a { display:block; padding:1.6rem 4rem; font-size:1.8rem; }
.tabBtnToggle ul li a.active { font-weight:700; background:var(--blue-light); }
/* contentGroup */
#contentGroup { position:relative; min-height:50rem; }
/* layout */
.defaultLayout { max-width:1200px; margin:5rem auto 8rem; padding:0 2%; }
.flexLine { display:flex; }
.flexLine .txt li { position:relative; padding-left:.75em; }
.flexLine .txt li b { font-weight:500; }
.flexLine .txt>ul>li::before { content:''; position:absolute; left:0; top:.5em; width:.4rem; height:.4rem; background:var(--main); border-radius:50%; }
.flexLine .txt>ul>li>ul>li.point::before { content:'*'; position:absolute; left:0; top:0; }
.pointTxt { position:relative; padding-left:.875em; font-weight:500; }
.pointTxt b { font-weight:500; }
.pointTxt::before { content:'※'; position:absolute; left:0; top:0; }
.precautions { color:var(--precautions); }
.noData { padding:6rem 0; text-align:center; word-break:keep-all; border-top:2px solid var(--main); border-bottom:1px solid var(--gray-4); }
.noData p { padding-top:13rem; font-size:3rem; font-weight:700; background:url(../images/sub/icon_no_data.png) no-repeat top center; background-size:auto 8.2rem; }
.noData span { display:block; margin-top:2rem; font-size:2rem; font-weight:500; color:var(--gray-2); }
@media screen and (max-width:1024px) { 	
	/* location */
	.subFunc { padding:0; border:none; }
	.location .home,
	.locationTab>li.depth2,
	.funcItem { display:none; }
	.siteLocation { flex-direction:column-reverse; }
	.siteLocation .pageTit { width:100%; padding:6.25rem 5.5555%; font-size:3.375rem; box-sizing:border-box; }
	.location,
	.locationTab { display:block; width:100%; }
	.locationTab>li::before { display:none; }
	.locationTab>li button { padding:2.125rem 5.5555%; font-size:2rem; font-weight:600; background:#fafafa; border-bottom:1px solid var(--gray-4); }
	.locationTab>li button span::after { width:2.25rem; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='36px' height='19px'%3E%3Cpath fill-rule='evenodd' fill='rgb(32, 32, 32)' d='M35.215,1.831 L18.093,18.953 L0.972,1.831 L2.548,0.255 L18.093,15.800 L33.639,0.255 L35.215,1.831 Z'/%3E%3C/svg%3E"); }
	.locationTab>li div { padding:1.5rem 5.5555%; border-top:none; }
	.locationTab>li div ul li { margin:0; }
	.locationTab>li div ul li a { padding:.75rem 0; font-size:1.875rem; }
	/* pageTopWrap */
	.pageTopWrap { margin-bottom:4.375rem; padding:0; }
	.pageTopWrap .pageTit { margin-top:5rem; padding:0 5.5555%; font-size:3.125rem; }
	.tabNav ul { overflow-x:auto; white-space:nowrap; display:block; padding:0 5.5555%; }
	.tabNav ul::-webkit-scrollbar { display:none; }
	.tabNav ul li { display:inline-block; }
	.tabNav.depth2 { margin:0; }
	.tabNav.depth2 ul li:first-child,
	.tabNav.depth3 ul li:first-child { margin-left:0; }
	.tabNav.depth2 ul li:last-child,
	.tabNav.depth3 ul li:last-child { margin-right:0; }
	.tabNav ul li a { font-size:1.75rem; }
	.tabNav.depth2 ul li { margin:0 .25rem; }
	.tabNav.depth2 ul li a { padding:0 2rem; line-height:4.5rem; }
	.tabNav.depth2 ul li.active a::after { height:2px; }
	.tabNav.depth3 { margin-top:3rem; }
	.tabNav.depth3 ul li { margin:0 .5rem; }
	.tabNav.depth3 ul li a { padding:.5rem 1.5rem; }
	.tabNav.depth3 ul li.active a { border-bottom-width:2px; }
	/* .tabBtnToggle */
	.moTabBtn { display:block; width:100%; padding:1.5rem 2.75rem; text-align:left; background:var(--blue-light); border:1px solid var(--gray-4); border-radius:.5rem; box-sizing:border-box; }
	.moTabBtn span { display:block; position:relative; font-size:1.875rem; font-weight:600; }
	.moTabBtn span::after { content:''; position:absolute; top:0; right:0; 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.996,2.297 L13.278,15.015 L0.560,2.297 L2.120,0.737 L13.278,11.895 L24.435,0.737 L25.996,2.297 Z'/%3E%3C/svg%3E") no-repeat center / contain; transition:.2s; z-index:1; }
	.moTabBtn.active span::after { transform:rotate(180deg); }
	.tabBtnToggle { margin:4.375rem 0; }
	.defaultLayout .tabBtnToggle:first-child { margin-top:0; }
	.tabBtnToggle div { display:none; position:absolute; left:0; width:100%; padding:0; background:#fff; box-sizing:border-box; z-index:5; }
	.tabBtnToggle ul { display:block; padding:1rem 2.75rem; border-top:none; }
	.tabBtnToggle ul li::before { display:none; }
	.tabBtnToggle ul li a { padding:1rem 0; font-size:1.75rem; }
	.tabBtnToggle ul li a.active { font-weight:700; background:none; }
    .viewTabContol { top:8.5rem; padding-top:1em;  }
	/* contentGroup */
	#contentGroup { min-height:auto; }
	/* layout */
	.defaultLayout { margin-top:0; padding:0 5.5555%; }
	.noData p { padding-top:11rem; font-size:2rem; }
	.noData span { display:none; }
}

/* UI style */
.icoLink,
a.icoLink { padding-right:2.2rem; text-decoration:underline; 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='15px'%3E%3Cpath fill-rule='evenodd' fill='rgb(35, 35, 35)' d='M14.000,15.000 L1.000,15.000 L-0.000,15.000 L-0.000,14.000 L-0.000,1.000 L-0.000,-0.000 L1.000,-0.000 L7.000,-0.000 L7.000,1.000 L1.000,1.000 L1.000,14.000 L14.000,14.000 L14.000,8.000 L15.000,8.000 L15.000,14.000 L15.000,15.000 L14.000,15.000 ZM14.000,2.000 L13.000,2.000 L13.000,1.000 L9.000,1.000 L9.000,-0.000 L14.000,-0.000 L15.000,-0.000 L15.000,1.000 L15.000,6.000 L14.000,6.000 L14.000,2.000 ZM12.000,3.000 L12.000,2.000 L13.000,2.000 L13.000,3.000 L12.000,3.000 ZM11.000,4.000 L11.000,3.000 L12.000,3.000 L12.000,4.000 L11.000,4.000 ZM10.000,5.000 L10.000,4.000 L11.000,4.000 L11.000,5.000 L10.000,5.000 ZM9.000,6.000 L9.000,5.000 L10.000,5.000 L10.000,6.000 L9.000,6.000 ZM8.000,7.000 L8.000,6.000 L9.000,6.000 L9.000,7.000 L8.000,7.000 ZM7.000,8.000 L7.000,7.000 L8.000,7.000 L8.000,8.000 L7.000,8.000 ZM6.000,9.000 L6.000,8.000 L7.000,8.000 L7.000,9.000 L6.000,9.000 Z'/%3E%3C/svg%3E") no-repeat right center / 1.5rem; }
/* check */
.checkList,
.radioList { display:flex; flex-wrap:wrap; gap:1rem 3.6rem; }
.checkList li,
.radioList li { overflow:hidden; position:relative; padding:1px; }
.checkList li>input,
.radioList li>input { overflow:hidden; position:absolute; left:0; top:0; width:1px; height:1px; margin-left:-9999px; }
.checkList li>input + label,
.radioList li>input + label { display:inline-block; vertical-align:middle; position:relative; padding-left:3.2rem; font-size:1.7rem; color:var(--color4); letter-spacing:-.025em; cursor:pointer; }
.checkList li>input:disabled + label,
.radioList li>input:disabled + label { opacity:.3; }
.checkList li>input:focus + label,
.radioList li>input:focus + label { outline:2px dashed; }
.checkList li>input + label::before,
.radioList li>input + label::before { content:''; display:block; position:absolute; top:0; left:0; width:2.2rem; height:2.2rem; background:#fff no-repeat center; border:1px solid var(--color5); box-sizing:border-box; }
.radioList li>input + label::before { border-radius:50%; }
.checkList li>input:checked + label::before { border-color:var(--color3); background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='14px' height='10px'%3E%3Cpath fill-rule='evenodd' fill='rgb(190, 32, 110)' d='M6.500,8.559 L5.368,7.427 L12.727,0.068 L13.859,1.200 L6.500,8.559 ZM0.141,4.465 L1.273,3.333 L6.500,8.559 L5.368,9.691 L0.141,4.465 Z'/%3E%3C/svg%3E"); background-size:1.4rem auto; }
.radioList li>input:checked + label::before { border-color:var(--color3); background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='10px' height='10px'%3E%3Cpath fill-rule='evenodd' fill='rgb(190, 32, 110)' d='M5.000,-0.000 C7.761,-0.000 10.000,2.238 10.000,5.000 C10.000,7.761 7.761,10.000 5.000,10.000 C2.239,10.000 -0.000,7.761 -0.000,5.000 C-0.000,2.238 2.239,-0.000 5.000,-0.000 Z'/%3E%3C/svg%3E"); background-size:1rem; }

/* select */
.selectbox::after { right:2rem; transition:.2s; }
.selectbox select { color:var(--color4); border:none; }
/* text */
.conTit { margin:8rem 0 3rem; font-size:3.2rem; font-weight:700; }
.defaultLayout .conTit:first-child { margin-top:0; }
.conTxt { margin-bottom:3rem; padding-left:1.6rem; font-size:1.8rem; letter-spacing:-.025em; line-height:1.4; }
/* table */
.tableDrag { display:none; }
.tableStyle { table-layout:fixed; width:100%; margin:1rem 0; border-top:2px solid var(--main); }
.tableStyle th, 
.tableStyle td { padding:1.4rem 1rem; vertical-align:middle; font-size:1.7rem; font-weight:400; line-height:1.4; letter-spacing:-.025em; text-align:center; border-style:solid; border-color:var(--gray-4); border-width:0 1px 1px 0; box-sizing:border-box; }
.tableStyle th { text-align:center; background:#f7f7f8; word-break:keep-all; }
.tableStyle th:last-child,
.tableStyle td:last-child { border-right-width:0; }
.tableStyle [rowspan] { border-left-width:1px; }
.tableStyle [rowspan]:first-child { border-left-width:0; }
.tableStyle th.bdNone,
.tableStyle td.bdNone { border-left:none; }
.tableInfo { margin-bottom:1rem; color:var(----gray-2); letter-spacing:-.025em; text-align:right; }
.tableTxt { position:relative; margin-top:2.5rem; font-weight:500; color:var(--blue); letter-spacing:-.025em; word-break:keep-all; }
.tableTxt.top { margin:0 0 2.5rem; }
/* list */
.listStyle,
.listStyle2,
.listStyle3 { margin-bottom:3rem; padding-left:1.6rem; }
.listStyle2 { padding-left:2.4rem; }
.listStyle3 { padding-left:3.2rem; }
.listStyle ul ,
.listStyle2 ul { margin:0; padding:0; }
.listStyle li,
.listStyle2 li,
.listStyle3 li { margin:1.2rem 0; padding-left:2rem; font-size:1.8rem; letter-spacing:-.025em; line-height:1.4; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='12px' height='5px'%3E%3Cpath fill-rule='evenodd' fill='rgb(79, 167, 255)' d='M2.500,-0.000 L5.500,-0.000 C6.881,-0.000 8.000,1.119 8.000,2.500 C8.000,3.881 6.881,5.000 5.500,5.000 L2.500,5.000 C1.119,5.000 -0.000,3.881 -0.000,2.500 C-0.000,1.119 1.119,-0.000 2.500,-0.000 Z'/%3E%3Cpath fill-rule='evenodd' fill='rgb(110, 59, 255)' d='M6.500,-0.000 L9.500,-0.000 C10.881,-0.000 12.000,1.119 12.000,2.500 C12.000,3.881 10.881,5.000 9.500,5.000 L6.500,5.000 C5.119,5.000 4.000,3.881 4.000,2.500 C4.000,1.119 5.119,-0.000 6.500,-0.000 Z'/%3E%3C/svg%3E") no-repeat left .9rem / 1.2rem auto; }
.listStyle2 li { padding-left:1.6rem; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='10px' height='10px'%3E%3Cpath fill-rule='evenodd' fill='rgb(235, 110, 42)' d='M5.000,10.000 C2.238,10.000 -0.000,7.761 -0.000,5.000 C-0.000,2.239 2.238,0.000 5.000,0.000 C7.762,0.000 10.000,2.239 10.000,5.000 C10.000,7.761 7.762,10.000 5.000,10.000 ZM5.000,3.188 C3.999,3.188 3.188,3.999 3.188,5.000 C3.188,6.001 3.999,6.813 5.000,6.813 C6.001,6.813 6.813,6.001 6.813,5.000 C6.813,3.999 6.001,3.188 5.000,3.188 Z'/%3E%3C/svg%3E"); background-position:left .8rem; background-size:1rem auto; }
.listStyle3 li { padding-left:1.2rem; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='5px' height='8px'%3E%3Cpath fill-rule='evenodd' fill='rgb(35, 52, 124)' d='M4.000,5.000 L4.000,6.000 L3.000,6.000 L3.000,7.000 L2.000,7.000 L2.000,8.000 L-0.000,8.000 L-0.000,6.000 L1.000,6.000 L1.000,5.000 L2.000,5.000 L2.000,4.000 L2.000,3.000 L1.000,3.000 L1.000,2.000 L-0.000,2.000 L-0.000,-0.000 L2.000,-0.000 L2.000,1.000 L3.000,1.000 L3.000,2.000 L4.000,2.000 L4.000,3.000 L5.000,3.000 L5.000,5.000 L4.000,5.000 Z'/%3E%3C/svg%3E"); background-position:left .7rem; background-size:.5rem auto; }
@media screen and (max-width:1024px) { 
	/* check */
	.checkList,
	.radioList { gap:1.25rem 3rem; }
	.checkList li>input + label,
	.radioList li>input + label { padding-left:3rem; font-size:1.75rem; line-height:1.5; }
	.checkList li>input + label::before,
	.radioList li>input + label::before { width:2.25rem; height:2.25rem; }
	.checkList li>input:checked + label::before { background-size:1.5rem auto; }
	/* select */
	.selectbox::after { right:1.5rem; width:1.75rem; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='34px' height='19px'%3E%3Cpath fill-rule='evenodd' fill='rgb(35, 35, 35)' d='M33.996,1.605 L16.999,18.985 L0.003,1.605 L1.567,0.005 L16.999,15.785 L32.431,0.005 L33.996,1.605 Z'/%3E%3C/svg%3E"); }
	/* txt */
	.conTit { margin:6.25rem 0 2.5rem; font-size:2.5rem; }
	.conTxt { margin-bottom:2.5rem; padding-left:0; font-size:1.875rem; }
	/* table */
	.tableStyle th,
	.tableStyle td { padding:1.4rem .5rem; font-size:1.75rem; }
	/* list */
	.listStyle,
	.listStyle2,
	.listStyle3 { margin-bottom:2.5rem; padding-left:0; }
	.listStyle2 { padding-left:1.75rem; }
	.listStyle3 { padding-left:3.25rem; }
	.listStyle li,
	.listStyle2 li,
	.listStyle3 li { margin:1rem 0; padding-left:1em; font-size:1.75rem; background-size:1rem auto; }
	.listStyle2 li { padding-left:1.5rem; background-size:.75rem auto; }
	.listStyle3 li { padding-left:1.25rem; background-size:.375rem auto; }
}
@media screen and (max-width:767px) { 
	/* check */
	.checkList li,
	.radioList li { width:100%; }
	/* table */
	.tableDrag { display:block; padding:1rem 0; font-size:1.625rem; font-weight:300; color:var(--color4); text-align:center; border-top:1px solid var(--color5); }
	.scrollTblWrap { width:100%; overflow-x:auto; overflow-y:hidden; }
	.scrollTblWrap table { width:900px; margin:0; }
}

/* 게시판 */
/* fair type */
.icoNotice { display:inline-block; width:3.4rem; height:3.4rem; background:#335eff url(../images/sub/icon_board_notice.svg) no-repeat center .6rem / 1.8rem auto; border-radius:50%; text-indent:-9999em; }
.icoFairType { display:inline-block; min-width:3.33333em; padding:0 .66666em; font-size:1.5rem; font-weight:500; line-height:1.866666em; text-align:center; border-radius:.4rem; box-sizing:border-box; }
.icoFairType.general { background:var(--general); }
.icoFairType.single { background:var(--single); }
.icoFairType.food { background:var(--food); }
.icoFairType.comm { background:var(--comm); }
/* fair target */
.icoFairTarget { display:inline-block; width:3.6rem; font-size:1.7rem; font-weight:600; line-height:3.6rem; text-align:center; color:#fff; border-radius:50%; }
.icoFairTarget.produce { background:var(--produce); }
.icoFairTarget.seafood { background:var(--seafood); }
.icoFairTarget.promotion { background:var(--promotion); }
/* bordertype */
.iconBorType { display:inline-block; min-width:2.4em; padding:0 .8em; background:#fff; border:1px solid; border-radius:.4rem; box-sizing:border-box; text-align:center; font-style:normal; }
.iconBorType.produce { color:var(--produce); }
.iconBorType.seafood { color:var(--seafood); }
.iconBorType.promotion { color:var(--promotion); }
/* boardSearch */
.boardSearch { overflow:hidden; display:flex; position:relative; margin-bottom:4rem; border:1px solid var(--gray-4); border-radius:.4rem; box-sizing:border-box; }
.boardSearch>div { position:relative; }
.boardSearch>div::before { content:''; display:block; position:absolute; top:50%; left:-1px; width:1px; height:2.6rem; margin-top:-1.3rem; background:var(--gray-4); }
.boardSearch .inputbox { flex-grow:1; }
.boardSearch .inputbox input { width:100%; height:5.4rem; padding:0 3rem; font-size:1.8rem; border:none; box-sizing:border-box; }
.boardSearch .btnbox { display:flex; }
.boardSearch .btnbox::before { display:none; }
.boardSearch .btnbox button { display:block; width:10rem; height:5.4rem; border-left:1px solid var(--gray-4); }
.boardSearch .btnbox button:focus,
.boardSearch .btnbox button:hover { background:var(--main); transition:.15s; }
.boardSearch .btnbox button span { display:inline-block; padding-left:2.4rem; font-size:1.8rem; font-weight:600; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='21px' height='21px'%3E%3Cpath fill-rule='evenodd' fill='rgb(35, 35, 35)' d='M20.185,18.566 C20.541,18.924 20.541,19.505 20.185,19.864 C20.007,20.043 19.774,20.132 19.541,20.132 C19.307,20.132 19.074,20.043 18.896,19.864 L13.067,13.993 C13.001,13.927 12.960,13.847 12.918,13.768 C11.604,14.880 9.926,15.576 8.070,15.576 C3.903,15.576 0.526,12.198 0.526,8.031 C0.526,3.865 3.903,0.487 8.070,0.487 C12.237,0.487 15.615,3.865 15.615,8.031 C15.615,9.722 15.039,11.266 14.100,12.524 C14.191,12.568 14.281,12.619 14.356,12.695 L20.185,18.566 ZM8.070,2.262 C4.884,2.262 2.301,4.845 2.301,8.031 C2.301,11.218 4.884,13.801 8.070,13.801 C11.256,13.801 13.839,11.218 13.839,8.031 C13.839,4.845 11.256,2.262 8.070,2.262 Z'/%3E%3C/svg%3E") no-repeat left center / 1.7rem; }
.boardSearch .btnbox button:focus span,
.boardSearch .btnbox button:hover span { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='21px' height='21px'%3E%3Cpath fill-rule='evenodd' fill='rgb(255, 255, 255)' d='M20.185,18.566 C20.541,18.924 20.541,19.505 20.185,19.864 C20.007,20.043 19.774,20.132 19.541,20.132 C19.307,20.132 19.074,20.043 18.896,19.864 L13.067,13.993 C13.001,13.927 12.960,13.847 12.918,13.768 C11.604,14.880 9.926,15.576 8.070,15.576 C3.903,15.576 0.526,12.198 0.526,8.031 C0.526,3.865 3.903,0.487 8.070,0.487 C12.237,0.487 15.615,3.865 15.615,8.031 C15.615,9.722 15.039,11.266 14.100,12.524 C14.191,12.568 14.281,12.619 14.356,12.695 L20.185,18.566 ZM8.070,2.262 C4.884,2.262 2.301,4.845 2.301,8.031 C2.301,11.218 4.884,13.801 8.070,13.801 C11.256,13.801 13.839,11.218 13.839,8.031 C13.839,4.845 11.256,2.262 8.070,2.262 Z'/%3E%3C/svg%3E"); color:#fff; }
/* pageNav */
.pageNav { margin-top:7rem; }
.pageNav ul { display:flex; justify-content:center; align-items:center; }
.pageNav ul.mo { display:none; }
.pageNav ul li a, 
.pageNav ul li strong { display:block; position:relative; padding:0 .8rem; font-size:1.8rem; color:#737373; line-height:4rem; }
.pageNav ul li strong { color:var(--main); }
.pageNav ul li strong span { position:relative; padding:0 .2rem; }
.pageNav ul li strong span::after { content:''; position:absolute; bottom:0; left:50%; width:100%; height:1px; background:var(--main); transform:translateX(-50%); }
.pageNav ul li.pageBtn { margin:0 .4rem; }
.pageNav ul li.pageBtn a { overflow:hidden; display:block; width:4rem; height:4rem; padding:0; background:no-repeat center; border:1px solid var(--gray-4); box-sizing:border-box; border-radius:50%; text-indent:-999em; transition:.2s; }
.pageNav ul li.pageBtn a:focus,
.pageNav ul li.pageBtn a:hover { background-color:var(--main); border-color:var(--main); }
.pageNav ul li.prev { margin-right:3rem; }
.pageNav ul li.next { margin-left:3rem; }
.pageNav ul li.first a,
.pageNav ul li.last a { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='12px' height='11px'%3E%3Cpath fill-rule='evenodd' fill='rgb(0, 0, 0)' d='M12.000,10.251 L11.280,10.999 L5.993,5.503 L6.000,5.495 L5.999,5.494 L11.289,-0.005 L11.994,0.728 L7.417,5.486 L12.000,10.251 ZM6.000,10.251 L5.280,10.999 L-0.007,5.503 L0.000,5.495 L-0.001,5.494 L5.288,-0.005 L5.994,0.728 L1.417,5.487 L6.000,10.251 Z'/%3E%3C/svg%3E"); background-size:1.2rem auto; }
.pageNav ul li.first a:focus,
.pageNav ul li.first a:hover,
.pageNav ul li.last a:focus,
.pageNav ul li.last a:hover { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='12px' height='11px'%3E%3Cpath fill-rule='evenodd' fill='rgb(255, 255, 255)' d='M12.000,10.251 L11.280,10.999 L5.993,5.503 L6.000,5.495 L5.999,5.494 L11.289,-0.005 L11.994,0.728 L7.417,5.486 L12.000,10.251 ZM6.000,10.251 L5.280,10.999 L-0.007,5.503 L0.000,5.495 L-0.001,5.494 L5.288,-0.005 L5.994,0.728 L1.417,5.487 L6.000,10.251 Z'/%3E%3C/svg%3E"); }
.pageNav ul li.prev a,
.pageNav ul li.next a { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='6px' height='11px'%3E%3Cpath fill-rule='evenodd' fill='rgb(0, 0, 0)' d='M6.000,10.251 L5.280,10.999 L-0.007,5.503 L0.000,5.495 L-0.001,5.494 L5.288,-0.005 L5.994,0.728 L1.417,5.487 L6.000,10.251 Z'/%3E%3C/svg%3E"); background-size:.6rem auto; }
.pageNav ul li.prev a:focus,
.pageNav ul li.prev a:hover,
.pageNav ul li.next a:focus,
.pageNav ul li.next a:hover { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='6px' height='11px'%3E%3Cpath fill-rule='evenodd' fill='rgb(255, 255, 255)' d='M6.000,10.251 L5.280,10.999 L-0.007,5.503 L0.000,5.495 L-0.001,5.494 L5.288,-0.005 L5.994,0.728 L1.417,5.487 L6.000,10.251 Z'/%3E%3C/svg%3E"); }
.pageNav ul li.next a,
.pageNav ul li.last a { transform:rotate(180deg); }
/* boardList */
.boardTop { display:flex; justify-content:space-between; align-items:center; margin-bottom:2.8rem; }
.boardTop.AlignRight { justify-content:flex-end; }
.boardViewSelect { display:flex; align-items:center; gap:1rem; }
.boardViewSelect p { font-size:1.8rem; font-weight:600; color:#000; }
.boardViewSelect .selectbox { flex-grow:1; background:#fff; border:1px solid #dcdcdc; border-radius:5em; }
.boardViewSelect .selectbox select { height:3.8rem; padding:0 4rem 0 4.5rem; font-size:1.8rem; font-weight:600; color:#be206e; border:none; border-radius:5em; }
.boardViewSelect .selectbox::before { content:''; position:absolute; left:.4rem; top:50%; width:3rem; height:3rem; background:url(../images/sub/arrow_select.png) no-repeat center / 1.5rem auto; border:1px solid #ddd; box-sizing:border-box; border-radius:50%; transform:translateY(-50%); }
.boardViewSelect .selectbox::after { right:1.4rem; }
.boardCount { margin-bottom:2.8rem; font-size:1.8rem; font-weight:500; text-align:right; }
.boardTop .boardCount { margin-bottom:0; }
.boardCount b { color:#be206e; }
.boardList { width:100%; }
.boardList table { width:100%; table-layout:fixed; text-align:center; }
.boardList thead { border-top:2px solid var(--main); border-bottom:1px solid var(--main); }
.boardList tbody tr { border-bottom:1px solid var(--gray-4); }
.boardList tbody tr:hover { background-color:#fafafa; }
.boardList .subject { width:auto; }
.boardList .num { width:8rem; }
.boardList .category { width:9rem; }
.boardList .file { width:7rem; }
.boardList .writer { width:17rem; }
.boardList .date { width:13rem; }
.boardList th,
.boardList td { vertical-align:middle; padding:1.6rem .5rem; font-size:1.7rem; font-weight:500; text-align:center; letter-spacing:-.025em; box-sizing:border-box; }
.boardList td.subject a,
.boardList td.subject span { overflow:hidden; display:block; white-space:nowrap; text-overflow:ellipsis; text-align:left; }
.boardList td .icoFile { display:inline-block; width:2.6rem; height:2.6rem; background:url(../images/sub/icon_board_file.png) no-repeat center / contain; text-indent:-999em; }
/* boardView */
.viewTit { display:flex; justify-content:space-between; align-items:center; padding:1.7rem; border:1px solid var(--main); border-width:2px 0 1px; box-sizing:border-box; }
.viewTit h4 { align-items:center; gap:.5em; flex-grow:1; padding-right:1em; font-size:2rem; font-weight:600; letter-spacing:-.025em; word-break:keep-all; }
.viewTit h4 .icoNotice,
.viewTit h4 .icoFairType { display:inline-block; vertical-align:middle; margin-right:.25em; }
.viewInfo { flex-shrink:0; display:flex; align-items:center; }
.viewInfo li { position:relative; padding:0 1.2rem; font-weight:500; color:#606060; letter-spacing:-.025em; line-height:1; }
.viewInfo li:first-child { padding-left:0; }
.viewInfo li:last-child { padding-right:0; }
.viewInfo li::after { content:''; position:absolute; top:50%; right:0; width:1px; height:1em; background:var(--gray-4); transform:translateY(-50%); }
.viewInfo li:last-child::after { display:none; }
.viewContent { padding-top:4rem; border-bottom:1px solid var(--main); }
.viewContent pre { margin:0; padding:0; background:transparent; }
.viewContent .viewContentInner { overflow:hidden; margin:0 0 4rem; padding:0 1.7rem; font-size:1.7rem; font-weight:500; word-wrap:break-word; line-height:1.4; box-sizing:border-box; }
.viewContent .viewContentInner img { height:auto !important; }
.pdfViewer { width:100%; height:96vw; max-height:1200px; }
.pdfViewer iframe { width:100%; height:100%; }
/* boardFile */
.boardFile { margin-bottom:3rem; border:1px solid var(--gray-4); border-width:1px 0; }
.boardFile .inner { display:flex; }
.boardFile h5 { flex-grow:1; display:flex; align-items:center; justify-content:center; width:15rem; font-weight:500; background:#f7f7f7; border-right:1px solid var(--gray-4); }
.boardFile ul { width:87.7941%; padding:.8rem 2.8rem; box-sizing:border-box; }
.boardFile ul li { margin:.5rem 0; }
.boardFile ul li a { overflow:hidden; display:block; padding-left:2.8rem; line-height:3rem; letter-spacing:-.025em; white-space:nowrap; text-overflow:ellipsis; background:url(../images/sub/icon_attach.svg) no-repeat left center / 1.6rem auto; box-sizing:border-box; }
.boardFile ul li a:focus,
.boardFile ul li a:hover { text-decoration:underline; }
/* viewCtrl */
.viewCtrl { display:flex; justify-content:space-between; align-items:center; margin-top:6rem; }
.viewCtrl .btnCtrl { flex-shrink:0; width:40%; }
.viewCtrl .btnCtrl a { display:block; }
.viewCtrl .btnCtrl span { display:flex; align-items:center; gap:1.7rem; }
.viewCtrl .btnCtrl span i { flex-shrink:0; width:4.6rem; height:4.6rem; 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='17px'%3E%3Cpath fill-rule='evenodd' fill='rgb(32, 32, 32)' d='M9.206,15.813 L8.500,16.520 L1.186,9.206 L1.186,9.207 L0.479,8.499 L1.186,7.792 L1.186,7.792 L8.500,0.479 L9.206,1.186 L1.893,8.499 L9.206,15.813 Z'/%3E%3C/svg%3E") no-repeat center; background-size:1rem auto; border:1px solid var(--gray-4); border-radius:50%; box-sizing:border-box; text-indent:-999em; transition:.15s; }
.viewCtrl .btnCtrl.next span { flex-direction:row-reverse; }
.viewCtrl .btnCtrl.next i { transform:rotate(180deg); }
.viewCtrl .btnCtrl a:focus span i,
.viewCtrl .btnCtrl a:hover span i { background-color:var(--main); border-color:var(--main); background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='10px' height='17px'%3E%3Cpath fill-rule='evenodd' fill='rgb(255, 255, 255)' d='M9.206,15.813 L8.500,16.520 L1.186,9.206 L1.186,9.207 L0.479,8.499 L1.186,7.792 L1.186,7.792 L8.500,0.479 L9.206,1.186 L1.893,8.499 L9.206,15.813 Z'/%3E%3C/svg%3E"); }
.viewCtrl .btnCtrl span em { overflow:hidden; display:block; position:relative; white-space:nowrap; padding:1px 0; font-size:1.7rem; font-weight:500; color:var(--gray-1); letter-spacing:-.05em; text-overflow:ellipsis; }
.viewCtrl .btnCtrl span em::after { content:''; position:absolute; left:0; bottom:0; width:0; height:1px; }
.viewCtrl .btnCtrl a:focus span em::after,
.viewCtrl .btnCtrl a:hover span em::after { width:100%; background:var(--color1); transition:.3s; }
.viewCtrl .boardBtn { margin-top:0; }
/* boardBtn */
.boardBtn { margin-top:4.375em; }
.boardBtn ul { display:flex; justify-content:center; gap:.5rem; }
.boardBtn p { display:inline-block; }
.boardBtn a,
.boardBtn button { display:block; min-width:8.6rem; padding:1.2rem 2rem; font-size:1.7rem; color:var(--gray-2); background:#fff; border:1px solid var(--gray-4); border-radius:.4rem; box-sizing:border-box; text-align:center; transition:.15s; }
.boardBtn a:focus,
.boardBtn a:hover,
.boardBtn button:focus,
.boardBtn button:hover { background:var(--main); color:#fff; }
/* viewerList */
.viewerList ul { display:flex; flex-wrap:wrap; gap:8rem 0; margin:0 -2.0833%; }
.viewerList ul li { width:33.33%; padding:0 2.0833%; box-sizing:border-box; }
.viewerList ul li .tit { overflow:hidden; margin-top:2rem; font-size:2.2rem; font-weight:500; letter-spacing:-.025em; text-overflow:ellipsis; white-space:nowrap; }
.viewerList ul li .img { overflow:hidden; position:relative; margin-top:3rem; padding-top:118.8524%; border:1px solid var(--gray-4); border-radius:1.2rem; box-sizing:border-box; }
.viewerList ul li .img img { position:absolute; top:50%; left:50%; height:100%; transform:translate(-50%, -50%); }
.viewerList ul li .btn { display:flex; gap:1rem; margin-top:1rem; }
.viewerList ul li .btn a { display:block; flex:1; padding:1rem 2.6rem; border:1px solid var(--gray-4); border-radius:.4rem; box-sizing:border-box; transition:.15s; }
.viewerList ul li .btn a:focus,
.viewerList ul li .btn a:hover { background-color:var(--main); border-color:var(--main); color:#fff; }
.viewerList ul li .btn a span { display:block; font-size:1.7rem; font-weight:500; letter-spacing:-.025em; background:no-repeat right center / auto 1.4rem; }
.viewerList ul li .btn .view { background-image:url(../images/sub/icon_board_view.svg); }
.viewerList ul li .btn a:focus .view,
.viewerList ul li .btn a:hover .view { background-image:url(../images/sub/icon_board_view_on.svg); }
.viewerList ul li .btn .down { background-image:url(../images/sub/icon_board_down.svg); }
.viewerList ul li .btn a:focus .down,
.viewerList ul li .btn a:hover .down { background-image:url(../images/sub/icon_board_down_on.svg); }
/* faq */
.btnToggle .toggleCon { display:none; }
.faqList { border:1px solid var(--main); border-width:1px 0; word-break:keep-all; }
.faqList .btnToggle { border-bottom:1px solid var(--gray-4); transition:.15s; }
.faqList .btnToggle.active { background:#f7f7f7; }
.faqList .btnToggle button { display:flex; align-items:flex-start; gap:2rem; position:relative; width:100%; padding:2.8rem 6rem 2.8rem 2.5rem; }
.faqList .btnToggle button::after { content:''; position:absolute; top:0; right:2.5rem; width:1.3rem; 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='13px' height='8px'%3E%3Cpath fill-rule='evenodd' fill='rgb(23, 23, 23)' d='M12.992,1.447 L6.569,8.003 L6.499,7.931 L6.429,8.003 L0.006,1.447 L1.431,-0.007 L6.499,5.166 L11.567,-0.007 L12.992,1.447 Z'/%3E%3C/svg%3E") no-repeat center / contain; transition:.2s; }
.faqList .btnToggle.active button::after { transform:rotate(-180deg); }
.faqList .btnToggle button i { flex-shrink:0; width:8.4rem; padding:.4rem 0; font-style:normal; font-size:1.5rem; font-weight:500; letter-spacing:-.025em; border:1px solid var(--gray-4); box-sizing:border-box; border-radius:.4rem; background:#fff; }
.faqList .btnToggle button i br { display:none; }
.faqList .btnToggle button span { flex-grow:1; font-size:1.8rem; font-weight:600; letter-spacing:-.025em; text-align:left; line-height:1.5; }
.faqList .btnToggle .toggleCon { padding:0 2.5rem; }
.faqList .viewContentInner { position:relative; padding:3rem 0; padding-left:10.4rem; font-size:1.8rem; letter-spacing:-.025em; line-height:1.4; border-top:1px dashed var(--gray-4); }
.faqList .viewContentInner::before { content:'A'; position:absolute; top:2rem; left:4rem; width:4.4rem; font-size:2rem; color:#fff; line-height:4.4rem; color:#fff; text-align:center; background:var(--main); border-radius:50%; }
/* noticeList */
.noticeList ul { display:grid; grid-template-columns:repeat(3, 1fr); gap:2rem; }
.noticeList ul a { display:block; position:relative; padding:2.8rem; border:1px solid var(--gray-4); border-radius:1.2rem; }
.noticeList ul a:focus,
.noticeList ul a:hover { background:#fafafa; border-color:var(--main); }
.noticeList ul a .category { display:flex; gap:.5rem; margin-bottom:2.8rem; }
.noticeList ul a .category span { display:inline-block; line-height:2.8rem; font-size:1.5rem; }
.noticeList ul a .category .festivalTotal { background:#fff; border-radius:.4rem; }
.noticeList ul a .category .festivalTotal { padding:0 1rem; font-weight:500; border:1px solid var(--gray-4); }
.noticeList ul a .category .festivalCode { display:flex; gap:.5rem; font-weight:600; }
.noticeList ul a strong { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; text-overflow:ellipsis; min-height:8.8rem; font-size:2.2rem; }
.noticeList ul a .date { display:block; margin-right:8rem; letter-spacing:-.025em; }
.noticeList ul a .date b { display:block; color:var(--gray-2); font-weight:500; }
.noticeList ul a .date span { display:block; font-size:1.8rem; font-weight:600; }
.noticeList ul a .state { position:absolute; right:2.8rem; bottom:2.8rem; min-width:7.8rem; padding:1rem 1.6rem; background:#be206e; border-radius:2rem; box-sizing:border-box; line-height:1.8rem; text-align:center; color:#fff; font-weight:600; }
.noticeList ul a .state.fin { background:#bababa; }
.noticeList ul a .state.before { background:var(--orange); }
/* noticeView */
.viewPosterWrap { display:flex; gap:3.5%; margin-top:8rem; padding-bottom:4.8rem; border-bottom:1px solid; letter-spacing:-.025em; }
.viewPosterWrap .imgArea { flex:0 0 auto; width:26.8333%; text-align:center; }
.viewPosterWrap .imgArea span { display:inline-block; overflow:hidden; width:100%; height:100%; max-width:290px; max-height:410px; border:1px solid var(--gray-4); border-radius:1rem; }
.viewPosterWrap .imgArea span img { object-fit:cover; width:100%; height:100%; }
.viewPosterWrap .txtArea { position:relative; flex:1; padding-bottom:5.8rem; }
.viewPosterWrap .txtArea h3 { padding-bottom:2.4rem; border-bottom:1px solid var(--gray-4); }
.viewPosterWrap .txtArea h3 span { font-size:1.7rem; }
.viewPosterWrap .txtArea h3 strong { display:block; margin-top:1rem; font-size:2.6rem; font-weight:600; }
.viewPosterWrap .txtArea ul { display:table; table-layout:fixed; width:100%; margin-top:2rem; }
.viewPosterWrap .txtArea ul>li { display:table-row; }
.viewPosterWrap .txtArea ul>li>span { display:table-cell; padding:.7rem 0; font-size:1.8rem; }
.viewPosterWrap .txtArea ul>li>span.tit { width:9.8rem; font-weight:bold; }
.viewPosterWrap .txtArea ul>li>span.txt { width:auto; font-weight:500; }
.viewPosterWrap .txtArea ul>li>span.txt .iconBorType { line-height:1.7647; font-size:1.7rem; }
.viewPosterWrap .txtArea ul>li>span.txt b { color:#be206e; }
.viewPosterWrap .txtArea .btn { position:absolute; right:0; bottom:0;  }
.viewPosterWrap .txtArea .btn a,
.viewPosterWrap .txtArea .btn button { display:flex; justify-content:center; align-items:center; width:226px; height:54px; border:1px solid; border-radius:.5rem; font-size:1.8rem; font-weight:500; }
.noticeViewBox { margin-left:1.6rem; }
.noticeViewBox .item { margin-bottom:7rem; }
.noticeViewBox h4 { margin:2em 0 1em; padding-left:1em; background:url(../images/sub/bu_h4.png) no-repeat left .125em / auto 1em; font-size:2.4rem; }
.noticeViewBox .tableStyle.tbodyBgNone tbody th { background:#fff; }
.noticeViewBox .tableStyle tfoot th { font-weight:600; }
.noticeViewBox .tableStyle td { text-align:left; padding-left:1em; padding-right:1em; }
.noticeViewBox .tableStyle td.score { text-align:center; font-weight:600; }
.noticeViewBox .tableStyle tbody td.score { color:var(--precautions); }
.noticeViewBox .tableStyle td ul.buList { margin:.5rem 0 0 3.5rem; }
.noticeViewBox .tableStyle td ul.buList>li { position:relative; padding-left:.75em; }
.noticeViewBox .tableStyle td ul.buList>li::before { content:'-'; position:absolute; left:0; top:0; }
.noticeViewBox .tableStyle td .flexLine { display:flex; align-items:center; }
.noticeViewBox .tableStyle td .flexLine .tit { flex:0 0 auto; width:30%; }
.noticeViewBox .tableStyle td .flexLine .txt { flex:1; }
.noticeViewBox .tableStyle td .roundTxt { margin-right:.25em; }
.criteriaFormula { display:flex; padding:3rem; border:1px solid var(--gray-4); border-radius:1rem; letter-spacing:-.025em; overflow-x:auto; }
.criteriaFormula .box { display:flex; flex:1; justify-content:center; align-items:center; padding:2.4rem 2.6rem; border-radius:.5rem; text-align:center; }
.criteriaFormula .box dt,
.criteriaFormula .box p { font-size:2rem; }
.criteriaFormula .box dt { margin-bottom:.25em; }
.criteriaFormula .box dd { display:flex; align-items:center; gap:.5rem; font-size:1.7rem; }
.roundTxt { display:inline-flex; justify-content:center; align-items:center; width:2.9rem; height:2.9rem; margin-top:.25em; border:1px solid #2c2b2b; box-sizing:border-box; border-radius:50%; }
.criteriaFormula .unit { display:flex; align-items:center; flex:0 0 auto; margin:0 1.2rem; font-size:3rem; }
.criteriaFormula .scoreEvaluation,
.scoreEvaluation .roundTxt,
.noticeViewBox .scoreEvaluation tfoot th,
.noticeViewBox .scoreEvaluation tfoot td { background:var(--score); }
.criteriaFormula .subjectiveEvaluation,
.subjectiveEvaluation .roundTxt,
.noticeViewBox .subjectiveEvaluation tfoot th,
.noticeViewBox .subjectiveEvaluation tfoot td { background:var(--subjective); }
.criteriaFormula .totalScore { border:1px solid var(--gray-5); background:var(--blue-light); }
.criteriaFormula .additionalScore,
.additionalScore .roundTxt,
.noticeViewBox .additionalScore tfoot th,
.noticeViewBox .additionalScore tfoot td { background:var(--additional); }
.btnApplication { max-width:394px; margin:0 auto; }
.btnApplication button { display:flex; justify-content:space-between; align-items:center; width:100%; height:6.6rem; padding:0 3rem; border:1px solid; border-radius:1rem; text-align:left; font-size:1.8rem; font-weight:500; }
.btnApplication button i { display:inline-block; width:1.6rem; height:1rem; background:url(../images/sub/arrow_link.png) no-repeat center / contain; }
@media screen and (max-width:1200px) {
    .noticeList ul { grid-template-columns:repeat(2, 1fr); }
}
@media screen and (max-width:1024px) {
	/* boardSearch */
	.boardSearch { margin-bottom:3.75rem; border-radius:.5rem; }	
	.boardSearch .inputbox input { height:5rem; padding:0 2rem; font-size:1.75rem; }
	.boardSearch .inner .btnbox { width:100%; }
	.boardSearch .btnbox button { width:9rem; height:5rem; }
	.boardSearch .btnbox button span { padding-left:2.75rem; font-size:1.75rem; background-size:2.125rem; }
	.boardSearch .btnbox .search { flex-grow:1; }
	.boardSearch .btnbox .search span { background-size:2.125rem; }
	.boardSearch .btnbox .reset { width:30%; }
	.boardSearch .btnbox .reset span { background-size:2rem; }
	/* pageNav */
	.pageNav { margin-top:4rem; }
	.pageNav ul { display:none; }
	.pageNav ul.mo { display:flex; }
	.pageNav ul li a, 
	.pageNav ul li strong { padding:0 1rem; font-size:1.875rem; }
	.pageNav ul li.total span { font-size:1.875rem; color:var(--main); }
	.pageNav ul li.total span::before { content:'/ '; color:#aeaeae; font-weight:300; }
	.pageNav ul li.pageBtn { display:block; margin:0 .2rem; }
	.pageNav ul li.pageBtn a { width:4.5rem; height:4.5rem; background-size:.8rem auto; }
	.pageNav ul li.prev { margin-right:2rem; }
	.pageNav ul li.next { margin-left:2rem; }
	/* boardList */
	.boardCount { margin-bottom:2.5rem; }	
	.boardList .subject { width:auto; }
	.boardList .num { width:8rem; }
	.boardList .category { width:9rem; }
	.boardList .file,
	.boardList .writer,
	.boardList .date,
	.boardList .moNone { display:none; }	
	.boardList .moBlock { display:table-cell; }	
	.boardList th,
	.boardList td { font-size:1.75rem; }
	.boardList td .icoNotice { width:3.25rem; height:3.25rem; }
	/* boardView */
	.viewTit { display:block; padding:0; }
	.viewTit h4 { padding:1.75rem 1.25rem; font-size:1.875rem; box-sizing:border-box; }
	.viewInfo { flex-wrap:wrap; padding:1.25rem; border-top:1px solid var(--gray-4); }
	.viewInfo li { padding:0 1rem; font-size:1.5rem; }
	.viewContent { padding-top:3.25rem; }
	.viewContent .viewContentInner { margin-bottom:3.25rem; padding:0 1.25rem; font-size:1.75rem; }
	/* boardFile */
	.boardFile { margin-bottom:2rem; }
	.boardFile h5 { display:none; }
	.boardFile ul { width:100%; padding:1rem 0; }
	.boardFile ul li a { padding-left:2.75rem; font-size:1.625rem; line-height:4rem; background-size:1.875rem auto; }
	/* viewCtrl */
	.viewCtrl { justify-content:center; margin-top:5rem; }
	.viewCtrl .btnCtrl { display:none; }
	/* boardBtn */
	.boardBtn { margin-top:4rem; }
	.boardBtn a,
	.boardBtn button { min-width:9.25rem; padding:1.5rem 1.75rem; font-size:1.875rem; border-radius:.5rem; }
	/* viewerList */
	.viewerList ul { gap:3.75rem 0; }
	.viewerList ul li { width:50%; }
	.viewerList ul li .tit { height:2.6em; margin-top:1.5rem; font-size:2rem; white-space:pre-wrap; }
	.viewerList ul li .img { margin-top:1.875rem; }
	.viewerList ul li .btn { gap:.5rem; }
	.viewerList ul li .btn a { padding:.75rem 0; }
	.viewerList ul li .btn a span { font-size:1.625rem; text-align:center; background:none !important; }
	/* faq */
	.faqList .btnToggle button { gap:1.5rem; padding:2rem 4.5rem 2rem 1.5rem; }
	.faqList .btnToggle button::after { top:3.75rem; right:1.5rem; width:2rem; height:1.25rem; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='34px' height='19px'%3E%3Cpath fill-rule='evenodd' fill='rgb(35, 35, 35)' d='M33.996,1.605 L16.999,18.984 L0.003,1.605 L1.567,0.005 L16.999,15.784 L32.431,0.005 L33.996,1.605 Z'/%3E%3C/svg%3E"); }
	.faqList .btnToggle button i { display:flex; align-items:center; justify-content:center; width:6.25rem; min-height:4.5rem; padding:.25rem 0; font-size:1.5rem; box-sizing:border-box; }	
	.faqList .btnToggle button i br { display:block; }
	.faqList .btnToggle button span { display:flex; align-items:center; min-height:4.5rem; font-size:1.875rem; }
	.faqList .btnToggle .toggleCon { padding:0 1.5rem; }
	.faqList .viewContentInner { padding:2.5rem 0; padding-left:7.75rem; font-size:1.875rem; }
	.faqList .viewContentInner::before { left:2.5rem; width:3.75rem; font-size:1.75rem; line-height:3.75rem; }
    /* noticeView */
    .viewPosterWrap { flex-direction:column; gap:3.8rem; margin-top:0; }
    .viewPosterWrap .imgArea { width:100%; }
    .viewPosterWrap .txtArea { padding-bottom:0; }
    .viewPosterWrap .txtArea .btn { position:static; display:flex; justify-content:center; margin-top:1.5rem; }
}
@media screen and (max-width:800px) {
    .noticeList ul { grid-template-columns:1fr; }
}
/* 01 사업소개 */
.introBox { padding:0 1.6rem; }
.yearlyPlan { overflow:auto; width:100%; max-height:90rem; }
.yearlyPlan table { width:100%; min-width:96rem; table-layout:fixed; text-align:center; border-top:2px solid var(--main); }
.yearlyPlan tbody tr { border-bottom:1px solid var(--gray-4); }
.yearlyPlan tbody tr:hover,
.yearlyPlanList li:hover { background-color:#fafafa; }
.yearlyPlan .subject { width:auto; }
.yearlyPlan .num,
.yearlyPlanList li div.num { width:8rem; }
.yearlyPlan .month,
.yearlyPlanList li div.month { width:8rem; }
.yearlyPlan .date,
.yearlyPlanList li div.date { width:11rem; }
.yearlyPlan .continent,
.yearlyPlanList li div.continent { width:9rem; }
.yearlyPlan .country,
.yearlyPlanList li div.country { width:19rem; }
.yearlyPlan .target,
.yearlyPlanList li div.target { width:15rem; }
.yearlyPlan .other,
.yearlyPlanList li div.other { width:27rem; }
.yearlyPlan th,
.yearlyPlan td { vertical-align:middle; padding:.5rem; font-size:1.7rem; font-weight:500; text-align:center; letter-spacing:-.025em; box-sizing:border-box; }
.yearlyPlan td.subject a { overflow:hidden; display:block; white-space:nowrap; text-overflow:ellipsis; text-align:left; }
.yearlyPlan td .icoFairType,
.yearlyPlanList li>div .icoFairType { margin-right:1rem; }
.yearlyPlan td .icoFairTarget,
.yearlyPlanList li>div .icoFairTarget { margin:0 .3rem; }
.yearlyPlan td .icoMonth,
.yearlyPlanList li>div .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; }
.yearlyPlan td .icoFlag,
.yearlyPlanList li>div .icoFlag { overflow:hidden; display:inline-block; vertical-align:middle; width:3.6rem; height:3.6rem; margin-right:1rem; border-radius:50%; }
.yearlyPlan td .icoFlag img,
.yearlyPlanList li>div .icoFlag img { width:100%; height:100%; }
.btnPlanMore { display:none; }
.yearlyPlanList { overflow-x:auto; letter-spacing:-.025em; }
.popContent .yearlyPlanList { overflow-y:auto; max-height:51rem; }
.yearlyPlanList ol { display:flex; flex-direction:column; width:max-content; min-width:100%; gap:1rem; }
.yearlyPlanList li { display:flex; justify-content:flex-start; align-items:center; min-width:100%; border:1px solid var(--gray-4); border-radius:.4rem; box-sizing:border-box; }
.yearlyPlanList li:hover { border-color:var(--main); }
.yearlyPlanList li>div { flex:0 0 auto; padding:1.2rem .5rem; font-size:1.7rem; font-weight:500; text-align:center; }
.yearlyPlanList li>div.subject { flex:1; width:15em; min-width:0; padding-left:.75em; }
.yearlyPlanList li>div.subject a,
.yearlyPlanList li>div.subject .txt { overflow:hidden; display:block; white-space:nowrap; text-overflow:ellipsis; text-align:left; }
.yearlyPlanList li>div.subject .pointTxt { display:block; text-align:left; font-size:1.3rem; }
.yearlyPlanList li>div.moRow { flex:0 0 auto; display:flex; align-items:center; padding:0; margin:0; }
.yearlyPlanList .flexLine { justify-content:center; gap:.5em; }
.yearlyPlanList .checkBox { position:relative; width:50%; }
.yearlyPlanList .checkBox input { overflow:hidden; position:absolute; left:0; top:0; width:1px; height:1px; margin-left:-1em; opacity:0; }
.yearlyPlanList .booth,
.yearlyPlanList .company,
.yearlyPlanList .checkBox label { flex:0 0 auto; display:inline-block; padding:.375em .75em; border:1px solid var(--gray-4); border-radius:.4rem; }
.yearlyPlanList .booth,
.yearlyPlanList .checkBox label { background:#fff; }
.yearlyPlanList .company { background:var(--blue-light); }
.yearlyPlanList .checkBox label { display:block; border-color:var(--main); }
.yearlyPlanList .checkBox input:checked ~ label { background:var(--main); color:#fff; }
.yearlyPlanList .checkBox input:focus ~ label { outline:2px dashed var(--blue); }
@media screen and (max-width:1024px) {
	.yearlyPlan { max-height:59rem; }
	.btnPlanMore { display:block; margin-top:3.75rem; text-align:center; }
	.btnPlanMore button { display:inline-block; padding-bottom:.5rem; border-bottom:1px solid var(--main); }
	.btnPlanMore button span { display:inline-block; padding-right:3.125rem; font-size:1.75rem; 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.996,2.297 L13.278,15.015 L0.561,2.297 L2.120,0.737 L13.278,11.895 L24.436,0.737 L25.996,2.297 Z'/%3E%3C/svg%3E") no-repeat right center / 1.625rem auto; }
    .popContent .yearlyPlanList li { flex-direction:column; align-items:flex-start; padding:0 .75em; }
    .popContent .yearlyPlanList li>div.subject { width:100%; padding-left:0; box-sizing:border-box; }
    .popContent .yearlyPlanList li>div.moRow { flex:1; width:100%; justify-content:space-between; }
    .popContent .yearlyPlanList .flexLine { justify-content:space-around; }
    .popContent .yearlyPlanList .other { flex:1; width:100%; }
    .popContent .yearlyPlanList .other .flexLine { justify-content:space-around; }
    .popContent .yearlyPlanList .other .flexLine>* { flex:1; }
}
/* popup */
#fairListPop .popContent { max-width:none; }
/* print */
@media print {
	body {
		width:210mm; 
		height:297mm; 
		margin:0; 
	}
    .header,
    .footer,
    .subFunc { display:none; }
    #container { margin:0 auto; }
    #contentGroup { padding:0; }
    * { -webkit-print-color-adjust:exact; print-color-adjust:exact; }
}