html.active,
body.active{overflow:hidden;position:fixed;width:100%;height:100%;}

/* 디스플레이 */
.hidden{display:none;}

/* 정렬 */
.text-left{text-align:left!important}
.text-right{text-align:right!important}
.text-center{text-align:center!important}
.float-left{float:left;}
.float-right{float:right;}
.clear{clear:both;}
.v-middle{display:flex;align-items:center}

/* 페이징 */
.pg_wrap {clear:both;margin:30px 0 ;text-align:center}
.pg_wrap:after {display:block;visibility:hidden;clear:both;content:""}
.pg {}
.pg_page, .pg_current {display:inline-block;vertical-align:middle;background:#f3f3f3;border:1px solid #bbbcc3}
.pg a:focus, .pg a:hover {text-decoration:none}
.pg_page {color:#555;font-size:1.083em;height:30px;line-height:28px;padding:0 5px;min-width:30px;text-decoration:none;border-radius:3px;}
.pg_page:hover{background-color:#ddd}
.pg_start {text-indent:-999px;overflow:hidden;background:url('/img/btn_first.gif') no-repeat 50% 50% #fff;padding:0;border:1px solid #bbb;}
.pg_prev {text-indent:-999px;overflow:hidden;background:url('/img/btn_prev.gif') no-repeat 50% 50% #fff;padding:0;border:1px solid #bbb}
.pg_end {text-indent:-999px;overflow:hidden;background:url('/img/btn_end.gif') no-repeat 50% 50% #fff;padding:0;border:1px solid #bbb}
.pg_next {text-indent:-999px;overflow:hidden;background:url('/img/btn_next.gif') no-repeat 50% 50% #fff;padding:0;border:1px solid #bbb}
.pg_start:hover,.pg_prev:hover,.pg_end:hover,.pg_next:hover{background-color:#fafafa}

.pg_current {display:inline-block;background:#4c4f6f;color:#fff;font-weight:bold;height:30px;line-height:30px;padding:0 10px;min-width:30px;border-radius:3px;
    -webkit-box-shadow: inset 1px 1px 2px #222542;
    -moz-box-shadow:  inset 1px 1px 2px #222542;
    box-shadow: inset 1px 1px 2px #222542;
}

/* 미디어쿼리 */
.only-pc,
br.only-pc{display:block;}
span.only-pc,
a.only-pc{display:inline-block}
.only-mb{display:none;}
th.only-pc,
td.only-pc{display:table-cell;}

@media (max-width: 767px){
    .only-pc,
    br.only-pc{display:none;}
    span.only-pc{display:none}
    .only-mb{display:block;}
    span.only-mb,
    a.only-mb{display:inline-block;}
    th.only-pc,
    td.only-pc{display:none;}
}

/* 마진 */
.margin-top{margin-top:20px;}
.margin-top-x2{margin-top:40px;}
.margin-top-x3{margin-top:60px;}
.margin-top-small{margin-top:10px;}
.margin-bottom{margin-bottom:20px;}

/* 텍스트 컬러 */
.text-theme{color:#d71718;}
.text-brown{color:#a7753a;}
.text-gray{color:#999}
.text-coral{color:#de1723;}

/* 텍스트 굵기 */
.text-light{font-weight:300;}
.text-bold{font-weight:700;}
.text-extrabold{font-weight:900;}

/* 텍스트 크기 */
.text-large{font-size:30px;}

p + p{margin-top:20px;}

/* 헤딩 */
h1{font-size:53px;line-height:1.3;font-weight:900}
h2{font-size:44px;font-weight:800;}
h3{font-size:33px;font-weight:700;}

.heading1{color:#000;text-align:center;display:block;clear:both;margin-bottom:50px;position:relative;}
.heading1:before{content:'';width:40px;height:2px;background-color:#d51b23;position:absolute;left:50%;transform:translate(-50%);margin-top:-10px;}

.heading2{color:#000;}

@media (max-width: 767px){
    h2{font-size:26px}
    h3{font-size:20px}
}


/* 사이즈 */
.full{width:100%;}

/* 배경 */
.bg-white{background:#fff;}
.bg-gray,.bg-gray-1{background:#f9f9f9;}
.bg-gray-2{background:#f5f5f5;}
.bg-gray-3{background:#f1f1f1;}

/* 보더 */
.border-top{border-top:1px solid #ddd;}

/* 마스크 */
.mask{position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.6);}

/* 박스 */

/* 인기게시글 */
.list-popular > li {
    border-bottom: 1px solid #efefef;
    padding-bottom: 0;
}

.list-popular > li > a {
    display: block;
    padding: 10px 5px;
    font-size: 13px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.list-popular > li > a:hover {
    background-color: rgba(255,0,0,.04);
    color:#f93d7a;
}

.list-popular > li > a .num {
    display: inline-block;
    border-radius: 2px;
    padding: 3px;
    text-align: center;
    background-color: #787878;
    color: #fff;
    margin-right: 3px;
    line-height: 1;
    width: 14px;
    height: 14px;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: -1px;
    text-indent: 0;
}

.list-popular > li:nth-child(1) > a, .list-popular > li:nth-child(2) > a, .list-popular > li:nth-child(3) > a {
    font-weight: bold;
}

.list-popular > li:nth-child(1) > a .num, .list-popular > li:nth-child(2) > a .num, .list-popular > li:nth-child(3) > a .num {
    background-color: #f93d7a;
}

.box{}
.box .box__head{padding:1px 0;padding-bottom:5px;}
.box .box__body{padding:10px 0px;}
.box .box-title{font-size:16px;font-weight:700;}

.box.box-bordered .box__head{border-bottom:1px solid #ddd;}

.box.box-boxy{border:1px solid #ddd;}
.box.box-boxy .box__head{padding:10px 20px;padding-bottom:0;}
.box.box-boxy .box__body{padding:10px 20px;}

.box.box-boxy.box-bordered .box__head{padding-bottom:5px;}

.box.box-light{background:#fff;}

.box.box-large{padding:150px 100px;}
/* 팝업레이어 */
#hd_pop {z-index:9999;position:relative;margin:0 auto;width:970px;height:0;max-width:100%;}
#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_con {}
.hd_pops_con img {max-width:100%;}
.hd_pops_footer {font-size:12px; padding:10px 0;background:#000;color:#fff;text-align:right}
.hd_pops_footer button {margin-right:5px;padding:5px 10px;border:0;background:#393939;color:#fff}
/* 박스 */
.box {
    border: 1px solid #dfdfdf;
    margin-bottom: 20px;
}

.box .box__head {
    padding: 5px 10px;
    background-color: #f1f1f1;
    border-bottom: 1px solid #ddd;
}

.box .box__body {
    clear: both;
    padding: 10px;
}

.box .box-title {
    font-weight: bold;
}
.box .list-popular li{
    padding-bottom:0;
}
.box .list-popular li a {
    padding: 5px;
}

.box .list-popular li:nth-last-child(1), .box .list-popular li:nth-last-child(2) {
    border-bottom: 0;
}

@media (max-width: 767px){
    .box.box-large{padding:50px 25px;}
}

/* 지그재그 */
.zigzag .zigzag-content{position:relative;}
.zigzag .zigzag-content img{max-width:100%;}
.zigzag .zigzag-content:nth-child(1){z-index:9;float:left;}
.zigzag .zigzag-content:nth-child(2){position:relative;float:right;z-index:10;}

@media (max-width: 767px){
    .zigzag .ziagzag-content:nth-child(1){}
}

/* 네비박스형 */
.nav-boxy{margin-top:0px;}
.nav-boxy > ul{display:flex;position:relative;width:100%;margin:0 auto;border:1px solid #ddd;}
.nav-boxy > ul > li{flex:1 1 auto;position:relative;}
.nav-boxy > ul > li > a{display:block;padding:12px 10px;text-align:center;position:relative;color:#333;font-size:15px;transition:.3s;font-weight:700;position:relative;}
.nav-boxy > ul > li > a:after{content:'';position:absolute;right:0;top:0;width:1px;height:100%;background-color:#ddd;}
.nav-boxy > ul > li:last-child > a:after{content:none}
.nav-boxy > ul > li > a:hover{background:#ddd;transition:.3s;}
.nav-boxy > ul > li.active > a,
.nav-boxy > ul > li > #bo_cate_on{background:none;font-weight:700;background-color:#d51b23;color:#fff;border-color:#d51b23}
.nav-boxy > ul > li > #bo_cate_on:after{content:'';width:100%;height:3px;background-color:#d71718;left:0;bottom:-1px;position:absolute;}

@media (max-width: 767px){
    .nav-boxy > ul > li > a{padding:10px 10px;font-size:13px;white-space:nowrap}
}

/* 테이블 */
.table th,
.table td{vertical-align:middle;}

.table.table-data{border-top:1px solid #333}
.table.table-data th,
.table.table-data td{border-bottom:1px solid #dfdfdf;padding:10px;text-align:left}
.table.table-data th{background-color:#f9f9f9;border-right:1px solid #ddd;text-align:center;}
.table.table-data th + td + th{border-left:1px solid #ddd;}

@media (max-width: 767px){
    .table thead{display:none;}
    .table,
    .table tbody,
    .table tbody tr,
    .table tbody tr td{display:block;border:0!important;padding:0!important;}
    .table tbody tr{clear:both;border-bottom:1px solid #ddd;padding:10px 0!important;overflow:hidden;border-bottom:1px solid #dfdfdf!important;}

    .table .td-thumb{padding-bottom:20px!important;}
    .table .td-thumb img{width:100%;height:auto!important}
    .table .td-num{display:none}
    .table .td-name{clear:both;float:left;}
    .table .td-name:after{content:'|';padding:0 8px;color:#999;}
    .table .td-name:before{content:'작성자';padding-right:5px;}
    .table .td-date{float:left;}
    .table .td-date:before{content:'등록일';padding-right:5px;}
    .table .td-hit{float:left;}
    .table .td-hit:before{content:'조회수';padding-right:5px;}
    .table .td-hit:after{content:'|';padding:0 8px;color:#999;}
    .table .td-good{display:none}
    .table .td-sbj,
    .table .td-sbj a{font-size:18px!important}

    #bbs-category{padding:0!important}
    #bbs-category + .control{display:none!important}

    #bbsview .bbsview__body{margin:0!important;}
    #bbsview .bbsview__body img{max-width:100%;}
    #bbsview .bbsview__head{margin:0!important;}
}

/* 어코디언 */
.accordion {border-top: 2px solid #444;border-radius: 2px;}

.q {font-weight: 700;cursor: pointer;background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 129 129' xmlns:xlink='http://www.w3.org/1999/xlink' enable-background='new 0 0 129 129'%3E%3Cg%3E%3Cpath d='m40.4,121.3c-0.8,0.8-1.8,1.2-2.9,1.2s-2.1-0.4-2.9-1.2c-1.6-1.6-1.6-4.2 0-5.8l51-51-51-51c-1.6-1.6-1.6-4.2 0-5.8 1.6-1.6 4.2-1.6 5.8,0l53.9,53.9c1.6,1.6 1.6,4.2 0,5.8l-53.9,53.9z'/%3E%3C/g%3E%3C/svg%3E%0A");background-repeat: no-repeat;background-position: 98% center;background-size: 13px;margin: 0;padding: 11px 0;position:relative;
}
.q a:visited {color:inherit;}
.q:not(tr){display: block;}
.q.up{background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg width='64' version='1.1' xmlns='http://www.w3.org/2000/svg' height='64' viewBox='0 0 64 64' xmlns:xlink='http://www.w3.org/1999/xlink' enable-background='new 0 0 64 64'%3E%3Cg%3E%3Cpath fill='%231D1D1B' d='M3.352,48.296l28.56-28.328l28.58,28.347c0.397,0.394,0.917,0.59,1.436,0.59c0.52,0,1.04-0.196,1.436-0.59 c0.793-0.787,0.793-2.062,0-2.849l-29.98-29.735c-0.2-0.2-0.494-0.375-0.757-0.475c-0.75-0.282-1.597-0.107-2.166,0.456 L0.479,45.447c-0.793,0.787-0.793,2.062,0,2.849C1.273,49.082,2.558,49.082,3.352,48.296z'/%3E%3C/g%3E%3C/svg%3E%0A");
}

.a{display: none;background-color: #f6f6f6;padding: 16px;text-align: left;}
.a td{text-align: left !important;}

.accordion.bordered .q{padding-left:5px;padding-right:5px;}
.accordion.bordered .q:before{content:'';height:1px;width:100%;background-color:#ddd;position:absolute;bottom:0;left:0}

/* 패스 */
.path{}
.path > ul > li{display:inline-block;}
.path > ul > li:after{content:'>';padding:0 5px 0 10px;color:rgba(0,0,0,.3)}
.path > ul > li:last-child:after{content:none}
.path > ul > li > a{}

nav#nav-admin{margin-top:10px;}
nav#nav-admin i{vertical-align:middle}
nav#nav-admin > ul > li > a{display:block;padding:10px;}
nav#nav-admin > ul > li:last-child > a{border-bottom:0;}

/* 리스팅 */
ul > li{display:inline-block}
.list-vertical > li{display:block;line-height:1.7}

.list-circle > li{padding-left:3px;}
.list-circle > li:before{content:'';display:inline-block;width:3px;height:3px;background-color:#d71718;border-radius:50%;margin-right:7px;vertical-align:middle}

.list{margin-left:-10px;margin-right:-10px;display:block;}
.list > li{float:left;display:block;padding:0 10px;padding-bottom:20px;}

.list.list-vertical > li{display:block;float:none;clear:both;}

.list-divider > li:before{content:'|';font-size:.5em;color:#ababab;padding-left:8px;padding-right:8px;position:relative;top:-2px;}
.list-divider > li:first-child:before{content:'';padding-left:0;margin-left:-8px;}

.list.boxy{margin:0;border-top:1px solid #ddd;border-right:1px solid #ddd;}
.list.boxy > li{padding-bottom:0;padding:0}
.list.boxy > li > div{border-right:1px solid #ddd;border-bottom:1px solid #ddd;min-height:250px;padding-top:50px;}
.list.boxy > li:hover > div{background-color:#f8f8f8}



.list.column-1 > li{width:100%;clear:both;padding-bottom:20px;}

.list.column-3 > li{width:33.333333%}
.list.column-3 > li:nth-child(3n+1){clear:both}
.list.boxy.column-3 > li:nth-child(1n+1) > div{border-left:1px solid #ddd;border-right:0;}
.list.column-3 > li:nth-last-child(1),
.list.column-3 > li:nth-last-child(2),
.list.column-3 > li:nth-last-child(3){padding-bottom:0;}

.list.column-4 > li{width:25%}
.list.column-4 > li:nth-child(4n+1){clear:both}
.list.boxy.column-4 > li:nth-child(1n+1) > div{border-left:1px solid #ddd;border-right:0;}
.list.column-4 > li:nth-last-child(1),
.list.column-4 > li:nth-last-child(2),
.list.column-4 > li:nth-last-child(3),
.list.column-4 > li:nth-last-child(4){padding-bottom:0;}

.list.column-2 > li{width:50%}
.list.column-2 > li:nth-child(2n+1){clear:both}
.list.column-2 > li:nth-last-child(1),
.list.column-2 > li:nth-last-child(2){padding-bottom:0;}

.list.boxy.column-2 > li:nth-child(1n+1) > div{border-left:1px solid #ddd;border-right:0;}

.list > li:last-child{padding-bottom:0;}

.list.list-small > li{font-size:14px;padding-top;5px;padding-bottom:5px;}
.list.list-large > li {padding-bottom:60px;}

@media (max-width: 767px){

    .list.mb-column-1 > li{width:100%;padding-bottom:0!important}
    .list.mb-column-1 > li:nth-child(3n+1),
    .list.mb-column-1 > li:nth-child(4n+1),
    .list.mb-column-1 > li:nth-child(5n+1){clear:none;float:none;clear:both;}
    .list.mb-column-1 > li:nth-child(2n+1){clear:both;float:none;}
    .list.mb-column-1 > li:nth-last-child(4),
    .list.mb-column-1 > li:nth-last-child(3),
    .list.mb-column-1 > li:nth-last-child(2){padding-bottom:20px;}
    .list.mb-column-1 > li:last-child{padding-bottom:0;}

    .list.mb-column-2 > li{width:50%;}
    .list.mb-column-2 > li:nth-child(3n+1),
    .list.mb-column-2 > li:nth-child(4n+1),
    .list.mb-column-2 > li:nth-child(5n+1){clear:none;float:left;}
    .list.mb-column-2 > li:nth-child(2n+1){clear:both;float:left;}
}

/* item */
.item-webzine{display:flex;padding:20px;border-bottom:1px solid #dfdfdf;}
.item-webzine .item__head,
.item-webzine .item__body{flex:0 1 auto}
.item-webzine .item__head{padding-right:20px;}
.item-webzine .item-title{font-size:18px;font-weight:700;display:inline-block;}
.item-webzine .item-title .cat-name{padding-right:5px;font-size:.9em;color:#999;}
.item-webzine .item-desc{color:#555;line-height:1.5;margin-top:10px;display:block;}
.item-webzine .item-info{color:#7a7a7a;display:block;clear:both;margin-top:10px;font-size:13px;}

.item-gallery .item__head img{width:100%;min-height:180px}
.item-gallery .item__body{clear:both;padding-top:10px;text-align:center;}
.item-gallery .item__body .item-title{font-weight:800;font-size:17px;display:block;height:60px;}
.item-gallery .item__foot{clear:both;font-size:12px;}
.item-gallery .item__info {color:#dfdfdf;}

/* item :: image overlay */
.item-gallery-overlay{position:relative;display:block;overflow:hidden;background:url() no-repeat center center;background-size:cover;}
.item-gallery-overlay .item__content{background-color:rgba(0,0,0,.7);position:absolute;left:0;top:0px;width:100%;height:100%;text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column;transition:.3s;visibility:hidden;opacity:0;z-index:-1;}
.item-gallery-overlay .item__content .item-title{color:rgba(255,255,255,1);font-weight:400;font-size:18px;position:relative;top:0;transition:.5s;transition-delay: 0s;visibility:hidden;}

.item-gallery-overlay .item__content .item-control{background:url(../img/magnifying-glass.svg) no-repeat center center;background-size:18px;text-indent:-1000em;display:block;width:40px;height:40px;border-radius:2px;background-color:rgba(0,0,0,.8);color:#fff;padding:3px;clear:both;border:1px solid rgba(255,255,255,0);overflow:hidden;margin-top:10px;position:relative;margin-top:400px;transition:.3s;transition-delay: 0s;visibility:hidden;}

.item-gallery-overlay .item__head{}
.item-gallery-overlay .item-image{}
.item-gallery-overlay .item-image img{width:100%;opacity:0;}
.item-gallery-overlay .admin-control{background-color:#d31f2b;color:#fff;font-size:11px;padding:3px;position:absolute;right:0;top:0;z-index:2000}


@media (min-width: 768px){


    .item-gallery-overlay:hover .item__content{top:0;transition:.5s;z-index:2;visibility:visible;opacity:1;}
    .item-gallery-overlay:hover .item__content .item-title{transition-delay:.1s;visibility:visible;left:0}
    .item-gallery-overlay:hover .item__content .item-control{margin-top:10px;transition-delay:.2s;visibility:visible;}
}

@media (max-width: 767px){
    .item-gallery .item__head img{min-height:100px!important;}
    .item-gallery .item__body .item-title{font-size:12px;}
    .item-gallery-overlay .item__head img{height:auto;}
    .item-gallery-overlay .item__content{display:block;opacity:1;z-index:1;height:auto;visibility:visible;top:auto;bottom:0;padding:5px;}
    .item-gallery-overlay .item__content .item-title{transition-delay:.1s;visibility:visible;left:0;font-size:10px;}
    .item-gallery-overlay .item__content .item-control{margin-top:10px;transition-delay:.2s;visibility:visible;display:none}
}

li:last-child .item-webzine{border-bottom:0;}

.item-article{padding-bottom:10px;display:block;line-height:1.5;}
.item-article .item-title{font-weight:500}
.item-article .item-info{font-size:12px;color:#7a7a7a;display:block;clear:both;}
.item-article .item-info em{color:#ddd;padding:0 4px;}
.item-article .item-info + .item-info{margin-top:5px;}

li:last-child .item-article{}

.item-article.item-bordered{border-bottom:1px solid #efefef;padding:10px 0;}
li:last-child .item-bordered{border-bottom:0;}

li:first-child > .layout-box.small .item-article.item-hover,
#aside li:first-child > .item-article.item-hover{margin-top:-10px;}

li:last-child > .layout-box.small .item-article.item-hover,
#aside li:last-child >  .item-article.item-hover{margin-bottom:-10px;}

.item-article.item-hover{margin-left:-20px;margin-right:-20px;padding:10px 20px;}
.item-article.item-hover:hover{background-color:#f9f9f9;}




/* 버튼 */
.btn{display:inline-block;font-weight:600;height:34px;line-height:32px;border:1px solid #333;background-color:#fff;color:#333;text-align:center;transition:.3s;padding:0 20px;cursor:pointer;border-radius:2px;transition:.3s;}
.btn:hover{color:#fff;background-color:#000;transition:.3s}
.btn.btn-primary{background-color:#d71718;color:#fff;border-color:#d71718;}
.btn.btn-danger{background-color:#fa545c;color:#fff;border-color:#fa545c;}
.btn.btn-dark{background-color:#333;color:#fff;border-color:#333;}
.btn.btn-dark:hover{background-color:#d71718;color:#fff;border-color:#d71718}
.btn i{margin-right:4px;vertical-align:middle;}

.btn.btn-oval{border-radius:100px;}
.btn.btn-full{width:100%;}
.btn.btn-large{padding:0 60px;height:55px;line-height:55px;font-size:20px;border-width:1px;}
.btn.btn-small{padding:0px 20px;height:34px;line-height:32px;font-size:14px;border-width:1px;}

.btn.btn-outline{background-color:transparent;border-color:#fff;color:#fff;}
.btn.btn-dark.btn-outline{background-color:none;border-color:#000;color:#000;transition:.3s;}
.btn.btn-dark.btn-outline:hover{background-color:#000;transition:.3s;color:#fff;}


@media (max-width: 767px){
    .btn.btn-large{height:38px;line-height:38px;font-size:16px;padding:0 20px;}
    .btn.mb-btn-full{width:100%;}
    .btn.mb-btn-small{height:30px;line-height:30px;font-size:12px;padding:0 10px}
}

/* 미디어 */
.media{display:flex;align-items:center;}
.media .media__head,
.media .media__body{flex:0 1 auto;}
.media .media__body{padding-left:50px;}
.media .media-title{font-weight:900;font-size:33px;}
.media .media-desc{font-size:17px;color:#555;margin-top:5px;white-space:nowrap}
.media .media-desc + .btn{margin-top:15px;}

@media (max-width: 767px){
    .media{display:block}
    .media .media__head img{height:auto;width:100%;}
    .media .media-title{font-size:18px;white-space:nowrap}
    .media .media-desc{font-size:12px;white-space:normal}
    .media .media__body{padding-left:0px;padding-top:20px;}
    .media .media-desc + .btn{display:block;}
}

/* badge */
.badge{display:inline-block;padding:3px 6px;background-color:#d71718;text-align:center;color:#fff;font-size:.9em;border-radius:3px;line-height:1;}
.badge + span,
.badge + a{padding-left:3px;}
.badge.coral{background-color:#df2e25;}

/* 폼 */
.form-control{border:1px solid rgba(255,255,255,.1);padding:10px;display:block;width:100%;color:rgba(255,255,255,.8);font-size:14px;}

.form-group.checkbox {position: relative;}
.form-group.checkbox input[type="checkbox"] {  /* 실제 체크박스는 화면에서 숨김 */
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip:rect(0,0,0,0);
    border: 0
}
.form-group.checkbox input[type="checkbox"] + label {
    display: inline-block;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}
.form-group.checkbox input[type="checkbox"] + label:before {  /* 가짜 체크박스 */
    content: ' ';
    display: inline-block;
    width: 16px;  /* 체크박스의 너비를 지정 */
    height: 16px;  /* 체크박스의 높이를 지정 */
    line-height: 16px; /* 세로정렬을 위해 높이값과 일치 */
    margin: -2px 8px 0 0;
    text-align: center;
    vertical-align: middle;
    background: none;
    border: 1px solid rgba(255,255,255,.6);
    border-radius : 3px;
    box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
}
.form-group.checkbox input[type="checkbox"] + label:active:before,
.form-group.checkbox input[type="checkbox"]:checked + label:active:before {
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}

.form-group.checkbox input[type="checkbox"]:checked + label:before {  /* 체크박스를 체크했을때 */
    content: '\2714';  /* 체크표시 유니코드 사용 */
    color: #fff;
    text-shadow: 1px 1px #fff;
    background: #21ccca;
    border-color: #21ccca;
    box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
}

.form-group.checkbox.small input[type="checkbox"] + label {
    font-size: 12px;
}

.form-group.checkbox.small input[type="checkbox"] + label:before {
    width: 17px;
    height: 17px;
    line-height: 17px;
    font-size: 11px;
}

.form-group.checkbox.etrans input[type="checkbox"] + label {
    padding-left: 30px;
}
.form-group.checkbox.etrans input[type="checkbox"] + label:before {
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 0;
    opacity: .6;
    box-shadow: none;
    border-color: #6cc0e5;
    -webkit-transition: all .12s, border-color .08s;
    transition: all .12s, border-color .08s;
}

.form-group.checkbox.etrans input[type="checkbox"]:checked + label:before {
    position: absolute;
    content: "";
    width: 10px;
    top: -5px;
    left: 5px;
    border-radius: 0;
    opacity:1;
    background: transparent;
    border-color:transparent #6cc0e5 #6cc0e5 transparent;
    border-top-color:transparent;
    border-left-color:transparent;
    -ms-transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg);
}

.no-csstransforms .form-group.checkbox.etrans input[type="checkbox"]:checked + label:before {
    /*content:"\2713";*/
    content: "\2714";
    top: 0;
    left: 0;
    width: 21px;
    line-height: 21px;
    color: #6cc0e5;
    text-align: center;
    border: 1px solid #6cc0e5;
}

.banners{padding:20px 0}

@media (max-width: 767px){
    .banners{padding:0;padding-bottom:20px;}
}

/* 스크롤박스 */
.scrollbox{min-height:100px;height:120px;overflow-y:auto;line-height:1.4;border:1px solid rgba(255,255,255,.1);padding:20px;padding-right:10px;font-size:13px;color:rgba(255,255,255,.5)}

/* 그리드 */

.grid-small{margin-left:-20px;}
.grid-small .grid-12,.grid-small .grid-11,.grid-small .grid-10,.grid-small .grid-9,.grid-small .grid-8,.grid-small .grid-7,.grid-small .grid-6,.grid-small .grid-5,.grid-small .grid-4,.grid-small .grid-3,.grid-small .grid-2,.grid-small .grid-1{float:left;padding-left:20px;}


.grid-mini .grid-12,.grid-mini .grid-11,.grid-mini .grid-10,.grid-mini .grid-9,.grid-mini .grid-8,.grid-mini .grid-7,.grid-mini .grid-6,.grid-mini .grid-5,.grid-mini .grid-4,.grid-mini .grid-3,.grid-mini .grid-2,.grid-mini .grid-1{float:left;margin-left:5px;margin-bottom:5px;}

.grid-12 {width: 100%;}
.grid-10 {width: 83.33333333%;}
.grid-11 {width: 91.66666667%;}
.grid-9  {width: 75%;}
.grid-8  {width: 66.66666667%;}
.grid-7  {width: 58.33333333%;}

.grid-5  {width: 41.66666667%;}
.grid-4  {width: 33.33333333%;}
.grid-3  {width: 25%;}
.grid-2  {width: 16.66666666666667%;}
.grid-1  {width: 8.333333333333333333333333333333333%;}

.grid + .grid{margin-top:20px;}

@media (max-width: 767px){
    .mb-grid{margin-left:-20px;}
    .mb-grid-1,.mb-grid-2,.mb-grid-3,.mb-grid-4,.mb-grid-5,.mb-grid-6{padding-left:20px;padding-bottom:20px;}
    .mb-grid-0{width:0px;}
    .mb-grid-1{width:16.66666666666667%;}
    .mb-grid-2{width:33.33333333%;}
    .mb-grid-3{width:50%;}
    .mb-grid-4{width:66.66666667%;}
    .mb-grid-6{width:100%;}
    .mb-grid-7{width:25%;}

    .mb-grid .box{margin-bottom:0;}
}