@charset "utf-8";
/*
    FSI COMMON STYLE
    WRITER : Lee Jeonghee
	Last Modify Date : 2024. 08. 19.
*/

@media only screen and (max-width:960px) {
	html { font-size:15px; }
}
@media only screen and (max-width:640px) {
	html { font-size:14px; }
}

/* header */
.header { overflow:hidden; position:fixed; top:0; left:0; width:100%; z-index:10; transition:height .2s; }
.header .headWrap { position:relative; }
.header .logo { position:absolute; top:2.3125em; left:1.5476%; }
.header .logo a { display:block; width:15.5em; height:2.25em; background:url(../images/common/logo.png) no-repeat; background-size:contain; text-indent:-9999px; }
.header .btnsArea { display:flex; align-items:center; position:absolute; top:2.1875em; right:2.738%; }
.header .btnsArea>div>a,
.header .btnsArea>div>button { display:block; width:2.5em; height:2.5em; text-indent:-9999px; }
.header .btnSearch { margin-right:1.25em; }
.header .btnSearch a { background:url(../images/common/btn_search.png) no-repeat center; background-size:1.5em; }
.header .btnSitemap i,
.header .btnMoGnb i { display:block; position:relative; width:1.625em; height:2px; margin:0 auto; background:#fff; text-indent:-9999px; border-radius:2em; }
.header .btnSitemap i::before,
.header .btnSitemap i::after,
.header .btnMoGnb i::before,
.header .btnMoGnb i::after { content:''; position:absolute; right:0; width:100%; height:2px; background:#fff; border-radius:2em; top:-.625em; }
.header .btnSitemap i::after,
.header .btnMoGnb i::after { top:.625em; }
.header .btnMoGnb { display:none; }
.header.fix { background:rgba(0, 0, 0, .6); }
.header.active { background:#fff; }
.header.active .logo a { background-image:url(../images/common/logo_bk.png); }
.header.active .btnSearch a { background-image:url(../images/common/btn_search_bk.png); }
.header.active .btnSitemap i,
.header.active .btnMoGnb i,
.header.active .btnSitemap i::before,
.header.active .btnSitemap i::after,
.header.active .btnMoGnb i::before,
.header.active .btnMoGnb i::after { background:#000; }
.header.active .gnb .gnbList>li>a { color:#000; }
.gnb .moTopArea { display:none; }
.gnb .gnbTit { flex-shrink:0; width:20.4545%; padding-top:4.625em; border-right:1px solid #e3e3e3; background:no-repeat right 2.125em bottom 2.5em; background-size:7.75em auto; }
.gnb .menu1 .gnbTit { background-image:url(../images/common/bg_gnb_menu1.png); }
.gnb .menu2 .gnbTit { background-image:url(../images/common/bg_gnb_menu2.png); }
.gnb .menu3 .gnbTit { background-image:url(../images/common/bg_gnb_menu3.png); }
.gnb .menu4 .gnbTit { background-image:url(../images/common/bg_gnb_menu4.png); }
.gnb .menu5 .gnbTit { background-image:url(../images/common/bg_gnb_menu5.png); }
.gnb .menu6 .gnbTit { background-image:url(../images/common/bg_gnb_menu6.png); }
.gnb .gnbTit h2 { margin-bottom:1.375rem; font-size:2.1875em; letter-spacing:-.025em; }
.gnb .gnbTit p { letter-spacing:-.05em; }
.gnb .gnbList { display:flex; justify-content:center; align-items:center; padding-left:6.25em; }
.gnb .gnbList>li { margin:0 1.875em; }
.gnb .gnbList>li>a { display:block; font-size:1.125em; font-weight:500; color:#fff; letter-spacing:-.025em; box-sizing:border-box; }
.gnb .gnbList>li>a:focus,
.gnb .gnbList>li>a:hover,
.gnb .gnbList>li.hover>a { font-weight:700; }
.gnb .gnbList>li>a>span { display:inline-block; position:relative; padding:2.3333em 0; }
.gnb .gnbList>li>a>span::after { content:''; position:absolute; left:0; bottom:0; width:0; height:4px; }
.gnb .gnbList>li>a:focus>span::after,
.gnb .gnbList>li>a:hover>span::after,
.gnb .gnbList>li.hover>a>span::after { width:100%; background:#000; transition:.2s linear; }
.gnb .gnbList>li>div { display:none; position:absolute; left:0; width:100%; padding:0 3%; border-top:1px solid #e3e3e3; box-sizing:border-box; }
.gnb .gnbList>li .inner { display:flex; max-width:1320px; min-height:26.875em; margin:0 auto; }
.gnb .gnbList>li .inner>ul { flex-grow:1; display:flex; flex-wrap:wrap; align-items:flex-start; position:relative; padding:4.625em 0 5.625em 7.1212%; }
.gnb .gnbList>li .inner>ul>li { position:relative; width:33.33%; margin-top:3.375em; box-sizing:border-box; }
.gnb .gnbList>li .inner>ul>li:nth-child(-n+3) { margin-top:0; }
.gnb .gnbList>li .inner>ul>li>a { display:block; position:relative; font-size:1.25em; font-weight:500; letter-spacing:-.05em; }
.gnb .gnbList>li .inner>ul>li:focus>a,
.gnb .gnbList>li .inner>ul>li:hover>a { color:#0060ce; }
.gnb .gnbList>li .inner>ul>li a span { display:inline-block; }
.gnb .gnbList>li .inner>ul>li a[target="_blank"] span { padding-right:1.25rem; background:url(../images/common/icon_blank.png) no-repeat right center; background-size:.875rem auto; }
.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 { margin-top:1.5em; }
.gnb .gnbList>li .inner>ul>li div ul li { margin-top:.75em; }
.gnb .gnbList>li .inner>ul>li div ul li a { display:block; letter-spacing:-.05em; }
.gnb .gnbList>li .inner>ul>li div ul li a:focus span,
.gnb .gnbList>li .inner>ul>li div ul li a:hover span { text-decoration:underline; }
.overlayBg { display:none; position:fixed; left:0; top:0; width:100%; height:100%; background:#000; background-color:rgba(0,0,0,0.5); z-index:9; }
.overlayBg.active { display:block; }
@media screen and (max-width:1400px) {
	.gnb .gnbList>li { margin:0 .9375em; }
}
@media screen and (max-width:1200px) {
	body { min-width:320px; }
	.header .headWrap { display:flex; justify-content:space-between; align-items:center; padding:1.3333em 4.1666%; }
	.header .logo { position:static; }
	.header .logo a { width:14.8333em; height:2.0833em; background-image:url(../images/common/logo_mo.png); }
	.header .btnsArea { position:static; }
	.header .btnSearch { margin-right:.6666em; }
	.header .btnSearch a { background-image:url(../images/common/btn_search_mo.png); }
	.header .btnSitemap i,
	.header .btnMoGnb i { width:1.6666em; }
	.header .btnSitemap { display:none; }
	.header .btnMoGnb { display:block; }
	.header.active { background:none; }
	.header.fix.active { background:rgba(0, 0, 0, .6); }
	.header.active .logo a { background-image:url(../images/common/logo_mo.png); }
	.header.active .btnSearch a { background-image:url(../images/common/btn_search_mo.png); }
	.header.active .btnSitemap i,
	.header.active .btnMoGnb i,
	.header.active .btnSitemap i::before,
	.header.active .btnSitemap i::after,
	.header.active .btnMoGnb i::before,
	.header.active .btnMoGnb i::after { background:#fff; }
	.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 { display:block; }
	.gnb .moTit { display:flex; justify-content:space-between; align-items:center; padding-left:8.3333%; }
	.gnb .moTit h3 { font-size:1.6666em; }
	.gnb .moGnbClose button { display:flex; justify-content:center; align-items:center; width:5.8333em; height:5.8333em; }
	.gnb .moGnbClose button i { display:block; position:relative; width:1.9166em; height:1.9166em; text-indent:-9999px; }
	.gnb .moGnbClose button i::before,
	.gnb .moGnbClose button i::after { content:''; position:absolute; top:50%; left:0; width:100%; height:2px; background:#000; border-radius:2em; transform:rotate(45deg); }
	.gnb .moGnbClose button i::after { transform:rotate(135deg); }
	.gnb .gnbTit { display:none; }
	.gnb .gnbList { display:block; padding:0; }
	.gnb .gnbList>li { margin:0; border-top:1px solid #ccc; }
	.gnb .gnbList>li>a { position:relative; padding:0 8.3333%; font-size:1.3333em; font-weight:700; }
	.gnb .gnbList>li.opNav>a::after,
	.gnb .gnbList>li .inner>ul>li.opNav>a::after { content:''; position:absolute; right:8.3333%; top:50%; width:.6666rem; height:.6666rem; margin-top:-.3333rem; border-bottom:1px solid #3e3e3e; border-right:1px solid #3e3e3e; transform:rotate(45deg); transition:.15s; }
	.gnb .gnbList>li.opNav.open>a::after,
	.gnb .gnbList>li .inner>ul>li.opNav.open>a::after { margin-top:0; transform:rotate(-135deg); }
	.gnb .gnbList>li>a>span { padding:1.375em 0; }
	.gnb .gnbList>li>a>span::after { display:none; }
	.gnb .gnbList>li>div { position:static; padding:1.5em 8.3333%; background:#fafafa; }
	.gnb .gnbList>li .inner { min-height:auto; }
	.gnb .gnbList>li .inner>ul { display:block; padding:0; }
	.gnb .gnbList>li .inner>ul>li { width:100%; margin-top:0; }
	.gnb .gnbList>li .inner>ul>li>a { padding:.6em 0; }
	.gnb .gnbList>li .inner>ul>li:focus>a,
	.gnb .gnbList>li .inner>ul>li:hover>a { color:#000; }
	.gnb .gnbList>li .inner>ul>li.opNav>a::after { right:0; }
	.gnb .gnbList>li .inner>ul>li i.blank { width:.8333rem; height:.8333rem; background-image:url(../images/common/icon_blank_mo.png); }
	.gnb .gnbList>li .inner>ul>li div { display:none; margin:.8333em 0; padding:1.3333em 1.8333em; background:#fff; border:1px solid #ccc; border-radius:.6666em; box-sizing:border-box; }
	.gnb .gnbList>li .inner>ul>li div ul li { margin:0; }
	.gnb .gnbList>li .inner>ul>li div ul li a { display:block; padding:.4615em 0; font-size:1.0833em; }
	.gnb .gnbList>li .inner>ul>li div ul li a:focus,
	.gnb .gnbList>li .inner>ul>li div ul li a:hover { text-decoration:none; }
}

/* footer */
.footer { padding:4.375em 0 3.875em; background:#0f1d66; }
.footer .inner { text-align:center; }
.footer .util { margin-top:2.8125em; }
.footer .util ul { display:flex; justify-content:center; }
.footer .util ul li a { color:#acb6ef; }
.footer .util ul li a::before { content:'·'; margin:0 .5em; font-weight:700; }
.footer .util ul li:first-child a::before { display:none; }
.footer .util ul li b { color:#dce2ff; }
.footer .util address { margin-top:.625rem; font-size:.9375em; color:#747dae; letter-spacing:-.025em; }
.footer .util address br { display:none; }
.footer .util .copyright { margin-top:.25rem; font-size:.9375em; color:#7a80a8; letter-spacing:-.025em; }
@media screen and (max-width:960px) {
	.footer { padding:2.8333em 0 3.3333em; }
	.footer .logo { width:9.5em; margin:0 auto; }
	.footer .util { margin-top:2em; }
	.footer .util ul li a { font-size:.9166em; }
	.footer .util address { margin-top:1.1666rem; font-size:.9166em; line-height:1.4; }
	.footer .util address br { display:block; }
	.footer .util .copyright { margin-top:1.1666rem; font-size:.9166em; }
}

.sitemapWrap { display:none; position:fixed; top:0; left:0; width:100%; height:100%; padding:6.5625em 3% 0; background:#fff; box-sizing:border-box; z-index:11; }
.sitemapWrap .titArea { position:absolute; top:0; left:0; width:100%; padding:1.875em 0; border-bottom:1px solid #e3e3e3; }
.sitemapWrap h4 { font-size:2.1875em; letter-spacing:-.025em; text-align:center; }
.sitemapWrap .sitemapClose { position:absolute; top:0; right:0; z-index:1; }
.sitemapWrap .sitemapClose button { display:flex; justify-content:center; align-items:center; width:6.5625em; height:6.5625em; }
.sitemapWrap .sitemapClose button i { display:block; position:relative; width:2.25em; height:2.25em; text-indent:-9999px; }
.sitemapWrap .sitemapClose button i::before,
.sitemapWrap .sitemapClose button i::after { content:''; position:absolute; top:50%; left:0; width:100%; height:2px; background:#000; border-radius:2em; transform:rotate(45deg); }
.sitemapWrap .sitemapClose button i::after { transform:rotate(135deg); }
.sitemapWrap .itemArea { overflow-y:auto; max-width:1600px; height:100%; margin:0 auto; }
.sitemapWrap .itemArea::-webkit-scrollbar { width:6px; height:6px; }
.sitemapWrap .itemArea::-webkit-scrollbar-thumb { background:#ddd; }
.sitemapWrap .itemArea::-webkit-scrollbar-track { background:transparent; }
.sitemapWrap .itemArea::-webkit-scrollbar-corner { background:transparent; }
.sitemapWrap .item { display:flex; padding:4.375em 0; border-top:1px solid #ddd; }
.sitemapWrap .item:first-child { border-top:none; }
.sitemapWrap .item h5 { flex-shrink:0; width:19.375%; }
.sitemapWrap .item h5 a { padding-left:1.5rem; font-size:1.625em; letter-spacing:-.05em; background:url('../images/common/icon_sitemap_tit.png') no-repeat left center; background-size:.875rem auto; }
.sitemapWrap .item .box { flex-grow:1; }
.sitemapWrap .item .box>ul { display:flex; }
.sitemapWrap .item .box>ul>li { width:25%; padding-right:.625em; }
.sitemapWrap .item .box>ul>li>a { font-size:1.25em; font-weight:700; letter-spacing:-.05em; }
.sitemapWrap .item .box>ul>li:focus>a,
.sitemapWrap .item .box>ul>li:hover>a { color:#0060ce; }
.sitemapWrap .item .box>ul>li a[target="_blank"] span { padding-right:1.25rem; background:url(../images/common/icon_blank.png) no-repeat right center; background-size:.875rem auto; }
.sitemapWrap .item .box>ul>li>ul>li { margin-top:.75em; }
.sitemapWrap .item .box>ul>li>ul>li>a { letter-spacing:-.05em; word-break:keep-all; }
.sitemapWrap .item .box>ul>li>ul>li>a:focus,
.sitemapWrap .item .box>ul>li>ul>li>a:hover { text-decoration:underline; }
.search_box select.width_max {
	min-width: 200px !important;
}