/* 
    Created on : 2014. 12. 25, 오전 5:54:50
    Author     : yonsekim
*/
@font-face {
    font-family: 'NanumBarunGothic';
    font-style: normal;
    font-weight: normal;
    src: local('NanumBarunGothic'), url(../fonts/NanumBarunGothic.woff) format('woff');
}
@font-face {
    font-family: 'NanumBarunGothicBold';
    font-style: normal;
    font-weight: 700;
    src: local('NanumBarunGothicBold'), url(../fonts/NanumBarunGothicBold.woff) format('woff');
}

@font-face {
    font-family: 'NanumGothic';
    font-style: normal;
    font-weight: normal;
    src: local('NanumGothic'), url(../fonts/webfont-NanumGothic.woff) format('woff');
}
@font-face {
    font-family: 'NanumGothicExtraBold';
    font-style: normal;
    font-weight: 700;
    src: local('NanumGothicExtraBold'), url(../fonts/webfont-NanumGothicExtraBold.woff) format('woff');
}

html,
body {
    margin: 0;
}

body {
	font-family: "NanumGothic";
    overflow-x: hidden;
    overflow-y: scroll;
    color: #777;
    font-size: 13px;
}

#body_hdc .topNav {
    background: #fff;
    padding: 10px 0;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 100;
    border-bottom: #F4F5F7 1px solid;
    box-shadow: #eee 0 0 8px;
    color: #2eb398;
}

#body_hdc #header_shadow {
    background: url('../images/header_shadow.png') no-repeat top center;
    position: fixed;
    top: 52px;
    left: 0;
    right: 0;
    height: 75px;
    z-index: 99;
}

#body_hdc .brand {
    font-size: 1.8em;
}

#body_hdc .brand span {
    font-family: 'Open Sans';
    font-size: 0.9em;
}

#body_hdc .divider {
    margin-top: 78px;
}

#body_hdc .page-top {
    margin-bottom: 0;
}

#body_hdc .panel {
    margin-top: 10px;
}

#body_hdc .panel img,
#body_hdc .panel ul {
    display: inline-block;
}

#body_hdc #hdc_map {
    width: 100%;
    /*height: 582px;*/
    height: 442px;
    margin-top: 10px;
}

@media screen and (max-width: 800px) {
    #body_hdc .col-hdc {
        width: 100%;
    }
}

@media screen and (min-width: 801px) and (max-width: 1024px) {
    #body_hdc .col-hdc {
        width: 50%;
    }
    #body_hdc .container {
        width: 750px;
    }
}

@media screen and (min-width: 1025px) and (max-width: 1280px) {
    #body_hdc .container {
        width: 970px;
    }
}

@media screen and (min-width: 1025px) {
    #body_hdc .col-hdc {
        width: 33.33333334%;
    }
}

@media screen and (min-width: 1281px) and (max-width: 1680px) {
    #body_hdc .container {
        width: 1170px;
    }
}