/* default css */



/*
 * latest skin 
 * basic
 * class : g4latest_basic
 */

/*.g4latest_basic .latest_wrap {border: 1px solid #efefef; padding: 5px; border-radius: 5px;background-color: #F9F9F9;padding: 2px 12px 12px 12px; margin: 8px; overflow: hidden; min-height: 200px}*/
.g4latest_basic h2{font-size: 1.1em; border-bottom: 1px dashed #ccc; margin-bottom: 5px }
.g4latest_basic ul,.g4latest_basic ul li{list-style: none;line-height: 1.8em;666}
.g4latest_basic ul li a{font-family:dotum; font-size: 1.1em; text-decoration: none; color: #666;}
.g4latest_basic .list_comment{font-size: .8em;}

/*
 * latest skin 
 * gallery
 * class : g4latest_gallery
 */
.g4latest_gallery table td{border: none;}
.g4latest_gallery .latest_wrap {border: 1px solid #efefef; padding: 5px; border-radius: 5px;background-color: #F9F9F9;padding: 2px 12px 12px 12px; margin: 8px; overflow: hidden}
.g4latest_gallery h2{font-size: 1.2em; border-bottom: 1px dashed #ccc; margin-bottom: 5px }
.g4latest_gallery ul,.g4latest_gallery ul li{list-style: none;line-height: 1.8em;}
.g4latest_gallery ul li a{font-family: dotum; font-size: 1em; text-decoration: none; color: #333}
.g4latest_gallery .list_comment{font-size: .8em;}
.g4latest_gallery p.subject{text-align: center; font-size: .9em; color: #666; letter-spacing: -1px}

/*
 * board skin
 * basic list.skin.php
 * class : g4board_basic
 */
.g4board_basic .board_top { clear:both; height: 35px; line-height: 35px; margin:2px auto}
.g4board_basic ul{font-size:0;}
.g4board_basic li {color:#666;line-height:18px;display:inline-block;width:20.3%;height:30px;border:1px solid #ddd;margin-left:-1px;box-sizing:border-box;}
.g4board_basic  .basic_list {border-top:2px solid #000;background:none !important;}
.g4board_basic  .basic_list li {position:relative;display:block;color:#666;width:100%;height:auto;border:none;border-bottom:1px solid #ddd;margin:0;line-height:none;} 
.g4board_basic  .basic_list li a {text-align:left;}
.g4board_basic li:first-child {}
.g4board_basic li a {display:block;height:100%;text-align:center;color:#666;font-size:14px;color:#333;line-height:30px;}
.g4board_basic li a.subject {color: #222;display: block;font-size:15px;line-height:16px;padding:18px 0px 34px 0px;font-weight:400;}
.g4board_basic li a .cmt{color: #2080D0;font-size: 0.85em}
.g4board_basic li a.notice{color:#dd6969;}
.g4board_basic li .writer {font-size:13px;position: absolute;left:80px; bottom:10px;color:#666;}
.g4board_basic li .wr_date {font-size:12px;position: absolute;left:0; bottom:10px;color:#666;font-weight:500;letter-spacing:0.02em;}
.g4board_basic .bo_title {border-bottom: 2px solid #2B5EB0;padding: 0.7em 0;position: relative;white-space: nowrap;width: 100%;}
.g4board_basic .bo_title h2 {display: inline;font-size: 1.05em;margin-right: -0.3em;padding-left: 10px;}
.g4board_basic .board_search {position:relative;padding-right:50px;}
.g4board_basic .board_search input.input {width:100%;padding:8px;border:1px solid #ddd;box-sizing:border-box;}
.g4board_basic .board_search button.btn-primary {position:absolute;right:0;top:0;display:block;width:50px;height:100%;background:#333;font-size:14px;color:#fff;}
.g4board_basic .pull-right {margin:10px 0;}
.g4board_basic .pull-left {text-align:right;}
.g4board_basic .pull-left a {display:inline-block;vertical-align:middle;font-size:15px;padding:8px 15px;font-weight:500;border:1px solid #ddd;color:#000;}

/* basic view.skin.php */
.g4board_basic footer{display: block; padding: 5px; overflow: hidden}
.g4board_basic_comments footer .cmt_content{padding: 5px;}
.g4board_basic .wr_info{padding: 5px 0;}
.g4board_basic .bbs_menu{min-width: 96px}
.g4board_basic .page-header {border-bottom:1px solid #000;}
.g4board_basic .page-header h2 {font-size:18px;font-weight:500;color:#000;line-height:1.2;word-break:keep-all;}
.g4board_basic .page-header .member {font-size:14px;color:#000;font-weight:500;}

/*
 * board skin
 * basic write.skin.php
 * class : g4board_basic
 */
 
.control-group {padding:15px 0;border-bottom:1px solid #ddd;}
.btn-large {display: inline-block;vertical-align: middle;font-size: 15px;padding:0 15px;height:40px;line-height:40px;font-weight: 700;border: 1px solid #333;color:#000;box-sizing:border-box;}
/*
 * board skin
 * basic gallery list.skin.php
 * class : g4board_gallery
 */
.g4board_gallery p.subject{text-align: center; padding:10px 0 0;font-size:15px;color:#000;font-weight:500;}
.g4board_gallery .wr_date {font-size:12px;letter-spacing:0.02em;text-align:center;}
.g4board_gallery .board_search {position:relative;padding-right:50px;}
.g4board_gallery .board_search input.input {width:100%;padding:8px;border:1px solid #ddd;box-sizing:border-box;}
.g4board_gallery .board_search button.btn-primary {position:absolute;right:0;top:0;display:block;width:50px;height:100%;background:#333;font-size:14px;color:#fff;}
.g4board_gallery .pull-right {margin:10px 0 2px;}

/* gallery view.skin.php */

.g4board_gallery .page-header {border-bottom: 1px solid #000;}
.g4board_gallery .page-header h2 {font-size: 18px;font-weight: 500;color: #000;line-height: 1.2;word-break: keep-all;}
.g4board_gallery .page-header .member {font-size:14px;color: #000;font-weight:500;}
.g4board_gallery a.gallery_thum {display: block;line-height: 1em;padding: 4px; margin: 0 auto;border: none; text-align: center}
.g4board_gallery div.writer{text-align: center; padding: 0; margin: 0;font-size:13px;}
.g4board_gallery footer{display: block; padding: 5px; overflow: hidden}
.g4board_gallery_comments footer .cmt_content{padding: 5px;}
.g4board_gallery .wr_info{padding: 5px 0;}
.g4board_gallery .bbs_menu{min-width: 96px}
.g4board_gallery .pull-left {text-align:right;}
.g4board_gallery .pull-left a {display:inline-block;vertical-align:middle;font-size:15px;padding:8px 15px;font-weight:500;border:1px solid #ddd;color:#000;}
.g4board_gallery ul {font-size: 0;}
.g4board_gallery li {color: #666;line-height: 18px;display: inline-block;width: 20.3%;height: 30px;border: 1px solid #ddd;margin-left: -1px;box-sizing: border-box;}
.g4board_gallery li a {display: block;height: 100%;text-align: center;color: #666;font-size: 14px;color: #333;line-height: 30px;}

 /*
 * memo skin
 * basic memo.php
 * class : g4memo_basic
 */
 .g4memo_basic .btn-box{overflow: hidden;}
 .g4memo_basic ul.memo_list{padding: 0px; margin: 0 0 0 5px}
 .g4memo_basic ul.memo_list li{display: block;position: relative; border-bottom: 1px dashed #ccc; padding: 5px}
 .g4memo_basic ul.memo_list li a{display: block; margin-right: 50px; line-height: 150%;}
 .g4memo_basic ul.memo_list li a span.se_subject{font-size: 1.2em; color: #000;}
 .g4memo_basic ul.memo_list li p.me_del{position: absolute; right: 1px; top: 5px;}
 .g4memo_basic ul.memo_list li a span.se_nick,.g4memo_basic ul.memo_list li a span.se_date{ font-size: .9em; letter-spacing: -1px; color: #666}
 .g4memo_basic ul.memo_list li.read a span.se_subject{color: #666} /* 읽은쪽지 */
 .g4memo_basic ul.memo_list li.not-read a span.se_subject{color: #000; font-weight: 600}
 
 
 /*
 basic formmail.php
 class : g4formmail_basic
 */
.g4formmail_basic .btn-box{overflow: hidden}



/*
basic new.skin.php
class : g4new_basic
*/
.g4new_basic .new_head select{width: 80px;}

/*
basic search.skin.php
class : g4search_basic
*/
.g4search_basic .search_box select{width: 100px}
.g4search_basic .sr_title {overflow: hidden; margin-bottom: 5px}
/* common */
/*sidemenu*/ 
ul.sidemenu{margin: 0}
ul.sidemenu li.dropdown{border: none;}
ul.dropdown-menu li{}
li {list-style: none}
.clear{clear:both}
input[type='checkbox']{display:inline-block;vertical-align:middle;width: 13px; height: 13px}
input[type='radio']{display:inline-block;vertical-align:middle;width: 13px; height: 13px}
.dropdown-menu a{text-align: left}
p.help-block{font-size: .9em; letter-spacing: 0px; color: #cc6600}
div.article{border-bottom:1px solid #ddd;padding:20px 0;}
div.article img {display:block;max-width:100%;}
div.article div img {margin:10px 0;}

/* Board Paging */

#paging {font-size:0;margin:20px 0;text-align:center;}
#paging a {display:inline-block;border:1px solid #ddd;min-width:30px;height:30px;line-height:30px;font-size:12px;color:#888;font-weight:600;vertical-align:middle;}
#paging a:focus,#paging a:active {}
#paging b {color:#fff;font-size:12px;background:#000;display:inline-block;border:1px solid #000;min-width:30px;height:30px;line-height:30px;vertical-align:middle;}


/* Modal Window */

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000000;
}

.modal-backdrop.fade {
  opacity: 0;
}

.modal-backdrop,
.modal-backdrop.fade.in {
  opacity: 0.8;
  filter: alpha(opacity=80);
}

.modal {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 1050;
  width:320px;
  margin: 0 0 0 -160px;
  overflow: auto;
  background-color: #ffffff;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.3);
  *border: 1px solid #999;
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
  -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
     -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
          box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  -webkit-background-clip: padding-box;
     -moz-background-clip: padding-box;
          background-clip: padding-box;
}

.modal.fade {
  top: -25%;
  -webkit-transition: opacity 0.3s linear, top 0.3s ease-out;
     -moz-transition: opacity 0.3s linear, top 0.3s ease-out;
      -ms-transition: opacity 0.3s linear, top 0.3s ease-out;
       -o-transition: opacity 0.3s linear, top 0.3s ease-out;
          transition: opacity 0.3s linear, top 0.3s ease-out;
}

.modal.fade.in {
  top: 50%;
}
.modal-dialog {padding:30px;text-align:center;}
.bootstrap-dialog .modal-header {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.bootstrap-dialog .bootstrap-dialog-title {
    color: #fff;
    display: inline-block;
}
.bootstrap-dialog.type-default .bootstrap-dialog-title {
    color: #333;
}
.bootstrap-dialog.size-normal .bootstrap-dialog-title {
    font-size: 16px;
}
.bootstrap-dialog.size-large .bootstrap-dialog-title {
    font-size: 24px;
}
.bootstrap-dialog .bootstrap-dialog-close-button {
    float: right;
    filter:alpha(opacity=90);
    -moz-opacity:0.9;
    -khtml-opacity: 0.9;
    opacity: 0.9;
}
.bootstrap-dialog.size-normal .bootstrap-dialog-close-button {
    font-size: 20px;
}
.bootstrap-dialog.size-large .bootstrap-dialog-close-button {
    font-size: 30px;
}
.bootstrap-dialog .bootstrap-dialog-close-button:hover {
    cursor: pointer;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}
.bootstrap-dialog.size-normal .bootstrap-dialog-message {
    font-size: 14px;
}
.bootstrap-dialog.size-large .bootstrap-dialog-message {
    font-size: 18px;
}
.bootstrap-dialog.type-default .modal-header {
    background-color: #fff;
}
.bootstrap-dialog.type-info .modal-header {
    background-color: #5bc0de;
}
.bootstrap-dialog.type-primary .modal-header {
    background-color: #428bca;
}
.bootstrap-dialog.type-success .modal-header {
    background-color: #5cb85c;
}
.bootstrap-dialog.type-warning .modal-header {
    background-color: #f0ad4e;
}
.bootstrap-dialog.type-danger .modal-header {
    background-color: #d9534f;
}
.bootstrap-dialog .bootstrap-dialog-button-icon {
    margin-right: 3px;
}

/**
 * Icon animation
 * Copied from font-awesome: http://fontawesome.io/
 **/
.icon-spin {
    display: inline-block;
    -moz-animation: spin 2s infinite linear;
    -o-animation: spin 2s infinite linear;
    -webkit-animation: spin 2s infinite linear;
    animation: spin 2s infinite linear;
}
@-moz-keyframes spin {
    0% {
    -moz-transform: rotate(0deg);
}
100% {
    -moz-transform: rotate(359deg);
}
}
@-webkit-keyframes spin {
    0% {
    -webkit-transform: rotate(0deg);
}
100% {
    -webkit-transform: rotate(359deg);
}
}
@-o-keyframes spin {
    0% {
    -o-transform: rotate(0deg);
}
100% {
    -o-transform: rotate(359deg);
}
}
@-ms-keyframes spin {
    0% {
    -ms-transform: rotate(0deg);
}
100% {
    -ms-transform: rotate(359deg);
}
}
@keyframes spin {
    0% {
    transform: rotate(0deg);
}
100% {
    transform: rotate(359deg);
}
}
/** End of icon animation **/