99 lines
4.0 KiB
CSS
99 lines
4.0 KiB
CSS
@charset "utf-8";
|
|
|
|
/* reset */
|
|
html {overflow-y:scroll;}
|
|
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select,figure,figcaption {margin:0;padding:0}
|
|
body,input,textarea,select,button,table {font-family:'Noto Sans KR','Apple Gothic','Open Sans',sans-serif;font-size:15px;line-height:1.7em;letter-spacing:-0.03em;color:#555;word-break:keep-all;-webkit-text-size-adjust:none;}
|
|
img {border:0;vertical-align:top;max-width:100%;}
|
|
ul,ol {list-style:none}
|
|
fieldset {border:none}
|
|
fieldset legend {position:absolute;visibility:hidden;overflow:hidden;width:0;height:0;margin:0;padding:0;font:0/0 Arial;}
|
|
button {cursor:pointer}
|
|
header,hgroup,article,nav,footer,figure,figcaption,canvas,section,time {display:block}
|
|
hr {clear:both;display:none;}
|
|
li img, dd img {vertical-align:top;}
|
|
*html body img {margin:none; padding:none;} /*for IE 6*/
|
|
* {max-height:1000000px;}
|
|
|
|
a {
|
|
color:inherit;
|
|
text-decoration:none;
|
|
-webkit-transition:all 0.2s ease-in-out;
|
|
-moz-transition:all 0.2s ease-in-out;
|
|
-ms-transition:all 0.2s ease-in-out;
|
|
-o-transition:all 0.2s ease-in-out;
|
|
transition:all 0.2s ease-in-out;
|
|
}
|
|
a:hover,
|
|
a:active {
|
|
text-decoration:underline;
|
|
-webkit-transition:all 0.2s ease-in-out;
|
|
-moz-transition:all 0.2s ease-in-out;
|
|
-ms-transition:all 0.2s ease-in-out;
|
|
-o-transition:all 0.2s ease-in-out;
|
|
transition:all 0.2s ease-in-out;
|
|
}
|
|
|
|
::-webkit-input-placeholder {color:#999;}
|
|
:-moz-placeholder {color:#999;}
|
|
::-moz-placeholder {color:#999;}
|
|
:-ms-input-placeholder {color:#999;}
|
|
:placeholder-shown {color:#999;}
|
|
|
|
table caption {visibility:hidden; overflow:hidden; width:0; height:0; margin:0; padding:0; font:0/0 Arial;}
|
|
input[type="radio"], input[type="checkbox"] {vertical-align:middle !important; margin:-2px 3px 0 0 !important; background:transparent;}
|
|
input,select {vertical-align:middle; background:#fff;}
|
|
input,textarea,button {-webkit-appearance:none;-webkit-border-radius:0}
|
|
input[type='checkbox'] {-webkit-appearance:checkbox}
|
|
input[type='radio'] {-webkit-appearance:radio}
|
|
|
|
|
|
/* user class */
|
|
h1,h2,h3,h4,h5,h6,strong,th,.bold {font-weight:700;}
|
|
.semibold {font-weight:500;}
|
|
.clear {clear:both;}
|
|
.clearfix {*zoom:1;}
|
|
.clearfix:after {content:" "; display:block; clear:both;}
|
|
.hide {position:absolute;visibility:hidden;overflow:hidden;width:0;height:0;margin:0;padding:0;font:0/0 Arial;}
|
|
.pointer {cursor:pointer;}
|
|
.input {height:35px; padding:5px 9px; font-size:15px; line-height:23px; border:1px solid #ddd; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
|
|
.textarea {padding:5px 9px; font-size:15px; line-height:24px; border:1px solid #ddd; overflow:auto; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
|
|
.select {height:35px; padding:5px 9px; font-size:15px; line-height:23px; border:1px solid #ddd; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
|
|
input[type=file].input {border:0;padding:0;}
|
|
|
|
.mgb2 {margin-bottom:2px !important;}
|
|
.mgb3 {margin-bottom:3px !important;}
|
|
.mgb4 {margin-bottom:4px !important;}
|
|
.mgb5 {margin-bottom:5px !important;}
|
|
.mgb6 {margin-bottom:6px !important;}
|
|
.mgb7 {margin-bottom:7px !important;}
|
|
.mgb8 {margin-bottom:8px !important;}
|
|
.mgb9 {margin-bottom:9px !important;}
|
|
.mgb10 {margin-bottom:10px !important;}
|
|
.mgb15 {margin-bottom:15px !important;}
|
|
.mgb20 {margin-bottom:20px !important;}
|
|
.mgb25 {margin-bottom:25px !important;}
|
|
.mgb30 {margin-bottom:30px !important;}
|
|
.mgb35 {margin-bottom:35px !important;}
|
|
.mgb40 {margin-bottom:40px !important;}
|
|
.mgb45 {margin-bottom:45px !important;}
|
|
.mgb50 {margin-bottom:50px !important;}
|
|
.mgb55 {margin-bottom:55px !important;}
|
|
.mgb60 {margin-bottom:60px !important;}
|
|
.mgb70 {margin-bottom:70px !important;}
|
|
.mgb80 {margin-bottom:80px !important;}
|
|
|
|
.fl {float:left;}
|
|
.fr {float:right;}
|
|
|
|
.space-left {text-align:left !important;}
|
|
.space-center {text-align:center !important;}
|
|
.space-right {text-align:right !important;}
|
|
|
|
.inline-block {display:inline-block;}
|
|
|
|
.text-gray {color:#8b8b8b;}
|
|
.text-dark {color:#383838;}
|
|
.text-point {color:#456fc1;}
|
|
|
|
.ng {font-family:'Nanum Gothic';} |