@charset "utf-8";

.only_w { display: block;}
.only_m { display: none;}

/*///////////////////// common /////////////////////*/
body {font-family: 'Noto sans KR'; position: relative;}
.inner_1600 {
    max-width: 1600px;
    width: calc(100% - 30px);
    margin: 0 auto;
}
.inner_1400 {
    max-width: 1400px;
    width: calc(100% - 30px);
    margin: 0 auto;
}

.wrap_1000{
    /* position:relative; */
    max-width:1000px;
    width: calc(100% - 30px);
    margin:0 auto;
}

.wrap_1000:after{content:"";display:block;clear:both;}
.btn_st01{display:inline-block;font-size:20px;font-weight:900;padding:0 20px;line-height:50px;height:50px;border-radius:50px;outline:none;}
.btn_bg01{background-color:#fcb040;color:#fff;}

.btn_st02{display:inline-block;font-size:18px;width:98px;height:68px;text-align:center;line-height:68px;background:url("../img/main/section02_box_btnBg.png");outline:none;color:#fff;}
/*///////////////////// common End /////////////////////*/


/*///////////////////// header /////////////////////*/
#header {
    /* background-color: turquoise; */
    height: 110px !important;
    align-items: center;
}
#header .header_area {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 110px;
}
#header .logo {
    width: 240px; height: 53px;
}
#header .logo a {
    display: block;
    width: 100%; height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-color: transparent;
    background-image: url(../img/renewal/logo.png);
}

#header #gnb .depth_1{
    display: flex;
}
#header #gnb .depth_1 li a {
    line-height: 110px;
    display: block;
    position: relative;
    font-size: 22px;
    font-weight: 500;
    color: #252525;
    
}
#header #gnb .depth_1 a:hover { color: #09b377;}
#header #gnb .depth_1 li a:hover::after {
    content: '';
    display: block;
    width: 100%; height: 4px;
    position: absolute;
    bottom: 0 ; left: 0;
    background-color: #09b377;
    transition: all 0.3s;
}

#header #gnb .depth_1 li:not(:first-child) {
    margin-left: 66px ;
}
#header .header_right {
    display: flex;
}
#header .header_right .menu_btn {
    width: 50px; height: 50px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: transparent;
    background-image: url(../img/renewal/btn_memu.png);
}
#header .header_right a {
    display: block;
    margin-right: 30px ;
    width: 50px; height: 50px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: transparent;
}
#header .header_right .h_call {
    background-image: url(../img/renewal/ico_call.jpg);
}
#header .header_right .h_write {
    background-image: url(../img/renewal/ico_write.jpg);
}


/* all_menu */
.all_menu_wrap {
    display: none;
    z-index: 1000;
    position: relative;
    width:100%; margin: 0 auto;
    /* max-height: 368px; */
}
.inner_1400 .all_menu {
    background-color: #fff;
    width: 100%;
    text-align: center;
    justify-content: center;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    
}
.all_menu  ul{
    display: flex;
}
.all_menu  ul .depth01 {
    
    padding: 30px;
    box-sizing: border-box;
}
.all_menu  ul .depth01 > a {
    font-size: 16px;
    font-weight: 500;
    color:#252525 ;
}
.all_menu  ul .depth01:not(:last-child) {
    border-right: 1px solid #eeeeee;
}
.all_menu  ul li {
    width: 100%;
    text-align: center;
}
.all_menu  ul .depth02 {
    display: flex;
    flex-direction: column;
    text-align: center;
    margin-top: 25px;
}
.all_menu  ul .depth02 li {
    font-size: 14px;
    line-height:1.5 ;
    margin-bottom: 16px;
    font-weight: 400;
}
.all_menu  ul .depth02 > li a {
    display: block;
    color: #555555;
}
.all_menu  ul .depth02 li a:hover {
    color: #09b377;
}
/*///////////////////// header End /////////////////////*/


/*///////////////////// wrap /////////////////////*/
.main_visual {
    max-width: 100%;
    min-height: 540px;
}
/* .bx-wrapper {
    height: 540px;
} */
.main_visual .main_img {
    display: flex;
    justify-content: center;
    margin: 0 auto;
}

