*{margin:0; padding:0;}

html,body {width:100%; height:100%; margin:0px; padding:0px; }

/* 대체 Noto Sans Korean */
body{font-size:15px; font-family:'NanumSquare-R','roboto',sans-serif; line-height:1.6em; color:#222; letter-spacing:-0.02em}
body,div,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,p,form,fieldset,input,table,tr,th,td{margin:0; padding:0}
ul,ol,li{list-style:none; }
img, fieldset{border:none; vertical-align:top}
textarea, button{vertical-align:middle}
th {font-weight:normal !important;}
input, select{padding:6px; border:1px solid #dfdfdf; background:#fff; height:40px;  line-height:38px; color:#444}
textarea{padding:6px; border:1px solid #dfdfdf; background:#fff; vertical-align:middle;}
option {padding:2px;}

/*table{border-collapse:collapse}*/
table{border-collapse:separate; border-spacing:0;}

a{color: inherit; text-decoration:none}
a:hover,a:focus{color: inherit; text-decoration:none;}
a:active{color: inherit; text-decoration:none}

/** 공통 **/
strong {font-weight:bold;}
.capital {text-transform:uppercase}

.letter0em {letter-spacing:0}
.letter02em {letter-spacing:0.02em}
.letter04em {letter-spacing:0.04em}
.blue {color:#013ca6}
.point {color:#fc7e18}
.bold {font-weight:700 !important}
.colorfff {color:#FFF !important}

.fontsize14 {font-size:14px !important}
.fontsize15 {font-size:15px !important}
.fontsize16 {font-size:16px !important}
.fontsize20 {font-size:20px !important}
.fontsize22 {font-size:22px !important}
.fontsize24 {font-size:24px !important}
.fontsize26 {font-size:26px !important}
.fontsize28 {font-size:28px !important}
.fontsize30 {font-size:30px !important}

.text_shadow {text-shadow: 0px 0px 3px rgba(0,0,0,0.2) !important;}
.text_shadow_2p {text-shadow: 0px 0px 4px rgba(0,0,0,0.2) !important;}
.text_shadow_4p {text-shadow: 0px 0px 4px rgba(0,0,0,0.4) !important;}
.text_shadow_6p {text-shadow: 0px 0px 4px rgba(0,0,0,0.6) !important;}
.text_shadow_8p {text-shadow: 0px 0px 4px rgba(0,0,0,0.8) !important;}
.text_shadow_10p {text-shadow: 0px 0px 4px rgba(0,0,0,1.0) !important;}

.mt0 {margin-top:0px !important;}
.mt5 {margin-top:5px !important}
.mt10 {margin-top:10px !important}
.mt20 {margin-top:20px !important}
.mt30 {margin-top:30px !important}
.mt40 {margin-top:40px}
.mt50 {margin-top:50px}
.mt60 {margin-top:60px}
.mt70 {margin-top:70px}
.mt80 {margin-top:80px}
.mt90 {margin-top:90px}
.mt100 {margin-top:100px}

.mb0 {margin-bottom:0px !important}
.mb5 {margin-bottom:5px !important}
.mb8 {margin-bottom:8px !important}
.mb10 {margin-bottom:10px !important}
.mb20 {margin-bottom:20px !important}
.mb30 {margin-bottom:30px !important}
.mb40 {margin-bottom:40px}
.mb50 {margin-bottom:50px !important}
.mb60 {margin-bottom:60px}
.mb70 {margin-bottom:70px}
.mb80 {margin-bottom:80px !important}
.mb90 {margin-bottom:90px}
.mb100 {margin-bottom:100px}
.mb110 {margin-bottom:110px}
.mb120 {margin-bottom:120px}
.mb130 {margin-bottom:130px}
.mb140 {margin-bottom:140px}
.mb150 {margin-bottom:150px}

.pt10 {padding-top:10px}
.pt20 {padding-top:20px}
.pt30 {padding-top:30px}
.pt40 {padding-top:40px}
.pt50 {padding-top:50px}
.pt60 {padding-top:60px}
.pt70 {padding-top:70px}
.pt80 {padding-top:80px}
.pt90 {padding-top:90px}
.pt100 {padding-top:100px}

.pb10 {padding-bottom:10px}
.pb20 {padding-bottom:20px}
.pb30 {padding-bottom:30px}
.pb40 {padding-bottom:40px}
.pb50 {padding-bottom:50px}
.pb60 {padding-bottom:60px}
.pb70 {padding-bottom:70px}
.pb80 {padding-bottom:80px}
.pb90 {padding-bottom:90px}
.pb100 {padding-bottom:100px}

.floatleft {float:left}
.floatright {float:right !important}
.floatnone {float:none !important}
.clearboth {clear:both}

.font18 {font-size:18px}
.font30 {font-size:30px}

.textleft {text-align:left !important}
.textright {text-align:right !important}
.textcenter {text-align:center !important}

.displayblock {display:block}

.a_name { display:inline-block; position:absolute; top:-50%; background:red; width:10px; left:0}

/** 스크롤바 **/
::-webkit-scrollbar {width: 12px; height: 12px;  }
::-webkit-scrollbar-button:start:decrement, 
::-webkit-scrollbar-button:end:increment {display: block; width: 12px;height: 12px; background: rgba(0,0,0,.05); }
::-webkit-scrollbar-track { background: rgba(0,0,0,.05); }
::-webkit-scrollbar-thumb { background: rgba(0,0,0,.1); }

html { 
		scrollbar-arrow-color: #efefef;
        scrollbar-Track-Color: #efefef; 
        scrollbar-base-color: #dfdfdf;
        scrollbar-Face-Color: #dfdfdf;
        scrollbar-3dLight-Color: #dfdfdf;         
        scrollbar-DarkShadow-Color: #dfdfdf;
        scrollbar-Highlight-Color: #dfdfdf;
        scrollbar-Shadow-Color: #dfdfdf;
}