/* ■■■ 단축키 */
.key { display: inline-block; border:0px solid #aaa; border-radius: 3px; padding:0px 4px; color:white; margin: 0px 2px; text-align:center;}
.key1 { background-color: #013162; }
.key2 { background-color: #5e5e5e; }

* {margin:0px;padding:0px;}

body { overflow-y:hidden;}
#D0 { display:flex; height:100%; background-color:#fff;}
#D0 > div { overflow-y:auto; }
#D1 { width:170px; }
#D2 { width:250px; }

#D1, #D2, #D3 {margin-left:0px; padding-left:0px; }

#D1 .contents {position:fixed; top:50px; overflow-y:auto; width:140px; height:100%; border-right:5px solid red;}
#D2 .contents {position:fixed; top:50px; overflow-y:auto; width:240px; height:100%; border-right:5px solid green;}
#D3 .contents {position:fixed; top:50px; overflow-y:auto; width:800px; height:100%; border-right:5px solid blue; z-index:1;overflow-x:scroll;}

#D1 li { letter-spacing :-1px }

/* ■■■ 검색창 */
#S1,#S2,#S3 {width:calc(100%-50px); font-size:20px; font-weight:bold; padding:4px 10px; border:3px solid darkgreen; margin-bottom:20px;}
#S1:focus, #S2:focus, #S3:focus { background-color: yellow; }
li {list-style:none; padding-left:0px; font-size:20px; height:30px;}
li:hover {cursor:hand; background-color:#ddd;}
.search { position:fixed; width:100%; height:50px; background-color:#ccc;}


.H1 {font-size:20px; font-weight:bold; background-color:black; color:white;margin:20px 0px 0px 0px; padding:3px 0px 3px 10px;}
.H2 {font-size:15px; font-weight:bold; padding:2px 0px 2px 10px;margin-left:10px; border-left:1px solid #ccc; color:red;}
.H1:first-of-type {margin-top:0px;}
.H1:hover {color:yellow;}
.H2:hover {background-color:#ddd;}

/* ■■■ 링크버튼 */
/* .key { display: inline-block; border:0px solid #aaa; border-radius: 3px; padding:0px 4px; color:white; margin: 0px 2px; text-align:center;} */

a {display:inline-block; border:0px solid #777; background-color:#c1b2ff; border-radius:3px; margin:0px 10px 0px 0px; padding:0px 5px; font-size:15px;}
a:link, a:visited, a:hover, a:active, a:focus {text-decoration:none; color:black;} 

/* ■■■ 텍스트 본문 디자인 */
.소제목 { background-color: #ffe7e7; height:16px; padding:0px;margin:0px; font-size:15px; font-weight:bold;}

/* ■■■ D2 */
#doc_title {background-color:navy; color:yellow; font-size:35px; font-weight:bold; padding:5px 0px 5px 0px;margin-bottom:10px; text-align:center; border-radius:100px;}
#D1,#D2 { user-select: none; }
#D1 contents, #D2 contents { padding:0px; margin:0px;}
#D1 li { cursor:hand; padding-left:10px;}
#D2 li { cursor:hand; padding-left:10px; height:30px; overflow:hidden; border:0px solid red;}

#D2 {padding-left:2px; margin-left:0px;}
#D2 .h1 {color:red;   font-weight:bold;   font-size:15px; background-color:white; }
#D2 .h2 {color:white; font-weight:bold;   font-size:19px; background-color:#111;  height:30px; margin-top:10px;}
#D2 .h3 {color:black; font-weight:bold;   font-size:15px; background-color:#888;  }
#D2 .h4 {color:black; font-weight:bold;   font-size:14px; background-color:#aaa;  }
#D2 .h5 {color:black; font-weight:normal; font-size:14px; background-color:#ccc;  }
#D2 .h6 {color:black; font-weight:normal; font-size:14px; background-color:white; }

#D2 .h3 span:first-of-type { padding-right:3px; margin-right:5px; border-right:5px solid #555; }
#D2 .h4 span:first-of-type { padding-right:3px; margin-right:5px; border-right:5px solid #888; }
#D2 .h5 span:first-of-type { padding-right:3px; margin-right:5px; border-right:5px solid #aaa; }
#D2 .h6 span:first-of-type { padding-right:3px; margin-right:5px; border-right:5px solid #ccc; }

#D2 .h3 span:first-of-type {pading-left:3px; color:white; }
#D2 .h4 span:first-of-type {pading-left:3px; color:#888;  }
#D2 .h5 span:first-of-type {pading-left:3px; color:#888;  }
#D2 .h6 span:first-of-type {pading-left:3px; color:#aaa;  }


/* ■■■ main */
.h0 {color:white;   font-size:50px; background-color:navy; padding:8px 0px 8px 10px;}
h1  {color:red;   font-size:22px; background-color:#777; padding:8px 0px 8px 10px; margin-left:0px;}
h2  {color:blue;  font-size:20px; background-color:#aaa; padding:6px 0px 6px 20px; margin-left:00px;}
h3  {color:green; font-size:18px; background-color:#ccc; padding:4px 0px 4px 20px; margin-left:20px;}
h4  {color:black; font-size:16px; background-color:#ddd; padding:3px 0px 3px 20px; margin-left:30px;}
h5  {color:black; font-size:14px; background-color:#eee; padding:2px 0px 3px 20px; margin-left:40px;}
h6  {color:black; font-size:10px; background-color:#fff; padding:1px 0px 3px 20px; margin-left:50px;}

#D3 h2 span:nth-of-type(2) { margin-left:0px;}
#D3 h3 span:nth-of-type(2) { margin-left:0px;}
#D3 h4 span:nth-of-type(2) { margin-left:0px;}
#D3 h5 span:nth-of-type(2) { margin-left:0px;}
#D3 h6 span:nth-of-type(2) { margin-left:0px;}

h2 span:first-of-type { background-color:#aaa;}
h3 span:first-of-type { background-color:#aaa;}
h4 span:first-of-type { background-color:#bbb; color:#555;}
h5 span:first-of-type { background-color:#ccc; color:#555;}
h6 span:first-of-type { background-color:#eee; color:#555;}

/* ■■■■■■■ Code 창 */
.코드테이블 { width:100%; overflow-x:auto;}
tabel {width:100%;}
table {border:1px solid #aaa; margin:10px 0px 10px 20px; font-family:돋움체;}
td {vertical-align:top;}
tr td:nth-child(1) { text-align:right; color:blue;}
tr td:nth-child(2) { width:100%;}

tr td:nth-child(1) div { width:40px; border-right:3px solid #6ce26c; padding-right:10px;}
tr td:nth-child(2) div { padding-left:15px; white-space:nowrap;}

tr td:nth-child(1) div,tr td:nth-child(2) div { padding-top:2px; padding-bottom:2px;}

.■ { color:white; 	background-color:black; }
.● { color:red; }
.▲ { color:magenta; }
.세미콜론 { color:green; }
.주석샵 { color:green;}
.VBA주석 { color:green; }

.코드a { color:blue !important; text-decoration:underline !important; background-color:white !important; border:none; padding:0px; margin:0px; !important;}

/* ■■■ 보기버튼 */
#보기버튼 { bottom:1vw; right:1vw; text-align:right; width:17vh; height:7vh; display:inline-block; position:fixed; z-index:999;}
#보기버튼 li { cursor:pointer; display:inline-block; width:5vh; height:5vh; padding:0px 0px 40px 0px;background-color:yellow; border-radius:30%; font-size:7vh; text-align:center; z-index:9999;}
li { cursor:pointer;}

#기타링크 { display:inline-block; position:fixed; bottom:10px; left:0px; text-align:left; background-color:white;z-index:999;}