@charset "utf-8";

.banner_wrap {
    position: relative;
    
}

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

.banner_wrap .main_slide .slide {
    height: 539px !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);
}


/* 메인 배너 pager */

.banner_wrap > .bx-wrapper > .bx-controls > .bx-pager {
    
    padding-top: 0;
}

.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: #90c31f;
    text-indent: -9999px;
    display: block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    outline: 0;
 
}


.banner_wrap .bx-wrapper .bx-pager.bx-default-pager a.active{
    width:90px;
}


.area_b_text{
position: absolute;
    top:0;
    left:50%;
    width:1200px;
    margin-left:-600px;
    height:100%;
}

.banner_t01{
    position: absolute;
    bottom:150px;
    right:0;
    font-size:60px;
    font-weight: bolder;
    color:#fff;
    text-shadow:3px 3px 5px rgba(0,0,0,0.25);
}

.banner_t02{
     position: absolute;
    bottom:114px;
    right:0;
    font-size:25px;
    font-weight: bold;
    color:#fff;
    text-shadow:3px 3px 5px rgba(0,0,0,0.25);
}



.mc_wrap{
    margin-top:50px;
}

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

.mc_bx{
    position: relative;
    float:left;
    height:898px;
}

.mc_bx img {
    transition-duration: 0.2s;
    transform: scale(1);
 position: absolute;
    bottom:30px; 
    right:35px;
}

.mc_bx img.on{
transform: scale(1.2)
}

.mc_bx01{
width:588px;
    margin-right:36px;
    background:url(../images/mc_lbg.jpg) no-repeat top 10px right;
}

.mc_bx02{
width:576px;
}

.mc_bx a{
display: block;
    height:100%;
}

.mc_bx>div{
 border:1px solid #e8e8e8;
    box-sizing: border-box;
}

.l_mc_bx01{    
    width:300px;
    height:300px;
    background:url(../images/m_rect01.jpg) no-repeat center;
    background-size:100%;
}

.l_mc_bx02{
    position: absolute;
    top:311px;
    right:-26px;
    background-color:#eff7f8;
    width:304px;
    height:300px;
}

.l_mc_bx03{
    position: absolute;
    bottom:0;
    left:0;
    background-image:url(../images/m_rect03.jpg);
    background-size:100%;
    width:300px;
    height:400px;
}

.l_mc_bx04{
    position: absolute;
    bottom:0;
    right:-26px;
    background-color:#ebdeee;
    width:304px;
    height:277px;
}

.r_mc_bx01{
    height:243px;
    width:576px;
    background:url(../images/r_rect01_over.jpg) no-repeat center;
    background-size:100%;
}

.r_mc_bx01>a{
background:rgba(0,0,0,0.4);
}

.r_mc_bx02{
position:absolute;
    top:253px;
    right:0;
    width:576px;
    height:243px;
    background:url(../images/r_rect02_over.jpg) no-repeat center;
    background-size:100%;
}

.r_mc_bx02>a{
background:rgba(0,0,0,0.4);
}

.r_mc_bx03{
    position:absolute;
    left:0;
    /*bottom:93px;*/
	bottom:0;
width:300px;
    /*height:296px;*/
	height:392px;
    background-color:#f5e9e9;
}

.r_mc_bx04{
    position:absolute;
    right:0;
    bottom:0;
width:266px;
    height:392px;
    background:url(../images/r_rect04.jpg) no-repeat center;
    background-size:100%;
}



.mc_title01{
   position: absolute;
    top:30px;
    left:30px;
color:#3d3a39;
    font-size:18px;
    font-weight:500;
    padding-bottom:20px;
}

.mc_title_g.on{
    background:url(../images/green_bar.gif) no-repeat left bottom;
}

.mc_title02{
   position: absolute;
    top:30px;
    left:30px;
color:#fff;
    font-size:18px;
    font-weight:500;
    padding-bottom:20px;
}