@charset "utf-8";


/*  공통서식  */
body{
    font-family: "Noto Sans KR",arial,sans-serif;
    font-size: 12px;
    color:#333;
}

*{margin:0px;padding:0px;}

a{text-decoration: none;color:#333;}

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


#wrap{width: 100%;}

header{
    width:100%;height:150px;
    position: absolute;
    top:0px;
    z-index: 1000;
}

header h1{
    position: absolute;
    top: 40px;left:3%;
    width:180px;
}

header h1 img{width: 100%;}



/*  네비게이션 서식  */
nav{
    position: absolute;
    right: 3%;top:60px;
}

.gnb{}

.gnb>li{
    float: left;
    margin:0px 20px;
    position: relative;
}

.gnb>li>a{
    font-size: 20px;
    color:#f7f7f7;
    font-weight: bold;
}


/*  서브메뉴 서식  */
.sub{
    position: absolute;
    width: 100%;
    border:1px solid #ccc;
    box-shadow: 0px 1px 1px #ccc;
    border-radius: 4px;
    padding:2px;
    background-color: #f7f7f7;
    margin: 10px;
}

.sub>li{text-align: center;}

.sub>li>a{
    font-size: 16px;
    display: block;
    line-height: 36px;
    transition: 0.3s;
    
}

.sub>li:hover>a{
    background-color: #02bf53;
    color:#f7f7f7;
}

.gnb li:first-child .sub{width: 159px;left:-40px;}
.gnb li:nth-child(2) .sub{width: 150px;left:-25px;}
.gnb li:nth-child(3) .sub{width: 150px;left:-25px;}
.gnb li:nth-child(4) .sub{width: 150px;left:-60px;}


.sub{display: none;}


/*  플로트속성을 해제하면서 부모의 높이를 살림*/
.clearfix{
    display: block;
    content: "";
    clear:both;
}

/*  푸터영역 서식(pc)    */
footer{
    width:100%;
    background-color: #2f2f2f;
}

.footer_top{
    width:100%;
    height:140px;
    padding:60px 0px;
    background-color: #202020;
    
}
.footer_top>.sitemap{
    width:1200px;
    margin: 0px auto;
}

.sitemap>dl{
    float: left;
    margin-right:60px;
    line-height: 210%;
}

.sitemap>dl>dt{
    color:#02bf53;
    font-weight: bold;
    font-size: 14px;
}

.sitemap>dl a{
    color:#ccc;
    transition: 0.5s;
}

/*  메뉴의 제목과 서브메뉴 효과  */
.sitemap dd a:hover{color:#02bf53;}

.sitemap>dl:last-child{float: right;}

.sitemap>dl:last-child dt{
    color:#f7f7f7;
    padding-bottom: 15px;
    font-weight: bold;
    font-size: 20px;
}

.f_sns{margin-right: 80px;text-align: center}

.f_sns dd{    
    margin-right: 6px;
    transition: 0.5s;
    display:inline-block;
}

.f_sns dd a{
    border: 1px solid #ccc;
    padding:1px 8px;
    font-size:18px;
}

.f_sns dd:hover a{
    color:#02bf53;
    border: 1px solid #02bf53;
}

.footer_bottom{
    width:1200px;
    margin:0px auto;
    padding: 20px 30px;
}

.footer_bottom h2{width:150px;}
.footer_bottom h2 img{width:100%;}

.footer_bottom address{
    width: 1050px;
    font-style: normal;
    color:#ccc;
    text-align: right;
    float:right;
    transform: translateY(-26px);
}

footer .t_btn{
    font-size: 16px;
    background-color: #02bf53;
    border-radius: 50%;
    position: fixed;
    right:30px;bottom:195px;
    color:#f7f7f7;
    font-weight: bold;
    padding:25px 17px;
    display: none;
}







/*  푸터영역 서식(tablet)    */



/*  푸터영역 서식(mobile)    */