@charset "utf-8";

div.board_write table tbody td #wr_subject{width:100%;}
div.board_write table tbody td input.number{width:200px;}
div.board_write table tbody td span.notice{display:block; margin-top:10px; color:#ff0000;}
div.board_write table tbody td span.notice_inline{color:#ff0000;}
div.board_write table tbody td.form_barcode > div{display:flex; flex-direction:column; gap:20px;}
div.board_write table tbody td.form_barcode div.barcode_input{display:flex; align-items:center; gap:10px;}
div.board_write table tbody td.form_barcode div.barcode_input #barcode1{width:40px; text-indent:0; text-align:center;}
div.board_write table tbody td.form_barcode div.barcode_input #barcode2{width:60px; text-indent:0; text-align:center;}
div.board_write table tbody td.form_barcode div.barcode_input #barcode3, div.board_write table tbody td.form_barcode div.barcode_input #barcode4{width:100px; text-indent:0; text-align:center;}
div.board_write table tbody td.form_barcode div.barcode_ex{display:flex; flex-direction:column; gap:10px;}
div.board_write table tbody td.form_barcode div.barcode_ex span{font-size:15px;}
div.board_write table tbody td.form_barcode div.barcode_ex img{max-width:373px;}
div.board_write table tbody td ul.bullet > li a{color:#0011ff; text-decoration:underline;}
div.note{margin-bottom:10px; text-align:right;}
div.note a{font-size:18px; color:#022a86;}
div.note a:after{content:""; display:inline-block; width:20px; height:20px; margin-left:12px; background:url(/img/bg_icon_blank.png) no-repeat 50% 50%; vertical-align:-3px;}
div.note a:hover, div.note a:focus{text-decoration:underline;}
div.board_list table col.agency{width:200px;}
div.board_list table col.transport{width:150px;}
div.board_list table col.number{width:120px;}
div.board_list table col.barcode{width:180px;}
div.board_list table col.report{width:120px;}

#bo_cate{margin-bottom:20px;}
#bo_cate_ul{overflow:hidden;}
#bo_cate_ul li{margin-left:12px; float:left;}
#bo_cate_ul li:first-child{margin-left:0;}
#bo_cate_ul li a{display:block; height:45px; line-height:43px; padding:0 25px; font-size:16px; color:#333; border:1px solid #741e31;}
#bo_cate_ul li a#bo_cate_on{font-weight:500; color:#fff; background-color:#741e31;}

div.board_list div.board_info{margin-bottom:10px; overflow:hidden;}
#bo_list_total{float:left;}

#bo_sch{padding:22px 0; margin:100px 0 0; border:none; border-top:1px solid #c3c3c3; border-bottom:1px solid #c3c3c3; position:relative; text-align:center; font-size:0;}
#bo_sch legend{width:0; height:0; text-indent:-9999px; position:absolute; left:-9999px;}
#bo_sch select{width:140px; height:50px; padding:0 12px; font-size:16px; color:#555; border:1px solid #d7d7d7; vertical-align:top; text-indent:0;}
#bo_sch input{width:320px; height:50px; padding:0 12px;  margin:0 10px; font-size:16px; color:#555; border:1px solid #d7d7d7; vertical-align:top; text-indent:0;}
#bo_sch button[type=submit]{width:80px; height:50px; font-size:16px; color:#fff; background-color:#333; vertical-align:top;}

div.board_list table{width:100%; table-layout:fixed; border-top:2px solid #000;}
div.board_list table col.check{width:60px;}
div.board_list table col.num{width:100px;}
div.board_list table col.writer{width:220px;}
div.board_list table col.mobile_num{width:150px;}
div.board_list table col.datetime{width:150px;}
div.board_list table thead th{padding:10px 0; font-size:17px; font-weight:400; color:#000; border-bottom:1px solid #c3c3c3;}
div.board_list table tbody td{overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:10px 0; font-size:16px; font-weight:350; color:#767676; text-align:center; border-bottom:1px solid #c3c3c3;}
div.board_list table tbody td span.notice{display:inline-block; height:35px; line-height:33px; padding:0 15px; border:1px solid #d30009; font-size:16px; font-weight:700; color:#d30009;}
div.board_list table tbody td.subject{text-align:left;}
div.board_list table tbody td.subject span.reply{color:#000; font-weight:400;}
div.board_list table tbody td.subject span.notice{display:none;}
div.board_list table tbody td span.new{margin-left:5px;}
div.board_list table tbody td span.new:before{content:"N"; display:inline-block; width:23px; height:23px; line-height:23px; font-size:14px; color:#fff; text-align:center; background-color:#981f2f; border-radius:100%;}
div.board_list table tbody td span.secret{display:inline-block; width:13px; height:18px; margin-left:5px; background:url(img/bg_board_secret.png) no-repeat 0 50%; vertical-align:-3px;}
div.board_list table tbody td a.file{display:inline-block; width:20px; height:19px; background:url(img/bg_board_file.png) no-repeat 0 0; text-indent:-9999px;}
div.board_list table tbody td span.file{display:inline-block; width:20px; height:19px; background:url(img/bg_board_file.png) no-repeat 0 0; text-indent:-9999px;}
div.board_list table thead th input[type=checkbox] + label, div.board_list table tbody td input[type=checkbox] + label{padding-left:0; margin-right:0 !important; text-indent:-9999px;}

div.board_write table{width:100%; table-layout:fixed; border-top:2px solid #000;}
div.board_write table col.form_name{width:150px;}
div.board_write table col.form_name_group{width:100px;}
div.board_write table tbody th{padding:15px 0; font-size:17px; font-weight:400; color:#000; text-align:left; border-bottom:1px solid #c3c3c3;}
div.board_write table tbody th.required:after{content:"(필수 입력)"; display:block; margin-top:5px; font-size:12px; color:#ff0000;}
div.board_write table tbody th.required.checkbox:after{content:"(필수 선택 - 복수 가능)";}
div.board_write table tbody th.required.radio:after{content:"(필수 선택)";}
div.board_write table tbody td{padding:15px 0; font-size:17px; font-weight:300; color:#767676; text-align:left; border-bottom:1px solid #c3c3c3;}
div.board_write table tbody td select[name=ca_name]{width:200px;}
div.board_write table tbody td span.file_del{display:block; margin-top:10px;}
div.board_write table tbody td ul.bullet > li{padding-left:20px; margin-top:20px; position:relative; font-size:18px; font-weight:300; color:#3a3a3a; letter-spacing:-1px; word-break:keep-all;}
div.board_write table tbody td ul.bullet > li:before{content:""; width:6px; height:6px; position:absolute; top:7px; left:0; border-radius:50%; background-color:#249fc7;}
div.board_write table tbody td ul.bullet > li:first-child{margin-top:0;}
div.board_write table tbody td ul.bullet > li strong{display:block; margin-bottom:10px; font-size:18px; font-weight:400;}
div.board_write table tbody td ul.bullet > li ul{display:flex; flex-wrap:wrap; gap:10px;}
div.board_write table tbody td ul.no_bullet{display:grid; grid-template-columns:repeat(4, 1fr); gap:10px;}
div.board_write table tbody td div.desc p:not(:first-child){margin-top:10px;}
div.board_write table tbody td input[name=wr_name], div.board_write table tbody td input.name{width:300px;}
div.board_write table tbody td input[type=tel]{width:300px;}
div.board_write table tbody td input.number_short{width:70px; text-align:center; text-indent:0;}
div.board_write table tbody td.form_address #ex_zip{width:100px; text-align:center; text-indent:0;}
div.board_write table tbody td.form_address div.address_text{display:flex; gap:10px; margin:10px 0; position:relative;}
div.board_write table tbody td.form_address div.address_text #daum_juso_pageex_zip{margin:0 !important; position:absolute !important;}
div.board_write table tbody td.form_address button.btn{height:50px; border-radius:4px;}
div.board_write table tbody td.form_email div{display:flex; align-items:center; gap:10px;}
div.board_write table tbody td.form_email div #email_id{width:300px;}
div.board_write table tbody td.form_email div #email_domain{width:200px;}
div.board_write table tbody td.form_email div #email_select{width:200px;}
div.board_write table tbody td.form_period div{display:flex; align-items:center; gap:10px;}
div.board_write table tbody td.form_period div input[type=date]{height: 50px; padding: 0 10px; font-size: 15px; border: 1px solid #ddd; border-radius: 4px;}
div.board_write table tbody td.form_file div + ul.bullet{margin-top: 20px;}
div.board_write table tbody td.form_file div input.upload_name{display: inline-block; height: 40px; padding: 0 10px; vertical-align: middle; border: 1px solid #dddddd; width: 50%; color: #949494;}
div.board_write table tbody td.form_file div input[type=file]{position: absolute; width: 0; height: 0; padding: 0; overflow: hidden; border: 0;}
div.board_write table tbody td.form_file div input.upload_name + label{display: inline-block; padding: 10px 20px; color: #fff; vertical-align: middle; background-color: #949494; cursor: pointer; height: 40px; margin-left: 10px;}

div.board_view div.section{margin-top:70px;}
div.board_view div.section:first-of-type{margin-top:0;}
div.board_view table{width:100%; table-layout:fixed; border-top:2px solid #000;}
div.board_view table col.form_name_group{width:100px;}
div.board_view table col.form_name{width:170px;}
div.board_view table tbody th{padding:15px 0; font-size:17px; font-weight:400; color:#000; text-align:left; border-bottom:1px solid #c3c3c3;}
div.board_view table tbody td{padding:15px 0; font-size:17px; font-weight:300; color:#767676; text-align:left; border-bottom:1px solid #c3c3c3;}
div.board_view table tbody td select[name=ca_name]{width:200px;}
div.board_view table tbody td span.file_del{display:block; margin-top:10px;}

div.board_view div.contents{padding:40px 30px; border-bottom:1px solid #060606; font-size:16px; word-break:keep-all;}
div.board_view div.contents img{max-width:100%;}

div.board_reply_list{margin-top:25px; background-color:#f8f8f8;}
div.board_reply_list h5{padding:15px 30px; font-size:18px; font-weight:400; color:#000; border-bottom:1px solid #dbdbdb;}
div.board_reply_list ul li{padding:15px 30px; border-top:1px solid #dbdbdb; overflow:hidden;}
div.board_reply_list ul li:first-child{border-top:none;}
div.board_reply_list ul li div.info{overflow:hidden;}
div.board_reply_list ul li div.info div.left{float:left;}
div.board_reply_list ul li div.info div.left span.name{font-size:16px; color:#000;}
div.board_reply_list ul li div.info div.right{float:right;}
div.board_reply_list ul li div.info div.right span.date{display:inline-block; font-size:14px; color:#868686;}
div.board_reply_list ul li div.info div.right div.reply_btn{display:inline-block; padding-left:40px;}
div.board_reply_list ul li div.info div.right div.reply_btn a{font-size:14px; color:#868686;}
div.board_reply_list ul li div.info div.right div.reply_btn a:hover, div.board_reply_list ul li div.info div.right div.reply_btn a:focus{text-decoration:underline;}
div.board_reply_list ul li div.text{padding-top:10px; font-size:16px; color:#868686;}
div.board_reply_list ul li div.text img{padding-right:3px; vertical-align:-1px;}
div.board_reply_list ul li div.text textarea{width:100%; height:100px; margin-top:10px; border:1px solid #dbdbdb; font-size:16px; padding:15px; resize:none;}
div.board_reply_list ul li div.text div.right_top{float:right;}
div.board_reply_list ul li div.text div.right_top input[type=checkbox] + label{margin:4px 5px 0 0;}

div.board_reply_write{margin-top:25px; border:1px solid #c3c3c3; position:relative;}
div.board_reply_write h5{padding:20px 0 10px 20px; font-size:18px; font-weight:400; color:#000;}
div.board_reply_write textarea{width:100%; height:100px; border:transparent; font-size:16px; padding:15px 20px; resize:none; vertical-align:top;}
div.board_reply_write div.right_top{position:absolute; top:12px; right:12px;}
div.board_reply_write div.right_top input[type=checkbox] + label{margin:4px 10px 0 0;}
div.board_reply_write div.right_top input[type=text]{width:150px;}
div.board_reply_write div.right_top input[type=password]{width:150px;}
div.board_reply_write div.right_bot{padding:12px; text-align:right;}
div.board_reply_write div.right_bot span{display:inline-block; height:40px; line-height:40px; padding-right:5px; font-size:17px; vertical-align:top;}
div.board_reply_write div.right_bot input[type=checkbox] + label{margin:4px 10px 0 0;}
div.board_reply_write div.right_bot input[type=text]{width:150px;}
div.board_reply_write div.right_bot input[type=password]{width:150px;}
div.board_reply_write ._comment{display:inline-block; margin-right:5px; border:none; text-align:right; vertical-align:top;}
div.board_reply_write ._comment legend{display:none;}
div.board_reply_write ._comment img{display:inline; height:40px; border:1px solid #000;}
div.board_reply_write ._comment input[type=text]{width:100px !important; margin-left:3px; text-align:center;}
div.board_reply_write ._comment #captcha_mp3{width:40px; height:40px; overflow:hidden; text-indent:-9999px; position:relative; background-color:#e3e3e3; vertical-align:top;}
div.board_reply_write ._comment #captcha_mp3 span{width:31px; height:31px; position:absolute; top:50%; left:50%; background:url(img/captcha.png) no-repeat 0 0; transform:translate(-50%, -50%);}
div.board_reply_write ._comment #captcha_reload{width:40px; height:40px; overflow:hidden; text-indent:-9999px; position:relative; background-color:#e3e3e3; vertical-align:top;}
div.board_reply_write ._comment #captcha_reload span{width:31px; height:31px; position:absolute; top:50%; left:50%; background:url(img/captcha.png) no-repeat 0 -31px; transform:translate(-50%, -50%);}
div.board_reply_write ._comment #captcha_info{display:none;}

#captcha img{height:58px; border:1px solid #ddd; border-radius:4px;}
#captcha img + input[type=text]{width:150px; height:60px; margin-left:10px;}
#captcha button{width:60px; height:60px; position:relative; text-indent:-9999px; border-radius:4px; background-color:#ddd;}
#captcha button span{width:31px; height:31px; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
#captcha_mp3 span{background:url(img/captcha.png) no-repeat 0 0;}
#captcha_reload span{background:url(img/captcha.png) no-repeat 0 -31px;}

div.paging{margin-top:40px; text-align:center; font-size:0;}
div.paging a{display:inline-block; width:40px; height:40px; line-height:40px; margin:0 3px; font-size:14px; color:#737373; vertical-align:top; border:1px solid #c3c3c3;}
div.paging span{display:inline-block; width:40px; height:40px; line-height:40px; margin:0 3px; font-size:14px; vertical-align:top;}
div.paging span.pg_current{border:1px solid #c3c3c3; color:#fff; background-color:#333;}
div.paging a.pg_start{text-indent:-9999px; background:url(img/bg_paging.png) no-repeat 0 0;}
div.paging a.pg_prev{text-indent:-9999px; background:url(img/bg_paging.png) no-repeat -40px 0;}
div.paging a.pg_next{text-indent:-9999px; background:url(img/bg_paging.png) no-repeat -80px 0;}
div.paging a.pg_end{text-indent:-9999px; background:url(img/bg_paging.png) no-repeat -120px 0;}

input[type=button]{vertical-align:middle; box-shadow:none;}

div.btn_group{margin-top:20px; overflow:hidden; font-size:0;}
div.btn_group div.left{float:left;}
div.btn_group div.left .btn{margin-right:10px;}
div.btn_group div.right{float:right;}
div.btn_group div.right .btn{margin-left:10px;}

/* 기존 btn */
.btn{display:inline-block; height:40px; line-height:40px; padding:0 25px; font-size:16px; font-weight:500; cursor:pointer; vertical-align:top;}
.btn.copy, .btn.move{background-color:#249fc7; color:#fff; border:none;}
.btn.cancel, .btn.delete{background-color:#ea0000; color:#fff; border:none;}
.btn.write, .btn.submit{background-color:#0e3e85; border:none; color:#fff;}
.btn.white, .btn.list{background-color:#fff; border:1px solid #a8a8a8; color:#000;}

/* 설문 조사 결과 */
div.board_list table tbody td .subject_tit{display: block; color: #000000;}
div.board_list .survey_state {display: flex; align-items: center; justify-content: left; margin-bottom: 20px;}
div.board_list .survey_state .btn {height: 45px; padding: 0 25px; font-size: 16px; border: 1px solid #249fc7; color: #333; font-weight: 400;}
div.board_list .survey_state .btn + .btn {margin-left: 12px;}
div.board_list .survey_state .btn.on {background-color: (255, 255, 255, 0.8);}
div.board_list .survey_state .btn_selected {background-color: #249fc7; color: #ffffff; font-weight: 500;}
.container.border .origin {margin-bottom: 65px;}


/* 설문 조사 결과 만족도 조사*/
.survey .explain_txt{padding:25px; margin-bottom:20px; font-size:15px; background-color: #eee; line-height: 1.5;}
.survey .explain_notice {margin-bottom: 20px; font-size: 17px;}
.survey .satisfy_ask + .satisfy_ask { margin-top: 20px;}
.survey .satisfy_tit {display: flex; align-items: center; padding: 20px 25px; margin-bottom: 20px; font-size: 17px; color: #fff; background-color: #002282;}
.survey .satisfy_num {padding-right: 10px;}
.survey .form_cont {padding-left: 35px;}
.survey .form_cont > div {margin-top: 10px;}
/*.survey .opinion {height: 160px !important;}*/
.survey .form_check + .form_check {margin-top: 10px;}
.survey .prevent_cont {margin-top: 50px;}
.survey .prevent_cont .prevent_tit {font-size: 16px; margin-bottom: 10px;}
.survey .thank_msg {margin-top: 50px; font-size: 20px; text-align: center;}
.survey .result_btn {margin-top: 50px; text-align: center;}
.survey .result_btn .btn{height: 50px;}
.text-danger {color: #ea0000;}

@media screen and (max-width:767px){
	#bo_w .bo_w_info.half {width:100%; /*float:none;*/}
	#bo_w .bo_w_info.half span {display:none;}
	#bo_w .bo_w_info.half .frm_input {width:100%;}
	#bo_w .bo_w_info.half select {width:99%;}
	#bo_w .write_div2 span.bl{display:block !important; font-size: 13px; padding-left:10px;width:22%;}
	#bo_w .write_div2 span.bl.mob { display:none !important; }
	#bo_w .write_div2 span {display:none; }
	#bo_w .bo_w_tit .frm_input {width:100%;}
	#bo_w .write_div2 .wr_content {width:100%;}
	#bo_w .wr_t {padding:15px 0 0; width:100%;}
	#bo_w .wr_c {width:100%;}
	#bo_w textarea.input01 {font-size:1.15em; line-height:1.45em;}
	#bo_w .chk_agree {font-size:1.1em; padding-top:5px;}
	#bo_w .bo_w_select span{display:none;}
	#bo_w .bo_w_select select{width: calc(49.5% - 10px);}
	#bo_w .write_div3 span {display:none;}
	#bo_w .write_div3 .add {width:50%}
	
	#bo_w .write_div2 input[type="checkbox"] { width: 15px !important; margin-right: 5px !important;  }
	#bo_w .write_div2 input[type="radio"] { width: 15px !important; margin-right: 5px !important; }
	#captcha #captcha_info { font-size: 13px; }

	#bo_w .btn_submit { height: auto; line-height: 3em; width: auto; padding: 0 7%; font-size: 13px; }
	#bo_w .btn_cancel { height: auto; line-height: 3em; width: auto; padding: 0 5px; font-size: 13px; }

}

@media screen and (max-width:568px){

.checkWrap { max-width: calc(80% - 10px); float: left; padding: 5px 0; }
.checkWrap input { height: 15px !important; }
.checkWrap_tit { line-height: 60px !important;}
}