@charset "utf-8";

::placeholder { color:inherit; }

/* headerWrap */
.header { z-index:100; position:fixed; left:0; right:0; top:0; width:100%; background-color: #fff; }
.active.header::before { content:''; position:absolute; left:0; top:6.562rem; width:100%; height:1px; margin-top:-1px; background:#d1dadf; }
.active.header { height:380px; background-color: #fff; box-sizing:border-box; }
.header .headerWrap { position:relative; max-width:1920px; margin:0 auto; z-index:9; }
.header .btnMoGnb,
.gnb .util,
.gnb .gnbClose { display:none; }
.header .logo { position:absolute; left:2%; top:1.875em; z-index:2; }
.header .logo a { display:block; }
.gnbWrap { padding-left:6.25em; }
.gnbList { display:flex; justify-content:center; }
.gnbList>li { position:relative; padding-right:6.5%; }
.gnbList>li>a { display:inline-block; position:relative; padding-top:1.952em; padding-bottom:1.952em; color: #0c0c0c; text-align:center; line-height:1.1; font-weight:600; font-size:1.313em; }
.gnbList>li>a:hover,
.gnbList>li>a:focus { text-decoration:none; }
.gnbList>li>a:after { content:''; display:inline-block; position:absolute; left:0; bottom:0; width:0; height:0.312rem; background:#e33371; transition:0.4s; }
.gnbList>li.active>a:after,
.gnbList>li.hover>a:after { left:0; width:100%; }
.gnbList li .subMenu { display:none; position:absolute; left:0; width:100%; padding:2em 0 3em 0.125em; letter-spacing: -0.04em; box-sizing:border-box; }
.gnbList li .subMenu>ul { width:100%; letter-spacing:-.05em; }
.gnbList li .subMenu>ul>li { vertical-align:top; }
.gnbList li .subMenu>ul>li>a { display:inline-block; padding:.5em 0 0.222em; font-weight:500; }
.gnbList li .subMenu ul ul li { margin:5px 0; }
.gnbList>li .subMenu>ul>li a:hover,
.gnbList>li .subMenu>ul>li a:focus { color:#1061af; font-weight:700; }
.gnbList li .subMenu div ul li a { display:inline-block; padding-left:0.375em; background:url(../images/common/bu_4x1.svg) no-repeat 50% 50%; letter-spacing:-0.05em; }
.gnbList li .subMenu a[target="_blank"] { padding-right: 1.5rem; background:url(../images/common/icon_button_blank.png) no-repeat right 0 top 50% ; background-size:1.125rem auto; vertical-align:top; }
.gnb .gnbClose { display:none; z-index: 3; position:absolute; right:1.5%; top:2.562rem; }
.gnb .gnbClose button { overflow:hidden; position:relative; width:35px; height:35px; margin-top:-.25em; font-size:1.375em; text-indent:-999px; }
.gnb .gnbClose button::before,
.gnb .gnbClose button::after { content:''; position:absolute; left:50%; top:50%; width:1em; height:2px; margin-top:-1px; margin-left:-.5em; background:#000; margin-top:-1px; }
.gnb .gnbClose button::before { transform:rotate(45deg); }
.gnb .gnbClose button::after { transform:rotate(135deg); }

.header .hdItem { display:flex; align-items:center; position:absolute; top:2.25em; right:1.5%; }
.header .hdItem .login { display:flex; }
.header .hdItem .login li { position: relative; margin-left:0.5rem; padding-left:0.75rem; }
.header .hdItem .login li:first-child { margin-left: 0; padding-left: 0; }
.header .hdItem .login li::before { content:''; position: absolute; top:50%; left: 0; width: 3px; height: 3px; margin-top: -2px; border-radius:50%; background: #0c0c0c; }
.header .hdItem .login li:first-child::before { content:none; }
.header .hdItem .login li a { display: inline-block; }
.header .hdItem .btnTotalSearch { overflow:hidden; display:inline-block; width:35px; height:35px; margin-left:1.5em; background-image:url(../images/common/icon_search.png); background-repeat: no-repeat; background-position: 50% 50%; background-size:1.25em auto; color: #0c0c0c; text-indent:-999px; }
.header .hdItem .btnGnbAll { overflow:hidden; display:inline-block; width:35px; height: 35px; margin-left:0.625em; background-image:url(../images/common/icon_hamburger.png); background-repeat: no-repeat; background-position: 50% 50%; background-size:1.5em auto; text-indent:-999px; }
.active.header .hdItem .login li a { color: #000; }
.active.header .hdItem .login li::before,
.bg.header .hdItem .login li::before { background: #000; }

.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; }

/* footer */
.footer { padding:0 4%; border-top: 1px solid #ebeef0; }
.footer .ftWrap { display:flex; justify-content:space-between; max-width:1200px; margin:0 auto; padding-top: 2.25em; padding-bottom: 3em; }
.footer .ftWrap .ftInfo { text-align: right; }
.footer .ftWrap .ftInfo .ftLink { display:flex; justify-content:flex-end; margin-bottom:0.875em; }
.footer .ftWrap .ftInfo .ftLink li { position: relative; margin-right:0.75em; padding-right:0.937em; }
.footer .ftWrap .ftInfo .ftLink li:last-child { margin-right: 0; padding-right: 0; }
.footer .ftWrap .ftInfo .ftLink li::before { content:''; position: absolute; top: 50%; right: 0; width: 3px; height: 3px; margin-top: -2px; border-radius:50%; background: #000; }
.footer .ftWrap .ftInfo .ftLink li:last-child::before { content:none; }
.footer .ftWrap .ftInfo .ftLink li a { display: inline-block; padding:1px 0; font-weight: 500; font-size:0.937em; }
.footer .ftWrap .ftInfo address { color: #7c7b7b; font-weight: 500; font-size:0.937em; }
.footer .ftWrap .ftInfo address span { display: inline-block; margin-left: 0.75rem; }
.footer .ftWrap .ftInfo .copyright { margin-top: 2px; color: #7c7b7b; font-weight: 500; font-size: 0.875em; }

@media only screen and (max-width:1280px) {
	html { font-size:15px; }
}
@media only screen and (max-width:1200px) {
    html { font-size:13px; }

	body { overflow-y:auto; min-width:320px; }
	#wrap { padding-top:0; }
    /* header */
    .header::before,
	.header .hdItem .btnGnbAll,
	.header .hdItem .login,
    .header .gnbWrap { display:none; }
    .header { overflow:visible; position:sticky; border-bottom:1px solid #d1dadf; background-color: #fff; }
	.header.active { position: relative; height:auto; border-bottom:none; background:transparent; }
    .header .logo { position:static; max-width:none; text-align: center; }
    .header .logo a { display:inline-block; max-width:45%; padding-top:1.363em; padding-bottom:1.818em; }
    .header .btnMoGnb { display:block; position:absolute; right:3%; top:0; width:35px; height: 100%; }
    .header .btnMoGnb button { overflow:hidden; width:100%; height:100%; background:url(../images/common/icon_hamburger.png) no-repeat 50% 50%; background-size:1.909em auto; text-indent:-999px; }
	.header .hdItem { right: auto; top: 0; left:3%; height: 100%; }
	.header .hdItem .hdSearch { margin-left: 0; }
	.header .hdItem .btnTotalSearch { margin-left: 0; background-size:1.727em auto; }
    .header .gnbWrap { overflow-y:auto; position:fixed; right:0; top:0; width:360px; max-width:320px; height:100%; padding-right:0; padding:0; background:#fff; z-index:15; }
	.gnb .util { overflow: hidden; display:flex; padding:0 1em; background: #1061af; }
	.gnb .util a { display: inline-block; position: relative; padding:1.166em 1.333em; color: #fff; }
	.gnb .util a::before { content:''; position: absolute; top:calc(50% - 0.5em); left: 0; width: 1px; height:1em; background:rgba(255,255,255,0.55); }
	.gnb .util li { margin-left: -1px; }
	.gnb .util li:first-child a::before { content:none; }
	
    .gnbList { display:block; padding:0; }
	.gnbList li { position:relative; }
    .gnbList>li { display:block; margin-right:0; padding:0; border-top:1px solid #ededed; }
    .gnbList>li:first-child { border:none; }
    .gnbList>li>a { display:block; position:relative; padding:1.428em 2.181rem; text-align:left; color:#000; font-size:1.25em; }
    .gnbList li.open>a { color:#265DAC; font-weight:600; }
    .gnbList li.opNav>a:after { content:''; position:absolute; left:auto; right:6%; top:2.727rem; width:.5em; height:.5em; margin-top:-.5em; border-right:2px solid #7d7d7d; border-bottom:2px solid #7d7d7d; background:none; box-sizing:border-box; transform:rotate(45deg); transition:all .4s; }
    .gnbList li.opNav.open>a:after { margin-top:0; transform:rotate(225deg); }
    .gnbList li .subMenu { display:none; position:static; width:100%; padding:0.5em 0; border-top:1px solid #eee; background:#fafafa; text-align:left; font-size:1.182em; }
    .gnbList li .subMenu>ul>li { display:block; margin:0; }
    .gnbList li .subMenu>ul>li>a { display:block; padding:1rem 2.181rem; }
	.gnbList>li .subMenu>ul>li a:hover,
	.gnbList>li .subMenu>ul>li a:focus { color: #000; }
    .gnbList li .subMenu div { display:none; padding:0 2.273rem; }
	.gnbList li .subMenu ul ul { margin-top:-.5em; }
    .gnbList li .subMenu ul ul li { margin:0; }
    .gnbList li .subMenu ul ul li a { display:block; padding:0.385em 0 0.385em 10px; background:url(../images/common/bu_4x1.svg) no-repeat 0 50%; background-size:4px auto; color:#000; }
	.gnbList li .subMenu a[target="_blank"] { padding-right:2.181rem; background-position:right 2rem top 50%; }
    .gnb .gnbClose { display:block; top:0.636em; right:1em; }
	.gnb .gnbClose button { width: 35px; height: 35px; }
	.gnb .gnbClose button::before, 
	.gnb .gnbClose button::after { width:1.272em; height:2px; background: #fff; }
	
	/* footer */
	.footer .ftWrap { display: block; padding-top: 2.5em; padding-bottom:2.833em; }
	.footer .ftWrap .ftLogo { margin-bottom:1.833em; text-align: center; }
	.footer .ftWrap .ftLogo img { max-width:55.8542%; }
	.footer .ftWrap .ftInfo { text-align: center; }
	.footer .ftWrap .ftInfo .ftLink { flex-wrap:wrap; justify-content:center; margin-bottom: 1em; }
	.footer .ftWrap .ftInfo .ftLink li::before { width: 2px; height: 2px; }
	.footer .ftWrap .ftInfo .ftLink li a { padding:2px 0; }
	.footer .ftWrap .ftInfo address,
	.footer .ftWrap .ftInfo address
	.footer .ftWrap .ftInfo .copyright { font-size:0.833em; }

}
@media only screen and (max-width:720px) {
    html { font-size:12px; }
}