html {
    scroll-behavior: smooth;
}

/* 본문 건너뛰기 */
#skipToMenu { position: relative; }
#skipToMenu a {
	display: block;
	height: 1px;
	width: 1px;
	margin: -1px;
	overflow: hidden;
	text-align: center;
	color: #000;
	white-space: nowrap;
}
#skipToMenu a:focus,
#skipToMenu a:active {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9999;
	height: 55px;
	width: 100vw;
	font-size:20px;
	padding: 15px;
	border-radius:0 15px 15px 0;
	background: rgba(7,17,54,.95);
	color: #fff;
	font-weight: 700;
	animation: skip 1s;
}
@keyframes skip {
	0% { opacity:0;  }
	100% { opacity:1; }
}


/* * { font-family: "FlightSans", 'Pretendard', 'sans-serif'; font-size:16px; }*/

.skip, .hidden, .blind {
	position:absolute;
	clip:rect(0 0 0 0);
	width:1px;
	height:1px;
	margin:-1px;
	overflow:hidden;
}
.pc { }
.mobile { display:none !important; }
html { scroll-behavior: smooth; }
html.fixed { overflow-y:hidden; }
.inner { max-width:1440px; }

@media (max-width:1199px) {
    .pc { display:none !important; }
    .mobile { display:block !important; }
    .inner { max-width:100%; }
}
@media (max-width:767px) {
    * { font-size:14px; }
}

/* scroll style */
*::-webkit-scrollbar {width: 12px; height: 12px;}
*::-webkit-scrollbar-thumb {
	background: #000;
	border-radius: 10px;
	background-clip : padding-box;
	border: 3px solid transparent;
}

/***********************************************************************************************/


