@charset "utf-8";

.banner_wrap {
    position: relative;    
}

/*

.banner_wrap .slide{
height:280px;
}

.banner_wrap .slide01{
background:url(../images/main_banner01.jpg) no-repeat left top;
    background-size:100%;
}

.banner_wrap .slide02{
background:url(../images/main_banner02.jpg) no-repeat left top;
      background-size:100%;
}

.banner_wrap .slide03{
background:url(../images/main_banner03.jpg) no-repeat left top;
    background-size:100%;
}
*/



/* 배너 arrow */

.banner_wrap .bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 36px;
    margin-top: -18px;
}

.banner_wrap .bx-wrapper .bx-prev {
    left: 65px;
    background-image: url(../images/arrow_l.png);
    display: none !important;
}

.banner_wrap .bx-wrapper .bx-next {
    right: 5%;
    background-image: url(../images/b_arrow.png);
    background-size:20px;
}


/* 배너 pager */

.banner_wrap > .bx-wrapper > .bx-controls > .bx-pager {
    bottom: 10px;
    padding-top: 0;
    left:50%;
    margin-left:-27px;
}

.banner_wrap .bx-pager-item {
    vertical-align: middle;
}

.banner_wrap .bx-wrapper .bx-pager.bx-default-pager a:link,
.banner_wrap .bx-wrapper .bx-pager.bx-default-pager a:visited {
    background:transparent;
    text-indent: -9999em;
    display: block;
    width: 8px;
    height: 8px;
    margin: 0 4px;
    outline: 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 30px;
    border:1px solid #555;
}


.banner_wrap .bx-wrapper .bx-pager.bx-default-pager a.active{
    background: #555;
}

#slider_btn {
    position: absolute;
    bottom: 11px;
    right: 50%;
    text-indent: -9999px;
    background: url(../images/controls_stop.png) no-repeat left top;
    background-size: 100%;
    width: 6px;
    height: 10px;
    cursor: pointer;
    margin-right: -40px;
}

.mc_wrap{
 background:url(../images/mc_bg.jpg) no-repeat right top;   
    background-size:cover;
    height:540px;
}

.mc_tbx{
margin:0 3%;    
    padding:40px 0;
}

.tbx_01{
font-family: 'Roboto', sans-serif;
    font-size:16px;
    font-weight: bold;
    text-align: center;
}


.tbx_02{
font-family: 'Roboto', sans-serif;
    font-size:14px;
    font-weight: bold;
    text-align: center;
    margin:15px 0;
    line-height:1.3;
}

.tbx_03{
font-family: 'Roboto', sans-serif;
    font-size:16px;
    font-weight: bold;
    text-align: center;
    
    letter-spacing: -0.6px;
}

.tbx_03 span{
/*     font-family: "Noto Sans KR", sans-serif;*/
    font-size:12px;
    font-weight: 500;
    letter-spacing: -0.2px;
    margin-top:2px;
    display: block;
    line-height:1.6;
}

.over_cbx_list:after{
content:'';
    display:block;
    clear:both;
}

.over_cbx{
float:left;
    width:33.333%;
    height:120px;
    position: relative;
}

.over_cbx01{
background:url(../images/mc_01bg.jpg) no-repeat center;
    background-size:cover;
}

.over_cbx02{
background:url(../images/mc_02bg.jpg) no-repeat center;
    background-size:cover;
}

.over_cbx03{
background:url(../images/mc_03bg.jpg) no-repeat center;
    background-size:cover;
}

.over_cbx04{
background:url(../images/mc_04bg.jpg) no-repeat center;
    background-size:cover;
}

.over_cbx05{
background:url(../images/mc_05bg.jpg) no-repeat center;
    background-size:cover;
}

.over_cbx06{
background:url(../images/mc_06bg.jpg) no-repeat center;
    background-size:cover;
}

.over_cbx>a{
display: block;
    width:100%;
    height:100%;
}


.cbx_title{
font-size:10px;
    font-weight: bold;
    padding: 15px 5px 0 10px;
    letter-spacing:-1px;
}


.cbx_more{
    position: absolute;
    left:10px;
    bottom:15px;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    font-size:10px;
}

.over_cbx01 .cbx_title, .over_cbx03 .cbx_title, .over_cbx05 .cbx_title{
color: #fff;
}

.over_cbx01 .cbx_more, .over_cbx03 .cbx_more, .over_cbx05 .cbx_more{
 color:#fff;   
}



.site_map_wrap{
    background:#333f50;
}


.cr{
    padding-top:30px;
/*     font-family: "Noto Sans KR", sans-serif;*/
    font-size:14px;
    font-weight: 400;
    color:#fff;
          background: url(../images/g_bar.gif) no-repeat left 150px bottom 4px;
    background-size: 100%;
}

.site_title{
 color:#97d08f;   
    font-size:12px;
    font-weight: bold;
}

.site_list{
float:left;
    width:50%;
    margin-top:10px;

}

.site_list>li>span{
 color:#fff;
      font-size:9px;
    font-weight: 300;
    display: block;
    margin-bottom:3px;
    letter-spacing: -1.2px;
}

.site_sub_list>li{
margin-bottom:3px;
    padding-left:5px;
    background:url(../images/w_rect.png) no-repeat center left;
    background-size:2px;
}

.site_sub_list>li:last-child{
 margin-bottom:0;   
}

.site_sub_list a{
color:#fff;
    font-size:8px;
    font-weight: 300;
    
    letter-spacing: -1.1px;
}

.area_site_list:after{
content:'';
    display: block;
    clear: both;
}

.area_site_list{
    position: relative;
 padding:10px 0 30px;   
}


.site_list01{
width:100%;
    height:50px;
}

.site_list02, .site_list03{
height:150px;
}

.site_list04, .site_list05{
height:128px;
}

.site_list06, .site_list07{
    height:120px;
}

.site_list08, .site_list09, .site_list10{
 margin-top:5px;   
}

.area_ssl_bx{
 float:left;   
    width:50%;
    margin-top:10px;
}




.site_title04{
margin-top:10px;
}