/************************
common
************************/

#wrap{
   width:100%;
   height:100%;
   margin:auto;
}

#container{
  height:100%; 
   background:#002c5e
}

#content{
   height: 100%
}

.content-wrap{
   padding: 68px 0px 0px;
   position:relative;
}



/* 헤더 탑바 */

#header{
   width: 100%;
   height: 68px;
   box-sizing: border-box;
   position: absolute;
   top: 0;
   left: 0;
   z-index: 1000;
   background:#fff;
   border-bottom:3px solid #002c5e;
   text-align:center;
}

#header .logo{
   display:inline-block;
   margin-top:15px;
   line-height:20px
}

#header .logo a{
   display:block;
}

#header .logo h1{
   font-size:20px;
}

#header .logo span{
   display:block;
   color:#999;
   font-size:12px;
}



/************************
intro
************************/

.mcontent-intro{
   width:100%;
   height:300px;
   background:url(../images/main_background.jpg) no-repeat center center;
   background-size:cover;
   position:relative;
}

.mcontent-intro .title{
   display: inline-block;
   position: absolute;
   bottom: 50px;
   left: 20px;
}

.mcontent-intro .title h2{
   font-size:34px;
   line-height:40px;
   color:#fff;
   font-weight:300
}

.mcontent-intro .title span{
   font-size:26px;
   display:block;
}





.mcontent-menu{
   overflow:hidden;
   background:#002c5e;
}

.mcontent-menu ul{
   padding:25px 20px
}

.mcontent-menu li{
   margin-bottom:10px;
}

.mcontent-menu li a{
   display:block;
   height:65px;
   line-height:66px;
   background:#fff;
   padding-left:55px;
   font-size:17px
}

.mcontent-menu li:first-child a{
   background:#fff url(../images/icon_menu_01.png) no-repeat 20px center;
   background-size:24px
}

.mcontent-menu li:last-child a{
   background:#fff url(../images/icon_menu_02.png) no-repeat 20px center;
   background-size:24px
}


#footer{
      background: #154892;
    height: 71px;
    line-height: 21px;
    text-align: center;
    /* position: absolute; */
    width: 100%;
    
}

#footer .copy img{
   height:23px;
   /*vertical-align:middle;*/
}

#footer .copy p{
   font-size:12px;
   color:#fff;
}



.blind{
   overflow:hidden;
   position:absolute;
   top:0;
   left:0;
   width:1px;
   height:1px;
   font-size:0;
   line-height:0
}

/*

@media screen and (min-height:960px) {
   .mcontent-intro{height:640px;}
}

@media screen and (max-height:823px) {
   .mcontent-intro{height:490px;}
}

@media screen and (max-height:768px) {
   .mcontent-intro{height:415px;}
}

@media screen and (max-height:670px) {
   .mcontent-intro{height:350px;}
}

@media screen and (max-height:640px) {
   .mcontent-intro{height:320px;}
}

@media screen and (max-height:570px) {
   .mcontent-intro{height:290px;}
   .mcontent-intro .title h2{font-size:30px}
}
*/