.iframe100 {
  display: block;
  border: none;
  height: 100vh;
  width: 1000px;
}


p.iii {

  margin-left: 100px;
  margin-right: 0;
}

.w3-main,#main{transition:margin-left .4s}
  @media (max-width:992px){.w3-sidebar.w3-collapse{display:none}.w3-main{margin-left:0!important;margin-right:0!important}.w3-auto{max-width:100%}}



#room1 {
    position: absolute;
    top: 3749px;
	left: 854.5px;
	right: 0 }

c[dir='ltr'], [dir='rtl'] { 
	unicode-bidi: -webkit-isolate;
	unicode-bidi: -moz-isolate;
	unicode-bidi: -ms-isolate;
	unicode-bidi: isolate;
	} 
bdo[dir='ltr'], bdo[dir='rtl'] {
	unicode-bidi: bidi-override; 
	unicode-bidi: -webkit-isolate-override; 
	unicode-bidi: -moz-isolate-override; 
	unicode-bidi: -ms-isolate-override; 
	unicode-bidi: isolate-override;
  	}


p.small {
  line-height: 0.3;
}

div.button {
	opacity: 0;
	
}



hr { 


  margin-left: 30px;
  margin-right: auto;


} 

p.right {
	text-align: left
}

div.c {
    text-align: left;
}div.c {
    text-align: left;
}div.c {
    text-align: left;
} div.c {
    text-align: left;
} 
IMG.displayed {
    display: block;
    margin-left: auto;
    margin-right: auto }
IMG.close {
 opacity: 0.7;}

* {
	margin: 0;
	padding: 0;
}

 html, body {
                width: 100%;
                height: 100%;
                margin: 0;
                padding: 0;
}


#container {
    position: fixed;
}





div{
  clear:both;
}

.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

mark { 
    background-color: #abd5ff;
    color: #666;
}

tab {
	padding-left:0.7em
}

div.lesson {
    text-indent: 0.5px;
}

p.indent{ padding-left: 30px}

p.indent0{ padding-left: -30px}

p.indent2{
	padding-left: 290px;
	
}
p.indent3{
	padding-left: 377.5px;
	
}
p.indent4{
	padding-left: 500px;
	
}


p.indent5{
	padding-left: 355px;
	
}

p.right{
	text-align: right;
	padding-right: 500px;}


h1 {  font-language-override: 'en', 'ko-KR';
	font-size: 16px;
	font-family: 'Gill Sans', 'Gill Sans MT', 'Myriad Pro', 'DejaVu Sans Condensed', Helvetica, Arial, 'sans-serif' ;
	background: #fff;
	font-weight: normal;
	font-color: #666;

}

body { font-language-override: 'en', 'ko-KR';
	font-size: 16px;
	font-family: 'Gill Sans', 'Gill Sans MT', 'Myriad Pro', 'DejaVu Sans Condensed', Helvetica, Arial, 'sans-serif' ;
	background: #fff;
	font-weight: normal;
	font-color: #666;
}

small {
		font-size: 14px;
}
small2 {
		font-size: 12px;
}

body.section-1 { }
body.section-2 { }
body.section-3 { }

a:link { text-decoration: none; color: #666; }
a:active { text-decoration: underline; color: #666;}
a:visited { text-decoration: none; color: #666; }
a:hover {
	text-decoration: underline;
}

a img { border: none; }


/* navbar=top menu bar */

body {margin:auto;
}



.navbar { 
  background-color: white;
position: fixed;
  top: 0;
  padding: 16px 5px 3px 16px;
  width: 100%;	

	
}

.navbar a {
  padding: 16px 5px 3px 16px;
	
	  line-height: 1.6;
	 width: 100%;
}



.topnav-right {
 
}





#menu {
    width: 340px;
    overflow: scroll;
    top: 130px;
    bottom: 0;
	left: 0;
	position: fixed;
   

	opacity: 80%;
	line-height: 1.4;
	
	
}

#menu ul {
	list-style: none;
	margin:  0 6px 0;
}

#menu ul li.section-title { }

#content {
    height: 10.5%;
width: 710px;
	padding: 50 0 0 0;
	margin: 50px 20px 0 325px;
    top: 0;
	

}

