a{cursor: pointer;}
.row{overflow: hidden; margin-bottom: 20px;}
.board{padding-left: 30px;}
.board h3{color:#7f19a8;font-size: 22px;line-height: 30px; padding: 13px 0 17px 0;border-bottom: 1px solid #7f19a8;margin-bottom: 60px;}
.board h3 span{padding-bottom: 16px; border-bottom: 4px solid #7f19a8;font-weight: 700;letter-spacing: 0px;}
.board .title h3{font-size: 18px;color: #191919;margin-bottom: 20px;border: 0; font-weight: 500;line-height:21px;padding:0}
.board .info{width: 100%; height: 45px; background: #f8f8f8; padding: 15px;border-top: 1px solid #dbdbdb;margin-bottom: 40px; color: #505050;}
.board .info li{float: left;font-weight: 400;font-size:13px}
.board .info li img{vertical-align:top;}
.board .info .pull-right{float: right;padding-left: 20px;font-size:12px}
.board .downArea{margin-bottom:50px}
.board .down{border-top: 1px solid #dbdbdb; overflow: hidden;color: #505050;}
.board .down .list-group{float: left;overflow: hidden;width: 100%;padding: 15px 0;border-bottom: 1px solid #dbdbdb;}
.board .down .list-group li{display: inline-block;font-size: 13px;font-weight: 400;}
.board .down .list-group li:first-child{padding-right: 6px;}
.board  .down .list-group .badge{padding-right: 10px;font-size: 12px;}
.board  .pull-right{float: right;}
.board  .down .pull-right span{font-size: 12px;}
.board .contents-view{padding-bottom: 10px; border-bottom: 1px solid #dbdbdb;margin-bottom: 30px;word-wrap: break-word;color: #505050;line-height:1.6;letter-spacing:-0.28px}
.board .contents-view .post-content h1{border-bottom:0 !important;}
.board .contents-view h1{border-bottom:0 !important;font-family: 'Pretendard',Sans-serif !important;font-weight:500 !important;padding:0 !important;}
.board .contents-view .post-content dt{letter-spacing: -0.5px !important;}
.board .contents-view #post-content p{letter-spacing: -0.28px;font-size: 14px;font-weight: 400;color: #505050;}
.board .contents-view #post-content p span{color: #505050;}
.sns_button{margin-bottom: 50px;}
.comment_write_box_inner{ padding: 24px;}
.well {margin-bottom: 10px;background-color: #f8f8f8;}
#fcomment textarea{width: 100%;padding: 5px;border-color: #dbdbdb;}
.comment_write_button_area{position: relative;}
.comment{display: flex;justify-content: center; margin-top: 30px;}
.comment button{width: 100px;height: 40px;background: #505050;color: #ffffff; cursor: pointer;text-align: center;}
.btn{border-radius: 0;}
.checkbox{float: right;}
.checkbox input{margin-right: 3px;}
.btn-group{position: absolute; top: -20px;right: 0;}
.border_button .pull-left a{float: left; width: 86px;height: 40px;border: 1px solid #dbdbdb;text-align: center;line-height: 40px; color: #505050;font-size: 13px; margin-top:10px}
.border_button .pull-left a{margin-right: 6px;}
.border_button .pull-left button{width: 86px;height: 40px;border: 1px solid #dbdbdb;text-align: center;line-height: 40px; color: #505050;font-size: 13px;margin-top:10px}
.border_button .pull-right a{width: 94px;height: 40px;background: #505050;color: #ffffff;line-height: 40px;margin-top:10px;text-align: left;padding: 0 16px; background-image: url(/views/board/bootstrap/images/write.png);background-repeat: no-repeat;background-position: right 16px center;font-size: 13px;}
/* viewcomment */
#viewcomment{margin-bottom:45px}
#viewcomment .media-body {padding-left:30px;font-size:13px;font-weight:400;letter-spacing:-0.26px;color:#767676;font-family: 'Pretendard',Sans-serif;}
#viewcomment .media-heading{font-size:13px;font-weight:600;margin-left:-20px;color:#505050;}
#viewcomment .media span.time{font-weight:400;font-size:12px}
#viewcomment .media span.time img{padding-bottom:2px}
#viewcomment .media span.reply{float:right;}
#viewcomment .media span.reply a{width:55px;height:22px;border:1px solid #dbdbdb;line-height:22px;font-size:11px;font-weight:500;text-align:center;}
.inner{
    width: 100%;
}
.wrapper{
    margin-bottom: 200px;
    padding-bottom: 0;
}
/*상단 제목*/
article.page__header .page__inner .page__header__box{margin: 0 20px;}
/*lnb*/
.lnb.pc{
    display: inline-block;
}
.lnb.mo{
    display: none;
}
/*container*/
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td{height:50px;vertical-align:middle}
.board .table > tbody > tr > td{
    text-align: center;
}
.board .table > tbody > tr > .title{
    text-align: left;
}

/*container*/

.board .info{
    margin-bottom: 20px;
}
.board .info i::before{
    position: relative;
    bottom: 2px;
}
.board .list-group .list-group-item{
    margin-bottom: 10px;
}
input[type="checkbox"]{
    position: relative;
    bottom: 2px;
}
/*2021-08-27*/
/*omr*/
.modalArea{text-align:left;z-index:999;position:fixed;width:100%;height:100%;left:0;top:0;bottom:0;right:0}
.omrArea article{background:#fff;max-width:1280px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:30px;border:0.5px solid #B2B2B2;box-shadow: 10px 10px 30px #00000029}
.omrArea h3{color:#7F19A8;border-bottom:1px solid #7F19A8;font-size:22px;margin-bottom:50px;padding-bottom:0}
.omrArea h3 span{display:inline-block;font-family:'Gmarket';font-weight:700;border-bottom:8px solid #7F19A8;padding-bottom:5px}
.omrArea h4{font-size:23px;letter-spacing:-1.15px;color:#707070;margin-bottom:50px}
.omrArea .tableArea{max-height:60vh;overflow-y:auto;overflow-x:hidden;margin-bottom:50px}
.omrArea table{border-top:1px solid #b0b0b0;table-layout:fixed}
.omrArea table th, .omrArea table td{border-right:1px solid #d5d5d5;border-bottom:1px solid #d5d5d5;height:50px;text-align:center;padding:8px 5px;font-size:16px;color:#4e4e4e;line-height:27px}
.omrArea table th{background:#f7f7f7;font-weight:500}
.omrArea .tableArea button{width:92px;height:34px;border-radius:2px;color:#fff;font-size:14px;transition:all 0.5s;}
.omrArea .tableArea button:hover{box-shadow:0 -34px 0 0 rgba(0, 0, 0,0.5) inset;}
.omrArea .cmpltBtn{background:#b1b1b1}
.omrArea .tableArea .cmpltBtn:hover{box-shadow:none}
.omrArea .inpBtn{background:#009DFF}
.omrArea .closeBtn{background:#666;width:120px;height:50px;border-radius:2px;font-size:16px;font-weight:500;color:#fff}
.omrArea .btnArea{display:flex;align-items:center;justify-content:center}

@media all and ( max-width:1280px ){
    /*lnb*/
    nav.lnb{
        width: 20%;
    }
    /*container*/
    .board{
        width: 79%}
    .comment_write_box textarea{
        width: 100%!important;
    }    
	/*omr*/
	.omrArea article{width:80%}
}
@media all and ( max-width:1050px ){
	.px250{
        width: 50%;}
}
@media all and ( max-width:900px ){
	/* 2022-07-18 */
	/* lab */
	 .lnb.pc{
        display: none;
    }
	/*container*/
    .board{
        width: 100%}
}
@media all and ( max-width:750px ){
    .wrapper{
        margin-bottom: 20rem;
    }
    .main{
        margin: 0;
        padding: 2rem 0;
    }
    /*상단 제목*/
    article.page__header{
        height: 15rem;
    }
    article.page__header .page__inner .page__header__box{
        padding: 0 2rem;
        background-size: contain;
        font-size: 3.4rem;
        line-height: 15rem;
    }
    /*lnb*/
    .lnb.mo{
        position: relative;
        display: block;
        width: 90%;
        margin: 0 auto;
        z-index: 2;
    }
    .lnb .view{
        display: block;
        cursor: pointer;
        color: #000;
        font-size: 2.4rem;
        background: url(/assets/images/mo_arrow.svg) no-repeat right 2rem center;
        background-size: 2rem;
        padding: 2rem;
        border: 1px solid #dadada;
    }
    .lnb .drop{
        display: none;
        position: absolute;
        width: 100%;
        left: 0;
        top: 6rem;
        border: 1px solid #dadada;
        background: #fff;
        padding: 1rem 0;
		height: 26rem;
		overflow-y: auto;
		overflow-x: hidden;
    }
    .lnb .drop li{
        position: relative;
        color: #707070;
        line-height: 5rem;
        font-size: 2.4rem;
        text-indent: 2rem;
    }
    .lnb ol li a{
        display: inline-block;
        width: 100%;
        height: 100%;
        padding: 0 2rem;
        color: #000;
    }
    .lnb ol li:hover{
        background:#1e90ff;
        color:#fff
    }
    /*content*/
    section.contents__wrapper{
        padding: 2rem 0 0;
    }
    .board{
        display: block;
        width: 100%;
        margin: 5rem auto 0;
        padding-left: 0;
        padding-top: 0;
        padding-right: 0;
    }
	input[type="checkbox"]{
		width:2rem;
		height:2rem
	}
    .board .title h3{
        font-size: 3rem;
        padding-bottom: 2rem;
        margin-bottom: 1rem;
		line-height:4.2rem
    }
	.board .info{
        margin-bottom: 2rem;
    }
    .board .info li{
		font-size:2.2rem;
    }
    .board .info li a{
        font-size: 2.2rem;
    }
    .board .info li .fa{
        font-size: 2.2rem;
    }
    .board .info i::before{
        bottom: 0.2rem;
    }
    .board .time{
        font-size: 2rem;
        padding-left: 0;
    }
	.board .ip{font-size:2rem;padding-left:1rem}
	.board .reply{font-size:2rem}
    .board .list-group .list-group-item{
        margin-bottom: 1rem;
        font-size: 2.2rem;
    }
    .board .list-group .list-group-item i{
        font-size: 2.2rem;
    }
    .board .list-group .list-group-item a{
        font-size: 2.2rem;
    }
 /*    .board .contents-view{
        padding: 3rem 0;
    } */
    .board .contents-view h1{
        padding:  0;
        font-size: 2.2rem!important;
    }

    .mb20{
        margin-bottom: 2rem;
    }
    .px250{
        width: 50%;
        font-size: 2.4rem;
        padding: 1rem;
    }
    .searchbox input{
        font-size: 2.2rem;
    }
	select{background:url(/views/board/bootstrap/images/select_arrow.png) no-repeat right 1rem center}
	.board .form-control{font-size: 2.4rem;height: 8.5rem;line-height: 8.5rem;padding:0 1rem;}
	.form-group{padding:0rem 0 1rem}
    .searchbox .form-group .px100{
        margin-top: 0.3rem;
        width: 14rem;
        padding: 1rem;
        font-size: 2.2rem;
    }
    .btn-sm{
        margin: 1rem 0.3rem;
        font-size: 2.2rem;
    }
	.board .table > thead > tr > th,.board .table > tbody > tr > td,.board .table > tbody > tr > th{padding: 1rem 0;font-size: 2.4rem;vertical-align: middle;height:8.5rem}
    .board .table thead > tr > th:nth-of-type(4){
        display: none;
    }
    .board .table > tbody > tr > td:nth-of-type(3){
        display: none;
    }
	.board th:nth-of-type(1){width:4rem}
	.board th:not(.title){width:8rem}
	.board .table > tbody> tr > td.title{padding-left: 4rem;}

    .mr10{
        margin-right: 1rem;
    }
	
    .btn-sm{
        margin: 2rem 0.3rem 1rem;
        font-size: 2.2rem;
    }
    .sns_button a{
        margin-right: 1rem;
    }
    .chk_comment_all_wrapper{
        padding-left: 0;
    }
    .chk_comment_all_wrapper label{
        font-size: 2.2rem;
    }
    .comment_write_box_inner.well{
        margin-top: 2rem;
        padding: 2rem;
        margin-bottom: 1rem;
    }
    .alert-dismissible, .alert-dismissible{
        padding: 1.5rem;
        padding-right: 3.5rem;
        margin-bottom: 2rem;
    }
    #fcomment textarea{
        font-size: 2.2rem;
    }
    .comment_write_button_area {
        margin-top: 2rem;
    }
    .checkbox label{
        padding-top: 0.5rem;
        font-size: 2.2rem;
    }
    .error{
        font-size: 2.2rem;
    }
	#post-content{font-size:2.4rem}
	.media-heading{font-size:2.4rem}
	.media-body{font-size:2.4rem}
	/*2021-08-27*/
	/*omr*/
	.omrArea{min-width:320px}
	.omrArea article{padding:5vh 2rem;box-shadow: 1rem 1rem 3rem #00000029}
	.omrArea h3{font-size:3rem;margin-bottom:5rem}
	.omrArea h3 span{border-bottom:0.8rem solid #7F19A8;padding-bottom:1.5rem}
	.omrArea h4{font-size:3rem;margin-bottom:7.5rem}
	.omrArea .tableArea{margin-bottom:7.5rem}
	.omrArea table th, .omrArea table td{height:8.5rem;padding:1.6rem 0;font-size:2rem;line-height:2.6rem}
	.omrArea .tableArea button{width:90%;height:6.4rem;font-size:2.2rem}
	.omrArea .tableArea button:hover{box-shadow:0 -6.4rem 0 0 rgba(0, 0, 0,0.5) inset;}
	.omrArea .closeBtn{width:20rem;height:8rem;font-size:2.6rem}
	/* 2022-07-18 */
	.board h3{margin-bottom:3rem;font-size: 3rem;padding-bottom: 2rem;line-height: 4.2rem;}
	.board h3 span{padding-bottom:2rem}
	.board .downArea{margin-bottom:5rem}
	.board li img{width:2rem}
	.board li span{font-size:2.4rem;}
	.board .down .list-group li{font-size:2.2rem;}
	.board .contents-view{line-height:2.8rem;margin-bottom:3rem}
	.board .contents-view .post-content p{font-size:2.4rem;line-height:2.8rem;}
	.board .info{height:7rem;padding:0 1.5rem; line-height:7rem}
	.board .info li img{vertical-align:middle;padding-bottom:0.5rem}
	.board .info .pull-right{padding-left:0.5rem}
	.board .down .list-group .badge{font-size: 2.2rem;padding-right:1rem;}
	.board .down .pull-right span{font-size:2rem;}
	.sns_button {margin-bottom:5rem;}
	.sns_button img{width:5rem;}
	.comment{margin-top:3rem}
	.comment button{width:14rem;height:6rem;}
	.border_button .pull-left a{width:10rem;height:6rem;font-size: 2.2rem;line-height:6rem;margin-right:0.6rem;margin-top:1rem;}
	.border_button .pull-left button{width:10rem;height:6rem;font-size: 2.2rem;line-height:6rem;margin-top:1rem;}
	.border_button .pull-right a{width:14rem;height:6rem;line-height:6rem;background-position: right 2rem center;padding: 0 3rem;background-size:2.2rem;font-size: 2.2rem;margin-top:1rem;}	
    .board .down .list-group{padding:1.5rem 0}
	/* 2022-07-27 */
	#viewcomment{margin-bottom:4.5rem}
	.media{margin-top:4rem}
	#viewcomment .media-body {font-size:2.4rem;padding-left:3rem;line-height:2.8rem;}
	#viewcomment .media-heading{font-size:2.4rem;margin-left:-2.5rem;margin-bottom:1rem}
	#viewcomment .media-heading img{width:2rem}
	#viewcomment .media-heading span.time{font-size:2.4rem;line-height:4.5rem}
	#viewcomment .media-heading span.time img{width:2rem;padding-bottom:0.5rem}
	#viewcomment .media span.reply a{width:9rem;height:4.5rem;font-size:2rem;line-height:4.5rem}
	/* 2022-08-26 */
	.board .contents-view #post-content p{font-size:2.4rem;line-height:4.2rem}

}