@charset "utf-8"; 
/*
    농넷 COMMON STYLE
    WRITER : Lee Jeonghee
	Last Modify Date : 2024. 02. 15.
*/

@media screen and (max-width:1320px) { 
    html { font-size:15px; }
}
@media screen and (max-width:1024px) { 
    html { font-size:14px; }
}
@media screen and (max-width:960px) { 
    html { font-size:13px; }
}
@media screen and (max-width:640px) { 
    html { font-size:12px; } 
}
@media screen and (max-width:480px) { 
    html { font-size:11px; }
}

::-webkit-scrollbar { width:10px; /* 세로축 스크롤바 폭 너비 */ height:10px; /* 가로축 스크롤바 폭 너비 */ }
::-webkit-scrollbar-thumb { background:#808080; border-radius:2em; /* 스크롤바 막대 색상 */ }
::-webkit-scrollbar-track { background:#f3f3f3; border-radius:2em; /* 스크롤바 뒷 배경 색상 */ } 
::-webkit-scrollbar-corner { background:#f3f3f3; }

#container { min-width:1280px; font-family:'Pretendard'; }

/* header */
.header { position:fixed; top:0; left:0; width:100%; min-width:1280px; background:#fff; line-height:1; z-index:12; }
.header .headWrap { position:relative; }
.headTop { position:relative; max-width:1400px; margin:0 auto; padding:2.1875em 1.25em 1.875em; transition:all .2s; }
.headTop .logo { position:absolute; top:2.5em; left:1.25em; transition:all .2s; }
.headTop .logo a { display:block; width:7.1875em; height:2.9375em; background:url(../images/common/logo.png) no-repeat; background-size:100%; transition:all .15s; text-indent:-9999px; }
.searchkeyword { position:relative; }
.searchKey { display:none; position:absolute; top:100%; left:50%; width:100%; margin-top:.875em; padding:1.063em 1.875em; font-size:1rem; background:#fff; border:1px solid #dcdcdc; border-radius:0.5rem; box-sizing:border-box; box-shadow:0 24px 30px 0 rgba(0, 0, 0, 0.06); transform:translateX(-50%); font-family:'Pretendard'; z-index:5; }
.searchKey::before { content:''; display:block; position:absolute; top:-.625em; left:50%; width:1.25em; height:.6875em; margin-left:-.625em; background:url(../images/common/icon_arrow_before.png) no-repeat; background-size:100%; }
.searchKey .tit { margin-bottom:.625em; padding:.75em 0; font-weight:700; }
.searchKey ol li { margin-top:.75em; }
.searchKey ol li:first-child { margin-top:0; }
.searchKey ol li:last-child { margin-bottom:1.25em; }
.searchKey ol li a { display:block; position:relative; padding-left:1.75em; box-sizing:border-box; }
.searchKey ol li a:focus,
.searchKey ol li a:hover { color:#1a3ac5; }
.searchKey ol li i { display:inline-block; position:absolute; top:0; left:0; width:1.5384em; border:1px solid #dedfe2; border-radius:.25rem; box-sizing:border-box; text-align:center; line-height:1.3846em; color:#838383; font-style:normal; font-size:.8125em; }
.searchKey ol.ico li a { padding-left:2.875em; }
.searchKey ol.ico li i { width:auto; padding:0 .4615em; }
.searchKey ol.ico li i.ico01 { color:#8c55c4; }
.searchKey ol.ico li i.ico02 { color:#47ae7f; }
.searchKey ol.ico li i.ico03 { color:#3892c1; }
.searchKey ol li span { display:inline-block; position:relative; max-width:100%; padding:1px 0; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; line-height:1.125em; }
.searchKey ol li span::after { content:''; position:absolute; left:0; bottom:0; width:0; height:1px; }
.searchKey ol li a:focus span::after,
.searchKey ol li a:hover span::after { width:100%; background:#1a3ac5; transition:all linear .2s; }
.btnMoGnb,
.moGnbClose { display:none; }
/* gnb */
.gnbWrap { position:relative; border:1px solid #e2e2e2; border-width:1px 0; }
.gnbWrap .gnb { display:flex; justify-content:space-between; max-width:1400px; margin:0 auto; padding:0 1.25em; }
.gnb .moTopArea { display:none; }
.gnb .gnbTit { flex-shrink:0; width:18.2142%; margin-right:3.2142%; }
.gnb .gnbTit h2 { font-size:2.5em; color:#1a3ac5; }
.gnb .gnbTit .sTxt { margin-top:1.875em; line-height:1.4; letter-spacing:-.05em; word-break:keep-all; }
.gnb .gnbList { display:flex; }
.gnb .gnbList>li { margin-right:5.125em; }
.gnb .gnbList>li>a { display:block; padding:1.2em 0; font-family:'Pretendard'; font-size:1.25em; font-weight:500; box-sizing:border-box; }
.gnb .gnbList>li>a:hover,
.gnb .gnbList>li.open>a { font-weight:700; color:#1a3ac5; }
.gnb .gnbList>li>a>span { display:inline-block; position:relative; padding:.2em 0; }
.gnb .gnbList>li>a>span::after { content:''; position:absolute; left:0; bottom:0; width:0; height:1px; }
.gnb .gnbList>li>a:hover>span::after,
.gnb .gnbList>li.open>a>span::after { width:100%; background:#1a3ac5; transition:all linear .2s; }
.gnb .gnbList>li>div { display:none; position:absolute; left:0; width:100%; text-align:left; background:#fafafa; border-top:1px solid #e2e2e2; }
.gnb .gnbList>li .inner { display:flex; position:relative; max-width:1400px; margin:0 auto; padding:4em 1.25em 5.875em; }
.gnb .gnbList>li .inner::before { content:''; display:block; position:absolute; top:0; left:22.2222%; width:1px; height:100%; background:#e2e2e2; }
.gnb .gnbList>li .inner>ul { flex-grow:1; display:flex; flex-wrap:wrap; align-items:flex-start; position:relative; padding-left:6.0714%; box-sizing:border-box; }
.gnb .gnbList>li .inner>ul>li { position:relative; width:25%; margin-top:5em; padding-right:6.8965%; box-sizing:border-box; }
.gnb .gnbList>li .inner>ul>li:nth-child(-n+4) { margin-top:0; }
.gnb .gnbList>li .inner>ul>li>a { display:block; position:relative; font-size:1.125em; font-weight:700; line-height:1.3; letter-spacing:-.045em; }
.gnb .gnbList>li .inner>ul>li.opNav>a::after { content:''; display:block; position:absolute; top:50%; right:0; width:.875rem; height:.5625rem; margin-top:-.28125rem; background-image:url(../images/common/btn_gnb_arrow.png); background-repeat:no-repeat; background-position:center; background-size:.875rem auto; transition:all .2s; }
.gnb .gnbList>li .inner>ul>li.opNav.open>a::after { transform:rotate(180deg); }
.gnb .gnbList>li .inner>ul>li:hover>a { font-weight:700; color:#1a3ac5; }
.gnb .gnbList>li .inner>ul>li i.blank { display:inline-block; vertical-align:middle; width:1.125rem; height:1.125rem; margin-left:.25rem; background:url(../images/common/icon_blank.png) no-repeat; background-size:100%; text-indent:-9999px; }
.gnb .gnbList>li .inner>ul>li .menuText { min-height:3.3571em; margin-top:.8571em; padding-top:.5em; font-size:.875em; letter-spacing:-.025em; word-break:keep-all; line-height:1.4; color:#828282; border-top:1px solid #e2e2e2; box-sizing:border-box; }
.gnb .gnbList>li .inner>ul>li div { display:none; margin-top:1.625em; }
.gnb .gnbList>li .inner>ul>li div ul li { margin-top:.375em; }
.gnb .gnbList>li .inner>ul>li div ul li a { line-height:1.3; }
.gnb .gnbList>li .inner>ul>li div ul li a span { display:inline-block; position:relative; padding:1px 0; }
.gnb .gnbList>li .inner>ul>li div ul li a span::before { content:''; position:absolute; left:-.6875em; top:.5625em; width:.25em; height:.25em; border-radius:50%; }
.gnb .gnbList>li .inner>ul>li div ul li a span::after { content:''; position:absolute; left:0; bottom:0; width:0; height:1px; }
.gnb .gnbList>li .inner>ul>li div ul li a:focus,
.gnb .gnbList>li .inner>ul>li div ul li a:hover { font-weight:700; color:#1a3ac5; }
.gnb .gnbList>li .inner>ul>li div ul li a:focus span::before,
.gnb .gnbList>li .inner>ul>li div ul li a:hover span::before { background:#1a3ac5; transition:all .2s; }
.gnb .gnbList>li .inner>ul>li div ul li a:focus span::after,
.gnb .gnbList>li .inner>ul>li div ul li a:hover span::after { width:100%; background:#1a3ac5; transition:all linear .2s; }
.gnb .gnbList>li .icoMenu { display:none; }
.gnb .moEtcList { display:none; }
/* ico menu */
.icoMenu { display:flex; align-items:center; width:1.4375em; height:1.375em; margin:0 auto; font-size:1rem; }
.icoMenu i { display:block; position:relative; width:100%; height:2px; background:#000; text-indent:-9999px; border-radius:2em; }
.icoMenu i::before,
.icoMenu i::after { content:''; position:absolute; left:0; height:2px; width:100%; background:#000; border-radius:2em; top:-.625em; transition:all .2s; }
.icoMenu i::after { top:.625em; }
.icoMenu.close i { height:0; transition:all .2s; }
.icoMenu.close i::before { top:0; transform:rotate(45deg); }
.icoMenu.close i::after { top:0; transform:rotate(-45deg); }
.btnAllMenu button { display:block; width:1.5625em; height:100%; }
.btnAllMenu button:hover .icoMenu i { background:#1a3ac5; }
.btnAllMenu button:hover .icoMenu i::before { width:70%; background:#1a3ac5; }
.btnAllMenu button:hover .icoMenu i::after { width:70%; background:#1a3ac5; }
.btnAllMenu button:hover .icoMenu.close i { transform:rotate(90deg); }
.btnAllMenu button:hover .icoMenu.close i::before { width:100%; }
.btnAllMenu button:hover .icoMenu.close i::after { width:100%; }
.overlayBg { display:none; position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:11; }
.overlayBg.active { display:block; }

/* loading */
.loadingArea { text-align: center; }
.loadingArea img { height: 80px; }
.loadingArea .tit { font-size: .75em; color: #909aa6; margin-top: -.4375em; }
.loadingArea .txt { font-size: .875em; color: #909aa6; font-weight: 700; }

@media screen and (max-width:1440px) { 
	.gnb .gnbList>li .inner>ul { padding-left:4.0714%; }
	.gnb .gnbList>li .inner>ul>li { padding-right:4.8965%; }
	.footAdd { width:17.8em; }
}
@media screen and (max-width:960px) { 
	::-webkit-scrollbar { width:5px; height:5px; }
	#container { min-width:auto; }
	/* header */
	.header { min-width:auto; border-bottom:1px solid #ddd; }	
	.header.active::after { content:''; position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:10; }
	.headTop { padding:4.1818em 15.2777% 1.909em 28.6111%; }
	.headTop .logo { top:4em; left:5.8333%; }
	.headTop .logo a { width:5.909em; height:2.4545em; }
	.searchKey { font-size:1.2727rem; }	
	.btnMoGnb { display:block; position:absolute; top:4em; right:3.3333%; height:2.4545em; }
	.btnMoGnb button { display:block; width:3.4545em; height:100%; }
	.moGnbClose { display:block; }
	/* gnb */
	.gnbWrap { display:none; position:fixed; right:0; top:0; bottom:0; width:100%; height:100%; max-width:500px; margin:0; padding:0; z-index:210; background:#fff; border:none; overflow-y:auto; }
	.gnbWrap::-webkit-scrollbar { display:none; }
	.gnbWrap .gnb { display:block; padding:0; }
	.gnb .moTopArea { overflow:hidden; position:relative; display:block; background:#fff; z-index:1; }
	.gnb .moTit { display:flex; justify-content:space-between; align-items:center; padding:2.6363em 8.3333%; }
	.gnb .moTit h2 { font-size:1.6363em; }
	.gnb .moUtil { display:flex; align-items:center; justify-content:space-between; width:94.4444%; margin:0 auto; padding:1.3636em 4.4444% 1.3636em 5.5555%; background:#f9f9f9; box-sizing:border-box; border-radius:.6363em; }
	.gnb .moUtil p { font-size:1.2727em; color:#334467; line-height:1.4; }
	.gnb .moUtil ul { display:flex; }
	.gnb .moUtil ul li { position:relative; margin-left:.4545em; }
	.gnb .moUtil ul li a { display:flex; align-items:center; justify-content:center; width:5em; height:5em; background:#fff; border:1px solid #dfe4e4; border-radius:50%; box-sizing:border-box; }
	.gnb .moUtil ul li span { display:block; padding-top:1.9em; font-size:.909em; color:#334467; background-repeat:no-repeat; background-position:top center; background-size:1.3em auto; }
	.gnb .moUtil ul li .home { background-image:url(../images/common/btn_util_home.png); }
	.gnb .moUtil ul li .login { background-image:url(../images/common/btn_util_login.png); }
	.gnb .moUtil ul li .logout { background-image:url(../images/common/btn_util_logout.png); }
	.gnb .moUtil ul li .join { background-image:url(../images/common/btn_util_join.png); }
	.gnb .gnbTit { display:none; }
	.gnb .gnbList {display:block;position:relative;height:31.8181em;margin:2.7272em 0;padding:0 2.7777%;box-sizing:border-box;}
	.gnb.login .gnbList { height:40.909em; }
	.gnb .gnbList>li { margin:1em 0 0; }
	.gnb .gnbList>li>a {display:inline-block;width: 30.8823%;padding: .5625em 0;font-size: 1.4545em;color:#5c5c5c;text-align:center;background:#f2f3f5;border-radius:2em;}
	.gnb .gnbList>li>a:hover { font-weight:500; color:#5c5c5c; }
	.gnb .gnbList>li.open>a { font-weight:500; color:#fff; background:#3553d9; }
	.gnb .gnbList>li>a>span { width:5.5555em; }
	.gnb .gnbList>li>a:hover>span::after,
	.gnb .gnbList>li.open>a>span::after { display:none; }	
	.gnb .gnbList>li>div {overflow-y: auto;top:0;left:auto;right:2.7777%;width:62.7777%;height:100%;background:#fff;border:1px solid #e3e3e3;border-radius:.6363em;box-sizing:border-box;}
	.gnb .gnbList>li>div::-webkit-scrollbar { display:none; }   
	.gnb .gnbList>li .inner { display:block; padding:0; }
	.gnb .gnbList>li .inner::before { display:none; }
	.gnb .gnbList>li .inner>ul { display:block; padding:1.3636em 0; }
	.gnb .gnbList>li .inner>ul>li { width:100%; margin-top:0; padding:0; }
	.gnb .gnbList>li .inner>ul>li>a {padding: .625em 1em .625em 2.75em;font-size: 1.4545em;font-weight:500;letter-spacing:0;}
	.gnb .gnbList>li .inner>ul>li:hover>a { font-weight:500; color:#000; }
	.gnb .gnbList>li .inner>ul>li.opNav>a::before,
	.gnb .gnbList>li .inner>ul>li.opNav>a::after { content:''; display:block; position:absolute; top:50%; right:1.7272rem; width:1rem; height:1px; margin:-1px 0 0; background:#a8a8a8; }
	.gnb .gnbList>li .inner>ul>li.opNav>a::after { transform:rotate(90deg); }
	.gnb .gnbList>li .inner>ul>li.opNav.open>a { color:#1419b7; }
	.gnb .gnbList>li .inner>ul>li .menuText { display:none; }
	.gnb .gnbList>li .inner>ul>li div { display:block; margin:0; }
	.gnb .gnbList>li .inner>ul>li div ul li { margin:0; }
	.gnb .gnbList>li .inner>ul>li div ul li a {display:block;padding: .5333em 1.3571em .5333em 3.0666em;font-size: 1.3636em;font-weight:300;color:#434343;}
	.gnb .gnbList>li .inner>ul>li div ul li a span::before,
	.gnb .gnbList>li .inner>ul>li div ul li a span::after { display:none; }
	.gnb .gnbList>li .inner>ul>li div ul li a:focus,
	.gnb .gnbList>li .inner>ul>li div ul li a:hover { font-weight:300; color:#000; }
	.gnb .gnbList>li .icoMenu {display:inline-block;position: absolute;top: .909rem;left: 1.4545rem;width:1.909rem;height:1.909rem;background-repeat:no-repeat;background-size:100%;}
	.gnb .gnbList>li .icoMenu.menu01 { background-image:url(../images/common/icon_gnb_menu01.png); }
	.gnb .gnbList>li .icoMenu.menu02 { background-image:url(../images/common/icon_gnb_menu02.png); }
	.gnb .gnbList>li .icoMenu.menu03 { background-image:url(../images/common/icon_gnb_menu03.png); }
	.gnb .gnbList>li .icoMenu.menu04 { background-image:url(../images/common/icon_gnb_menu04.png); }
	.gnb .gnbList>li .icoMenu.menu05 { background-image:url(../images/common/icon_gnb_menu05.png); }
	.gnb .gnbList>li .icoMenu.menu06 { background-image:url(../images/common/icon_gnb_menu06.png); }
	.gnb .gnbList>li .icoMenu.menu07 { background-image:url(../images/common/icon_gnb_menu07.png); }
	.gnb .gnbList>li .icoMenu.menu08 { background-image:url(../images/common/icon_gnb_menu08.png); }
	.gnb .gnbList>li .icoMenu.menu09 { background-image:url(../images/common/icon_gnb_menu09.png); }
	.gnb .gnbList>li .icoMenu.menu10 { background-image:url(../images/common/icon_gnb_menu10.png); }
	.gnb .gnbList>li .icoMenu.menu11 { background-image:url(../images/common/icon_gnb_menu11.png); }
	.gnb .gnbList>li .icoMenu.menu12 { background-image:url(../images/common/icon_gnb_menu12.png); }
	.gnb .gnbList>li .icoMenu.menu13 { background-image:url(../images/common/icon_gnb_menu13.png); }
	.gnb .gnbList>li .icoMenu.menu14 { background-image:url(../images/common/icon_gnb_menu14.png); }
	.gnb .gnbList>li .icoMenu.menu15 { background-image:url(../images/common/icon_gnb_menu15.png); }
	.gnb .gnbList>li .icoMenu.menu16 { background-image:url(../images/common/icon_gnb_menu16.png); }
	.gnb .gnbList>li .icoMenu.menu17 { background-image:url(../images/common/icon_gnb_menu17.png); }
	.gnb .gnbList>li .icoMenu.menu18 { background-image:url(../images/common/icon_gnb_menu18.png); }
	.gnb .gnbList>li .icoMenu.menu19 { background-image:url(../images/common/icon_gnb_menu19.png); }
	.gnb .gnbList>li .icoMenu.menu20 { background-image:url(../images/common/icon_gnb_menu20.png); }
	.gnb .gnbList>li .icoMenu.menu21 { background-image:url(../images/common/icon_gnb_menu21.png); }
	.gnb .gnbList>li .icoMenu.menu22 { background-image:url(../images/common/icon_gnb_menu22.png); }
	.gnb .gnbList>li .icoMenu.menu23 { background-image:url(../images/common/icon_gnb_menu23.png); }
	.gnb .gnbList>li .icoMenu.menu24 { background-image:url(../images/common/icon_gnb_menu24.png); }
	.gnb .gnbList>li .icoMenu.menu25 { background-image:url(../images/common/icon_gnb_menu25.png); }
	.gnb .gnbList>li .icoMenu.menu26 { background-image:url(../images/common/icon_gnb_menu26.png); }
	.gnb .gnbList>li .icoMenu.menu27 { background-image:url(../images/common/icon_gnb_menu27.png); }
	.gnb .gnbList>li .icoMenu.menu28 { background-image:url(../images/common/icon_gnb_menu28.png); }
	.gnb .gnbList>li .icoMenu.menu29 { background-image:url(../images/common/icon_gnb_menu29.png); }
	.gnb .gnbList>li .icoMenu.menu34 { background-image:url(../images/common/icon_gnb_menu34.png); }
	.gnb .gnbList>li .icoMenu.menu35 { background-image:url(../images/common/icon_gnb_menu35.png); }
	.gnb .gnbList>li .icoMenu.menu36 { background-image:url(../images/common/icon_gnb_menu36.png); }
	.gnb .gnbList>li .icoMenu.menu37 { background-image:url(../images/common/icon_gnb_menu37.png); }
	.gnb .gnbList>li .icoMenu.menu38 { background-image:url(../images/common/icon_gnb_menu38.png); }
	.gnb .gnbList>li .icoMenu.menu39 { background-image:url(../images/common/icon_gnb_menu39.png); }
	.gnb .gnbList>li .icoMenu.menu40 { background-image:url(../images/common/icon_gnb_menu40.png); }
	.gnb .gnbList>li .icoMenu.menu44 { background-image:url(../images/common/icon_gnb_menu44.png); }
	.gnb .btnAllMenu { display:none; }
	.gnb .moEtcList { display:block; width:94.4444%; margin:0 auto; border-top:1px solid #e3e3e3; }
	.gnb .moEtcList ul { display:flex; flex-wrap:wrap; padding:1.4545em 5.8823%; }
	.gnb .moEtcList ul li { width:50%; }
	.gnb .moEtcList ul li a { display:block; padding:.5714em 0; font-size:1.2727em; color:#838383; }
	.gnb .moEtcList .address { padding:1.4545em 5.8823% 2.909em; color:#9d9d9d; }
	.gnb .moEtcList .address span { display:block; margin-top:.2727em; font-weight:300; }
	/* ico menu */
	.icoMenu { width:2.0909em; height:2.0909em; }
	.icoMenu i { height:1px; }
	.icoMenu i::before,
	.icoMenu i::after { top:-.7272em; height:1px; }
	.icoMenu i::after { top:.7272em; }
	.overlayBg.active { display:none; }
}

/* footer */
.footer { min-width:1280px; border-top:1px solid #e2e2e2; }
.footer .footGnb { display:flex; justify-content:space-between; max-width:1400px; margin:0 auto; padding:2.8125em 1.25em 4.0625em; }
.footer .footGnb>li>a { font-family:'Pretendard'; font-weight:500; font-size:1.25em; }
.footer .footGnb li>div { margin-top:1.25em; }
.footer .footGnb li>div>ul>li { margin:.375em 0; }
.footer .footGnb li>div>ul>li>a { display:block; font-size:.9375em; color:#626262; line-height:1.3; }
.footer .footGnb li>div>ul>li>a:focus,
.footer .footGnb li>div>ul>li>a:hover { color:#1a3ac5; }
.footer .footGnb li>div>ul>li>a>span { display:inline-block; position:relative; padding:1px 0; }
.footer .footGnb li>div>ul>li>a>span::before { content:''; position:absolute; left:-.6em; top:.666em; width:.2em; height:.2em; border-radius:50%; }
.footer .footGnb li>div>ul>li>a>span::after { content:''; position:absolute; left:0; bottom:0; width:0; height:1px; }
.footer .footGnb li>div>ul>li>a:focus>span::before,
.footer .footGnb li>div>ul>li>a:hover>span::before { background:#1a3ac5; transition:all .2s; }
.footer .footGnb li>div>ul>li>a:focus>span::after,
.footer .footGnb li>div>ul>li>a:hover>span::after { width:100%; background:#1a3ac5; transition:all linear .2s; }
.footer .inner { position:relative; display:flex; justify-content:space-between; max-width:1400px; margin:0 auto; padding:1.875em 1.25em 4.75em; }
.footer .footInfo { border-top:1px solid #e2e2e2; }
.footer .footInfo .right { display:flex; }
.footer .footUtil { display:flex; margin-bottom:.9375em; }
.footer .footUtil li { position:relative; margin-right:.75em; padding-right:.75em; }
.footer .footUtil li::after { content:''; display:block; position:absolute; top:50%; right:0; width:1px; height:.75em; margin-top:-.375em; background:#d9d9d9; }
.footer .footUtil li:last-child::after { display:none; }
.footer .footUtil li a { display:block; font-size:.9375em; font-weight:500; }
.footer .footUtil li a:focus,
.footer .footUtil li a:hover { color:#1a3ac5; }
.footer .footUtil li a span { display:inline-block; position:relative; padding:1px 0; }
.footer .footUtil li a span::after { content:''; position:absolute; left:0; bottom:0; width:0; height:1px; }
.footer .footUtil li a:focus span::after,
.footer .footUtil li a:hover span::after { width:100%; background:#1a3ac5; transition:all linear .2s; }
.footer address { font-size:.9375em; font-weight:500; color:#6c6c6c; word-break:keep-all; }
.footer .copyright { margin-top:.4285em; font-size:.875em; font-weight:500; color:#8f9194; word-break:keep-all;  }
.footer .btnTop { margin-left:2.1875em; }
.footer .btnTop button { display:block; padding:.75em 1.25em .5em; border:1px solid #c0c2c4; box-sizing:border-box; border-radius:.5rem; transition:all .15s; }
.footer .btnTop button span { display:block; padding-top:1.909em; font-size:.6875em; background:url(../images/common/btn_top_scroll.png) no-repeat top center; background-size:auto 1.125rem; }
.footer .btnTop button:focus,
.footer .btnTop button:hover { background:#1a39c5; border-color:#1a39c5; }
.footer .btnTop button:focus span,
.footer .btnTop button:hover span { color:#fff; background-image:url(../images/common/btn_top_scroll_on.png); }
/* familySite */
.familySite { position:relative; }
.familySite button { position:relative; width:100%; padding:1.2em 6.6666em 1.2em 1.3333em; font-family:'Pretendard'; font-size:.9375em; text-align:left; border:1px solid #c0c2c4; box-sizing:border-box; border-radius:.5rem; }
.familySite button.active { background:#fafafa; }
.familySite button::before,
.familySite button::after { content:''; display:block; position:absolute; top:50%; right:1.25rem; width:.125rem; height:.875rem; margin-top:-.5rem; background:#000; transition:all .2s; }
.familySite button::after { transform:rotate(90deg); }
.familySite button.active::before { transform:rotate(-45deg); }
.familySite button.active::after { transform:rotate(45deg); }
.familySite .siteList { display:none; position:absolute; bottom:100%; left:0; width:100%; margin-bottom:.9375em; padding:1.25em 1.625em 1.25em 2em; background:#fff; border:1px solid #c0c2c4; box-sizing:border-box; border-radius:.5rem; box-shadow:0 12px 12px 0 rgba(0, 0, 0, .08); z-index:1; }
.familySite .siteList li { margin:.8125em 0; }
.familySite .siteList li:last-child { border-bottom:none; }
.familySite .siteList li a { display:block; position:relative; font-family:'Pretendard'; font-size:.9375em; color:#212121; }
.familySite .siteList li a::after { content:''; position:absolute; right:0; top:50%; width:.375rem; height:.6875rem; margin-top:-.34375rem; background:url(../images/common/btn_family_arrow.png) no-repeat; background-size:100%; }
.familySite .siteList li a:focus,
.familySite .siteList li a:hover { color:#1a3ac5; }
.familySite .siteList li a span { display:inline-block; position:relative; padding:1px 0; }
.familySite .siteList li a span::before { content:''; position:absolute; left:-.6em; top:.5333em; width:.2em; height:.2em; }
.familySite .siteList li a span::after { content:''; position:absolute; left:0; bottom:0; width:0; height:1px; }
.familySite .siteList li a:focus span::before,
.familySite .siteList li a:hover span::before { background:#1a3ac5; transition:all .2s; }
.familySite .siteList li a:focus span::after,
.familySite .siteList li a:hover span::after { width:100%; background:#1a3ac5; transition:all linear .2s; }
/* sns */
.snsList { display:flex; transition:all .2s; }
.snsList li { margin-left:.375em; }
.snsList li a,
.snsList li button { display:block; width:1.875em; height:1.875em; background-repeat:no-repeat; background-position:center; background-size:.875em; border:1px solid #c0c2c4; border-radius:50%; box-sizing:border-box; text-indent:-9999px; transition:all .15s; }
.snsList li a:focus,
.snsList li a:hover,
.snsList li button:focus,
.snsList li button:hover { background-color:#1a3ac5; border-color:#1a3ac5; }
.snsList li.facebook a { background-image:url(../images/common/icon_facebook.png); }
.snsList li.twitter a { background-image:url(../images/common/icon_twitter.png); }
.snsList li.kakaostory a { background-image:url(../images/common/icon_kakaostory.png); }
.snsList li.kakaotalk a { background-image:url(../images/common/icon_kakaotalk.png); }
.snsList li.url a { background-image:url(../images/common/icon_url.png); }
.snsList li.print button { background-image:url(../images/common/icon_print.png); }
.snsList li.facebook a:focus,
.snsList li.facebook a:hover { background-image:url(../images/common/icon_facebook_on.png); }
.snsList li.twitter a:focus,
.snsList li.twitter a:hover { background-image:url(../images/common/icon_twitter_on.png); }
.snsList li.kakaostory a:focus,
.snsList li.kakaostory a:hover { background-image:url(../images/common/icon_kakaostory_on.png); }
.snsList li.kakaotalk a:focus,
.snsList li.kakaotalk a:hover { background-image:url(../images/common/icon_kakaotalk_on.png); }
.snsList li.url a:focus,
.snsList li.url a:hover { background-image:url(../images/common/icon_url_on.png); }
.snsList li.print button:focus,
.snsList li.print button:hover { background-image:url(../images/common/icon_print_on.png); }
@media screen and (max-width:960px) {     
	.footer { min-width:auto; border-top:none; }
	.footer .footGnb { display:none; }
	.footer .inner { padding:3.0909em 7.7777% 3.6363em; }
	.footer .footInfo .right { display:none; }
	.footer .footUtil { margin-bottom:1.0909em; }
	.footer .footUtil li a { font-size:1em; }
	.footer address { font-size:1em; }
	.footer .copyright { margin-top:.3636em; font-size:1em; }
}

/* allMenu */
.popWrapBg { display:none; position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:13; }
.allMenuWrap { display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:#fff; font-family:'Pretendard'; z-index:15; }
.allMenuWrap .allInner { display:flex; width:100%; height:100%; }
.allMenuWrap .allBg { flex-shrink:0; display:flex; align-items:center; justify-content:flex-end; width:34.8958%; min-height:640px; background:#0e0937 url(../images/common/sitemap_bg.png) no-repeat center bottom; background-size:100%; }
.allMenuWrap .allBg .bgCon { display:flex; flex-direction:column; justify-content:space-between; width:45.5223%; min-width:19.0625em; height:800px; padding-right:12.8358%; box-sizing:border-box; }
.allMenuWrap .allBg .titArea .sTit { margin-bottom:1em; padding-left:.0833em; font-size:1.25em; letter-spacing:.1em; color:#fff; }
.allMenuWrap .allBg .titArea .tit { font-size:2.5em; font-weight:700; color:#fff; }
.allMenuWrap .allBg .titArea .util { margin-top:4.0625em; }
.allMenuWrap .allBg .titArea .util li { margin-top:.6875em; }
.allMenuWrap .allBg .titArea .util li:first-child { margin-top:0; }
.allMenuWrap .allBg .titArea .util li a { font-weight:500; color:#fff; line-height:1.1; }
.allMenuWrap .allBg .titArea .util li a span { display:inline-block; position:relative; padding:1px 0; }
.allMenuWrap .allBg .titArea .util li a span::after { content:''; position:absolute; left:0; bottom:0; width:0; height:1px; }
.allMenuWrap .allBg .titArea .util li a:focus span::after,
.allMenuWrap .allBg .titArea .util li a:hover span::after { width:100%; background:#fff; transition:all linear .2s; }
.allMenuWrap .allBg .infoArea .item { margin-top:3.0625em; }
.allMenuWrap .allBg .infoArea .item p { margin-bottom:.9375em; font-weight:500; color:#fff; }
.allMenuWrap .allBg .infoArea .snsList li { margin-left:.625em; }
.allMenuWrap .allBg .infoArea .snsList li:first-child { margin:0; }
.allMenuWrap .allBg .infoArea .snsList li a,
.allMenuWrap .allBg .infoArea .snsList li button { width:2.375em; height:2.375em; border-color:rgba(255, 255, 255, .5); background-size:.875em; }
.allMenuWrap .allBg .infoArea .snsList li a:focus,
.allMenuWrap .allBg .infoArea .snsList li a:hover,
.allMenuWrap .allBg .infoArea .snsList li button:focus,
.allMenuWrap .allBg .infoArea .snsList li button:hover { background-color:#fff; }
.allMenuWrap .allBg .infoArea .snsList li.facebook a { background-image:url(../images/common/icon_facebook_on.png); }
.allMenuWrap .allBg .infoArea .snsList li.kakaostory a { background-image:url(../images/common/icon_kakaostory_on.png); }
.allMenuWrap .allBg .infoArea .snsList li.kakaotalk a { background-image:url(../images/common/icon_kakaotalk_on.png); }
.allMenuWrap .allBg .infoArea .snsList li.url a { background-image:url(../images/common/icon_url_on.png); }
.allMenuWrap .allBg .infoArea .snsList li.facebook a:focus,
.allMenuWrap .allBg .infoArea .snsList li.facebook a:hover { background-image:url(../images/common/icon_facebook_bl.png); }
.allMenuWrap .allBg .infoArea .snsList li.kakaostory a:focus,
.allMenuWrap .allBg .infoArea .snsList li.kakaostory a:hover { background-image:url(../images/common/icon_kakaostory_bl.png); }
.allMenuWrap .allBg .infoArea .snsList li.kakaotalk a:focus,
.allMenuWrap .allBg .infoArea .snsList li.kakaotalk a:hover { background-image:url(../images/common/icon_kakaotalk_bl.png); }
.allMenuWrap .allBg .infoArea .snsList li.url a:focus,
.allMenuWrap .allBg .infoArea .snsList li.url a:hover { background-image:url(../images/common/icon_url_bl.png); }
.allMenuWrap .allBg .infoArea .familySite button { color:rgba(255, 255, 255, .62); border-color:rgba(255, 255, 255, .6); }
.allMenuWrap .allBg .infoArea .familySite button.active { background:none; }
.allMenuWrap .allBg .infoArea .familySite button::before,
.allMenuWrap .allBg .infoArea .familySite button::after { background:#fff; }
.allMenuWrap .allBg .infoArea .familySite .siteList { background:#20157b; border-color:rgba(255, 255, 255, .6); }
.allMenuWrap .allBg .infoArea .familySite .siteList li a { color:#fff; }
.allMenuWrap .allBg .infoArea .familySite .siteList li a:focus span::before,
.allMenuWrap .allBg .infoArea .familySite .siteList li a:hover span::before { background:#fff; }
.allMenuWrap .allBg .infoArea .familySite .siteList li a:focus span::after,
.allMenuWrap .allBg .infoArea .familySite .siteList li a:hover span::after { background:#fff; }
.allMenuWrap .allMenu { flex-grow:1; display:flex; align-items:center; }
.allMenuWrap .allMenu .menuCon { overflow-y:auto; display:flex; flex-wrap:wrap; position:relative; width:75.2%; min-width:58.75em; height:800px; padding-left:12%; box-sizing:border-box; }
.allMenuWrap .allMenu .menuCon::-webkit-scrollbar { width:5px; }
.allMenuWrap .allMenu .menuCon::-webkit-scrollbar-thumb { background:#dadada; }
.allMenuWrap .allMenu .menuCon::-webkit-scrollbar-track { background:#f4f4f4; } 
.allMenuWrap .allMenu .menuCon::-webkit-scrollbar-corner { background:#f4f4f4; }
.allMenuWrap .allMenu .menuCon::after { content:''; display:block; position:sticky; bottom:-1px; left:0; width:100%; height:3.125em; background:url(../images/common/sitemap_list_bg.png) repeat-x; background-size:auto 100%; }
.allMenuWrap .allMenu .item { width:33.33%; margin-top:4em; }
.allMenuWrap .allMenu .item:nth-child(-n+3) { margin-top:0; }
.allMenuWrap .allMenu .item>h4 { font-size:1.5625em; }
.allMenuWrap .allMenu .item>div { margin-top:2.25em; }
.allMenuWrap .allMenu .item>div>ul>li { margin-top:.8125em; }
.allMenuWrap .allMenu .item>div>ul>li:first-child { margin-top:0; }
.allMenuWrap .allMenu .item>div>ul>li>a { display:block; position:relative; font-weight:700; line-height:1.3; letter-spacing:-.045em; }
.allMenuWrap .allMenu .item>div>ul>li a span { display:inline-block; position:relative; padding:1px 0; }
.allMenuWrap .allMenu .item>div>ul>li a span::before { content:''; position:absolute; left:-.6875rem; top:.5rem; width:.25rem; height:.25rem; border-radius:50%; }
.allMenuWrap .allMenu .item>div>ul>li a span::after { content:''; position:absolute; left:0; bottom:0; width:0; height:1px; }
.allMenuWrap .allMenu .item>div>ul>li a:focus,
.allMenuWrap .allMenu .item>div>ul>li a:hover { color:#1a3ac5; }
.allMenuWrap .allMenu .item>div>ul>li a:focus span::before,
.allMenuWrap .allMenu .item>div>ul>li a:hover span::before { background:#1a3ac5; transition:all .2s; }
.allMenuWrap .allMenu .item>div>ul>li a:focus span::after,
.allMenuWrap .allMenu .item>div>ul>li a:hover span::after { width:100%; background:#1a3ac5; transition:all linear .2s; }
.allMenuWrap .allMenu .item>div>ul>li>div { margin-top:.6875em; }
.allMenuWrap .allMenu .item>div>ul>li>div ul li { margin-top:.125em; }
.allMenuWrap .allMenu .item>div>ul>li>div ul li a { line-height:1.3; letter-spacing:-.03em; color:#5d5d5d; }
.allMenuWrap .btnAllMenu { position:absolute; top:3.6458%; right:3.6458%; }
.allMenuWrap .btnAllMenu button { width:2.125em; height:2.125em; }
.allMenuWrap .btnAllMenu .icoMenu.close { width:100%; height:100%; }
@media screen and (max-width:1450px) { 
	.allMenuWrap .allMenu .menuCon { width:100%; min-width:auto; }
}
@media screen and (max-width:1180px) { 
	.allMenuWrap { display:none; }
}
@media screen and (max-height:900px) { 
	.allMenuWrap .allBg .bgCon,
	.allMenuWrap .allMenu .menuCon { height:88.8888%; }
	
}