.main_board_warp
{ position : relative;  width : 100%; height : 460px; text-align : center;}
.main_board
{ width : 1270px; height : 300px; display : inline-block; top :83px; position : relative;}


.main_notice
{ width : 614px; height : 295px; border : 1px solid #eee;}
.main_notice_warp
{ position : relative ; width : 555px; height : 230px; top : 30px; left : 35px; text-align : left;}
.main_notice_tit
{ height : 50px; width : 100%; border-bottom : 1px solid #eee;}
.main_notice_tit h2
{color : #353535; font-size : 24px;}
.main_notice_tit p
{font-size : 40px; width : 30px; height : 30px; position : absolute;; top : -15px; float : right;right : 0px; font-weight : 100; color : #969696;}



.main_free
{position : absolute; width : 614px; height : 295px; top : 0px; left : 660px; border : 1px solid #eee;}
.main_free_warp
{ position : relative ; width : 555px; height : 230px; top : 30px; left : 35px; text-align : left;}
.main_free_tit
{ height : 50px; width : 100%; border-bottom : 1px solid #eee;}
.main_free_tit h2
{color : #353535; font-size : 24px;}
.main_free_tit p
{font-size : 40px; width : 30px; height : 30px; position : absolute; top : -15px; float : right; right : 0px; font-weight : 100; color : #969696;}


@media screen and (max-width: 768px) {
    .main_board_warp
    {height : 850px;}
    .main_board
    {width : 90%;}
    .main_notice
    {width : 100%;}
    .main_notice_warp
    {width : 90%;}

    .main_free
    {width : 100%; left : 0px; top : 380px; }
    .main_free_warp
    {width : 90%;}
}








.foot_box
{width : 100%;height : 125px; background:#2e3192; text-align : center;}
.foot_box_warp
{ position : relative; top : 30px; width : 1270px; height : 100%; display : inline-block;}


.foot_left
{background:url("m_customer01_1_02.png") no-repeat; width : 100%; height : 100%; }
.foot_left_warp
{width : 450px; height : 55px; position : relative; text-align : left ; left : 100px; top :12px; display : none;}
.foot_left_warp h2
{font-size : 25px; color : white; }
.foot_left_warp p
{ position : absolute; top : 6px; width : 255px; font-size : 15px; height : 40px; left : 185px; letter-spacing : -0.5px; color : white;}


.foot_right 
{position : absolute; left : 670px;background:url("m_customer02_02.png") no-repeat; width : 590px; height : 100%; top : 0px;}


@media screen and (max-width: 768px) {
    .foot_box
    {height : 550px;}
    .foot_box_warp
    {top : 0px; width : 310px;}
    .foot_left
    {background:url("customer_m_01.png") no-repeat; width : 100%; height : 100%; }

    .foot_right
    {background:url("customer_m_02.png") no-repeat; width : 100%; height : 100%; top : 250px; left : 0px;}
    
}








#n_footer
{width:100%;height : 190px; background : #2a2a2a;}
#n_footer .sec02 .container .row
{position : relative; top :60px; height : 80px;}
#n_footer .col-md-7
{width : 100%;}
#n_footer .col-md-7 .ns_address p
{ color : #969696; font-size : 15px; font-weight : 300;}
#n_footer .col-md-7 .ns_address li
{color : #707070;}

#n_footer .col-md-7 .ns_address span
{position : relative; top : -4px; color : #707070;}




@media screen and (max-width: 500px) {
    #n_footer
    {height: 250px;}
}

@media screen and (max-width: 380px) {
    #n_footer
    {height : 300px;}
}