/* --- general*/
	@font-face { font-family: 'sqhl'; font-weight:normal; src: url('fontweb/sqyoo.woff') format('woff'), url('fontweb/sqyoo.ttf')  format('truetype'), url('fontweb/sqyoo.svg#sqyoo') format('svg'); }
	@font-face { font-family: 'play'; font-weight:normal; src: url('fontweb/play.woff') format('woff'), url('fontweb/play.ttf')  format('truetype'), url('fontweb/play.svg#play') format('svg'); }
	@font-face { font-family: 'play'; font-weight:bold; src: url('fontweb/play-bold.woff') format('woff'), url('fontweb/play-bold.ttf')  format('truetype'), url('fontweb/play-bold.svg#Play-Bold') format('svg'); }
	@font-face { font-family: 'toolbuttbs'; src: url('fontweb/toolbuttbs.woff') format('woff'), url('fontweb/toolbuttbs.ttf') format('truetype'), url('fontweb/toolbuttbs.svg#toolbuttbs') format('svg'); }
	body, html  {margin:0;padding:0;width:100%;height:100%;} /* needed on html for ffox */
	a,a:visited	{display:inline;text-decoration:none;border:none;outline:0 !important;color:rgb(200,200,200);}
	a:hover,a:active {color:rgb(255,193,85);}
/* --- basestructure*/
	#mainbody {font-family:play,Verdana,Arial,Helvetica,sans-serif;font-weight:normal;font-size:14px;line-height:100%;text-align:left;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;color:rgb(250,250,250);background-color:rgb(0,0,0);}
	#bgimg {pointer-events:none;position:fixed;width:100%;height:100%;background-color:rgb(0,0,0);background-repeat: no-repeat;background-position-x:50%;background-position-y:50%;background-size: 100%;background-image:url("/tech/baseimg/_background-black.jpg");transition:1s 0.2s background-image ease-out;}
	#masterall {position:absolute;width:100%;height:100%;display:table;}
	#rowhead {display:table-row;height:122px;pointer-events:none;z-index:100;background-color:rgba(0,0,0,0.01);}
	#rowcontent {display:table-row;height:100%;}
	#rowfixfoot {display:table-row;height:43px;background-color:rgba(0,0,0,0.01);}
	#masterall.fullfr {height:auto;}
	#rowcontent.fullfr {height:auto;}
	.mastercolbase {position:relative;height:100%;width:960px;margin:0 auto 0 auto;}
/* --- head content*/
	.header {display:table;width:100%;padding:47px 0 0 0;/*background-image:url("/tech/baseimg/logostand.png");background-repeat: no-repeat;*/}
	#headlog {display:table-cell;padding:0 16px 0 32px;pointer-events:auto;color:rgba(255,255,255,0.9);cursor:pointer;font-size:40px;white-space:nowrap;}
	#logo_name {display:inline-block;padding:0 20px 0 0;line-height:100%;letter-spacing:0.05em;font-family:sqhl;vertical-align:top;text-transform:uppercase;}
	#logo_kor {vertical-align:top;padding:0.058em 0 0 0;font-family:toolbuttbs;font-size:195%;display:inline-block;}
	#logo_sub {padding:0 0 0 244px;font-weight:bold;font-size:32.5%;letter-spacing:0.15em;text-transform:uppercase;}
	#logo_line {position:absolute;left:0;top:0;width:100%;border-bottom: 1px solid rgba(255,255,255,0.45);height:77px;}
