#navbar {position:fixed;top:0;width:100%;height:88px;background:#0072ff;border-bottom:1px solid #002e67;z-index:1000;}
#navbar .inside {width:100%;height:88px;line-height:88px;font-size:16pt;font-weight:600;}
/* 로고 */
#navbar .logo {float:left;padding:0 30px;}
#navbar .logo img {display:block;height:60px;margin:14px 0;}
/* GNB */
#navbar .gnb {float:right;}
#navbar .gnb .depth1 {margin:0;padding:0;list-style:none;}
#navbar .gnb .depth1 > li {float:left;position:relative;width:160px;height:88px;text-align:center;}
#navbar .gnb .depth1 > li > a {font-size:12pt;color:#fff;text-decoration:none;}
#navbar .gnb .depth1 > li > a.btn-xs {height:22px;font-size:11px;}
/* ========================= */
/* SUB MENU */
/* ========================= */
#navbar .sub-menu {display:none;position:absolute;top:87px;left:0;background:#0072ff;width:160px;padding:0;text-align:center;border:1px solid #002e67;border-top:1px solid #0072ff;z-index:1001;}
/* hover 시 표시 */
#navbar .menu-item:hover .sub-menu {display:block;}
/* sub li는 float 제거 */
#navbar .sub-menu li {float:none;height:auto;line-height:40px;padding:0;list-style:none;}
#navbar .sub-menu li a {display:block;padding:0 20px;color:#FFF;font-weight:normal;font-size:10pt;text-decoration:none;}
#navbar .sub-menu li a:hover {background:#FFF;color:#0072ff;}
/* clearfix */
#navbar .gnb .depth1:after {content:"";display:block;clear:both;}


.banner {
	margin-top: 88px;
	height: 580px;
	background: #FFF url('/layouts/default/image/bg_main_1.jpg');
	background-position: center;
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-size: cover;
}

.guides {
	background-color: #F3F9FF;
}

.info-wrap {
    display: flex;
    gap: 20px;
    justify-content: center;
	width: 1700px;
    padding: 20px 0;
	margin: 0 auto;
}

.info-box {
    display: flex;
    align-items: flex-start; /* 위 정렬 */
    gap: 15px;
    padding: 30px;
    border-radius: 10px;
	font-weight: 600;
    font-size: 11pt;
    line-height: 1.6;
}

.info-box img {
    width: 90px;
    height: 90px;
    object-fit: contain;
    flex-shrink: 0;
}

.info-box .txt {
    display: flex;
    flex-direction: column;
}


/* 각 박스 색상 */
.box1 { flex: 1.3; background: #daedfe; }
.box2 { flex: 1; background: #ffecff; }
.box3 { flex: 1; background: #e1f4d8; }

/* 텍스트 스타일 */
.info-box h3 {
	padding: 0;
	margin: 0;
	font-size: 15pt;
    font-weight: 800;
    margin-bottom: 8px;
}

.info-box p {
    margin: 0;
}

.info-box .color {
    text-align: right;
    font-size: 12px;
    color: #555;
    margin-bottom: 5px;
}

.notice {
	scroll-margin-top: 88px;
	padding-bottom: 2rem;
	background:rgba(63, 151, 92, 0.9);
	color: #FFF;
}
.notice h1 {
	padding-top: 3rem;
	margin: 0;
	font-size: 40pt;
	color: #FFF;
}

.notice .notice-list {padding:20px 50px;}
.notice .notice-list h2 {margin:0 0 10px 0;font-size:24pt;}
.notice .notice-list p {font-size:16pt;}

.apply {
	scroll-margin-top: 88px;
	padding-top: 3rem;
	padding-bottom: 5rem;
	background: #FFF;
}

.faq {
	scroll-margin-top: 88px;
	padding-bottom: 5rem;
	background: #111;
}
.faq h1 {
	padding-top: 3rem;
	margin: 0;
	font-size: 40pt;
	color: #fff;
}

.situation {
	scroll-margin-top: 88px;
	padding-bottom: 2rem;
	background: #FFF;
}
.situation h1 {
	padding-top: 3rem;
	margin: 0;
	font-size: 40pt;
	color: #000;
}

.situation .situation-list {padding:20px 50px;}
.situation .situation-list p {font-size:16pt;}

.wrap {width:1120px;margin:0 auto;}
.wrap_small {width:900px;margin:0 auto;}

hr {width:310px;height:2px;margin:10px auto 20px auto;}
hr.hr-light {background-color:#FFF;}
hr.hr-dark {background-color:#000;}

.w380 {width:380px;}
.w400 {width:400px;}
.w200 {width:200px;}
.w580 {width:580px;}