95 lines
3.6 KiB
CSS
95 lines
3.6 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', helvetica,sans-serif;font-size:16px;letter-spacing:-0.2px;line-height:1.7em;color:#505050;word-break:keep-all; -webkit-text-size-adjust:none;}
|
|
img{border:0}
|
|
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:#5d5d5d;
|
|
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{
|
|
color:#000;
|
|
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;
|
|
}
|
|
|
|
::-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;}
|
|
|
|
|
|
/* user class */
|
|
h1,h2,h3,h4,h5,h6,strong,th,.bold{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:0 0 0 10px; font-size:15px; line-height:33px; border:1px solid #ddd; box-sizing:border-box;}
|
|
.textarea {padding:10px; font-size:15px; line-height:33px; border:1px solid #ddd; resize:none; overflow:auto; box-sizing:border-box;}
|
|
.select {height:35px; padding:0 0 0 10px; font-size:15px; border:1px solid #ddd; box-sizing:border-box;}
|
|
|
|
.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;}
|
|
.mgb60 {margin-bottom:60px !important;}
|
|
.mgb70 {margin-bottom:70px !important;}
|
|
.mgb75 {margin-bottom:75px !important;}
|
|
.mgb90 {margin-bottom:90px !important;}
|
|
|
|
.fl {float:left;}
|
|
.fr {float:right;}
|
|
|
|
.space-center {text-align:center !important;}
|
|
.space-right {text-align:right !important;}
|
|
.space-left {text-align:left !important;}
|
|
|
|
.text-blue {color:#284685}
|
|
.text-red {color:#b4260b}
|
|
.text-gray {color:#999}
|
|
.text-black {color:#000}
|
|
|
|
|
|
.line-through {text-decoration:line-through;} |