/* --- nav*/
	#navarea {position:relative;display:table-cell;font-weight:bold;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;pointer-events:auto;vertical-align:top;letter-spacing:1px;white-space:nowrap;text-align:right;}
	#navheadlink {display:none;}
	#nav { position:relative;z-index:597;white-space:nowrap;font-size:100%;letter-spacing:0.05em;display:inline-block;vertical-align:top;text-align:left; }
	#nav ul { list-style:none;margin:0;padding:0; }
	#nav > ul { display:none; }
	#nav > ul.hi { display:table-cell; }
	#nav ul li { min-height:1px;line-height:15px;vertical-align:middle;display:inline-block; }
	#nav ul li:hover { position:relative;z-index: 599;cursor:default; }
	#nav ul ul li { display:block; }
	#nav ul li:hover > ul { visibility:visible; }
	#nav a { padding:39px 5px 7px 5px;display:block;color:rgb(153,153,153);}
	#nav a:hover,#langswitch a:hover {color:rgb(255,255,255);}
	#nav a.hi, #nav a.hi:visited,#langswitch a.hi,#langswitch a.hi:visited,#nav ul ul li a.hi,#nav ul ul li a.hi:visited { color:rgb(240,240,240);}
	#nav ul ul { visibility:hidden;position:absolute;top:100%;left:0;z-index:598;padding-top:1px;box-shadow:0px 3px 8px 0px rgba(0,0,0,0.2);background-color:rgba(0,0,0,0.7);letter-spacing:0.02em;}
	#nav ul ul ul {top: -1px; left: 100%;}
	#nav ul ul li a,#nav ul ul li a:visited { padding-top:3px;padding-bottom:3px;color:rgb(153,153,153);}
	#nav ul ul li a:hover,#nav ul ul li a:active {color:rgb(255,255,255);}
	#langswitch {display:inline-block;vertical-align:top;}
	#langswitch a,#langswitch a:visited {padding:39px 5px 7px 5px;display:inline-block;vertical-align:top;color:rgb(210,210,210);}
	.invis,.invishi {display:none;}
	#nav .tinvis,#nav .tinvishi {display:none;}
/* --- content content*/
	#contentframehold {position:relative;height:100%;min-height:100px;} /*needed for reflect height on old browsers ie only minheight doesnt reflect 100% */
	#contentframe {border:none;margin:0;padding:0;width:100%;height:100%;} /*only abs allows smaller tplay 150 OR pixel height def in irame height html - overflow is for robot overflow:auto; position:absolute; */
	#contbackrobot{position:absolute;width:100%;height:100%;}
	#masterallsub {position:relative;} /*robotversion fullpage*/
	#content {-moz-user-select:text;-webkit-user-select:text;-ms-user-select:text;} /*robotversion fullpage*/
/* --- foot content*/
	#foot {position:relative;padding: 14px 0px 4px 0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:left;text-transform:uppercase;}
	#foottab {display:table;width:100%;color:rgb(200,200,200);letter-spacing:0.04em;}
	#footcell1 {display:table-cell;}
	#footcell2 {display:table-cell;text-align:right;}
	.footadr {display:inline-block;font-size:85.7%;line-height:110%;cursor:default;white-space:nowrap;}
	.footadr a,.footadr a:visited {color:rgb(200,200,200);}
	.footadr a:hover,.footadr a:active,#footmail:hover,#footmail:active {color:rgb(255,193,85); }
	#remark {position:relative;display:block;padding:0 0px 0 0;color:rgb(255,70,70);max-width:1000px;z-index:0;}
	#remark:before {font-family:toolbuttbs;padding-right:0.4em;content:"X";position:relative;top:-1px;}
	#remark:hover {color:rgb(255,193,85);}
	#footcell3 {display:table-cell;text-align:right;padding:0 6px 5px 6px;}
	.footbutt {font-family:toolbuttbs;cursor:pointer;font-size:150%;}
	.footbutt, .footbutt:visited {color:rgb(90,90,90);}
	.footbutt:hover, .footbutt:active {color:rgb(170,170,170);}
