@charset "utf-8";

/* Common */

*{margin:0;padding:0;}
body,table,input,textarea,select {
	font:14px;
	color:#707070;
	font-family:NanumGothic,dotum,Helvetica,sans-serif;
	line-height:16px;
}
body,div,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select {margin:0; padding:0;}
body,input,textarea,select,button,table,td {color:#3c3c3c; font-family: "NanumBarunGothic", Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px; line-height:1.1; font-weight: 400}
img,fieldset {border:0;}
ul,ol,li {list-style:none;}
th {font-weight:400}
em,address {font-style:normal}
select {height:20px; border:1px solid #cfcfcf; font-size:12px; color:#7a7a7a; vertical-align:middle;}
option {font-size:12px; color:#656565;} /* Firefox Fix */
textarea {overflow:auto; border:1px solid #dedede; padding:5px;}
table {padding:0; margin:0;  border-spacing:0; border-collapse:collapse; }
caption {display:none;}
label,legend {display:none; padding:0; margin:0;}
.h4, .h5, .h6, h4, h5, h6 {
    margin-top: 9px;
    margin-bottom: 9px;
}
hr {width:100%;border-top: 2px solid #c5c7cc;border-radius: 3px;}
a {text-decoration:none;color:#787878;}
a:hover {text-decoration:underline;color:#787878;}
a:active,a:focus {text-decoration:none;color:#787878;}


/* padding */

.nopadding{padding:0px !important;}
.noleftpadding{padding-left:0px;}
.padding05 {padding:5px;} .padding10 {padding:10px;} .padding15 {padding:15px;} .padding20 {padding:20px;} .padding30 {padding:30px;} .padding40 {padding:40px;} .padding50 {padding:50px;}
.pl05 {padding-left:5px;} .pl10 {padding-left:10px;} .pl15 {padding-left:15px;} .pl20 {padding-left:20px;} .pl30 {padding-left:30px;} .pl40 {padding-left:40px;} .pl50 {padding-left:50px;}
.pt05 {padding-top:5px;} .pt10 {padding-top:10px;} .pt15 {padding-top:15px;} .pt20 {padding-top:20px;} .pt30 {padding-top:30px;} .pt40 {padding-top:40px;} .pt50 {padding-top:50px;}
.pr05 {padding-right:5px;} .pr10 {padding-right:10px;} .pr15 {padding-right:15px;} .pr20 {padding-right:20px;} .pr30 {padding-right:30px;} .pr40 {padding-right:40px;} .pr50 {padding-right:50px;}
.pb05 {padding-bottom:5px;} .pb10 {padding-bottom:10px;} .pb15 {padding-bottom:15px;} .pb20 {padding-bottom:20px;} .pb30 {padding-bottom:30px;} .pb40 {padding-bottom:40px;} .pb50 {padding-bottom:50px;}

/* margin */
.nomargin{margin:0}
.margin05 {margin:5px;} .margin10 {margin:10px;} .margin15 {margin:15px;} .margin20 {margin:20px;} .margin30 {margin:30px;} .margin40 {margin:40px;} .margin50 {margin:50px;}
.ml05 {margin-left:5px;} .ml10 {margin-left:10px;} .ml15 {margin-left:15px;} .ml20 {margin-left:20px;} .ml30 {margin-left:30px;} .ml40 {margin-left:40px;} .ml50 {margin-left:50px;}
.mt05 {margin-top:5px;} .mt10 {margin-top:10px;} .mt15 {margin-top:15px;} .mt20 {margin-top:20px;} .mt30 {margin-top:30px;} .mt40 {margin-top:40px;} .mt50 {margin-top:50px;}
.mr05 {margin-right:5px;} .mr10 {margin-right:10px;} .mr15 {margin-right:15px;} .mr20 {margin-right:20px;} .mr30 {margin-right:30px;} .mr40 {margin-right:40px;} .mr50 {margin-right:50px;} 
.mb05 {margin-bottom:5px;} .mb10 {margin-bottom:10px;} .mb15 {margin-bottom:15px;} .mb20 {margin-bottom:20px;} .mb30 {margin-bottom:30px;} .mb40 {margin-bottom:40px;} .mb50 {margin-bottom:50px;}

/*width and height*/
.w005{width: 5% !important}
.w010{width: 10% !important}
.w015{width: 15% !important}
.w016{width: 16% !important}
.w020{width: 20% !important}
.w025{width: 25% !important}
.w100{width: 100% !important}
.h100{height: 100% !important}
.w50{width: 50% !important}
.h50{height: 50% !important}

/* align */
.txtL {text-align:left !important;}
.txtR {text-align:right !important;}
.txtC {text-align:center !important;}
.floatL {float:left !important;}
.floatR{float:right !important;}
.ovf_hidden{overflow: hidden;}
.dsp_inlineblock{display: inline-block;}
.dsp_inline{display: inline;}
.dsp_none{display: none !important;}
.dsp_block{display: block !important;}

.v_align_t{vertical-align: top;}
.v_align_b{vertical-align: bottom;}
/* flat */
.fl {float:left;}
.fr {float:right;}
.cl {clear:both;}
.clear {display:block; float:none; clear:both; height:0; width:100%; font-size:0 !important; line-height:0 !important; overflow:hidden; margin:0 !important; padding:0 !important;}

/* text style */
.bold {font-weight:bold;}
.txtGray01 {color:#333 !important;}
.txtGray02 {color:#666 !important;}
.txtGray03 {color:#707070 !important;}
.txtBlack01 {color:#1e1e1e !important;}
.txtWhite01{color:#f4f4f4 !important}
.txtGreen01{color:#1e881e !important;}
.txtRed01 {color:#e72953 !important; font-weight:bold;}
.txtRed02 {color:#dd4569 !important;font-weight:bold;}
.redcolor{color:#f24a4a;}
.txtRed03 {color:#e72953 !important;}
.stxt_gray {font-size:11px !important; font-weight:bold;}
.txtPrice01 {color:#dd4569 !important;font-weight:bold;}
.nowrap{white-space: nowrap;}


/*font size*/
.f_11 {font-size:11px !important;}
.f_12 {font-size:12px !important;}
.f_13 {font-size:13px !important;}
.f_14 {font-size:14px !important;}
.f_15 {font-size:15px !important;}
.f_16 {font-size:16px !important;}
.f_18 {font-size:18px !important;}
.f_20 {font-size:20px !important;}
.f_24 {font-size:24px !important;}
.f_30 {font-size:30px !important;}
.fw_20{font-weight: 200 !important};
.fw_30{font-weight: 300 !important};
.fw_40{font-weight: 400 !important};
.fw_50{font-weight: 500 !important};
.fw_60{font-weight: 600 !important};
.fw_70{font-weight: 700 !important};

/*Color*/
.clBlack{color: black !important}
.clWhite{color: white !important}
.bgWhite{background-color: white!important}
.bgGray{background-color: #f4f4f4 !important}
.bgGray01{background-color:#495060 !important;}
.bgGreen02{background-color:#9cb3b9 !important;}

/*Border*/
.noborder{border: none !important}
.bot{border-top:solid #d9d9d9 1px;}
.bor{border-right:solid #d9d9d9 1px;}
.bol{border-left:solid #d9d9d9 1px;}
.bom{border-bottom:solid #d9d9d9 1px;}
.border01{border:solid #c5c5c5 1px;}
.whiteboxcontentbox{background:#fff;border:1px solid #ddd;padding: 20px 15px;margin-bottom:15px;}

/*Cursor*/
.cur_hand{cursor: pointer;}