@charset "utf-8"; 




#container {
    width: 100%;
    height: auto;
}

.section01 {width:100%; height:433px;position:relative;background:#fff;margin:47px 0 0 0}
.main_layout {
    width: 1280px;
     margin: 0 auto;
    position: relative;
    overflow:hidden;
}


.visual{background:url('../images2/main/visual.png') no-repeat;width:677px;height:433px;float:left;margin:0 25px 0 0;overflow:hidden;}
.visual dl{margin:70px 0 0 50px;overflow:hidden}
.visual dl dt{font-size:50px;font-family: 'gmarket';color:#fff;font-weight:700;text-shadow: 3px 4px 5px #6f9f68;letter-spacing:-1px;}
.visual dl dd.txt{margin:30px 0 0 0;color:#fff;text-shadow: 0 0 10px #6c7867;font-size:14px;line-height:24px;letter-spacing:0}
a.visual_btn{margin:40px 0 0 50px;color:#fff;border-radius:50px;font-size:14px;background:#027877 url('../images2/main/btn_arrow.png') no-repeat 165px 9px; ;width:195px;height:40px;padding:12px 0 0 25px;display:block;}

.col_area{float:left;margin:0 0 0 0;overflow:hidden;width:575px;}

.search_area{
width:575px;
height:60px;
border-radius:15px;
background: linear-gradient(to right, #60c865 , #7e9fec) ;
overflow:hidden;
}

.search_box{
    width:569px;
    height:54px;
    border-radius:13px;
    background:#fff;
    overflow:hidden;
    color:#a4a4a4;
    margin:3px;
    }


.search_box:after {content:""; display:block; clear:both;}

.search_box input[type="text"] {float:left;width:520px;padding:5px 0 0 20px;height:50px;background: #fff;border:none;color:#a4a4a4;}

.search_box input[type="submit"] {float:left;width:30px; height:30px;background:url(../images2/main/search.png) no-repeat;color:#fff;text-indent:-99999px;border: none;margin:12px 0 0 0}
.search_box input:focus { outline: none;}

/* 메인 알림*/
#news {
    position: relative;
    width: 100%;
    height: 252px;
    background: #e7f3f0;
    margin-top: 25px;
    border-radius: 22px;
    overflow: hidden;
}

#news .grap {
    padding: 0 30px;
}

#news .grap .obj {
    display: none;
}

#news .grap .obj:first-child {
    display: block;
}

#news .detail_view {
    position: absolute;
    right: 46px;
    top: 30px;
    width: 18px;
    height: 18px;
    font-size: 0;
}

#news .detail_view:before, #news .detail_view:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

#news .detail_view:before {
    width: calc(100%);
    height: 2px;
    background: #000;
}

#news .detail_view:after {
    width: 2px;
    height: calc(100%);
    background: #000;
}

#news.board__list--tab .board__nav-item {
    display: inline-block;
    float: left;
    padding: 0;
}

#news.board__list--tab .board__nav-item .board__title_link, #news.board__list--tab .board__nav-item .board__title {
    display: block;
    position: relative;
    float: left;
    height: 48px;
    background: #e7f3f0;
    padding: 0px 35px;
    font-size: 16px;
    color: #222;
    text-decoration: none;
    line-height: 52px;
    font-weight: 700;
    /* font-family: 'nsr'; */
    letter-spacing: -0.02em;
    height: 50px;
    border: none;
    cursor: pointer;
}

#news.board__list--tab .board__nav-item .board__title_link:after, #news.board__list--tab .board__nav-item .board__title:after {
    position: absolute;
    right: 0px;
    top: 50%;
    z-index: 1;
    width: 1px;
    height: 13px;
    margin-top: -6.5px;
    background: #dedede;
    content: '';
}

#news.board__list--tab .board__nav-item .board__title_link span, #news.board__list--tab .board__nav-item .board__title span {
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
}

