@font-face {
  font-family: 'Nanum Barun Gothic';
  font-style: normal;
  font-weight: 200;
  src: local('Nanum Barun Gothic UltraLight'), local('Nanum Barun Gothic-UltraLight'), local('NanumBarunGothic UltraLight');
  src: url(/common/fonts/NanumBarunGothicUltraLight.eot);
  src: url(/common/fonts/NanumBarunGothicUltraLight.eot?#iefix) format('embedded-opentype'),
       url(/common/fonts/NanumBarunGothicUltraLight.woff) format('woff'),
       url(/common/fonts/NanumBarunGothicUltraLight.ttf) format('truetype');
}

@font-face {
  font-family: 'Nanum Barun Gothic';
  font-style: normal;
  font-weight: 300;
  src: local('Nanum Barun Gothic Light'), local('Nanum Barun Gothic-Light'), local('NanumBarunGothic Light');
  src: url(/common/fonts/NanumBarunGothicLight.eot);
  src: url(/common/fonts/NanumBarunGothicLight.eot?#iefix) format('embedded-opentype'),
       url(/common/fonts/NanumBarunGothicLight.woff) format('woff'),
       url(/common/fonts/NanumBarunGothicLight.ttf) format('truetype');
}

@font-face {
  font-family: 'Nanum Barun Gothic';
  font-style: normal;
  font-weight: 400;
  src: local('Nanum Barun Gothic Regular'), local('Nanum Barun Gothic-Regular'), local('NanumBarunGothic Regular');
  src: url(/common/fonts/NanumBarunGothic.eot);
  src: url(/common/fonts/NanumBarunGothic.eot?#iefix) format('embedded-opentype'),
       url(/common/fonts/NanumBarunGothic.woff) format('woff'),
       url(/common/fonts/NanumBarunGothic.ttf) format('truetype');
}

@font-face {
  font-family: 'Nanum Barun Gothic';
  font-style: normal;
  font-weight: 700;
  src: local('Nanum Barun Gothic Bold'), local('Nanum Barun Gothic-Bold'), local('NanumBarunGothic Bold');
  src: url(/common/fonts/NanumBarunGothicBold.eot);
  src: url(/common/fonts/NanumBarunGothicBold.eot?#iefix) format('embedded-opentype'),
       url(/common/fonts/NanumBarunGothicBold.woff) format('woff'),
       url(/common/fonts/NanumBarunGothicBold.ttf) format('truetype');
}




.fnt_tmp1,.fnt_tmp2,.fnt_tmp3 { font-size:2.0em; text-align:center; padding-top:40px; }
.fnt_tmp1 {  }
.fnt_tmp2 {  }
.fnt_tmp3 {  }





/* Font Size */
.fnt_200 { font-weight:200; }
.fnt_300 { font-weight:300; }
.fnt_400 { font-weight:400; }
.fnt_700 { font-weight:700; }
.fnt_800 { font-weight:800; }
.fnt_11 { font-size:11px; }
.fnt_12 { font-size:12px; }
.fnt_13 { font-size:13px; }
.fnt_14 { font-size:14px; }
.fnt_15 { font-size:15px; }
.fnt_16 { font-size:16px; }
.fnt_24 { font-size:24px; }
.fnt_32 { font-size:32px; }


/* Font Style */
.fnt_bold { font-weight:bold; }
.fnt_italic { font-style:italic; }


/* Fonts - Kor */
.fnt_dotum { font-family:'돋움',dotum,'굴림',gulim !important; }
.fnt_nanum { font-family:'Nanum Gothic','나눔고딕'; }
.fnt_nanumbarun, .fnt_nanum_barun { font-family:'Nanum Barun Gothic','나눔바른고딕','Nanum Gothic','나눔고딕'; }

/* Fonts - Eng */
.fnt_arial { font-family:arial; }
.fnt_tahoma { font-family:tahoma; }
.fnt_verdana { font-family:verdana; }

.Open-Sans-normal-300 { font-family: 'Open Sans' !important; font-style: normal; font-weight: 300; }
.Open-Sans-italic-300 { font-family: 'Open Sans' !important; font-style: italic; font-weight: 300; }
.Open-Sans-normal-400 { font-family: 'Open Sans' !important; font-style: normal; font-weight: 400; }
.Open-Sans-italic-400 { font-family: 'Open Sans' !important; font-style: italic; font-weight: 400; }
.Open-Sans-normal-600 { font-family: 'Open Sans' !important; font-style: normal; font-weight: 600; }
.Open-Sans-italic-600 { font-family: 'Open Sans' !important; font-style: italic; font-weight: 600; }
.Open-Sans-normal-700 { font-family: 'Open Sans' !important; font-style: normal; font-weight: 700; }
.Open-Sans-italic-700 { font-family: 'Open Sans' !important; font-style: italic; font-weight: 700; }
.Open-Sans-normal-800 { font-family: 'Open Sans' !important; font-style: normal; font-weight: 800; }
.Open-Sans-italic-800 { font-family: 'Open Sans' !important; font-style: italic; font-weight: 800; }

.Roboto-normal-100 { font-family: 'Roboto' !important; font-style: normal; font-weight: 100; }
.Roboto-normal-300 { font-family: 'Roboto' !important; font-style: normal; font-weight: 300; }
.Roboto-normal-400 { font-family: 'Roboto' !important; font-style: normal; font-weight: 400; }
.Roboto-normal-500 { font-family: 'Roboto' !important; font-style: normal; font-weight: 500; }
.Roboto-normal-700 { font-family: 'Roboto' !important; font-style: normal; font-weight: 700; }
.Roboto-normal-900 { font-family: 'Roboto' !important; font-style: normal; font-weight: 900; }
.Roboto-italic-100 { font-family: 'Roboto' !important; font-style: italic; font-weight: 100; }
.Roboto-italic-300 { font-family: 'Roboto' !important; font-style: italic; font-weight: 300; }
.Roboto-italic-400 { font-family: 'Roboto' !important; font-style: italic; font-weight: 400; }
.Roboto-italic-500 { font-family: 'Roboto' !important; font-style: italic; font-weight: 500; }
.Roboto-italic-700 { font-family: 'Roboto' !important; font-style: italic; font-weight: 700; }
.Roboto-italic-900 { font-family: 'Roboto' !important; font-style: italic; font-weight: 900; }


/* Transition */

/* ease-in-out */
.ease_in_out_200 { transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out }
.ease_in_out_300 { transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out }
.ease_in_out_350 { transition:all 0.35s ease-in-out;-moz-transition:all 0.35s ease-in-out;-webkit-transition:all 0.35s ease-in-out;-ms-transition:all 0.35s ease-in-out;-o-transition:all 0.35s ease-in-out }
.ease_in_out_400 { transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-webkit-transition:all 0.4s ease-in-out;-ms-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out }
.ease_in_out_450 { transition:all 0.45s ease-in-out;-moz-transition:all 0.45s ease-in-out;-webkit-transition:all 0.45s ease-in-out;-ms-transition:all 0.45s ease-in-out;-o-transition:all 0.45s ease-in-out }
.ease_in_out_500 { transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out }
.ease_in_out_600 { transition:all 0.6s ease-in-out;-moz-transition:all 0.6s ease-in-out;-webkit-transition:all 0.6s ease-in-out;-ms-transition:all 0.6s ease-in-out;-o-transition:all 0.6s ease-in-out }
.ease_in_out_700 { transition:all 0.7s ease-in-out;-moz-transition:all 0.7s ease-in-out;-webkit-transition:all 0.7s ease-in-out;-ms-transition:all 0.7s ease-in-out;-o-transition:all 0.7s ease-in-out }
.ease_in_out_800 { transition:all 0.8s ease-in-out;-moz-transition:all 0.8s ease-in-out;-webkit-transition:all 0.8s ease-in-out;-ms-transition:all 0.8s ease-in-out;-o-transition:all 0.8s ease-in-out }
.ease_in_out_900 { transition:all 0.9s ease-in-out;-moz-transition:all 0.9s ease-in-out;-webkit-transition:all 0.9s ease-in-out;-ms-transition:all 0.9s ease-in-out;-o-transition:all 0.9s ease-in-out }

/* ease */
.ease_200 { transition:all 0.2s ease; -moz-transition:all 0.2s ease; -webkit-transition:all 0.2s ease; -ms-transition:all 0.2s ease; -o-transition:all 0.2s ease; }
.ease_300 { transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; }
.ease_350 { transition:all 0.35s ease; -moz-transition:all 0.35s ease; -webkit-transition:all 0.35s ease; -ms-transition:all 0.35s ease; -o-transition:all 0.35s ease; }
.ease_400 { transition:all 0.4s ease; -moz-transition:all 0.4s ease; -webkit-transition:all 0.4s ease; -ms-transition:all 0.4s ease; -o-transition:all 0.4s ease; }
.ease_450 { transition:all 0.45s ease; -moz-transition:all 0.45s ease; -webkit-transition:all 0.45s ease; -ms-transition:all 0.45s ease; -o-transition:all 0.45s ease; }
.ease_500 { transition:all 0.5s ease; -moz-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -ms-transition:all 0.5s ease; -o-transition:all 0.5s ease; }
.ease_600 { transition:all 0.6s ease; -moz-transition:all 0.6s ease; -webkit-transition:all 0.6s ease; -ms-transition:all 0.6s ease; -o-transition:all 0.6s ease; }
.ease_700 { transition:all 0.7s ease; -moz-transition:all 0.7s ease; -webkit-transition:all 0.7s ease; -ms-transition:all 0.7s ease; -o-transition:all 0.7s ease; }
.ease_800 { transition:all 0.8s ease; -moz-transition:all 0.8s ease; -webkit-transition:all 0.8s ease; -ms-transition:all 0.8s ease; -o-transition:all 0.8s ease; }
.ease_900 { transition:all 0.9s ease; -moz-transition:all 0.9s ease; -webkit-transition:all 0.9s ease; -ms-transition:all 0.9s ease; -o-transition:all 0.9s ease; }





.header_top .fa { padding-right:8px; }


.ie8_bgcover { 	-ms-behavior: url(backgroundsize.min.htc); behavior: url(backgroundsize.min.htc); }

/*
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
*/
.column-wrapper, .columns-wrapper { overflow: hidden; }
.alignleft, .left { float: left; }
.alignright, .right { float: right; }
.no-float, .float-none { float: none; }
.no-padding { padding: 0; }
body .no-lr-padding { padding-left: 0; padding-right: 0; }

.one-column, .one-columns { width: 100%; }
.two-column, .two-columns { width: 50%; }
.three-column, .three-columns { width: 33.3333333%; }
.four-column, .four-columns { width: 25%; }
.five-column, .five-columns { width: 20%; }
.six-column, .six-columns { width: 16.6%; }

.page { overflow: hidden; }



/* -- Bootstrap.style ------------------------------------------------------------ */
/* #### COMMON MODIFIED #### */
/* ## Common.Modified.Bootstrap ## */
.navbar-brand {
    background: url(../../common/images/kosha_logo.png) no-repeat 0 0 transparent;
    text-indent: -9999px;
    /* width: 360px; */
    width: 80px;
    margin-top: 5px;
    margin-right: 100px;
}

.navbar-inverse {
    background-color: #057;
    border-color: #068;
}

.navbar-inverse .navbar-nav>li>a {
    /* color: #9d9d9d; */
    color: #eee;
    font-weight: 400;
    font-size: 16px;
}

.nav>li>a {
    position: relative;
    display: block;
    padding: 19px 15px;
}

a {
    color: #057;
}

.btn {
    font-size: .875rem;
}

/*! .btn-default는 Bootstrap v4에서 빠진 것 같음 */
.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}

.btn-default:focus,
.btn-default.focus {
    color: #333;
    background-color: #e6e6e6;
    border-color: #8c8c8c;
}

.btn-default:hover {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
}

/*! v3.7 row 2623~ 참고 */
/*! .btn-default는 Bootstrap v4에서 빠진 것 같음.end */

/*! .btn-xs는 Bootstrap v4에서 빠진 것 같음 */
.btn-xs,
.btn-group-xs>.btn {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

/*! v3.7 row 2990~ 참고, row 정리 */
/*! .btn-xs는 Bootstrap v4에서 빠진 것 같음.end */

.btn-primary {
    background-color: #37b;
    border-color: #26a;
}

.btn-primary:hover {
    background-color: #026;
    border-color: #247;
}

.btn-primary:hover {
    background-color: #047;
    border-color: #025;
}

input[type="text"] {
    padding: 4px 8px;
    border: 1px solid #bbb;
    border-radius: 4px;
    background-color: #fff;
    height: 28px;
}

.no_item input[type="text"] {
    margin-left: 12px;
}

/* Modal */
.modal-dialog {
    max-width: 960px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 40px;
}

.modal-dialog.load_medium_width {
    max-width: 480px;
}

.modal-dialog.load_large_width {
    max-width: 640px;
}

.modal-dialog.load_xlarge_width {
    max-width: 800px;
}

.modal-dialog.load_post {
    max-width: 640px;
}

.modal-dialog.load_request_check {
    max-width: 480px;
}

.modal-dialog.load_submit {
    max-width: 480px;
}

/*? .modal-dialog.load_submit p.caution {padding: 40px 0; text-align:center;} */
.modal-dialog p.agree {
    padding: 40px 0;
    text-align: center;
    font-size: 18px;
}

.modal-dialog.load_submit p.agree {
    padding: 40px 0;
    text-align: center;
    font-size: 18px;
}

.modal-dialog .popup_title_sec span.btn_close_pop {
    display: block;
    width: 9px;
    height: 19px;
    background: url(../../common/images/icon_x.png) no-repeat 50% 50% transparent;
    text-indent: -9999px;
}

/* Glyphicons */
.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    /* font-family: 'Glyphicons Halflings'; */
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.glyphicon-search::before {
    /* content: "\e003"; */
    content: none;
}

.glyphicon-remove::before {
    /* content: "\e014"; */
    content: none;
}

.glyphicon-calendar::before {
    /* content: "\e109"; */
    content: none;
}

.glyphicon-arrow-left::before {
    /* content: "\e091"; */
    content: none;
}

.glyphicon-arrow-right::before {
    /* content: "\e092"; */
    content: none;
}

.glyphicon-arrow-left {
    background: url(../../common/images/bullet_arrow_left.png) no-repeat 0 2px transparent;
    width: 18px;
    height: 18px;
}

.glyphicon-arrow-right {
    background: url(../../common/images/bullet_arrow_right.png) no-repeat 0 2px transparent;
    width: 18px;
    height: 18px;
}

/* Pagination */
.pager>.active>a,
.pager>.active>span,
.pager>.active>a:hover,
.pager>.active>span:hover,
.pager>.active>a:focus,
.pager>.active>span:focus {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #37b;
    border-color: #37b
}

.pager li>a,
.pager li>span {
    padding: 4px 12px;
    background-color: #fff;
    border-color: #bbb;
    border-radius: 4px;
}

.pager li>a:hover,
.pager li>a:focus {
    background-color: #def;
}

.pager .next>a,
.pager .next>span {
    float: none;
}

.pager .previous>a,
.pager .previous>span {
    float: none;
}

.pager .disabled>a,
.pager .disables>a:hover,
.pager .disabled>a:focus,
.pager .disabled>span {
    color: #999;
    background-color: #eee;
}
/* -- Bootstrap.style // ------------------------------------------------------------ */


/* -- Tab ------------------------------------------------------------ */
/* -- Tab // ------------------------------------------------------------ */