@charset "utf-8";
/*
	FIS 식품산업통계정보 COMMON STYLE
    WRITER : Kim Cheonhyun
	Last Modify Date : 2021. 09. 15.
*/

/* layout */
::placeholder { color:inherit; }
:root {
    /* size */
    --font-size32:3.2rem;
    --font-size30:3rem;
    --font-size28:2.8rem;
    --font-size26:2.6rem;
    --font-size24:2.4rem;
    --font-size22:2.2rem;
    --font-size20:2rem;
    --font-size19:1.9rem;
    --font-size18:1.8rem;
    --font-size17:1.7rem;
    --font-size16:1.6rem;
    --font-size14:1.4rem;
    --color-cancel:#fff;
    --color-submit:#1c2449;
    --color-point:#5034de;
    --color-red:#e01f1f;
    --color-strong:#3373DA;
    --color-button:#919191;
    --color-thead:#f3f3f3;
    --color-eco:#077c44;
    --color-gap:#f56700;
    --color-other:#0943a1;
    --color-border:#c9c9c9;
}
body.popOpen { overflow:hidden; }
#wrap { position:relative; width:100%; }
/* headerWrap */
#headerWrap { overflow:hidden; position:fixed; left:0; right:0; top:0; width:100%; z-index:20; }
#headerWrap .header { overflow:hidden; position:relative; margin:0 auto; z-index:21; transition:all 0.3s ease-out; }
.header .logo { position:absolute; left:2.1875%;/*53/1920*/ top:3.6rem; z-index:2; }
.header .logo a { display:block; overflow:hidden; max-width:318px; height:1.7em; padding:.25em 0 0 2.75em; background:url(../images/common/lg_at.png) no-repeat center left / auto 1.7em; box-sizing:border-box; color:#000; font-size:var(--font-size20); font-weight:700; }
.header .utilWrap { display:flex; justify-content:space-between; align-items:center; position:absolute; right:1.979166%; top:3.6rem; z-index:2; }
.header .utilWrap .util { display:flex; align-items:center; }
.header .utilWrap .util li { display:inline-block; position:relative; }
/*.header .utilWrap .util a { display:block; padding:1rem .5em; line-height:1.6; color:#fff; font-weight:600; }*/
.header .utilWrap .util a { display:block; box-sizing:content-box; }
.header .utilWrap .util a.login { overflow: hidden; width: 25px; height: 1.75em; padding:0.5em; background:url(../images/common/icon_user.png) no-repeat 50% 50%; background-size:auto 1.75em; text-indent:-999px; }
.header .utilWrap .util a.logout { overflow: hidden; width: 25px; height: 1.75em; padding:0.5em; background:url(../images/common/icon_logout.png) no-repeat 50% 50%; background-size:auto 1.5625em; text-indent:-999px; }
.header .utilWrap .searchBtn { width:5.2rem; height:3.6rem; }
.header .utilWrap .searchBtn a { display:block; }
.header .utilWrap .searchBtn a,
.header .utilWrap .searchBtn button { overflow:hidden; width:100%; height:100%; background:url("../images/common/btn_search_top.png") center no-repeat; background-size:2.6rem auto; text-indent:-999px; }
.header .utilWrap .siteMapBtn { width:5.2rem; height:3.6rem; }
.header .utilWrap .siteMapBtn button { position:relative; color:#000; }
.header .utilWrap .siteMapBtn button::before,
.header .utilWrap .siteMapBtn button::after { content:''; display:block; position:absolute; top:50%; left:50%; width:2.8rem; height:.2rem; margin-left:-1.4rem; background:currentColor; }
.header .utilWrap .siteMapBtn button::before { margin-top:-.1rem; }
.header .utilWrap .siteMapBtn button::after { margin-top:-1.1rem; box-shadow:0 2rem 0 currentColor; }
.header .btnMoGnb { position:relative; }
.header .btnMoHead { display:none; }
.header .siteMapBtn button,
.header .btnMoGnb button,
.header .btnMoHead .searchBtn a,
.header .btnMoHead .searchBtn button { overflow:hidden; display:block; width:100%; height:100%; text-indent:-999px; }
.header .btnMoHead .searchBtn a,
.header .btnMoHead .searchBtn button { background:url(../images/common/btn_search_top.png) no-repeat center / 2.5rem auto; }
.header .gnbWrap { position:relative; padding:0 20rem 0 36rem;/*320/400/1920*/ }
#headerWrap.active .header .gnbWrap::after { content:''; position:absolute; top:7.5em; left:0; width:100%; height:1px; background:#dcdcdc; }
.header .gnb .util,
.header .gnb .site,
.header .gnb .moGnbClose { display:none; }
.header .gnbList { overflow:hidden; display:flex; justify-content:center; margin:0 auto; z-index:2; }
.active .header .gnbList::after { content:''; position:absolute; left:0; top:30.5em; width:50%; height:8.25em; margin-left:-26em; background:url(../images/common/bg_gnb.png) no-repeat right center; pointer-events:none; }
.header .gnbList>li.gnb06 { display:none; }
.header .gnbList>li { padding:0 1.375em; }
.header .gnbList>li>a { display:block; position:relative; padding:2.35em .4em; text-align:center; font-weight: 500; font-size:var(--font-size20); white-space:nowrap; }
.header .gnbList>li>a:hover,
.header .gnbList>li>a:focus,
.header .gnbList>li>a:active { text-decoration:none; }
.header .gnbList>li.active>a { color:#5034de !important; font-weight: 700; }
.header .gnbList>li.active>a:after { content:''; position:absolute; left:0.4em; top:50%; width:calc(100% - 0.8em); height:2px; margin-top:0.9em; background:#5034de; }
.header .gnbList li .subMenu { display:none; position:absolute; left:0; right: 0; width:100%; max-width:1280px; margin:0 auto; padding-top:3em; padding-bottom:1em; box-sizing:border-box; letter-spacing:-.05em; }
.header .gnbList li.active .subMenu { display: flex; }
.header .gnbList li.active .subMenu::before { content:''; position: absolute; top: 0; left:22.96875%; width: 1px; height: 100%; min-height:40em; background:#d6d6d6; }
.header .gnbList li .subMenu .titArea { flex-shrink:0; width:22.96875%; margin-right: 4%; border-right:1px solid #d6d6d6; }
.header .gnbList li .subMenu .titArea h3 { margin-bottom:0.2353em; font-weight: 900; font-size:3.4rem; }
.header .gnbList li .subMenu>ul { flex-grow:1; display:flex; flex-wrap:wrap; }
.header .gnbList li .subMenu>ul>li { display:block; width:calc(33.33333% - 3.75em); margin:0 1.875em 2.25em; vertical-align:top; }
.header .gnbList li .subMenu>ul>li>a { display:block; color:#010000; font-weight:700; font-size:var(--font-size18); }
.header .gnbList li .subMenu>ul>li>a:hover,
.header .gnbList li .subMenu>ul>li>a:focus { color: #5034de; text-decoration:none; }
.header .gnbList li .subMenu>ul>li>a .txt { display: block; margin-top: 0.75em; padding-top:1.125em; border-top: 1px solid #d6d6d6; color: #000; word-break:keep-all; font-weight: 400; font-size:var(--font-size16); }
.header .gnbList li .subMenu ul ul { display: none; }
.header .gnbList li .subMenu ul ul li { margin:5px 0; }
.header .gnbList li .subMenu ul ul a { color:#444; font-size:var(--font-size17); }
/* searchPop */
.searchPop,
.sitemapWrap,
.editPop { display:none; position:fixed; left:0; top:0; right:0; bottom:0; width:100%; background-color:rgba(000,000,000,0.6); z-index:30; }
.sitemapWrap { overflow-y:auto; }
.searchPop .popupInner,
.sitemapWrap .popupInner { background:#fff; }
.editPop .popupSeInner { display:table; position:relative; table-layout:fixed; width:100%; height:100%; }
.editPop .popupSeInner .popContainer { display:table-cell; height:100%; text-align:center; vertical-align:middle; background:transparent; }
.editPop .popupSeInner .formBox { display:inline-block; position:relative; padding:3em; background:#fff; }
/* gnbPop */
.sitemapWrap p.logo { display:flex; overflow:hidden; align-items:center; max-width:318px; height:10.8rem; margin-left:1em; padding:0 0 0 2.75em; background:url(../images/common/lg_at.png) no-repeat center left / auto 1.7em; box-sizing:border-box; color:#343434; font-size:var(--font-size20); font-weight:700; }
.sitemapWrap .util { position:absolute; right:9em; top:0; }
.sitemapWrap .util li { display:inline-block; position:relative; margin-right:-4px; padding:2.5em 0; }
.sitemapWrap .util li:after { content:''; position:absolute; left:0; top:50%; width:1px; height:.875em; margin-top:-.4em; background:#424242; }
.sitemapWrap .util li:first-child:after { display:none; }
.sitemapWrap .util li a { display:block; padding:0 .5rem; line-height:1.75; }
.sitemapWrap .gnbAll { max-width:1110px; margin:.5rem auto; padding:0 1.6rem; }
.sitemapWrap .gnbAll>ul { display:grid; grid-template-columns:repeat(4, 1fr); width:100%; padding-bottom:5em; }
.sitemapWrap .gnbAll>ul>li a { display:block; }
.sitemapWrap .gnbAll>ul>li>a { position:relative; padding:0 .66666em; font-size:var(--font-size24); font-weight:700; }
.sitemapWrap .gnbAll>ul>li>a:after { content:''; position:absolute; left:0; top:50%; width:.4rem; height:3rem; margin-top:-1.4rem; background:#4327ad; }
.sitemapWrap .gnbAll>ul div { display:block !important; }
.sitemapWrap .gnbAll>ul div h3 { display:none; }
.sitemapWrap .gnbAll>ul div ul { margin-left:1.6rem;}
.sitemapWrap .gnbAll>ul div>ul>li { margin:2rem 0; }
.sitemapWrap .gnbAll>ul div>ul>li>a { position:relative; padding-left:1.2rem; font-size:var(--font-size18); }
.sitemapWrap .gnbAll>ul div>ul>li>a .txt { display:none; }
.sitemapWrap .gnbAll>ul div>ul>li>a:after { content:''; position:absolute; left:0; top:.8rem; width:.277777em; height:.277777em; background:#000; border-radius:50%; }
.sitemapWrap .gnbAll>ul ul ul a { margin:.5em 0; color:#666; font-size:var(--font-size18); font-weight:300; }
.sitemapWrap p.sitemapClose,
.searchPop p.btnClose { position:absolute; right:0; top:0; }
.sitemapWrap p.sitemapClose button { overflow:hidden; width:10.8rem; height:10.8rem; background:#4327ad; text-indent:-999px; }
.searchPop p.btnClose button { overflow:hidden; width:10.8rem; height:10.8rem; text-indent:-999px; }
.sitemapWrap p.sitemapClose button:before,
.searchPop p.btnClose button:before,
.sitemapWrap p.sitemapClose button:after,
.searchPop p.btnClose button:after { content:''; position:absolute; left:50%; top:50%; width:1.75em; height:3px; margin-top:-2px; margin-left:-.875em; background:#fff; }
.searchPop p.btnClose button:before,
.searchPop p.btnClose button:after { background:#000; }
.sitemapWrap p.sitemapClose button:before,
.searchPop p.btnClose button:before { transform:rotate(45deg); }
.sitemapWrap p.sitemapClose button:after,
.searchPop p.btnClose button:after { transform:rotate(135deg); }
/* searchPop */
.searchPop .search { max-width:710px; margin:0 auto; padding:6.75em 1em 1em; }
.searchPop h3 { margin-bottom:1.75em; font-size:2.5em; font-weight:300; }
.searchPop h3 b { font-weight:700; }
.searchPop .txt { position:relative; padding-right:2.2em; border-bottom:2px solid #000; font-size:1.25em; }
.searchPop .txt input { width:100%; height:3.2em; border:none; text-indent:.25em; color:#666; font-weight:300; }
.searchPop .txt button { overflow:hidden; position:absolute; right:0; top:0; width:2.2em; height:3.2em; background:url(../images/common/btn_search2.png) center no-repeat; background-size:1.7em auto; text-indent:-999px; }
.searchPop .searchKey { padding:2em 0; }
.searchPop .searchKey h4 { padding:.625em 0; }
.searchPop .prlrSearch {}
.searchPop .searchKey li { display:inline-block; margin-right:1em; }
.searchPop .searchKey li a { color:#666; font-size:14px; font-weight:300; }
/* 상단 활성화시 스타일 */
.cover .header .logo a,
.active .header .logo a { background-image:url(../images/common/lg_at_on.png); color:#343434; }
.cover .header .utilWrap .util a,
.active .header .utilWrap .util a { color:#343434; }
.cover .header .utilWrap .searchBtn a,
.active .header .utilWrap .searchBtn a,
.cover .header .utilWrap .searchBtn button,
.active .header .utilWrap .searchBtn button { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='22'%3E%3Cpath fill='%233434334' d='M20.513,19.658 L18.820,21.169 L13.284,15.522 C11.921,16.450 10.276,16.994 8.502,16.994 C3.806,16.994 -0.001,13.188 -0.001,8.496 C-0.001,3.802 3.806,-0.003 8.502,-0.003 C13.198,-0.003 17.006,3.802 17.006,8.496 C17.006,10.599 16.237,12.520 14.970,14.004 L20.513,19.658 ZM8.502,2.279 C5.066,2.279 2.280,5.063 2.280,8.497 C2.280,11.930 5.066,14.714 8.502,14.714 C11.937,14.714 14.723,11.930 14.723,8.497 C14.723,5.063 11.937,2.279 8.502,2.279 Z'/%3E%3C/svg%3E"); }
.active .header .utilWrap .siteMapBtn a,
.cover .header .utilWrap .siteMapBtn a,
.active .header .utilWrap .siteMapBtn button,
.cover .header .utilWrap .siteMapBtn button { color:#343434; }
.cover .header .gnbList>li>a,
.active .header .gnbList>li>a { color:#343434; font-weight:500; }
.cover .header .btnMoHead .searchBtn a,
.active .header .btnMoHead .searchBtn a,
.cover .header .btnMoHead .searchBtn button,
.active .header .btnMoHead .searchBtn button { background-image:url(../images/common/btn_search_active.png); }
.cover .header .btnMoHead .btnMoGnb a i,
.active .header .btnMoHead .btnMoGnb a i,
.cover .header .btnMoHead .btnMoGnb button i,
.active .header .btnMoHead .btnMoGnb button i { background:#000; }

/* 상단 활성화시 스타일 */
#headerWrap.cover::before,
#headerWrap.active::before { content:''; z-index: -1; position: absolute; top: 0; left: 0; width: 100%; height:7.5em; background-color:#fff; }
#headerWrap.cover,
#headerWrap.active { background:#fafafa; }
#headerWrap.active .header::before{opacity: 1;}
.overlayBg {position: fixed; top: 0; left: 0; width: 100%; height: 0; background-color: rgba(000,000,000,0.6); z-index:7; font-size: 0; opacity: 0;}
.overlayBg.active {height: 100%; opacity: 1; -webkit-transition:opacity 0.4s; -o-transition:opacity 0.4s; -moz-transition:opacity 0.4s; transition:opacity 0.4s;}
.header .overlayBg { display:none; }
.quickBox { position:fixed; right:2%; bottom:10%; border-radius:.6rem; box-shadow:0 6px 3rem rgba(38,37,42,.13); z-index:10; letter-spacing:-.025em; }
.quickBox ul { padding:.5em; background:#fff; border:1px solid #898989; border-top-left-radius:.6rem; border-top-right-radius:.6rem; }
.quickBox ul li a { display:block; padding:4.6rem .8rem 1rem; background:no-repeat center 1rem / auto 2.8rem; border-radius:.5em; line-height:1.30769; text-align:center; color:#898989; font-size:1.3rem; }
.quickBox ul li a:focus,
.quickBox ul li a:hover,
.quickBox ul li a.active { background-color:#e9e6fa; color:#6047e1; }
.quickBox ul li a.active { cursor:default; }
.quickBox ul li.icon1 a { background-image:url(../images/common/icon_quick1.png); }
.quickBox ul li.icon2 a { background-image:url(../images/common/icon_quick2.png); }
.quickBox ul li.icon1 a:focus,
.quickBox ul li.icon1 a:hover,
.quickBox ul li.icon1 a.active { background-image:url(../images/common/icon_quick1_on.png); }
.quickBox ul li.icon2 a:focus,
.quickBox ul li.icon2 a:hover,
.quickBox ul li.icon2 a.active { background-image:url(../images/common/icon_quick2_on.png); }
.btnTop a { display:block; background:#1c2449; border-bottom-left-radius:.6rem; border-bottom-right-radius:.6rem; text-align:center; color:#fff; }
.btnTop a:focus { outline-color:#f00; }
.btnTop a span { display:inline-block; padding:.5em 0 .5em 1em; background:url(../images/common/icon_top.png) no-repeat left center / .9rem auto; text-align:center; line-height:1.53333; font-size:1.5rem;}
/* footerWrap */
#footerWrap { position:relative; clear:both; padding:3.5em 10px 2em; background:#f3f3f3; }
.footer { display:flex; justify-content:space-between; position:relative; max-width:1400px; margin:0 auto; padding:0 2%; z-index:5; }
.footer .addressInfo { overflow:hidden; width:43rem; line-height:1.375; letter-spacing:-.025em; }
.footer .addressInfo .fLogo { height:3.2rem; margin-bottom:2.4rem; }
.footer .addressInfo .fLogo img { height:100%; }
.footer .footUtil ul { display:flex; justify-content:flex-end; }
.footer .footUtil li { position:relative; }
.footer .footUtil li::after { content:''; position:absolute; left:0; top:50%; width:1px; height:1.4rem; margin-top:-.7rem; background:#dadada; }
.footer .footUtil li:first-child::after { display:none; }
.footer .footUtil li a { display:block; padding:0 1rem; color:#545454; font-size:var(--font-size18); }
.footer .familySite { position:relative; max-width:22.4rem; margin:2.2rem 1rem 0 auto; text-align:right; }
.footer .familySite button { position:relative; width:100%; height:4.8rem; padding:0 1.5em; background:#fff; border:2px solid #e0e0e0; border-radius:.4rem; box-sizing:border-box; color:#545454; text-align:left; }
.footer .familySite button:after { content:''; position:absolute; right:1.25em; top:50%; width:.5em; height:.5em; border-top:1px solid #7f889c; border-left:1px solid #7f889c; transform:rotate(45deg); transition:all .4s; }
.footer .familySite .active button:after { transform:rotate(225deg); }
.footer .familySite .familyList { display:none; position:absolute; left:0; bottom:4.8rem; width:100%; text-align:left; }
.footer .familySite .familyList ul { overflow-y:auto; max-height:10em; padding:.5em; background:#fff; border:1px solid #e0e0e0; box-sizing:border-box; }
.footer .familySite .familyList ul a { display:block; padding:.25em 0; }
@media only screen and (max-width:1300px) {
    html { font-size:56.25%; }
}
@media only screen and (max-width:1200px) {
    /* headerWrap */
    #headerWrap.cover::before, #headerWrap.active::before,
    #headerWrap.active .header .gnbWrap::after,
    .header .utilWrap,
    .header .siteMapBtn,
    .header .gnbWrap { display:none; }
    #headerWrap.active { background:transparent; }
    #headerWrap.active.scroll { background:#fff; }
    #wrap #headerWrap { overflow:visible; }
    #wrap #headerWrap.cover { background:#fff; }
    #headerWrap .header { position:relative; min-height:0; z-index:10; }
    .header .logo { position:static; left:auto; top:auto; padding:2rem 6.25%; }
    .header .btnMoHead { display:flex; justify-content:flex-end; position:absolute; right:3.125%; top:0; width:7.4em; padding-top:.75rem; }
    .header .btnMoHead li { flex-grow:0; flex-shrink:0; width:3.5em; height:100%; vertical-align:top; }
    .header .btnMoHead li button { overflow:hidden; width:100%; height:100%; }
    .header .btnMoHead .btnMoGnb,
    .header .btnMoHead .searchBtn { width:5.5rem; height:5.5rem; }
    .header .btnMoHead .btnMoGnb button { position:relative; color:#000; }
    .cover .header .btnMoHead .btnMoGnb button { color:#343434; }
    .header .btnMoHead .btnMoGnb button::before,
    .header .btnMoHead .btnMoGnb button::after { content:''; display:block; position:absolute; top:50%; left:50%; width:2.8rem; height:.2rem; margin-left:-1.4rem; background:#000; }
    .header .btnMoHead .btnMoGnb button::before { margin-top:-.1rem; }
    .header .btnMoHead .btnMoGnb button::after { margin-top:-1.1rem; box-shadow:0 2rem 0 #000; }
    .header .gnbWrap { overflow-y:auto; position:fixed; right:0; top:0; width:77.5%; height:100%; margin:0; padding:0; background:#fff; z-index:15; }
    .header .gnbList { display:block; height:auto !important; padding:0; }
    .header .gnbList>li { padding:0; border-bottom:1px solid #ededed; }
    .header .gnbList>li.gnb06 { display:block; }
    .header .gnbList>li>a { padding:0 1em; line-height:2.5em; text-align:left; }
    .header .gnbList>li.open>a { color:#4327ad; }
    .header .gnbList>li.opNav>a:before { content:''; position:absolute; right:2rem; top:50%; width:.5em; height:.5em; margin-top:-.5em; border-right:2px solid #7d7d7d; border-bottom:2px solid #7d7d7d; box-sizing:border-box; transform:rotate(45deg); transition:all .4s; }
    .header .gnbList>li.opNav.open>a:before { margin-top:0; transform:rotate(225deg); }
    .header .gnbList li .subMenu { display:none; position:static; left:0; top:auto; width:100%; padding:1rem 3rem; border-top:1px solid #ededed; text-align:left; }
    .header .gnbList li .subMenu .titArea { display:none; }
    .header .gnbList li .subMenu>ul { flex-direction:column; }
    .header .gnbList li .subMenu>ul>li { display:block; margin:0; width:auto; }
    .header .gnbList li .subMenu>ul>li>a { padding:.5em 0; }
    .header .gnbList li .subMenu>ul>li>a .txt { display:none;  }
    .header .gnbList li .subMenu ul ul { margin-top:-.5em; margin-left:.5em; }
    .header .gnbList li .subMenu ul ul li { margin:.5em 0;}
    .header .gnbList li .subMenu ul ul li a { color:#444; }
    .header .gnb .util { overflow:hidden; display:block; padding:5% 0; background:#4327ad; }
    .header .gnb .util li { display:inline-block; position:relative; margin-left:-1px; margin-right:-4px; }
    .header .gnb .util li:after { content:''; position:absolute; left:0; top:4px; width:1px; height:1.375em; background:#fff; }
    .header .gnb .util li:first-child:after { display:none; }
    .header .gnb .util li a { display:block; margin:2px 0; padding:0 1em; color:#fff; font-size:1.375em; }
    .header .gnb .site { display:flex; justify-content:space-around; }
    .header .gnb .site li { flex:1; }
    .header .gnb .site li a { display:flex; position:relative; justify-content:center; align-items:center; padding:.5em 2.75em .5em .5em; height:3em; background:#eee; color:#5034de; font-size:1.25em; word-break:keep-all; text-align:center; }
    .header .gnb .site li a::after { content:''; position:absolute; right:1.75em; top:50%; width:.75em; height:.75em; margin-top:-.375em; border-right:2px solid #fff; border-bottom:2px solid #fff; box-sizing:border-box; transform:rotate(-45deg);  }
    .header .gnb .site li a::before { content:''; position:absolute; right:1em; top:50%; width:2em; height:2em; background:#5034de; border-radius:50%; transform:translateY(-50%); }
    .header .gnb .site li a.active::after,
    .header .gnb .site li a.active::before { display:none; }
    .header .gnb .site li a.active { padding-right:.5em; background:#5034de; color:#fff; }
    .header .gnb .moGnbClose { display:block; position:absolute; right:0; top:0; margin:5% 7% 5% 0; }
    .header .gnb .moGnbClose button { overflow:hidden; position:relative; width:1.5em; height:1.5em; margin-top:-.25em; font-size:1.375em; text-indent:-999px; }
    .header .gnb .moGnbClose button:before,
    .header .gnb .moGnbClose button:after { content:''; position:absolute; left:50%; top:50%; width:1em; height:2px; margin-top:-1px; margin-left:-.5em; background:#fff; margin-top:-1px; }
    .header .gnb .moGnbClose button:before { transform:rotate(45deg); }
    .header .gnb .moGnbClose button:after { transform:rotate(135deg); }
    .overlayBg.active { display:none; }
    #headerWrap.active .overlayBg { display:block; }
    .header .gnb .moGnbClose{width: 5em; margin: 0; text-align: center; padding: 6% 0;}
    .quickBox,
    .active .header .gnbList::after { display:none; }
    
}
@media all and (max-width:960px) {
    /* footerWrap */
    .footer { display:block; text-align:center; }
    .footer .addressInfo { width:100%; }
    .footer .footInfo { display:none; }
}
@media all and (max-width:720px) {
    html { font-size:50%; }
    .header { font-size:13px; }
    .header .gnbList { font-size:14px; }
    .header .btnMoHead .btnMoGnb,
    .header .btnMoHead .searchBtn { width:3.5rem; height:5.5rem; }
}
@media all and (max-width:520px) {
    html { font-size:48%; }
}
/* 프린트 설정 */
@media print {
	#headerWrap,
	#footerWrap {display: none;}
}