/* --- mediabox */
	#mainbody.noscroll {overflow:hidden;touch-action:none;}
	#mediabox {position:absolute;display:none;width:100%;height:100%;background-color:rgba(0,0,0,0.9);z-index:600;}
	#mediabox:after {content: "";display: block;clear:both;}
	#mediabox.mbact {display:block;}
	#mbmain {float:left;height:100%;display:table;position:relative;}
	#mbmain.sidebar {width:87%;}
	#mbmain.sidebar #mbtoolscell,#mbmain.sidebar #mbcasthold,#mbmain.sidebar #mbfootcell {border-style:solid;border-color:rgb(60,60,60);border-width: 0 1px 0 0;}
	#mbmain.nosidebar {width:100%;}
	#mbchoose {float:left;height:100%;overflow-y:auto;position:relative;}
	#mbchoose.sidebar {display:block;width:13%;}
	#mbtoolsmulti.image {display:block;}
	#mbchoose.nosidebar {display:none;} /*,#mbtoolsmulti.av*/
	#mbtools {font-size:200%;line-height:200%;width:100%;height:2em;display:table-row;}
	#mbtoolscell {display:table-cell;vertical-align:middle;text-align:center;position:relative;}
	#mbtools div {text-align:center;}
	#mbtools span {font-family:toolbuttbs;display:inline-block;color:rgba(255,255,255,0.6);padding:0 1em 0 1em;vertical-align:top;cursor:pointer;}
	#mbtools span:hover {color:rgba(255,255,255,0.9);}
	#mbclose {position:absolute;top:0;right:0;}
	#mbfoot {display:table-row;height:1.8em;font-size:100%;line-height:180%;}
	#mbfootcell {display:table-cell;}
	#mbview {display:table-row;height:100%;position:relative;}
	#mbcasthold {display:table-cell;position:relative;width:100%;height:100%;}
	#mbcasthold * {display:block;position:absolute;top:0;left:0;bottom:0;right:0;max-width:97%;max-height:97%;margin:auto;border:1px solid rgb(60,60,60);opacity:0;transition:0.3s 0s opacity linear;}
	#mbcasthold *.mbcastfadein {opacity:1;}
	#mbcasthold *.mbcastfadeout {opacity:0;}
	#mbcasthold img {pointer-events:none;}
	#mbloading {position:absolute;width:20%;padding:1em 1% 1em 1%;border-radius:6px;margin:0 39% 0 39%;color:rgb(180,180,180);border:1px solid rgb(60,60,60);left:0;top:40%;background-color:rgba(0,0,0,0.8);text-align:center;transition:0.6s 0s opacity linear;opacity:0;}
	#mbloading.mbact {opacity:1;}
	#mbloading:before {content:"B";font-family:toolbuttbs;display:inline-block;animation:loader 3s ease-in 0s infinite;position:relative;top:-0.05em;padding-right:0.7em;}
	@keyframes loader { 0% {transform: scale(1);opacity:0;} 50% {opacity:1;} 90% {transform: scale(1.8);opacity:0;} 100% {opacity:0;} }
	#mbccont {position:relative;text-align:center;padding:0 10% 0 10%;font-size:1.6vw;}
	a.mbjackframe {font-family:toolbuttbs;display:inline-block;box-shadow:inset -0.05em 0.05em 0.15em 0 rgba(0,0,0,0.8);border:1px solid rgb(80,80,80);width:100%;margin:0 0 9% 0;font-size:120%;line-height:330%;cursor:pointer;background-color:rgba(50,50,50,0.7);background-repeat: no-repeat;background-position:center;/*background-size:cover;*/background-size:contain;}
	a.mbjackframe:after {content:"Z";opacity:0;background-color:rgba(0,0,0,0);display:block;font-size:100%;transition-property: opacity,font-size,background-color; transition-duration:0.4s;transition-timing-function:ease-out;color:rgb(250,250,250);}
	a.mbjackframe:hover:after {opacity:0.7;background-color:rgba(0,0,0,0.4);font-size:140%;}
	a.mbjackframe.selected {border-color:rgb(150,150,150);}
	.mbscroll {font-family:toolbuttbs;line-height:150%;color:rgba(255,255,255,0.6);text-align:center;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;cursor:pointer;}
	.mbscroll:hover {color:rgba(255,255,255,0.9);}
	.mbscroll.down {padding:0.5em 0 0.25em 0;}
	.mbscroll.down:after {content:"D";}
	.mbscroll.up {padding:0 0 0.5em 0;}
	.mbscroll.up:after {content:"U";}
	#mbfoottab {display:table;width:97%;height:100%;position:relative;margin: 0 auto 0 auto;color:rgb(130,130,130);}
	#mbfoottab div {cursor:default;text-align:center;padding:0 0.6em 0 0.6em;display:table-cell;vertical-align:top;position:relative;}
	#mbfoottab div:before,#mbdload:before {font-family:toolbuttbs;display:inline-block;position:relative;top:-0.1em;padding:0 0.3em 0 0;}
	#mbfoottab div:first-child {text-align:left;padding:0;}
	#mbfoottab div:last-child {text-align:right;padding:0;}
	#mb105:before {content:"B";}
	#mb080:before {content:"5";}
	#mb116:before {content:"7";}
	#mbfoottab div #mb120:before {content:"";padding:0;}
	#mbdload,#mbdload:visited {color:rgb(130,130,130);}
	#mbdload:before {content:"6";}
	#mbdload:hover,#mbdload:active{color:rgb(255,193,85); }
	#videoframe{outline:0 !important;width:95%;height:95%;} /* if restricct res max-width:704px;max-height:396px;*/
	#audioframe {outline:0 !important;border:none;width:95%;height:95%;}
	#audioframe.mbsoundcloud {max-width:300px;max-height:120px;}
