@charset "UTF-8";

html, body {
	font-family: 'Noto Sans KR', sans-serif;
	min-width:1400px;
}

.pageTitle {
	display:none;
}

/* header */
body header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 95px;
    background-color: #fff;
    z-index: 10000;
    border-bottom:1px solid #cfcfcf;
}

header h1 {
	display:flex;
	flex-direction: column;
	align-items: flex-end;;
	font-size: 11px;
	font-weight: bold;
	color:#1a5d8c;
	word-spacing: 2px;
    letter-spacing: 4px;
    margin-bottom: 15px;
}

header h1 img{
	margin-bottom: -28px;
}
.header__wrapper {
	display:flex;
	justify-content:space-between;
	align-items:center;
	width:1400px;
	height:100%;
	margin: 0 auto;
}

.header__wrapper button {
	width:120px;
	height:40px;
	border-radius:40px;
	border:none;
	padding:0;
	overflow:hidden;
}

.header__wrapper button a {
	display:flex;
	justify-content:center;
	align-items:center;
	width:100%;
	height:100%;
	font-size:15px;
    font-weight: 600;
	color:#fff;
	background-color:#1A5D8B;
	transition:all 0.5s;
	border-radius:40px;
	border:1px solid transparent;
}

.header__wrapper button a:hover {
	color:#1A5D8B;
	background-color:#fff;
	border:1px solid #1A5D8B;
}

.login__button {
	border:none;
	background-color:transparent;
	width:50px;
	padding:0;
}

.login__button a {
	border-radius: 0;
    background-color: #fff;
    color: #000;
    font-size: 15px;
    font-weight: 700;
}

.header__wrapper ul {
	display:flex;
	justify-content:space-between;
	width:550px;
	height:100%;
}

.header__wrapper ul li {
	position:relative;
	width:27%;
}

.header__wrapper ul li > a {
	position:relative;
	display:flex;
	justify-content:center;
	align-items:center;
	width:100%;
	height:100%;
	font-size:20px;
	font-weight:700;
	background-color:#fff;
	z-index:1;
}

.header__wrapper ul li > a span {
	position:absolute;
	width:0;
	height:5px;
	background-color:#df3517;
	bottom:0;
	left:50%;
	transform:translateX(-50%);
	transition:all 0.5s;
}

.header__subbg {
	display:none;
	position: absolute;
	left:0;
	bottom:-50px;
    background-color: #1a5d8b;
    width: 100%;
    height:50px;
    transition: all 0.5s;
}

.header__sub {
	display:none;
	padding:15px 0;
    position: absolute;
    width: 200%;
    height:50px;
    transition: all 0.5s;
}

.header__sub a {
	font-size: 15px;
    font-weight: 500;
	color:#fff;
	margin-right:20px;
}

/* sitemap */

.sitemap {
	display:none;
	justify-content:center;
	align-items:center;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.5);
	z-index:100000;
}

.sitemap__wrap {
	position:relative;
	display:flex;
	justify-content:space-between;
	width:800px;
	height:300px;
	background-color:#fff;
	padding: 30px;
    border-radius: 20px;
    transform:scale(0);
    transition:all 0.5s;
}

.sitemap__wrap button {
	position: absolute;
    top: -50px;
    right: -50px;
    border: none;
    background-color: transparent;
    font-size: 30px;
    color: #fff;
    cursor: pointer;
}

.sitemap__wrap li {
	display:flex;
	flex-direction:column;
	width:25%;
}

.sitemap__wrap h3 {
	display:flex;
	justify-content:center;
	align-items:center;
	background-color:#1B608D;
    padding: 10px 30px;
    margin-bottom:30px;
}

.sitemap__wrap h3 a {
	color:#fff;
}

.sitemap__sub {
	display:flex;
	flex-direction:column;
}

.sitemap__sub a {
	display: flex;
    justify-content: space-between;
    align-items: center;
	font-size: 18px;
    font-weight: 500;
    color: #000000;
    margin-bottom: 20px;
    padding: 10px;
    border: 1px solid rgba(0,0,0,0.1);
}

.sitemap__sub i {
	color:#1b608d;
}

.sitemap__sub a:hover {
	color:#fff;
	background-color:#6298bb;
}


/* footer */

body footer {
	display:flex;
	justify-content:center;
	align-items:center;
	width:100%;
	height:250px;
	border-top:1px solid rgba(0,0,0,0.5);
}

.footer__container {
	display:flex;
	justify-content:space-between;
	align-items:center;
	width:1400px;
	height:165px;
}

.footer__wrapper {
	display:flex;
	flex-direction:column;
	justify-content:space-between;
	width:1200px;
	height:100%;
}

.footer__top {
	display:flex;
	justify-content:space-between;
	width:100%;
	height:80px;
	border-bottom:1px solid #000;
	padding-bottom:15px;
}

.footer__topLeft h6 {
	font-size:15px;
	font-weight:600;
	margin-bottom:15px;
}

.footer__topLeft h6 span {
	font-size:15px;
	font-weight:500;
	color:#424542;
	margin-left:10px;
}

.footer__topLeft h5 {
	font-size:25px;
	font-weight:700;
	color:#002e99;
}

.footer__topRight {
	display:flex;
    align-items: flex-end;
}

.footer__topRight li {
	display:flex;
	align-items:center;
	margin-right:5px;
	font-size:15px;
	font-weight:600;
}

.footer__topRight li:last-child {
	margin-right:0;
}

.footer__topRight li span {
	display:block;
	width:10px;
	height:10px;
	border-radius:100%;
	margin-right:5px;
	margin-top:3px;
}

.footer__topRight li:nth-child(1) span {
	background-color:#E04317;
}

.footer__topRight li:nth-child(2) span {
	background-color:#1C7DB3;
}

.footer__topRight li:nth-child(3) span {
	background-color:#1A5D8B;
}

.footer__topRight li:nth-child(4) span {
	background-color:#3C9BBB;
}

.footer__bottom {
	display:flex;
	justify-content:space-between;
}

.footer__bottomText h5 {
	margin-bottom:10px;
}

.footer__bottomText h5 span {
	font-size:15px;
	font-weight:600;
	margin-right:20px;
}

.footer__bottomText p {
	font-size:15px;
	font-weight:600;
	color:#939393;
}

.footer__bottomRight {
	display:flex;
	flex-direction:column;
	justify-content:space-between;
    align-items: flex-end;
}

.footer__bottomIcon {
	display:flex;
	justify-content:space-between;
	width:120px;
}