#news.board__list--tab .board__nav-item:nth-child(1) .board__title {
    margin-left: 0
}

#news.board__list--tab .board__nav-item:last-child .board__title:after {
    display: none;
}

#news.board__list--tab .board__nav-item.active .board__title_link, #news.board__list--tab .board__nav-item.active .board__title {
    color: #186844;
}

#news.board__list--tab .board__nav-item .board__title_link span:before, #news.board__list--tab .board__nav-item .board__title span:before {
    content: '';
    background-color: #186844;
    width: 100%;
    height: 5px;
    display: block;
    position: absolute;
    bottom: 0;
    opacity: 0;
    transition: all 0.2s;
}

#news.board__list--tab .board__nav-item .board__title_link:hover span:before, #news.board__list--tab .board__nav-item .board__title:hover span:before, #news.board__list--tab .board__nav-item.active .board__title_link span:before, #news.board__list--tab .board__nav-item.active .board__title span:before {
    opacity: 1;
}

#news.board__list--tab .board__nav-item.n1 .board__title {
    padding-left: 55px;
}

#news.board__list--tab .board__nav-item .board__content {
    position: absolute;
    top: 50px;
    left: 5px;
    width: calc(100% - 10px);
    right: 0;
    height: calc(200px - 2px);
    background-color: #fff;
    border-radius: 0px 0px 20px 20px;
    padding: 19px 30px 20px 30px;
}

#news.board__typeB .board__item {
    display: block;
    position: relative;
    margin-bottom: 14px;
}

#news.board__typeB .latest_news {
    position: relative;
    height: 90px;
}

#news.board__typeB .latest_news .news_date {
    display: none;
}

#news.board__typeB .latest_news .news_date.new {
}

#news.board__typeB .latest_news .news_date.new:before {
    position: absolute;
    top: -2px;
    left: -2px;
    content: "";
    display: inline-block;
    width: 41px;
    height: 41px;
}

#news.board__typeB .latest_news .news_txt {
    position: relative;
    width: 100%;
    padding: 0 0 9px 85px;
}


#news.board__typeB .latest_news .news_txt a {
    overflow: hidden;
    text-overflow: ellipsis;
}

#news.board__typeB .latest_news .news_txt strong {
    width: 100%;
    display: block;
    margin-bottom: 5px;
    font-size: 20px;
    white-space: nowrap;
    color: #222;
    overflow: hidden;
    text-overflow: ellipsis;
}

#news.board__typeB .latest_news .news_txt strong .new {
    display: inline-block;
    width: 23px;
    height: 24px;
    margin-right: 5px;
    font-size: 0;
    vertical-align: middle;
}

#news.board__typeB .latest_news .news_txt p {
    overflow: hidden;
    color: #575757;
    font-size: 15px;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: 400;
    line-height: 22px;
    color: #666;
}

#news.board__typeB .latest_news .news_txt .date {
    display: flex;
    position: absolute;
    text-align: center;
    left: 0;
    top: 0;
    background: #7e8889;
    border-radius: 18px;
    color: #fff;
    font-size: 12px;
    line-height: 23px;
    font-weight: 400;
    width: 70px;
    height: 70px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

#news.board__typeB .latest_news .news_txt .date i {
    display: block;
    font-size: 27px;
    font-weight: 700;
    font-style: normal;
    line-height: 23px;
}

#news.board__typeB .latest_news .news_txt .date em {
    line-height: 18px;
}

#news.board__typeB .latest_news .news_txt .date .ir-main {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-position: -363px 0;
    margin-right: 5px
}

#news.board__typeB .list_news {
    border-top: 1px dashed #ccc;
    padding: 0;
    padding-top: 20px;
}

#news.board__typeB .list_news ul {
    overflow: hidden
}

#news.board__typeB .list_news ul li {
    position: relative;
    width: 98%;
    margin-bottom: 2px;
}

