* {
    padding: 0px;
    margin: 0px;
    font-family: 'lotteDream', '맑은 고딕', 'Malgun Gothic';
}


a {
    text-decoration: none;
    color:black;
}


html,
body,.parent{
    width: 100%;
    height: 100%;
    position: relative;
}
.site_map_wrap {
    width:100%;
    height:100%;
    background-color:black;
    opacity: 0.7;
    filter:alpha(opacity:70);
    position: fixed;
    top:0px;
    left:0px;
    right:0px;
    bottom:0px;
    z-index: 10;
}
.layout_site_map {
    width:997px;
    height:586px;
    margin:0 auto;
    background-color:white;
    position: absolute;
    z-index: 11;
    top:107px;

    left:50%;
    margin-left:-498px;
    box-sizing: border-box;
    border-top:5px #ffd40a solid;
    border-bottom:2px #ffd40a solid;
    padding:0px 100px;
    
    
    
}

.layout_site_map .full_wrap {
    width:100%;
    height:100%;
}

.layout_site_map .full_wrap:after {
    content: "";
    clear:both;
    display:block;
}
.layout_site_map .full_wrap .line_warp{
    width:152px;
    height:100%;
    margin-right: 63px;
    padding-top: 42px;
    box-sizing: border-box;
    float:left;
}

.layout_site_map .full_wrap .line_warp:last-child{
    margin-right: 0px;
}


.layout_site_map .full_wrap .line_warp .title_wrap{
    width:100%;
    height: 18px;
    padding-left:15px;
}





.layout_site_map .full_wrap .line_warp .title_wrap .first_image{
    height: 18px;
    display:block;
    float:left;
}

.layout_site_map .full_wrap .line_warp .title_wrap .title{
    height: 18px;
    font-size: 18px;
    line-height: 18px;
    margin-left: 5px;
    float:left;
    
}

.layout_site_map .full_wrap .line_warp .top_line{
    width:100%;
    height:1px;
    background-color: #d7d7d7;
    margin-top:15px;
    margin-bottom:16px;
    
}

.layout_site_map .full_wrap .line_warp .cmm_line{
    width:100%;
    height:1px;
    background-color: #e7e7e7;
    margin-top:15px;
    
}
.layout_site_map .full_wrap .line_warp .mid_cnts{
    width:100%;
    height:13px;
    line-height: 13px;
    font-size: 13px;
    margin-top:12px;
    padding-left:19px;
}

.layout_site_map .full_wrap .line_warp .mid_title{
    width:100%;
    height:13px;
    line-height: 13px;
    font-size: 13px;
    margin-top:15px;
}



.layout_site_map .full_wrap .line_warp .alone_line{
    width:100%;
    height:1px;
    background-color: #e7e7e7;
}

.layout_site_map .full_wrap .line_warp .cmm_top_margin{
   margin-top:16px;
}


.layout_site_map .full_wrap .line_warp .mid_alone{
    width:100%;
    height:13px;
    line-height: 13px;
    font-size: 13px;
    margin:10px 0px;
    padding-left:15px;
}


.layout_site_map .button_wrap{
    width:58px;
    height:58px;
    bottom:17px;
    right:25px;
    display: block;
    position: absolute;
}
.layout_site_map .button_wrap .btn_site_map_close{
    width:58px;
    height:58px;
    display: block;
}