html,body,header,nav,section,article,footer,div,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dd,dt,p,fieldset,label,form,input,span,a,img{
      margin: 0;
      padding: 0;
}

html,body {
        position: relative;
        font-family: 'Noto Sans KR', sans-serif;
}
ul, li{
        margin:0;
        padding:0;
        list-style:none;
}
a{
    text-decoration: none;
}
            
div#topBtn{
    position: fixed;
    width: 50px;
    height: 50px;
    right: 2%;
    bottom:20px;
    background: #ff6120;
	z-index: 9999;
    text-align: center;
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
    cursor: pointer;
    
}
div#topBtn span{
    line-height: 50px;
    color: #fff
}

/*헤더시작*/
header{
        position: fixed;
        top: 0%;
        text-align: center;
        width: 100%;
        z-index: 800;
        padding: 10px 20px;
        background: #fff;
        border-bottom: 1px solid #ff6120;
}
/*헤더로고*/
h1{     
        position: absolute;
        float: left;
        width: 80px;
        height: 80px;
        left: -24px;
        top:-6px;
}
h1 img{
        width: 65%;
}
/*헤더네비메뉴*/
div.gnb{
        position: relative;
        padding: 20px 0px;
}

/*헤더 모바일메뉴*/
.mMenu{
        width:35px;
        height: 35px;
        position: absolute;
        right: 30px;
        top: 0;
        cursor: pointer;
}
.mMenu span{
        display: block;
        width: 100%;
        height: 3px;
        background: #666666;
        margin: 8px 0px;
       
}
.Mmenubg{
        display: none;
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        background: #000000;
        opacity: .7;
        z-index: 9999 !important;
}
.Mmenubtn{
        position: fixed;
        width: 70%;
        height: 100%;
        overflow: hidden;
        top: 0;
        right: -5000px;
        background: #ffffff;
        opacity: 1;
        z-index: 9999;
}

.close{
        position: relative;
        float: right;
        width:35px;
        height: 35px;
        margin: 5px 10px;
        cursor: pointer;
}
.close span{
        display: block;
        position: absolute;
        top: 10px;
        background-color: #666666;
        width: 100%;
        height: 3px;
        margin: 8px 0px;
        transform: rotate(45deg);
}
.close span+span{
        transform: rotate(-45deg);
}
ul.Mmenu{
    
        clear: both
}
ul.Mmenu>li{
    text-indent: 20px;
    border-bottom: 1px solid #ff6120;
    color: #666666;
    font-weight: 500;
}

ul.Mmenusub li{
   background: #fff;
   padding: 10px 0px;
}
ul.Mmenu>li a{
   display: block;
   color: #666;
   font-weight: 400;
}
ul.Mmenu>li>div{
    display: table;
    width: 100%;
    height: 50px;
    color: #666666;
    position: relative;
    top:0;
    left:0;
}
.Mmenu>li:hover>div{
    background:#ff6120;
    color: #fff;
}
ul.Mmenu>li div div{
   display: table-cell;
   vertical-align: middle;
}
ul.Mmenu>li div div.icon{
    width: 10px;
    padding-right: 11px;
    opacity: 0.6;
}
ul.Mmenu>li:hover div div.icon{
    opacity: 0;
}
ul.Mmenu>li div div.icon1{
    position:absolute;
    bottom:5px;
    right:57px;
    width: 10px;
    opacity:0;
}
ul.Mmenu>li:hover div div.icon1{
    opacity:1; 
}
ul.Mmenu>li div div.icon span.down{
  text-align: center;
  vertical-align: middle;
}
/*web menu*/
div.topMenu{
    display: none;
}
/*partner */
div.section{
    position: relative;
    margin-top: 10px;
    margin-bottom: -5px;
}
div.section img{
    width: 100%;
   
}
div.section h2{
    position: absolute;
    top: 47%;
    left: 50%;
    transform: translateX(-50%);
    color: #fff;
    text-transform: uppercase;
    text-align:center;
    line-height:30px;
}
div.section h2 span{
    display:block;
}
div.section .use{
    padding-top:10px;
}
div.content{
    width:90%;
    max-width: 1000px;
    margin:0 auto;
    padding:30px 0;
    color:#666;
    font-size:13px;
    line-height:25px;
}
.content h4{
    font-size:20px;
    color:#333;
    padding-bottom:20px;
}
.content h5{
    padding:20px 0;
    font-size:15px;
    color:#333;
}
.content h6{
    font-size:13px;
}


