select{-moz-appearance:none; /* Firefox */ -webkit-appearance:none; /* Safari and Chrome */ appearance:none;background: url(/views/board2/bootstrap/images/select_arrow.png) no-repeat right 16px center; }
select::-ms-expand { display:none; }
.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 .form-control{height: 40px;line-height: 15px;font-size: 13px;padding:0 16px;color: #505050;text-align: left;border: 1px solid #dbdbdb;}
.board .form-group{float: right;}
.board .px120{width: 120px;float:left; margin-bottom:10px;}
.board .px130{width: 130px; margin-right: 6px;}
.px250{width: 250px;}
input::placeholder{color: #dbdbdb;}
.board .table{width: 100%;border-collapse: collapse;border-spacing: 0;border-bottom: 1px solid #dbdbdb;margin-bottom: 20px;table-layout: fixed;}
.board th.row{width:42px;display:none;}
.board th.num{width: 43px;}
.board th.title{width:auto}
.board th.writer{width: 100px;}
.board th.day{width:60px}
.board th.hit{width: 100px;}
.board th.remark{width: 60px;}
.board .table > thead{border-top: 1px solid #505050;}
.board .table > thead> tr > th{height: 47px;text-align: center;font-size: 13px;border-top: 1px solid #505050;}
.board .table > tbody> tr {border-top: 1px solid #dbdbdb;}
.board .table > tbody> tr > td{height: 47px;;text-align: center;font-size: 13px;color: #505050;font-weight: 400;word-break:break-all;}
.board .table > tbody> tr > td.title{text-align: left;padding-left: 40px;}
.board .btn{width: 40px;height: 40px;border: 0; background: #a5a5a5;vertical-align: middle;margin-left:-6px;border-radius: 0;}
.board .border_bottom{float: right;margin-bottom: 30px;}
.board .border_bottom .pull_right{display: inline-block;}
.board .border_bottom .pull_right a{width: 94px;height: 40px;line-height: 15px;font-size: 13px;padding: 12px 16px;text-align: left; background: #505050;background-image: url(/views/board2/bootstrap/images/write.png);background-repeat: no-repeat;background-position: right 16px center;}
.board .border_bottom .mr10 a{border: 1px solid #dbdbdb;background: #fff; background-image: url(/views/board2/bootstrap/images/menu.png);background-repeat: no-repeat;background-position: right 16px center;}
.mr10{margin-right: 6px;}
.board .border_bottom .pull_right span{color: #Fff;}
.board .border_bottom .mr10 span{color: #505050;}
.pagination{clear: both;}
.pagination .active{border:0;background:transparent;}
.pagination li a{line-height:30px;padding-top:0}
.my_question .new{background:#ff6f00;width:30px;height:15px;border-radius:2px;font-size:10px;color:#fff;line-height:15px;display:inline-block;text-align: center;margin-left:10px;}
.my_question .comment{display:inline-block;width:25px;height:15px;border-radius:2px;font-size:10px;color:#505050;background:#ededed;line-height:15px;text-align: center;margin-left:4px;}
.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:47px;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%}
	/* 2022-07-21  */
	.board .table > tbody> tr > td.title{padding-left: 20px;}
	.board th.hit{width: 60px;}
	.board th.remark{width: 40px;}
}
@media all and ( max-width:1050px ){
	select{background-position: right 8px}
	.board .form-control{padding: 0 10px}
	.px250{width: 180px;}
	.board .px120{width:90px}
	.board .px130{width:96px}
}
@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
	}
    .container h3{
        font-size: 3rem;
        padding-bottom: 2rem;
        margin-bottom: 5rem;
		line-height:4.2rem
    }
	.board h3 span{padding-bottom: 2rem;}
	.board .info{
        margin-bottom: 2rem;
    }
    .board .info li{
		font-size:2.2rem;
        padding-right: 1rem;
    }
    .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: 1rem 0 2rem!important;
        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/board2/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: 2rem;}

    .mr10{
        margin-right: 1rem;
    }
	
    .btn-sm{
        margin: 1rem 0.3rem;
        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: 2rem;
    }
    .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 .form-group{float: left}
	.board .px120{margin-bottom:10px;width:15rem;}
	.board .px130{width:15rem;margin-right: 3rem;}	
	.board .btn{width:8.5rem;height:8.5rem;}
	.board .border_bottom .pull_right a{width: 12rem; height: 8.5rem; line-height: 8.5rem; font-size: 2.4rem;padding: 0 1.5rem;background-position: right 1rem center;background-size: 2.4rem;}
	.board .btn img{width:4rem;}
	.board .table > tbody > tr> td> img{width:3rem;}
	select {background-size: 2.4rem;}
	/* 2022-07-20 */
	.my_question .new{font-size:2.2rem;width: 6rem;height: 3rem;line-height: 3rem;margin-left:1rem;}
	.my_question .comment{font-size:2.2rem;width: 6rem;height: 3rem;line-height: 3rem;}
	/* 2022-07-21 */
	.board .remark{display:none;}
	.board .table > tbody> tr > td:last-child{display:none}

}