.main_visual .bx-viewport ul li .slide_img {
    height: 540px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.bx-wrapper .bx-pager {
    text-align: center;
    font-size: 10px;
    font-family: Arial;
    font-weight: bold;
    color: #666;
    padding-top: 20px;
    /* display: none; */
}
.bx-wrapper .bx-pager.bx-default-pager a {
    background:rgba(0,0,0,0.4)  !important;
    text-indent: -9999px;;
    display: block;
    width: 15px !important;
    height: 15px  !important;
    margin: 0 8px;
    outline: 0;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus {
    background: #09b377  !important;;
}

/* .bx-wrapper .bx-clone {display: none;} */
/* service */
.service {
    margin-top: 100px;
    text-align: center;
}
.service .ttl {
    font-size: 36px;
    font-weight: 700;
    color: #252525;
    margin-bottom: 18px;
}
.service .ttl_desc {
    font-size: 18px;
    font-weight: 400;
    color: #454545;
    margin-bottom: 60px;
}
.service .icon_cont {
    display: flex;
    justify-content: space-around;
}
.service .icon_cont .cont_area {
    width: calc(100%/5 - 64px);
    box-shadow: 3px 3px 20px rgba(0,0,0,0.2);
    border-radius: 20px;
    border: 4px solid #fff;
}
.service .icon_cont .cont_area:hover {
    border: 4px solid #c2d860;
}
.service .icon_cont .cont_area .icon {
    width: 100%; height: 170px;
    display: block;
    background-position: center;
    background-repeat: no-repeat; 
}
.service .icon_cont .cont_area:nth-child(1) .icon {
    background-image: url(../img/renewal/ico_service01.png);
}
.service .icon_cont .cont_area:nth-child(2) .icon {
    background-image: url(../img/renewal/ico_service02.png);
}
.service .icon_cont .cont_area:nth-child(3) .icon {
    background-image: url(../img/renewal/ico_service03.png);
}
.service .icon_cont .cont_area:nth-child(4) .icon {
    background-image: url(../img/renewal/ico_service04.png);
}
.service .icon_cont .cont_area:nth-child(5) .icon {
    background-image: url(../img/renewal/ico_service05.png);
}
.service .icon_cont .cont_area .icon_ttl {
    font-size: 22px;
    font-weight: 700;
    color: #252525;
    margin-bottom: 16px;
}
.service .icon_cont .cont_area .icon_dese {
    font-size: 16px;
    font-weight: 400;
    color: #454545;
    margin-bottom: 70px;
}

/* banner */
.banner {margin-top: 100px; margin-bottom: 70px;}
.banner .inner_1400 {
    background: #f0fef9; /* Old browsers */
    background: -moz-linear-gradient(-45deg,  #f0fef9 0%, #fffee5 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg,  #f0fef9 0%,#fffee5 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg,  #f0fef9 0%,#fffee5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    margin: 0 auto;
    width: calc(100% - 30px);

    height: 289px;
    padding: 53px 110px;
    border-radius: 15px ;
    box-sizing: border-box;
    box-shadow: 0px 10px 15px 0px rgba(69, 69, 69, 0.08);
}
.banner .banner_bg {
    position: relative;
    height: 100%;
    box-sizing: border-box;
    background-size: 194.5px 182.5px;
    background-position: right 20px bottom 10px;
    background-repeat: no-repeat;
}
.banner .banner_bg::after {
    content: '';
    display: block;
    position: absolute;
    bottom: -80px; right: 10px;
    width: 584px; height: 281px;
    background: url(../img/renewal/banner_img.png) no-repeat center;
    
}
.banner .banner_ttl {
    font-size: 34px;
    font-weight: 700;
    color: #252525;
    margin-bottom: 20px;
}
.banner .banner_desc {
    font-size: 18px;
    font-weight: 400;
    color: #757575;
}
.banner .banner_more {
    display: inline-block;
    padding: 8px 34px ;
    box-sizing: border-box;
    background: #09b377;
    color: #fff;
    border-radius: 19px ;
    margin-top: 30px;
}


/* sketch */
.sketch {
    padding-top: 102px;
    background: #f9f9f9;
}
.sketch .sketch_ttl {
    width: 100%;
    margin-bottom: 30px;
    font-size: 36px;
    font-weight: 700;
}
.sketch .sketch_ttl .color {
    color: #09b377 ;
}
.our_work_sildebox{
    width:100%;
    margin:0 auto;
    /*margin-bottom:105px;*/
}
.our_work_slide .slick-slide .list_img:nth-child(2) {
    /* display: none; */
}
.our_work_slide .list_img{
    max-width:330px; height:235px;
    width: 100%;
    margin:0 10px 10px 0;
    position:relative;
    display:block;
    margin-bottom: 100px;
    background-repeat:no-repeat;
    background-position:center center;
    background-size:cover;
}
.our_work_slide .list_img:after{
    position:absolute;
    left:0;right:0;top:0;bottom:0;
    background:rgba(0,0,0,0.4);
    border: 4px solid #09b377;
    content:"";
    display:block;
    opacity:0;
	transition:0.3s all;
}
.our_work_slide .list_img:hover:after{opacity:1;}
.our_work_slide .list_img .list_tit{
    position:absolute;
    left:0; 
    bottom: -35px;
    color:#252525; 
    font-size:20px;
    font-weight: 500;
    width: 300px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.our_work_slide .list_img:hover .list_tit{
    text-align:left; z-index:1;
}
.our_work_slide .slick-arrow{
    position:absolute;
    top:0; margin-top:-32px; 
    width:38px; height:38px;
    border: 1px solid #bbbbbb;
    z-index:50;
    font-size:0;
    text-indent:-9999em;
    background-color:transparent;
    background-repeat:no-repeat;
    background-position:center center;
}
.slick-prev:hover, .slick-prev:focus  {
    background-repeat: no-repeat;
}
.slick-slide.slick-active{
    margin-right: 0;
}
.our_work_slide .slick-track {margin: 0 0;}
.our_work_slide .slick-slide {
    max-width: 323px;
    margin-right: 30px;
    width: 100% !important;
}

/* .our_work_slide .slick-slide:nth-of-type(4n) {
    margin-right: 0;
} */
.our_work_slide .slick-arrow.slick-prev, 
.our_work_slide .slick-arrow.slick-prev:hover,
.our_work_slide .slick-arrow.slick-prev:focus {
    background-image: url('../img/renewal/arrow_icon02.png');left: calc(100% - 88px );
}
.our_work_slide .slick-arrow.slick-next,
.our_work_slide .slick-arrow.slick-next:hover,
.our_work_slide .slick-arrow.slick-next:focus{
    background-image: url('../img/renewal/arrow_icon.png');right: 0;
}

.our_work_view{
    position:fixed;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    left:0;right:0;
    top:0;bottom:0;
    z-index:99;
    background:rgba(0,0,0,0.7);display:none;
    
}
.our_work_view .view_content{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    margin: 0 auto;
}
.our_work_view .view_content .view_wrap {
    max-width: 800px;
    max-height: 600px;
    overflow: auto;
    
}
.our_work_view .view_content .view_txt {
    display: flex;
    justify-content: space-between;
    background-color: #fff;
    align-items: center;
    padding: 15px 30px;
}
.our_work_view .view_content h3{
    display: block;
    text-align:left;
    line-height:40px;
    font-size: 22px;
    color:#252525;
    font-weight:bold;
    z-index: 9999;
}
.our_work_view .btn_close{
    width: 40px; height: 40px;
    background-position: center right;
    background-size: 22px 22px;
    background-repeat: no-repeat;
    background-color: transparent;
    background-image: url(../img/renewal/popup_close.png);
}
.our_work_view .view_box{
    align-items: center;
    text-align:center;
    width: 100%;
    height: 100%;
    
}
.our_work_view .slick-dots {
    display: none !important;
}
.our_work_view .view_img { padding-bottom:20px;  background-color:#fff;}
.our_work_view .view_img img{width: calc(100% - 60px); margin: 0 auto;}
#container .our_work .more_btn{margin-top:50px;margin-bottom:0;}
#container .our_work .more_btn a{width:330px;}
#container .main_end_visual{width:100%;padding-top:24px;}


/* main_bot */
.main_bot {
    margin-top: 98px;
    padding-bottom: 40px;
}

.main_bot .inner_1400 > .notice{
    width: calc(50% - 130px);
    flex: 0 0 auto;
}

.main_bot .inner_1400 {
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
}
.main_bot .notice  {
    width: 100%;
}
.main_bot .main_bot_right {
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
}
.main_bot .main_bot_right div {
    width: 100%; 
    height: 220px;
    margin-left: 30px;
    background-position: center;
    background-repeat: no-repeat;
    padding: 50px 30px;
    box-sizing: border-box;
    border-radius: 10px;
}
.main_bot .main_bot_right .call {
    background-image: url(../img/renewal/quck_call.png);
}
.main_bot .main_bot_right .online {
    background-image: url(../img/renewal/quck_online.jpg);
}
.main_bot .main_bot_right .bot_ttl {
    font-size : 24px;
    font-weight: 700;
    color: #252525 ;
    margin-bottom: 10px;
}
.main_bot .main_bot_right .bot_desc {
    font-size : 16px;
    font-weight: 400;
    color: #757575 ;
}
.main_bot .main_bot_right .color {
    display: block;
    font-weight: 700;
    color: #09b377 ;
    font-size: 26px;
    margin-top: 14px;
}
.main_bot .main_bot_right .online_more {
    display: inline-block;
    font-weight: 700;
    color: #fff;
    font-size: 16px;
    padding: 10px 28px;
    box-sizing: border-box;
    background: #09b377  ;
    margin-top: 14px;
    border-radius: 50px;
}



.notice .tabcontent {
    margin-right: 45px;
}
.notice .tabcontent .notice_ttl_box {
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    align-items: center;
    width: 100%;
    margin-bottom: 30px;
}
.notice .tabcontent .notice_ttl {
    font-size: 36px;
    font-weight: 700;
    color: #252525;
}
.notice .tabcontent p {
    font-size: 16px;
    font-weight: 500;
    color: #757575;
}
.notice .tabcontent ul li{
    display: flex;
    padding-bottom:10px;
    flex-wrap: nowrap;
    
}
.notice .tabcontent ul li a {
    font-size: 16px;
    line-height: 1.7;
    font-weight: 500;
    color: #454545;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
}
.notice .tabcontent ul li span {
    margin-left: auto;
    

}
.notice .tabcontent ul li .date {
    color: #999999 ;
    font-weight: 300;
    flex: 0 0 auto;
    padding-left: 10px;
}


/*///////////////////// footer /////////////////////*/

#footer {
    background: #333333 ;
}
.footer_top {
    height: 76px;
    border-bottom: 1px solid #484848;
    align-items: center;
}
.footer_top ul {
    display: flex;
    
}
.footer_top ul li {
    font-size: 16px;
    font-weight: 300;
    line-height: 76px;
    margin-right: 32px;
}
#footer .footer_top ul li a {display:block}
#footer .footer_top ul li:nth-child(2) a {color:#09b377;}

#footer .f_logo {
    width: 240px; height: 53px;
    margin-right: 154px;
}
#footer .f_logo a {
    display: block;
    width: 100%; height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-color: transparent;
    background-image: url(../img/renewal/footer_logo.png);
}
#footer .footer_bot_area {
    display: flex;
    padding: 30px 26px;
}
#footer .footer_bot_area b {
    margin-right: 100px;
}
#footer .footer_bot_area .footer_address  {
    font-size: 16px;
    font-weight: 300;
    color: #707070;
}
#footer .footer_bot_area .footer_address span {
    display: inline-block;
    margin-right: 36px; 
}
#footer .footer_bot_area .footer_address span.bar {
    margin: 0 4px;
}
#footer .footer_bot_area .footer_address .copy {
    padding-top: 16px ;
}