/* --- debug*/
	pre {font-family:Verdana,Arial,Helvetica,sans-serif;font-size:78.5%;margin:0px;padding:0px;}
	#debug,#spy {position:absolute;width:40%;white-space:pre-wrap;color:rgba(255,255,255,0.7);margin:4px 5px 5px 5px;padding:3px 25px 5px 25px;border:1px solid rgb(80,80,80);background-color:rgba(0,0,0,0.5);-moz-user-select:text;-webkit-user-select:text;-ms-user-select:text;z-index:1000;
	-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;display:none;top:0px;}
	#debug {right:0px;max-height:240px;overflow:auto;} /*left:0px;*/
	#spy {left:0px;}
/* --- conditional */
	@media only screen {
		@media (max-width: 975px) {
			.mastercolbase {width:96%;}
			.footadr {white-space:normal;}
			#mbfoot {font-size:1.4vw;}
		}
		@media (max-width: 930px) {
			#rowhead {height:85px;} /*logo+menu*/
			.header {padding:24px 0 0 0;}
			#headlog {font-size:30px;padding:11px 16px 0 32px;}
			#logo_line {height:58px;}
			#logo_sub {padding:0 0 0 97px;}			
		}
		@media (pointer: coarse) { #remark {max-width:1001px;} }
		@media (max-width: 675px) { /* headmenu limit*/
			#remark {z-index:2;}
			.mastercolbase {width:96%;margin:0 0 0 4%;}
			#rowhead {height:80px;}
			.header {padding:8px 0 0 0;}
			#headlog {font-size:20px;padding:11px 0 0 0;}
			#logo_name {padding:0 10px 0 0;}
			#logo_line {height:34px;}
			#logo_sub {padding:0;font-size:37.5%;}	
			#logo_kor {padding:0;}
			#navarea {z-index:200;position:absolute;right:0;top:29px;padding:0 0 0 0;text-align:right;font-size:18px;line-height:20px;font-weight:bold;}
			#nav {display:block;text-align:left;}
			#navarea:hover {width:70%;}
			#nav,#langswitch { display:none; }
			#nav > ul.hi { display:block; } 
			#nav ul ul { box-shadow:none;visibility:visible;position:relative;top:auto;left:auto;}
			#nav ul li {display:block;background-color:rgba(0,0,0,0.8);border-width: 1px 0 0 1px;border-style:solid;border-color:rgba(200,200,200,0.4);}
			#nav ul li:hover,#langswitch a:hover{ background-color:rgba(60,60,60,0.8); }
			#nav ul > li {border-width: 0 0 1px 1px;}
			#nav ul > li:first-child {border-top-width:1px;}
			#nav a,#nav a:visited,#langswitch a,#langswitch a:visited {position:relative;padding:0.5em 0.6em 0.5em 0.6em;white-space:normal;}
			#nav ul ul li a,#nav ul ul li a:visited {position:relative;padding:0.5em 0.6em 0.5em 1.9em;white-space:normal;}
			#nav ul ul li a:before {content:">";font-family:toolbuttbs;font-weight:normal;font-size:85.8%;vertical-align:bottom;padding:0 0.45em 0 0;}
			#nav ul.hi > li > a:before,#langswitch a:before {content:"•";font-family:toolbuttbs;font-weight:normal;font-size:85.8%;vertical-align:bottom;padding:0 0.45em 0 0;}
			#langswitch a,#langswitch a:visited {border-width: 0 0 1px 1px;border-style:solid;border-color:rgba(200,200,200,0.4);background-color:rgba(0,0,0,0.92);}
			#navarea:hover > #nav { display:block;height:auto;}
			#navarea:hover > #langswitch { display:inline-block;height:auto;}
			.navdyn {transition:1s 0s top ease;-webkit-transition:1s 0s top ease;-moz-transition:1s 0s top ease;-o-transition:1s 0s top ease;}
			#navheadlink {vertical-align:middle;display:block;color:rgb(220,220,220);}
			#navheadlink:after {content:"=";display:inline-block;margin:0 0 0 6px;padding:7px 2px 7px 6px;font-family:toolbuttbs;font-size:26px;vertical-align:middle;background-color:rgba(0,0,0,0.8);border-radius:6px 0 0 6px;border-width:1px 0 1px 1px;border-style:solid;border-color:rgba(200,200,200,0.7);}
			#nav ul ul {display:none;}
			#nav > ul.hi a.switch:before {content:"+";}
			#nav > ul.hi a.close:before {content:"-";}
			#nav > ul.hi a.close + ul {display:block;}
			#mbtools {line-height:150%;height:1.5em;}
		}
		@media (max-width: 450px) {
			#bgimg {background-size: 150%;}
			#mbtools span {padding:0 0.5em 0 0.5em;}
		}
		@media (max-aspect-ratio: 1/1) { /*tall aspect*/
			#bgimg {background-position-y:0;}
			#mbmain {float:none;}
			#mbmain.sidebar {width:100%;height:87%;}
			#mbmain.sidebar #mbtoolscell,#mbmain.sidebar #mbcasthold {border:none;}
			#mbmain.sidebar #mbfootcell {border-width:0 0 1px 0;}
			#mbchoose {float:none;overflow-y:visible;overflow-x:auto;}
			#mbchoose.sidebar {width:100%;height:13%;}
			#mbccont {text-align:left;padding:1.3vh 0 0 0;font-size:1.9vh;white-space:nowrap;}
			.mbscroll {display:inline-block;vertical-align:middle;line-height:410%;}
			.mbscroll.down {padding:0 0.25em 0 0.5em;}
			.mbscroll.down:after {content:">";}
			.mbscroll.up {padding:0 0.5em 0 0;}
			.mbscroll.up:after {content:"<";}
			#mbchoosejacks {display:inline-block;vertical-align:middle;}
			a.mbjackframe {width:auto;margin:0 0.7em 0 0;width:5em;text-align:center;vertical-align:middle;}
			@media (max-width: 675px) {
				#mbfoot {font-size:2.2vw;height:1.9em;line-height:130%;}
				#mbfoottab div {text-align:left;padding:0;}
				#mbfoottab div:first-child {display:none;}
				#mbfoottab div:last-child {text-align:left;padding-bottom:0;}
			}
		}
	}