@charset "utf-8";
/* CSS Document */



/* 폰트 */
.dotum{font-family:dotum,'돋움';}
.gulim{font-family:gulim,'굴림';}
.NanumGothic{font-family:NanumGothic, sans-serif;}
.nanum{font-family:NanumGothic, sans-serif;}
.lato{font-family: 'Lato', sans-serif;}
.NanumGothic41{font-family:NanumGothic,"나눔고딕";font-size:41px;}
.dinmed{font-family:Dinmed, DINPro-Bold, DINPro-Medium, Dinreg, verdana; letter-spacing:-1px;}

/* effect */
.bold{font-weight:bold;}
.nobold{font-weight:normal;}

/* test */
.bd { background-color:red; }
.f_fix {display:block;top:20%;position:fixed;left:0px;width:500px;;height:500px; }

/* display */
.none{display:none;}

/* word - 줄바꿈 */
.keep_word {word-break:keep-all;}

/* cursor */
.cn { cursor:default ; }
.pointer { cursor:pointer; }

/* border */
.bl {border-left:1px solid #ddd;}
.br {border-right:1px solid #ddd;}
.bt {border-top:1px solid #ddd;}
.bb {border-bottom:1px solid #ddd;}

.lbl {border-left:1px solid #d5c17b}
.lbr {border-right:1px solid #d5c17b}
.lbt {border-top:1px solid #d5c17b}
.lbb {border-bottom:1px solid #d5c17b}

/* background-color */
.fef8f0{background-color:#fef8f0}

/* color */
.white{color:#fff;}
.black{color:#000;}
.red{color:red;}
.red2{color:#e91d26;}
.blue{color:#0067cc;};
.cf_color{color:#0067cc;};
.cf_color2{color:#009b37;}

/* 버튼 */
.s_btn {width:32px;height:15px;padding:3px 9px;margin-top:4px;margin-bottom:4px;background-color:#f6f6f6;border:1px solid #dcdbdb;border-radius:8px;cursor:pointer;text-align:center;}
.s_btn2 {width:32px;height:15px;padding:3px 9px;margin-top:4px;margin-bottom:4px;background-color:#f6f6f6;border:1px solid #dcdbdb;cursor:pointer;text-align:center;}
.r_btn {width:32px;height:15px;padding:3px 9px;margin-top:4px;margin-bottom:4px;background-color:#ff3061;border:1px solid #d0d0d0;border-radius:8px;cursor:pointer; color:white;text-align:center;}
.g_btn {width:32px;height:15px;padding:3px 9px;margin-top:4px;margin-bottom:4px;background-color:#88c437;border:1px solid #72a837;border-radius:8px;cursor:pointer;color:white;text-align:center;}
.ok_btn {width:32px;height:15px;padding:3px 23px;margin-top:4px;margin-bottom:4px;background-color:#88c437;border:1px solid #72a837;border-radius:8px;cursor:pointer;color:white;text-align:center;}
.cancel_btn {width:32px;height:15px;padding:3px 9px;margin-top:4px;margin-bottom:4px;background-color:#88c437;border:1px solid #72a837;border-radius:8px;cursor:pointer;color:white;text-align:center;}

/* align */
.left{text-align:left;}
.center{text-align:center;}
.right{text-align:right;}

/* vertical align middle 맞추기 꼭 style="height:px;" <- 을 지정해 줘야됨*/
.mid{word-break:break-all;display:table-cell;vertical-align:middle;}
.mid2{display:table-cell;vertical-align:middle;}

/* float */
.fl{float:left;}
.fr{float:right;}
.cb{clear:both;}

/* text 일정 길이 '...'표시 */
.text_cut{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}

/* overflow:hidden; */
.hidden{overflow:hidden;}

.disabled {
	width:100%;
	height:100vh;
	top:69px;
	bottom:0;
	position:fixed;
	background:rgba(0,0,0,0.5);
	z-index:9;
}