@charset "UTF-8";

.board_write{position: relative; width:100%; display:table; margin:0 auto;}
.board_write .board_write_wrap,
.board_write .board_write_wrap .board_write_box{position: relative; width: 100%;}
.board_write .board_write_wrap .board_write_box{margin-top: 30px;}
.board_write .board_write_wrap .board_write_box:first-child{margin-top:0;}
.board_write .board_write_wrap .board_write_box > h4{position:relative; line-height: 1.3em; width: 100%; margin-bottom: 15px; color: #101010; font-weight: 600;}
.board_write .board_write_wrap .board_write_box > h4.nece{width: calc(100% - 10px); padding-left: 10px;}
.board_write .board_write_wrap .board_write_box > h4.nece::before{content:'*'; position: absolute; top:2px; left:0; color: #eb424b; font-weight: bold;}
.board_write .board_write_wrap .board_write_box > .cont{position: relative; width: 100%; display: table;}
.board_write .board_write_wrap .board_write_box > .cont input[type="text"]{border: 1px solid #dfdfdf; background-color: #f7f7f7; padding:15px; width: calc(100% - 30px);}

.board_write .board_write_wrap .board_write_box.check > .cont,
.board_write .board_write_wrap .board_write_box.radio > .cont{border: 1px solid #dfdfdf; padding: 10px 15px; width: calc(100% - 30px);}

.cont .check_box input[type="checkbox"],
.cont .radio_box input[type="radio"]{cursor: pointer;}
.cont .radio_box input[type="radio"] + label,
.cont .check_box input[type="checkbox"] + label{position: relative; display: inline-block; line-height: 20px; padding: 7px 20px 5px 28px; color: #101010; cursor: pointer;}
.cont .radio_box input[type="radio"] + label::before {position: absolute; top:50%; left:0; content:''; display:block; width:20px; height:20px; margin-top:-10px; background: url(/../../resources/images/basicBoard/off.png) no-repeat;}
.cont .check_box input[type="checkbox"] + label::before {position: absolute; top:50%; left:0; content:''; display:block; width:20px; height:20px; margin-top:-10px; background: url(/../../resources/images/basicBoard/off2.png) no-repeat;}
.cont .check_box input[type="checkbox"] + label:checked::before, 
.cont .check_box input[type="checkbox"]:checked + label::before{background: url(/../../resources/images/basicBoard/on2.png) no-repeat;}
.cont .radio_box input[type="radio"] + label:checked::before,
.cont .radio_box input[type="radio"]:checked + label::before{background: url(/../../resources/images/basicBoard/on.png) no-repeat;}

.board_write .board_write_wrap .board_write_box.file > .cont .inp_file label{display: inline-block; height: 40px; padding: 0 15px; line-height: 38px; cursor: pointer; border: 1px solid #dfdfdf; background: #fff; color: #101010; text-align: center;}
.board_write .board_write_wrap .board_write_box.file > .cont .inp_file_list{position:relative; width: 100%; margin-top: 10px;}
.board_write .board_write_wrap .board_write_box.file > .cont .inp_file_list ul{position: relative; width: 100%; display:inline-block;}
.board_write .board_write_wrap .board_write_box.file > .cont .inp_file_list ul li{float:left; margin: 5px 0 5px 25px;}
.board_write .board_write_wrap .board_write_box.file > .cont .inp_file_list ul li:first-child{margin-left: 0px;}
.board_write .board_write_wrap .board_write_box.file > .cont .inp_file_list ul li a{color: #101010;}
.board_write .board_write_wrap .board_write_box.file > .cont .inp_file_list ul li button{overflow: hidden; width: 27px; height: 27px; font-size: 0; background: url(/../../resources/images/basicBoard/del.png) 50% 50% no-repeat; background-size: cover; border: 0; vertical-align: middle; cursor: pointer; margin-left: 5px;}

.board_write .board_write_wrap .btn_wrap{position: relative; margin:0 auto; text-align:center; margin-top: 40px;}
.board_write .board_write_wrap .btn_wrap button{height: 40px; line-height: 40px; width: calc(50% - 100px); margin: 0 5px;}
.board_write .board_write_wrap .btn_wrap button.cancle_btn{border: 1px solid #dfdfdf; background-color: #f7f7f7; color: #101010;}
.board_write .board_write_wrap .btn_wrap button.agree_btn{border: 1px solid #eb424b; background-color: #eb424b; color: #fff;}

/* 미디어쿼리 981 */
@media screen and (max-width: 981px){

    

}