@charset "utf-8";

/* layout */
#headerWrap { background:#fff; }
#headerWrap .header { border-bottom:1px solid #d6d6d6; }
#container { margin-top:7.5em; }

/* location */
.subFunc { background:#f1f1f6; }
.subFunc .visualBox { overflow:hidden; display:flex; align-items:center; max-width:1200px; height:16.25em; margin:0 auto; padding:0 2% 0; background:url(../images/sub/bg_visual5.png) right bottom no-repeat; background-size:auto 100%; color:#000; }
.subFunc.bg1 .visualBox { background-image:url(../images/sub/bg_visual1.png); }
.subFunc.bg2 .visualBox { background-image:url(../images/sub/bg_visual2.png); }
.subFunc.bg3 .visualBox { background-image:url(../images/sub/bg_visual3.png); }
.subFunc.bg4 .visualBox { background-image:url(../images/sub/bg_visual4.png); }
.subFunc.bg5 .visualBox,
.subFunc.bg6 .visualBox { background-image:url(../images/sub/bg_visual5.png); }
.subFunc .visualBox h3 { line-height:1; font-size:4.4rem; font-weight:700; }
.subFunc .visualBox .txt { max-width:28em; margin-top:1.4em; line-height:1.333; font-size:var(--font-size18); word-break:keep-all; }
.guideWrap { position:relative; margin:0 auto; background:#fff; border-top:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6; box-sizing:border-box; z-index:6; }
.siteLocation,
.location,
.locationTab,
.funcItem { display:flex; justify-content:space-between; }
.siteLocation { position:relative; max-width:1200px; margin:0 auto; background:#fff; border-right:1px solid #d6d6d6; z-index:7; }
.siteLocation p.home { flex:0 0 auto; width:4.625em; }
.siteLocation p.home a { display:block; overflow:hidden; height:100%; background:#5034de url(../images/sub/icon_home.png) center no-repeat; background-size:auto; text-indent:-999px; }
.siteLocation p.home a:focus { outline-color:#f00; }
.locationTab>li { position:relative; }
.locationTab>li>button { position:relative; min-width:14.75em; height:100%; margin-right:-1px; padding:0 1.625em 0 1.375em; border-right:1px solid #d6d6d6; border-left:1px solid #d6d6d6; box-sizing:border-box; text-align:left; color:#000; }
.locationTab>li>button:after { content:''; position:absolute; right:.75em; top:50%; width:.625em; height:.625em; margin-top:-.3125em; border-right:2px solid #030303; border-bottom:2px solid #030303; box-sizing:border-box; transform:rotate(45deg); transition:all .4s; }
.locationTab>li>button.active:after { transform:rotate(225deg); }
.locationTab>li>button .prevTab { display:none; }
.locationTab>li div { display:none; position:absolute; left:0; top:100%; min-width:100%; background:#fff; z-index:5; }
.locationTab>li div ul { width:100%; padding:.5em; border:1px solid #d6d6d6; box-sizing:border-box; }
.locationTab>li div ul li { margin:.5em 0; }
.locationTab>li div ul li a { display:block; white-space:nowrap; }
.siteLocation .funcItem>li { flex:1; position:relative; border-left:1px solid #d6d6d6; }
.siteLocation .funcItem>li>button { overflow:hidden; position:relative; width:4.0625em; height:4.0625em; background:center no-repeat; text-indent:-999px; z-index:30; }
.siteLocation .share button.btnShare { background-image:url('../images/sub/btn_share.png'); }
.siteLocation .print button.btnPrint { background-image:url('../images/sub/btn_print.png'); }
.funcItem>li::after { content:''; visibility:hidden; position:absolute; left:80%; bottom:-1.5em; width:1em; height:1em; margin-left:-1.625em; background:#fff; border-style:solid; border-color:#999; border-width:0; border-top-width:1px; border-left-width:1px; box-sizing:border-box; transform:rotate(45deg); z-index:10; transition:.4s all ease; opacity:0; }
.funcItem>li.active::after { opacity:1; visibility:visible; }
.funcItem .shareList { visibility:hidden; position:absolute; right:0; top:8.1rem; padding:.5em; background:#fff; border:1px solid #999; box-sizing:border-box; text-align:center; z-index:10; opacity:0; transition:.4s all ease; }
.funcItem .active .shareList { opacity:1; visibility:visible; }
.funcItem .shareList h3 { text-align:left; font-size:1.25em; }
.funcItem .shareList ul { overflow:hidden; display:flex; justify-content:space-between; align-items:center; gap:.188em; width:100%; margin:.5em 0; }
.funcItem .shareList ul li a { overflow:hidden; display:block; width:4rem; height:4rem; border-radius:50%; background-repeat:no-repeat; background-position:50% 50%; background-size:contain; text-indent:-999px; box-sizing:border-box; }
.funcItem .shareList ul li.iconKakao a { background-image:url(../images/sub/icon_ft_kakao.png);  }
.funcItem .shareList ul li.iconBand a { background-image:url(../images/sub/icon_ft_band.png); }
.funcItem .shareList ul li.iconTwitter a { background-image:url(../images/sub/icon_ft_twitter.png); }
.funcItem .shareList ul li.iconFacebook a { background-image:url(../images/sub/icon_ft_facebook.png); }
.funcItem .shareList ul li.iconUrl a { border:1px solid #dcdcdc; background-image:url(../images/sub/icon_location_url.png); }
.funcItem .shareList .urlCopy { display:flex; }
.funcItem .shareList .urlCopy input { flex:1; border:1px solid #999; }
.funcItem .shareList .urlCopy button { white-space:nowrap; padding:.5em .25em; background:#13294b; line-height:1.2; color:#fff; letter-spacing:-.05em; }
.funcItem .shareClose { position:absolute; right:.25em; top:.25em; }
.funcItem .shareClose button { overflow:hidden; display:inline-block; position:relative; width:1.875em; height:1.875em; border-radius:50%; text-indent:-999px; box-sizing:border-box; }
.funcItem .shareClose button::before,
.funcItem .shareClose button::after { content:''; position:absolute; left:50%; top:50%; width:1.5em; height:2px; margin-left:-.75em; background:#000; }
.funcItem .shareClose button::before { transform:rotate(45deg); }
.funcItem .shareClose button::after { transform:rotate(135deg); }
/*
.guideWrap { background:#00f; }
.siteLocation { max-width:1200px; margin:0 auto; font-size:var(--font-txtA); }
.location { height:5.8rem; }
.location .home,
.locationTab,
.locationTab>li { height:100%; }
.locationTab { margin-left:1.6rem; gap:1.4rem; }
.location .home a { display:flex; align-items:center; overflow:hidden; position:relative; height:100%; padding:0 1.6rem 0 3.6rem; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='18'%3E%3Cpath fill='rgb(255, 255, 255)' d='M19.4415 9.76552H17.1746V17.2508C17.1657 17.553 16.9212 17.7975 16.6145 17.7975H12.7474C12.4363 17.7975 12.1829 17.5441 12.1829 17.233V11.8635C12.1829 11.7124 12.1251 11.5702 12.0229 11.4679C11.9162 11.3612 11.774 11.299 11.6273 11.299H8.39138C8.24025 11.299 8.09801 11.3612 7.99578 11.4679C7.89354 11.5746 7.83132 11.7168 7.83576 11.8635V17.2508C7.82687 17.5575 7.57351 17.7975 7.27125 17.7975H3.39083C3.2397 17.7975 3.09746 17.7397 2.99523 17.633C2.893 17.5264 2.83077 17.3841 2.83521 17.233V9.76552H0.563851C0.332714 9.76552 0.123803 9.62328 0.039349 9.40548C-0.0451047 9.19212 0.00823445 8.9432 0.181587 8.78763L9.62262 0.146683C9.83598 -0.0488943 10.1693 -0.0488943 10.3827 0.146683L19.8193 8.78763C19.9882 8.94765 20.046 9.19212 19.9615 9.40548C19.8771 9.62328 19.6682 9.76552 19.437 9.76552H19.4415Z'/%3E%3C/svg%3E") left center no-repeat; background-size:2rem auto; color:#fff; font-size:var(--font-size20);; font-weight:500; }
.location .home a::before { content:''; position:absolute; right:0; top:50%; width:1px; height:1.45rem; margin-top:-.725rem; background:#fff; }
.locationTab>li { position:relative; }
.locationTab>li button { width:100%; height:100%; padding:0; text-align:left; }
.locationTab>li button span { display:block; position:relative; min-width:10em; padding-right:1rem; color:#fff; font-size:var(--font-size20); }
.locationTab>li button span::after { content:''; position:absolute; right:0; top:50%; width:.9rem; height:.9rem; margin-top:-.6rem; border-right:2px solid currentColor; border-bottom:2px solid currentColor; box-sizing:border-box; transform:rotate(45deg); transition:all .4s ease; }
.locationTab>li button.active span::after {  margin-top:-.125rem;transform:rotate(225deg); }
.locationTab > li div { display:none; position:absolute; left:0; min-width:100%; background:#fff; border:1px solid #777; border-top:none; z-index:11; }
.locationTab > li div ul { padding:.5em; border:1px solid #d3d3d3; box-sizing:border-box; }
.locationTab > li div ul li { margin:.25em 0; }
.locationTab > li div ul li a { display:block; font-size:var(--font-size18); white-space:nowrap; }
.locationTab > li div ul li a:hover,
.locationTab > li div ul li a:focus { color:#004b9f; }
.locationTab > li div ul li a[target="_blank"] { padding-right:1rem; background:url(../images/common/icon_blank.png) right center no-repeat; background-size:.875rem auto; }
.funcItem { position:relative;}
.funcItem>li { margin-left:1rem; }
.funcItem>li>button { overflow:hidden; width:3.4rem; height:5.8rem; background-position:center; background-repeat:no-repeat; text-indent:-99em; }
.btnShare { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='27'%3E%3Cpath fill='rgb(255, 255, 255)' fill-rule='evenodd' clip-rule='evenodd' d='M20.0826 4.72408C20.0826 5.69261 19.3095 6.4793 18.3577 6.4793C17.4059 6.4793 16.6328 5.69261 16.6328 4.72408C16.6328 3.75556 17.4059 2.96886 18.3577 2.96886C19.3095 2.96886 20.0826 3.75556 20.0826 4.72408ZM23 4.72408C23 7.3328 20.9214 9.44797 18.3577 9.44797C17.2272 9.44797 16.1879 9.03607 15.3856 8.35327L9.11324 12.8842C9.22993 13.2961 9.28828 13.7266 9.28828 14.1756C9.28828 14.5541 9.24452 14.9252 9.16065 15.2814L15.0027 19.0145C15.8488 18.1128 17.0413 17.5524 18.3614 17.5524C20.925 17.5524 23.0037 19.6676 23.0037 22.2763C23.0037 24.885 20.925 27.0002 18.3614 27.0002C15.7977 27.0002 13.7191 24.885 13.7191 22.2763C13.7191 22.0871 13.73 21.9015 13.7519 21.716L7.62537 17.801C6.81944 18.4876 5.78012 18.8995 4.64963 18.8995C2.08232 18.8995 0.00732422 16.7843 0.00732422 14.1756C0.00732422 11.5669 2.08597 9.45168 4.64963 9.45168C5.71447 9.45168 6.69545 9.81534 7.4795 10.4313L13.8467 5.82991C13.7628 5.47738 13.7191 5.1063 13.7191 4.72779C13.7191 2.11537 15.7977 0.00390625 18.3614 0.00390625C20.925 0.00390625 23.0037 2.11908 23.0037 4.72779L23 4.72408ZM18.3577 24.0315C19.3095 24.0315 20.0826 23.2448 20.0826 22.2763C20.0826 21.3078 19.3095 20.5211 18.3577 20.5211C17.4059 20.5211 16.6328 21.3078 16.6328 22.2763C16.6328 23.2448 17.4059 24.0315 18.3577 24.0315ZM6.36724 14.1756C6.36724 15.1441 5.59413 15.9308 4.64233 15.9308C3.69053 15.9308 2.91742 15.1441 2.91742 14.1756C2.91742 13.207 3.69053 12.4203 4.64233 12.4203C5.59413 12.4203 6.36724 13.207 6.36724 14.1756Z'/%3E%3C/svg%3E"); }
.btnPrint { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='27'%3E%3Cpath fill='rgb(255, 255, 255)' d='M5.09091 21.8568H3.82022C2.80611 21.8568 1.8368 21.4494 1.12 20.7252C0.4032 20.0011 0 19.0218 0 17.9973V8.99451C0 7.96998 0.4032 6.9907 1.12 6.26653C1.8368 5.54237 2.80611 5.13502 3.82022 5.13502H5.09091V1.28375C5.09091 0.571929 5.66109 0 6.3616 0H21.6343C22.3389 0 22.905 0.576044 22.905 1.28375V5.14325H24.1757C25.1898 5.14325 26.1591 5.55059 26.8759 6.27476C27.5927 6.99893 27.9959 7.97821 27.9959 9.00274V18.0055C27.9959 19.03 27.5927 20.0093 26.8759 20.7335C26.1591 21.4576 25.1898 21.865 24.1757 21.865H22.905V25.7245C22.905 26.4363 22.3348 27.0082 21.6343 27.0082H6.3616C5.65702 27.0082 5.09091 26.4322 5.09091 25.7245V21.865V21.8568ZM24.1839 7.71487H3.82022C3.48218 7.71487 3.16044 7.85066 2.92015 8.0893C2.67985 8.33206 2.54953 8.65712 2.54953 8.99863V18.0014C2.54953 18.3429 2.68393 18.6679 2.92015 18.9107C3.16044 19.1535 3.48218 19.2851 3.82022 19.2851H5.09091V16.7135C5.09091 16.0017 5.66109 15.4297 6.3616 15.4297H21.6343C22.3389 15.4297 22.905 16.0058 22.905 16.7135V19.2851H24.1757C24.5137 19.2851 24.8355 19.1493 25.0758 18.9107C25.3161 18.6679 25.4464 18.3429 25.4464 18.0014V8.99863C25.4464 8.65712 25.312 8.33206 25.0758 8.0893C24.8355 7.84654 24.5137 7.71487 24.1757 7.71487H24.1839ZM6.3616 8.99863C7.06618 8.99863 7.63229 9.57467 7.63229 10.2824C7.63229 10.9901 7.06211 11.5661 6.3616 11.5661C5.66109 11.5661 5.09091 10.9901 5.09091 10.2824C5.09091 9.57467 5.66109 8.99863 6.3616 8.99863ZM7.63636 20.573V24.4325H20.3636V18.0055H7.63636V20.5771V20.573ZM20.3636 5.14325V2.57162H7.63636V5.14325H20.3636Z'/%3E%3C/svg%3E"); }
.funcItem>li::after { content:''; visibility:hidden; position:absolute; left:50%; bottom:-1.5em; width:1em; height:1em; margin-left:-1.625em; background:#fff; border-style:solid; border-color:#999; border-width:0; border-top-width:1px; border-left-width:1px; box-sizing:border-box; transform:rotate(45deg); z-index:10; transition:.4s all ease; opacity:0; }
.funcItem .shareList { visibility:hidden; position:absolute; right:0; top:4.65em; padding:.5em; background:#fff; border:1px solid #999; box-sizing:border-box; text-align:center; z-index:10; opacity:0; transition:.4s all ease; }
.funcItem>li.active::after { opacity:1; visibility:visible; }
.funcItem .active .shareList { opacity:1; visibility:visible; }
.funcItem .shareList h3 { text-align:left; font-size:1.25em; }
.funcItem .shareList ul { overflow:hidden; display:flex; justify-content:space-between; align-items:center; gap:.188em; width:100%; margin:.5em 0; }
.funcItem .shareList ul li a { overflow:hidden; display:block; width:4rem; height:4rem; border-radius:50%; background-repeat:no-repeat; background-position:50% 50%; background-size:contain; text-indent:-999px; box-sizing:border-box; }
.funcItem .shareList ul li.iconKakao a { background-image:url(../images/sub/icon_ft_kakao.png);  }
.funcItem .shareList ul li.iconBand a { background-image:url(../images/sub/icon_ft_band.png); }
.funcItem .shareList ul li.iconTwitter a { background-image:url(../images/sub/icon_ft_twitter.png); }
.funcItem .shareList ul li.iconFacebook a { background-image:url(../images/sub/icon_ft_facebook.png); }
.funcItem .shareList ul li.iconUrl a { border:1px solid #dcdcdc; background-image:url(../images/sub/icon_location_url.png); }
.funcItem .shareList .urlCopy { display:flex; }
.funcItem .shareList .urlCopy input { flex:1; border:1px solid #999; }
.funcItem .shareList .urlCopy button { white-space:nowrap; padding:.5em .25em; background:#13294b; line-height:1.2; color:#fff; letter-spacing:-.05em; }
.funcItem .shareClose { position:absolute; right:.25em; top:.25em; }
.funcItem .shareClose button { overflow:hidden; display:inline-block; position:relative; width:1.875em; height:1.875em; border-radius:50%; text-indent:-999px; box-sizing:border-box; }
.funcItem .shareClose button::before,
.funcItem .shareClose button::after { content:''; position:absolute; left:50%; top:50%; width:1.5em; height:2px; margin-left:-.75em; background:#000; }
.funcItem .shareClose button::before { transform:rotate(45deg); }
.funcItem .shareClose button::after { transform:rotate(135deg); }
*/
/* contentGroup */
#contentGroup { overflow:hidden; position:relative; margin:2rem 0 6rem; }
/* pageTopWrap */
.pageTopWrap { position:relative; max-width:1200px; margin:8rem auto; padding:0 1em; }
.pageTopWrap h3.pageTit { text-align:center; line-height:1; font-size:4.6rem; font-weight:800; }
/* tabmenu */
.tabNav { max-width:1202px; margin:0 auto; padding:0 auto 3.125em; }
.tabNav p { display:none; }
.tabNav p button { position:relative; width:100%; padding:.75em 1em; border-top:1px solid #b1b0b0; border-bottom:1px solid #b1b0b0; text-align:left; font-size:1.25em; }
.tabNav p button::after { content:''; position:absolute; right:1em; top:50%; width:.625em; height:.625em; margin-top:-.4em; border-right:2px solid #3c3c3c; border-bottom:2px solid #3c3c3c; box-sizing:border-box; transform:rotate(45deg); transition:all .4s; }
.tabNav p button.active::after { transform:rotate(225deg); }
/*
.tabNav ul { display:flex; position:relative; align-items:center; gap:.5em; }
.tabNav ul::before { content:''; position:absolute; left:0; bottom:0; right:0; height:.5rem; background:#c9c9c9; }
.tabNav ul li { position:relative; }
.tabNav ul li a { display:block; padding:.75em 2.3em; border-bottom:.5rem solid transparent; text-align:center; font-size:var(--font-size20); font-weight:600; }
.tabNav ul li a.active { border-bottom-color:currentColor; color:#5034de; }
*/
.tabList { overflow:hidden; position:relative; background:#fff; border:1px solid #5034de; border-radius:3em; }
.tabList .tabType,
.tabList .tableType { display:table; overflow:hidden; table-layout:fixed; width:100%; border-collapse:collapse; box-sizing:border-box; }
.tabList .tabType li { display:table-cell; position:relative; padding:0 1px; vertical-align:middle; text-align:center; }
.tabList .tabType li a { display:block; overflow:hidden; position:relative; padding:1.5em; line-height:1.17647058em; border-bottom:none; color:#78758b; font-size:1.125em; z-index:2; text-overflow:ellipsis; white-space:nowrap; }
.tabList .tabType li.active a { background:#5034de; color:#fff; font-weight:700; border-radius:2.5em; margin:0 -2px; }
.tabList .tabType li a:focus { border:2px dashed #000; }
.tabList .tabType li.active a:focus { border-color:#fff; }
.inlineStyle { margin-top:-2em; }
.inlineStyle .tabList ul { display:block; }
.inlineStyle .tabList ul li { display:inline-block; margin:.25em; padding:0; }
.inlineStyle .tabList ul li::after { display:none; }
.inlineStyle .tabList ul li a { display:block; min-width:5.5em; line-height:1.375rem; padding:.5rem 1rem; border:1px solid #e6e6e6; border-radius:2rem; text-align:center; color:#757575; font-weight:500; }
.inlineStyle .tabList ul li.active a { background:#5034de; border-color:#147774; color:#fff; }
.inlineStyle .tabList ul li.active a::after { display:none; }
@media screen and (max-width:1200px) {
    #container { margin-top:7.5rem; }
}
@media screen and (max-width:720px) {
    .subFunc .visualBox { display:none; }
    .guideWrap { border-top:none; }
    .siteLocation { border-right:none; }
    .siteLocation .home,
    .siteLocation .funcItem>li.print { display:none; }
    .location { flex:1; }
    .locationTab { width:100%; }
    .locationTab>li { display:none; float:none; }
    .locationTab>li:last-child { display:block; width:100%; padding-right:6.5rem; }
    .locationTab>li>button { width:100%; height:3em; border:none; color:#000; font-size:1.5em; }
    .locationTab>li>button:after { right:4.5rem; border-color:#000; }
    .locationTab>li>button .nowTab { display:none; }
    .locationTab>li>button .prevTab { display:block; }
    .locationTab>li div { top:100%; border-left:none; font-size:1.5em; }
    .locationTab>li div ul { border-left:none; border-right:none; }
    .funcItem { position:absolute; right:0; top:0; height:100%; background:#5034de;  }
    .funcItem>li::after { bottom:-1.75rem; }
    .siteLocation .share button.btnShare { background-image:url('../images/sub/btn_share_mo.png'); }
    /* tabNav */
    #contentGroup { padding:1rem; }
    .pageTopWrap { display:none; }
    .tabNav p { display:block; }
    .tabNav .tabList { display:none; border:1px solid #dcdcdc; border-top:none; }
    .inlineStyle { margin-top:-2em; }
    .inlineStyle .tabList { margin:0; }
    .tabList { border-radius:0; }
    .tabList .tabType,
    .tabList .tabType li,
    .inlineStyle .tabList ul li { display:block; text-align:left; }
    .tabNav .tabList .tableType,
    .tabNav .tabList .tableType li { display:block; }
    .inlineStyle .tabList ul li { margin:0; }
    .tabList .tabType li { border-top:1px solid #dcdcdc; }
    .tabList .tabType li:first-child { border:none; }
    .tabList .tabType li a { padding:.5em 1em; }
    .tabList .tabType li.active a { border-radius:0; font-weight:400; }
    .tabList .tabType li.active a:after { display:none; }
    .inlineStyle .tabList ul li a { border:none; text-align:left; font-weight:400; }
    .inlineStyle .tabList ul li.active a { color:#78758b; background:none; }
}
/* member */
.memberWrap,
.mypageWrap { max-width:1200px; margin:8rem auto; padding:0 2%; }
.selectMembership { display:flex; justify-content:space-around; margin:0 4rem; gap:8rem; }
.selectMembership>div { flex:1; padding:6rem 4.2rem; background:#fff; border:1px solid #919191; border-radius:1rem; }
.selectMembership>div dt { margin-bottom:1.6rem; padding-bottom:22.2rem; background:no-repeat center bottom / auto 19.6rem; text-align:center; font-size:var(--font-size24); font-weight:600; }
.selectMembership>div.provider dt { background-image:url(../images/sub/icon_join1.png); }
.selectMembership>div.consumer dt { background-image:url(../images/sub/icon_join2.png); }
.selectMembership>div dd { text-align:center; color:#000; font-size:var(--font-size20); word-break:keep-all; }
.selectMembership>div dd p.txt { line-height:1.5; }
.selectMembership>div dd p.checkStyle { margin-top:2.2rem; }
.checkStyle,
.radioStyle { overflow:hidden; position:relative; padding-left:1px; text-align:center; }
.checkStyle input[type="checkbox"],
.checkStyle input[type="radio"],
.radioStyle input[type="checkbox"],
.radioStyle input[type="radio"] { overflow:hidden; position:absolute; left:0; bottom:0; width:1px; height:1px; opacity:0; }
.checkStyle label,
.radioStyle label { position:relative; padding-left:1.4em;}
.radioStyle .label,
.checkStyle .label { position:relative; display:inline-block; width:1.1em; height:1.1em; }
.checkStyle label::before,
.checkStyle .label::before,
.radioStyle label::before,
.radioStyle .label::before { content:''; position:absolute; left:0; top:.125em; width:1em; height:1em; background:#fff; margin-left:1px; border:1px solid #000; box-sizing:border-box; }
.checkStyle .label::before { top:0; }
.checkStyle label::before,
.checkStyle .label::before { border-radius:3px; }
.radioStyle label::before,
.radioStyle .label::before { border-radius:50%; }
.lastRowCheck td:last-child .checkStyle input[type="checkbox"]:checked + label::before,
.lastRowCheck td:last-child .checkStyle input[type="checkbox"]:checked + .label::before,
.checkStyle input[type="checkbox"]:checked + label::before,
.checkStyle input[type="radio"]:checked + label::before,
.checkStyle input[type="checkbox"]:checked + .label::before,
.checkStyle input[type="radio"]:checked + .label::before { background:var(--color-red); border-color:var(--color-red); }
.formTable .checkStyle input[type="checkbox"]:checked + label::before,
.formTable .checkStyle input[type="checkbox"]:checked + .label::before,
.checkStyle.pointBg input[type="checkbox"]:checked + label::before,
.checkStyle.pointBg input[type="checkbox"]:checked + .label::before,
.verticalScroll .checkStyle input[type="checkbox"]:checked + label::before,
.verticalScroll .checkStyle input[type="checkbox"]:checked + .label::before { background:var(--color-point); border-color:var(--color-point); }
.verticalScroll .checkStyle input[type="checkbox"]:checked + label::after,
.checkStyle input[type="checkbox"]:checked + label::after,
.checkStyle input[type="radio"]:checked + label::after,
.checkStyle input[type="checkbox"]:checked + .label::after,
.checkStyle input[type="radio"]:checked + .label::after { content:''; position:absolute; left:.05em; top:.125em; width:1em; height:1em; background:url(../images/sub/icon_check.svg) center no-repeat; }
.checkStyle input[type="checkbox"]:checked + .label::after,
.checkStyle input[type="radio"]:checked + .label::after { top:0; }
.radioStyle input[type="checkbox"]:checked + label::before,
.radioStyle input[type="radio"]:checked + label::before,
.radioStyle input[type="checkbox"]:checked + .label::before,
.radioStyle input[type="radio"]:checked + .label::before { background:#000; border:2px solid #fff; outline:1px solid #000; }
.checkStyle input[type="checkbox"]:focus + label,
.checkStyle input[type="radio"]:focus + label,
.checkStyle input[type="checkbox"]:focus + .label,
.checkStyle input[type="radio"]:focus + .label,
.radioStyle input[type="checkbox"]:focus + label,
.radioStyle input[type="radio"]:focus + label { outline:2px dashed; box-sizing:border-box; }
.radioStyle input:disabled + label { opacity:.5; }
.boxCheckList { display:inline-flex; width:100%; gap:1rem; justify-content:space-around; }
.boxCheckList>li { overflow:hidden; position:relative; flex:1; /* max-width:16rem; */ width:100%; }
.boxCheckList>li>input { overflow:hidden; position:absolute; left:0; top:0; width:1px; height:1px; margin-top:-10em; }
.boxCheckList>li>label { display:flex; justify-content:center; align-items:center; width:100%; height:5rem; background:#f3f3f3; border:1px solid; box-sizing:border-box;border-radius:.3rem; color:#919191; }
.boxCheckList>li>input[type="checkbox"] + label { background:#fff; border-color:#919191; color:#343434; }
.boxCheckList>li>input[type="checkbox"]:checked + label { background:var(--color-point); border-color:transparent; color:#fff; font-weight:600; }
.boxCheckList>li>input[type="radio"]:checked + label { background:#fff; border-width:2px; color:var(--color-point); font-weight:600; }
.memberWrap .orderList { margin-bottom:6rem; text-align:center; }
.memberWrap .orderList ol { display:flex; position:relative; justify-content:space-around; max-width:54rem; margin:0 auto; }
.memberWrap .orderList ol::before { content:''; position:absolute; top:3.4rem; right:0; left:0; height:1px; background:#3373DA; }
.memberWrap .orderList ol li { flex:1; display:flex; position:relative; justify-content:center; flex-direction:column; align-items:center; }
.memberWrap .orderList ol li:first-child::before,
.memberWrap .orderList ol li:last-child::before { content:''; position:absolute; top:3.4rem; width:50%; height:1px; background:#fff;  }
.memberWrap .orderList ol li:first-child::before { left:0; }
.memberWrap .orderList ol li:last-child::before { right:0; }
.memberWrap .orderList ol li::after { display:flex; justify-content:center; align-items:center; position:absolute; left:50%; top:0; width:2.65384em; height:2.65384em; margin-left:-1.32692em; background:#fff; border:1px solid; border-radius:50%; box-sizing:border-box; line-height:1; color:var(--color-strong); font-size:var(--font-size26); font-weight:800; }
.memberWrap .orderList ol li.iconOrder1::after { content:'01'; }
.memberWrap .orderList ol li.iconOrder2::after { content:'02'; }
.memberWrap .orderList ol li.iconOrder3::after { content:'03'; }
.memberWrap .orderList ol li span { margin-top:8.4rem; font-size:var(--font-size26); font-weight:500; }
.memberWrap .orderList ol li.iconOrder1.active::after,
.memberWrap .orderList ol li.iconOrder2.active::after,
.memberWrap .orderList ol li.iconOrder3.active::after { border-width:0; background:var(--color-strong); color:#fff; }
.memberWrap .orderList ol li.active span { font-weight:800; }
.memberWrap .agreeArea { margin-top:8rem; }
.agreeArea .memberTopInfo { max-width:1040rem; margin:0 auto; padding:4rem; background:#f3f3f3; border-radius:.5rem; }
.agreeArea .memberTopInfo p { max-width:73rem; margin:0 auto; line-height:1.4; font-size:var(--font-size20); }
.agreeArea .allCheck { margin:4rem 5% 6rem; text-align:center; font-size:var(--font-size20); font-weight:600; }
.agreeArea h3 { margin:1.66666em 0 1.1111em; font-size:var(--font-size18); font-weight:600; }
.agreeArea .boxTxt { padding:6rem 4rem; background:#f3f3f3; line-height:1.5; font-size:var(--font-size18); }
.agreeArea .scrollBox { overflow-y:auto; max-height:12em; }
.agreeArea .boxTxt h4 { text-align:center; font-size:var(--font-size20); font-weight:700; }
.agreeArea .boxTxt .dateInfo { margin:1.4em 2em 1em; text-align:center; }
.agreeArea .boxTxt .tableList { display:table; }
.agreeArea .boxTxt .tableList>li { display:table-row; }
.agreeArea .boxTxt .tableList>li>div { display:table-cell; padding:1em .5em; }
.agreeArea .boxTxt .clausesTit { padding-right:1em; font-weight:700; white-space:nowrap; }
.agreeArea .boxTxt .clausesTxt { line-height:1.5; }
.agreeArea .boxTxt .clausesTxt>ol { word-break:keep-all; }
.agreeArea .boxTxt .clausesTxt ol li { margin-bottom:.5em; }
.agreeArea .boxTxt .clausesTxt>ol ol { margin:.5em 0 1.5em 1.5em; }
.agreeArea .boxTxt .clausesTxt ol>li { padding-left:1em; text-indent:-1em; }
.agreeArea .boxTxt dt { margin-top:1em; font-weight:700; }
.agreeArea .boxTxt dd ul li { position:relative; padding-left:.75em; }
.agreeArea .boxTxt dd ul li::before { content:'∘'; position:absolute; left:0; top:0; }
.agreeArea .flexTable { display:flex; justify-content:space-between; gap:2em 1em; flex-wrap:wrap; }
.agreeArea .flexTable>div { flex-grow:0; flex-shrink:0; width:calc(50% - 1em); }
.agreeArea .flexTable::after { content:''; width:100%; flex:1; }
.agreeArea .flexTable table { margin:0; }
.agreeTable .radioList { display:flex; flex-wrap:wrap; gap:.5em; }
.agreeTable input[type="text"],
.agreeTable input[type="tel"] { width:100%; height:3.6rem; border:none; background:#f3f3f3;  }
.agreeTable .checkStyle,
.agreeTable .radioStyle { font-size:var(--font-size20); }
.checkList { display:flex; margin:3rem 0; gap:3rem; font-size:var(--font-size20); }
.checkList.AlignCenter { justify-content:center; }
.checkList.AlignRight { justify-content:flex-end; }
.joinComplete { margin:6rem 2%; text-align:center; line-height:1.38; font-size:var(--font-size26); font-weight:600; word-break:keep-all; }
.is-invalid { border-color:#f00 !important; }
.is-label-invalid { color:#f00; text-decoration:underline; }
.just-validate-success-field { border:1px solid green; }
.just-validate-success-label { color:green; }
/* btn Style */
.btnBox { max-width:48rem; width:100%; margin:6rem auto 0; background:var(--color-cancel); color:var(--color-submit); font-size:var(--font-size20); }
.btnBox.col1 { max-width:24rem; }
.btnBox ul { display:flex; justify-content:space-around; border:1px solid var(--color-submit); border-radius:.3rem; }
.flexBox { display:flex; justify-content:space-between; max-width:none; }
.flexBox>div { min-width:15rem; }
.flexBox ul { max-width:48rem; flex-grow:1; flex-shrink:1; }
.btnBox ul li { flex:1; height:6rem; }
.writePw .btnBox ul li { flex:1; height:auto; }
.alertWrap .btnBox ul li { height:8rem; }
.btnBox button,
.btnBox a { width:100%; height:100%; background:var(--color-cancel); font-weight:600; }
.flexBox>div a,
.flexBox>div button { border:1px solid; border-radius:.5rem; box-sizing:border-box; color:var(--color-submit); }
.flexBox>div a.worrying,
.flexBox>div button.worrying { color:#c50c0c; }
.btnBox button:focus,
.btnBox a:focus { outline:2px dashed var(--color-point); }
.tableBtn button,
.tableBtn a { width:100%; height:100%; padding:0 2rem; border-radius:.5rem; box-sizing:border-box; font-size:var(--font-size20); font-weight:600; }
.btnBox a,
.tableBtn a { display:flex; justify-content:center; align-items:center; }
#container .btnBox button:disabled { background:#c9c9c9; border-radius:.5rem; color:#fff; }
#wrap .btnBox .submitBtnStyle { background:var(--color-submit); color:var(--color-cancel); }
#wrap .btnBox .submitBtnStyle:focus { border:2px dashed #fff; }
.popupArea .popupInner .btnBox { margin-top:6rem; }
.popupArea .popupInner .btnBox.minTop { margin-top:5rem; }
.popupArea .btnBox p.btnClose { overflow:hidden; display:flex; justify-content:center; width:100%; height:3em; }
.popupArea .btnBox p.btnClose button { width:100%; max-width:none; height:100%; max-width:240px; border:1px solid; border-radius:.3rem; font-weight:400; }
.popupArea .popupInner .btnBox .btnClose button.submitBtnStyle { border:none; background:var(--color-submit); color:var(--color-cancel); }
.alertWrap .popupInner .btnBox,
.writePw .popupInner .btnBox { max-width:none; border-top:1px solid var(--color-submit); }
.alertWrap .popupInner.minBox .btnBox,
.writePw .popupInner.minBox .btnBox { margin-top:1rem; }
.alertWrap .popupInner .btnBox ul,
.writePw .popupInner .btnBox ul { border:none; border-radius:0; }
.alertWrap .popupInner .btnBox .btnClose,
.writePw .popupInner .btnBox .btnClose { position:static; width:auto; height:8rem; }
.alertWrap .popupArea .popupInner .btnBox button,
.writePw .popupArea .popupInner .btnBox button { max-width:none; width:100%; height:100%; border:none; border-radius:0; color:var(--color-calcel); font-weight:400; }
.areaBtnDark { background:var(--color-point); color:var(--color-cancel); }
.areaBtnLight { background:var(--color-cancel); border:1px solid var(--color-point); color:var(--color-point); }
@media screen and (max-width:720px) {
    .btnBox { max-width:none; }
    .flexBox { justify-content:space-around; max-width:none; }
    .flexBox>div { flex:1; min-width:0; }
    .flexBox>ul { flex:2; min-width:0; margin:0 -1px; }
    .flexBox>div a,
    .flexBox>div button { border-radius:0; }
    .flexBox>div .submitBtnStyle { border:none; border-radius:0; }
    #container .btnBox button:disabled { border-radius:0; }
}
/* dashboard */
.dashBoardWrap { max-width:1200px; margin:0 auto; padding:0 2%; }
.dashBoardWrap .dashInfo { display:flex; justify-content:space-around; gap:3rem; }
.dashBoardWrap .dashInfo .item { flex:1; border-radius:0 1rem; }
.dashBoardWrap .dashInfo .icon1 { background:#1c2449 url(../images/sub/icon_dashboard1.svg) no-repeat left top / auto 6.2rem; }
.dashBoardWrap .dashInfo .icon2 { background:#5034de url(../images/sub/icon_dashboard2.svg) no-repeat right bottom / auto 6.8rem; }
.dashBoardWrap .dashInfo .icon3 { background:linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), #50e7f1 url(../images/sub/icon_dashboard3.svg) no-repeat 90% .401rem / auto 6.2rem; }
.dashBoardWrap .dashInfo .icon4 { background:#3373da url(../images/sub/icon_dashboard4.svg) no-repeat right top / auto 7.6rem; }
.dashBoardWrap .dashInfo dl { display:flex; flex-direction:column; height:100%; }
.dashBoardWrap .dashInfo dt { margin:0 4rem; padding:2rem .25rem; border-bottom:1px solid; line-height:1; text-align:center; color:#fff; font-size:var(--font-size26); font-weight:800; }
.dashBoardWrap .dashInfo dd { display:flex; justify-content:center; align-items:center; height:100%; margin:0 4rem; color:#fff; font-size:var(--font-size20); }
.dashBoardWrap .dashInfo ul { width:100%; margin:1rem 0; }
.dashBoardWrap .dashInfo li { display:flex; justify-content:space-between; align-items:center; margin:2rem 0; }
.dashBoardWrap .dashInfo li span { display:block; }
.dashBoardWrap .dashInfo .txt { flex:1; text-align:right; }
.dashBoardWrap .dashInfo .txt * { vertical-align:middle; }
.dashBoardWrap .dashInfo .txt b { font-size:var(--font-size26); }
.dashBoardWrap .matchingArea { margin-top:5rem; }
.dashBoardWrap .topInfo,
.farmList .topInfo { display:flex; align-items:center; margin:3rem 0; gap:1rem; }
.farmList .topInfo { justify-content:space-between; }
.dashBoardWrap .topInfo h4,
.farmList .topInfo h4 { font-size:var(--font-size32); font-weight:800; }
.dashBoardWrap .topInfo p.txt,
.farmList .topInfo p.txt { flex:1; font-size:var(--font-size18); }
.farmList .topInfo p.txt { flex:0 0 auto; }
.dashBoardWrap .matchingList { margin:3rem 0; }
.matchingList .matchingHead,
.matchingList .matchingItem { display:flex; justify-content:space-around; margin-top:2rem; padding:2rem; background:#f3f3f3; border:1px solid transparent; border-radius:1.2rem; line-height:1.3; font-size:var(--font-size18); letter-spacing:-.04em; }
.matchingList .matchingHead { border-top:1px solid #1c2449; border-radius:0; font-weight:600; letter-spacing:-.1em; }
.matchingList .matchingItem { border:1px solid transparent; font-weight:500; cursor:pointer; }
.matchingList.infoSort .matchingItem { border-color:#c9c9c9; }
.matchingHead>div,
.matchingItem>div { flex:1 1 auto; display:flex; flex-direction:column; position:relative; justify-content:center; align-items:center; width:100%; min-width:0; padding:.5rem 1rem; }
.matchingHead>div::before,
.matchingItem>div::before { content:''; position:absolute; right:0; top:50%; width:1px; height:6rem; margin-top:-3rem; background:#c9c9c9; }
.matchingList .state1 { background-color:#e8f5e7; }
.state1>div::before { background-color:#9fb79d; }
.matchingList .state2 { background-color:#fff0ef; }
.state2>div::before { background-color:#d8a19d; }
.matchingList .state3 { background-color:#e8f0f9; }
.state3>div::before { background-color:#8fa8c5; }
.matchingList .state4,
.matchingList .stateComplete { background-color:#f3f3f3; }
.matchingList .statePossible { background-color:#fff; }
.state4>div::before { background-color:#c9c9c9; }
.statePossible>div::before,
.stateComplete>div::before { background:#ddd; }
.matchingHead>div::before { height:3rem; margin-top:-1.5rem; }
.matchingHead>div:last-child::before,
.matchingItem>div:last-child::before,
.matchingHead>div.state::before,
.matchingItem>div.state::before { display:none; }
.matchingHead>div.state ~ div.price::before, 
.matchingItem>div.state ~ div.price::before,
.infoSort .matchingHead>div.date::before,
.infoSort .matchingItem>div.date::before { display:block; }
.matchingHead>div.certification,
.matchingItem>div.certification,
.infoSort .matchingHead>div.flexOrder3,
.infoSort .matchingItem>div.flexOrder3 { order:3; }
.matchingHead>div.region,
.matchingItem>div.region,
.infoSort .matchingHead>div.flexOrder5,
.infoSort .matchingItem>div.flexOrder5 { order:5; }
.matchingHead>div.date,
.matchingItem>div.date,
.infoSort .matchingHead>div.flexOrder1,
.infoSort .matchingItem>div.flexOrder1 { order:1; }
.matchingHead>div.item,
.matchingItem>div.item,
.infoSort .matchingHead>div.flexOrder2,
.infoSort .matchingItem>div.flexOrder2 { order:2; }
.matchingHead>div.area,
.matchingItem>div.area,
.infoSort .matchingHead>div.flexOrder4,
.infoSort .matchingItem>div.flexOrder4 { order:4 }
.matchingHead>div.volume,
.matchingItem>div.volume,
.matchingHead>div.flexOrder6,
.matchingItem>div.flexOrder6,
.infoSort .matchingHead>div.flexOrder6,
.infoSort .matchingItem>div.flexOrder6 { order:6; }
.matchingHead>div.price,
.matchingItem>div.price,
.infoSort .matchingHead>div.flexOrder7,
.infoSort .matchingItem>div.flexOrder7 { order:7; }
.matchingHead>div.state,
.matchingItem>div.state,
.infoSort .matchingHead>div.flexOrder8,
.infoSort .matchingItem>div.flexOrder8 { order:8; flex:0 0 auto; width:8rem; }
.matchingItem>div>p { text-align:center; }
.matchingItem>div>p.rowTit { display:none; }
.oneLine .matchingItem>div>p.rowTxt { overflow:hidden; white-space:nowrap; width:100%; text-overflow:ellipsis; }
.matchingItem>div.date>p,
.matchingItem>div.price>p { text-align:left; }
.matchingItem>div.certification>p { display:flex; flex-direction:column; gap:.8rem; white-space:normal; }
.matchingItem>div.certification span { display:inline-flex; width:9.6rem; height:2rem; padding:0.2rem 0.4rem; background:#fff; border:1px solid; border-radius:2rem; justify-content:center; align-items:center; line-height:1; color:#919191; font-size:1.6rem; font-weight:400; }
.matchingItem>div.certification span.on { font-weight:600; }
.matchingItem>div.certification span.eco.on { color:var(--color-eco); }
.matchingItem>div.certification span.gap.on { color:var(--color-gap); }
.matchingItem>div.certification span.other.on { color:var(--color-other); }
.matchingList .matchingItem:hover,
.matchingList .matchingItem:focus,
.matchingList .matchingItem.hover { background:#fff; border-color:#0546ff; }
.matchingList .matchingItem:hover .item,
.matchingList .matchingItem:hover .price { color:#0546ff; }
.matchingList .btnMore { margin-top:4rem; text-align:center; color:var(--color-point); }
.matchingList .btnMore button { min-width:15rem; height:6rem; padding:0 1em; border:1px solid; border-radius:.5rem; line-height:1; font-size:var(--font-size20); font-weight:600; }
.matchingList .btnMore button i { display:inline-block; position:relative; width:1.7rem; height:1.7rem; margin-right:.5rem; }
.matchingList .btnMore button i::before,
.matchingList .btnMore button i::after,
i.iconPlus::before,
i.iconPlus::after { content:''; position:absolute; background:currentColor; }
i.iconPlus::before { left:50%; top:0; width:2px; height:100%; margin-left:-1px; }
i.iconPlus::after { left:0; top:50%; width:100%; height:2px; margin-top:-1px; }
.matchingMenu { border-top:1px solid #1c2449; }
.matchingMenu .box { border-bottom:1px solid #c9c9c9; }
.matchingMenu .box .topInfo { position:relative; margin:0 4rem; padding-right:4rem; }
.matchingMenu .box .topInfo .info { line-height:1.333; color:#000; font-size:var(--font-size18);}
.matchingMenu .box .topInfo i.iconPlus { position:absolute; right:0; top:50%; width:1.8rem; height:1.8rem; margin-top:-.9rem; }
.matchingList .w1 { width:16rem; }
.matchingList .w2 { width:32rem; }
.matchingList .w3 { width:32rem; }
.matchingList .w4 { width:32rem; }
.matchingList .w5 { width:16rem; }
.matchingList .itemBox { overflow:hidden; margin-top:2rem; border:1px solid #919191; border-radius:1rem; }
.matchingList .itemBox .matchingItem { margin-top:0; border-radius:0; border-width:0; }
.matchingList .itemBox:hover { border-color:#0546ff; }
.matchingList .itemBox.hover { border-color:#0546ff; }
.matchingList .itemBox:hover .matchingItem { background:#fff; }
.matchingList .itemBox.hover .matchingItem { background:#fff; }
.matchingList .matchingHead.minPadding,
.matchingList .itemBox .matchingItem { padding-left:0; padding-right:0; }
.matchingList .itemBox .btmInfo { display:flex; justify-content:space-around; border-top:1px solid #919191; font-size:var(--font-size18); font-weight:500;  }
.matchingList .itemBox .btmInfo>div { flex:1; display:flex; justify-content:space-around; }
.matchingList .itemBox .btmInfo>div>p { flex:1; display:flex; align-items:center; justify-content:center; height:3.4444em; border-left:1px solid #919191; margin-left:-1px; text-align:center; }
.matchingList .itemBox .btmInfo>div>p button { display:flex; }
.matchingList .itemBox .btmInfo>div .tit { background:#f3f3f3; }
.matchingList .itemBox .btmInfo>div .txt .iconNew { display:block; margin-top:-1em; color:#e01f1f; font-size:var(--font-size16); }
@media screen and (min-width: 961px) {
    .infoSort .matchingHead>div.certification,
    .infoSort .matchingItem>div.certification { flex:0 0 auto; width:21rem;}
    .infoSort .matchingItem>div.certification>p { display:flex; width:100%; justify-content:center; flex-direction:row; gap:.25rem; }
    .infoSort .matchingItem>div.certification span { display:none; flex:0 0 auto; width:3em; height:auto; padding:5rem 0 0 0; background:transparent no-repeat center top; border:none; border-radius:0; justify-content:center; align-items:center; line-height:1; font-size:2rem; font-weight:500; }
    .infoSort .matchingItem>div.certification span.eco { background-image:url(../images/sub/icon_eco2.png); }
    .infoSort .matchingItem>div.certification span.gap { background-image:url(../images/sub/icon_gap2.png); }
    .infoSort .matchingItem>div.certification span.other { width:3.5em; background-image:url(../images/sub/icon_other2.png); }
    .infoSort .matchingItem>div.certification span.on { display:flex; color:#343434; }
}
@media only screen and (max-width:960px) {
    .dashBoardWrap .dashInfo { flex-wrap:wrap; gap:1.4rem; }
    .dashBoardWrap .dashInfo .item { flex-grow:0; flex-shrink:0; flex-basis:calc(100%); }
    .dashBoardWrap .topInfo { flex-direction:column; align-items:flex-start; }
    .dashBoardWrap .topInfo h4 { font-size:var(--font-size32); font-weight:800; }
    .dashBoardWrap .topInfo p.txt { flex:1; font-size:var(--font-size18); }
    .dashBoardWrap .matchingList { margin-top:0; }
    .matchingList .matchingHead { display:none; }
    .matchingList .matchingItem { flex-wrap:wrap; justify-content:flex-start; padding:5%; background:#fff; border:1px solid #c9c9c9; }
    .infoSort .matchingItem { background:#f3f3f3; }
    .matchingList .state1 { background-color:#e8f5e7; }
    .matchingList .state2 { background-color:#fff0ef; }
    .matchingList .state3 { background-color:#e8f0f9; }
    .matchingList .state4 { background-color:#f3f3f3; }
    .content .matchingList .matchingItem>div { order:0; flex-grow:0; flex-shrink:0; width:100%; flex-direction:row; justify-content:space-between; padding:.25rem; box-sizing:border-box; font-size:var(--font-size24); }
    .content .infoSort .matchingItem>div { justify-content:space-between; }
    .matchingItem>div.certification span { font-size:var(--font-size20);}
    #wrap .matchingItem>div::before { display:none; }
    .matchingItem>div.region,
    .matchingItem>div.state { margin:.375em 0; font-size:var(--font-size28); font-weight:600; letter-spacing:-.02em; }
    .content .matchingItem>div.region { width:70%; }
    .content .matchingItem>div.state { width:30%; justify-content:flex-end; }
    .infoSort .matchingItem>div.state { width:100%; }
    .matchingItem>div.region p { text-align:left; }
    .matchingItem>div br { display:none; }
    .matchingItem>div>p.rowTit { display:block; flex:0 0 auto; margin-right:1em; color:#919191; }
    .matchingItem>div>p.rowTxt { text-align:right; }
    .matchingItem>div.certification>p { flex-direction:row; }
    .matchingItem>div.certification span { width:auto; padding:.25em .5em; }
    .matchingItem>div.date>p.rowTxt,
    .matchingItem>div.price>p.rowTxt { text-align:right; }
    .matchingMenu .box .topInfo .info { padding-left:0; margin-left:0; }
    .memberWrap .orderList { margin:0 5%; }
    .memberWrap .orderList ol { max-width:none; }
    .memberWrap .orderList ol::before,
    .memberWrap .orderList ol li,
    .memberWrap .orderList ol li::before,
    .content .memberWrap .orderList ol li::after { display:none; }
    .memberWrap .orderList ol li.active { display:block; }
    .memberWrap .orderList ol li span { margin:0; font-size:var(--font-size32); }
    .memberWrap .agreeArea { margin-top:5%; }
    .agreeArea .boxTxt { padding:4%; }
    .agreeArea .flexTable { flex-direction:column; gap:1em; }
    .agreeArea .flexTable>div { width:100%; }
    .checkList { flex-direction:column; align-items:flex-end; gap:.5em; }
    .matchingList .itemBox { border-color:#c9c9c9; }
    .matchingList .itemBox .btmInfo { border-color:#c9c9c9; }
    .matchingList .itemBox .btmInfo>div { position:relative; height:5em; padding:.75em 0; flex-direction:column-reverse; justify-content:center; }
    .matchingList .itemBox .btmInfo>div::before { content:''; position:absolute; left:0; top:50%; width:1px; height:4em; margin-top:-2em; margin-left:-1px; background:#c9c9c9; }
    .matchingList .itemBox .btmInfo>div>p { flex:0 0 auto; height:1.25em; padding:0; border-left:none; }
    .matchingList .itemBox .btmInfo>div .tit { margin-top:.5em; background:transparent; color:#919191; }
    .matchingList .itemBox .btmInfo>div .txt { font-size:var(--font-size26); font-weight:800; }
    .matchingList .itemBox .btmInfo>div .txt .iconNew { margin-top:-2.5em; margin-right:-1.5em; margin-left:-.5em; }
}
/* accordion */
.accordionList,
.accordionStyleList,
.mypageBtmNav { max-width:1200px; margin:5rem auto; border-top:1px solid #c9c9c9; }
.accordionList .accordionTit button,
.mypageBtmNav ul li a { display:flex; position:relative; align-items:center; justify-content:space-between; width:100%; padding:3rem 4rem; gap:1rem; border-bottom:1px solid #c9c9c9; }
.mypageBtmNav ul li a { box-sizing:border-box; }
.accordionList .accordionTit .tit,
.mypageBtmNav ul li a .tit { flex-grow:0; flex-shrink:0; font-size:var(--font-size32); font-weight:800; }
.accordionList .accordionTit .txt,
.mypageBtmNav ul li a .txt { flex:1; font-size:var(--font-size18); text-align:left; }
.accordionList .accordionTit .btnInfo { text-align:left; line-height:1.333; color:#000; font-size:var(--font-size18); }
.accordionList .panel,
.accordionStyleList .panel { overflow:hidden; background:#fbfbfc; border-bottom:1px solid #2944b4; }
.accordionStyleList .panel { margin-bottom:-1px;}
.accordionList .panel { display:none; }
.accordionList .panelInner,
.accordionStyleList .panelInner { margin:3.5%;}
.accordionList .accordionTit button i.openIcon { display:block; overflow:hidden; position:absolute; right:1rem; top:50%; width:1.7rem; height:1.7rem; margin-top:-.85rem; color:transparent; }
.accordionTit button i.openIcon::before,
.accordionTit button i.openIcon::after { content:''; position:absolute; background:#000; transition:all .4s ease; }
.accordionTit button i.openIcon::before { left:0; top:50%; width:100%; height:.2rem; margin-top:-.1rem; }
.accordionTit button i.openIcon::after { left:50%; top:0; width:.2rem; height:100%; margin-left:-.1rem; }
.accordionTit.active i.openIcon::after { transform:rotate(270deg); }
.accordionList .panel h5.tit { font-size:var(--font-tabA); }
.accordionList .panel h6.buTit { margin-bottom:.5em; font-size:var(--font-titC); background-size:auto 1em; }
.accordionList .panel .boxGrid { display:grid; grid-template-columns:1fr 1fr; gap:2.625rem; margin-bottom:2em; }
.accordionList .panel .boxGrid.col3 { grid-template-columns:1fr 1fr 1fr; }
.accordionList .panel .boxGrid.rowLine { grid-template-columns:1fr; }
.accordionList .panelInner>.img { text-align:center; margin-bottom:1.5em;}
.accordionList .countList.boxGrid { gap:.125rem 1.5rem; grid-auto-flow:column; grid-template-rows:repeat(5, auto); }
.accordionList .boxGrid .doubleBox { grid-row:auto / span 2; }
.accordionList .boxGrid .item h5,
.accordionList .boxGrid p.boxTxt { margin-bottom:1.75rem; padding:1em; background:#e2f0ff; border:1px solid #94bbe6; border-top-left-radius:.5em; border-top-right-radius:.5em; text-align:center; line-height:1.33333; color:#004b9f; font-size:var(--font-tabA); word-break:keep-all; box-sizing:border-box; }
.accordionList .panel .boxGrid.rowLine p.boxTxt { width:calc(50% - 1.3125rem); }
.accordionList .boxGrid .txtList { margin:0 .625rem; }
.accordionList .txt { font-size:var(--font-txtA); }
.accordionList .boxGridType2 .item { overflow:hidden; background:#fff; border:1px solid #dcdcdc; border-radius:.5em; }
.accordionList .boxGridType2 .item h5 { margin:0; background:#f0f0f0; border:none; border-bottom:1px solid #dcdcdc; border-radius:0; color:#000000; }
.accordionList .boxGridType2 .txtArea { margin:1em 2em; }
.accordionList .boxGridType2 .tableBox { display:table; table-layout:fixed; width:100%; }
.accordionList .boxGridType2 .tableBox dl { display:table-row; }
.accordionList .boxGridType2 .tableBox dt,
.accordionList .boxGridType2 .tableBox dd { display:table-cell; padding:.375em .25em; font-size:var(--font-tabA); }
.accordionList .boxGridType2 .tableBox dt { width:5em; color:#044bbf; font-weight:700; }
.accordionList .boxGridType2 .tableBox dd .txtList { margin:0; }
.accordionList .imgRightBox { position:relative; padding-right:10.625rem; }
.accordionList .imgRightBox .img { position:absolute; right:0; top:0; width:10.625rem; }
/* content */
.readyArea { position:relative; max-width:780px; margin:0 auto; padding:.5em; }
.readyArea::after { content:''; position:absolute; left:0; right:0; top:0; bottom:0; background:url(../images/sub/icon_ready.png) left top no-repeat, url(../images/sub/icon_ready.png) right top no-repeat, url(../images/sub/icon_ready.png) left bottom no-repeat, url(../images/sub/icon_ready.png) right bottom no-repeat; background-size:1.0625em auto; }
.readyArea .inner { padding:6.10169% 7.18644%; border:1px solid #ccccde; text-align:center; word-break:keep-all; }
.readyArea .big { margin-bottom:.5em; padding:9em 0 .5em; background:url(../images/sub/bg_ready.png) center top no-repeat; background-size:auto 7.83333em; border-bottom:1px solid #e0ebf8; color:#26376d; font-size:2.25em; }
.readyArea .small { color:#24315c; font-size:1.125em; }
.readyArea .small p { margin-top:.75em; }
/* defaultLayout */
.defaultLayout { position:relative; max-width:1200px; margin:8rem auto; padding:0 2%; }
.defaultLayout h3 { margin:2.25em 0 1em; font-size:var(--font-size32); font-weight:800; }
.defaultLayout .img { text-align:center; }
.defaultLayout .imgList ul { display:grid; grid-template-columns:repeat(2, 1fr); gap:2em; }
/* tableStyle */
.tableStyle { table-layout:fixed; width:100%; margin-top:.5em; margin-bottom:1.2941em; border-top:2px solid #0061ce; font-size:var(--font-txtA); }
.viewCaption caption { width:auto; height:auto; margin:0; padding:1em; background:#f3f3f3; text-indent:0; font-size:var(--font-size20); font-weight:600; }
.tableStyle th,
.tableStyle td { padding:1.375rem 1rem; border-style:solid; border-color:#d3d5d7; border-right-width:1px; border-bottom-width:1px; vertical-align:middle; text-align:center; font-weight:400; }
.tableStyle thead th { padding:1.063rem 1rem; }
.tableStyle th:last-child,
.tableStyle td:last-child { border-right-width:0; }
.tableStyle th .txt { display:block; font-size:12px; letter-spacing:-.03em; }
.tableStyle [rowspan] { border-left-width:1px; }
.tableStyle [rowspan]:first-child { border-left-width:0; }
.tableStyle th.bdNone,
.tableStyle td.bdNone { border-left:none; }
.tableStyle th { color:#717171; background:#fafafa; }
.tableStyle th span { display:inline-block; }
.tableStyle td { color:#171717; }
.tableStyle td .txtList { margin:0; text-align:left; }
.tableStyle td .txtList li { font-size:1em; }
.tableStyle td.tableLine { padding:0; vertical-align:top; }
.tableStyle td.tableLine>ul { display:flex; flex-direction:column; justify-content:space-around; min-height:16em; }
.tableStyle td.tableLine>ul>li { display:flex; justify-content:center; align-items:center; flex:1; padding:0 .25em; border-top:1px solid #d3d5d7; white-space:nowrap; }
.tableStyle td.tableLine>ul>li:first-child { border-top:none; }
.agreeTable { table-layout:fixed; width:100%; margin-top:.5em; margin-bottom:1em; border-top:1px solid #1C2449; border-bottom:1px solid #1C2449; font-size:var(--font-size18); }
.flexTable .agreeTable { height:100%; margin:0; }
.agreeTable th,
.agreeTable td { vertical-align:middle; border-bottom:1px solid #343434; }
.tdCenter td { text-align:center; }
.agreeTable tr:last-child th,
.agreeTable tr:last-child td { border-bottom-width:0; }
.cellBorder th:not(:last-child),
.cellBorder td:not(:last-child) { border-right:1px solid; }
.cellBorder td + td[rowspan] { border-left:1px solid; }
.agreeTable th { padding:2rem; background:#c9c9c9; font-weight:600; }
.agreeTable td { padding:1.2rem; background:#fff; }
.agreeTable td.colGray { color:#919191; }
.tableSpaceStyle { table-layout:fixed; margin:0 6%; width:88%; border-collapse:separate; border-spacing:0 1rem; }
.tableSpaceStyle thead th,
.tableSpaceStyle thead td { font-size:var(--font-size20); font-weight:600; }
.tableSpaceStyle tbody th,
.tableSpaceStyle tbody td { padding:.875em 1em; background:#f3f3f3; vertical-align:middle; font-size:var(--font-size18); font-weight:400; }
.tableSpaceStyle tbody td { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
/* table scroll */
.rollTable { width:auto; min-width:800px; border-collapse:separate; background:#c9c9c9; }
.farmList table.rollTable th, .farmList table.rollTable td { border-left:none; }
.scroltable-wrapper {overflow:hidden;position:relative; }
.scroltable-wrapper table { margin-bottom:0; }
.detailInfo .scroltable-wrapper { margin-bottom:1.125em; }
.scroltable-container {overflow:auto; }
.scroltable-nav {display:none;position:absolute;width:60px;height:100%;cursor:pointer;z-index:2;}
.scroltable-nav.scroltable-nav-left {left:0;background:url(../images/sub/arrow-left.png) no-repeat 10px center, -webkit-linear-gradient(180deg, rgba(255, 255, 255, 0), #fff);background:url(../images/sub/arrow-left.png) no-repeat 10px center, -moz-linear-gradient(to left, rgba(255, 255, 255, 0), #fff);background:url(../images/sub/arrow-left.png) no-repeat 10px center, -ms-linear-gradient(to left, rgba(255, 255, 255, 0), #fff);background:url(../images/sub/arrow-left.png) no-repeat 10px center, -o-linear-gradient(to left, rgba(255, 255, 255, 0), #fff);background:url(../images/sub/arrow-left.png) no-repeat 10px center, linear-gradient(to left, rgba(255, 255, 255, 0), #fff)}
.scroltable-nav.scroltable-nav-right {right:0;background:url(../images/sub/arrow-right.png) no-repeat right 10px center, -webkit-linear-gradient(0, rgba(255, 255, 255, 0), #fff);background:url(../images/sub/arrow-right.png) no-repeat right 10px center, -moz-linear-gradient(to right, rgba(255, 255, 255, 0), #fff);background:url(../images/sub/arrow-right.png) no-repeat right 10px center, -ms-linear-gradient(to right, rgba(255, 255, 255, 0), #fff);background:url(../images/sub/arrow-right.png) no-repeat right 10px center, -o-linear-gradient(to right, rgba(255, 255, 255, 0), #fff);background:url(../images/sub/arrow-right.png) no-repeat right 10px center, linear-gradient(to right, rgba(255, 255, 255, 0), #fff)}
.rollTable .colFix { position:sticky; left:0; top:0; border-right:none !important; }
.rollTable .colFix::before { content:''; position:absolute; right:-1px; top:0; bottom:0; width:1px; border-right:1px solid var(--color-border); }
/* boardStyle */
.boardStyle { max-width:1200px; margin:8rem auto; padding:0 2%; }
.boardStyle select { width:100%; height:40px; padding-left:1em; background:url(../images/sub/arrow_select.png) right 10px center no-repeat; border:1px solid #d0d0d0; border-radius:3px; color:#555453; appearance:none; -webkit-appearance:none; -moz-appearance:none; }
/* Board Search */
.boardInfo { overflow:hidden; display:flex; margin:1.5em 0 8rem; font-size:var(--font-size20); }
.tableTop .boardInfo { margin:0; }
.boardInfo .boardControl { flex:1; display:flex; align-items:center; gap:1em; }
.boardControl>ul { flex:1; display:flex; height:4em; padding:0 2.579%; border:1px solid #c9c9c9; border-radius:.5em; }
.boardInfo .select { flex-grow:0; flex-shrink:0; position:relative; width:18.13643%; min-width:8em; padding-right:3.6%; box-sizing:border-box; }
.boardInfo .select::before { content:''; position:absolute; right:0; top:50%; width:1px; height:2em; margin-top:-1em; background:#ddd; }
.boardInfo .select .selectBox { height:100%; }
.boardInfo .selectBox select { width:100%; margin-right:3.6%; padding:0 .5em; border:none; color:#000; }
.boardInfo .boardSearchText { overflow:hidden; flex:1; margin-left:3.6%; }
.boardSearchText input.text { width:100%; height:100%; border-right:1px solid; border:0; box-sizing:border-box; vertical-align:top; text-indent:.5em; }
.boardInfo .searchBtn { flex-grow:0; flex-shrink:0; width:5%; }
.boardInfo .searchBtn button { width:100%; height:100%; background:url(../images/sub/btn_search.svg) center no-repeat; background-size:auto 2.4rem; vertical-align:top; text-indent:-9999px; }
/* Board List */
.boardList { overflow:hidden; width:100%; margin-bottom:1.875em; table-layout:fixed; border-top:1px solid #1c2449; border-bottom:1px solid #1c2449; text-align:center; font-size:var(--font-size20); }
.boardList tbody tr { border-top:1px solid #d4d4d9; }
.boardList thead th { position:relative; padding:1.25em 1em; line-height:1.5625em; text-align:center; font-weight:400; }
.boardList thead th::before { content:''; position:absolute; left:-1px; top:50%; width:1px; height:2em; margin-top:-1em; background:#ddd; }
.boardList thead th.subject { text-align:left; }
.boardStyle .boardList td { padding:1em; line-height:1.8em; vertical-align:middle; }
.boardList .num,
.boardList .year,
.boardList .quarter { width:3em; }
.boardList .thumbnail,
.boardList .category,
.boardList .writer,
.boardList .cellBtn { width:6em; }
.boardList .business2 { width:10em; }
.boardList .subject,
.boardList .company { width:auto; }
.boardList .date,
.boardList .tel,
.boardList .download { width:8em; }
.boardList .business { width:12em; }
.boardList .hits,
.boardList .file { width:5em; }
.boardList .datetodate { width:12em; }
.boardList .state { position:relative; width:5em; font-weight:500; }
.boardList .add { width:8em; }
.boardList .notice .num { color:#5034de; font-weight:600; }
.boardList td.subject,
.boardList td.company { text-align:left; }
.boardList td.subject a { display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.boardList .notice td.subject a { font-weight:600; }
.boardList .add span { display:inline-block; height:23px; vertical-align:middle; }
.boardList .add span.on { overflow:hidden; width:22px; height:23px; background:url(../images/sub/icon_file_add.png) center no-repeat; vertical-align:middle; text-indent:-9999px; }
.boardList .state span,
.boardList .state button { display:inline-block; padding:0 .5em; border-radius:.8em; line-height:1.5625em; box-sizing:border-box; }
.boardList .state span.confirm,
.boardList .state button { border:1px solid; }
.boardList .state span.confirm { color:#0072ff; }
.boardList .state button { color:#ff2b58; }
.boardList .state .cellPop { display:none; position:absolute; right:50%; top:2em; margin-top:1em; margin-right:-2em; padding-top:5px; line-height:1.4; text-align:left; color:#353535; z-index:2; }
.boardList .state .cellPop:after { content:''; position:absolute; right:2em; top:0; width:13px; height:6px; margin-right:-6px; background:url(../images/sub/arrow_cellpop.png) center top no-repeat; }
.boardList .state .cellPop dl { width:16em; margin:0 auto; padding:.75em; background:#f8f8f8; border:1px solid #c6c6c6; border-radius:3px; box-shadow:1px 6px 6px rgba(0,0,0,.33); }
.boardList .state .cellPop dt { width:100%; padding-left:1.25em; background:url(../images/sub/icon_info.png) left center no-repeat; font-size:.875em; font-weight:500; }
.boardList .state .cellPop dd { width:100%; margin-top:.5em; font-size:.8125em; }
.boardList .state .cellPop dd.tel:before { content:'��'; }
.boardList .cellBtn { text-align:right; }
.boardList .cellBtn a { display:inline-block; }
.boardList .cellBtn a:before { content:'['; }
.boardList .cellBtn a:after { content:']'; }
.boardList .file span { display:inline-block; overflow:hidden; width:23px; height:23px; background-position:center; background-repeat:no-repeat; vertical-align:middle; text-indent:-9999px; }
.boardList .file span.hwp { background-image:url(../images/sub/icon_file_hwp.jpg); }
.boardList .file span.zip { background-image:url(../images/sub/icon_file_zip.jpg); }
.boardList .file span.jpg { background-image:url(../images/sub/icon_file_jpg.jpg); }
.boardList .file span.gif { background-image:url(../images/sub/icon_file_gif.jpg); }
.boardList .file span.doc { background-image:url(../images/sub/icon_file_doc.jpg); }
.boardList .file span.xlsx { background-image:url(../images/sub/icon_file_xlsx.jpg); }
.boardList .file span.ppt { background-image:url(../images/sub/icon_file_ppt.jpg); }
.boardList .file span.pdf { background-image:url(../images/sub/icon_file_pdf.jpg); }
.boardList .file span.etc { background-image:url(../images/sub/icon_file_etc.jpg); }
.boardList .download a { display:inline-block; line-height:1.75em; padding:0 .75em; border:1px solid #323232; border-radius:3px; }
.boardList .download a span { display:inline-block; padding-left:1.25em; background:url(../images/sub/icon_down5.png) left center no-repeat; font-size:.9375rem; }
/* galleryList */
.galleryCounter { margin-bottom:1.5rem; font-size:var(--font-size18); color:#454545; }
.galleryCounter span { display:inline-block; margin-right:.5em; }
.galleryCounter b { font-weight:500; color:#0061ce; }
.galleryList { display:grid; grid-template-columns:repeat(4, 1fr); width:100%; font-size:var(--font-size18); gap:.75em; }
.galleryList a { overflow:hidden; display:block; width:100%; height:auto; padding:1em; border:1px solid #dcdcdc; border-radius:.5em; transition:all .15s; text-align:left; box-sizing:border-box; }
.galleryList li a:focus,
.galleryList li a:hover { border-color:#0061ce; box-shadow:0 14px 18px 0 rgba(0, 0, 0, 0.1); }
.galleryList a span { display:block; }
.galleryList a span.img { overflow:hidden; position:relative; width:100%; height:17.3rem; margin-bottom:1.5em; background:#ddd; background-size:contain; border-radius:.25em; }
.galleryList a span.img img { width:100%; height:100%; }
.galleryList a span.category { text-align:center; }
.galleryList a span.category i { display:inline-block; min-width:112px; padding:.2em .5em; background:#3373da; border-radius:2em; line-height:1.4; color:#fff; }
.galleryList a span.txt { padding:.5em 0; color:#000; letter-spacing:-.025em; }
.galleryList a span.txt strong { overflow:hidden; display:block; margin-bottom:.75em; font-size:var(--font-size20); white-space:nowrap; text-overflow:ellipsis; }
.galleryList a span.txt span { overflow:hidden; display:flex; align-items:center; gap:.5em; margin-top:.5em; text-overflow:ellipsis; white-space:nowrap; color:#343434; }
.galleryList a span.txt span b { min-width:3.375em; padding:.25em .5em; border:1px solid #d0d0d0; border-radius:1em; box-sizing:border-box; text-align:center; font-size:1.6rem; font-weight:500; }
.galleryList a span.txt span i { font-weight:500; }
.galleryList a span.txt time { display:block; }
.galleryList a span.mark { margin-top:.25em; text-align:center; }
.galleryList a span.mark i { display:inline-block; margin:0 .25em; padding:.25em .5em; border:1px solid #d0d0d0; border-radius:.25em; font-size:1.5rem; }
/* board view */
.viewTit { margin:0; padding:1.25em 0; }
.viewTit h4 { margin-bottom:1em; line-height:1; text-align:center; font-size:var(--font-size30); font-weight:700; }
.viewTit ul.boardWriteInfo { padding-left:1em; }
.viewTit ul.boardWriteInfo li { display:inline-block; position:relative; padding:0 .5em 0 .8em; color:#666; font-size:var(--font-size18); }
.viewTit ul.boardWriteInfo li:after { content:''; position:absolute; left:0; top:50%; width:1px; height:.875em; margin-top:-.4375em; background:#cfcfcf; }
.viewTit ul.boardWriteInfo li:first-child { padding-left:0; }
.viewTit ul.boardWriteInfo li:first-child:after { display:none; }
.viewContent { padding:2%;/*46/1202*/ border-top:1px solid #c6c6c6; color:#000; word-break:keep-all; }
.viewContent .viewContentInner { overflow:hidden; width:100%; min-height:10em;  margin:0; padding:0; line-height:1.5; font-size:1.125em; font-family:inherit; word-wrap:break-word; white-space:pre-wrap; }
.viewContent .viewContentInner .img { padding:1em; text-align:center; }
.viewContent .viewContentInner img{max-width:100% !important; height:auto !important;}
.viewContent .viewContentInner p { padding:5px 0; }
.viewContent .viewContentInner p img { text-align:center; max-width:100%; height:auto; }
.viewContent .shareList { margin:2.5em 0 2.5em -.5em; }
.viewContent .shareList li { display:inline-block; margin:.3125em -4px .3125em .5em; }
.viewContent .shareList li span { display:block; padding:.5em .875em; border:1px solid; line-height:1.0625em; border-radius:1em; color:#147774; }
.viewContent .shareList li span:before { content:'#'; display:inline-block; margin-right:.25em; }
.viewContent .like button { font-size:1.125em; }
.viewContent .like button.on { color:#ff4e00; }
.viewContent .like button i { display:inline-block; overflow:hidden; width:1em; height:1.2em; margin-right:.25em; background:url('../images/sub/icon_like.png') center no-repeat; background-size:contain; vertical-align:middle; text-indent:-999px; }
.viewContent .like button.on i { background-image:url('../images/sub/icon_like_on.png'); }
.viewContent .like button span { display:inline-block; vertical-align:middle; }
.imgSlider { text-align:center; }
.imgSlider .slick-slide img { display:inline-block; }
.imgSlider .slick-dots { margin:1em; text-align:center; }
.imgSlider .slick-dots li { display:inline-block; margin:0 5px; }
.imgSlider .slick-dots li button { overflow:hidden; width:1em; height:1em; background:transparent; border:1px solid #dadada; border-radius:50%; text-indent:-999px; }
.imgSlider .slick-dots li.slick-active button { background:#1c0b3d; }
.imgSlider .viewSlide { position:relative; margin-bottom:6px; }
.imgSlider .viewSlideNav { margin:0 -4px; }
.imgSlider .viewSlideNav .item { display:inline-block; width:25%; padding:4px; }
.imgSlider .slick-arrow { overflow:hidden; position:absolute; top:50%; width:60px; height:60px; margin-top:-30px; background:#000; background-color:rgba(0,0,0,.43); border-radius:50%; z-index:1002; text-indent:-999px; }
.imgSlider .slick-arrow:after { content:''; position:absolute; left:50%; top:50%; width:22px; height:22px; margin-top:-12px; border-width:0 0 2px 2px; border-style:solid; border-color:#fff; }
.imgSlider .slick-prev { left:-65px; }
.imgSlider .slick-next { right:-65px; }
.imgSlider .slick-prev:after { margin-left:-6px; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); }
.imgSlider .slick-next:after { margin-left:-18px; -webkit-transform:rotate(225deg); -ms-transform:rotate(225deg); transform:rotate(225deg); }
.viewTemplete { white-space:normal; }
.viewTemplete h4 { margin-top:1em; font-size:1.25em; }
.viewTemplete .tableBox,
.viewTemplete ul { margin:1em 1em 2em; }
.viewTemplete ul li { margin:.5em 0; }
.viewTemplete table { width:100%; table-layout:fixed; }
.viewTemplete th,
.viewTemplete td { padding:.5em; border:1px solid #c6c6c6; vertical-align:middle; }
.viewTemplete th { background:#f3f3f3; text-align:center; font-weight:600; }
.viewTemplete .sortList { margin:1em 1em 2em; }
.viewTemplete .sortList>ol,
.viewTemplete .sortList>ul { display:grid; grid-template-columns:repeat(4, 1fr); gap:1em; }
.viewTemplete .sortList li { display:flex; justify-content:center; align-items:center; border:1px solid #c6c6c6; padding:1em; text-align:center; }
/* board view - file */
.boardFile { overflow:hidden; padding:1em .75em; border-top:1px solid #dde2e8; box-sizing:border-box; }
.boardFile h5 { float:left; position:relative; width:9rem; font-size:1.125em; font-weight:400; color:#656565; box-sizing:border-box; }
.boardFile h5::after { content:''; position:absolute; right:0; top:50%; width:1px; height:.875em; margin-top:-.4375em; background:#cfcfd0; }
.boardFile ul { display:flex; flex-direction:column; gap:.5em; margin-left:9rem; }
.fileDownList { margin:0 1em; }
.fileDownList li { margin:.5em 0; }
.boardFile ul li,
.downloadBtn { overflow:hidden; position:relative; box-sizing:border-box; }
.downloadBtn { display:block; }
.boardFile ul li i,
.downloadBtn i { float:left; display:inline-block; width:1.4375em; height:1.4375em; margin:0 1em; background-repeat:no-repeat; background-position:center; background-size:contain; text-indent:-9999px; background-image:url(../images/sub/icon_file.jpg); }
.downloadBtn i { margin-left:0; }
.boardFile ul li span.fileName,
.downloadBtn span.fileName { overflow:hidden; display:block; margin-left:1.8666em; padding-top:.2em; line-height:1.3; font-size:.9375em; white-space:nowrap; text-overflow:ellipsis; }
.downloadBtn span.fileName { margin-right:6em; }
.boardFile ul li .view { position:absolute; top:0; right:5.25em; width:4em; padding:0 .25em 0 0; box-sizing:border-box; }
.boardFile ul li .view:after { content:''; position:absolute; right:0; top:50%; width:1px; height:1em; margin-top:-.45em; background:#777; }
.boardFile ul li .btn,
.downloadBtn b { display:block; position:absolute; top:50%; right:0; margin-top:-.6em; padding-left:1.5333em; background-image:url(../images/sub/btn_file_down.png); background-repeat:no-repeat; background-position:left center; background-size:1em auto; font-size:.9375em; color:#656565; line-height:1.2em; }
i.hwp,
i.hwpx { background-image:url(../images/sub/icon_file_hwp.jpg); }
i.pdf { background-image:url(../images/sub/icon_file_pdf.jpg); }
i.txt { background-image:url(../images/sub/icon_file_txt.jpg); }
i.doc { background-image:url(../images/sub/icon_file_doc.jpg); }
i.xls,
i.xlsx { background-image:url(../images/sub/icon_file_xlsx.jpg); }
i.ppt,
i.pptx { background-image:url(../images/sub/icon_file_ppt.jpg); }
i.zip { background-image:url(../images/sub/icon_file_zip.jpg); }
i.jpg { background-image:url(../images/sub/icon_file_jpg.jpg); }
i.gif { background-image:url(../images/sub/icon_file_gif.jpg); }
/* board view - comment */
.commentWrap { border-top:1px solid #dcdcdc; }
.commentWrap .count { margin-bottom:.5em; }
.commentForm { display:flex; position:relative; }
.commentForm .writeBox { flex-grow:1; position:relative; padding:1.875em; border:1px solid #dcdcdc; border-radius:.5rem; box-sizing:border-box; }
.commentForm .writeBox .name { font-size:1.125em; }
.commentForm .writeBox textarea { width:100%; margin-top:.7647em; height:4em; border:none; box-sizing:border-box; font-size:1.063em; resize:none; }
.commentForm .writeBox textarea::-webkit-scrollbar { display:none; }
.commentForm .writeBox textarea::placeholder { color:#cecece; }
.commentForm .writeBox .txtCount { position:absolute; bottom:1.875em; right:1.875em; font-size:.9375em; font-weight:300; color:#7c7c7c; }
.lblCommentArea { width:100%; margin-top:.7647em; padding:0.875em; height:6em; border:1px solid #dcdcdc; box-sizing:border-box; font-size:1.063em; resize:none; border-radius:.5rem 0 0 .5rem; }
.commentForm .btn { flex-shrink:0; display:flex; align-items:center; justify-content:center; width:7.6865%; border:1px solid #dcdcdc; border-radius:0 .5rem .5rem 0; cursor:pointer; transition:all .15s; }
.commentForm .btn i { display:inline-block; width:1.25em; height:1.125em; margin-right:.3125em; background-image:url(../images/board/bg_board_btn.png); background-repeat:no-repeat; background-size:100% auto; vertical-align:middle; font-size:1rem; background-position:0 -3.625rem; }
.commentForm .btn input,
.commentForm .btn a { font-size:1.063em; font-weight:500; }
.commentForm .btn:focus,
.commentForm .btn:hover { background:#1a3ac5; }
.commentForm .btn:focus i,
.commentForm .btn:hover i { background-image:url(../images/board/bg_board_btn_on.png); }
.commentForm .btn:focus input,
.commentForm .btn:hover input,
.commentForm .btn:focus a,
.commentForm .btn:hover a { color:#fff; }
.commentList { position:relative; }
.commentList .count { padding:0 1.6666em 1em; font-size:1.125em; color:#808280; border-bottom:1px solid #dcdcdc; }
.commentList .count em { color:#1a3ac3; }
.commentList .tableInfo { position:absolute; top:.1875rem; right:1.875rem; margin:0; }
.commentList .item { padding:1.875em; border-top:1px solid #dcdcdc; font-size:1.125em; }
.commentList .item:first-child { border:none; }
.commentList .item dt { font-weight:bold; }
.commentList .item dt span { display:inline-block; margin-right:1em; }
.commentList .item dd { margin-top:1em; }
.commentList .item.reply { padding-left:5.125em; background-image:url(../images/board/bg_comment_reply.png); background-repeat:no-repeat; background-position:1.875em center; background-size:1.375em auto; }
/* board view - Ctrl */
.viewCtrl { margin-bottom:3.125em; border-top:1px solid #dde2e8; font-weight:300; color:#000; }
.viewCtrl dl { position:relative; padding:1em .75em; border-bottom:1px solid #dde2e8; }
.viewCtrl dl dt,
.viewCtrl dl dd { font-size:var(--font-size18); }
.viewCtrl dl dt { float:left; width:5em; background:right center no-repeat; }
.viewCtrl dl.prevList dt { background-image:url(../images/sub/bg_board_prev_list.png); }
.viewCtrl dl.nextList dt { background-image:url(../images/sub/bg_board_next_list.png); }
.viewCtrl dl dd { position:relative; margin-left:6em; padding-left:1em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-align:left; box-sizing:border-box; }
.viewCtrl dl dd:before { content:''; position:absolute; top:50%; left:0; width:1px; height:.875em; margin-top:-.4375em; background:#cfcfd0; }
.viewCtrl dl dd a { color:#000; }
/* 신청 공모 참여 */
.memberList .inner { display:flex; justify-content:space-around; margin-top:.5em; gap:.5em; }
.memberList dl { flex:1; border:1px solid #d3d5d7; }
.memberList dl dt,
.memberList dl dd { padding:1em .75em; letter-spacing:-.05em; }
.memberList dl dt { background:#f8f8f8; border-bottom:1px solid #d3d5d7; text-align:center; color:#197292; font-size:1.125em; }
.memberList dl dd { border-top:none; color:#3a3a3a; font-size:1.0625em; }
.memberList dd ul { text-align:left; }
.memberList dd ul li { display:flex; justify-content:space-between; align-items:center; margin:.25em 0; }
.memberList dd ul li button { margin-left:.125em; padding:.25em .5em; border:1px solid #777; border-radius:.25em; }
.btnType { margin-top:.5em; text-align:right; line-height:1; }
.btnType a { display:inline-block; min-width:7.375em; margin-left:.5em; padding:1em; background:#fff; border: 1px solid #dcdcdc; border-radius:.25em; text-align: center; color: #2492ba; font-weight: 500; }
/* menuBox */
.menuBox .menuList { overflow:hidden; margin-top:8rem; }
.menuBox h4 { margin-bottom:1em; font-size:var(--font-size32); font-weight:800; }
.menuBox ul { display:grid; overflow:hidden; grid-template-columns:repeat(8, 1fr); margin-right:-1px; border-top:1px solid #d4d4d9; border-bottom:1px solid #d4d4d9; }
.menuBox ul li { border:1px solid #d4d4d9; border-top:none; margin-bottom:-1px; margin-left:-1px; }
.menuBox ul li a { display:block; padding:1em .1em; box-sizing:border-box; text-align:center; font-size:var(--font-size20); letter-spacing:-.07em; }
.menuBox ul li a:focus { position:relative; border:1px dashed; outline:none; }
.menuBox ul li a.active { background:#eee; }
/* popup Style */
.popupWrap { display:none; position:fixed; left:0; top:0; right:0; bottom:0; padding:0 5%; background:rgba(0,0,0,.55); z-index:30; }
.popupArea { display:flex; justify-content:center; align-items:center; width:100%; height:100%; }
.popupArea .popupInner { display:flex; overflow-y:auto; flex-direction:column; position:relative; max-width:1200px; width:100%; max-height:90%; margin:0 auto; padding:5rem 4rem; background:#fff; border-radius:1rem; box-sizing:border-box; }
.writePw { overflow:hidden; border:1px solid; max-width:640px; margin:0 auto; padding-top:5rem; border-radius:1em; }
.writePw .popupInner,
.alertWrap .popupInner { display:block; max-width:640px; padding:0; }
.popupArea .popupInner .sTit,
.popupArea .popupInner .topTxt { margin-bottom:1.66666em; text-align:center; color:#000; font-size:var(--font-size24); font-weight:600; }
.popupArea .popupInner .popTit { margin-bottom:1.25em; text-align:center; font-size:var(--font-size32); font-weight:800; }
.popupArea .popupInner .topTxt { font-weight:500; }
.popupArea .popupInner .alertInner { display:flex; justify-content:center; align-items:center; min-height:21.6rem; margin:6rem 1rem; text-align:center; line-height:1.35; font-size:var(--font-size28); font-weight:500; }
.alertWrap .popupInner .popTit,
.alertWrap .popupInner .sTit,
.alertWrap .popupInner .topTxt { margin:6rem 6rem 4rem; }
.popupArea .popupInner.minBox .sTit { margin-top:3rem; }
.popupArea .popupInner .topTxt b { font-weight:900; }
.popupArea .popupInner .popContent { overflow-y:auto; }
.alertWrap .popupInner .popContent { margin:0 3.8rem; }
.popupArea .popupInner .popupTextBox { padding:4rem; background:#f3f3f3; line-height:1.4; color:#000; font-size:var(--font-size20); word-break:keep-all; }
.popupArea .popupInner .popupTextBox p { margin-bottom:1em; }
.popupArea .popupInner .popupTextBox li { margin-top:1em; }
.popupArea .popupInner .popContent p { text-align:center; line-height:1.41; font-size:var(--font-size24); font-weight:500; }
.popupArea .popupInner .popContent .text { font-size:var(--font-size18); font-weight:400; }
.popupArea .popupInner .rowCell { display:flex; justify-content:flex-start; }
.popupArea .popupInner .rowCell span.tit { flex-grow:0; flex-shrink:0; margin-right:.5em; }
.popupArea .popupInner .rowCell span.txt { flex:1; }
.popupArea .popupInner .lazyWid { max-width:500px; margin:2em auto 1em; padding:0 1em; }
.popupArea .popupInner .lazyWid button { min-width:2em !important; }
.popupArea .popupInner .selectBoxWrite ol { display:flex; justify-content:space-around; gap:2rem; margin-bottom:2rem; }
.popupArea .popupInner .selectBoxWrite ol>li { flex:1; }
.popupArea .popupInner .selectBoxWrite label { display:block; margin-bottom:1rem; font-size:var(--font-size20); font-weight:600; }
.popupArea .popupInner .selectBoxWrite .selectBox { height:5rem; margin-bottom:1rem; background:#f5f5f5; }
.popupArea .popupInner .selectBoxWrite .input { width:100%; height:5rem; }
.popupArea .popupInner .selectBoxWrite .input input { width:100%; height:100%; padding:0 .75em; border:1px solid; box-sizing:border-box; color:currentColor; font-size:1em; }
.popupArea .popupInner .selectBoxWrite .input input:disabled { background:#c9c9c9; border:none; }
.popupArea .popupInner .crossPosition { position:absolute; right:2rem; top:2rem; z-index:30; }
.loadingPop .popupArea .popupInner .crossPosition { right:1rem; top:1rem; }
.popupArea .popupInner .crossPosition button { position:relative; width:3rem; height:3rem; color:transparent; border:3px solid; }
.popupArea .popupInner .crossPosition button::before, 
.popupArea .popupInner .crossPosition button::after { content:''; position:absolute; left:0; top:50%; width:100%; height:2px; background:#000; border-radius:2em; }
.popupArea .popupInner .crossPosition button::before { transform:rotate(45deg); }
.popupArea .popupInner .crossPosition button::after { transform:rotate(-45deg); }
.popupArea .popupSearchBox { margin-bottom:4rem; padding:4rem 2rem; background:#fff; border:1px solid #c9c9c9; border-radius:.3rem;  }
/* alertPop */
.alertWrap,
.loadingPop { display:none; position:fixed; left:0; right:0; top:0; bottom:0; background:rgba(0,0,0,.55); z-index:1000; }
.loadingPop .popupArea { max-width:500px; margin:0 auto; }
.alertWrap .popInner { display:flex; width:100%; height:100%; justify-content:center; align-items:center; }
.alertWrap .popContent { position:relative; background:#fff; }
.alertWrap .popContent .contentInner { min-width:200px; max-width:500px; padding:2em; font-size:1.25em; }
.alertWrap .popContent .btnLine { display:flex; justify-content:space-around; }
.alertWrap .popContent .btnLine button,
.alertWrap .popContent .btnLine a { flex:1; display:block; height:3.88888em; padding:1em; box-sizing:border-box; line-height:1.88888em; text-align:center; color:#fff; font-size:1.125em; }
.alertWrap .popContent .btnLine .cancel { background:#595959; }
.alertWrap .popContent .btnLine .submit { background:#1c86ad; }
.loadingArea { text-align:center; }
.lds-spinner,
.lds-spinner div,
.lds-spinner div:after { box-sizing:border-box; }
.lds-spinner { color:currentColor; display:inline-block; position:relative; width:8rem; height:8rem; transform:scale(.75); }
.lds-spinner div { transform-origin:40px 40px; animation:lds-spinner 1s linear infinite; }
.lds-spinner div:after { content:" "; display:block; position:absolute; top:10px; left:36.8px; width:6px; height:16px; border-radius:10%; background:currentColor; }
.lds-spinner div:nth-child(1) { transform:rotate(0deg); animation-delay:-0.8s; }
.lds-spinner div:nth-child(2) { transform:rotate(45deg); animation-delay:-0.7s; }
.lds-spinner div:nth-child(3) { transform:rotate(90deg); animation-delay:-0.6s; }
.lds-spinner div:nth-child(4) { transform:rotate(135deg); animation-delay:-0.5s; }
.lds-spinner div:nth-child(5) { transform:rotate(180deg); animation-delay:-0.4s; }
.lds-spinner div:nth-child(6) { transform:rotate(225deg); animation-delay:-0.3s; }
.lds-spinner div:nth-child(7) { transform:rotate(270deg); animation-delay:-0.2s; }
.lds-spinner div:nth-child(8) { transform:rotate(315deg); animation-delay:-0.1s; }
.lds-spinner div:nth-child(9) { transform:rotate(360deg); animation-delay:-0s; }
@keyframes lds-spinner {
    0% { opacity:1; }
    100% { opacity:0; }
}

@media all and (max-width:1024px) {
	/* tableStyle */
	.tableDrag { display:block; }
	.scrollTblWrap { width:100%; overflow-x:auto; overflow-y:hidden; }
	.scrollTblWrap table { width:960px; }
	.tableInfo { padding-left:1.2em; background-size:10px auto; }
	.tableStyle th,
	.tableStyle td { font-size:1em; }
}
@media only screen and (max-width:960px) {
    .topLinkArea { flex-direction:column; }
    .topLinkArea .imgBox { width:100%; }
    .gridBox.col6 { grid-template-columns:1fr 1fr 1fr; }
    .system-list > ul{ grid-template-columns:1fr 1fr 1fr 1fr; }
    .systemList > ul { grid-template-columns:repeat(4, 1fr); }
    /* accordion */
    .accordionList .accordionTit button { flex-direction:column; align-items:flex-start; padding:5% 3rem 5% 2rem; }
    /* menuBox */
    .menuBox ul { grid-template-columns:repeat(4, 1fr); }
    /* popup */
    .popupArea { width:90%; margin:0 auto; }
    /* boardStyle */
    .boardInfo { margin-bottom:5%; }
    .boardList thead { display:none; }
    .boardList tr { display:block; padding:1.6rem; }
    .boardList td { display:none; }
    .boardList td.subject,
    .boardList td.date { display:block; width:100%; padding:0; line-height:1.4; text-align:left; }
    .galleryList { grid-template-columns:repeat(3, 1fr); }
    
}
@media only screen and (max-width:840px) {
	.tableInfo.right { float:none; text-align:left; }
    .memberList .inner { flex-direction:column; }
	/* popup Style */
	.popupArea .popupInner .popTit { margin-bottom:2rem; }
	.popupArea .popupInner .btnClose { right:2rem; top:2rem; }
    .alertWrap .popupInner .popContent { margin:0 8%; }
    .popupArea .popupInner .rowCell { display:block; }
}
@media only screen and (max-width:767px) {
    /* defaultLayout */
    .defaultLayout .imgList ul { grid-template-columns:1fr; text-align:center; }
    .accordionList .panel .boxGrid.col3,
    .accordionList .panel .boxGrid { grid-template-columns:1fr; }
    .accordionList .panel .boxGrid.rowLine p.boxTxt { width:100%; }
    .boxWrap .boxArea { padding:94% 2.75em 5em; background-position:center top; background-size:114% auto; }
    .accordionList .imgRightBox { padding-right:0; }
    .accordionList .imgRightBox .img { position:static; width:auto; margin:-2em 0 2em; text-align:center; }
}
@media only screen and (max-width:640px) {
    /* popup */
    .popupWrap { padding:0; }
    .popupArea { align-items:flex-start; width:100%; margin:0 auto; }
    .popupWrap .popupArea .popupInner { height:100%; max-height:none; border-radius:0; }
    .popupWrap .verticalScroll { max-height:none; }
    /* borderstyle */
    .galleryList { grid-template-columns:repeat(2, 1fr); }
}
@media only screen and (max-width:520px) {
    .imgSortList>li { flex:1 1 calc(100%); margin-left:0; }
    .defaultLayout .imgBoxList dd .imgRow { flex-direction:column; }
    .boxWrap .btnGo { margin-top:-1.5em;}
    .boxWrap .btnGo a { font-size:1em; }
    .systemList > ul { grid-template-columns:repeat(2, 1fr); }
    /* menuBox */
    .menuBox ul { grid-template-columns:repeat(2, 1fr); }
}

/* form style */
.joinForm { position:relative; margin-top:8rem; }
.farmList { position:relative; }
.formAccordion { margin-top:6rem; border-top:1px solid var(--color-submit); }
.tableTop { display:flex; justify-content:space-between; align-items:center; margin:6rem 0 3rem; }
.tableTop.AlignRight { justify-content:flex-end; text-align:left !important; }
.tableTop.columnLine { flex-direction:column; align-items:flex-start; }
.accordionTit { position:relative; margin:0; padding:3rem 4rem; border-bottom:1px solid #c9c9c9; transition:all .4s; }
.accordionTit.active { padding-left:0; padding-right:0; border-width:0; }
.joinForm .formTit,
.tableTop .formTit { display:flex; align-items:center; gap:1.4rem; }
.joinForm .formTit strong,
.tableTop .formTit strong { font-size:var(--font-size32); font-weight:800; }
.joinForm .formTit span { font-size:var(--font-size18); font-weight:500; }
.joinForm .formTit .checkStyle,
.tableTop .boardInfo { font-size:var(--font-size20); font-weight:600; }
.tableTop .boardInfo strong { color:var(--color-strong); font-weight:600; }
.farmList .tableBtn { margin-top:5rem; }
.farmList .crossPosition { position:absolute; right:0; top:0; margin-top:-2rem; }
.tableTop .tableBtn ul,
.farmList .tableBtn ul { display:flex; gap:1rem; }
.farmList .tableBtn ul { justify-content:center; }
.tableTop .tableBtn ul li,
.farmList .tableBtn ul li { min-width:16rem; height:6rem; }
.farmList .tableBtn i { display:inline-block; position:relative; width:1.2rem; height:1.2rem; margin-left:.5em; }
.tableTop .pointBtn { height:2.11111em; padding:0 .55555em 0 2.22222em; background:var(--color-point) url(../images/sub/icon_down.svg) no-repeat 1rem center / 1.33333em auto; border-radius:.3rem; color:#fff; font-size:var(--font-size18); font-weight:600; }
.accordionTit .pointBtn { display:none; }
.accordionTit.active .pointBtn { display:block; }
.tableTop .accordionBtn { position:absolute; right:1rem; top:3rem; width:4rem; height:4rem; color:transparent; }
.tableTop .accordionBtn i { overflow:hidden; position:relative; display:block; width:1.7rem; height:1.7rem; line-height:1; }
i.required { overflow:hidden; display:inline-block; position:relative; width:.5em; color:var(--color-red); font-weight:400; text-indent:-10em; vertical-align:middle; }
i.required::after { content:'*'; position:absolute; left:0; top:0; text-indent:0; }
.rightArea { position:absolute; right:0; top:0; padding-bottom:1.125em; }
.checkAlert { position:relative; padding:.5em .66666em; background:var(--color-submit); border-radius:.5rem; color:#fff; font-size:var(--font-size18); font-weight:500; z-index:2; }
.checkAlert::before { content:''; position:absolute; right:1em; bottom:-.875em; width:0; height:0; border-width:1em .5em 0 .5em; border-style:solid; border-color:var(--color-submit) transparent transparent; }
.formTable { width:100%; margin-bottom:2rem; border-top:1px solid #1c2449; border-bottom:1px solid #1c2449; }
.formTable.viewCaption { border-top:none; }
.formTable.viewCaption caption { border-top:1px solid #1c2449; border-bottom:1px solid #c9c9c9;}
.formTable th, 
.formTable td { height:6rem; background:#fff; border-bottom:1px solid; vertical-align:middle; letter-spacing:-.025em; box-sizing:border-box; }
.joinForm .formTable th, 
.joinForm .formTable td { border-color:#c9c9c9; }
.joinForm .panel { display:none; }
.formTable tbody tr:last-child th,
.formTable tbody tr:last-child td { border-bottom-width:0; }
.formTable tbody tr.borderBottom th,
.formTable tbody tr.borderBottom td { border-bottom-width:1px; }
/*
.formTable.moCellTable tbody tr:last-child th,
.formTable.moCellTable tbody tr:last-child td { border-bottom-width:1px; }
*/
.formTable th { background:#f3f3f3; text-align:center; font-size:var(--font-size20); font-weight:600; }
.moCellTable { table-layout:fixed; }
.moRowTable th,
.moCellTable th { width:22%; }
.formTable thead th { height:2.75em; }
.formTable th label,
.formTable th span { display:inline-block; min-width:9em; }
.formTable.boardWrite th label,
.formTable.boardWrite th span { min-width:3em; }
.formTable th label.noMinW { min-width:0; }
.formTable th label,
.formTable th span { flex:1; }
.formTable th .btnPlus { overflow:hidden; position:relative; width:2rem; height:2rem; margin-left:.25em; background:#fff; border:1px solid; border-radius:.5rem; text-indent:-99em; }
.formTable th .btnPlus::before,
.formTable th .btnPlus::after { content:''; position:absolute; left:50%; top:50%; width:1.2rem; height:.2rem; background:currentColor; }
.formTable th .btnPlus::before { margin-top:-.1rem; margin-left:-.6rem; }
.formTable th .btnPlus::after { margin-top:-.1rem; margin-left:-.6rem; transform:rotate(90deg); }
.formTable td { width:auto; background:#fff; font-size:var(--font-size18); }
.farmList .formTable td { font-size:var(--font-size20); }
.formTable td.rowCheck { width:11rem; }
.lastRowCheck td.rowCheck { width:3em; background:#f3f3f3; }
.formTable td a.iconLk span { display:flex; align-items:center; padding:.5rem 2.5rem; background:url("/resource/images/sub/icon_file.png") no-repeat left center / auto 1.75rem; }
.formTable td input[type="text"],
.formTable td input[type="password"],
.formTable td input[type="tel"],
.formTable td input[type="email"],
.formTable td input[type="date"],
.formTable td input[type="number"],
.formTable td input[type="url"] { position:relative; width:100%; min-width:5em; height:6rem; padding:.75em; box-sizing:border-box; background:transparent; border:none; resize:none; color:#343434; }
.formTable td.inputCell textarea { width:100%; height:100%; max-height:15em; padding:2rem; border:none; resize:none; }
.formTable td.inputCell p.img { margin:.75em; }
.formTable ::placeholder,
.popupArea ::placeholder { color:#919191; }
.formTable td .formText { display:flex; align-items:center; min-height:6rem; padding:.75em; box-sizing:border-box; }
.formTable td.AlignCenter .formText { justify-content:center; }
.formTable td input[type="date"] { color:transparent; }
.formTable td input[type='date']:focus,
.formTable td input[type='date'].valid { color:currentColor; }
.formTable td.inputCell .selectBox { color:#919191; }
.formTable td input.bgGray { background-color:var(--color-thead); }
input[type="date"]:focus { background:#fff; }
input[type="date"]::-webkit-calendar-picker-indicator { position:absolute; right:10px; top:50%; background:url(../images/sub/icon_calendar.svg) no-repeat center / 2rem auto; transform:translateY(-50%); cursor:pointer; }
input[type="date"]:focus::-webkit-calendar-picker-indicator { transform:translateY(200%); }
input[type="date"]::-webkit-datetime-edit-text { display:none; /* 텍스트 전체 숨기기 */ }
input[type="date"]::-webkit-datetime-edit { padding-right:0; /* 불필요한 여백 제거 */ }
.formTable td input[type='date']::before { content:attr(data-placeholder); color:#aaa; position:absolute; }
.formTable td input[type='date']:focus::before,
.formTable td input[type='date'].valid::before { content:''; }
.content .formTable td input[readonly] { background:#e4e4e4; }
.formTable td select { width:100%; height:6rem; border:none; font-weight:400; }
.selectBox { position:relative; width:100%; }
.formTable td.inputCell .selectBox.minWid { width:auto; padding-right:2em; }
.selectBox.active { z-index:2; }
.selectBox::after { content:''; position:absolute; right:1rem; top:50%; width:1.5rem; height:1rem; background:url(../images/sub/arrow_select2.svg) no-repeat center / contain; z-index:3; pointer-events:none; transform:translateY(-50%); }
.formTable .selectBox::after { width:1.6rem; height:1.6rem; background-image:url(../images/sub/arrow_select.svg); }
.moRotateTable .selectBox select { color:#343434; }
.moRotateTable .selectBox::after { background-image:url(../images/sub/arrow_select2.svg); }
.selectBox.active::after { transform:translateY(-50%) rotate(180deg); }
.selectBox select { position:relative; width:100%; height:100%; padding:0 .75em; background:transparent; border:1px solid #e5e5e5; border-radius:.4rem; cursor:pointer; box-sizing:border-box;  text-overflow: ellipsis; /* 말줄임표 추가 */
  white-space: nowrap; /* 텍스트 줄바꿈 방지 */
  overflow: hidden; /* 넘치는 텍스트 숨기기 */ }
.selectBox.active select { z-index:5; }
.popupWrap select { border:1px solid #919191; border-radius:.3rem; }
.formTable td button { width:100%; max-width:13rem; background:var(--color-button); color:#fff; }
.formTable td button:disabled { opacity:.5; }
.cellBtnList { height:100%; padding:1rem; box-sizing:border-box; }
.cellBtnList ul { display:flex; justify-content:space-around; height:100%; gap:1rem; }
.cellBtnList ul li { flex:1; }
.cellBtnList ul li button { height:100%; border-radius:.5rem; box-sizing:border-box;font-size:var(--font-size16); font-weight:500; }
.formTable .delBtn { border:1px solid; background:#fff; color:var(--color-button); }
.formTable .addBtn { background:var(--color-button); color:#fff; }
.flexLine { display:flex; justify-content:space-around; }
.formPop .flexLine { max-width:420px; margin:0 auto; }
.tabStyle .flexLine { max-width:none; }
ul.flexLine { flex-wrap:wrap; justify-content:flex-start; align-items:center; gap:1em; font-size:var(--font-size20); }
.formTable .flexLine { padding:.75em; }
.formTable .wrapLine { flex-wrap:wrap; justify-content:flex-start; gap:.5em 1em; }
.flexLine .item,
.flexLine .item dd { flex:1; }
.formTable .wrapLine .item { flex:0 0 auto; max-width:calc(50% - 1em); }
.formTable .smallBox .item dt { margin-right:.5em; }
.formTable .smallBox .item input { height:100%; }
.formTable .imgList { display:flex; flex-direction:column; gap:1em; padding:1em; font-size:var(--font-size20); }
.formTable .imgList span { display:inline-block; }
.formTable .imgList span.img { margin-right:1em; }
.formTable .imgViewWrap { display:flex; justify-content:space-between; max-width:780px; margin:0 auto; padding:4%; }
.formTable .imgViewWrap.oneView { display:block; }
.formTable .imgViewWrap .imgViewBox { position:relative; width:71.79487%;/* 560/780 */ max-width:56rem; padding-top:40.3846%;/* 315/780 */ background:#d9d9d9; }
.formTable .imgViewWrap.oneView .imgViewBox { width:100%; max-width:none; }
.formTable .imgViewWrap .imgViewBox img,
.formTable .imgViewWrap .imgViewBox video { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:contain; }
.formTable .imgViewWrap .imgViewThumbs { display:grid; width:27.43589%; grid-template-columns:repeat(2, 1fr); align-content:start; grid-auto-flow:dense; gap:.6rem; }
.formTable .imgViewWrap.oneView .imgViewThumbs { display:none; }
.formTable .imgViewWrap .imgViewThumbs button { max-width:none; height:100%; max-height:5.82rem; }
.formTable .imgViewWrap .imgViewThumbs button img,
.formTable .imgViewWrap .imgViewThumbs button video { object-fit:cover; width:100%; height:100%; }
.formTable .certificationList { display:flex; justify-content:space-around; flex-wrap:wrap; gap:1rem; padding:1rem 0; }
.formTable .certificationList li { flex:1; text-align:center; }
.formTable .certificationList li span { display:block; }
.formTable .radioList { display:inline-flex; height:100%; align-items:center; gap:2rem; padding:0 1rem; }
.flexLine .item dl,
.flexLine .item ul { display:flex; flex-wrap:wrap; align-items:center; }
.flexLine .item ul { gap:1rem; justify-content:flex-end; }
.flexLine .TCenter ul { margin-bottom:1em; justify-content:center; }
.flexLine .item .tdBox { min-height:auto; }
.formPop .flexLine dt,
.popupSearchBox .flexLine dt { flex-grow:0; flex-shrink:0; margin:0 1em; }
.popupSearchBox .flexLine dt { font-size:var(--font-size20); }
.popupSearchBox .flexLine dd { font-size:var(--font-size18); }
.popupSearchBox .flexLine dd ul li { flex:1; height:5rem; }
.popupSearchBox .flexLine dd ul li input { width:100%; height:100%; padding:0 .75em; border:1px solid #919191; border-radius:.3rem; }
.popupSearchBox .flexLine dd ul li.selectBox { border-radius:.3rem; }
ul.flexLine input { height:4rem; margin:0 1em; border:1px solid #c9c9c9; }
ul.flexLine .otherBox { display:flex; align-items:center; }
ul.flexLine .otherBox input { flex:1; width:100%; }
.verticalScroll { position:relative; overflow-y:auto; max-height:32.5rem; border-top:1px solid #1c2449; border-bottom:1px solid #1c2449; scrollbar-color:#5034de #f3f3f3; }
.verticalScroll table { border:none; }
.verticalScroll thead { position:sticky; left:0; top:0; z-index:3; }
.verticalScroll table.cellBorder th,
.verticalScroll table.cellBorder td { border-color:#d4d4d9 !important; }
.farmList table.cellBorder th,
.farmList table.cellBorder td { border-color:#c9c9c9; }
.farmList table.cellBorder th { border-bottom:1px solid #c9c9c9; }
.btmCheckbox { margin:4rem 4.25rem; }
.btmCheckbox input[type="text"] { padding:0 .75rem; }
.tableLine { display:table; table-layout:fixed; max-width:420px; width:100%; margin:0 auto; border-spacing:0 1em; }
.tableLine.borderSpacing0 { border-spacing:0; }
.tableLine .item { display:table-row; border-radius:3em; overflow:hidden; }
.tabStyle .tableLine .item { display:none; }
.tabStyle .tableLine .item.active { display:table-row; }
.tableLine .item>div { display:table-cell; height:6rem; border:1px solid #919191; box-sizing:border-box; vertical-align:middle; }
.tableLine .item>div.tit { min-width:8em; width:38%; height:6rem; padding:1rem .5rem; background:#f3f3f3; border-radius:.3rem 0 0 .3rem; text-align:center; line-height:1; }
.tableLine .item>div.txt { border-left:none; border-radius:0 .3rem .3rem 0; }
.tableLine .item>div.txt input { width:100%; height:100%; padding:0 1rem; background:transparent; border:none; }
.formPop { font-size:2rem; }
.parentheses::before { content:'('; display:inline-block; }
.parentheses::after { content:')'; display:inline-block; }
.content .formTable td .DisplayNone { display:none; }
.formTable td .tdBox { display:flex; flex-wrap:wrap; justify-content:space-between; min-height:6rem; border-top:1px solid #c9c9c9; }
.formTable td .tdBox p.pointTxt { flex:0 0 100%; }
.formTable td .tdBox p.unitTxt { flex:0 0 auto; }
.formTable td .tdBox p.pointTxt time { display:inline-block; margin:0 .5em; color:var(--color-strong); font-weight:bold; }
.formTable td .tdBox p.MAB { margin-bottom:.75rem; }
.formTable td .minWid { display:inline-flex; }
.formTable td .tdBox:first-child { border-top-width:0; }
.formTable td .tdBox input,
.formTable td .tdBox .selectBox { flex:1; }
.formTable td .tdBox button { flex-grow:0; flex-shrink:0; }
.formTable td .tdBox .radioStyle,
.formTable td .tdBox .checkStyle { display:flex; flex:1; align-items:center; padding:0 .75em; }
.formTable td .tdBox.minWid .radioStyle,
.formTable td .tdBox.minWid .checkStyle { flex:0 0 auto; }
.formTable td .minWid input[type="date"],
.formTable td.minWid input[type="date"] { padding-right:2em; }
.formTable td.minWid input[type="date"] { width:22rem; }
.formTable td .tdBox.minWid label { min-width:4em; }
.formTable td .tdBox span,
.formTable td .tdBox label { display:flex; align-items:center; }
.formTable td .tdBox .inlineDisplay { flex-grow:0; flex-shrink:0; flex-basis:auto; }
.formTable td .tdBox .inlineDisplay.selectBox { width:8em; }
.formTable td .tdBox.inlineList { justify-content:flex-start; padding:.75em; box-sizing:border-box; }
.formTable td .tdBox.inlineList span,
.formTable td .tdBox.inlineList input { flex-grow:0; flex-shrink:0; flex-basis:auto; height:4rem; padding-top:0; padding-bottom:0; }
.formTable td .tdBox.inlineList span { margin:0 2em 0 1em; }
.formTable td .tdBox.inlineList input { width:auto; }
.formTable td .tdBox .otherBox label { margin-right:.5em;}
.formTable td .tdBox .otherBox :disabled { display:none; }
.formTable td .tdBox .unitTxt,
.formTable td .tdBox .pointTxt { flex-grow:0; flex-shrink:1; display:flex; position:relative; align-items:center; padding:0 .75em; }
.formTable td .reverseBlock { flex-direction:column-reverse; }
.formTable td .reverseBlock p { padding:.75em .75em 0;}
.formTable td .reverseBlock .tdBox { border-top:none; }
.formTable td .tdBox .txtGuide { flex:none; display:flex; align-items:center; padding-right:.5em; }
.formTable td .tdBox .txtGuide button { display:inline-block; }
.formTable td .tdBox .txtGuide span.pwTxt { display:none; margin-right:.5em; padding:.25em .5em; border-radius:1em; }
.formTable td .tdBox .txtGuide span.error { background:#f00; color:#fff; }
.formTable td .tdBox .txtGuide span.safe { background-color:#324a40; color:#03c75a; }
.formTable td .tdBox .txtGuide span.error,
.formTable td .tdBox .txtGuide span.safe { display:inline-block; }
.formTable td .tdBox .txtGuide button.viewPW { overflow:hidden; max-width:3rem; height:3rem; background:url(../images/sub/icon_eye.png) no-repeat center / 2.6rem auto; color:transparent; }
.formTable td .tdBox .txtGuide button.viewPW.active { background-image:url(../images/sub/icon_eye_on.png); }
.formTable td .inlineCheck .checkStyle { flex-grow:0; flex-shrink:0; flex-basis:auto; }
.formTable td .selectLine ul { display:flex; }
.formTable td .selectLine ul li { flex:1; max-width:14em; padding:0; }
.formTable td .selectLine ul li::before { content:''; position:absolute; left:-1px; top:50%; width:1px; height:1em; margin-top:-.5em; background:#c9c9c9; }
.formTable td .selectLine ul li:first-child::before { display:none; }
.formTable td .drop-zone { max-width:none; height:100%; background:#fff; border:2px dashed #ccc; padding:.875em .75em; cursor:pointer; box-sizing:border-box; text-align:left; color:#343434; }
.formTable td .drop-zone.drag-over { border-color:#007bff; background-color:#e9f5ff; }
.file-item { margin:5px 0; padding:5px; border-bottom:1px solid #ddd; }
.file-item button { margin-left:10px; color:red; cursor:pointer; }
.progress-bar-container { width:100%; background-color:#f3f3f3; border-radius:5px; margin-top:5px; }
.progress-bar { width:0%; height:10px; background-color:#4caf50; border-radius:5px; transition:width 0.2s ease; }
.boardCount { font-size:var(--font-size20); }
.popupArea .boardCount { margin-bottom:2rem; }
.boardCount strong { color:#3373da; font-weight:600; }
.noData { padding:6rem; border-top:1px solid var(--color-submit); text-align:center; font-size:var(--font-size26); font-weight:600; }
.noData .noDataIcon { display:inline-block; width:20.4rem; height:24.4rem; margin-bottom:1.6rem; background:url(../images/sub/icon_nodata.png) no-repeat center top / contain; }
.noData .noDataIcon.iconImg2 { width:21.9rem; height:24rem; margin-bottom:1.6rem; background-image:url(../images/sub/icon_nodata2.png); }
.noData .noDataIcon.iconImg3 { width:9.8rem; height:10.3rem; margin-bottom:1.6rem; background-image:url(../images/sub/icon_nodata3.png); }
.infoTxt { font-size:var(--font-size20); margin:1em 0; }
.noData .infoTxt { display:inline-block; padding:1.5em; border-top:1px solid #d7d7d7; color:#717171; font-size:var(--font-size22); font-weight:400; }
.alertPoint { position:relative; padding-left:1.25em; color:#1c2449; font-size:var(--font-size20); font-weight:600; }
.alertPoint::before { content:'※'; position:absolute; left:0; top:0; }
ol.countList { counter-reset:listNum; }
ol.countList>li { position:relative; padding-left:1.125em; counter-increment:listNum;  }
ol.countList>li::before { content:counter(listNum) '. '; position:absolute; left:0; top:0; }
.searchTopBox { padding:6rem 2.6rem; background: #fff; border:1px solid #c9c9c9; border-radius:1rem; }
.gridLine { display:grid; grid-template-rows:repeat(4, 1fr); grid-template-columns:repeat(2, 1fr); grid-auto-flow:column dense; align-items:center; gap:2.5rem 4.5rem; }
.gridLine.row1 { grid-template-columns:1fr; grid-template-rows:1fr; }
.gridLine.row2 { grid-template-rows:repeat(2, 1fr); }
.gridLine.row1col2 { grid-template-rows:1fr; grid-template-columns:repeat(2, 1fr); }
.gridLine .item { width:100%; }
.gridLine .inputItem { margin-top:-3.3rem; }
.gridLine dl { display:flex; align-items:center; font-size:var(--font-size18); }
.gridLine dt { flex-grow:0; flex-shrink:0; width:4em; font-weight:600; }
.gridLine dd { flex:1; }
.gridLine p { margin-left:4em; font-size:var(--font-size18); }
.gridLine dd>p { margin:0; }
.gridLine dd .radioStyle { font-size:var(--font-size20); }
.gridLine dd .selectList,
.gridLine dd .selectList .box { display:flex; flex-wrap:wrap; align-items:center; gap:1rem; }
.gridLine dd .selectList .box { flex:1; }
.gridLine dd .selectBox,
.gridLine dd .selectList input,
.gridLine dd .inputTxt { flex:1; height:5rem; }
.gridLine p .inputTxt { position:relative; height:5rem; }
.gridLine dd .selectBox select { position:relative; border-color:#919191; z-index:2; }
.gridLine dd .selectList .minWid,
.gridLine dd .minWid .selectBox { flex:0 0 auto; width:auto; }
.gridLine dd .minWid select { padding-right:2em; }
.gridLine dd .selectList input,
.gridLine dd .inputTxt,
.gridLine p .inputTxt { width:100%; max-width:148px; padding:0 .75em; border:1px solid #919191; border-radius:.3rem; }
.gridLine dd .inputTxt,
.gridLine p .inputTxt { max-width:none; }
.infoDateLine { position:relative; max-width:30rem; margin:4.5rem auto 2rem; font-size:var(--font-size26); }
.infoDateLine p.date { text-align:center; color:#000; font-weight:600; }
.infoDateLine ul { display:flex; justify-content:space-between; margin-top:-1.4em; }
.infoDateLine ul button { overflow:hidden; width:4rem; height:4rem; background:url(../images/sub/arrow_prev.svg) no-repeat center / 2rem auto; border:1px solid #c9c9c9; border-radius:50%; text-indent:-10em; }
.infoDateLine ul .btnNext button { transform:rotate(180deg); }
.categoryLine { display:flex; justify-content:space-around; margin-bottom:4rem; gap:2.5rem; }
.categoryLine .item { position:relative; flex-grow:0; flex-shrink:0; width:calc(25% - 2.5rem); padding:3rem 3rem 0; border:1px solid #919191; box-sizing:border-box; border-radius:1.5rem; box-sizing:border-box; }
.categoryLine .item dt { display:inline-block; margin-bottom:2.5rem; padding:.4444em 2.8rem; line-height:1; background:#d9d9d9; border-radius:2em; font-size:var(--font-size18); font-weight:600; }
.categoryLine .item .swiper { overflow:hidden; display:block; }
.categoryLine .item .swiper .swiper-wrapper { padding-bottom:4rem; }
.categoryLine .item dd .unitLine { display:flex; align-items:center; justify-content:space-between; margin-bottom:1em; font-size:var(--font-size20); font-weight:600; }
.categoryLine .item dd .unitLine span.txt { color:#e01f1f; }
.categoryLine .item dd .price { text-align:right; font-size:var(--font-size30); font-weight:800; }
.categoryLine .item dd .price i { font-size:var(--font-size28); font-weight:500; }
.categoryLine .item dd .swiper-pagination { bottom:1rem; }
.categoryLine .item dd .swiper-pagination span { overflow:hidden; width:.8rem; height:.8rem; margin:0 2px; background:#d9d9d9; border-radius:.4rem; opacity:1; }
.categoryLine .item dd .swiper-pagination .swiper-pagination-bullet-active { width:2.2rem; background:#1c2449; }
.listControlBox { margin:4rem 0 10rem; }
.listControlBox ul { display:flex; justify-content:center; gap:1em; }
.listControlBox ul button { width:100%; height:6rem; padding:0 2.4rem; border-radius:.5rem; border:1px solid currentColor; color:#888; font-weight:600; }
.listControlBox ul .add button { color:#5034de; }
.listControlBox ul button i { display:inline-block; position:relative; width:1.5rem; height:1.4rem; margin-right:.4rem; vertical-align:middle; }
.listControlBox ul button i::before,
.listControlBox ul button i::after { content:''; position:absolute; background:currentColor; }
.listControlBox ul button i::before { left:0; top:50%; width:100%; height:2px; transform:translateY(-50%); }
.listControlBox ul .add button i::after { content:''; position:absolute; left:50%; top:0; width:2px; height:100%; transform:translateX(-50%); }
/* mapWrap */
.mapWrap { width:100%; height:69rem; }
.mapWrap .label { position:relative; min-width:4.8rem; height:auto; padding:.2em; background:#5034de; }
.mapWrap .label::after { content:''; position:absolute; left:1em; bottom:-.625em; border-top:.625em solid #5034de; border-left:.5em solid transparent; border-right:.5em solid transparent; }
.mapWrap .label span { display:flex; justify-content:center; align-items:center; min-width:3.2rem; height:3.2rem; padding:0 .25em; background:#fff; font-size:1.6rem; font-weight:600; }
@media screen and (max-width:1120px) {
    .formTable .flexLine { flex-direction:column; align-items:flex-start; }
    .formTable .flexLine .item { flex:1; max-width:none; }
    .formTable .smallBox .item dt { width:7.5em; text-align:left; }
}
@media screen and (max-width: 960px) {
    .tableTop { margin:4rem 0 1rem; }
    .accordionTit { margin:2rem 0 0; padding:0 1rem 2rem; }
    .joinForm .tableTop { display:block; }
    .joinForm .formTit { flex-direction:column; align-items:flex-start; }
    .joinForm .accordionTit .formTit { flex-direction:row; align-items:flex-start; }
    .joinForm .formTit span { display:flex; justify-content:flex-end; width:100%; }
    .tableTop .accordionBtn { top:0rem; right:0; }
    .tableTop .tableBtn ul,
    .farmList .tableBtn ul { justify-content:flex-end; }
    .farmList table.cardTable,
    .farmList table.cardTable tbody,
    .farmList table.cardTable tr,
    .farmList table.cardTable tr td,
    .farmList table.cardTable.cellBorder tr td { display:block; border:none; }
    .farmList table.cardTable tr td.num,
    .farmList table.cardTable thead,
    .moRotateTable thead { display:none; }
    .farmList table.cardTable tr { margin-top:2rem; padding:2.6rem; background:#f3f3f3; border-radius:1.2rem; }
    .farmList table.cardTable tr td { height:auto; padding:.5rem 0; background:transparent; }
    .farmList table.cardTable tr td.farmland { text-align:left; font-size:var(--font-size28); font-weight:600; }
    .farmList table.cardTable tr td div.moRow { display:flex; justify-content:space-between; gap:1em; text-align:left; font-size:var(--font-size24); }
    .farmList table.cardTable tr td div.moRow::before { content:attr(data-motit); color:var(--color-button); white-space:nowrap; }
    .farmList table.cardTable tr td div.cellBtnList { padding:0; }
    .farmList table.cardTable tr td div.cellBtnList ul li { flex:1; }
    .farmList table.cardTable tr td div.cellBtnList ul li button { max-width:none; height:6rem; font-size:1em; }
    .moRotateTable,
    .moRotateTable tbody,
    .moRotateTable tr { display:block; }
    .moRotateTable tbody tr { margin-top:1em; border-top:1px solid var(--color-submit); }
    .moRotateTable tbody tr:first-child { margin-top:0; border-top:none; }
    .moRotateTable tbody tr td:last-child:after { background-color:var(--color-submit); }
    .moRotateTable th,
    .moRotateTable td { position:relative; display:flex; height:auto; border:none !important; }
    .moRotateTable td::before { content:attr(data-motit); display:flex; flex-grow:0; flex-shrink:0; width:25%; padding:.75rem 1.5rem; align-items:center; background:#f3f3f3; box-sizing:border-box; font-size:var(--font-size20); font-weight:600; }
    .moRotateTable td::after { content:''; position:absolute; left:0; bottom:0; width:100%; height:1px; background:#d4d4d9; z-index:2; }
    .moRotateTable tr:last-child>td:last-child::after { display:none; }
    .moRotateTable td.inputCell .selectBox.minWid { width:100%; }
    .moRotateTable td.inputCell .textarea { width:100%; }
    .moRotateTable td.inputCell textarea { padding-left:.75em; padding-right:.75em; }
    .farmList .crossPosition { position:static; margin-top:5rem; }
    .farmList .tableBtn ul { justify-content:center; }
    .formTable .imgList span { display:block; text-align:center; }
    .formTable .imgList span.img { margin-right:0; margin-bottom:1em; }
    .lastRowCheck table tr:first-child th { margin-top:0; }
    .popupArea .popupSearchBox .flexLine { flex-direction:column; gap:1em; }
    .popupSearchBox .flexLine dt { margin-left:0; }
    .flexLine .TCenter ul { flex-direction:column; align-items:flex-start; margin-left:2em;}
    .moCellTable,
    .moCellTable thead,
    .moCellTable tbody,
    .viewCaption caption { display:block; }
    .moCellTable tbody tr { display:flex; flex-wrap:wrap; }
    .moCellTable tbody tr th,
    .moCellTable tbody tr td { flex-grow:0; flex-shrink:0; height:auto; min-height:6rem; }
    .moCellTable tbody tr th { display:flex; justify-content:left; align-items:center; width:25%; padding:.75rem 1.5rem; text-align:left; }
    .moCellTable tbody tr th span { display:block; flex:1; min-width:0; }
    .moCellTable tbody tr td { width:75%; }
    .moCellTable tbody tr .BorderBottomNone { border-bottom:1px solid #c9c9c9 !important;  }
    /* table image view */
    .formTable .imgViewWrap { display:block; padding:.75rem; }
    .formTable .imgViewWrap .imgViewBox { display:none; }
    .formTable .imgViewWrap .imgViewThumbs { width:100%; grid-template-columns:repeat(2, 1fr); grid-template-rows:repeat(auto-fill, minmax(10rem, 20rem)); }
    .formTable .imgViewWrap.oneView .imgViewThumbs { display:block; }
    .formTable .imgViewWrap .imgViewThumbs button { max-width:none; height:auto; max-height:20rem; }
    /* board search area */
    .searchTopBox { padding:0; border:none; }
    .gridLine { display:flex; flex-direction:column; align-items:flex-start; }
    .gridLine.row1col2 { margin-top:1em; }
    .gridLine .inputItem { margin-top:-1rem; }
    .gridLine dl { flex-direction:column; align-items:flex-start; gap:1rem; }
    .gridLine dt,
    .gridLine dd { width:100%; }
    .gridLine .inputItem p { margin:0; }
    .gridLine dd .selectList { flex-direction:column; align-items:flex-start; }
    .gridLine dd .selectList .box { overflow:hidden; width:100%; gap:0; border-radius:.3rem; }
    .gridLine dd .selectList .minWid,
    .gridLine dd .minWid .selectBox,
    .gridLine dd .minWid div { flex:1; width:100%; background:#f3f3f3; }
    .gridLine dd .selectBox::before { content:''; position:absolute; left:0; top:50%; width:1px; height:1.25em; margin:-.625em 0 0 -1px; background:#919191; z-index:2; }
    .gridLine dd .selectBox select { background:#f3f3f3; border:none; border-radius:0; }
    .gridLine dd .selectBox::after { background-image:url(../images/sub/arrow_select.svg); }
    .gridLine .boxCheckList { display:flex; }
    .gridLine .boxCheckList>li { max-width:none;}
    .gridLine dd .selectList input { max-width:none; background:transparent; border:none; }
    .gridLine dd .selectList .radioList { display:flex; margin-left:1em; gap:2em; }
    /* 도매가 정보 */
    .categoryLine { flex-wrap:wrap; }
    .categoryLine .item { flex:0 0 calc(50% - 2.5rem); }
}
@media screen and (max-width: 767px) {
    .moRowTable,
    .moRowTable thead,
    .moRowTable tbody,
    .moRowTable tr,
    .moRowTable th,
    .moRowTable td { display:block; width:100%; border:none; }
    .moRowTable.lastRowCheck tr { position:relative; }
    .moCellTable.lastRowCheck tr { position:relative; }
    .moRowTable.lastRowCheck th,
    .moRowTable.lastRowCheck td.inputCell { height:auto; }
    .moRowTable.lastRowCheck td.inputCell input,
    .moRowTable.lastRowCheck td.inputCell .selectBox,
    .moRowTable.lastRowCheck td.inputCell .formText { width:calc(100% - 3em); margin-right:3em; box-sizing:border-box; }
    .moRowTable.lastRowCheck td.inputCell .tdBox .selectBox { width:100%; margin-right:0; }
    .moRowTable.lastRowCheck td.inputCell .selectLine ul { overflow:hidden; flex-wrap:wrap; }
    .moRowTable.lastRowCheck td.inputCell .selectLine .selectBox { flex:0 0 auto; width:50%; margin-right:0; }
    .moRowTable.lastRowCheck td.inputCell .selectLine ul li:last-child.selectBox { width:calc(50% - 3em); margin-right:3em; }
    .moRowTable.lastRowCheck td.inputCell .lastCell { margin-right:3em; }
    .moRowTable.lastRowCheck td.inputCell .tdBox input,
    .moRowTable.lastRowCheck td.inputCell .tdBox .selectBox { margin-right:0; }
    .formTable td .tdBox.inlineList input { width:auto; margin-right:0; }
    .moRowTable.lastRowCheck td.inputCell input.w100 { width:100%; margin-right:0; }
    .moRowTable th { display:flex; align-items:center; height:auto; margin:4rem 0 2rem; background:#fff; text-align:left; }
    .moRowTable tr:first-child th { margin-top:0; }
    .moRowTable td { height:auto; background:#f3f3f3; }
    .formTable td .rowText { flex-direction:column; }
    .formTable td .minWid { display:flex; flex-direction:row; }
    .formTable td .tdBox.minWid .radioStyle,
    .formTable td .tdBox.minWid .checkStyle { flex:1; }
    .formTable td .tdBox .pointTxt { padding:0 .75em .5em; }
    .formTable td .selectLine ul li,
    .moRowTable td .selectLine ul li { max-width:none; }
    .moRowTable td.rowCheck,
    .moCellTable td.rowCheck { display:flex; justify-content:center; align-items:center; position:absolute; right:0; bottom:0; height:5rem;}
    .moRowTable td.rowCheck.fileRow { bottom:auto; top:3.5em; right:2px; }
    .formTable td.rowCheck { width:5rem; }
    .btmCheckbox { margin-left:1.5rem; margin-right:1.5rem; }
    .formTable .imgViewWrap .imgViewThumbs button { max-height:30rem; }
}
@media only screen and (max-width:520px) {
    .lastRowCheck tr:first-child th { display:flex; align-items:flex-end; margin-bottom:1em; }
    .rightArea { position:static; margin-bottom:-1em; }
    .joinForm .formTit strong { font-size:var(--font-size26); }
    .formTable .imgViewWrap .imgViewThumbs { grid-template-columns:1fr; }
    .categoryLine .item { flex-basis:100%; }
}
/* gridTableWrap */
.gridTableWrap {}
.gridTableWrap .gridItem { display:grid; margin-top:3rem; grid-template-columns:10rem repeat(5, 1fr); grid-template-areas:"th1_1 th1_2 th1_3 th1_4 th1_5 th1_6" "th2_1 th2_2 th2_3 th2_4 th2_5 th2_6" "td1_1 td1_2 td1_3 td1_4 td1_5 td1_6" "td2_1 td2_2 td2_3 td2_4 td2_5 td2_6"; border-top:1px solid var(--color-submit); border-bottom:1px solid var(--color-submit); }
.gridTableWrap .gridItem:first-child { margin-top:0; }
.gridItem .th1_1 { grid-area:th1_1; }
.gridItem .th1_2 { grid-area:th1_2; }
.gridItem .th1_3 { grid-area:th1_3; }
.gridItem .th1_4 { grid-area:th1_4; }
.gridItem .th1_5 { grid-area:th1_5; }
.gridItem .th1_6 { grid-area:th1_6; }
.gridItem .th2_1 { grid-area:th2_1; }
.gridItem .th2_2 { grid-area:th2_2; }
.gridItem .th2_3 { grid-area:th2_3; }
.gridItem .th2_4 { grid-area:th2_4; }
.gridItem .th2_5 { grid-area:th2_5; }
.gridItem .th2_6 { grid-area:th2_6; }
.gridItem .td1_1 { grid-area:td1_1; }
.gridItem .td1_2 { grid-area:td1_2; }
.gridItem .td1_3 { grid-area:td1_3; }
.gridItem .td1_4 { grid-area:td1_4; }
.gridItem .td1_5 { grid-area:td1_5; }
.gridItem .td1_6 { grid-area:td1_6; }
.gridItem .td2_1 { grid-area:td2_1; }
.gridItem .td2_2 { grid-area:td2_2; }
.gridItem .td2_3 { grid-area:td2_3; }
.gridItem .td2_4 { grid-area:td2_4; }
.gridItem .td2_5 { grid-area:td2_5; }
.gridItem .td2_6 { grid-area:td2_6; }
.gridTableWrap .gridItem .thStyle,
.gridTableWrap .gridItem .tdStyle { display:flex; justify-content:center; align-items:center; height:6rem; padding:1rem; border-left:1px solid #d4d4d9; border-bottom:1px solid #d4d4d9; box-sizing:border-box; font-size:var(--font-size18); }
.gridTableWrap .gridItem .th1_1,
.gridTableWrap .gridItem .th2_1,
.gridTableWrap .gridItem .td1_1,
.gridTableWrap .gridItem .td2_1 { border-left:none; }
.gridTableWrap .gridItem dt { background:var(--color-thead); }
.gridTableWrap .gridItem input { width:100%; height:2em; padding:0 .5rem; background:var(--color-thead); border:none; font-size:1em; }
.gridTableWrap .gridItem dt input { background:#fff; }
@media only screen and (max-width:960px) {
    .gridTableWrap .gridItem { grid-template-columns:20rem 1fr; grid-template-areas:"th1_1 td1_1" "th2_1 td2_1" "th1_2 td1_2" "th1_3 td1_3" "th1_4 td1_4" "th1_5 td1_5" "th1_6 td1_6" "th2_2 td2_2" "th2_3 td2_3" "th2_4 td2_4" "th2_5 td2_5" "th2_6 td2_6"; }
    .gridTableWrap .gridItem .thStyle,
    .gridTableWrap .gridItem .tdStyle { padding-left:2rem; padding-right:2rem; border-left:none; justify-content:flex-start; }
}
/* pageNav */
.pageNav { margin-top:7rem; }
.pageNav ul { display:flex; justify-content:center; align-items:center; gap:2rem; }
.pageNav ul li { color:#c9c9c9; font-size:var(--font-size24); font-weight:600; }
.pageNav ul .pageBtn { margin:0 1rem; }
.pageNav ul li a { display:block; }
.pageNav ul strong { color:var(--color-strong); font-weight:600; }
.pageNav ul .pageBtn a { overflow:hidden; width:4rem; height:4rem; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='14'%3E%3Cpath fill='%23343434' d='M6.53642 13.7487C6.7889 14.0486 7.23575 14.0884 7.53832 13.8381C7.8409 13.5877 7.88098 13.1447 7.6285 12.8447C7.60044 12.8129 7.57038 12.7811 7.53832 12.7553L2.42661 7.68139H19.3227C19.7155 7.66152 20.018 7.32776 19.998 6.93838C19.978 6.57681 19.6874 6.28874 19.3227 6.26888H2.42661L7.54634 1.2009C7.81485 0.92277 7.81485 0.485705 7.54634 0.207573C7.26981 -0.0665867 6.82296 -0.0665867 6.54644 0.207573L0.212405 6.48542C-0.0641204 6.74965 -0.0721356 7.18671 0.194371 7.46087C0.200382 7.46683 0.206394 7.47279 0.212405 7.47875L6.53642 13.7487Z'/%3E%3C/svg%3E") no-repeat center / 2rem auto; border:1px solid #c9c9c9; box-sizing:border-box; border-radius:50%; text-indent:-999em; }
.pageNav ul .pageBtn.next a { transform:rotate(180deg); }
/* login */
.loginWrap { padding:20rem 2% 20rem; }
.loginArea { max-width:640px; margin:0 auto; }
.loginArea .topTit { text-align:center; }
.loginArea .topTit h3 { font-size:4.6rem; line-height:1; }
.loginArea .topTit p { margin-top:3.6rem; font-size:var(--font-size20); font-weight:600; line-height:3rem; }
.loginForm .inputGroup { margin:2.5em 0; }
.loginForm .formItem { position:relative; margin:2rem 0; font-size:var(--font-size18); }
.loginForm .formItem label { position:absolute; top:4.2rem; left:4.6rem; padding:0 .5rem; color:#919191; background:#F3F3F3; transform:translateY(-50%); transition:all 0.3s ease; pointer-events:none; }
.loginForm .formItem input { width:100%; padding:2.8rem 1.6rem 3rem 5rem; background:#F3F3F3 no-repeat left 1.6rem center; background-size:2.4rem; border-radius:.3rem; border:1px solid transparent; box-sizing:border-box; }
.loginForm .formItem input:focus { border:1px solid #000; outline:none; }
.loginForm .formItem input[type="text"] { background-image:url(../images/sub/icon_login_id.png);}
.loginForm .formItem input[type="password"] { background-image:url(../images/sub/icon_login_pass.png);}
.loginForm .formItem.focused label { top:0; left:1.6rem; font-size:var(--font-size14); background-image:none; }
.loginForm .formItem.focused label i { display:none; }
.loginForm .btnFind { display:flex; justify-content:space-between; align-items:center; }
.loginForm .btnFind .checkStyle label { font-size:var(--font-size20); }
.loginForm .btnFind .checkStyle input[type="checkbox"]:checked + label::before { background:var(--color-point); border-color:var(--color-point); }
.loginForm .btnFind .find { display:flex; }
.loginForm .btnFind .find li { position:relative; margin-left:1em; padding-left:1em; }
.loginForm .btnFind .find li::before { content:''; position:absolute; top:50%; left:0;width:1px;height:1em;margin-top: -.5em;background: #919191;}
.loginForm .btnFind .find li:first-child::before { display:none; }
.loginForm .btnFind .find li a {display: block;font-size: var(--font-size20);color: #919191;}
.loginForm .btnLogin {margin-top: 2.5em;}
.loginForm .btnLogin a,
.loginForm .btnLogin button {display: block;width: 24rem;margin: 2rem auto;font-size: var(--font-size20);color: var(--color-point);line-height: 3em;text-align: center;border-radius: .1875em;}
.loginForm .btnLogin .point {background: var(--color-point);color: #fff;}
/* find id */
.tabBtn { display:flex; }
.tabBtn li { flex:1; }
.tabBtn li a { display:block; padding:.625em 0; text-align:center; border-bottom:8px solid #C9C9C9; }
.tabBtn li a span { font-size:var(--font-size24); color:#919191; font-weight:600; }
.tabBtn li .active {border-color:var(--color-point); }
.tabBtn li .active span { color:var(--color-point); }
.loginArea .tabBtn { margin-top:4rem; }
.findForm .infoTxt {font-weight:600; text-align:center; color:#343434; }
.findForm dl { margin-top:2.5em;}
.findForm dl dt {margin-bottom:.75em;}
.findForm dl dt label {font-size:var(--font-size20);font-weight:600; text-align:center; color:#343434;}
.findForm dl dd input {width: 100%;font-size: var(--font-size20);color:#343434;padding: 2.8rem 2rem;background: #F3F3F3;border-radius: .3rem;border: 1px solid transparent;box-sizing: border-box;}
.findForm dl dd input::placeholder { color:#919191;}
.findForm dl dd input:focus { border:1px solid #000; outline:none; }
.findForm dl dd .certifi { display:flex; gap:.625em; }
.findForm dl dd .certifi>p { flex-grow:1; position:relative; }
.findForm dl dd .certifi>p input { background:#fff; border-color:var(--color-point);}
.findForm dl dd .certifi>p span {position:absolute;top: 50%;right: 2rem;transform: translateY(-50%);font-size: var(--font-size20);font-weight: 600;color: var(--color-point);}
.findForm dl dd .certifi>button { flex-shrink:0; width:16.6rem; border-radius: .3rem;font-size:var(--font-size20);font-weight:600; color:#fff;background:var(--color-point);}
.findForm .btnBox { margin-top:8rem; }
.findForm .resultTxt { margin-top:4rem; font-size:var(--font-size26); font-weight:800; text-align:center; }
.findForm .resultTxt strong { color:var(--color-point); }
.findForm .btnBox.col1 { max-width:24rem; margin-top:8rem; }
@media only screen and (max-width:960px) {
	.loginWrap { padding:6rem 2% 0; }
	.findForm .btnBox { max-width:none; }
}
/* 통합검색 */
.siteSearchWrap .header { background:#fff; }
.siteSearchWrap .header .headWrap { border-bottom:1px solid #e3e3e3; }
.siteSearchWrap .header .logo a { background-image:url(../images/common/logo_bk.png); }
.siteSearchWrap .header .btnSearch a { background-image:url(../images/common/btn_search_bk.png); }
.siteSearchWrap .header .btnSitemap i,
.siteSearchWrap .header .btnMoGnb i,
.siteSearchWrap .header .btnSitemap i::before,
.siteSearchWrap .header .btnSitemap i::after,
.siteSearchWrap .header .btnMoGnb i::before,
.siteSearchWrap .header .btnMoGnb i::after { background:#000; }
.siteSearchWrap .header .gnb .gnbList>li>a { color:#000; }
.siteSearchWrap .header .btnLogin button { background-image:url(../images/common/icon_login_bk.png); }
.siteSearchWrap .header .btnLogout button { background-image:url(../images/common/icon_logout_bk.png); }
.siteSearchWrap .header.active .headWrap { border:none; }
.siteSearchWrap .pageTopWrap { padding-top:10.75em; }
.siteSearchWrap .pageTopWrap h3.pageTit { padding-bottom:0; background:none; }
.searchForm { max-width:1200px; margin:8rem auto; }
.searchForm .searchBox { display:flex; align-items:center; max-width:728px; margin:0 auto; padding:0 2em; border:1px solid #5034de; box-sizing:border-box; border-radius:3em; }
.searchForm .searchBox input { flex-grow:1; height:6rem; padding:0 .5rem; background:transparent; font-size:var(--font-size22); font-weight:500; border:none; }
.searchForm .searchBox button { flex-shrink:0; width:1.625em; height:1.625em; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='32px' height='33px'%3E%3Cpath fill-rule='evenodd' fill='rgb(80, 52, 222)' d='M31.712,30.270 L29.287,32.434 L19.926,22.911 C17.973,24.241 15.615,25.021 13.074,25.021 C6.347,25.021 0.893,19.570 0.893,12.848 C0.893,6.124 6.347,0.673 13.074,0.673 C19.800,0.673 25.255,6.124 25.255,12.848 C25.255,15.860 24.154,18.611 22.341,20.736 L31.712,30.270 ZM13.073,3.942 C8.151,3.942 4.161,7.930 4.161,12.849 C4.161,17.768 8.151,21.755 13.073,21.755 C17.994,21.755 21.985,17.768 21.985,12.849 C21.985,7.930 17.994,3.942 13.073,3.942 Z'/%3E%3C/svg%3E") center no-repeat; background-size:contain; color:transparent; }
.searchForm .resultCount { margin-top:8rem; }
.searchForm .resultCount p { font-size:var(--font-size32); text-align:center; letter-spacing:-.01em; word-break:keep-all; }
.searchForm .resultCount p br { display:none; }
.searchForm .resultCount strong { color:#5034de; }
.searchTabNav { margin:8rem 0; }
.searchTabNav > p { display:none; }
.searchTabNav .tabList ul { display:flex; justify-content:center; align-items:center; gap:.5em; }
.searchTabNav .tabList ul li a { display:block; position:relative; padding:.75em 1.5em; background:#fff; border:1px solid; border-radius:1.7em; line-height:1.11111; color:var(--color-point); font-size:var(--font-size20); font-weight:500; letter-spacing:-.025em; }
.searchTabNav .tabList ul li.active a { background:var(--color-point); color:#fff; font-weight:700; }
.searchTabNav .tabList ul li.active a:focus { outline:2px dashed #000; }
.searchResult { max-width:1200px; margin:0 auto; padding:0 0 1.75em; border-top:1px solid var(--color-point); }
.searchResult .searchPost { position:relative; padding:3em 0; border-bottom:1px solid #d4d4d4; }
.searchResult .searchPost.more { padding-bottom:4.5em; }
.searchResult h4 { margin-bottom:1em; font-size:var(--font-size26); font-weight:500; }
.searchResult h4 b { color:var(--color-point); font-weight:500; }
.searchResult .btnMore { position:absolute; bottom:-1.75em; left:50%; width:14em; margin-left:-7em; background:#fff; border:1px solid var(--color-point); border-radius:5em; box-sizing:border-box; text-align:center; z-index:1; }
.searchResult .btnMore a { display:block; }
.searchResult .btnMore span { display:inline-block; vertical-align:middle; font-size:var(--font-size20); font-weight:500; color:var(--color-point); line-height:2.6em; letter-spacing:-.01em; }
.searchResult .btnMore i { display:inline-block; vertical-align:middle; position:relative; width:1.6rem; height:1.6rem; margin-top:-2px; margin-left:.8rem; }
.searchResult .btnMore i::before,
.searchResult .btnMore i::after { content:''; position:absolute; top:50%; left:0; width:100%; height:2px; background:var(--color-point); }
.searchResult .btnMore i::after { transform:rotate(90deg); }
.searchResult .resltMenu li { position:relative; margin-top:1.75em; padding-left:.875em; }
.searchResult .resltMenu li:first-child { margin-top:0; }
.searchResult .resltMenu li::before,
.searchResult .resltList li::before { content:''; position:absolute; top:1.25rem; left:0; width:.4rem; height:.4rem; background:var(--color-point); border-radius:50%; }
.searchResult .resltMenu li a { display:block; }
.searchResult .resltMenu li span { display:inline-block; font-size:var(--font-size20); font-weight:500; color:var(--color-point); letter-spacing:-.01em; border-bottom:1px solid #3152bd; }
.searchResult .resltMenu li a[target="_blank"] span { padding-right:2rem; background:url(../images/sub/icon_blank.png) no-repeat right center; background-size:1.25rem auto; }
.searchResult .resltList li { position:relative; margin-top:2.75em; padding-left:.875em; }
.searchResult .resltList li:first-child { margin-top:0; }
.searchResult .resltList li a,
.searchResult .resltList li span { display:block; }
.searchResult .resltList li .tit { overflow:hidden; font-size:var(--font-size20); font-weight:500; color:var(--color-point); letter-spacing:-.01em; display:-webkit-box; max-height:3em; -webkit-line-clamp:2; -webkit-box-orient:vertical; white-space:pre-wrap; }
.searchResult .resltList li .txt { overflow:hidden; margin-top:.75em; font-size:var(--font-size18); line-height:1.444; text-overflow:ellipsis; white-space:nowrap; letter-spacing:-.01em; }
.searchResult .resltList li .txt em { font-weight:500; color:var(--color-point); }
.searchResult .resltList li .txt.row { display:-webkit-box; max-height:4.5em; -webkit-line-clamp:3; -webkit-box-orient:vertical; white-space:pre-wrap; }
@media only screen and (max-width:960px) {
	.searchForm,
    .searchResult,
    .searchTabNav { margin:2em 1em; }
    .searchForm .resultCount p br { display:block; }
    .searchTabNav .tabList ul { flex-wrap:wrap; justify-content:flex-start; }
    .searchResult .btnMore i { width:.875em; }
	.searchResult .btnMore i::before, 
	.searchResult .btnMore i::after { height:1px; }
    .searchResult .btnMore i::after { width:.875em; }
	.searchForm .resultCount { margin-top:2em; }
	.searchForm .resultCount p { font-size:var(--font-size24); }
}
@media only screen and (max-width:560px) {
    .searchTabNav .tabList ul { flex-direction:column; align-items:stretch;  }
    .searchTabNav .tabList ul li { flex:1; }
}

/* print */
@media print {
    body{
        width:210mm;
        height:297mm;
        margin:0;
   } 
    .header,
    .footerWrap,
    .subFunc,
    .satisfactionWrap { display:none; }
    #container { margin:0 auto; }
    #contentGroup { padding:0; }
    * { -webkit-print-color-adjust: exact; print-color-adjust: exact; }
}