/* 머니마켓미디어 Custom CSS Type-1-3 */

.common-nav {
    background-color: #fe5900;
}

.header-top-md h1 a {
    width: 90px;
    margin-top: -10px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    max-width: calc(100% - 80px); /* 좌우 여백 확보 */
    box-sizing: border-box;
    position: relative;
}

/* 데스크탑 환경에서 로고 크기 조정 */
@media all and (min-width: 768px) {
    .header-top-md h1 a {
        width: 180px; /* 로고 크기 증가 */
        margin-top: -5px;
        max-width: calc(100% - 120px); /* 데스크탑에서 좌우 여백 더 확보 */
    }
    
    .header-top-md h1 a img {
        max-width: 100%;
        height: auto;
    }
}

/* 모바일 환경에서 로고 크기 및 여백 조정 */
@media all and (max-width: 767px) {
    .header-area {
        padding: 10px 20px; /* 모바일에서 좌우 패딩 더 확보 */
    }
    
    .header-top-md h1 a {
        width: 100%;
        max-width: calc(100% - 100px); /* 좌우 여백 더 확보 (60px에서 100px로 증가) */
        margin-top: 0px;
        margin-bottom: 5px;
        padding: 0;
    }
    
    .header-top-md h1 {
        padding: 5px 0;
        line-height: 1;
        text-align: center;
    }
    
    /* 모바일에서 헤더 영역 조정 */
    .header-area .snsLinkbutton {
        margin-top: 5px;
    }
}

.topnav-wrap ul li:hover > a {
    background-color: #c74601;
}

.topnav-all-wrap {
    border-bottom: 3px solid #c74601;
}

    .topnav-all-wrap .menu-one-depth > a {
        color: #c74601;
        border-bottom: 2px solid #c74601;
    }

.button.btnico-menu {
    background-color: #c74601;
}

.btn.btn-blue-active {
    background-color: #c74601;
}

.btn-blue {
    border: 1px solid #c74601;
    background: #fff;
    color: #c74601;
}

.location-box {
    background-color: #E94E1B;
}

.location ul li:first-child a {
    background: #c74601 url('../../../images/mob/ico_home_md.png') no-repeat 70% center;
    background-size: 13px auto;
}

.bgpurple {
    background-color: #c96313 !important;
}

.main-prolog .main-right .main-header .tit-blue {
    background-color: #F77665;
}

.search-md-box .btn-search {
    background-color: #c74601;
}

.topnav-wrap ul > li > a {
    padding: 15px 15px;
}

.topnav-wrap ul > li > a {
    min-width: 80px;
}

a#gotop {
    display: none;
}

@media all and (min-width: 768px) {
    .location-box {
        height: 40px;
        background-color: transparent;
        padding: 10px 0 23px;
        box-sizing: border-box;
    }

    .location ul li a.ico_home {
        background: url('../../../images/common/ico_home.png') no-repeat 0 0;
    }

    .mylog-box .mylog:before {
        background: url('../../../images/common/arrow_top_A73944.png') no-repeat 0 0;
    }

    /*.main-today .main-today-list li .layer-blue {
        height: 50px;
    }*/

    .main-today .main-today-list li:after {
        background-color: #1f1f1f;
    }

    .main-thumb-list ul li.on {
        border-color: #4ea121;
    }

    .tit-blue {
        background-color: #F77665;
    }

    .main-photo-inner .overlayer:after {
        background-color: #7C3840;
    }
}

.updown_area button.btn_up {
    background: #449509;
}

    .updown_area button.btn_up:hover {
        background-color: #848304;
    }

.cont-article .tit-area {
    margin-top: 5px;
}

.topnav-wrap ul > li > a {
    font-size: 16px;
    padding: 15px 18px;
}

/* 헤더 영역 레이아웃 조정 */
.header-area {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    position: relative;
    padding: 10px 15px; /* 좌우 패딩 추가 */
}

.header-area h1 {
    width: 100%;
    text-align: center;
    margin: 10px auto;
    position: relative;
}

.header-area .snsLinkbutton {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 10px;
}

.header-area .snsLinkbutton a {
    margin: 0 3px;
}

/* 푸터 로고 크기 조정 */
.footer-box .tit-footer img {
    max-width: 180px;
    height: auto;
}

/* 모바일 환경에서 푸터 로고 크기 조정 */
@media all and (max-width: 767px) {
    .footer-box .tit-footer img {
        max-width: 150px;
    }
}

/* ID 기반의 모바일 로고 반응형 설정 추가 */
#imgLogoMobile {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
}

.header-top-md h1 a img,
#imgLogoMobile {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
}

/* 데스크탑 환경에서 로고 크기 조정 */
@media all and (min-width: 768px) {
    .header-area {
        padding: 15px 30px; /* 데스크탑에서 여백 더 추가 */
    }
    
    .header-top-md h1 a {
        width: 180px; /* 로고 크기 증가 */
        margin-top: -5px;
        max-width: calc(100% - 120px); /* 데스크탑에서 좌우 여백 더 확보 */
    }
}

/* 모바일 환경에서 로고 크기 및 여백 조정 */
@media all and (max-width: 767px) {
    .header-area {
        padding: 10px 20px; /* 모바일에서 좌우 패딩 더 확보 */
    }
    
    .header-top-md h1 a {
        width: 100%;
        max-width: calc(100% - 100px); /* 좌우 여백 더 확보 (60px에서 100px로 증가) */
        margin-top: 0px;
        margin-bottom: 5px;
        padding: 0;
    }
    
    .header-top-md h1 {
        padding: 5px 0;
        line-height: 1;
        text-align: center;
    }
    
    /* 모바일에서 헤더 영역 조정 */
    .header-area .snsLinkbutton {
        margin-top: 5px;
    }
}