body, html {height:100vh;overflow:hidden;}

#navbar {width:100%;height:88px;background:#2559a7;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:88px;left:0;background:#2559a7;width:160px;padding:0;text-align:center;border:2px solid #2559a7;border-top:none;z-index:999;}
/* 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:#2559a7;}
/* clearfix */
#navbar .gnb .depth1:after {content:"";display:block;clear:both;}

#sub {display: flex;width:100%;height:100vh;overflow:hidden;}
#sub .sub_l {float:left;width:280px;height:100vh;border-right:1px solid #d0d0d0;flex-shrink:0;}
#sub .sub_l .copyright {position:fixed;left:0;bottom:0;width:280px;padding:20px;font-size:10pt;text-align:center;}
#sub .sub_l .copyright .agree {display:flex;justify-content:center;gap:56px;}

#sub .sub_r {flex:1;float:right;width:calc(100% - 280px);padding:20px 50px 30px 50px;overflow-y:auto;}

#sub .sub_r .sub_top {width:100%;height:80px;padding:20px 0 20px 10px;margin:0 0 20px 0;font-size:20pt;border-bottom:3px solid #333;color:#333;}

#lnb {width:100%;}
#lnb h2 {position:relative;cursor:pointer;height:100px;margin:0;padding:10px 8% 40px 8%;font-size:17pt;line-height:100px;color:#FFF;background-color:#428bca;letter-spacing:-2px;}
#lnb h2 i {
	position: absolute;
	right: 10px;
	bottom: 10px;
	font-weight: normal;
	font-size:40pt;
	opacity : 0.4;
	filter: alpha(opacity=40);
	-moz-opacity:0.4;
	-khtml-opacity: 0.4;
}
#lnb li {height:80px;margin-top:1px;padding:0 10%;font-weight:300;font-size:12pt;line-height:80px;color:#676767;background-color:#eaeaea;}
#lnb li:hover,
#lnb .on {font-weight:600;color:#FFF;background-color:#333;}
#lnb li i {float:right;font-size:16pt;line-height:80px;}
#lnb li dl {width:100%;}
#lnb li dd {cursor:default;width:90%;height:40px;margin-top:1px;padding:0 5%;font-size:11pt;line-height:40px;color:#676767;z-index:10;}
#lnb li dd a {color:#FFF;} 
#lnb li dd.on a {font-weight:500;color:#656565;}
#lnb li dd.on i {float:right;margin:-2px -4% 0 0;font-size:12pt;line-height:40px;color:#656565;}