@charset "utf-8";
 
 body {
     position: static;
     color: __text__;
     overflow-x: hidden;
     
	 -webkit-text-size-adjust:none;
     font-size: __font_size__;
 }
 
 body,
 h1,
 h2,
 h3,
 h4,
 h5 {
    clear: left;
    font-family: /*'Roboto',*/'Noto Sans KR',"나눔고딕","Nanum Gothic","맑은 고딕",   'Malgun Gothic', arial!important;   
 }
 
 blockquote {
 border-left: 5px solid #e6c700!important;
    background: -webkit-gradient(linear, left top, right top, from(rgba(100,100,100,0.1)), to(rgba(100,100,100,0.01)));
    background: linear-gradient(to right, rgba(100,100,100,0.1), rgba(100,100,100,0.01));
margin:0;
  }
 
  blockquote blockquote {
 border-left: 5px solid #c700e6!important;
 margin-left:-25px; }
 
 
svg:not(:root){vertical-align: middle;}
.ui-admin svg:not(:root) {    fill: currentColor;}
 
input[type="color"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"],
select:focus,
textarea {
  font-size: 16px!important;
}

 .container-fluid {
     max-width: 980px;
 }
 .navbar .dropdown-toggle {
     height: 34px;
 }
 .dokuwiki .insitu-footnote {
     background-color: rgba(199, 250, 250, 0.9);
     padding: 5px;
     border-radius: 6px;
     border: 1px solid rgb(99, 150, 150, 0.3)
 }
 .test {
     border: 1px dashed red;
 }
 .license img {
     float: right
 }
 #dokuwiki__content {
     margin: 0;
 }
 
 .dokuwiki .footnotes .content {display:inline;}
 .core {
     /* background-color: #bdc3c7; */
     
     background-color: #fff;
     min-height: 1200px;
 }
 .dokuwiki   .title {
     font-size:24px; line-height:1.1;
     margin: 0.5em 0; 
 }
 .sidebar .tools {
     margin: 3px;
 }
 .sidebar .content {
     width: 100%;
     padding: 5px;
     border-top: 1px solid rgba(120, 120, 120, 0.1);
     border-bottom: 1px solid rgba(120, 120, 120, 0.1);
 }
 .sidebar ul {
     margin: 0 5px;
     padding: 0;
     li {
         border-bottom: 1px solid rgba(120, 120, 120, 0.1);
         max-width: 300px;
         /* 길이를 명확히 지정! */
         
         text-overflow: ellipsis;
         white-space: nowrap;
         /* 줄바꿈방지 */
         display: inline;
         overflow: hidden;
     }
     li:hover,
     li:focus {
         background-color: rgba(120, 120, 120, 0.1)
     }
 }
 /*############## contents  general elements #####################*/
 
 .summary {
     /* .well; */
     /* .well-sm; */
     /* .bg-warning; */
     .nowrap {
         margin-bottom: 0;
     }
 }
 .dokuwiki {
     p, code {
         font-size: __font_size__;
         line-height: 1.6;
     }
     a.wikilink2 {
         color: #aaa;
         border-bottom: 1px dashed;
     }
     a.wikilink2:hover {
         color: #a22;
     }
     a.urlextern {
         background-repeat: no-repeat;
         padding-left: 18px;
         background-position: 0 center;
         background-image: url(images/external-link.png);
     }
     em {
         color: #c37;
     }
     em.u {
         color: #555;
     }
     .search_hit {
         background-color: #FF9;
     }
     .breadcrumb {
         margin-bottom: 0;
         padding: 0;
         border: none;
     }
     img.media,
     img.mediacenter,
     img.medialeft,
     img.mediaright {
         /* .img-responsive; */
         /* .img-rounded; */
         margin-bottom: 4px;
         max-width: 100%;
     }
     img.media {
         display: inline;
     }
     img.medialeft {
         margin-right: 0.5em;
     }
     img.mediaright {
         margin-left: 0.5em;
     }
     .table img.media {
         max-width: none;
     }
     #tool__bar {
         /* .btn-group */
     }
     .editBox textarea.edit, #edit__summary {
         max-width: 100%;
     }
     .editButtons {
         margin: 1em 0;
     }
     del {
         color: #7f7f7f;
     }
     dl.file dt a {
         background-color: #bdc3c7;
         border: 1px solid #CCC;
         padding: 0px 3px 3px 21px;
         border-bottom: none;
         margin-left: 10px;
         border-radius: __border_radius__ __border_radius__ 0 0;
     }
     .page-header h1 {
         font-size: 40px;
         font-weight: bold;
         /*text-shadow: 1px 1px 3px #777;*/
     }
     h1 {
         margin-left: 0;
         border-bottom: 1px #aaa dotted;
     }
     h2 {
         margin-left: 0px;
         /**/
     }
     h3 {
         margin-left: 10px;
     }
     h4 {
         margin-left: 25px;
         font-size: 20px;
     }
     h5 {
         margin-left: 40px;
     }
     h2,
     h3,
     h4,
     h5 {
         font-weight: bold
     }
     h2:after {
         background-color: #aaa;
         content: "";
         display: inline-block;
         height: 1px;
         position: relative;
         vertical-align: middle;
         z-index: 0;
         left: 0.5em;
         right: 0.5em;
         min-width: 20%;
         margin-right: -50%;
     }
     div.level1 {
         margin-left: 0;
     }
     div.level2 {
         margin-left: 0;
     }
     div.level3 {
         margin-left: 16px;
     }
     div.level4 {
         margin-left: 32px;
     }
     div.level5 {
         margin-left: 48px;
     }
     .btn_secedit input.button {
         /* .pull-right; */
         /* .btn-xs; */
         margin-top: 20px;
         z-index: 1;
     }
     .section_highlight {
         background-color: rgba(50, 122, 200, 0.1)!important;
         border-radius: __border_radius__;
     }
     .footnotes {
         border-top: 1px solid rgba(200, 200, 200, 0.5);
     }
   
     pre {
         background-color: __background_neu__;
         border:none;
         border-left: 4px #808080 solid;
         border-radius:0;
     }
 }
 .dokuwiki div.editbutton_table {
     margin-top: none;
 }
 #size__ctl {
     float: right;
 }
  
 /******************* breadcrumb ***********************/
 
 .dokuwiki .breadcrumb {
     background-color: transparent;
     color: #e5e5e5;
     span {
         margin-right: 5px;
     }
     li {
         max-width: 130px;
         text-overflow: ellipsis;
         white-space: nowrap;
         overflow: hidden;
     }
 }
 /******************* Top navbar ***********************/
 
 .dokuwiki .navbar {
     background-color: #F5F5F5;
     border-bottom: 1px solid #E5E5E5;
     min-height: 48px;
     .navbar-toggle {
         margin-top: 7px;
         margin-bottom: 7px;
     }
     .avatar {
         margin-top: -4px;
     }
     a.iw_user {
         padding: 1px 0px 1px 18px!important;
         background-position: 0 center;
     }
 }
 .dokuwiki .navbar-brand {} .dokuwiki .logo {
     /* .pull-left; */
     max-width: 100%;
     background-color: #56595f;
 }
 #bs-navbar-collapse-main {
     font-size: 14px;
     .nav li a {
         padding-left: 10px;
         padding-right: 10px;
     }
 }
 #nav-bottom {
     margin-bottom: 0;
 }
 #dw__toc {
     border-bottom: 1px solid rgba(128, 128, 128, 0.1);
 }
 #dw__search {
     padding: 3px 5px;
     /*background-color: #333;*/
     
     float: left;
     .button {
         /* btn; */
         /* btn-default; */
     }
     form {
         margin: 0;
         padding: 4px 0;
     }
     width:70%;  
     
     .btn-group {
         margin-top: -4px;
     }
 }
 #qsearch__in {
     /* .form-control; */
     background: no-repeat center left url(images/search-icon-hi.png);
     height: 28px;
     padding-left: 5px;
     border: 1px solid #ccc;
     border-radius: 3px;
     outline: none;
     box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
     display: inline;
     margin: 5px;
     background-color: #f0f0f0;
	  width:70%
 }
 #qsearch__in:focus {
     border-color: #51a7e8;
     box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 5px rgba(81, 167, 232, 0.5);
     background: transparent;
     background-color: #fff;
 }
 #qsearch__out {
     font-size: 14px;
     width: 215px;
     max-height: 700px;
     overflow-y: auto;
     padding: 9px;
     margin-bottom: 10px;
     border: 1px solid #e3e3e3;
     border-radius: 4px;
     display: none;
     ul {
         PADDING: 0;
     }
 }
 .visible-xs > .navbar-form {
     margin: 0;
 }
 /* anchor location fix 위치 문제 해결 
.dokuwiki .mode_show {
     h2, h3, h4, h5 { margin-top:-40px; padding-top:60px;} 
     }*/
 
 .editmain {
     margin: 0 0 5px 5px;
 }
 .test {
     border: 1px dashed red;
 }
 #mediamanager__uploader {
     background-color: yellow;
     border: 2px dashed red;
     border-radius: __border_radius__;
     padding: 4px;
     .qq-upload-success .qq-upload-size {
         display: none!important;
     }
 }
 #mediamgr__aside::-webkit-scrollbar {
     width: 12px;
 }
 #mediamgr__aside::-webkit-scrollbar-track {
     background-color: #eaeaea;
     border-left: 1px solid #ccc;
 }
 #mediamgr__aside::-webkit-scrollbar-thumb {
     background-color: #ccc;
     border-radius: 6px;
 }
 #mediamgr__aside::-webkit-scrollbar-thumb:hover {
     background-color: #aaa;
 }
 #dokuwiki__footer {
     img {
         vertical-align: baseline;
     }
 }
 /* iconfig__manager fix */
 
 #config__manager {
     .label {
         display: block;
         color: #333;
         line-height: 1;
         white-space: normal;
     }
     label {
         line-height: 130%;
         font-weight: normal;
     }
     tr.default .input,
     tr.default input,
     tr.default textarea,
     tr.default select,
     .selectiondefault {
         background-color: #E4E4E4;
     }
     td.value .checkbox {
         margin-right: 1em;
     }
 }
 /* bootstrap hover fix */
 
 .navbar-header .dropdown:hover > .dropdown-menu,
 ul.nav li.dropdown:hover > ul.dropdown-menu {
     display: block;
 }
 input.edit {
     /* .form-control; */
 }
 .dokuwiki .footer {
     background-color: #e4e4e4;
 }
 .alert-notify {
     /* .alert-warning; */
 }
 .alert-error {
     /* .alert-danger; */
     background-color: #fd5c5cab;
 }
 .tabspage ul {
     /* .navbar-nav; */
     list-style-type: none;
     float: left;
     margin: 10px;
     padding: 0;
     li {
         float: left;
         font-size: 13px;
         padding: 4px 8px;
         line-height: 20px;
         a {
             color: #333;
             font-weight: bold;
         }
         a:hover {
             color: #4183c4;
             text-decoration: none;
         }
     }
 }
 li.dsq-widget-item {
     margin: 5px 0!important;
 }
 /******************* link wiz ***********************/
 
 #link__wiz {
     width: 300px;
     height: 360px;
 }
 #link__wiz_result {
     height: 260px;
     overflow-y: auto;
     overflow-x: hidden;
     .odd {
         background-color: #eef
     }
     .even {
         background-color: #efe
     }
     div a {
         display: block;
         color: #428bca;
     }
     div span {
         font-size: 12px;
     }
 }
 .ui-dialog .ui-dialog-titlebar {
     padding: 0;
 }
 .ui-dialog-titlebar-close {
     line-height: 1
 }
 .ui-dialog-titlebar-close::before {
     content: "×";
     /* https://en.wikipedia.org/wiki/X_mark */
 }
 /******************* plugins ***********************/
 /*
#plugin__backlinks {
    ul  {margin:0;padding:0}
	ul li { display:inline-block;  margin:2px; }
	ul li a {  overflow: hidden; text-overflow:ellipsis; white-space:nowrap;width:10em;}
}
*/
 #plugin__backlinks {margin-left:1em}
 #inlinetoc2 {border:none;border-radius:0;}
 #inlinetoc2 > ul.inlinetoc2 { background-color:rgba(100,100,100,0.1); border-left: 5px solid rgba(100,200,100,0.5);}
 
 
 div.dokuwiki div#disqus__thread {
     width: 99%;
     margin: 0;
     padding: 0;
 }
 div.dokuwiki div.tags,
 div.dokuwiki div.tagstop {
     font-size: 95%;
     text-align: left;
 }
 div.dokuwiki div.tags {
     border-top: none;
     clear: none;
     margin-bottom: 1.4em;
     color: rgba(128, 128, 128, 0.5);
 }
 div.dokuwiki div.tags a {
     border-radius: 5px;
     padding: 2px;
     color: rgba(128, 128, 128, 0.5);
     background-color: rgba(128, 128, 128, 0.1);
 }
 div.dokuwiki div.tags a:hover {
     color: rgba(128, 128, 128, 1.0);
     background-color: rgba(128, 128, 128, 0.3);
     text-decoration: none
 }
 .plugin__shorturl {
     font-size: 50%;
     color: rgba(128, 127, 129, 0.5);
 }
 #dokuwiki__content .CodeMirror-lines,
 #wiki__text {
     font-family: Menlo, "나눔고딕코딩", monospace;
 }
 .plugin_button {
     max-width: 300px;
 }
 form.plugin_move_form {
     padding: 0 40px;
 }
 .btn-circle {
     border-radius: 50%;
     font-size: 19px;
     width: 44px;
     height: 44px;
     line-height: 44px;
     text-align: center;
     display: inline-block!important;
     margin: 2px 0!important;
     font-weight: normal;
     text-align: center;
     vertical-align: middle;
     -ms-touch-action: manipulation;
     touch-action: manipulation;
     cursor: pointer;
     background-image: none;
     border: 1px solid transparent;
     white-space: nowrap;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     overflow: hidden;
     text-decoration: none;
 }
 .btn-square {
     font-size: 19px;
     width: 44px;
     height: 44px;
     line-height: 44px;
     text-align: center;
     display: inline-block!important;
     font-weight: normal;
     text-align: center;
     vertical-align: middle;
     -ms-touch-action: manipulation;
     touch-action: manipulation;
     cursor: pointer;
     background-image: none;
     border: 1px solid transparent;
     white-space: nowrap;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     overflow: hidden;
     text-decoration: none;
 }
 .slideTextUp div:nth-child(2) {
     top: 100%;
     font-size: 10px;
 }
 /*https://github.com/SaraSoueidan/windows8-animations/blob/master/css/demo-styles.css*/
 
 .slideTextUp:hover {
     text-decoration: none;
 }
 .slideTextUp:hover div {
     -webkit-transform: translateY(-100%);
     -ms-transform: translateY(-100%);
     -o-transform: translateY(-100%);
     transform: translateY(-100%);
     transition: all .3s ease;
 }
 .ie body {
     width: 900px;
     margin: 0 auto;
 }
 .ie .dokuwiki {} .ie .core {
     width: 650px;
     float: left;
 }
 .ie .lsb {
     position: inherit;
     float: left;
 }
 .btn_left {
     float: left;
    z-index: 12;
     display: inline;
     color: #33ccff;
     line-height: 43px;
     font-size: 2em;
     width: 44px;
     text-align: center;
 }
 .btn_right {
     z-index: 12;
     float: right;
     color: #3cf;
     line-height: 43px;
     font-size: 2.0em;
     width: 44px;
     text-align: center;
 }
 .btn_right:hover i {
     -ms-transform: rotate(90deg);
     transform: rotate(180deg);
     transition-duration: 0.8s;
 }
 .btn_titlebar {
     z-index: 12;
     color: #bbb;
     line-height: 43px;
     font-size: 1.5em;
     padding: 0 3px 0 3px;
     text-align: center;
 }
 .btn_titlebar:hover {
     color: #fff;
     text-decoration: none;
 }
 #dokuwiki__nav,
 #dokuwiki__aside {
     position: fixed;
     top: 0;
     bottom: 0;
     background-color: #35373c;
     box-shadow: 0 0 10px rgba(34, 34, 34, 0.5) inset;
     overflow-x: hidden;
     -ms-overflow-style: none;
 }
 #dokuwiki__nav::-webkit-scrollbar,
 #dokuwiki__aside::-webkit-scrollbar {
     display: none;
 }
 #dokuwiki__nav {
     Z-index: 15;
     left: 0;
     display: none;
     padding: 5px;
	 ul {padding:0;  }
     a { text-decoration: none;  color: #FFF;}
	 .li a {
		margin:0 auto;
	    border-bottom: 1px solid #111;
		border-top: 1px solid #444;
		
		display: inline-block;
		padding: 10px 0 10px 6%;
		width: 100%;
	 
	 }
	 
	 
 }
 /* column control  */
 
 #dokuwiki__aside {
     z-index: 13;
     bottom: 0;
     top: 0;
     width: __sidebar_width__;
 }
 #dokuwiki__aside {
     color: #aaa;
     right: 0;
     h1, h2, h3, h4, h5 {
         color: #00b8be;
     }
     /* a {transition: color .2s linear; */
     
     li {
         position: relative;
     }
     div.li:hover a:after {
         content: '';
         position: absolute;
         height: 20px;
         width: 3px;
         background: #00B8BE;
         left: -2px;
         top: 0;
     }
 }
 #sidebar_bg {
     z-index: 12;
 }
 #nav_bg {
     z-index: 14;
 }
 #sidebar_bg,
 #nav_bg {
     display: none;
     background-color: rgba(0, 0, 0, 0.75);
     position: fixed;
     width: 100%;
     height: 100%;
 }
 .titlebar {
     z-index: 3;
     box-shadow: 0 2px 2px -2px rgba(0, 0, 0, .82);
     top: 0;
     position: fixed;
     width: 100%;
     background-color: #333;
 }
 /* for detecting media queries in JavaScript (see script.js): */
 
 #screen__mode {
     position: relative;
     z-index: 0;
 }
 
