/* 기존 디자인 업체에서 수정되야할 css */
/* 박영민 수정 */
.top_logo { float:left; display:block; width:229px; height:60px; /* border-right:1px solid #cdcdcd; */ text-indent:28px; line-height:70px; } 
#container{background-color:#fff}


/* 베너 크기 50 ->30 px으로 변경 */
#service_slide_box ul li a img {width:100%; height: 100%;}


/* 통계가이드 css */
.guideContainer{
    text-align: center;
    display: block;
}

.guideSummary{
    text-align: center;
    margin:auto;
     display: block;
    width:80%;
    min-height:120px;
    position:relative;
}

.guideRealText{
    color:#002c80;
}

.guideViewText{
    color:#1172be;
}

b { 
    font-weight: bold;
}

.guideLeftEdge{
    position:absolute;
    top:0;
    left:0;
    width:5%;
}

.guideRightEdge{
    position:absolute;
    bottom:0;
    right:0;
    width:5%;
}

.guideSummaryContents{
    margin:auto;
    text-align:center;
    width:80%;
    min-height:120px;
    word-break:break-all
}

.guideSummaryText{
    min-height: 50px;
    line-height: 50px;
    margin: 5px;
    text-align: center;
    font-size:25px;
}

.guideExplan{
    width:90%;
    margin:auto;
    font-size:18px;
    padding:20px 0;
    display: inline-block;
}

.guideExplanTitle{
    float:left;
    font-weight:bold;
    width:18%;
}

.guideExplanContents{
    line-height:30px;
    float:left;
    word-break:break-all;
    width:76%;
    text-align:left;
    padding: 0 2%;
}

.ntt{
    padding: 0 7%;
}


.guideNotice{
    width:80%;
    border: 1px solid #e9e9e9;
    box-shadow: 0 0 5px 1px #e9e9e9;
    background-color: #ffffff;
    display: inline-block;
    padding:20px
}

.guideNoticeIcon{
    display: inline-block;
    vertical-align: top;
}

.guideNoticeText{
    margin-left: 20px;
    text-align: left;
    display: inline-block;
    max-width: 80%;
}

.guideNoticeTitle{
    font-size:20px;
    color:#002c80;
}

.guideNoticeContents{
    word-break:break-all;
    font-size: 18px;
}


/* 통계 서머리 이미지 크기 조정 */
/* .box_text div {
    background-image: url(../../images/newmain/common/box_text_bg01.png);
    background-position: 35px center;
    background-size: 80px;
} */

@media screen and (max-width:768px) {
	.sub { width:100%; top:0; background-image:url(''); height:0; }
	.main { width:100%; top:0; height:auto; }
	.top { width:100%;}
}

.big_data .bd_total { padding:26px 20px 0px 20px; }

.notice_zone { background-color:#ffffff; min-height:355px; padding:30px 45px 0px 45px; }/*0712-02 수정*/



/* 메인페이지 모바일웹과 일반웹화면 변경시 메뉴 깨짐 css */
.m_top_btn {  display:none; }
.m_sub_left {  display:none; }

@media screen and (max-width:768px) {
    .m_top_btn { display:block; }
    .m_sub_left { display:block; }
}


@media screen and (max-width: 500px){
    .top_logo {
        left: 180px;
        width: 180px;
        line-height: 75px;
        text-indent: 15px;
    }
}


@media screen and (max-width: 400px){
    .top_logo {
        width: 150px;
        line-height: 70px;
        border-right: 1px solid #fff;
    }
}

.sr_area .area>li {
    float: left;
    border-right: 1px solid #cdcdcd;
    padding-top: 0px;
    font: inherit;
}

.sr_area .menuArea>li { float:left; border-right:1px solid #cdcdcd; }
.sr_area .menuArea>li>a { position:relative; display:block; padding:0 50px 0 20px; height:48px; background-image:url('../../images/newmain/common/icon_arr03.png'); background-repeat:no-repeat; background-position:right center; color:#333333; font-size:83%; line-height:48px; }
.sr_area .menuArea>li>.on { background-color:#1172d6; color:#ffffff; font-weight:bold; background-image:url('../../images/newmain/common/icon_arr03_on.png'); }
.sr_area .menuArea>li.actived {}
.sr_area .dropdown>a {
    padding: 0 20px 0 20px;
    background-image: none;
}

.view_cont strong {
    font-weight: bold;
}

@media screen and (max-width: 768px){
    .diagram .title {
       font-size:80%;
    }
}

@media screen and (max-width: 500px){
    .diagram .title {
       font-size:65%;
    }

    .diagram .title p{
        text-indent: 15px;
        letter-spacing: -1px;
    }
    
   /*  .diagram .title a{
        width: 25px;
    } */
}

@media screen and (max-width: 350px){
    .diagram .title {
       font-size:50%;
    }
}