/* = HTML Elements Default Properties
--------------------------------------------------------------------------------------------*/
*{margin:0; padding:0;}
html{overflow-y:scroll;}
html, body{background:#FFF !important;}
body{font:12px/16px Arial, "MS PGothic", Tahoma, sans-serif; color:#666;}
ul, ol{list-style:none;}
object{outline:none;}
label[for], input[type=radio]{vertical-align:middle;}
input[type=radio]{margin-right:3px;}
hr{display:none;}
h1, h2, h3, h4, h5, h6{font-size:12px;}
a:link, a:visited{color:#666; text-decoration:none;}
a:hover, a:active{color:#666; text-decoration:underline;}
input, select, textarea{vertical-align:middle;}
form{margin:0; padding:0;}
fieldset{margin:0; padding:0; border:none 0 transparent;}
legend{display:none;}
img{border:0 none; vertical-align:middle; /* [[ behavior:url("/front/common/css/iepngfix.htc") ]] */}
input.textType{font-size:12px; border:1px solid #d2d2d2; height:15px; padding:3px 1px 1px 4px; background-color:#fff; color:#666;}
input.textType02{font-size:12px; border:1px solid #7f9db9; height:15px; padding:3px 1px 1px 4px; background-color:#fff; color:#666;}
input.readonly{background:#ccc;}
table{table-layout:fixed; border-collapse:collapse; width:100%;}
table tr th img, table tr td img{vertical-align:middle;}
textarea{color:#757575; font:12px/16px Dotum, Verdana, sans-serif; border:1px solid #bebdbd; border-right:1px solid #d4d3d3; border-bottom:1px solid #d4d3d3; background-color:#fff; padding:2px 3px 0px 2px;}
select{padding:0 1px 0 0; font-size:11px;}
option{padding-right:0.7em; font-size:11px;}
em{font-style:normal;}

/* [[ Defalut ]] */
.tLayoutAuto{table-layout:auto !important;}
.backNone{background:none !important;}

/* [[ Font size ]] */
.fSize11, .font11, .resizeFont{font-size:11px !important;}
.fSize16, .font16{font-size:16px !important;}

/* [[ Font size ]] */
.lineH14{line-height:1.1em !important;}

.unline{text-decoration:underline !important;}
.unlineNone{text-decoration:none !important;}

/* [[ Form style ]] */
input.onlyView, input.onlyRead{border:1px solid #e5e5e5 !important;}

/* [[ Font weight ]] */
.fNormal, .weightZero{font-weight:normal !important;}

/* [[ Reduce word & letter ]] */
.reduceZero{letter-spacing:0 !important; word-spacing:0 !important;}
.reduceLtt{letter-spacing:-1px !important;}
.reduceWord01{word-spacing:-1px !important;}
.reduceWord02{word-spacing:-2px !important;}
.reSpacing{letter-spacing:-1px; word-spacing:1px;}

/* [[ Clear float without additional element ]] */
.clear{clear:both !important;}
.clearSelf:after{content:"."; height:0; visibility:hidden; display:block; clear:both;}
.clearSelf{display:inline-block;}
.fLeft{float:left !important;}
.fRight{float:right !important;}
.contentNone{display:block;}
.contentNone:after{content:close-quote !important; height:auto !important; clear:none !important;}

/* [[ Hidden ]] */
.hide, .hideLabel{position:absolute; left:-5000px; width:0;}
.disNone{display:none !important;}
.leftBlock{display:block; float:left;}
.indentNone{text-indent:0 !important;}

/* [[ Text indent ]] */
.indent15{text-indent:-16px !important; padding:0 16px !important;}

/* [[ Text align ]] */
.aCenter, .alignCenter{text-align:center !important;}
.aLeft, .alignLeft{text-align:left !important;}
.aRight, .alignRight{text-align:right !important;}
.aJustify, .alignJustify{text-align:justify !important;}

.alignRight span.selectbox_title{text-align:left !important;}

/* [[ Border Style ]] */
.lBorderNone, .lbNone{border-left:none !important;}
.rBorderNone, .rbNone{border-right:none !important;}

/* [[ Font + Link color ]] */
.bold, .bold a:link, .bold a:hover, .bold a:active, .bold a:visited,
.strong, .strong a:link, .strong a:visited, .strong a:hover, .strong a:active{font-weight:bold !important;}

.colBlack, .colBlack a:link, .colBlack a:hover, .colBlack a:active, .colBlack a:visited,
.black, .black a:link, .black a:hover, .black a:active, .black a:visited{color:#000 !important;}

.colGray, .colGray a:link, .colGray a:hover, .colGray a:active, .colGray a:visited,
.gray, .gray a:link, .gray a:hover, .gray a:active, .gray a:visited{color:#666 !important;}
.gray01, .gray01 a:link, .gray01 a:hover, .gray01 a:active, .gray01 a:visited{color:#575966 !important;}
.col444, .col444 a:link, .col444 a:hover, .col444 a:active, .col444 a:visited{color:#444 !important;}
.col888, .col888 a:link, .col888 a:hover, .col888 a:active, .col888 a:visited{color:#888 !important;}

.colRed, .colRed a:link, .colRed a:hover, .colRed a:active, .colRed a:visited,
.red, .red a:link, .red a:hover, .red a:active, .red a:visited{color:#ff0000 !important;}
.red01, .red01 a:link, .red01 a:hover, .red01 a:active, .red01 a:visited{color:#e42525 !important;}
.red02, .red02 a:link, .red02 a:hover, .red02 a:active, .red02 a:visited{color:#ba0000 !important;}

.colOra, .colOra a:link, .colOra a:hover, .colOra a:active, .colOra a:visited,
.orange, .orange a:link, .orange a:hover, .orange a:active, .orange a:visited{color:#ff6600 !important;}

.colBlue, .colBlue a:link, .colBlue a:hover, .colBlue a:active, .colBlue a:visited,
.blue, .blue a:link, .blue a:hover, .blue a:active, .blue a:visited{color:#0066bc !important;}

.colDarkblue, .colDarkblue a:link, .colDarkblue a:hover, .colDarkblue a:active, .colDarkblue a:visited,
.darkBlue, .darkBlue a:link, .darkBlue a:hover, .darkBlue a:active, .darkBlue a:visited{color:#003399 !important;}
.darkBlue01, .darkBlue01 a:link, .darkBlue01 a:hover, .darkBlue01 a:active, .darkBlue01 a:visited{color:#002b6c !important;}

.colPurple, .colPurple a:link, .colPurple a:hover, .colPurple a:active, .colPurple a:visited,
.purple, .purple a:link, .purple a:hover, .purple a:active, .purple a:visited{color:#8900b6 !important;}

.colGreen, .colGreen a:link, .colGreen a:hover, .colGreen a:active, .colGreen a:visited,
.green, .green a:link, .green a:hover, .green a:active, .green a:visited{color:#00761f !important;}

/* [[ Margin ]] */
.margin0{margin:0px !important;}
.mAuto{margin:0 auto !important;}
.tm0{margin-top:0px !important;}
.tm2{margin-top:2px !important;}
.tm3{margin-top:3px !important;}
.tm5{margin-top:5px !important;}
.tm10{margin-top:10px !important;}
.tm15{margin-top:15px !important;}
.tm25{margin-top:25px !important;}
.tm28{margin-top:28px !important;}
.tm35{margin-top:35px !important;}
.tm60{margin-top:60px !important;}

.bm0{margin-bottom:0px !important;}
.bm2{margin-bottom:2px !important;}
.bm3{margin-bottom:3px !important;}
.bm6{margin-bottom:6px !important;}
.bm10{margin-bottom:10px !important;}
.bm12{margin-bottom:12px !important;}
.bm15{margin-bottom:15px !important;}
.bm25{margin-bottom:25px !important;}
.bm35{margin-bottom:35px !important;}

.rm0{margin-right:0px !important;}
.rm3{margin-right:3px !important;}
.rm5{margin-right:5px !important;}
.rm10{margin-right:10px !important;}

.lm1{margin-left:1px !important;}
.lm3{margin-left:3px !important;}
.lm5{margin-left:5px !important;}
.lm10{margin-left:10px !important;}
.lm18{margin-left:18px !important;}
.lm24{margin-left:24px !important;}
.lm40{margin-left:40px !important;}
.lm42p{margin-left:42% !important;}

/* [[ Padding ]] */
.padding0{padding:0px !important;}
.tp4{padding-top:4px;}
.tp10, .tpad10{padding-top:10px;}
.bp20{padding-bottom:20px !important;}
.lp154, .lpad154{padding-left:154px;}
.lp180, .lpad180{padding-left:180px;}
.lrp5{padding-left:5px !important; padding-right:5px !important;}