/* ----------- --------------------- */
/* ---  phone (portrait) ----------- */
/* ----------- --------------------- */
 @media (max-width: @ini_phone_width) {
     #screen__mode {
         z-index: 1;
     }
     /* for detecting media queries in JavaScript (see script.js) */
     
     .btn_right {
         display: block;
     }
     #dokuwiki__aside {
         position: fixed;
         right: 0;
         display: none;
         z-index: 13;
     }
	    .core {
          margin-top:88px; 
     }
	 .titlebar {background-color:#334;}
     #dw__search .btn-group {
         display: none!important
     }
	 	 #dw__search button {display:none}
	 #qsearch__in {width:100%}
     #dokuwiki__content {
         padding: 1px;
     }
     .phone {display: block}
	 .tablet {display:none!important}
	 .desktop {display:none!important}
	 .wide {display:none!important}
	 
     .hidden-phone {
         display: none
     }

     .editButtons {
        position: fixed; bottom:0;
        z-index: 10000;
     }
 }
   /* ----------- --------------------- */
 /* tablet  ----------- */
   /* ----------- --------------------- */
 @media (min-width: @ini_phone_width+1) and (max-width: @ini_tablet_width) {
     #screen__mode {
         z-index: 2;
     }
     /* for detecting media queries in JavaScript (see script.js) */
     
     .btn_right {
         display: block;
     }
     #dokuwiki__aside {
         right: 0;
         display: none;
         z-index: 13;
     }
     .core {
         margin-right: 0px;margin-top:44px; 
     }
	 
	 .titlebar {background-color:#343;}
	 #dw__search {width:40%}
	 #dw__search button {display:none}
	 #qsearch__in {width:100%}
	 .phone {display: none!important}
	 .desktop {display:none!important}
	 .wide {display:none!important}
	 
     .tablet {
         display: block
     }

     .hidden-tablet {
         display: none
     }
     #dokuwiki__content {
         padding-left: 5px;
         padding-right: 2px;
     }
 }
   /* ----------- --------------------- */
 /* ----------- desktop  ----------- */
  /* ----------- --------------------- */
 @media (min-width: @ini_tablet_width+1) and (max-width: @ini_desktop_width) {
     #screen__mode {
         z-index: 3;
     }
     /* for detecting media queries in JavaScript (see script.js) */
     
     .btn_right {
         display: none;
     }
     #dokuwiki__aside {
         display: block;
     }
     .core {
         margin-right: 250px;margin-top:44px; 
     }
     .titlebar {
         padding-right: 250px;
		 
		 
     }
     .btn_titlebar {
         margin-right: 3px;
         margin-left: 3px;
     }
	 #dw__search {width:40%}	 
     #dokuwiki__content {
         padding-left: 5px;
         padding-right: 5px;
     }
	 .phone {display: none!important}
	 .tablet {display:none!important}
	 .wide {display:none!important}
	 
     .desktop {
         display: block
     }
 }
   
   
   
   
   /* ----------- --------------------- */
   /* ----- wide  ----------- */
   /* ----------- --------------------- */
   
   
 @media (min-width: @ini_desktop_width+1) {
     #screen__mode {
         z-index: 4;
     }
     /* for detecting media queries in JavaScript (see script.js) */
     
     .btn_right {
         display: none;
     }
     #dokuwiki__aside {
         display: block;
     }
     .core {
         margin-right: 250px;
		  margin-top:44px; 
     }
     .titlebar {
         padding-right: 250px;background-color:#433;
     }
	 #dw__search {width:60%}	 
     .btn_titlebar {
         margin-right: 7px;
         margin-left: 7px;
     }
     #dokuwiki__content {
         padding-left: 25px;
         padding-right: 25px;
     }
	 
	 .phone {display: none!important}
	 .tablet {display:none!important}
	 .desktop {display:none!important}
  
     .wide {
         display: block
     }
 }
 
   /* ----------- --------------------- */
 /* iPhone 4 ----------- */
   /* ----------- --------------------- */
   
   
   
 @media only screen and (-webkit-min-pixel-ratio: 1.5),
 only screen and (min-pixel-ratio: 1.5) {
     /* Styles */
 }
 
 