#content2 {

    padding: 10px 0px 0px 1010px;


}

#content20 {

    padding: 10px 0px 0px 1330px;


}

#content20x {

    padding: 10px 0px 0px 1130px;
}
#content20xx {

    padding: 10px 0px 0px 1230px;

}

#content20xxx {

    padding: 10px 0px 0px 1830px;

}



#content4 {

    padding: 0px 0px 0px 1200px;


}

#content3 {

    padding: 10px 0px 0px 1035px;


}

#img-container p	{

	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	font-size: 15.5px;
		font-weight: normal;
	margin: 0 0 0 0px;
	
}

#once { clear: left; }


img.top {
    vertical-align: text-top;
}

img.bottom {
    vertical-align: text-bottom;
}

nav.site_menu a {
  text-decoration: none;
  color: #666;
}

body.contact a.current {
 
  text-decoration: underline;
  color: black;
}





/*post it*/

section { margin: 150px 50px 60px; }
#section_wrap { width: 100%; line-height: 1em; }
#section_wrap.program article { display: none; }
#section_wrap.calendar { margin-left: 25%; width: 75%; line-height: 1em; }
#section_wrap.category.notice .list { border-bottom: 1px solid #000; margin-bottom: 1em; padding-bottom: 1em; }
#sticker_wrap { top: 4%; left: 0; width: 100%;}
#stickers { top:130px !important;height: 0px !important;}
#drag_area { position: auto; margin: 20 0 0 200; height: 100% !important;}
#sticker_wrap .sticker { position: absolute; padding: 6px 15px 6px 15px;border: 0px solid none; background-color: #abd5ff; cursor: none; font-size: 15.5px; text-align: left; opacity: 100%;}
#sticker_wrap .sticker a { font-weight: normal; }
#sticker_wrap .sticker.notice { background-color: #abd5ff;}
#sticker_wrap .sticker.red { background-color: #abd5ff; }
#sticker_wrap .sticker.yellow { background-color: #abd5ff; }
#sticker_wrap .sticker.aqua { background-color: #abd5ff; }
#sticker_wrap .sticker.green { background-color: #abd5ff; }
#sticker_wrap .sticker.blue { background-color: #abd5ff; }
#sticker_wrap .sticker.orenge { background-color: #abd5ff; }
#sticker_wrap .sticker.gray { background-color: #abd5ff; }
#sticker_wrap .sticker.violet { background-color: #abd5ff; }
#sticker_wrap .sticker.very { color: #abd5ff; }
#sticker_wrap .sticker a.close { display: block; position: absolute; top: 0; right: 0; width: 18px; height: 18px; }
#sticker_wrap .sticker a.close img { display: block; width: 18px; height: 18px; }



/*button*/
.w3-btn,.w3-button{border:none;display:inline-block;padding:8px 16px;vertical-align:middle;overflow:hidden;text-decoration:none;color:none;background-color:none;text-align:center;cursor:pointer;white-space:nowrap}
.w3-btn:hover{box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)}
.w3-btn,.w3-button{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}   


.w3-teal,.w3-hover-teal:hover{color:#fff!important;background-color:none!important}
		

/*lesson dropdown bar*/



/* Style the sidenav links and the dropdown button */
.sidenav a, .dropdown-btn {

	font-family: 'Gill Sans', 'Gill Sans MT', 'Myriad Pro', 'DejaVu Sans Condensed', Helvetica, Arial, 'sans-serif' ;
	background: #fff;
	font-weight: normal;
	font-color: #666;
    font-size: 15.5px;
    display: block;
    border: none;
    background: none;
    width: 100%;
    text-align: right;
    outline: none;
	  overflow: none;


}




}

/* Main content */
.main {
    margin-left: 200px; /* Same as the width of the sidenav */
    font-size: 16px; /* Increased text to enable scrolling */
    padding: 0px 10px;
	  overflow: scroll;


}


/* container align*/
.dropdown-container {
    display: none;
    padding-left: ;
}

/* Optional: Style the caret down icon */
.fa-caret-down {
    float: right;
    padding-right: 8px;
}