@charset "utf-8";

/* bx-slide modify css */

.bx-wrapper {
    position: relative;
    margin: 0 auto;
    padding: 0;
}

.bx-wrapper .bx-viewport {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 0px solid #fff;
    left: 0px;
    background: none;
    -webkit-transform: translatez(0);
    -moz-transform: translatez(0);
    -ms-transform: translatez(0);
    -o-transform: translatez(0);
    transform: translatez(0);
}

div.banner_wrap{
    position:relative;
}

.banner_wrap .main_slide {
    position: relative;
    width: 100%;
    height: 670px !important;
    margin: 0 auto;
}

.banner_wrap .main_slide .slide {
    height: 670px !important;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
}

/* 메인 배너 이미지 */
.banner_wrap .main_slide .slide01 {
    background-image: url(../images/main_banner01.jpg);
}

.banner_wrap .main_slide .slide02 {
    background-image: url(../images/main_banner02.jpg);
}

.banner_wrap .main_slide .slide03 {
    background-image: url(../images/main_banner03.jpg);
}

.banner_wrap .main_slide .slide04 {
    background-image: url(../images/main_banner04.jpg);
}

.banner_wrap .main_slide .slide05 {
    background-image: url(../images/main_banner05.jpg);
}


/* 메인 배너 arrow */
.banner_wrap .bx-wrapper .bx-controls-direction a {
   position: absolute;
    top:50%;
    display: block;
    width: 66px;
    height: 66px;
    margin-top:-33px;
}

.banner_wrap .bx-wrapper .bx-prev {
  left: 65px;    
    background-image: url(../images/arrow_l.png);
}
.banner_wrap .bx-wrapper .bx-next {
 right: 65px;
    background-image: url(../images/arrow_r.png);
}


.m_contents_wrap{
background:url(../images/main_banner01.jpg) no-repeat center;    
    background-size:cover;
    height:710px;
}


.m_contents_title{
    position:absolute;
/*     left:248px;
    top:50px; */
	left:460px;
    top:520px;
    font-size:44px;
    font-weight: bold;
    color:#fff;
    line-height:1.1;
    letter-spacing:-0.2px;
}

.m_contents_title>span{
    color:#fc8135;
}

.m_contents_st{
    position: absolute;
/*     left:248px;
    top:155px; */
	left:460px;
    top:620px;
    font-size:16px;
    color:#fff;
}

.area_m_contents_list{
    position: relative;
    left:-200px;
    top:55px;
 width:640px;   
}

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

.area_m_contents_list>div{
    position: relative;
 float:left;   
    width:220px;
    height:200px;
}

.m_contents_bx01{
    background:#085ab0;
    margin-left:200px;
}

.m_contents_bx02{
    background:#0178d4;
    margin-left:200px;
}

.m_contents_bx03{
    
}

.area_m_contents_list>div.m_contents_bx04{
    width:420px;
    background:url(../images/mc_cs_bg.jpg) no-repeat left top;
    background-size:100%;
}

.m_contents_bx05{
    background:#ff7f00;
}

.mc_title{
    position: absolute;
    top:28px;
    left:30px;
    font-weight: bold;
    font-size: 16px;
    color:#fff;
}

.mc_st{
     position: absolute;
    top:55px;
    left:30px;
 font-size: 12px;
    color:#f1e7e3;
}


.btn_arrow{
     position: absolute;
    top:100px;
    left:30px;
text-indent:-9999em;
    width:32px;
    height:32px;
    display:block;
    background:url(../images/arrow_w.png);
}

.bg_hover_bx{
 position: absolute;   
    right:26px;
    bottom:20px;
}

.m_contents_bx04>.mc_title{
    color:#403a39;
    left:230px;
}

.number{
     position: absolute;
    top:53px;
    left:230px;
    font-size:28px;
    color:#ff7f00;
    font-weight: 900;
    border-bottom:1px dotted #d4d4d4;
    padding-bottom:5px;
}

.time_info{
     position: absolute;
    top:110px;
    left:230px;
    font-size:13px;
    font-weight: bold;
    color:#615956;
    line-height:1.6;
}

.time_info>span{
    color: #9b9b9b;
    padding-left:8px;
}



.bg_hover_bx>img{
  transition:all 0.3s ease 0s;
}