@media screen and (max-width: 1300px){
    #header #gnb .depth_1 li:not(:first-child) {
        margin-left: 30px;
    }
    #header #gnb .depth_1  li a {font-size: 18px;}

    .main_bot .main_bot_right div {
        padding: 40px 20px;
        box-sizing: border-box;
        border-radius: 10px;
    }
    .main_bot .main_bot_right .bot_ttl {
        font-size: 20px;
    }
    .main_bot .main_bot_right .bot_desc {
        font-size: 14px;
        min-height: 40px;
    }
    .banner .banner_bg::after {
        right: -50px;
        width: 484px;
        height: 233px;
        background-size: 484px 233px;
    }

}
@media screen and (max-width: 1200px){
    #header #gnb .depth_1 li:not(:first-child) {
        margin-left: 18px;
    }
    /* #header #gnb .depth_1  li a {font-size: 16px;} */

    .service .icon_cont .cont_area {
        width: calc(100%/5 - 30px);
    }
    .banner .inner_1400 {
        padding: 53px 60px;
    }
    
}



@media screen and (max-width: 1024px){
    #header #gnb { display: none;}
}

@media screen and (max-width: 960px){
    .notice .tabcontent ul li .date {
        font-size: 14px;
    }

}



@media screen and (max-width: 850px){

    .only_w {display: none;}
    .only_m {display: block;}

    #header {
        height: 60px !important;
    }
    #header .header_area {
        height: 60px;
    }
    #header h1 {
        width: 120px; height: 27px;
        
    }
    #header .logo a {
        display: block;
        width: 120px; height: 52px;
        background-size: 120px 27px;
        background-image: url(../img/renewal/mobile/mo_logo.png);
    }
    #header .header_right a {
        display: block;
        margin-right:10px;
        width: 36px; height: 36px;
        background-size: 36px 36px;
    }
    #header .header_right .h_call {
        background-image: url(../img/renewal/mobile/header_call_mo.png);
    }
    #header .header_right .h_write {
        background-image: url(../img/renewal/mobile/header_write_mo.png);
    }
    #header .header_right .m_menu_btn {
        width: 36px; height: 36px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: transparent;
        background-size: 24px 17.5px ;
        background-image: url(../img/renewal/mobile/mo_menu.png);
    }
    #header .header_right .m_menu_btn.on {
        background-size: 20.5px 20.5px ;
        background-image: url(../img/renewal/mobile/gnb_mo_close.png);
    }

    #header .mo_all_menu_wrap {
        background-color: rgba(0,0,0,0.5);
        width: 100%;
        height: 100vh;
        overflow: hidden;
        display: none;
        position: relative;
        z-index: 9999;
    }
    #header .mo_all_menu_wrap .mo_bg {
        background: #fff;
    }
    #header .oneclick .click_list {
        display: flex;
        justify-content: space-around;
        align-items: center;
        height: 107px;
        border-top: 1px solid #eee;
        border-bottom: 1px solid #dbdbdb;
    }
    #header .oneclick .click_list a {
        width: 25%;
        padding: 17px 0;
        text-align: center;
        font-size: 12px;
        color: #757575;
        box-sizing: border-box;
        height: 100%;
    }
    #header .oneclick .click_list a span {
        display: block;
        width: 55px; height: 55px;
        padding-bottom: 6px;
        margin: 0 auto;
        background-repeat: no-repeat;
        background-position: center;
        background-size: 55px 55px;
    }
    #header .oneclick .click_list a:nth-child(1) span {
        background-image: url(../img/renewal/mobile/gnb_menu_01.png);
    }
    #header .oneclick .click_list a:nth-child(2) span {
        background-image: url(../img/renewal/mobile/gnb_menu_02.png);
    }
    #header .oneclick .click_list a:nth-child(3) span {
        background-image: url(../img/renewal/mobile/gnb_menu_03.png);
    }
    #header .oneclick .click_list a:nth-child(4) span {
        background-image: url(../img/renewal/mobile/gnb_menu_05.png);
    }
    #header .mo_all_menu {
        width: 100%; height: 100%;
        padding-bottom: 175px;

    }
    #header .mo_all_menu ul .m_depth01 > a {
        display: block;
        font-size: 14px;
        color: #252525 ;
        font-weight: 500;
        padding: 20px 0;
        border-bottom: 1px solid #eeeeee;
        position: relative;

    }
    #header .mo_all_menu ul .m_depth01 > a::after {
        content: '';
        display: inline-block;
        position: absolute;
        top: 50%; right: 0;
        transform: translateY(-50%);
        width: 11.5px; height: 7.5px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        background-image: url(../img/renewal/mobile/gnb_mo_more.png) ;
    }
    #header .mo_all_menu ul .m_depth01 > a.active::after {
        background-image: url(../img/renewal/mobile/gnb_mo_more_close.png) ;
    }
    #header .mo_all_menu ul .m_depth02 {
        background: #fafafa;
        display: none;
        
    }
    #header .mo_all_menu ul .m_depth02 li {
        padding: 0 10px;
        font-size: 13px;
        font-weight: 400;
        color: #757575;
    }
    #header .mo_all_menu ul .m_depth02 li a {
        display: block;
        padding: 20px 0;
    }
    .main_visual {
        max-width: 100%;
        min-height: 340px;
    }
    .main_visual .main_img img {
        max-width: 100%;
        width: 100%;
    }
    .main_visual .bx-viewport ul li .wrap1000  {
        height: 340px;
        background-size: 100% ;
        background-position: top center;
        background-repeat: no-repeat;
    }
    .service {
        margin-top: 60px;
    }
    .service .ttl {
        font-size: 25px;
        margin-bottom: 15px;
    }
    .service .ttl_desc {
        font-size: 14px;
        font-weight: 300;
        margin-bottom: 40px;
    }
    .service .icon_cont {
        display: flex;
        justify-content: space-around;
        flex-wrap: wrap;
        flex-direction: column;
    }
    .service .icon_cont .cont_area {
        width:100%;
        max-height: 125px;
        height: 100%;
        box-shadow: 0px 5px 13.5px 1.5px rgba(69, 69, 69, 0.1);
        border-radius: 15px;
        border: 3px solid #fff;
        display: flex;
        margin-bottom: 20px;
        
    }
    .service .icon_cont .cont_area:hover {
        border: 3px solid #c2d860;
    }
    .service .icon_cont .cont_area .icon {
        width: 124px;
        height: 125px;
        display: block;
        background-position: center;
        background-repeat: no-repeat;
    }
    .service .icon_cont .cont_area .cont_txt {
        text-align: left;
        padding: 28px 0;
        /* box-sizing: border-box; */
    }
    .service .icon_cont .cont_area .icon_ttl {
        font-size: 17px;
        font-weight: 700;
        color: #252525;
        margin-bottom: 7px;
    }
    .service .icon_cont .cont_area .icon_dese {
        font-size: 13px;
        margin-bottom:0px;
    }



    

    .banner {
        margin-top: 40px;
        margin-bottom: 60px;
    }
    .banner .inner_1400 {
        width: calc(100% - 30px);  height: 265px ;
        background: #f0fef9; /* Old browsers */
        background: -moz-linear-gradient(-45deg,  #f0fef9 0%, #fffee5 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(-45deg,  #f0fef9 0%,#fffee5 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(135deg,  #f0fef9 0%,#fffee5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        margin: 0 auto;
        padding: 0;
        border-radius: 15px ;
        box-shadow: 0px 5px 7px 0px rgba(69, 69, 69, 0.08);
       
    }
    .banner .banner_bg::after {
        display: none;
    }
    .banner .banner_bg {
        height: 100%;
        padding: 35px 30px;
        box-sizing: border-box;
        background-size: 194.5px;
        background-position: right 20px  bottom 10px;
        background-image: url(../img/renewal/mobile/banner_img_MO.png);
        background-repeat: no-repeat;
    }
    .banner .banner_ttl {
        font-size: 22px;
        margin-bottom: 10px;
    }
    .banner .banner_desc {
        font-size: 13px;
    }
    .banner .banner_more {
        font-size: 12px;
        padding: 8px 25px;
        margin-top: 20px;
    }

    .sketch {
        padding: 60px 0 30px;
    }
    .sketch .sketch_ttl {
        margin-bottom: 25px;
        font-size: 23px;
    }
    .our_work_sildebox {
        width: 100%;
        margin: 0 auto;
        /* margin-bottom: 105px; */
    }
    .our_work_slide {
        position: relative;
    }
    .our_work_slide .slick-slide .list_img:nth-child(2) {
        display: block;
    }
    .our_work_slide .list_img {
        width: calc(100% - 15px);
        max-height: 110px;
        margin: 0 1px 2px 0;
        position: relative;
        display: block;
        margin-bottom: 50px;
    }
    .our_work_slide .list_img .list_tit {
        position: absolute;
        left: 0;
        bottom: -25px;
        color: #252525;
        font-size: 13px;
        font-weight: 500;
        width: 300px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }
    
    .our_work_slide .slick-arrow.slick-prev, .our_work_slide .slick-arrow.slick-prev:hover, .our_work_slide .slick-arrow.slick-prev:focus {
        background-size: 6.5px 10.5px;
        background-image: url(../img/renewal/mobile/slider_mo_prev.png);
        left: calc(100% - 60px )
    }
    .our_work_slide .slick-arrow.slick-next, .our_work_slide .slick-arrow.slick-next:hover, .our_work_slide .slick-arrow.slick-next:focus {
        background-size: 6.5px 10.5px;
        background-image: url(../img/renewal/mobile/slider_mo_next.png);
        right: 0;
    }
    .our_work_slide .slick-arrow {
        margin-top: -40px;
        width: 27px; height: 27px;
        border: 1px solid #bbbbbb;
        background-size: 6.5px 10.5px;
    }
    

    .our_work_view .view_content .view_wrap {
        max-width: 330px;
        width: calc(100% - 30px);
        height: 100%;
        max-height: 310px;
    }
    .our_work_view .view_content .view_txt {
        display: flex;
        justify-content: space-between;
        background-color: #fff;
        align-items: center;
        padding: 0 15px;
    }
    .our_work_view .view_content .view_txt h3 {
        font-size: 13px;
    }
    .our_work_view .view_img img {
        width: 100%;
        max-width: calc(100% - 30px);
    }
    .our_work_view .view_img {
        padding-bottom: 15px;
    }
    .our_work_view .view_box {
        height: auto;
    }

    
    .our_work_view .btn_close {
        width: 40px; height: 40px;
        background-position: center right;
        background-size: 13px 13px;
        background-repeat: no-repeat;
        background-image: url(../img/renewal/mobile/pop_close_mo.png);
    }




    .main_bot {
        margin-top: 60px;
        margin-bottom: 70px;
        padding-bottom: 0;
    }
    .main_bot .inner_1400 {
        display: block;
        flex-wrap: wrap;
    }
    .main_bot  .notice {width: 100%;}
    .main_bot  .notice .tabcontent {
        margin-right: 0;
    }
    .notice .tabcontent .notice_ttl {
        font-size: 23px;
        line-height: 1;
    }
    .main_bot .inner_1400 > .notice {
        width: 100%;
    }
    .notice .tabcontent p {
        font-size: 13px;
    }
    .notice .tabcontent ul li a {
        font-size: 13px;
        line-height: 1.3;
        width: 75%;
    }
    .notice .tabcontent ul li .date {
        font-size: 13px;
    }
    .main_bot .main_bot_right {
        margin-top: 35px;
        flex-wrap: wrap;
    }
    .main_bot .main_bot_right div {
        width: 100%;
        min-height: 171px;
        margin-left: 0;
        padding: 0 30px;
        box-sizing: border-box;
        background-size: cover;
        border-radius: 10px;
    }
    .main_bot .main_bot_right .call {
        background-image: url(../img/renewal/mobile/mo_call.jpg);
    }
    .main_bot .main_bot_right .online {
        margin-top: 25px;
        background-image: url(../img/renewal/mobile/mo_online.jpg);
    }
    
    .main_bot .main_bot_right .bot_ttl {
        padding-top: 35px;
        font-size: 22px;
        margin-bottom: 7px;
    }
    .main_bot .main_bot_right .bot_desc {
        font-size: 13px;
    }
    .main_bot .main_bot_right .color {
        font-size: 22px;
        margin-top: 10px;
    }
    .main_bot .main_bot_right .online_more {
        font-size: 13px;
        padding: 10px 28px;
        margin-top: 16px;
    }








    /* footer */
    #footer .f_logo {
        width: 120px; height: 36px;
        margin-right: 154px;
    }
    #footer .f_logo a {
        margin-top: 22px;
        display: block;
        width: 100%; height: 100%;
        background-size: 120px 36px;
        background-image: url(../img/renewal/mobile/mo_f_logo.png);
    }
    .footer_top {
        height: 52px;
        align-items: center;
    }
    .footer_top ul li {
        line-height: 52px;
        margin-right: 35px;
        font-size: 13px;
    }

    #footer .footer_bot_area {
        display: block;
        padding: 0 0 50px 0 ;

    }
    #footer .footer_bot_area .footer_address {
        padding-top: 18px;
    }
    #footer .footer_bot_area .footer_address span {
        font-size: 12px;
        margin-right: 21.5px;
    }
    #footer .footer_bot_area .footer_address span.bar {
        display: none;
    }
    #footer .footer_bot_area .footer_address .copy {
        padding-top: 10px;
        font-size: 12px;
    }
}