/*footer*/
footer{
    background: #333333
}
.footWrap{
   text-align: center;
}
.footWrap div{
    width: 20%;
    margin:auto;
    padding: 20px 0px;
}
.footWrap div img{
    width: 100%;
}
ul.fotop,
.footbot{
    overflow: hidden;
    width:100%;
    margin: auto;
    max-width: 1200px;
    text-align: center;
}
.fotop li{
    display: inline-block;
    padding-right: 5px;
    text-align: center;
    font-size: 13px;
}
.fotop li a{
    color: #cccccc;
}
.fotop li a:after{
    content: '';
    display: inline-block;
    margin-left: 10px;
    width: 2px;
    height: 10px;
    background: #ccc;
}
.fotop li a.none:after{
    display: none;
}
.fotop.M li:nth-child(3) a:after{
    display: none;
}
.fotop.M li:nth-child(4),
.fotop.M li:nth-child(5){
    display: none;
}
.fotop.W{
    display: none;
}
.footBot{
    padding-bottom: 20px;
    margin-top: 20px;
    font-size: 13px;
}
.footBot .fologo{
    display: none;
}
.footBot p{
    text-align: center;
    color: #999;
    font-size: 13px
}
.footBot div.wfoot{
    display: none;
}

@media only screen and (min-width: 1000px){
    /*header*/
header{
    border-bottom: 1px solid #cccccc;
}
div.gnb{
    height: 40px;
    position: relative;
}
h1{
 
    left: 10%;
    top: 0px;
}
h1 img{
    width: 100%;
}
.mMenu {
    right: 12%;
    top: 25px;
}
div.section{
    height: 400px;
    overflow: hidden;
}
div.section h2{
    font-size: 32px
}
div.section img{
    width: 110%;
}
.fotop.M{
    display: none;
    
}
.fotop.W{
     display: block;
}
@media only screen and (min-width: 1000px){
    .webg{
        display: none;
        position: absolute;
        width: 100%;
        height: 170px;
        background: #fff;
        top: 91px;
        left: -20px
    }
    .topMenu {
        display: block !important;
        position: relative;
        width: 60%;
        margin: auto;
        margin-bottom: 20px; 
        text-align: center;
        height: 40px; 
    }
    .topMenu:after {
        content: ""; 
        display: block;
        clear: both; 
    }
    .menu01>li {
        
        float: left; 
        width: 25%; 
        line-height: 40px; 
    }
    .menu01 a {
        font-size: 20px; 
        font-weight: 500;
        color: #333;
    }
    .menu01 span.line{
      position: absolute;
      left: 0;
      bottom: -30px;
      width: 25%;
      height: 2px;
      background: #ff6120;
      transition: all .3s ease-in-out;
    }
    .menu01>li:nth-child(1).is-current ~ .line{
      left: 0;
}
    .menu01>li:nth-child(2).is-current ~ .line{
      left: 25%;
}
    .menu01>li:nth-child(3).is-current ~ .line{
      left: 50%;
}
    .menu01>li:nth-child(4).is-current ~ .line{
      left: 75%;
}
    .menu01>li:nth-child(1):hover ~ .line{
      left: 0;
}
    .menu01>li:nth-child(2):hover ~ .line{
      left: 25%;
}
    .menu01>li:nth-child(3):hover ~ .line{
      left: 50%;
}
    ul li:nth-child(4):hover ~ .line{
      left: 75%;
}
 
    .dept01 {
        display: none;
        position: absolute;
        top: 70px; 
        display: none; 
        width: 25%;
        padding: 20px 0;
        z-index: 9999;
    }
    
    .dept01 a{
        color: #666;
        font-size: 18px;
        font-weight: 400;
    }
    .dept01 li:hover a{
        color: #ff6120;
    }
    .none:after{
        content: "";
        display: block;
        clear: both;
    }
/* web menu */
    .Mmenubtn{
        position: fixed;
        width: 100%;
        height: 100%;
        overflow: hidden;
        top: 0;
        right: -5000px;
        background: #ffffff;
        opacity: 1;
        z-index: 9999;
}

    .close{
        position: relative;
        float: right;
        width:35px;
        height: 35px;
        margin: 5px 10px;
}
    .close span{
        display: block;
        position: absolute;
        top: 10px;
        background-color: #666666;
        width: 100%;
        height: 3px;
        margin: 8px 0px;
        transform: rotate(45deg);
}
    .close span+span{
        transform: rotate(-45deg);
}
/* web menu */
    .Mmenubtn{
        position: fixed;
        width: 100%;
        height: 100%;
        overflow: hidden;
        top: 0;
        right: -5000px;
        background: none;
        opacity: 1;
        z-index: 9999;
}
    
    .mbox{
        position: fixed;
        width:100%;
        height:100%;
        background: #111;
        opacity: 0.8;
    }
    .close{
        position: relative;
        float: right;
        width:35px;
        height: 35px;
        margin: 5px 10px;
        z-index: 9998;
}
    .close span{
        display: block;
        position: absolute;
        top: 10px;
        background-color: #fff;
        width: 100%;
        height: 3px;
        margin: 8px 0px;
        transform: rotate(45deg);
}
    .close span+span{
        transform: rotate(-45deg);
}
    ul.Mmenu{
        display: block;
        position: absolute;
        top: 35%;
        left: 50%;
        width: 90%;
        transform: translate(-50%, -50px);      
}
    ul.Mmenu>li{
        float: left;
        width: 25%;
        border-bottom: 2px solid #ff6120;
}

    ul.Mmenusub li{
       background: none;
        padding: 20px 0px;
        text-align:center;
}
    ul.Mmenu>li a{
       color: #fff;
       font-weight: 400;
       font-size:28px;
}
    ul.Mmenu>li a:hover{
        color:#ff6120;
    }
      ul.Mmenusub_w li{
       background: none;
        padding: 20px 0px;
        text-align:center;
}

    ul.Mmenu>li>div{
        display: table;
        width: 100%;
        height: 50px;
        color: #fff;
        cursor: pointer;
        text-align:center;
}
    .Mmenu>li:hover>div{
        background:none;
        color: #ff6120;
}
    ul.Mmenu>li div div{
       display: table-cell;
       vertical-align: middle;
       font-size:46px;
       padding-bottom: 30px
}

    ion-icon {
      font-size: 32px;
      text-align: center;
      vertical-align: middle;
}
    ul.Mmenu>li div div.icon{
        display:none;
    }
    ul.Mmenu>li:hover div div.icon{
        opacity:0.6; 
}
    ul.Mmenu>li:hover div div.icon1{
        opacity:0; 
    }

/*section*/ 
    div.section h2{
        font-size: 50px;
        text-transform: uppercase;
        top:57%;
}
    div.section img{
        width: 100%;
        position: absolute;
        bottom:-5%;
}
    div.section h2 span{
        display:inline;
    }

    div.content{
        width:100%;
        margin:0 auto;
        padding:70px 0 100px 0;
        color:#666;
        font-size:15px;
        line-height:25px;
    }
    .content h4{
        font-size:30px;
        color:#333;
        padding-bottom:40px;
    }
    .content h5{
        padding:30px 0 20px 0;
        font-size:20px;
        color:#333;
    }
    .content h6{
        font-size:15px;
    }

/*web menu*/
     p.mfoot{
    display: none;
    }
     footer{
        padding: 20px 0px;
    }
    .footWrap>div:first-child{

        display: none;
    }
    .fotop li{
        font-size: 15px;
    }
    .footBot{
        font-size: 15px;
    }
    .footBot .fologo{
        display: block;
        position: absolute;
        width: 70px;
        height: 70px;
        left: 0px;
    }
    .footBot .fologo img{
        width: 100%;
    }
    .footBot p{
        font-size: 15px;
    }
    footer p span{
        display: inline-block;
        text-indent: 15px;
    }
    .footBot div.wfoot{
        display: block;
        position: relative;
        width: 800px;
        margin: auto;
        text-align: center;
        color: #999;   
    }
    .footBot div.wfoot span{
        padding-left: 5px;
    }
}
}