/* reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, 
small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup,  menu, nav, output, ruby, section, summary, time, mark, audio, video, a, textarea, input, select
 {vertical-align:middle; margin: 0; padding: 0; border: 0; color:#111; font-size:14px; line-height:160%; font-family:'Malgun Gothic', Dotum , '맑은 고딕', '돋움';  text-decoration:none; }
html, body { height: 100%;}
strong,button {margin:0; padding:0; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
ol, ul {list-style: none;}
table {border-spacing:0; padding:0; }
a {text-decoration:none;}
blockquote, q {quotes: none;}
html,body {width:100%; height:100%;}
.hidden {display:none;}
hr { display:none; height:0px; width:0px;}

.blind { display:none; }
.clear { clear:both;}
.poR { position:relative;}
.poA { position:absolute;}
.tl { text-align:left}
.tr { text-align:right}
.tc { text-align:center;}
.tline { text-decoration:underline}
.fb { font-weight:bold;}
.fl { float:left;}
.fr { float:right}

/*margin : 5~35*/
.mt5{margin-top:5px} .mt10{margin-top:10px} .mt15 { margin-top:15px} .mt20 { margin-top:20px} .mt25 { margin-top:25px} .mt30{margin-top:30px} .mt35{margin-top:35px} .mt40{margin-top:40px} .mt60{margin-top:60px}
.mb5{margin-bottom:5px} .mb10{margin-bottom:10px} .mb15 { margin-bottom:15px} .mb20 { margin-bottom:20px} .mb25 { margin-bottom:25px} .mb30 { margin-bottom:30px} .mb35{margin-bottom:35px} .mb40{margin-bottom:40px}
.ml1{margin-left:1px} .ml5{margin-left:5px} .ml10{margin-left:10px} .ml12{margin-left:12px} .ml15{margin-left:15px} .ml20{margin-left:20px} .ml25{margin-left:25px} .ml30{margin-left:30px} .ml35{margin-left:35px} .ml40{margin-left:40px}
.mr5{margin-right:5px} .mr10{margin-right:10px} .mr15{margin-right:15px} .mr20{margin-right:20px} .mr25{margin-right:25px} .mr30{margin-right:30px} .mr35{margin-right:35px} .mr40{margin-right:40px}

/*padding : 5~35*/
.pt5{padding-top:5px} .pt10{padding-top:10px} .pt15 { padding-top:15px} .pt20 { padding-top:20px} .pt25 { padding-top:25px} .pt30{padding-top:30px} .pt35{padding-top:35px} .pt40{padding-top:40px} 
.pb5{padding-bottom:5px} .pb10{padding-bottom:10px} .pb15 { padding-bottom:15px} .pb20 { padding-bottom:20px} .pb25 { padding-bottom:25px} .pb30 { padding-bottom:30px} .pb35{padding-bottom:35px} .pb40{padding-bottom:40px}
.pl5{padding-left:5px} .pl10{padding-left:10px} .pl15{padding-left:15px} .pl20{padding-left:20px} .pl25{padding-left:25px} .pl30{padding-left:30px} .pl35{padding-left:35px} .pl40{padding-left:40px}
.pr5{padding-right:5px} .pr10{padding-right:10px} .pr15{padding-right:15px} .pr20{padding-right:20px} .pr25{padding-right:25px} .pr30{padding-right:30px} .pr35{padding-right:35px} .pr40{padding-right:40px}

