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

/*
@font-face { 
  font-family: Malgun-Gothic_web;
  src: url('../fonts/Malgun-Gothic.eof');
  src: url('../fonts/Malgun-Gothic.ttf');
  src: url('../fonts/Malgun-Gothic.woff');
 }

@font-face{
	font-family: NanumBarunGothicBold;
	src: url('../fonts/NanumBarunGothicBold.eot');
	src: url('../fonts/NanumBarunGothicBold.ttf');
	src: url('../fonts/NanumBarunGothicBold.woff');
}*/

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

.Tahoma{font-family:'Tahoma'}
/* 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; }

/* 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;}
.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;}
.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;}
.text_cut165{width:165px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.text_cut175{width:175px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.text_cut170{width:170px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.text_cut174{width:174px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.text_cut190{width:190px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.text_cut260{width:260px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.text_cut370{width:370px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.text_cut570{width:570px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.text_cut730{width:730px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.text_cut770{width:770px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.text_cut960{width:960px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}

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

/*폰트사이즈*/
.font07{font-size:07px;}
.font08{font-size:08px;}
.font09{font-size:09px;}
.font10{font-size:10px;}
.font11{font-size:11px;}
.font12{font-size:12px;}
.font13{font-size:13px;}
.font14{font-size:14px;}
.font15{font-size:15px;}
.font16{font-size:16px;}
.font17{font-size:17px;}
.font18{font-size:18px;}
.font19{font-size:19px;}
.font20{font-size:20px;}
.font21{font-size:21px;}
.font22{font-size:22px;}
.font23{font-size:23px;}
.font24{font-size:24px;}
.font25{font-size:25px;}
.font26{font-size:26px;}
.font27{font-size:27px;}
.font28{font-size:28px;}
.font29{font-size:29px;}
.font30{font-size:30px;}
.font31{font-size:31px;}
.font32{font-size:32px;}
.font33{font-size:33px;}
.font34{font-size:34px;}
.font35{font-size:35px;}
.font36{font-size:36px;}
.font37{font-size:37px;}
.font38{font-size:38px;}
.font39{font-size:39px;}
.font40{font-size:40px;}
.font41{font-size:41px;}

/* margin */
.ml3{margin-left:3px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}
.ml25{margin-left:25px;}

.mr10{margin-left:10px;}

.pr15{padding-right:15px;};