@charset "utf-8";
/* .lnb-wrap .in-cont */
.board-wrap{width:1200px; padding:40px 0px 60px 0px; margin:0px auto;}


    @media only screen and (max-width:1200px) {
        .board-wrap{width:100%; padding:30px 20px; box-sizing:border-box;}
    }


    @media only screen and (max-width:680px) {
        .board-wrap{padding:20px 15px;}
    }

/* board-search */
.board-search{overflow:hidden;}
.board-search .total{font-size:16px; color:#555555; line-height:40px; font-weight:400; float:left;}
.board-search .total strong{font-weight:600;}

.board-search .search{position:relative; width:350px; padding-left:90px; box-sizing:border-box; float:right; overflow:hidden;}
.board-search .search .chk-select{position:absolute; top:0px; left:0px; width:90px; border-right:none;}
.board-search .search .chk-select select{border-right:none;}
.board-search .search .input-btn{position:relative; width:100%; padding-right:40px; box-sizing:border-box;}
.board-search .search .input-btn input[type="text"]{width:100%;}
.board-search .search .input-btn .btn{position:absolute; top:0px; right:0px; width:40px; height:40px; display:block; background:url("/images/dumbeong/Layout/mgnb-search.png") no-repeat center #353c47;}

    @media only screen and (max-width:1000px) {
        .board-search .total{font-size:15px;}
    }

    @media only screen and (max-width:680px) {
        .board-search .total{font-size:14px; line-height:120%; float:none; margin-bottom:10px;}

        .board-search .chk-select.w100{width:100% !important; margin-bottom:5px;}

        .board-search .search{width:100%; float:none;}

        .board-search .search .input-btn{padding-right:40px; box-sizing:border-box;}
        .board-search .search .input-btn .btn{width:40px; height:40px;}
    }


/* board-list */
.board-list{}
.board-list .list{border-top:2px solid #385189;}
.board-list .list li{border-bottom:1px solid #a5a5a5;}
.board-list .list li a{display:block; padding-top:20px;}
.board-list .list li a .btxt{display:block; padding:0px 10px; margin-bottom:10px; font-size:19px; line-height:130%; letter-spacing:-0.02em; color:#111;}
.board-list .list li a .btxt .att-icon{display:inline-block; width:17px; height:17px; margin:5px 0px 0px 10px; background:url("/images/dumbeong/Layout/att-icon.jpg") no-repeat center; vertical-align:top; font-size:0px;}

.board-list .list li a .stxt{display:block; padding:0px 10px; margin-bottom:16px; font-size:15px; line-height:130%; letter-spacing:-0.02em; color:#555; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}

.board-list .list li a .infos{display:block; padding:15px 10px 10px 10px; border-top:1px dotted #cacaca; font-size:0px;}
.board-list .list li a .infos .info{position:relative; display:inline-block; font-size:15px; color:#868686; padding:0px 15px; line-height:120%;}
.board-list .list li a .infos .info:before{position:absolute; right:0px; top:5px; width:1px; height:10px; background:#d2d2d2; content:"";}
.board-list .list li a .infos .info:first-child{padding-left:0px;}
.board-list .list li a .infos .info:last-child{padding-right:0px;}
.board-list .list li a .infos .info:last-child:before{display:none;}

.board-list .list li a:hover .btxt{color:#2a9400;}
.board-list .list li a:hover .stxt{color:#2a9400;}
.board-list .list li a:hover .infos .info{color:#2a9400;}

    @media only screen and (max-width:1000px) {
        .board-list .list li a{padding-top:15px;}
        .board-list .list li a .btxt{padding:0px 5px; font-size:16px;}
        .board-list .list li a .btxt .att-icon{width:14px; height:14px; margin:4px 0px 0px 5px; background-size:14px;}

        .board-list .list li a .stxt{padding:0px 5px; margin-bottom:10px; font-size:14px;}

        .board-list .list li a .infos{padding:10px 5px 5px 5px;}
        .board-list .list li a .infos .info{font-size:14px; padding:0px 10px;}
    }

    @media only screen and (max-width:680px) {
        .board-list .list li a{padding-top:10px;}
        .board-list .list li a .btxt{padding:0px; font-size:15px;}

        .board-list .list li a .stxt{padding:0px;}

        .board-list .list li a .infos{padding:10px 5px 5px 5px;}
        .board-list .list li a .infos .info{font-size:13px; display:block; padding:0px; margin-bottom:5px;}
        .board-list .list li a .infos .info:before{display:none;}
    }

/* board-btns */
.board-btns{}
.board-btns{position:relative; font-size:0px; font-family:'Noto Sans KR','Malgun Gothic',sans-serif;}
.board-btns:after{clear:both; content:""; display:block;}
.board-btns .btns{display:inline-block; padding:12px 25px; background:#61564b; color:#fff; font-size:16px;}
.board-btns .btns span{padding-right:30px; line-height:120%; display:block;}

.board-btns a{margin-left:5px; margin-bottom:5px; display:inline-block; -webkit-transition:all 0.2s ease-out; -moz-transition:all 0.2s ease-out; -o-transition:all 0.2s ease-out; transition:all 0.2s ease-out;}
.board-btns a:first-child{margin-left:0px;}
.board-btns a:hover{opacity:0.7;}

.board-btns .btns.ok{background:#5e5e5e;}
.board-btns .btns.ok span{background:url("/images/dumbeong/Layout/bbtn-ok-icon.png") no-repeat right;}

.board-btns .btns.cancel{background:#5e5e5e;}
.board-btns .btns.cancel span{background:url("/images/dumbeong/Layout/bbtn-cancel-icon.png") no-repeat right;}

.board-btns .btns.write{background:#5e5e5e;}
.board-btns .btns.write span{background:url("/images/dumbeong/Layout/bbtn-write-icon.png") no-repeat right;}

.board-btns .btns.list{background:#5e5e5e; border-top:none;}
.board-btns .btns.list span{background:url("/images/dumbeong/Layout/bbtn-list-icon.png") no-repeat right;}

.board-btns .btns.del{background:#5e5e5e;}
.board-btns .btns.del span{background:url("/images/dumbeong/Layout/bbtn-del-icon.png") no-repeat right;}

.board-btns .btns.modi{background:#5e5e5e;}
.board-btns .btns.modi span{background:url("/images/dumbeong/Layout/bbtn-modi-icon.png") no-repeat right;}

.board-btns .btns.answ{background:#5e5e5e;}
.board-btns .btns.answ span{background:url("/images/dumbeong/Layout/bbtn-answ-icon.png") no-repeat right;}

    @media only screen and (max-width:1000px) {
        .board-btns .btns{padding:10px 17px; font-size:14px;}
        .board-btns .btns span{padding-right:22px;}

        .board-btns .btns.ok span{background-size:15px;}
        .board-btns .btns.cancel span{background-size:15px;}
        .board-btns .btns.write span{ background-size:14px;}
        .board-btns .btns.list span{ background-size:11px;}
        .board-btns .btns.del span{ background-size:12px;}
        .board-btns .btns.modi span{ background-size:14px;}
        .board-btns .btns.answ span{ background-size:12px;}

        .board-btns a img{width:90px;}
    }

    @media only screen and (max-width:680px) {
        .board-btns .btns{padding:8px 12px; font-size:13px;}
        .board-btns .btns span{padding-right:16px;}

        .board-btns .btns.ok span{background-size:13px;}
        .board-btns .btns.cancel span{background-size:13px;}
        .board-btns .btns.write span{ background-size:12px;}
        .board-btns .btns.list span{ background-size:9px;}
        .board-btns .btns.del span{ background-size:10px;}
        .board-btns .btns.modi span{ background-size:12px;}
        .board-btns .btns.answ span{ background-size:10px;}

        .board-btns a img{width:66px;}
    }


/* board-view */
.board-view{}
.board-view .view01{border-top:1px solid #000;}
.board-view .view01 .title{font-size:18px; padding:20px 15px; color:#333353; background:#fff; border-bottom:1px solid #d1d1d1; overflow:hidden; text-align:center;}

.board-view .view01 .title-date{font-size:18px; padding:20px 15px; color:#333353; background:#fff; border-bottom:1px solid #d1d1d1; overflow:hidden;}
.board-view .view01 .title-date .tit{float:left;}
.board-view .view01 .title-date .tit .btns{display:inline-block; vertical-align:middle; padding:5px 15px; background:#61564b; color:#fff; font-size:16px;}
.board-view .view01 .title-date .tit .btns span{display:block; line-height:120%;}
.board-view .view01 .title-date .tit .btns.march{background:#4d5bbc;}
.board-view .view01 .title-date .tit .btns.comp{background:#666666;}

.board-view .view01 .title-date .date{float:right;}

.board-view .view01 .info{padding:15px; border-bottom:1px solid #d1d1d1; font-size:0px; background:#f7f7f7; overflow:hidden;}
.board-view .view01 .info .btxt{font-size:15px; display:inline-block; color:#797979; line-height:120%; vertical-align:top;}
.board-view .view01 .info .btxt:after{display:inline-block; line-height:120%; vertical-align:top; content:"/"; margin:0 15px; color:#333353;}
.board-view .view01 .info .btxt:last-child:after{display:none;}
.board-view .view01 .info .btxt strong{font-weight:500; margin-right:7px; color:#333353;}
.board-view .view01 .attach{font-size:15px; padding:10px 15px; background:#fff; border-bottom:1px solid #d1d1d1;}
.board-view .view01 .attach .atta{padding-left:20px; background:url("/images/dumbeong/Layout/bdm-att-icon.png")no-repeat 0px 0px; display:inline-block; margin-right:15px; line-height:110%; margin-bottom:5px}
.board-view .view01 .attach .atta:hover{color:#00a651; text-decoration:underline;}
.board-view .view01 .substan{font-size:15px; letter-spacing:-0.02em; padding:50px 20px 40px 20px; color:#333; line-height:180%; border-bottom:1px solid #d1d1d1;}

.board-view .view01 .prne-link li{border-bottom:1px solid #d1d1d1;}
.board-view .view01 .prne-link li a{position:relative; display:block; padding:15px 15px 15px 200px; font-size:16px;}
.board-view .view01 .prne-link li a .btn{position:absolute; top:0px; left:0px; width:180px; height:100%; padding:15px 20px; box-sizing:border-box; background:#f7f7f7; display:block; color:#111; font-weight:500;}
.board-view .view01 .prne-link li a .btn i{padding-left:30px; background:url("/images/dumbeong/Layout/bdm-att-icon.png")no-repeat left;}
.board-view .view01 .prne-link li a .tit{display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.board-view .view01 .prne-link li a:hover .tit{color:#00a651; text-decoration:underline;}

.board-view .view01 .prne-link li.prev a .btn i{background:url("/images/dumbeong/Layout/prne-arrowT.png")no-repeat left;}
.board-view .view01 .prne-link li.next a .btn i{background:url("/images/dumbeong/Layout/prne-arrowB.png")no-repeat left;}

    @media only screen and (max-width:1000px) {
        .board-view .view01 .title{font-size:17px; padding:15px;}

        .board-view .view01 .title-date{font-size:17px; padding:15px;}
        .board-view .view01 .title-date .tit{float:none; margin-bottom:5px;}
        .board-view .view01 .title-date .tit .btns{padding:4px 10px; font-size:15px;}

        .board-view .view01 .title-date .date{float:none;}

        .board-view .view01 .info{padding:10px 15px;}
        .board-view .view01 .info .btxt{font-size:14px;}
        .board-view .view01 .info .btxt:after{margin:0 10px;}

        .board-view .view01 .info .fl{width:100%; margin-bottom:5px;}
        .board-view .view01 .info .fl .btxt{float:none;}
        .board-view .view01 .info .btxt.fr{float:none;}

        .board-view .view01 .attach{font-size:14px; padding:8px 15px;}
        .board-view .view01 .attach .atta{padding-left:17px; background-size:12px; background-position:0px 2px; }
        .board-view .view01 .substan{font-size:14px; padding:20px 10px 20px 10px;}

        .board-view .view01 .prne-link li a{padding:10px 15px 10px 125px; font-size:15px;}
        .board-view .view01 .prne-link li a .btn{width:110px; padding:10px 15px;}
        .board-view .view01 .prne-link li a .btn i{padding-left:25px; background-size:;}
    }

    @media only screen and (max-width:680px) {
        .board-view .view01 .title{font-size:16px; padding:10px;}

        .board-view .view01 .title-date{font-size:16px; padding:10px;}
        .board-view .view01 .title-date .tit .btns{padding:3px 10px; font-size:13px;}

        .board-view .view01 .info{padding:8px 10px; }
        .board-view .view01 .info .btxt{font-size:13px;}
        .board-view .view01 .attach{font-size:13px; padding:5px 10px;}
        .board-view .view01 .attach .atta{padding-left:17px; background-size:12px;}
        .board-view .view01 .substan{font-size:13px; padding:20px 10px 20px 10px;}

        .board-view .view01 .prne-link li a{padding:8px 10px 8px 105px; font-size:13px;}
        .board-view .view01 .prne-link li a .btn{width:95px; padding:8px 15px;}
        .board-view .view01 .prne-link li a .btn i{padding-left:25px; background-size:;}
    }

    @media only screen and (max-width:480px) {
        .board-view .view01 .info .btxt{display:block; margin-bottom:3px;}
        .board-view .view01 .info .btxt:after{display:none;}
        .board-view .view01 .info .btxt:last-child{margin-bottom:0px;}

        .board-view .view01 .info .fl{margin-bottom:3px;}
    }


/* board-write.write01 */
.board-write{position:relative;}
.board-write:after{clear:both; content:""; display:block;}
.board-write table.write01{position:relative; width:100%; border-collapse:collapse; clear:both; background:#fff; border-top:1px solid #000;}
.board-write table.write01 thead th{background:#f7f7f7; color:#111; text-align:center; letter-spacing:-0.03em; padding:12px; font-size:16px; border-bottom:1px solid #999; font-weight:500;}
.board-write table.write01 tbody th{letter-spacing:-0.02em; padding:10px 15px; color:#111; border-bottom:1px solid #e7e7e7; font-size:16px; background:#f7f7f7; font-weight:500; text-align:center;}
.board-write table.write01 tbody td{letter-spacing:-0.02em; padding:10px 15px; color:#444; border-bottom:1px solid #e7e7e7; font-size:16px;}

.board-write table.write01 tbody th .impor-txt{position:relative; display:inline-block; padding-right:15px;}
.board-write table.write01 tbody th .impor-txt:before{position:absolute; top:1px; right:0px; color:#e55757; font-size:13px; font-weight:600; content:"＊";}

.board-write table.write01 tbody td .tel-input{font-size:0px;}
.board-write table.write01 tbody td .tel-input .chk-select{width:30%;}
.board-write table.write01 tbody td .tel-input input[type="text"]{width:30%;}
.board-write table.write01 tbody td .tel-input .line{width:5%; line-height:38px; vertical-align:middle; font-size:16px; display:inline-block; text-align:center;}

.board-write table.write01 tbody td .email-input{font-size:0px;}
.board-write table.write01 tbody td .email-input .id{width:30%;}
.board-write table.write01 tbody td .email-input .at{width:5%; display:inline-block; line-height:38px; font-size:16px; color:#555454; text-align:center; vertical-align:middle;}
.board-write table.write01 tbody td .email-input .email{width:35%; margin-right:1%;}
.board-write table.write01 tbody td .email-input .chk-select{width:28%;}

.board-write table.write01 tbody td .radios-group .radios{margin-right:30px;}
.board-write table.write01 tbody td .radios-group .radios:last-child{margin-right:0px;}

.board-write table.write01 tbody td textarea{width:100%; height:220px;}

    @media only screen and (max-width:1000px) {
        .board-write table.write01{border:1px solid #d8d8d8;}

        .board-write table.write01 colgroup{display:none;}
        .board-write table.write01 thead {display:none;}

        .board-write table.write01 tbody th{display:block; text-align:left; padding:10px 15px; font-size:15px; border-bottom:none;}
        .board-write table.write01 tbody td{display:block; text-align:left; padding:10px 15px; font-size:15px;}
        .board-write table.write01 tbody td:last-child{border-bottom:none;}

        .board-write table.write01 tbody td .tel-input.w60p{width:100% !important;}
        .board-write table.write01 tbody td .email-input.w70p{width:100% !important;}
        .board-write table.write01 tbody td .filebox.w60p{width:100% !important;}

        .board-write table.write01 tbody td .tel-input .line{line-height:34px; font-size:14px;}
        .board-write table.write01 tbody td .email-input .at{line-height:34px; font-size:13px;}

        .board-write table.write01 tbody td textarea{height:180px;}
    }

    @media only screen and (max-width:680px) {
        .board-write table.write01 tbody th{padding:7px 10px; font-size:14px;}
        .board-write table.write01 tbody td{padding:7px 10px; font-size:14px;}

        .board-write table.write01 tbody td textarea{height:140px;}
    }