@font-face {
    font-family: lora;
    src: url('../assets/fonts/lora-regular-webfont.eot');
    src: url('../assets/fonts/lora-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../assets/fonts/lora-regular-webfont.woff') format('woff'),
         url('../assets/fonts/lora-regular-webfont.ttf') format('truetype'),
         url('../assets/fonts/lora-regular-webfont.svg') format('svg');
}

@font-face {
  font-family: lexi;
  src: url('../assets/fonts/LexiSaebomR.eot');
  src: url('../assets/fonts/LexiSaebomR.eot?#iefix') format('embedded-opentype'),
       url('../assets/fonts/LexiSaebomR.woff') format('woff'),
       url('../assets/fonts/LexiSaebomR.ttf') format('truetype'),
       url('../assets/fonts/LexiSaebomR.svg') format('svg');
}

/* @import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css); */

html {height:100%;overflow-y:scroll; }
body {

	height:100%;
	font-family: lora, lexi;
	/* font-family: "Malgun Gothic"; */
	/* font-family: 'Noto Sans KR'; */

    background-color: #f8f8f8;
	/*
	background-attachment: scroll;
    background-image: url(../img/header-bg2.jpg);
    background-position: center top;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
	background-size: cover;
    -o-background-size: cover;
	*/
}

a, a:hover, a:focus, a:active, a.active {
    text-decoration:none;
}


.back-to-top {
    position: fixed;
	z-index: 999;
    bottom: 1em;
    right: 10px;
    padding: 1em;
    display: none;
	opacity:0.7
}


