.border { border:1px solid blue; }

.bold { font-weight:900; }
.bold_600 { font-weight:600; }
.bold_700 { font-weight:700; }
.bold_800 { font-weight:800; }

/* padding */
.pd_left_0 { padding-left:0px !important;; }
.pd_left_3 { padding-left:3px !important;; }
.pd_left_5 { padding-left:5px !important;; }

.pd_right_0 { padding-right:0px !important;; }
.pd_right_3 { padding-right:3px !important;; }
.pd_right_5 { padding-right:5px !important;; }

/* margin */
.mg_top_0 { margin-top:0px !important;; }
.mg_top_3 { margin-top:3px !important;; }
.mg_top_5 { margin-top:5px !important;; }
.mg_top_6 { margin-top:6px !important;; }
.mg_top_10 { margin-top:10px !important;; }

.mg_left_0 { margin-left:0px !important;; }
.mg_left_3 { margin-left:3px !important;; }
.mg_left_5 { margin-left:5px !important;; }
.mg_left_10 { margin-left:10px !important;; }

.mg_right_0 { margin-right:0px !important;; }
.mg_right_3 { margin-right:3px !important;; }
.mg_right_5 { margin-right:5px !important;; }
.mg_right_10 { margin-right:10px !important;; }

.mt0 { margin-top:0px !important; }
.mt3 { margin-top:3px !important; }
.mt5 { margin-top:5px !important; }
.mt7 { margin-top:7px !important; }
.mt10 { margin-top:10px !important; }
.mt20 { margin-top:20px !important; }
.mt30 { margin-top:30px !important; }
.mt40 { margin-top:40px !important; }
.mt50 { margin-top:50px !important; }

.mb0 { margin-bottom:0px !important; }
.mb3 { margin-bottom:3px !important; }
.mb5 { margin-bottom:5px !important; }
.mb7 { margin-bottom:7px !important; }
.mb10 { margin-bottom:10px !important; }
.mb20 { margin-bottom:20px !important; }
.mb30 { margin-bottom:30px !important; }
.mb40 { margin-bottom:40px !important; }
.mb50 { margin-bottom:50px !important; }

.ml05 { margin-left:5px !important; }
.ml10 { margin-left:10px !important; }

.mr05 { margin-right:5px !important; }
.mr10 { margin-right:10px !important; }

/* input width */
.input_width_30 { width:30px !important; }
.input_width_40 { width:40px !important; }
.input_width_50 { width:50px !important; }
.input_width_55 { width:55px !important; }
.input_width_60 { width:60px !important; }
.input_width_70 { width:70px !important; }
.input_width_80 { width:80px !important; }
.input_width_90 { width:90px !important; }
.input_width_100 { width:100px !important; }
.input_width_120 { width:120px !important; }
.input_width_150 { width:150px !important; }
.input_width_200 { width:200px !important; }
.input_width_250 { width:250px !important; }
.input_width_300 { width:300px !important; }
.input_width_350 { width:350px !important; }
.input_width_400 { width:400px !important; }
.input_width_450 { width:450px !important; }
.input_width_500 { width:500px !important; }

.input_wrate_10 { width:10% !important; }
.input_wrate_20 { width:20% !important; }
.input_wrate_30 { width:30% !important; }
.input_wrate_40 { width:40% !important; }
.input_wrate_50 { width:50% !important; }
.input_wrate_60 { width:60% !important; }
.input_wrate_70 { width:70% !important; }
.input_wrate_80 { width:80% !important; }
.input_wrate_90 { width:90% !important; }
.input_wrate_100 { width:100% !important; }

/* input height */
.input_height_30 { height:30px !important; }
.input_height_35 { height:35px !important; }
.input_height_40 { height:40px !important; }
.input_height_50 { height:50px !important; }
.input_height_100 { height:100px !important; }
.input_height_150 { height:150px !important; }
.input_height_200 { height:200px !important; }



/* font-size */
.fs-10 { font-size:10px; }
.fs-11 { font-size:11px; }
.fs-12 { font-size:12px; }
.fs-13 { font-size:13px; }
.fs-14 { font-size:14px; }

