/* default css */
#page
{
        padding-top: 10px;
}
#navigations, #menu-right
{
        padding-top: 50px;
}
#header
{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 1100000;
}
#mmenu-blocker
{
        opacity: 0;
}
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 {color: #000000;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; padding:10px;}/* default css */
#page
{
        padding-top: 60px;
}
#navigations, #menu-right
{
        padding-top: 50px;
}
#header
{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 1100000;
}
#mmenu-blocker
{
        opacity: 0;
}
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 {color: #000000;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 */
    }


}

@media screen and (min-width: 768px) {
    .navbar-header{width: 100%}
    
}

.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 */
    }


}

@media screen and (min-width: 768px) {
    .navbar-header{width: 100%}
    
}

.quickFastConsulting .fastView{position:fixed;left:0;top:50%;margin-top:-100px;z-index:1001;}
.quickFastConsulting .fastView img{width:37px;}
.quickLayer{width:100%;heighT:100%;display:none;position:absolute;left:0;top:0;}
.quickLayer img{max-width:100%;}
.quickLayer:after{width:100%;height:100%;background:rgba(0, 0, 0, .4);position:fixed;z-index:1002;content:"";}
.quickLayer.active{display:block;}
.quickLayer *{font-family: 'Noto Sans KR', sans-serif;box-sizing:border-box;}
.quickLayer .layerCont{position:absolute;left:0;top:100px;background:#fff;z-index:1003;}
.quickLayer .layerCont h3{margin:0;}
.quickLayer .layerCont .layerForm{padding:30px 8.735332% 35px 0;}
.quickLayer .layerCont .layerForm ul li{display:flex;margin-bottom:10px;}
.quickLayer .layerCont .layerForm ul li label{width:25%;text-align:right;padding:7px 20px 0 0;font-size:16px;font-weight:500;color:#222;letter-spacing:-0.05em;}
.quickLayer .layerCont .layerForm ul li.timeCont label{padding-top:0;}
.quickLayer .layerCont .layerForm ul li input[type="text"],
.quickLayer .layerCont .layerForm ul li input[type="tel"]{width:75%;}
.quickLayer .layerCont .layerForm ul li input[type="tel"],
.quickLayer .layerCont .layerForm ul li input[type="text"],
.quickLayer .layerCont .layerForm ul li select{height:44px;border:1px solid #ccc;font-size:16px;padding-left:10px;border-radius:0;background:#fff;}
.quickLayer .layerCont .layerForm ul li textarea{width:75%;height:120px;border:1px solid #ccc;resize:none;font-size:16px;padding:10px;}
.quickLayer .layerCont .layerForm ul li .callBox{width:75%;display:flex;justify-content:space-between;align-items:center;}
.quickLayer .layerCont .layerForm ul li .callBox select,
.quickLayer .layerCont .layerForm ul li .callBox input{width:32%;}
.quickLayer .layerCont .layerForm .agree{margin:10px 0 15px;padding-left:25%;font-size:14px;color:#555;letter-spacing:-0.05em;}
.quickLayer .layerCont .layerForm .agree a{width:120px;height:26px;margin-left:3px;font-size:12px;text-align:center;line-height:26px;color:rgba(255, 255, 255, .8);background:#000;border-radius:15px;display:inline-block;}
.quickLayer .layerCont .layerForm .btnSubmit{padding-left:25%;}
.quickLayer .layerCont .layerForm .btnSubmit input{width:100%;height:60px;font-weight:700;background:#381e1f;color:#fff;font-size:22px;border:0;}
.quickLayer .layerCont .quickClose{position:absolute;right:20px;top:20px;}