/* table div */
.table-header-default {border-top:2px solid #999; border-bottom:1px solid #ddd;}
.table-header-default th {height:40px; text-align:center; vertical-align:middle !important; background-color:#f5f5f5;}
.table-header-basic {border-top:2px solid #333; border-bottom:1px solid #ddd;}
.table-header-basic th {height:40px; text-align:center; vertical-align:middle !important;  border-bottom:2px solid #ddd;}
.tr-center th, .tr-center td {text-align:center !important;}
.tr-bold th, .tr-bold td {font-weight:bold;}

.full-width {width:100%;}
.empty-data {text-align:center;height:200px; padding-top:90px;}

.border-dotted {height:1px; border-bottom:1px dotted #ccc; margin: 10px 0px;}

.all-border {border: 1px solid #ddd;}

.left-border {
	border-left: 1px solid #ddd;
}

.right-border {
	border-right: 1px solid #ddd;
}

.border-white {
	border: 1px solid #fff;
}

.no-border {
	border: 0px;
}

.table .no-border td {border: 0px;}



/* margin */
.margin-0{margin:0px;}
.margin-5 {margin:5px;}
.margin-10 {margin:10px;}
.margin-15 {margin:15px;}
.margin-20 {margin:20px;}
.margin-30 {margin:30px;}

.margin-top-0 {margin-top:0px}
.margin-top-10 {margin-top:10px}
.margin-top-15 {margin-top:15px}
.margin-top-20 {margin-top:20px}
.margin-top-20 {margin-top:25px}
.margin-top-30 {margin-top:30px}

.margin-bottom-0 {margin-bottom:0px}
.margin-bottom-10 {margin-bottom:10px}
.margin-bottom-15 {margin-bottom:15px}
.margin-bottom-20 {margin-bottom:20px}
.margin-bottom-20 {margin-bottom:25px}
.margin-bottom-30 {margin-bottom:30px}

.margin-left-10 {margin-left:10px}
.margin-left-15 {margin-left:15px}
.margin-left-20 {margin-left:20px}
.margin-left-20 {margin-left:25px}
.margin-left-30 {margin-left:30px}

.margin-right-10 {margin-right:10px}
.margin-right-15 {margin-right:15px}
.margin-right-20 {margin-right:20px}
.margin-right-20 {margin-right:25px}
.margin-right-30 {margin-right:30px}

.padding-top-0 {padding-top:0px;}
.padding-bottom-0 {padding-bottom:0px;}
.padding-0 {padding:0px;}
.padding-5 {padding:5px;}
.padding-10 {padding:10px;}
.padding-15 {padding:15px;}
.padding-20 {padding:20px;}
.padding-30 {padding:30px;}



/* border-radius */
.border-r0 {border-radius:0px;}
.border-r3 {border-radius:3px;}
.border-r5 {border-radius:5px;}
.border-r8 {border-radius:8px;}
.border-r50 {border-radius:50%;}

.bg-white {background-color:#fff;}
.bg-f5 {background-color:#f5f5f5;}
.bg-f7 {background-color:#f7f7f7;}
.bg-f9 {background-color:#f9f9f9;}
.bg-fb {background-color:#fbfbfb;}
.bg-e7 {background-color:#e7e7e7;}
.bg-yellow {background-color:yellow;}
.bg-dark-primary {background-color:#013551;}
.bg-dark-success {background-color:#358046;}
.bg-dark-info {background-color:#279fc2;}
.bg-dark-warning {background-color:#f9742d;}
.bg-dark-danger {background-color:#d72222;}

.bar-01 {height:6px; background-color:#85a0bc;}
.bar-02 {width:10px; background-color:#139913;}
.bar-03 {width:50px; background-color:#ff8000;}
.bar-04 {width:50px; background-color:#139913;}
.bar-05 {width:10px; background-color:#8080ff;}
.bar-06 {width:50px; background-color:#91bc68;}
.bar-07 {width:50px; background-color:#e9c0a5;}




/* text */

.txt-small {font-size:11px;}
.txt-small-num {font-size:11px; font-family:verdana;}
.txt-bold {font-weight:bold;}
.txt-dotum {font-size:12px; font-family:dotum;}

.txt-size-10 {font-size:10px;}
.txt-size-11 {font-size:11px;}
.txt-size-12 {font-size:12px;}
.txt-size-13 {font-size:13px;}
.txt-size-14 {font-size:14px;}
.txt-size-15 {font-size:15px;}
.txt-size-16 {font-size:16px;}
.txt-size-18 {font-size:18px;}
.txt-size-20 {font-size:20px;}
.txt-size-22 {font-size:22px;}
.txt-size-24 {font-size:24px;}
.txt-size-30 {font-size:30px;}
.txt-size-40 {font-size:40px;}

.txt-white {color:#fff;}
.txt-blue {color:blue;}
.txt-red {color:red;}
.txt-crimson {color:crimson;}
.txt-green {color:green;}
.txt-yellow {color:yellow;}
.txt-tomato {color:tomato;}
.txt-teal {color:teal;}
.txt-maroon {color:maroon;}
.txt-gray {color:gray}
.txt-silver {color:silver}



/* bootstrap customize */

.form-control[readonly] {
  background-color: #fff;
  border-color: #fff;
}


.carousel-inner {
/*fix other elements on the page moving (on Chrome)*/
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
    -ms-transform: translatez(0);
    -o-transform: translatez(0);
    transform: translatez(0);
}


.btn.btn-black { 
	color: #fff !important; border-image: none !important; background-image: none !important;
	border: 1px solid #111; 
	background-color: #333; 
}
.btn.active.btn-black, .btn.btn-black:hover, .btn.btn-black:focus, .btn.btn-black:active { 
	background-color: #111; 
}

.btn.btn-crimson {
	color: #fff !important; border-image: none !important; background-image: none !important;
	border: 1px solid rgb(190, 20, 50);  
	background-color: rgb(220, 20, 60); 
}
.btn.active.btn-red, .btn.btn-red:hover, .btn.btn-red:focus, .btn.btn-red:active { 
	background-color: rgb(190, 20, 50); 
}

.btn-outline {
    color: inherit;
    background-color: transparent;
    transition: all .5s;
}

.btn-primary.btn-outline {
    color: #013551;
}

.btn-success.btn-outline {
    color: #358046;
}

.btn-info.btn-outline {
    color: #279fc2;
}

.btn-warning.btn-outline {
    color: #f9742d;
}

.btn-danger.btn-outline {
    color: #d72222;
}


.btn-primary.btn-outline:hover,
.btn-success.btn-outline:hover,
.btn-info.btn-outline:hover,
.btn-warning.btn-outline:hover,
.btn-danger.btn-outline:hover,
.btn-primary.btn-outline:active,
.btn-success.btn-outline:active,
.btn-info.btn-outline:active,
.btn-warning.btn-outline:active,
.btn-danger.btn-outline:active
{
	background-color: #e7e7e7 !important;
	/* background-color: inherit; */
	transition: all .5s;
}


/* panel-box-color  */

.panel-box-black {
    border-color: #111;
}
.panel-box-black .panel-heading {
    border-color: #111;
    color: #fff;
    background-color: #111;
}

.panel-box-gray {
    border-color: #808080;
}
.panel-box-gray .panel-heading {
    border-color: #808080;
    color: #fff;
    background-color: #808080;
}

.panel-box-silver {
    border-color: #c0c0c0;
}
.panel-box-silver .panel-heading {
    border-color: #c0c0c0;
    color: #333;
    background-color: #c0c0c0;
}


.panel-box-success {
    border-color: #358046;
}
.panel-box-success .panel-heading {
    border-color: #358046;
    color: #fff;
    background-color: #358046;
}

.panel-box-info {
    border-color: #279fc2;
}
.panel-box-info .panel-heading {
    border-color: #279fc2;
    color: #fff;
    background-color: #279fc2;
}

.panel-box-warning {
    border-color: #f9742d;
}
.panel-box-warning .panel-heading {
    border-color: #f9742d;
    color: #fff;
    background-color: #f9742d;
}

.panel-box-danger {
    border-color: #d72222;
}
.panel-box-danger .panel-heading {
    border-color: #d72222;
    color: #fff;
    background-color: #d72222;
}


/* panel-card-color */

.panel-card-blue {
    border-color: #337ab7;
}

.panel-card-blue .panel-heading {
    border-color: #337ab7;
    color: #fff;
    background-color: #337ab7;
}

.panel-card-blue a {
    color: #337ab7;
}

.panel-card-bue a:hover {
    color: #204e73;
}

.panel-card-green {
    border-color: #5cb85c;
}

.panel-card-green .panel-heading {
    border-color: #5cb85c;
    color: #fff;
    background-color: #5cb85c;
}

.panel-card-green a {
    color: #5cb85c;
}

.panel-card-green a:hover {
    color: #3d8b3d;
}

.panel-card-red {
    border-color: #d9534f;
}

.panel-card-red .panel-heading {
    border-color: #d9534f;
    color: #fff;
    background-color: #d9534f;
}

.panel-card-red a {
    color: #d9534f;
}

.panel-card-red a:hover {
    color: #b52b27;
}

.panel-card-yellow {
    border-color: #f0ad4e;
}

.panel-card-yellow .panel-heading {
    border-color: #f0ad4e;
    color: #fff;
    background-color: #f0ad4e;
}

.panel-card-yellow a {
    color: #f0ad4e;
}

.panel-card-yellow a:hover {
    color: #df8a13;
}


.panel-card-pink {
    border-color: #fc8bd8;
}

.panel-card-pink .panel-heading {
    border-color: #fc8bd8;
    color: #fff;
    background-color: #fc8bd8;
}

.panel-card-pink a {
    color: #fc8bd8;
}

.panel-card-pink a:hover {
    color: #fb51c4;
}


.panel-card-grass {
    border-color: #a7b771;
}

.panel-card-grass .panel-heading {
    border-color: #a7b771;
    color: #fff;
    background-color: #a7b771;
}

.panel-card-grass a {
    color: #a7b771;
}

.panel-card-grass a:hover {
    color: #6a783d;
}


.panel-card-sky{
    border-color: #5fbee7;
}

.panel-card-sky .panel-heading {
    border-color: #5fbee7;
    color: #fff;
    background-color: #5fbee7;
}

.panel-card-sky a {
    color: #5fbee7;
}

.panel-card-sky a:hover {
    color: #1b83af;
}


/* bs-callout */
.bs-callout {padding:20px;margin:20px 0;border:1px solid #eee;border-left-width:5px;border-radius:3px}
.bs-callout h4 {margin-top:0;margin-bottom:5px}
.bs-callout p:last-child {margin-bottom:0}
.bs-callout code {border-radius:3px}
.bs-callout+.bs-callout {margin-top:-5px}
.bs-callout-danger {border-left-color:#ce4844}
.bs-callout-danger h4 {color:#ce4844}
.bs-callout-warning {border-left-color:#aa6708}
.bs-callout-warning h4 {color:#aa6708}
.bs-callout-info {border-left-color:#1b809e}
.bs-callout-info h4 {color:#1b809e}

/* navbar */
.navbar-color {
  background-color: #222222;
  border-color: #080808;
}
.navbar-color .navbar-brand {
  color: #9d9d9d;
}
.navbar-color .navbar-brand:hover,
.navbar-color .navbar-brand:focus {
  color: #ffffff;
  background-color: transparent;
}
.navbar-color .navbar-text {
  color: #9d9d9d;
}
.navbar-color .navbar-nav > li > a {
  color: #9d9d9d;
}
.navbar-color .navbar-nav > li > a:hover,
.navbar-color .navbar-nav > li > a:focus {
  color: #ffffff;
  background-color: transparent;
}
.navbar-color .navbar-nav > .active > a,
.navbar-color .navbar-nav > .active > a:hover,
.navbar-color .navbar-nav > .active > a:focus {
  color: #ffffff;
  background-color: #080808;
}
.navbar-color .navbar-nav > .disabled > a,
.navbar-color .navbar-nav > .disabled > a:hover,
.navbar-color .navbar-nav > .disabled > a:focus {
  color: #444444;
  background-color: transparent;
}
.navbar-color .navbar-toggle {
  border-color: #333333;
}
.navbar-color .navbar-toggle:hover,
.navbar-color .navbar-toggle:focus {
  background-color: #333333;
}
.navbar-color .navbar-toggle .icon-bar {
  background-color: #ffffff;
}
.navbar-color .navbar-collapse,
.navbar-color .navbar-form {
  border-color: #101010;
}
.navbar-color .navbar-nav > .open > a,
.navbar-color .navbar-nav > .open > a:hover,
.navbar-color .navbar-nav > .open > a:focus {
  background-color: #080808;
  color: #ffffff;
}
@media (max-width: 767px) {
  .navbar-color .navbar-nav .open .dropdown-menu > .dropdown-header {
    border-color: #080808;
  }
  .navbar-color .navbar-nav .open .dropdown-menu .divider {
    background-color: #080808;
  }
  .navbar-color .navbar-nav .open .dropdown-menu > li > a {
    color: #9d9d9d;
  }
  .navbar-color .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-color .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #ffffff;
    background-color: transparent;
  }
  .navbar-color .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-color .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-color .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #ffffff;
    background-color: #080808;
  }
  .navbar-color .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-color .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-color .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #444444;
    background-color: transparent;
  }
}
.navbar-color .navbar-link {
  color: #9d9d9d;
}
.navbar-color .navbar-link:hover {
  color: #ffffff;
}
.navbar-color .btn-link {
  color: #9d9d9d;
}
.navbar-color .btn-link:hover,
.navbar-color .btn-link:focus {
  color: #ffffff;
}
.navbar-color .btn-link[disabled]:hover,
fieldset[disabled] .navbar-color .btn-link:hover,
.navbar-color .btn-link[disabled]:focus,
fieldset[disabled] .navbar-color .btn-link:focus {
  color: #444444;
}







/* G5 관련 css */
/* 검색결과 색상 */
.sch_word {color:#ff3061}

/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative;margin:0 auto;width:0px;height:0}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
/*.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff}*/
.hd_pops {position:absolute;border:1px solid #ddd;background:#fff}
.hd_pops_con {}
.hd_pops_footer {padding:5px;text-align:right}
.hd_pops_footer button {margin-right:5px;}

/* 게시판 쓰기 */
#char_count_desc {display:block;margin:0 0 5px;padding:0}
#char_count_wrap {margin:5px 0 0;text-align:right}
#char_count {font-weight:bold}

#autosave_wrapper {position:relative}
#autosave_pop {display:none;z-index:10;position:absolute;top:24px;right:117px;padding:8px;width:350px;height:auto !important;height:180px;max-height:180px;border:1px solid #565656;background:#fff;overflow-y:scroll}
html.no-overflowscrolling #autosave_pop {height:auto;max-height:10000px !important} /* overflow 미지원 기기 대응 */
#autosave_pop strong {position:absolute;font-size:0;line-height:0;overflow:hidden}
#autosave_pop div {text-align:right}
#autosave_pop button {margin:0;padding:0;border:0;background:transparent}
#autosave_pop ul {margin:10px 0;padding:0;border-top:1px solid #e9e9e9;list-style:none}
#autosave_pop li {padding:8px 5px;border-bottom:1px solid #e9e9e9;zoom:1}
#autosave_pop li:after {display:block;visibility:hidden;clear:both;content:""}
#autosave_pop a {display:block;float:left}
#autosave_pop span {display:block;float:right}
.autosave_close {cursor:pointer}
.autosave_content {display:none}

/* ckeditor 단축키 */
.cke_sc {margin:0 0 5px;text-align:right}
.btn_cke_sc{display:inline-block;padding:0 10px;height:23px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;line-height:1.9em;vertical-align:middle;cursor:pointer}
.cke_sc_def {margin:0 0 5px;padding:10px;border:1px solid #ccc;background:#f7f7f7;text-align:center}
.cke_sc_def dl{margin:0 0 5px;text-align:left;zoom:1}
.cke_sc_def dl:after {display:block;visibility:hidden;clear:both;content:""}
.cke_sc_def dt, .cke_sc_def dd {float:left;margin:0;padding:5px 0;border-bottom:1px solid #e9e9e9}
.cke_sc_def dt {width:20%;font-weight:bold}
.cke_sc_def dd {width:30%}