/* slate default css */
body {
    padding-top: 60px;
}
ul, li{padding: 0; margin: 0}

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

.g4latest_basic .latest_wrap {  padding: 5px; border-radius: 5px; padding: 2px 12px 12px 12px; margin: 4px; overflow: hidden; min-height: 250px}
.g4latest_basic h2{font-size: 1.2em; border-bottom: 1px dashed #ccc; margin-bottom: 5px;padding:5px }
.g4latest_basic ul{ margin: 0 0 0 10px; padding: 0}
.g4latest_basic ul,.g4latest_basic ul li{list-style: none;line-height: 1.8em;}
.g4latest_basic ul li a{font-family: dotum; font-size: 1em; text-decoration: none; color: #333}
.g4latest_basic .list_comment{font-size: .8em;}

/*
 * latest skin 
 * gallery
 * class : g4latest_gallery
 */
.g4latest_gallery table td{border: none;}
.g4latest_gallery .latest_wrap { padding: 5px; border-radius: 5px; padding: 2px 12px 12px 12px; margin: 8px; overflow: hidden}
.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
 */
.board_header{overflow: hidden}
.g4board_basic .board_top { clear:both; height: 35px; line-height: 35px; margin: 5px auto}
.g4board_basic ul{margin: 0}
.g4board_basic li.list {border-bottom: 1px solid #eaeaea;position: relative;}
.g4board_basic li a.subject {display: block;font-size: 1em;line-height: 1em;padding: 17px 31px 26px 5px;}
.g4board_basic li a .cmt{color: #2080D0;font-size: 0.85em}
.g4board_basic li a.notice{color: #0033ff !important}
.g4board_basic li .writer {font-size: .9em;position: absolute;right:90px; bottom: 2px; display: block;}
.g4board_basic li .wr_date {font-size: .9em;position: absolute;right:15px; bottom: 2px;}
.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;}

.basic_list{margin: 0; padding: 0;}
.board_search { text-align: center}
.stx-box{position: relative; text-align: center }
#searchDelete{position: absolute; right: 0; top: 0; display: block}

/* basic view.skin.php */
.g4board_basic footer{display: block; padding: 5px;}
.g4board_basic_comments footer .cmt_content{padding: 5px;}
.g4board_basic .wr_info{padding: 5px}
.g4board_basic .bbs_menu{min-width: 96px}
.wr_stats{text-align: right}
.view-menu li{display:inline-block; margin: 3px;}
.btn-50 {}

/*
 * board skin
 * basic gallery list.skin.php
 * class : g4board_gallery
 */
.g4board_gallery p.subject{text-align: center; padding: 0; margin: 3px;}
.g4board_gallery .board_search {padding: 5px 0 5px 10px; text-align: center}

/* gallery view.skin.php */
.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;}
.g4board_gallery footer{display: block; padding: 5px; overflow: visible}
.g4board_gallery_comments footer .cmt_content{padding: 5px;}
.g4board_gallery .wr_info{padding: 5px}
.g4board_gallery .bbs_menu{min-width: 96px}

/*
* memo skin
* basic memo.php
* class : g4memo_basic
*/
.g4memo_basic .btn-box{overflow: hidden; margin-bottom: 5px}
.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 .sr_title {overflow: hidden; margin-bottom: 5px}

/* common */
.page{text-align: center; padding: 5px;}
.kcaptcha_image{border: 1px solid #ccc; border-radius:4px; margin-bottom: 5px}

/* register */
.register2 .form-group{border-bottom: 1px dashed #ccc; padding: 0 0 10px 0}
.register2 label{color: #0033ff}

/*sidemenu*/ 
ul.sidemenu{margin: 0}
ul.sidemenu li.dropdown{border: none;}
ul.dropdown-menu li{border: none}
li {list-style: none}
.clear{clear:both}
input[type='checkbox']{margin: 0px 3px 1px 0px; width: 13px; height: 13px}
input[type='radio']{margin: 0px 3px 1px 0px; width: 13px; height: 13px}
.dropdown-menu a{text-align: left}
p.help-block{font-size: .9em; letter-spacing: 0px; color: #cc6600}
div.article{margin:  10px 0 5px 0; text-align: justify}

/* ETC */
.btn-aw-100{width: 100%}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
    /* 768px와 같거나 클경우 */
}

@media (max-width: 768px) {
    /* 768px와 같거나 작을경우 */
    .right_contents{padding-top: 20px;}
    .btn-100 {width: 100%; margin: 0 0 5px 0}
    
    /* board list */
    /*
    .side_menu {padding: 0; margin:0;}
    .side_menu li{display: inline-block !important;}
    .side_menu li a{display: block; border: 1px solid #ccc; margin: 2px; padding: 6px; border-radius: 3px; background-color: #ffffcc; font-size: .9em}
    */

}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
    /* 992px와 같거나 클경우 */

}
@media (max-width: 992px) {
    /* 992px와 같거나 작을경우 */
    #sidebar .nav > li > a{ padding: 5px}
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width:  1200px) {
    /* 1200px와 같거나 클경우 */
}

/* Large devices (large desktops, 1200px and up) */
@media (max-width:  1200px) {
    /* 1200px와 같거나 작을경우 */
}


/*
 * Off Canvas
 * --------------------------------------------------
 */
@media screen and (max-width: 768px) {
    .row-offcanvas {
        position: relative;
        -webkit-transition: all 0.25s ease-out;
        -moz-transition: all 0.25s ease-out;
        transition: all 0.25s ease-out;
    }

    .row-offcanvas-right
    .sidebar-offcanvas {
        right: -50%; /* 6 columns */
    }

    .row-offcanvas-left
    .sidebar-offcanvas {
        left: -50%; /* 6 columns */
    }

    .row-offcanvas-right.active {
        right: 50%; /* 6 columns */
    }

    .row-offcanvas-left.active {
        left: 50%; /* 6 columns */
    }

    .sidebar-offcanvas {
        position: absolute;
        top: 0;
        width: 50%; /* 6 columns */
    }


}