/* ----------- --------------------- */
   
     /* ----------- --------------------- */
	 
 /* http://blog.readiz.com/134  간단한 Back to top 버튼 넣기 */
 
 #toTop {
     z-index: 1030;
     width: 42px;
     border: 2px solid #f7f7f7;
     background: #f7f7f7;
     text-align: center;
     position: fixed;
     bottom: 10px;
     right: 10px;
     cursor: pointer;
     display: none;
     color: #333;
     opacity: 0.6;
     filter: alpha(opacity=60);
     border-radius: 50%;
     -webkit-transition: all .25s linear;
     -moz-transition: all .25s linear;
     -o-transition: all .25s linear;
     transition: all .25s linear;
     padding: 5px;
 }
 #toTop:hover {
     background: #b3b3b3;
     border: 2px solid #b3b3b3;
 }
 a.btn_titlebar:hover {
     animation: shake 0.42s cubic-bezier(.36, .07, .19, .97) both;
     transform: translate3d(0, 0, 0);
     backface-visibility: hidden;
     perspective: 1000px;
 }
 /* https://css-tricks.com/snippets/css/shake-css-keyframe-animation/ */
 
 @keyframes shake {
     10%, 90% {
         transform: translate3d(-1px, 0, 0);
     }
     20%,
     80% {
         transform: translate3d(2px, 0, 0);
     }
     30%,
     50%,
     70% {
         transform: translate3d(-3px, 0, 0);
     }
     40%,
     60% {
         transform: translate3d(3px, 0, 0);
     }
 }

.mode_media  .core {

margin-right: 0;
}
.mode_media aside {
    display:none;
    }

    .nav-up {
    top: -43px;
}

header {transition: top 0.02s ease-in-out;}


/* for google custom search */
.google-auto-placed, .gsc-adBlock, .ap_container { border-left: 5px green solid; }
.adsbygoogle { border-left: 2.5px green solid; }