@charset "utf-8";
@import url(portal_common.css);
@import url(main.css);
@import url(layout.css);
@import url(style.css);
@import url(form.css);


html {width: 100%; height: 100%; font-size:12px; font-family:'맑은고딕',Malgun Gothic,Tahoma; color:#333;}
body {width: 100%; height: 100%; font-size:12px; letter-spacing : 0.01em; scrollbar-face-color: #fff; scrollbar-shadow-color: #ccc; scrollbar-highlight-color: #ccc; scrollbar-3dlight-color: #fff; scrollbar-darkshadow-color: #fff; scrollbar-track-color: #ebebeb; scrollbar-arrow-color: #B8B8B8; overflow:auto}


html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,big,cite,code,del,dfn,em,font,img,ins,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend{margin:0;padding:0;border:none 0}
table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0; font-size:12px;}
h1,h2,h3,h4,h5,h6 {text-align:left}
img,fieldset,iframe, *img , a img {border:0 none !important}
a, img, input, select, option {outline:none; select-dummy: expression(this.hideFocus=true);}
table /*,div*/{border-collapse:collapse; font-size:12px;}
table.fixTable{ table-layout:fixed}
textarea{overflow:auto;resize:none}
select,input,img,li{text-align:left;vertical-align:middle}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal}
ul,li,ol{list-style-type:none}
legend,caption{display:none}
caption{visibility:hidden;text-align:left}
hr{display:none;border-collapse:collapse}
p.cont{line-height:17px}
a, button, input {selector-dummy:expression(this.hideFocus=true) }
*:focus { outline:none; }
form {padding:0; margin:0;}



em {display:inline-block; vertical-align:middle; margin:0 -1px 0 0 }

a{outline:none; color:#006eea;}
a:hover {color:#00b0ff;text-decoration:none;}
a:link,a:visited,a:active {text-decoration:none;}
a:hover{text-decoration:none;cursor:pointer}
a.none:hover { text-decoration:none; }



.inBlock { display:inline-block !important;}
.disTable {display:table !important;}
.disTbcell {display:table-cell !important;}
.disTable li {display:table-cell !important;}
.posiR {position:relative;}
.posiA {position:absolute;}
.bgWhite {background-color:#fff !important;}
.over_hid {overflow:hidden !important;}
.nowrap {white-space:nowrap;}
.noborder { border-top:none !important;}
.inlineF {display:inline-flex !important;}
.non_brT {border-top:none 0 !important;}
.inline_widget {display:inline-block !important; vertical-align:middle !important;} /*widget*/
.hScroll {height:100%; overflow-y:auto; overflow-x:hidden;}
.no_borderT {border-top:0 none !important;}


/*width, height size*/
.hgFull {height:100% !important;}
.wdFull {width:100% !important;}
.wd70 {width:70% !important;}
.wdAuto {width:auto !important;}
.wdPer {width:48% !important;}
.wdSize50 {width:50px !important; min-width:50px !important;}
.wdSize80 {width:80px !important; min-width:80px !important}
.wdSize90 {width:90px !important; min-width:90px !important}
.wdSize100 {width:100px !important; min-width:100px !important}
.wdSize120 {width:120px !important; min-width:120px !important}
.wdSize150 {width:150px !important;}
.wdSize200 {width:200px !important;}
.wdSize300 {width:300px !important;}
.wdSize400 {width:400px !important;}
span.wdSize50, span.wdSize80, span.wdSize100, span.wdSize120, span.wdSize150, span.wdSize200 , span.wdSize300 , span.wdSize400 {display:inline-block;}


/*font color*/
.font_blue, .font_blue a {color:#3f75e0 !important;}
.font_red, .font_red a {color:#ff2a00 !important;}
.font_green, .font_green a {color:#00a600 !important;}


/*정렬*/
.tL {text-align:left !important;}
.tC {text-align:center !important;}
.tR {text-align:right !important;}

/*font*/
.bold {font-weight:bold !important;}
.font_blue, .font_blue a {color:#3f75e0 !important;}
.font_red, .font_red a {color:#ff2a00 !important;}
.font_gray {color:#666 !important;}
.font8 {font-size:11px !important;}
.font14 {font-size:14px !important;}
.font_Progress { color:#004eff !important;}
.font_lineMd {text-decoration:line-through;}


/*정렬*/
.tL {text-align:left !important;}
.tC {text-align:center !important;}
.tR {text-align:right !important;}
.fL {float:left !important;}
.fR {float:right !important;}
.vT { vertical-align:top !important}
.vM { vertical-align:middle !important}
.vB { vertical-align:bottom !important}


/*여백*/
.pdNone {padding:0 !important;}
.pd5 {padding:5px !important;}
.pd10 {padding:10px !important;}

.pLR5 {padding:0 5px !important;}
.pLR10 {padding:0 10px !important;}

.pL5 {padding-left:5px !important;}
.pL10 {padding-left:10px !important;}
.pL20 {padding-left:20px !important;}
.pL30 {padding-left:30px !important;}
.pL100 {padding-left:100px !important;}

.pR5 {padding-right:5px !important;}
.pR10 {padding-right:10px !important;}

.pT5 {padding-top:5px !important;}
.pT10 {padding-top:10px !important;}
.pT20 {padding-top:20px !important;}
.pT25 {padding-top:25px !important;}

.pB5 {padding-bottom:5px !important;}

.mT_none {margin-top:0 !important;}
.mT5 {margin-top:5px !important;}
.mT10 {margin-top:10px !important;}
.mT20 {margin-top:20px !important;}
.mT30 {margin-top:30px !important;}

.mT5_mis {margin-top:-5px !important;}
.mT10_mis {margin-top:-10px !important;}
.mT30_mis, .grid_position {margin-top:-23px !important;}

.mR5 {margin-right:5px;}
.mR10 {margin-right:10px;}

.mB_zero {margin-bottom:0 !important;}
.mB5 {margin-bottom:5px;}
.mB10 {margin-bottom:10px;}

.mL5 {margin-left:5px !important;}
.mL10 {margin-left:10px;}
.mL20 {margin-left:20px;}
.mL30 {margin-left:30px;}

/*border*/
.no_brL { border-left:none 0 !important;}
.no_brR { border-right:none 0 !important;}