body{padding:0; margin:0;} 
	@import url(//fonts.googleapis.com/earlyaccess/nanummyeongjo.css);

.nanummyeongjo * {
 font-family: 'Nanum Myeongjo', serif;
}
.pop{ 
  position:absolute;
  top:0;right:0;bottom:0;left:0;
  display:-webkit-box;
  display:-moz-box;
  display:-ms-flexbox;
  display:-webkit-flex;
  display:flex;
 
  align-items:center;
  justify-content:center;
  -webkit-align-items:center;
  -webkit-justify-content:center;
 
  -webkit-box-pack:center;
  -webkit-box-align:center;
  -moz-box-pack:center;
  -moz-box-align:center;
  -ms-box-pack:center;
  -ms-box-align:center;
}
@import url(//fonts.googleapis.com/earlyaccess/nanummyeongjo.css);

.nanummyeongjo * {
 font-family: 'Nanum Myeongjo', serif;
}



.all_wrap { width: 100%; position: relative; margin: auto; }


#sub {width: 100%; padding: 5%; box-sizing: border-box; position:relative; text-align:center;  font-family: 'Noto Sans KR', 'Malgun Gothic', dotum, '돋움', '굴림', Gulim, sans-serif;font-weight:400; }
.sub-tit { font-size: 28px; color:#111; margin-top: 10px; font-weight: 500; }
.sub-tit02 { font-size: 16px; color:#777; font-weight: 300; }

.sub-line { width: 1px; height: 18px; background-color: #bbb; margin: auto; margin-top: 12px; margin-bottom: 20px; }

.snb_wrap { width: 100%; height: auto; text-align: center; }
.snb { width: 100%; display: flex; justify-content: space-between; border-bottom: #e1e1e1 1px solid; }
.snb li { font-family: 'Noto Sans KR', sans-serif; font-size: 12px; font-weight: 400; width: 100%; height: 45px; line-height: 45px; box-sizing: border-box; border-left: 1px solid #e1e1e1; }
.snb li a { color: #141414; display: block; }
.snb li:nth-child(1) { border-left: none; }
.snb .selected { background-color: #001d3a; }
.snb .selected a { color: #fff; }



#sub-top{
	position: relative;
	overflow: hidden;
	margin-top:70px	
}

#sub-top img{ transform: scale(1); animation: sub_top_img 2s 0s both; }




#subtop-tit {
    color: #fff;
    font-weight: 400;
    font-size: 11vw;
	width: 100%;
    text-align: center;
	 top:24%;
    font-family: 'Noto Sans KR', sans-serif; 
	position:absolute;
	transform: translateX(-50%);
	left:50%;
	font-weight:700;
	text-transform: uppercase;
	animation-duration: 1.2s; animation-name: sub-top02;
margin-top: 0;
}

 #subtop-tit span{width: 100%; height: 1px;  background: #fff; display: block;animation-duration: 3.5s; animation-name:sub_line; opacity: .8; margin-top: -1vw; animation-delay:.5s;}
 
#subtop-desc {
	transform: translateX(-50%);
	left:50%;
    color: #fff;
	 top:58%;
    font-weight: 300;
    font-size: 5vw;
    text-align: center;
    letter-spacing: -1px;
    font-family: 'Noto Sans KR', sans-serif; 
	position:absolute;
	max-width: 720px;
	animation-duration: 1.2s; animation-name: sub-top02;
	margin-top: 0;
	}

@keyframes sub-top {

    from {  top:100%; opacity:0}

    to { }
    
  }

  @keyframes sub-top02 {

  from {margin-top:20px;  opacity:0}

	50%{margin-top:20px; opacity: 0;}
  to { }
  
}
/*@keyframes sub-top {

  from { opacity: 0; }
  to { }
  
}*/



.sub-page{ width:100%; text-align:center; margin:0 auto; margin-top: 0px; opacity: 1; overflow: hidden; padding-bottom: 40px; }
.sub-page h2{ font-size:20px; color:#111; padding-top:28px; text-align: left; margin-bottom: 10px;}

	


#container{ padding-left:0px; padding:5px 0 100px 0;} 

ul.tabs {
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;
    width: 100%;
    font-size:13px;
	border-left: 1px solid #ddd;
	height:40px;
}
ul.tabs li { margin-bottom:-1px; color:#444;
    float: left;
    text-align:center;
    cursor: pointer;
    width:16.5%;
    height: 39px;
    line-height: 39px;
    border: 1px solid #ccc;
    border-left: none;
    font-weight: 600;
    background: #eee;
    overflow: hidden;
    position: relative;
	
}
ul.tabs li.active { color:#002c47;
    background: #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
}

ul.tabs li.selected { color:#fff;
    background: #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
}
.tab_container {
    border: none;
    border-top: none;
    clear: both;
    float: left;
    width: 100%;
    background: #FFFFFF;max-width:900px;
}
.tab_content { position: absolute;
    margin:40px 0px 0px 0px; padding-right:60px;
    font-size: 1em;
    display: none;
}
.tab_container .tab_content ul {
    width:100%;
    margin:0px;
    padding:0px;
}
.tab_container .tab_content ul li {
    padding:5px;
    list-style:none;
}
 #container {
    width: 1100px;
    margin: 0 auto;
}









#container2{ padding-left:0px; padding:5px 0 100px 0;} 

ul.tabs2 { font-family:'Noto Sans KR', 'Malgun Gothic', dotum, '돋움', '굴림', Gulim, sans-serif;
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;
    width: 100%;
    font-size:13px;
	height:40px;
}



ul.tabs2 li { margin-bottom:-1px; color:#232222; margin-left:0px;
    float: left;
    text-align:center;
    cursor: pointer;
    width:18.4%;
    margin:1%;
    height: 45px;
    line-height: 45px;
   border: 1px solid #eee;
    font-weight: 400;
    background: #fff;
    overflow: hidden;
    position: relative;
	
}


ul.tabs2 li.selected, ul.tabs li.selected:hover
{
    position: relative;
    top: 0px;
	color:#fff; background: #002c47;}
	
ul.tabs2 li.selected a, ul.tabs li.selected a:hover { color:#fff;}
        

ul.tabs2 li a {  font-size:12px; font-weight: 500; text-decoration: none; color:#444;}
        
ul.tabs2 li.selected a:hover
{
    text-decoration: none;
}

ul.tabs2 li.selected
{
   color:#fff;
}

ul.tabs2 li.active { color:#fff;  }




.tab_container2 {
    border: none;
    border-top: none;
    clear: both;
    float: left;
    width: 100%;
    background: #FFFFFF;max-width:900px;
}
.tab_content2 { position: absolute;
    margin:40px 0px 0px 0px; padding-right:60px;
    font-size: 1em;
    display: none;
}
.tab_container2 .tab_content2 ul {
    width:100%;
    margin:0px;
    padding:0px;
}
.tab_container2 .tab_content2 ul li {
    padding:5px;
    list-style:none;
}
 #container2 {
    width: 1100px;
    margin: 0 auto;
}



ol,ul,li,a {list-style:none; text-decoration:none;}