#news.board__typeB .list_news ul li:before {
    content: '';
    display: inline-block;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background-color: #62656A;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -1.5px;
}

#news.board__typeB .list_news ul li.leli, #news.board__typeB .list_news ul li:nth-child(2n+1) {
    margin-right: 4%
}

#news.board__typeB .list_news ul li a {
    display: block;
    width: 100%;
    vertical-align: middle;
    padding: 0 80px 0 8px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 25px;
    font-size: 15px;
    color: #000;
    font-weight: 400;
}

#news.board__typeB .list_news ul li a:hover, #news .grap .obj .list_news ul li a:focus, #news .grap .obj .list_news ul li a:active {
    text-decoration: underline;
}

#news.board__typeB .list_news ul li span {
    position: absolute;
    right: 0;
    top: 2px;
    margin-right: 0;
    text-align: right;
    font-size: 15px;
    color: #999;
    font-family: 'gothic';
    font-weight: 500;
}

#news.board__typeB .board__item .board__link {
    display: block;
    padding-right: 80px;
    text-align: left;
    line-height: 1.2;
    font-size: 16px;
}

#news.board__typeB .board__item .board__link * {
    vertical-align: middle;
}

#news.board__typeB .board__item .board__link .board__item--title {
    display: block;
    overflow: hidden;
    position: relative;
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 15px;
    color: #353535;
}

#news.board__typeB .board__item .board__link .board__item--title .ir-icon__new {
    display: inline-block;
    width: 19px;
    height: 19px;
    margin-left: 5px;
    background-position: -118px 0;
}

#news.board__typeB .board__item .board__link .board__item--content, #news.board__typeB .board__item .board__link .board__item--thumb {
    display: none
}

#news.board__typeB .board__item .board__link .board__item--date {
    display: block;
    position: absolute;
    right: 0;
    top: -3px;
    color: #8c8c8c;
}

#news.board__typeB .board__item .board__link .board__item--date * {
    display: inline-block;
    vertical-align: top;
    font-size: 15px;
    font-style: normal;
}

#news.board__more {
    position: absolute;
    top: 43px;
    right: 39px;
    width: 22px;
    height: 22px;
    font-size: 0;
    line-height: 0;
    background-color: #fff;
}

#news.board__more:after,.board__more:before {
    display: inline-block;
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    background-color: #333;
    vertical-align: middle;
}

#news.board__more:before {
    left: 0;
    width: 100%;
    height: 1px;
    z-index: 1;
}

#news.board__more:after {
    top: 0;
    width: 1px;
    height: 100%;
    z-index: 1;
}

#news.board__more a {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 10;
}

#news.board__typeB .list_news ul li:nth-child(5), #news.board__typeB .list_news ul li:nth-child(6) {display: none;}