.tw_th { background-color:#e4e4e4; }
.tv_th { background-color:#e4e4e4; }

.none { display:none; }
.non-none { display: }

.txtBold		{ font-weight:bold }
.txtRed			{ color:#ff0000;font-weight:normal; }
.txtRedBold		{ color:#ff0000;font-weight:bold }
.txtBlue		{ color:#0000ff;font-weight:normal; }
.txtBlueBold	{ color:#0000ff;font-weight:bold }
.txtTotalPrc	{ font-size:9pt;font-weight:bold }
.totalPrc		{ color:#ff0000;font-size:9pt;font-weight:bold }

.banner_img_wrap { display:inline-block;width:200px;overflow:hidden;border:0px solid #b7b7b7;float:left; }
.banner_img_wrap .img_list { display:inline-block;width:194px;margin-top:3px; margin-left:3px;margin-bottom:3px;margin-right:3px;overflow:hidden;float:left; text-align:left; }
.banner_img_wrap .img_list img { max-width:194px; max-height:200px; }

.add-on-chk { padding-left:12px !important;padding-right:12px !important;background-color:#fff !important;border-left:1px solid #cccccc !important;}
.text-align-center { text-align:center !important; }
.text-align-left { text-align:left !important; }
.text-align-right { text-align:right !important; }


/* table style */
.write_table { border:0px solid red;font-size:9pt; margin-bottom:15px; }
.write_table p.t_title { line-height:25px;font-size:12px;padding-left:10px; font-weight:600;}
.write_table .line { width:100%;height:1px;background-color:#2e4b6d; }
.write_table table { width:100%;border-collapse:collapse;border-top:#5378af solid 2px; border-bottom:#d9d9d9 solid 1px; }
.write_table table tr th { border-collapse:collapse;border-bottom:#2e4b6d solid 1px;background-color:#5d7ea4;padding:7px 0px; }
.write_table table tr th.subject { color:#fff; font-weight:600; font-size:14px; }
.write_table table tr td { border-collapse:collapse;border-bottom:#d9d9d9 solid 1px;border-right:1px solid #d9d9d9;padding:5px 15px;text-align:left; }
.write_table table tr td.v_top { vertical-align:top;padding-top:9px; }
.write_table table tr td.last { border-right:0px solid #d9d9d9; }
.write_table table tr td.subject { background-color:#f3f8fe; border-right:1px solid #d9d9d9; text-align:right; }
.write_table table tr td.number { text-align:right;padding-right:5px; }
.write_table table tr td.left { text-align:left;padding-left:5px;padding-right:5px; }
.write_table table tr td.nodata { height:100px;line-height:100px;font-weight:bold; }
.write_table table tr td.comment { height:300px !important ;vertical-align:top; padding:10px 10px 70px 10px; overflow:visible; }
.write_table table tr td.writer { padding-left:10px; }
.write_table table tr td.cnt { padding-right:10px; }
.write_table table tr td.view { line-height:25px;height:35px; border-right:0px solid #d9d9d9; }
.write_table table tr td.attach_file { padding-left:10px; }
.write_table table tr td.attach_file ul { display:inline-block; }
.write_table table tr td.attach_file ul li.title { display:inline-block; vertical-align:top; padding-top:2px; }
.write_table table tr td.attach_file ul li.list { display:inline-block; }
.write_table table tr td.attach_file ul li.list a { font-size:12px; }
.write_table table tr td.attach_file ul li.list p { padding:0px 0px; }
.write_table table tr.gubun{ background-color:#f6f6f6; }
.write_table span.require { color:#ff0000;margin-right:3px; margin-top:14px; padding-bottom:0px;border:0px solid red; }

/* input style */
input.text { height:27px; line-height:21px; padding:2px 5px; border:1px solid #d9d9d9; }
select.select { height:27px; line-height:21px; padding:2px 5px; border:1px solid #d9d9d9; }
textarea.textarea { width:100%; height:50px; line-height:18px; padding:2px 5px; border:1px solid #d9d9d9; }
input.file { height:35px; line-height:21px; padding:2px 5px; border:1px solid #d9d9d9; }


th.subject { background-color:#e3e9f0 !important; text-align:left; font-weight:normal; }
th.scode { background-color:#ffde00; color:#ff0000; font-size:25px; }
th span.signdate { font-weight:normal; font-size:12px; }

.media-list-64 { width:64px !important; }
.media-list-64 img { max-width:64px !important; }
.media-list-100 { width:100px !important; height:75px !important; overflow:hidden !important; border:0px solid red; }
.media-list-100 img { max-width:100px !important; border:1px solid #b3b3b3; }

.vat { vertical-align:top !important; }
.vab { vertical-align:baseline !important; }
.vam { vertical-align:middle !important; }
.vabt { vertical-align:bottom !important; }

.content-header > h1 { font-size:2.2rem;font-weight:bold;padding-left:5px; }
.content-header > ol.breadcrumb { padding-right:15px; }

.content .contents-box-wrap { padding-left:20px; padding-right:20px; }
	.legend-title { font-size:16px;font-weight:bold;padding-bottom:5px; }


.box-body table.table { }


.wrap span {
  position: absolute;
  bottom: 5px;
  right: 5px;
}
#counter {
  background:rgba(255,0,0,0.5);
  border-radius: 0.5em;
  padding: 0 .5em 0 .5em;
  font-size: 0.75em;
}

img.cand_photo { max-width:200px; }

.nodata { text-align:center; height:100px !important; line-height:100px !important; background-color:#fff; vertical-align: middle; border:none; }

.login-logo a { font-size:30px; line-height:100%; }

.login-extra { margin-top:30px; }


/* 서비스 신청 스타일 */
.service_wrapper { height:65px; line-height:65px; background-color: #3c8dbc; color:#fff; }
.service_wrapper h3.title { padding:0px; padding-left:15px; margin:0px; line-height: 65px; }

ul.ul_agree_tab { width:100%; margin:0px; padding:0px; list-style:none; }
ul.ul_agree_tab li { width:33%; padding:10px 0;text-align:center; border:1px solid #7b98a8; float:left; }
ul.ul_agree_tab li:nth-child(2) { width:34%; border-left:none; border-right:none; }
ul.ul_agree_tab li.active { background-color:#9cc9e3; font-weight:bold; }
ul.ul_agree_tab:after { display:block; content:''; clear:both; }

.fwb { font-weight:bold; }
.service_rule { width:100%; height:250px; border:1px solid #3c8dbc; padding:15px 10px; font-size:1.2rem; letter-spacing: -1px; line-height:160%; overflow-y:auto; }
.sub_title { margin-bottom:10px; border-bottom:2px solid #3c8dbc; border-right:2px solid #3c8dbc; height:35px; line-height:35px; font-size:1.6rem; font-weight:bold; }
.goods_list { min-height:300px; padding:0; margin:0; border:1px solid #3c8dbc; text-align:center; }
.goods_name { line-height:70px; margin:0; padding:0; font-weight:bold; background-color:#7f878b; color:#fff; }
.goods_desc { font-size:16px; border:0px solid red; }
.goods_desc ul.goods_detail { display:block; list-style: none; width:100%; margin:0; padding:0; }
.goods_desc ul.goods_detail li { line-height:180%; }
.goods_comment { font-size:14px;  }
.goods_price { line-height:50px; margin:0; padding:0; font-weight:bold; background-color:#7f878b; color:#fff; font-size:16px; }

.service_complete_box { width:50%; margin:0 auto; border:1px solid #3c8dbc; background-color:#d4d4d4; padding:15px 10px; font-size:1.6rem; line-height:160%; }
.service_complete_box2 { width:40%; margin:0 auto; border:none; background-color:#fff; padding:15px 10px; font-size:1.6rem; line-height:160%; }


/* 작은 기기들 (태블릿, 768px 이상) sm */
@media all and (min-width: 768px) {

}

/* 중간 기기들 (데스크탑, 992px 이상) md */
@media screen and (min-width: 992px) {
	
}

/* 큰 기기들 (큰 데스크탑, 1200px 이상) lg */
@media all and (min-width: 1200px) {
  
}