@charset "utf-8";

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

/* header */
.header { position:relative; background-color:#fff; z-index:20; }
.header .headerWrap { position:relative;max-width:1280px;margin:0 auto; }
.header .headerWrap .logo { position:absolute; top:3.000em;left:0.625em;width:7.938em; }
.header .headerWrap .logo a { display:block; }
.header .mainWeather { position:absolute; top:3.250em; left:9.75em; }
.header .mainWeather a { display:flex; align-items:center; line-height:1.1; letter-spacing:-0.03em; font-weight:500; font-size:16px; }
.header .mainWeather a img { height:38px; }
.header .mainWeather a span { display:inline-block; margin-left:6px; }
.header .mainWeather a i { display:block; font-style:normal; font-weight:300; font-size:12px; }

.btnMoGnb,
.header .gnb .moTnb,
.gnb .gnbTit,
.gnb .gnbList .opNav,
.header .moSearch,
.header .headerItem .btnSiteMap { display:none; }
.gnb { text-align:center; }
.gnb .gnbList { margin-left:6.25%; font-size:0; }
.gnb .gnbList>li { display:inline-block;position:relative;vertical-align:top;letter-spacing:-0.03em;font-size:1rem; }
.gnb .gnbList>li>a { display:block; padding:0 2.111em;color:#000; font-weight:500; font-size:1.125em; }
.gnb .gnbList>li>a span { display:inline-block;position:relative;padding:3.235em 0; }
.gnb .gnbList>li>a span:after { content:'';position:absolute;bottom:0;left:50%;width:0;height:2px;background:#000; }
.gnb .gnbList>li.hover span:after,
.gnb .gnbList>li>a:hover span:after,
.gnb .gnbList>li>a:focus span:after { left:0;width:100%;-webkit-transition:0.4s;-o-transition:0.4s;-moz-transition:0.4s;transition:0.4s; }
.gnb .gnbList .gnb_cont { display:none;position:absolute;left:0;width:100%;min-height:326px;padding-top:1.053em;padding-bottom:50px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; }
.gnb .gnbList .gnb_cont li a { display:inline-block;position:relative;margin:0.438em 0;padding:0.188em 0;color:#000; word-break:keep-all; }
.gnb .gnbList .gnb_cont li a:focus,
.gnb .gnbList .gnb_cont li a:hover { color:#0054ff; }
.gnb .gnbList .gnb_cont div { display:none; }

.header .headerItem { position:absolute;top:3.125rem;right:1%; font-size:0; }
.header .headerItem>div { display:inline-block; vertical-align:top; font-size:1rem; }
.header .headerItem .searchBox { position:relative; }
.header .headerItem .searchBox input[type="text"] { width:100%; max-width:7.125em; height:35px; padding:0.313em 22px 0.313em 0.313em; border:none; border-bottom:1px solid #000; line-height:35px; box-sizing:border-box; }
.header .headerItem .searchBox .btnSearch { position:absolute; top:4px; right:0; width:22px; }
.header .headerItem .language { position:relative; margin:0 1.250em; }
.header .headerItem .language p button { overflow:hidden; display:inline-block; width:24px; height:35px; border:none; background:url(../images/common/btn_lang.png) no-repeat 50% 50%; text-indent:-999px; cursor:pointer; }
.header .headerItem .language div { display:none; position:absolute; left:0; width:90px; margin-left:-32px; background-color:#fff; font-size:14px; }
.header .headerItem .language div ul { border:1px solid #dcdcdc; border-bottom:none; }
.header .headerItem .language div ul li { border-bottom:1px solid #dcdcdc; }
.header .headerItem .language div ul li a { display:block; padding:8px; }
.header .headerItem .btnSiteMap a { overflow:hidden; display:block; width:30px; height:35px; background:url(../images/common/btn_hamburger.png) no-repeat 50% 50%; text-indent:-999px; }

.header .navBg { display:none;position:absolute;left:0;width:100%;border-top:1px solid #f3f3f3;background-color:#fcfcfc;z-index:-1; }
.header.active .navBg { display:block;min-height:28.938em; }
.overlayBg { display:none;position:fixed; left:0; top:0; width:100%; height:100%; background:#000; background-color:rgba(0,0,0,0.5); }
.overlayBg.active { display:block; }

@media all and (max-width:1200px) {
    body { overflow-x:auto; min-width:320px; }

    /* header */
    .header .navBg,
    .header.active .navBg,
    .header .mainWeather { display:none; }
    .btnMoGnb,
    .gnb .gnbTit { display:block; }
    .header { z-index:auto; }
    .header .headerWrap { padding:1.455em 0;text-align:center; }
    .header .headerWrap .logo { display:inline-block;position:static;top:auto;left:auto;width:auto;max-width:22.778%;text-align:center; }
    .btnMoGnb { position:absolute;top:0;right:2.5%;height:100%; }
    .btnMoGnb button { overflow:hidden;display:inline-block;width:3.182em;height:100%;border:none;background:url(../images/common/btn_hamburger.png) no-repeat 50% 50%;background-size:2em auto;text-indent:-999px;cursor:pointer; }
    .gnb { overflow-y:auto;position:fixed;top:0;right:0;width:100%;max-width:330px;height:100%;margin-left:0;padding-bottom:5em;background-color:#212b3a;-webkit-transform:translateX(100%);-moz-transform:translateX(100%);-ms-transform:translateX(100%);-o-transform:translateX(100%);transform:translateX(100%); box-sizing:border-box; }
    .active .gnb { -webkit-transform:translateX(0);-webkit-transition:0.6s;-o-transition:0.6s;-moz-transition:0.6s;transition:0.6s;-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0);transition:0.6s; }
    .gnb .gnbTit,
    .gnb .gnbList { display:none; }
    .active .gnb { z-index:100; }
    .active .gnb .gnbTit,
    .active .gnb .gnbList,
    .active.header .gnb .moTnb { display:block; }
    .gnb .gnbTit { padding:24px;background-color:#014099;color:#fff; }
    .gnb .gnbTit h2 { color:#fff;text-align:left;font-weight:300;font-size:16px; }
    .gnb .moGnbClose { position:absolute;top:52px;right:10px; }
    .gnb .moGnbClose button { overflow:hidden;display:inline-block;width:35px;height:35px;border:none;background:url(../images/common/icon_close.png) no-repeat 50% 50%;background-size:15px auto;text-indent:-999px; }
    .header .gnb .moTnb { background:#01337a; }
    .header .gnb .moTnb ul { font-size:0; }
    .header .gnb .moTnb ul li { display:inline-block;position:relative;width:25%;vertical-align:top;font-size:1rem; }
    .header .gnb .moTnb ul li:before { content:'';position:absolute;top:11px;left:0;width:1px;height:18px;background:#27518e; }
    .header .gnb .moTnb ul li:first-child:before { content:none; }
    .header .gnb .moTnb ul li a { display:block;padding:12px 0;color:#fff;font-size:12px; }
    .gnb .gnbList { margin-left:0; background-color:#fff;font-size:11px; }
    .gnb .gnbList>li { display:block;border-bottom:1px solid #dedede;text-align:left;font-size:1.273em; }
    .gnb .gnbList>li>a { position:relative;padding:1.5em 1.714em;font-weight:700; }
    .gnb .gnbList>li>a span { display:block;padding:0; }
    .gnb .gnbList>li>a span:after { content:none; }
    .gnb .gnbList .opNav { overflow:hidden;display:block;position:absolute;top:1.571em;right:1.714em;text-indent:-999px;width:8px;height:8px;border-top: 1px solid #000;border-right: 1px solid #000;-webkit-transform: rotate(135deg);-moz-transform: rotate(135deg);-ms-transform: rotate(135deg);-o-transform: rotate(135deg);transform: rotate(135deg);transition:0.3s; }
    .gnb .gnbList .opNav.open { top:1.857em;-webkit-transform:rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform:rotate(-45deg); -o-transform:rotate(-45deg);transform:rotate(-45deg); }
    .gnb .gnbList .gnb_cont { position:static;top:auto;left:auto;min-height:auto;padding:1em 0;border-top:1px solid #dedede;background-color:#f8f8f8;text-align:left; }
    .gnb .gnbList .gnb_cont li a { display:block;margin:0;padding:0.769em 1.846em;font-size:0.929em; }
    .gnb .gnbList .gnb_cont div a { padding-left:3em;background:url(../images/common/bu_4p.png) no-repeat 2.2em 50%;background-size:auto 0.182em; }
    .header .headerItem { display:none; }
    .header .moSearch { overflow:hidden; display:block; position:absolute; top:0; left:2%; width:3.182em; height:100%; background:url(../images/common/btn_search.png) no-repeat 50% 50%;background-size:1.727em auto; text-indent:-999px; }
}

/*footer*/
.footer { padding-top:1.5em; padding-bottom:2.625em; border-top:1px solid #d2d0d0; background-color:#e2e0e0; text-align:center; }
.footer .ftWrap { text-align: center; }
.footer .ftSite { display:flex; justify-content:center; margin-bottom:2em; padding-bottom: 1.5em; border-bottom:1px solid #d2d0d0; }
.footer .ftSite .sponSite { display:flex; margin-top:0.4rem; vertical-align:top; }
.footer .ftSite .sponSite li { display:inline-block; margin-right:1.625em; }
.footer .ftSite .sponSite li a { display:block; }
.footer .ftSite .siteGo { flex-shrink:0; display:inline-block; position:relative; width: 12.5em; vertical-align:top; }
.footer .ftSite .siteGo > p button { overflow:hidden; display:inline-block; width:100%; height:3.643em; padding:0 1.143em; border:none; background:#cacaca; color:#363636; text-align:left; line-height:3.643em; font-size:0.875em; cursor:pointer; white-space:nowrap; text-overflow:ellipsis; }
.footer .ftSite .siteGo > p button span { display:block; position:relative; line-height:inherit; }
.footer .ftSite .siteGo > p button span:after { content:''; position:absolute; top:1.714em; right:0; width:0.714em; height:0.714em; border-top: 1px solid #303030; border-right: 1px solid #303030; transform:rotate(-45deg); -webkit-transform:rotate(-45deg); transition:0.3s; }
.footer .ftSite .siteGo.active > p button span:after { top:1.286em; transform:rotate(13deg); transform:rotate(135deg); }
.footer .ftSite .siteGo div { overflow-y:auto; display:none; position:absolute; bottom:3.643em; left:0; width:100%; border-left:1px solid #cacaca; border-right:1px solid #cacaca; background-color:#fff; text-align:left; font-size:0.875em; }
.footer .ftSite .siteGo div ul { max-height:18.750em; }
.footer .ftSite .siteGo div ul li { border-top:1px solid #cacaca; }
.footer .ftSite .siteGo div ul li a { overflow:hidden; display:block; padding:12px 15px; white-space:nowrap; text-overflow:ellipsis; }
.footer .ftInfo { display:flex; align-items:center; position: relative; max-width:1060px; margin:0 auto; text-align:left; box-sizing:border-box; }
.footer .ftInfo .ftLogo { display:inline-block; margin-right:3.625em; box-sizing:border-box; vertical-align:top; font-size:1rem; }
.footer .ftInfo .addr { display:inline-block; margin-top: 0.5em; color:#5b5b5b; vertical-align:top; line-height:1.5; font-weight:300; font-size:0.813rem; }
.footer .ftInfo .addr .number { display:flex; flex-wrap:wrap; }
.footer .ftInfo .addr address p { display: inline-block; margin-right: 0.625em; }
.footer .ftInfo .addr a { display:inline-block; color:#5b5b5b; }
.footer .ftInfo .addr span { display:inline-block; position:relative; margin-right:0.75em; padding-right:0.875em; vertical-align:top; }
.footer .ftInfo .addr span:after { content:''; position:absolute; top:0.357em; right:0; width:1px; height:0.857em; background:#bfbfbf; }
.footer .ftInfo .addr address p span:last-child::after { content:none; }
.footer .ftInfo .logoWa { position: absolute; top: 0; right: 0; }
@media all and (max-width:1200px) {
	.footer .ftInfo { padding:0 3%; }
}
@media all and (max-width:960px) {
	.footer { padding-bottom: 3em; }
	.footer .ftSite { padding:0 7% 1.2em; margin-bottom: 0; }
	.footer .ftSite .sponSite li { margin-right:0.5em; }
	.footer .ftSite .sponSite li a { display:inline-flex; }
	.footer .ftSite .sponSite li a img { max-height:2.182em; }
    .footer .ftInfo { display: block; margin-top: 1em; text-align:center; }
    .footer .ftInfo .ftLogo,
	.footer .ftInfo .logoWa { display:none; }
	.footer .ftInfo .addr { margin-top: 0; }
	.footer .ftInfo .addr .number { justify-content:center; }
	.footer .ftInfo .addr address p { display: block; margin-right: 0; }
}
@media all and (max-width:499px) {
	.footer .ftInfo .addr { font-size:0.909em; }
	.footer .ftInfo .addr address p span { display: block; }
	.footer .ftInfo .addr address p span::after { content:none; }
}