/*header*/
.hd { width: 100%; height:130px; background:#fff; box-shadow:0 0 5px rgba(0,0,0,.1); position:fixed; top:0; left:0; z-index:100; }
.hd.on { background:rgba(255,255,255,.9); }
.hd > div { padding:0 60px; box-sizing:border-box; }
.hd .top { display:flex; align-items: center; justify-content: space-between; border-bottom:1px solid #f2f2f2; height: 50px; }
.hd .top > p img { width: 98px; }
.hd .top .linkBox { display: flex; }
.hd .top .linkBox .lang { position:relative; }
.hd .top .linkBox .lang button { position:relative; padding:0 20px 0 25px;  font-size:14px; }
.hd .top .linkBox .lang button:before { content:""; display:block; width:17px; height:18px; position:absolute; top:0; left:0; background:url(/images/home/kor/user/header/icon_global.png) no-repeat left center; }
.hd .top .linkBox .lang button:after { content:""; display:block; width:8px; height:5px; background: url(/images/home/kor/user/header/bullet_arrow.png) no-repeat right center; position:absolute; top:46%; right:0; }
.hd .top .linkBox .lang.on button:after { transform:rotate(180deg);}
.hd .top .linkBox .lang ul { display:none; position:absolute; top:130%; left:0; width: 100%; background:#fff; border:1px solid #e0e0e5; }
.hd .top .linkBox .lang ul a { color:#000; font-size:12px; padding:5px; }
.hd .top .linkBox p { font-size:14px; }
.hd .top .linkBox p a { display:inline-block;  }
.hd .top .linkBox p:before { content:""; display:inline-block; float:left; width:1px; height:13px; background:#f2f2f2; margin:2px 15px 0; }

.hd .inner { height: 80px; display: flex; align-items: center; justify-content: space-between; max-width:100%; }
.hd .inner h1 a img { width:172px; }
.hd .inner nav { display:flex; align-items: center; height:100%;  }
#gnb { display:flex; gap:0 75px; align-items: stretch;  height:100%; }
#gnb li { height: 100%; display:flex; align-items: center; }
#gnb li.none { display:none; }
#gnb li > a { font-size:19.5px;  }
#gnb li.on > a { color:#2f3191; }
.hd form { width:270px; height:42px; background:#eee; border-radius:21px; margin:0 25px 0 50px; }
.hd legend { display:none; }
.hd form div { display:flex; gap:10px; }
.hd form div input { border:none; width:calc(100% - 45px); height:42px; background:none; text-indent:15px; }


@media (max-width:1800px) {
    .hd > div { padding:0 40px; }
    #gnb { gap:0 55px; }
}
@media (max-width:1600px) {
    .hd > div { padding:0 15px; }
    .hd form { width:180px; margin:0 25px 0 40px; }
}
@media (max-width:1450px) {
    #gnb { gap:0 30px; }
}
@media (max-width:1300px) {
    #gnb { gap:0 15px; }
    .hd form { width:150px; margin:0 20px 0 25px; }
}
@media (max-width:1199px) {
    .hd { height:auto; background:none; box-shadow:0 0 5px rgba(0,0,0,.1); border-bottom:1px solid rgba(255,255,255,.2); }
    .hd .top { display:none; }

    .hd .inner nav.mobile { display:flex !important; gap:30px; }
    .hd .inner h1 { display:flex; align-items: center; gap:20px; margin-top:5px; }
    #gnb { display:none; }
    .hd.on .mobile img { filter:invert(100%); }
}
@media (max-width:767px) {
    .hd .inner { height:55px; }
    .hd .inner h1 { gap:15px; }
    .hd .inner h1 a img { width:95px; }
    .hd .inner h1 .mobile img { width:70px; }
    .hd .inner nav.mobile { gap:20px; }
    .hd .inner nav.mobile button { width:20px; }
}



/***********************************************************************************************/




/*gnb 하위메뉴*/
#gnb .depth { position:fixed; display:none; flex-wrap: wrap; top:130px; left:0; width:100%; min-height: 300px; background:#fff; border-top:1px solid #f2f2f2; box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px; }
#gnb .depth:before { content:""; display:block; width:20.83%; height: 100%; background:#2f318e url(/images/home/kor/user/header/bg_gnb.png) no-repeat right bottom; position:absolute; top:0; left:0; }
#gnb .depth .inner { padding:0 60px; align-items: flex-start; box-sizing:border-box; z-index:5; max-width:100%; width:100%; overflow:hidden; height:auto; justify-content: flex-start; }
#gnb .depth .tit { width:23.28%; height:100%; float:left; z-index:5; }
#gnb .depth .tit h2 { margin-top:45px; color:#fff; font-size:30px; font-weight: 700; word-break:break-all; width:90%;}
#gnb .depth .menu { width:100%; display:flex; flex-wrap: wrap; float:left; box-sizing:border-box; padding-left:30px; }
#gnb .depth .menu dl { width:33.33%; margin-top:45px; padding-left:50px; }
#gnb .depth .menu dt { font-size:17px; font-weight: 700; margin-bottom:15px; }
#gnb .depth .menu dt a { color:#000; }
#gnb .depth .menu dd { margin-top:10px; }
#gnb .depth .menu dd a { color:#666; }
#gnb .depth .menu dt a:hover,
#gnb .depth .menu dd a:hover,
#gnb .depth .menu dt a:focus,
#gnb .depth .menu dd a:focus { color:#2f3191; }

@media (max-width:1800px) {
    #gnb .depth .inner { padding:0 40px; }
    #gnb .depth .tit { width:24.3%; }
}

@media (max-width:1600px) {
    #gnb .depth .inner { padding:0 15px; }
    #gnb .depth .tit { width:25.3%; }
}


/***********************************************************************************************/



/*사이트맵*/
@media (min-width:1200px) {
    .sitemap { background:#fff; position:fixed; top:0; left:0; width:100%; height:100%; min-height:630px; z-index:100; display:none; }
    .sitemap:before { content:""; display:block; width:1px; height:100%; background:#ddd; position:absolute; top:0; right:21.875%; }
    .sitemap .top { display:none; }
    .sitemap h1 { display:inline-block; width:auto; margin:25px 0 25px 60px; }
    .sitemap h1 img { width:217px; }
    .sitemap button.close { position:absolute; top:10px; right:10px; width:80px; height:80px; background:#2f3191 url(/images/home/kor/user/header/icon_close.png) no-repeat center; font-size:0; }
    .sitemap article { overflow:hidden; height: calc(100% - 106px); margin-top:10px; display:flex; }
    .sitemap .menuBox { width:77.9%; height: 100%; overflow-y:auto; padding:60px; background:url(/images/home/kor/user/header/bg_sitemap.png) no-repeat bottom right; }
    .sitemap .menuBox li:not(:first-child) { margin-top:80px; }
    .sitemap .menuBox li.none { display:none; }
    .menuBox li > a { display:none; }
    .sitemap .menuBox h2 { color:#000; font-size:40px; font-weight: 700; }
    .sitemap .menuBox .menu { margin-top:30px; border-top:1px solid #ebebeb; border-left:1px solid #ebebeb; display:flex; flex-wrap: wrap; position:relative; }
    .sitemap .menuBox .menu.m1,
    .sitemap .menuBox .menu.m2 { border-top-color:transparent; }
    .sitemap .menuBox .menu.m1:before { content:""; display:block; width:33.33%; height:1px; background:#ebebeb; position:absolute; top:0; left:0;  }
    .sitemap .menuBox .menu.m2:before { content:""; display:block; width:66.66%; height:1px; background:#ebebeb; position:absolute; top:0; left:0;  }
    .sitemap .menuBox dl { border-bottom:1px solid #ebebeb; border-right:1px solid #ebebeb; width:33.33%; box-sizing:border-box; padding:40px 30px; }
    .sitemap .menuBox dl:hover { background:#fbfbfb;}
    .sitemap .menuBox dt { font-size:18px; color:#000; font-weight: 700; }
    .sitemap .menuBox dd { font-size:16px; position:relative; padding-left:10px; margin-top:12px; }
    .sitemap .menuBox dt+dd { margin-top:15px; }
    .sitemap .menuBox dd:before { content:""; display:block; width:2px; height:2px; background:#bbb; position:absolute; top:50%; left:0; transform:translateY(-50%); }
    .sitemap .menuBox dd a { color:#666; }
    .sitemap .menuBox dd:hover a { color:#2f3191; }
    .sitemap .menuBox dd:hover:before { background:#2f3191; }
    .sitemap nav { width:21.875%; height: 100%;  position:relative; font-family: "FlightSans"; }
    .sitemap nav > div { height:100%; display:flex; flex-direction: column; justify-content: space-between;}
    .sitemap nav ul { padding:0 8%; }
    .sitemap nav ul:first-child { margin-top:45px; }
    .sitemap nav li { margin-bottom:30px; }
    .sitemap nav li a { color:#a3a3a3; font-size:24px; font-weight: 700; font-family: "FlightSans"; }
    .sitemap nav li.on a,
    .sitemap nav li a:hover,
    .sitemap nav li a:focus { color:#333; }
    .sitemap nav li a img { display:none; }
    .sitemap nav ul:last-child li { margin-bottom:20px; }
    .sitemap nav ul:last-child li a { font-size:18px; color:#333; }
    .sitemap nav ul:last-child li.on a,
    .sitemap nav ul:last-child li a:hover,
    .sitemap nav ul:last-child li a:focus { color:#aaa; }
}
@media (max-width:1199px) {
    .sitemap { background:#fff; position:fixed; top:0; left:0; width:100%; height:100%; z-index:100; display:none; }
    .sitemap h1 { display:none; }
    .sitemap .top { width:100%; height:60px; background:#071136; font-family: "FlightSans"; display:flex; align-items: center; box-sizing:border-box; padding:0 15px; gap:10px; font-size:16px; }
    .sitemap .top p { display:inline-block; }
    .sitemap .top i { display:inline-block; width:1px; height:14px; background:#525973; }
    .sitemap .top a { color:#fff; }
    .sitemap .top > a { display:flex; align-items: center; justify-content: center; margin-left:10px; width:100px; height:38px; border:2px solid #b5b8c3; border-radius:30px; font-weight: 700; }
    .sitemap button.close { position:absolute; top:15px;  right:15px; width:25px; height:25px; background: url(/images/home/kor/user/header/icon_close.png) no-repeat center; font-size:0; }

    .sitemap article,
    .sitemap .menuBox,
    .sitemap .menuBox ul { width:100%; height:100%; position:relative; }
    .sitemap .menuBox:before { content:""; display:block; width:40%; height:100%; background:#233886; position:absolute; top:0; left:0; }
    .sitemap > nav { display:none; }

    .sitemap .menuBox li > a { width:40%; height:60px; font-family: "FlightSans"; position:relative; color:#fff; font-size:18px; display:flex; align-items: center; box-sizing:border-box; padding-left:15px; border-bottom:1px solid #4f609e; }
    .sitemap .menuBox li.on > a { background:#fff url(/images/home/kor/user/header/icon_arrow_sitemap.png) no-repeat right 15px center; color:#071136; font-weight: 700; }

    .sitemap .menuBox .depth { display:none; width:60%; height:100%; position:absolute; top:0; right:0; padding:0 15px; }
    .sitemap .menuBox .depth .tit { display:none; }
    .sitemap .menuBox .depth dt { height:65px; border-bottom:1px solid #d9ddec; font-weight: 700; font-size:20px; }
    .sitemap .menuBox .depth dt a { width:100%; height: 100%; display:flex; align-items: center; position:relative; padding-right:25px; }
    .sitemap .menuBox .depth dt a:after { content:""; display:block; width:15px; height:3px; background:#000; position:absolute; top:50%; right:0; transform:translateY(-50%); }
    .sitemap .menuBox .depth dt a:before { content:""; display:block; width:3px; height:15px; background:#000; position:absolute; top:50%; right:6px; transform:translateY(-50%); }
    .sitemap .menuBox .depth dd { background:#eff2ff; display:none; padding:12px 15px; font-size:18px; }
    .sitemap .menuBox .depth dl.on dt a:before { display:none; }
    .sitemap .menuBox .depth dl.on dd { display:block; }
    .sitemap .menuBox li.on .depth { display:block; }

}
@media (max-width:767px) {
    .sitemap .top { height:55px; font-size:14px; }
    .sitemap .top > a { width:83px; height:27px; border-width:1px; font-size:14px; margin-left:5px; }
    .sitemap button.close { width:13px; height:13px; top:20px; }
    .sitemap .menuBox:before { width:190px; }
    .sitemap .menuBox li > a { width:190px; font-size:14px; box-sizing:border-box; padding-right:50px; /*pointer-events: none;*/ }
    .sitemap .menuBox li.on > a { background-size:14px; }
    .sitemap .menuBox .depth { width:calc(100% - 190px); }
    .sitemap .menuBox .depth dt { height:55px; font-size:15px; }
    .sitemap .menuBox .depth dt a:before { width:2px; height:14px; }
    .sitemap .menuBox .depth dt a:after { width:14px; height:2px; }
    .sitemap .menuBox .depth dd { font-size:14px; padding:10px; }
    .sitemap .menuBox .depth dd a { font-weight: 700;}
}
@media (max-width:480px) {
    .sitemap .menuBox:before{ width:150px; }
    .sitemap .menuBox li > a { width:150px; padding-right:40px; word-break:break-all; }
    .sitemap .menuBox .depth { width:calc(100% - 150px); }
    .sitemap .menuBox .depth dt { height:55px; font-size:13px; }
    .sitemap .menuBox .depth dd { font-size:13px; }
}


/*footer*/
.ft { background:#191919; font-size:13px; color:#b7b7b7; font-family: 'Pretendard', 'sans-serif'; position:relative; z-index:50; }
.ft > nav.inner { border-bottom:1px solid #474747; display:flex; height: 100px; align-items: center; justify-content: space-between; margin:auto; }
.ft .sns { display:flex; }
.ft .sns li { position:relative; padding:0 20px; }
.ft .sns li:first-child { padding-left:0; }
.ft .sns li:not(:first-child):before { content:""; display:block; width:1px; height:14px; background:#444; position:absolute; top:50%; left:0; transform:translateY(-50%); }
.ft .sns li a { color:#aaa; font-size:14px; display:flex; align-items:center; }
.ft .sns li a img { margin-right:10px; height:15px; }
.ft .fnb { display:flex; gap:35px; }
.ft .fnb li a { color:#9d9d9d; font-size:16px; }
.ft .fnb li:first-child a { color:#5458f2; }
.ft article.inner { padding:35px 0 45px; margin:auto; display:flex; justify-content: space-between; align-items: flex-end; }
.ft article.inner > div:not(.toggle) { width:calc(100% - 300px); }
.ft h2 { display:flex; gap:25px; overflow:hidden; }
.ft h2 img:first-child { height:14px; }
.ft h2 img:nth-child(2) { height:20px; }
.ft .address { margin-top:13px; font-size:14px; overflow:hidden; color:#8d8d8d; width:100%; display:block !important; }
.ft .address p { float:left; margin:0 18px 15px 0; }
.ft .address p:nth-child(3) { clear:left; }
.ft .address p span { color:#fff; font-weight: 700; }
.ft .copyright { margin-top:15px; color:#585858; font-size:14px; }

.ft .toggle { width:260px; height:55px; border:1px solid #aeaeae; border-radius:25px; position:relative; }
.ft .toggle > button { font-size:15px; color:#a3a3a3; width:100%; height:100%; display:flex; align-items: center; padding-left:20px; box-sizing:border-box; }
.ft .toggle > button:before { content:""; display:block; width:20px; height:20px; background:url(/images/home/kor/user/footer/bullet_sitemap.png) no-repeat center; position:absolute; top:50%; right:20px; transform:translateY(-50%) rotate(0); }
.ft .toggle.on > button:before { transform:translateY(-50%) rotate(180deg); }
.ft .toggle ul { border:1px solid #fff; position:absolute; bottom:100%; left:0; width:100%; border-radius:25px; display:none;  background:#191919; padding:10px 0; }
.ft .toggle ul li { overflow:hidden; padding:8px 20px; }
.ft .toggle ul li a { color:#a3a3a3; font-size:15px; }

@media (max-width:1470px) {
    .ft { padding:0 15px; }
}
@media (max-width:1199px) {
    .ft article.inner { flex-direction: column-reverse; align-items:flex-start; }
    .ft .sns li { padding:0 15px; }
    .ft .fnb { gap: 15px; }
    .ft .toggle { width: 100%; }
    .ft article.inner > div:not(.toggle) { width: 100%; margin-top:30px; }
    .ft h2 img:first-child { height:18px; }
}

@media (max-width:1000px) {
    .ft > nav.inner { flex-direction: column; padding:20px 0; height:auto; gap:30px; }
    .ft .sns { flex-wrap: wrap; width:100%;  }
    .ft .sns li { padding:0 15px; width:25%; }
    .ft .sns li:last-child { padding-right:0; }
    .ft .sns li a { justify-content: center; }
    .ft .fnb { gap: 15px; align-self:flex-start; }

    .ft .toggle { width: 100%; }
    .ft article.inner > div:not(.toggle) { width: 100%; margin-top:30px; }
    .ft h2 img:first-child { height:18px; }
}
@media (max-width:767px) {
    .ft > nav.inner { padding:15px 0; }
    .ft .sns { gap:15px 0; }
    .ft .sns li { width:50%; }
    .ft .sns li:nth-child(3):before { display:none; }
    .ft .sns li:nth-child(3) { padding-left:0; }
    .ft .sns li a { justify-content: flex-start; }
    .ft .toggle { height: 45px; }
    .ft .toggle > button { font-size:14px; }
    .ft .toggle > button:before { background-size:12px; width:12px;}
    .ft .toggle ul li a { font-size:14px; }
    .ft h2 { gap:10px; }
    .ft .address p { margin:0 18px 7px 0; }
    .ft .fnb { margin-top:0; }
    .ft .fnb li a { font-size:15px; }
    .ft .copyright { margin-top:10px; }

}