.main_button{clear:both;margin:22px 0 0 0;overflow:hidden;height:77px;width:575px;position:relative;}
.online{width:287px;height:75px;border:1px solid #d7d7d7;background:#fff url('../images2/main/ic01.png') no-repeat 50px 13px;border-radius:15px 0 0 15px;padding:0 0 0 128px;float:left}
.online dt{display:block;color:#898989;font-size:12px;margin:18px 0 0 0}
.online dd a{color:#2c2c2c;font-size:18px;line-height:28px;font-weight:600}
.plugin{width:287px;height:75px;border:1px solid #d7d7d7;background:#fff url('../images2/main/ic02.png') no-repeat 20px 13px;border-radius:0 15px 15px 0;padding:0 0 0 80px;float:left;margin:0 0 0 -1px}
.plugin dt{display:block;color:#898989;font-size:12px;margin:18px 0 0 0}
.plugin dd a{color:#2c2c2c;font-size:18px;line-height:28px;font-weight:600}

.section02 {width:100%;position:relative;background:#fff;margin:28px 0 28px 0}
.quick_menu{height:146px;overflow:hidden;border-radius:15px;width:1280px;background:#01876c;}
.quick_menu h2{background:#019c7d url('../images2/main/ic03.png') no-repeat 40px 40px;height:146px;width:242px;color:#fff;font-weight:600;font-size:22px;padding:40px 0 0 108px;float:left;font-family:'SCoreDream';}
.quick_menu h2 span{display:block;line-height: 24px;}
.quick_menu dl{background:#01876c url('../images2/main/dl_line.png') no-repeat right 30px;text-align: center;width:205px;height:146px;float:left;font-weight:300;padding:25px 0 0 0}
.quick_menu dl dt{font-size:18px;line-height:24px;color:#fff;text-align: center;}
.quick_menu dl dt span{color:#ffdf2d;display:block;font-weight:600}
.quick_menu dl dd{border:1px solid #83cebf;border-radius:30px;width:110px;height:30px;color:#edfffb;padding:6px 0 0 0;font-size:14px;text-align:center;margin:15px auto;}
.quick_menu dl dd a{display:block;color:#edfffb;background:url('../images2/main/arrow.png') no-repeat 85px 0;}

.quick_menu dl:last-child{background:#01876c}

.section03 {width:100%;position:relative;background:#f6faf4;height:640px;}
.business_list{background:#f6faf4 url('../images2/main/section02_bg.png')no-repeat left top;width:1280px;height:640px;overflow:hidden;}
.business_list h2{font-family: 'SCoreDream'; font-weight:600;font-size:30px;text-align:center;line-height:48px;color:#2a2a2a;margin:90px 0 0 0}
.business_list h2 span{display:block;font-size:16px;color:#868686;font-weight:300;font-family:'Pretendard'}
.business_list ul{overflow:hidden;margin:30px 0 0 0;}
.business_list ul li{width:176px;height:126px;border:1px solid #cbcbcb;background:#fff;padding:28px 0 0 24px;border-radius:20px;color:#363636;font-weight:600;float:left;margin:0 7px 7px 0}
.business_list ul li a{color:#363636;display:block}
.business_list ul li:nth-child(1){background:#fff url('../images2/main/bu_ic01.png')no-repeat 110px 60px;}
.business_list ul li:nth-child(2){background:#fff url('../images2/main/bu_ic02.png')no-repeat 110px 60px;}
.business_list ul li:nth-child(3){background:#fff url('../images2/main/bu_ic03.png')no-repeat 110px 60px;}
.business_list ul li:nth-child(4){background:#fff url('../images2/main/bu_ic04.png')no-repeat 110px 60px;}
.business_list ul li:nth-child(5){background:#fff url('../images2/main/bu_ic05.png')no-repeat 110px 60px;}
.business_list ul li:nth-child(6){background:#fff url('../images2/main/bu_ic06.png')no-repeat 110px 60px;}
.business_list ul li:nth-child(7){background:#fff url('../images2/main/bu_ic07.png')no-repeat 110px 60px;margin:0 0 0 0}
.business_list ul li:nth-child(8){background:#fff url('../images2/main/bu_ic08.png')no-repeat 110px 60px;}
.business_list ul li:nth-child(9){background:#fff url('../images2/main/bu_ic09.png')no-repeat 110px 60px;}
.business_list ul li:nth-child(10){background:#fff url('../images2/main/bu_ic10.png')no-repeat 110px 60px;}
.business_list ul li:nth-child(11){background:#fff url('../images2/main/bu_ic11.png')no-repeat 110px 60px;}
.business_list ul li:nth-child(12){background:#fff url('../images2/main/bu_ic12.png')no-repeat 110px 60px;}
.business_list ul li:nth-child(13){background:#fff url('../images2/main/bu_ic13.png')no-repeat 110px 60px;}
.business_list ul li:nth-child(14){background:#fff url('../images2/main/bu_ic14.png')no-repeat 110px 60px;margin:0 0 0 0}

a.business_btn{width:300px;height:45px;color:#fff;display:block;background:#32ab6b url('../images2/main/w_plus.png')no-repeat 260px 13px;text-align:center;margin:40px auto 0 auto;padding:13px 0 0 0;border-radius:30px}

.section04 {width:100%;position:relative;background:#e8f4e1;height:auto;background-size:100%}
.condition{width:1280px;height:640px;overflow:hidden;background:#e8f4e1 url('../images2/main/section03_bg.png')no-repeat center bottom;}
.condition h2{font-family: 'SCoreDream'; font-weight:600;font-size:30px;text-align:center;line-height:48px;color:#2a2a2a;margin:90px 0 0 0}
.graph_area{width:1280px;margin:50px 0 0 0;overflow:hidden}
.graph01{width:755px;height:395px;background:#f8fdf4 ;border:1px solid #e1e4e0;border-radius:20px;margin:0 30px 0 0;float:left;padding:20px 0 0 30px}
.graph02{width:495px;height:395px;background:#f8fdf4 ;border:1px solid #e1e4e0;border-radius:20px;margin:0 0 0 0;float:left;padding:20px 0 0 30px}

.section05{width:100%;position:relative;background:#fff;height:auto;}
.call_center{width:1280px;height:108px;overflow:hidden}
.call_center dl{margin:30px 0 0 0;overflow:hidden}
.call_center dl dt{font-size:24px;font-family: 'SCoreDream';font-weight:600;float:left;margin:10px 65px 0 0;color:#000}
.call_center dl dd{font-size:36px;font-family: 'SCoreDream';font-weight:600;float:left;margin:0 65px 0 0;color:#000}
.call_center dl dd.time{font-size:14px;font-family:'Pretendard';font-weight:200;margin:15px 0 0 20px }

/***** Footer *****/
#main_footer {width:100%; height:auto; position:relative;background:#333333; padding:0 0 40px 0;}
#main_footer .cl_top {width:100%; height:200px; background:#333333;padding:0 0 0 0;}
#main_footer .menu {width:1280px; padding:30px 0 30px 0; margin:auto;border-bottom:1px solid #444444;background:#333333;}
#main_footer .menu:after {content:""; display:block; clear:both;}
#main_footer .menu li {float:left; padding:0 15px; background:url(../images2/main/f_bullet.png) no-repeat left 5px;}
#main_footer .menu li:first-child {padding-left:0; background:none;}
#main_footer .menu li a {display:block; padding:3px; color:#d7d7d8;}
#main_footer .menu li:last-child a {color:#ff9f16; font-weight:600;}
#main_footer address,
#main_footer .copy {font-size:14px; line-height:20px; margin:0px; font-style:normal;width:1280px;margin:auto;background:#333333;}
#main_footer address {color:#a8a8a8; padding:30px 0 5px 0;background:#333333;}
#main_footer address span {display:inline-block; vertical-align:top;background:#333333;}
#main_footer .copy{color:#7c7c7d;padding:0 0 0 0;background:#333333;}

 .ui-dialog-title{ 
	 color: #000;
	 font-weight: 600;
	 font-size:20px;
 }   

/* list search table */

.list-search-table { 
    width: 100%; 
    margin-top: 10px; 
    table-layout: fixed; 
}
.list-search-table tr  > *{ 
    border: 1px solid #dfd4d4;
    font-weight:500;  
}
.list-search-table tr th {
     background-color: #f6f6f6; 
     vertical-align:middle;
     font-size:14px;
     padding:10px 0;
	}
.list-search-table tr > td { 
    padding: 5px 5px;
    position: relative;
    line-height:28px;
    font-size:14px;
    font-weight:500;
}

.list-search-table tr > td.txtleft { 
    padding: 5px 5px 5px 10px;
 } 

@media screen and (max-width: 500px){
    :lang(ko) body {
        background:none;}
    .layout{width:100%;}
    #top_layout .top_wrap {width:100%;padding: 0 5%;}
    #tnb{display: none;}
    #top_layout{border-bottom:1px solid #efefef}
    #top_layout .top_wrap .utile_wrap li.mo {
        display: inline-block;
    }
    #blind{display:none}

    .main_layout {
        width: 100%;
        padding: 0 2%;
    }
    #gnb_layout .depth1_ul {
        display:none;
    }
    #top_layout .top_wrap .utile_wrap li.pc a, #top_layout .top_wrap .utile_wrap li.mo button {
        display: block;
        width: 36px;
        height: 100%;
        border: none;
        background: url(../images2/main/menu.png) no-repeat center;
        font-size: 0;
    }

    .visual {
        width: 100%;
        height: 300px;
        float: none;
        margin: 0 0 0 0;
        background-size: cover;
        border-radius: 20px;
    }
    .visual dl {
        margin: 40px 0 0 30px;
    }
    .visual dl dt {
        font-size: 30px;
    }
    .visual dl dd.txt {
        margin: 10px 0 0 0;
        color: #fff;
        text-shadow: 0 0 10px #1d300e;
        font-size: 13px;
        line-height:18px;
    }
    a.visual_btn {
        margin: 10px 0 0 30px;
        color: #fff;
        border-radius: 50px;
        font-size: 14px;
        background: #027877 url(../images2/main/btn_arrow.png) no-repeat 165px 9px;
        width: 195px;
        height: 40px;
        padding: 12px 0 0 25px;
        display: block;
    }
    .col_area {
        float: none; 
        margin: 20px 0 0 0;
        overflow: hidden;
        width: 100%;
    }
    .search_area {
        width: 100%;
    }
    .search_box {
        width: auto;
    }
    .search_box input[type="text"] {
        width: 90%;
    }

    .section01 {
        margin: 20px 0 0 0;
        height: 530px;
        height: 840px;
    }
    #news {
         margin-top: 20px;
    }
    .main_button {
        width: 100%;
        height: 170px;
    }
    .online {
        width: 100%;
        border-radius: 15px;
        float: none;
        background: #fff url(../images2/main/ic01.png) no-repeat 10% 13px;
        padding: 0 0 0 30%;
    }
    .plugin {
        width: 100%;
        float: none;
        margin: 10px 0 0 0;
        border-radius:15px;
        background: #fff url(../images2/main/ic02.png) no-repeat 10% 13px;
        padding: 0 0 0 30%;
    }
    .section02 {
        margin: 20px 0 20px 0;
    }
    .quick_menu {
        height: auto;
        width: 100%;
        background: #01876c;
    }
    .quick_menu h2 {
        background: #019c7d;
        width:100%;
        height: 50px;
        color: #fff;
        font-size: 20px;
        padding: 10px 0 0 20px;
        float: none;
    }
    .quick_menu h2 span{
        display:inline;
        line-height: 24px;
    }

    .quick_menu dl {
        background: #01876c;
        text-align: left;
        width: 100%;
        height: 40px;
        float: none;
        font-weight: 300;
        padding: 5px 0 30px 0;
        overflow:hidden;
        margin:5px 0 0 0;
        border-bottom:1px solid #3f9b88;
    }
    .quick_menu dl dt {
        text-align: left;
        font-size: 16px;
        padding:0 0 0 20px;
        float:left;
    }
    .quick_menu dl dt span {
        display: inline;
        
    }
    .quick_menu dl dd {
        border: 1px solid #83cebf;
        border-radius: 30px;
        width: 80px;
        height: 30px;
        color: #edfffb;
        padding: 6px 0 0 0;
        font-size: 14px;
        text-align: center;
        margin: 0 20px 0 0;
        float:right;
    }
    .section03 {
       padding:0 0 50px 0;
        height: auto;
    }
    .business_list {
        background: #f6faf4 url(../images2/main/section02_bg.png) no-repeat left top;
        width: 100%;
        height: auto;
    }

    .business_list h2 {
        font-family: 'SCoreDream';
        font-weight: 600;
        font-size: 24px;
        text-align: left;
        line-height: 24px;
        color: #2a2a2a;
        margin: 40px 0 0 20px;
    }

    .business_list ul li {
        width: 32%;
        height:80px;
        padding: 0 0 0 0;
        border-radius: 20px;
        color: #363636;
        font-weight: 600;
        float: left;
        margin: 0 1% 1% 0;
        display: flex;
        align-items: center;
        flex-direction:row;
        justify-content:center;
    }
    .business_list ul li a {
        font-size:14px;
        text-align:center;
        
    }

    .business_list ul li:nth-child(1){background:#fff}
    .business_list ul li:nth-child(2){background:#fff}
    .business_list ul li:nth-child(3){background:#fff}
    .business_list ul li:nth-child(4){background:#fff }
    .business_list ul li:nth-child(5){background:#fff }
    .business_list ul li:nth-child(6){background:#fff }
    .business_list ul li:nth-child(7){background:#fff;margin: 0 1% 0 0;}
    .business_list ul li:nth-child(8){background:#fff;}
    .business_list ul li:nth-child(9){background:#fff;}
    .business_list ul li:nth-child(10){background:#fff;}
    .business_list ul li:nth-child(11){background:#fff;}
    .business_list ul li:nth-child(12){background:#fff;}
    .business_list ul li:nth-child(13){background:#fff;}
    .business_list ul li:nth-child(14){background:#fff;margin: 0 1% 0 0;}

    a.business_btn {
        width: 250px;font-size:14px;background: #32ab6b;}
    .business_list h2 span {
         font-size: 14px;line-height:18px;display:block;margin:10px 0 0 0}
    .section04 {padding:0 0 50px 0}
    .condition {
            width: 100%;
            height: auto;background: #e8f4e1}
    .condition h2 {
        font-size: 24px;text-align: left;margin: 40px 0 0 20px;line-height:30px}
    .graph_area {
            width: 100%;
            margin: 20px 0 0 0;
           
        }
    .graph01 {
            width: 100%;
            height: auto;
            margin: 0 0 0 0;
            float: none;
            padding: 20px 0 0 10px;
           
        }
    .graph02 {
            width: 100%;
            height: auto;
            margin: 10px 0 0 0;
            float: none;
            padding: 10px 0 0 0;
        }
    .section05{width:100%;position:relative;background:#fff;height:auto;padding:0 0 30px 0}
    .call_center {
        width: 100%;
        height: auto;}
    .call_center dl {
        margin: 30px 0 0 20px;}
    .call_center dl dt {
        font-size: 20px;
        float: none;
        margin: 10px 0 0 0;
        color: #000; }
    .call_center dl dd.time {
        font-size: 14px;
        margin: 5px 0 0 5px;
                }

    #main_footer .cl_top {
        width: 100%;
        height: auto;}
    #main_footer .menu {
    width: 100%;
    padding: 20px 0 20px 0;}
    #main_footer .menu li a {font-size:14px;}

    #main_footer .menu li {padding:0 5px; background:none}
    #main_footer address {
        color: #a8a8a8;
        padding: 20px 0 5px 0;
        background: #333333;
        width: 100%;
    }
    #main_footer address, #main_footer .copy {
       
        width: 100%;}
    #news.board__list--tab .board__nav-item.n1 .board__title {
            padding-left: 20px;
        }
    #news.board__list--tab .board__nav-item .board__title_link, #news.board__list--tab .board__nav-item .board__title {padding: 0px 10px;font-size:14px;}
    #news .detail_view {
       
        right: 15px;
        top: 15px;}
        #main_footer {
            
            padding: 0 0 40px 10px;
        }

}


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

.search_box input[type="text"] {
    width: 80%;}
    #news .detail_view {
       
        display:none;}
}