/**
	board skin css
*/
.media-body{font-size:16px;font-weight:300}
.board .table{border-top: 2px solid #000;border-bottom: 1px solid #ccc;table-layout:fixed}
.board th:nth-of-type(1){width:42px}
.board th.title{width:auto}
.board th:not(.title){width:60px}
.border_button{overflow:hidden;}
.board .comment-count a{color:#348fe2;padding-left:10px;}
.board .info{overflow:hidden;}
.board .info li{float:left; padding-right:20px;}
.board .contents-view{padding:30px 20px; clear:both;}
.board .contents-view-img img { display:block; max-width:100%; margin:0 auto 15px; border:0;height:auto;}
#post-content {word-wrap: break-word;line-height:1.6;font-size:16px}
#post-content img {max-width:100%;}
.board .fa-user{color:#626262;}
.board .fa-comments{color:#626262;}
.board .fa-eye{color:#626262;}
.board .fa-thumbs-up{color:#626262;}
.board .fa-thumbs-down{color:#626262;}
.board .fa-clock-o{color:#626262;}
.board .fa-reply{color:#626262;}
.board .gallery .thumbnail{margin-bottom:10px;}
.board .recommand{text-align:center;margin-bottom:20px;}
.board .recommand a:hover{background:#348fe2; color:#fff; text-decoration:none;}
.board .recommand .good{background:#e9e9e9; width:50px; height:50px; display:inline-block; border-radius:50px; padding:8px; margin:0 10px;}
.board .recommand .bad{background:#e9e9e9; width:50px; height:50px; display:inline-block; border-radius:50px;padding:6px; margin:0 10px;}
.board .like {padding-top:20px;}
.board .like a{text-decoration:none;}
.board .time{font-size:12px; padding-left:10px;}
.board .tags a{font-size:12px; padding-left:5px;}
.board .reply{float:right; font-size:12px;}
.board .reply a{padding-left:5px;}
.board .ip{font-size:12px; padding-left:10px;}
.board .tags li{float:left; padding-right:10px;}
.board .sns_button div {float:left; padding-right:5px;}
.board .btn-point-info {padding-top:8px;color:#BBB;}
.board .view_full_image {cursor:pointer;}
.board .btn-admin-manage-layer { display:none;border:1px solid #ddd;position:absolute;background-color:#fff;z-index:99999; }
.board .btn-admin-manage-layer div.item { height:23px;border-bottom:1px solid #ddd; cursor:pointer;padding-left:2px;padding-right:10px; }
.board .btn-admin-manage-layer div.item { font:normal 11px 'dotum';line-height:23px; }
.board .btn-admin-manage-layer div.item i { width:20px;text-align:center; }
.board .autowrap { margin:0 auto 15px; }
.board .autosize { position:relative; height: 0; padding-bottom: 56.25%; overflow: hidden; margin:0; }
.board .autosize iframe, .autosize object, .autosize embed { position: absolute; top: 0; left: 0; width: 100%; height:100%; }
.board .searchbox {display:none;}
.board .passcord { text-align: center;margin:10px auto 0 auto;}
.board .passcord li{display:inline-block;margin-right:20px;vertical-align:middle;}
.board .copy_post_url {cursor:pointer;}
.lucky {font-size:11px;}
.lucky .luckypoint{color:#E71A41;}
.gallery-box {float:left;}
.chk_comment_all_wrapper {padding:10px;}
.comment_write_box_inner {margin-top:20px; padding:20px;}
.comment_write_button_area {margin-top:20px;overflow:hidden;}
.board .url-qrcode {position:relative;cursor:pointer;}
.board .url-qrcode i {margin:3px 0 0 5px;}
#qrcode-content {display:none;position:absolute;background-color:#FFF;border:2px solid #DDD;padding:10px;width:240px;}
#qrcode-content .qrcode_code {border:5px solid #479BE3;float:left;}
#qrcode-content .qrcode_code img {width:100px;height:100px;}
#qrcode-content .qrcode_info {float:left;margin:0 0 0 10px;width:90px;font-size:12px;line-height:18px;color:#555;}
.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*/
.container h3{
	padding-bottom:0;
    margin-bottom: 30px;
	font-size:23px;
	letter-spacing:-1.15px;
	line-height:57px
}
.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: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.pc{
        display: none;
    }
    .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 .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;
    }
    .px150{
        width: 50%;
        font-size: 2.4rem;
        padding: 1rem;
    }
    .searchbox input{
        font-size: 2.2rem;
    }
	.form-group{padding:2rem 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.2rem;vertical-align: middle;height:6rem}
    .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}
    .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}
}