@charset "utf-8";
* { 
    margin:0; 
    padding:0;
} 

html {
    font-family: AppleGothic, '맑은 고딕', 'sans-serif';
    font-size: 12px;
    color: #444;
}

body {
    width: 100%;
    -moz-tab-size: 4;
    tab-size: 4;
}

header {
    border-bottom: 1px solid #ccc;
    padding: 1.5rem 1rem 1.5rem 1rem;
}

footer {
    border-top: 1px solid #ccc; 
    padding: 1.5rem 1rem 1rem 1rem;
}

section:last-child {
    margin-bottom: 1.5rem;
}

section {
    margin-top: 1.5rem;
}

h1 {
    font-family: 'sans-serif';
    font-size: 2.0rem;
    font-weight: normal;
}

h2 {
    font-family: 'sans-serif';
    font-size: 1.5rem;
    font-weight: normal;
    margin-bottom: 0.5rem;
}

h3 {
    font-family: 'sans-serif';
    font-size: 1.2rem;
    font-weight: normal;
    margin-bottom: 0.5rem;
}

p { line-height: 1.7em; margin-top: 0.5em; margin-bottom: 0.5em; }

ul + pre { margin-top: 1.0em; }
ul li { margin-left: 1.5em; }
ul.sample-list li p > span { margin-right: 1.5em; }

pre.prettyprint { 
    padding:12px 12px 12px 12px; 
    border-radius:8px 8px; 
    word-wrap: break-word;
    white-space: pre-wrap;
    margin-bottom:12px;
}

table.example { width: 100%; border-collapse: collapse; }
table.example tr th, 
table.example tr td { border: 1px solid #999; padding: 0.4em 0.5em; }
table.result { border-collapse: collapse; }
table.result tr th, 
table.result tr td { border: 1px solid black; padding: 0.4em 0.5em; }

table + table { margin-top: 1em; }
div + table { margin-top: 1em; }

input[type=text] { font-size: 1rem; height:1.7rem; }
input[type=button] { font-size: 1rem; height:1.7rem; }
input[type=submit] { font-size: 1rem; height:1.7rem; }
button { font-size: 1rem; height:1.7rem; }
select { font-size: 1rem; height:1.7rem; }


img { border:0; vertical-align: middle; }

.main {
    margin-left: 1rem;
    margin-right: 1rem;
}

/*.list-sub-1 li { background:url(../images/icon_s.gif) no-repeat 7px 8px; padding-left: 1.5em; }*/

.list-sub-1 {
    list-style-type: none;
    list-style-image: url(../images/icon_ss.gif);
    list-style-position: outside;
    margin-left: 2em;
}

.list-sub-2 {
    list-style-type: disc;
    list-style-image: none;
    list-style-position: outside;
    margin-left: 2em;
}

.bold { font-weight: bold; }
.f_red { color: red; }
.notice { color: red; font-weight: bold; }




.btns { text-align:right; margin-top:20px; }
a.btn_sgray { color:#333; padding:4px 15px 6px 15px; background:#ccc; border:1px solid #b7b7b7; text-decoration:none; border-radius:2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; }
a.btn_sgray:hover { background-color:#666; color:#fff; }
.codebg { background:#f2f2f2; padding:20px;}
.space10 {
    height: 10px;
}

.space15 {
    height: 15px;
}

.space20 {
    height: 20px;
}
.space30 {
    height: 30px;
}

.space40 {
    height: 40px;
}