/*font style*/
.fRed01 { color:#e82850;}
.fRed02 { color:#ed775b;}
.fOrange01 { color:#de8351;}
.fBlue01 { color:#2479d8;}
.fGB01 { color:#19aaa2;}
.fGray01 { color:#b8b8b8;}
.fGray02 { color:#666;}
.fblack01 { color:#111;}
.fPurple01 { color:#b049ff;}
.fGreen01 { color:#169b16;}
.pBlue { color:#5656d1; }

.font11 { font-size:11px}
.font12 { font-size:12px}
.font14 { font-size:14px}
.font16 { font-size:16px}
.font18 { font-size:18px}
.font20 { font-size:20px}

.lh20 { line-height:20px;}
.lh30 { line-height:30px;}
.lh40 { line-height:40px;}

/*input*/
input,select,button{vertical-align:middle}
input[type=text],input[type=password]{height:28px; padding:0 2px;border:1px solid #d2d2d2; font-weight:bold; font-size:14px;color:#222;vertical-align:middle;-webkit-border-radius:1px;-webkit-appearance:none}

/* input[type=text].readonly{border-top:1px solid #bfc6cc;border-left:1px solid #bfc6cc;border-right:1px solid #d8dee3;border-bottom:1px solid #d8dee3;background:#f1f3f4} */
input[type=text]:focus,input[type=password]:focus,select:focus,textarea:focus{border:1px solid #eccdbd;background:#fffbe8}
input[type=file]{height:30px;border:1px solid #d2d2d2;background:#fff}
input[type=radio]{*width:13px;*height:13px}
select{height:30px; border:1px solid #d2d2d2;font-size:14px;color:#222;vertical-align:middle; padding-left:5px;}
textarea{width:98.2%;padding:5px;border:1px solid #d2d2d2;font-size:13px;color:#222}
table{border-collapse:collapse;border-spacing:0}
hr{display:none}

input.delBtn {width:22px; height:18px; color:Transparent;  background:url(/Images/sub/btn_Del.gif) no-repeat top left; border:none; cursor:pointer; }
input.delBtn2 {width:25px; height:24px; color:Transparent;  background:url(/Images/sub/btn_Del2.gif) no-repeat top left; border:none; cursor:pointer; }
input.addBtn {width:25px; height:24px; color:Transparent; background:url(/Images/sub/btn_Add.gif) no-repeat top left; border:none; cursor:pointer; }
input.downBtn{width:155px; height:35px; background:url(/Images/sub/btn_down.gif) no-repeat top left; border:none; cursor:pointer; padding-left:20px; font-size:15px; font-weight:bold; color:#3327ca; letter-spacing:-1px; }
input.printBtn{width:155px; height:35px; background:url(/Images/sub/btn_print.gif) no-repeat top left; border:none; cursor:pointer; padding-left:20px; font-size:15px; font-weight:bold; color:#3327ca; letter-spacing:-1px; }
input.mobileBtn{width:205px; height:35px; background:url(/Images/sub/btn_mobile.gif) no-repeat top left; border:none; cursor:pointer; padding-left:20px; font-size:15px; font-weight:bold; color:#ff1764; letter-spacing:-1px; }
input.loginBtn { width:115px; height:80px; background:url(/Images/Sub/btn_login.gif) no-repeat top left; border:none; cursor:pointer; color:#fff; font-size:18px; text-align:center; font-weight:bold;}
.FileBtn {position: relative; overflow:hidden; display:inline-block; width:150px; height:30px; background:url(/Images/sub/btn_file.gif) no-repeat top left;} /*input type이 아닌 span으로 처리됨*/
.FileBtn em { display:inline-block; padding:6px 0 0 33px; font-size:12px; font-weight:bold; font-style:normal;  color:#534ca8; text-align:left; cursor:pointer;}
.FileBtn input {position:absolute; top:0px; left:0px; z-index:100; opacity:0; filter:alpha(opacity=0); cursor:pointer;}
input.mgrayBtn2 { width:50px; height:31px; background:url(/Images/Sub/btn_grayStyle01_2.gif) no-repeat top left; border:none; cursor:pointer; color:#404040; text-align:center;  font-weight:bold; color:#534ca8 }
input.mgrayBtn3 { width:82px; height:31px; background:url(/Images/Sub/btn_grayStyle01_3.gif) no-repeat top left; border:none; cursor:pointer; color:#404040; text-align:center; font-weight:bold; color:#534ca8}
input.mgrayBtn6 { width:100px; height:30px; background:url(/Images/Sub/btn_grayStyle01_6.gif) no-repeat top left; border:none; cursor:pointer; color:#404040; text-align:center; font-weight:bold; color:#534ca8; font-size:12px;}
input.mgrayBtn10 { width:150px; height:30px; background:url(/Images/Sub/btn_grayStyle01_10.gif) no-repeat top left; border:none; cursor:pointer; color:#404040; text-align:center; font-weight:bold; color:#534ca8; font-size:12px;}
input.mgrayBtn7_1 { width:155px; height:35px; background:url(/Images/Sub/btn_grayStyle02_7.gif) no-repeat top left; border:none; cursor:pointer; color:#404040; text-align:center; font-weight:bold; color:#3327ca}
input.lgrayBtn6 { width:335px; height:55px; background:url(/Images/Sub/btn_grayStyle02_6.gif) no-repeat top left; border:none; cursor:pointer; color:#404040; text-align:center; font-weight:bold; color:#534ca8; font-size:18px;}
input.sponserBtn {width:264px; height:44px;background:url(/Images/Sub/btn_sponser.gif) no-repeat center center;padding-bottom:5px;margin-left:158px;margin-bottom:20px; text-align:center;font-size:20px; font-weight:bold; color:#fff; border:none; cursor:pointer; }
input.lcolorBtn { background:#009933; border:1px solid #007427; padding:15px 30px; font-size:20px; font-weight:bold; color:#fff; cursor:pointer; }
input.grayBtn { background:#7F7F7F; border:1px solid #5C5C5C; padding:15px 30px; font-size:20px; font-weight:bold; color:#fff; cursor:pointer; }

input.passdocu {width:238px; height:120px; background:url(/Images/Sub/btn_passdocu.gif) no-repeat center center;  font-size:0px; font-weight:bold; color:#fff; cursor:pointer; }
input.passfinal{width:238px; height:120px; background:url(/Images/Sub/btn_passfinal.gif) no-repeat center center; font-size:0px; font-weight:bold; color:#fff; cursor:pointer; }



.clearb {*zoom:1;}
.clearb:after {content:" "; display:block; clear:both;}