@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic:400,700,800');
/*@import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700');*/

html { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;margin:0;padding:0;font-family: 'Nanum Gothic','sans-serif'; font-size:13px; font-weight: 400; word-break: keep-all; word-wrap: break-word; letter-spacing: -.025em; color: #444; line-height: 1.4; font-weight: 300;
    font-synthesis: none; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
    -moz-font-feature-settings: 'liga', 'kern'; direction: ltr; }

a:hover, a:focus { text-decoration: none; color: inherit; }
a:focus { outline: none; }
p { margin: 0; }
.nopg { padding: 0 !important; }
.mg-auto { margin: 0 auto; }
.max500 { max-width: 500px; margin: 0 auto; }

.m_close { position: relative; overflow: hidden; padding-top: 21px; }
.m_close .fa { color: #fff; font-size: 31px; margin-right: 15px; margin-top: 10px; }

@-webkit-keyframes Gradient {
    0% {
        background-position: 0% 50%
    }
    50% {
        background-position: 100% 50%
    }
    100% {
        background-position: 0% 50%
    }
}

@-moz-keyframes Gradient {
    0% {
        background-position: 0% 50%
    }
    50% {
        background-position: 100% 50%
    }
    100% {
        background-position: 0% 50%
    }
}

@keyframes Gradient {
    0% {
        background-position: 0% 50%
    }
    50% {
        background-position: 100% 50%
    }
    100% {
        background-position: 0% 50%
    }
}

.btn:not(.btn-xs) { padding: 8px 16px; line-height: 24px; height: 42px; }

.form-control, .btn { border-radius: 2px !important; }
/* bootstrap */
/*.form-control:focus { border-color: #fe5638; }*/
/*select.form-control:focus { box-shadow: none; }*/
.custom-form .btn:not(.btn-xs):not(.btn-sm):not(.default-btn) { padding: 8px 16px; line-height: 24px; height: 42px; }
.custom-form .form-control:not(.default-control) { -webkit-box-shadow: none; -webkit-appearance: none; box-shadow: none; padding: 6px 18px; height: 42px; border-color: #D3D3D3; color: #3B4859; }
.custom-form select.form-control:not(.default-control) { padding: 6px 30px 6px 12px;  }
.custom-form .form-control:not(.default-control):focus { border-color: #fe5638; -webkit-box-shadow: none; box-shadow: none; }
.custom-form textarea.form-control:not(.default-control) { height: auto; }
select.form-control { appearance: none; -webkit-appearance: none; -moz-appearance: none; padding-right: 30px; background: url('/img/select_arrow.png') center right no-repeat; background-size: 30px; }
.custom-form select::-ms-expand {
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    /* IE 5-7 */
    filter: alpha(opacity=0);
    /* Good browsers :) */
    opacity:0;
}


.hl-blank {}
.hl-blank .row { margin-left: -2px; margin-right: -2px; }
.hl-blank .col-xs-1,
.hl-blank .col-sm-1,
.hl-blank .col-md-1,
.hl-blank .col-lg-1,
.hl-blank .col-xs-2,
.hl-blank .col-sm-2,
.hl-blank .col-md-2,
.hl-blank .col-lg-2,
.hl-blank .col-xs-3,
.hl-blank .col-sm-3,
.hl-blank .col-md-3,
.hl-blank .col-lg-3,
.hl-blank .col-xs-4,
.hl-blank .col-sm-4,.hl-blank  .col-md-4,.hl-blank  .col-lg-4,.hl-blank  .col-xs-5,.hl-blank  .col-sm-5,.hl-blank  .col-md-5,.hl-blank  .col-lg-5,.hl-blank  .col-xs-6,.hl-blank  .col-sm-6,.hl-blank  .col-md-6,.hl-blank  .col-lg-6,.hl-blank  .col-xs-7,.hl-blank  .col-sm-7,.hl-blank  .col-md-7,.hl-blank  .col-lg-7,.hl-blank  .col-xs-8,.hl-blank  .col-sm-8,.hl-blank  .col-md-8,.hl-blank  .col-lg-8,.hl-blank  .col-xs-9,.hl-blank  .col-sm-9,.hl-blank  .col-md-9,.hl-blank  .col-lg-9,.hl-blank  .col-xs-10,.hl-blank  .col-sm-10,.hl-blank  .col-md-10,.hl-blank  .col-lg-10,.hl-blank  .col-xs-11,.hl-blank  .col-sm-11,.hl-blank  .col-md-11,.hl-blank  .col-lg-11,.hl-blank  .col-xs-12,.hl-blank  .col-sm-12,.hl-blank  .col-md-12,.hl-blank  .col-lg-12 {
    padding-left: 2px;
    padding-right: 2px;
}


form.icon-form .form-control { padding-left: 45px; }
form.icon-form textarea.form-control { padding-top: 12px; padding-bottom: 12px; height: 200px; }
form.icon-form .icon-box { position: absolute; top: 12px; left: 28px; font-size: 18px; color: #9ea3ab; line-height: 1; }

.checkbox {
    position: relative;
}
.checkbox label {
    padding: 0;
}
.checkbox input[type="checkbox"] { /* 실제 체크박스는 화면에서 숨김 */
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.checkbox input[type="checkbox"] + span {
    padding-left: 26px;
    display: inline-block;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.checkbox input[type="checkbox"] + span:before { /* 가짜 체크박스 */
    content: ' ';
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 18px; /* 체크박스의 너비를 지정 */
    height: 18px; /* 체크박스의 높이를 지정 */
    line-height: 18px; /* 세로정렬을 위해 높이값과 일치 */
    margin: -10px 0 0 0;
    text-align: center;
    vertical-align: middle;
    background: #fff;
    border: 1px solid #d3d3d3;
    border-radius: 3px;
}

.checkbox input[type="checkbox"] + span:active:before, .checkbox input[type="checkbox"]:checked + span:active:before {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px 1px 3px rgba(0, 0, 0, 0.1);
}

.checkbox input[type="checkbox"]:checked + span:before { /* 체크박스를 체크했을때 */
    content: '\2714'; /* 체크표시 유니코드 사용 */
    color: #0c79cc;
    text-shadow: 1px 1px #fff;
    background: #fafafa;
    border-color: #adb8c0;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05), inset 15px 10px -12px rgba(255, 255, 255, 0.1);
}



.checkbox {
    position: relative;
}

.checkbox input[type="radio"] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.checkbox input[type="radio"] + span {
    position: relative;
    padding-left: 26px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.checkbox input[type="radio"] + span:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    width: 18px;
    height: 18px;
    text-align: center;
    background: #fafafa;
    border: 1px solid #cacece;
    border-radius: 100%;
    margin: -10px 0 0;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
}

.checkbox input[type="radio"] + span:active:before, .checkbox input[type="radio"]:checked + span:active:before {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px 1px 3px rgba(0, 0, 0, 0.1);
}

.checkbox input[type="radio"]:checked + span:before {
    background: #E9ECEE;
    border-color: #adb8c0;
}

.checkbox input[type="radio"]:checked + span:after {
    content: '';
    position: absolute;
    top: 5px;
    left: 5px;
    width: 8px;
    height: 8px;
    background: #0c79cc;
    border-radius: 100%;
    box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.3);
}


/* #header */
nav.navbar.navbar-default.navbar-fixed-top { background: none; position: absolute; top: 0; }
.navbar-default .navbar-brand { padding: 30px 0 ; }
.navbar-brand > img { display: inline-block; width: auto; max-width: 150px; }
.navbar-default .navbar-nav>li>a { padding: 53px 30px; font-size: 20px; font-weight: 500; }
.navbar-default .navbar-nav>li>a:hover { background: none; color: inherit }
.nav > li > a:hover,
.nav > li > a:focus { background: none; color: inherit; text-decoration: underline }


footer .right-contents {  }
footer .right-contents h5 { font-size: 26px;  }
footer .right-contents .brand-box { margin: 12px 0 28px 0; }
footer .right-contents .brand-box a { display: inline-block; margin: 0 20px 0 0; }
footer .right-contents .brand-box a i { color: #fff; font-size: 44px; }
footer .right-contents .callcenter-box { color: #b5b5b6; }
footer .right-contents .callcenter-box span { font-size: 27px;  }
footer .right-contents .callcenter-box span.tel { color: #fff; }

.max900 { max-width: 900px; margin: 0 auto; }