@charset "utf-8";
.sub-top-bg {max-width:2000px; position: relative; background-repeat: no-repeat; width: 100%; height: 305px; margin: 0 auto; 
; display:flex; align-items:center; justify-content: center; padding:0 12px;}
.sub-top-bg h3{color: #162a5d; font-size: 60px;  font-weight:bold;}
.sub-top-bg:before{animation-name:subVisual;animation-duration:2s;animation-fill-mode:forwards; width:100%; height:100%; content:""; display:block; top:0; left:0; position:absolute;
 background-position:center; background:url(/resources/custom/images/apply/sub/sub-top-bg.jpg); background-size:cover; border-radius: 0 0 50px 50px;z-index: -1;}
@keyframes subVisual{
  0%{filter:blur(10px);transform:scale(1.1);}
  100%{filter:blur(0);transform:scale(1);}
}

/*page_nav*/
/*.page_nav{margin:0 auto; position:absolute; left:50%; bottom:-40px; transform:translateX(-50%); background:#fff;   padding:10px ; border-radius:100px; box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);z-index: 1;}*/
.page_nav{margin:0; position:absolute;  left:0; bottom:-40px; /*transform:translateX(-50%);*/ background:#fff; padding:3px; border-radius:100px; box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);z-index: 1;}
#lnb{display:flex; align-items:center;}
#lnb .home{display:flex; }
#lnb .lnb{margin:0 auto; height:50px; background:#fff; border-radius:60px; box-shadow:0 1px 10px rgba(0,0,0,0.12), 0 1px 10px rgba(0,0,0,0.24)}
#lnb .lnb:after{content:""; display:block; clear:both;}
#lnb .lnb-item > ul > li > a{display:block; width:100%; height:50px; float:left; color:#5a5a5a; line-height:50px;  padding:0 20px; background:#fff; /*font-size:20px;*/font-size:18px; font-weight:400;}
#lnb .lnb .sub-menu{position:relative; padding-top:50px; float:left; height:0px; overflow:hidden; float:left; width:200px; }
#lnb .lnb .sub-menu{height:50px;} 
#lnb .lnb .sub-menu a{color:#5a5a5a; line-height:50px; display:block; width:100%; height:100%; padding:0 12px; font-weight:400;}
#lnb .lnb .sub-menu .active{position:absolute; height:50px; top:0; left:0; }

#lnb .lnb-item {position: relative; width: 250px; height: 50px; font-size: 16px; font-weight: 600; }
#lnb .lnb-item:before{content:""; display:block; width:1px; height:35px; right:0; top:50%; transform:translateY(-50%); background:#eee; position: absolute;}
#lnb .lnb-item:last-child:before{display:none;}
#lnb .lnb-item > ul              { position: absolute; top: 0; left: 0; right: 0; padding-top: 50px; height: 0px; overflow: hidden;}
#lnb .lnb-item > ul .active      { position: absolute; top: 0; left: 0; right: 0; height: 50px; background: rgba(0, 0, 0, 0);}
#lnb .lnb-item > ul .active a{background: url(/resources/custom/images/apply/sub/ico-lnb-open.png)no-repeat right 20px center / 16px auto; color: #1e1e1e;}
#lnb .lnb-item > ul .active.open a {font-weight: 400; border:none; }
#lnb .lnb-item > ul .active.open a:active, .lnb-item > ul .active.open a:focus {color: #4dbabe;}
/*.lnb-item > ul:hover          { background:rgba(0, 0, 0, 0.26); }*/

#lnb .lnb-item .active > a{ border-left-width: 0; margin-left: 0; border-top-width: 1px;/*  padding-right: 0; */ bottom: 0;}
#lnb .lnb-item ul > li{ background:rgba(0, 0, 0, 0.5);}
#lnb .lnb-item ul > li.active{border-left:none;}

.sub-contents{opacity:0;transform:translateY(50px); margin:100px 0;}
.sub-contents{animation-name:bContents;animation-duration:1s;animation-fill-mode:forwards;animation-delay:0.75s;}
@keyframes bContents{
  0%{}
  100%{opacity:1;transform:translateY(0);}
}
.contentsTitle{font-weight:bold; font-size:40px; margin-bottom:20px;}

@media (min-width: 1648px){
  .page_nav{
    left: calc(50% - 812px + 12px);
  }
}
@media (max-width: 1647.98px){
  .page_nav{
    left: 12px;
  }
}

@media screen and (max-width: 1024px){
	#lnb .lnb-item{width:220px;}
	.sub-top-bg{height:250px;}
	.sub-page-content{width:100%; padding-left:0;}
	.sub-top-bg h3{font-size:50px;}
}

@media all and (max-width: 800px) {
    .page_nav{display:none;}
    .sub-contents{margin:50px 0;}
    .contentsTitle{font-size:32px;}
}
@media all and (max-width: 500px) {
		.sub-top-bg{height:200px;}
		.sub-top-bg h3{font-size:32px;}
}