/* --- 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'); }
	.asiantxt {font-family: "Dotum","Apple SD Gothic Neo","Arial Unicode MS","Malgun Gothic",sans-serif;}
	html,body {margin:0px;padding:0px;height:100%;}
	a,a:visited	{color:rgb(208,178,128);display:inline;text-decoration:none;border:none;outline:0 !important;}
	a:hover,a:active	{color:rgb(255,193,85);}
	#contbody {font-family:play,Verdana,Arial,Helvetica,sans-serif;font-size:14px;color:rgb(250,250,250);text-align:left;background-color:transparent;}
	#contback{position:fixed;width:100%;height:100%;background-color:rgba(0,0,0,0.01);}
	#content {position:relative;-moz-user-select:text;-webkit-user-select:text;-ms-user-select:text;}
	#contall {height:100%;}
	/* --- almost dup from base*/
	#masterallsub {position:relative;height:100%;}  /*for close menu mobile*/
	.mastercol {position:relative;width:960px;padding:0 0 0 0;margin:0 auto 0 auto;}
/* --- content general*/
	table {width:100%;border-collapse:collapse;border-spacing:0px;empty-cells:show;border:none;margin:0px;padding:0px;}
	td {border:none;margin:0px;padding:0px;vertical-align:top;text-align:left;position:relative;}
	input, textarea, button,select {text-align:left;border:1px solid  rgb(126,126,126);background-color:rgb(200,200,200);width:100%;padding: 2px 5px 2px 5px; margin: 6px 0px 6px 0px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;font-size:100%;color:rgb(30,30,30);resize:none;}
	input[type=checkbox] {transform:scale(1.2);}
	button {font-family:play;text-align:left;border:1px solid rgb(126,126,126);background-color:rgb(200,200,200);color:rgb(30,30,30);width:auto;padding: 3px 10px 3px 10px; margin: 6px 0px 6px 0px;
		-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;cursor:pointer;}
	button:hover {color:rgb(186,131,0);background-color:rgba(128,128,128,0.35);}
	input.check {width:auto;margin-right:0.7em;}
	hr { clear:both;width:auto;border:none;height:1px;background-color:rgba(100,100,100,0.6);margin:0 0 2em 0;}
	ol {margin:0;padding:0 0 0 20px;list-style-position:outside;}
/*--- cols*/
	.pagecontentstd {text-align:justify;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing: grayscale;line-height:18px;}
	.pagecontentstd:after,.areacontentinner:after { content: ""; display: block; clear:both; }	
	.pagecol1,.grouppagecol6 {width:100%;}
	.pagecol3d {width:632px;float:left;margin-right:24px;}
	.pagecol3pre {width:304px;float:right;}
	.pagecol3dpre {width:632px;float:right;}
	.pagecol3 {width:304px;float:left;margin-right:24px;}
	.pagecol6 {width:140px;float:left;margin-right:24px;}
	.pagecol6:nth-of-type(6n) {margin-right:0;}
	.colend {margin-right:0;}
	.colend + * {clear:both;}
/*--- spec*/
	.bgspace {position:relative;height:4em;clear:both;}
	.bgvh100 {height:100vh;padding-bottom:2em;}
	.bgvh20 {height:20vh;}
	.bgvh45 {height:45vh;}
	.scrolldown,.scrollup {position:absolute;width:100%;font-family:toolbuttbs;font-size:250%;line-height:100%;color:rgba(255,255,255,0.35);text-align:center;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;cursor:pointer;}
	.scrolldown:hover,.scrollup:hover {color:rgba(255,255,255,0.6);}
	.scrolldown {bottom:0.6em;}
	.scrollup {top:0.35em;}
	#gallerysrc {display:none;}
/* --- headlines*/
	h1,h2 {position:relative;font-weight:normal;font-family:sqhl;font-size:100%;text-transform:uppercase;letter-spacing:0.1em;margin:-0.2em 0 0 0;padding:0 0 0.3em 0;text-align:left;clear:both;color:rgb(220,220,220);}
	h1:before,h2:before {content:">";font-family:toolbuttbs;font-weight:normal;font-size:160%;vertical-align:top;margin-left:-0.45em;color:rgba(255,255,255,0.45);line-height:55%;}
	h3 {font-family:play;font-weight:bold;font-size:100%;letter-spacing:0.04em;margin:0;padding:0;text-align:left;clear:both;color:rgb(220,220,220);}
	h3:before {content:"•";font-family:toolbuttbs;font-weight:normal;font-size:85.8%;vertical-align:bottom;padding:0 0.45em 0 0;}
	h4 {font-family:play;font-weight:bold;font-size:100%;letter-spacing:0.04em;margin:0;padding:0;text-align:left;clear:both;color:rgb(220,220,220);}
	h5 {font-family:play;font-weight:bold;font-size:100%;letter-spacing:0.04em;margin:0;padding:0;text-align:left;clear:both;color:rgb(180,180,180);}
/* --- links */
	a.zoombutt {position:relative;display:block;background-color:rgb(0,0,0);}
	a.zoombutt:after {content: "Z";font-family:toolbuttbs;position:absolute;width:100%;top:50%;opacity:0;font-size:200%;text-align:center;color:rgb(255,255,255);line-height:1px;transition-property: opacity,font-size; transition-duration:0.6s;transition-timing-function:ease-out; }
	a.zoombutt:hover:after {font-size:300%;opacity:1;}
	a.zoombutt img {opacity:1;transition: opacity 0.6s ease-out;}
	a.zoombutt:hover img {opacity:0.4;display:block;}
	.imgstd,a.zoombutt img {border:1px solid rgb(100,100,100);display:block;margin:0 0 24px 0;width:100% !important;height:auto !important;}
	/* -- */
	a.jacketbutt {font-size:100%;margin:0 0 12px 0;position:relative;display:block;color:rgb(200,200,200);height:279px;}	
	a.jacketbutt span.shade {position:absolute;display:block;width:140px;height:175px;top:0;left:0;border-radius:0.5em;background:linear-gradient(0deg,rgba(255,255,255,0) 30%, rgba(255,255,255,0.4) 60%, rgba(255,255,255,0) 90%);box-shadow:inset -0.2em 0.2em 0.2em 0 rgba(255,255,255,0.4),inset 0.2em -0.2em 0.2em 0 rgb(0,0,0); border:1px solid rgb(20,20,20);transition: color,border-color 0.6s ease-out;}
	a.jacketbutt:hover span.shade {border-color:#976e28;}
	span.shade:after  {content: "P";font-family:toolbuttbs;position:absolute;width:100%;top:50%;opacity:0;font-size:200%;text-align:center;color:rgb(240,240,240);line-height:1px;transition-property: opacity,font-size; transition-duration:0.6s;transition-timing-function:ease-out;}
	a.jacketbutt:hover span.shade:after  {font-size:300%;opacity:1;}
	a.jacketbutt img {display:block;position:relative;width:100% !important;height:auto !important;border-radius:0.5em;}
	a.jacketbutt span.sub {line-height:130%;display:block;padding:7px 7px 7px 7px;text-align:left;}
	a.jacketbutt:hover span.sub {color:rgb(255,193,85);}
	.intmedia {position:relative;}
	.intmedia:before {font-family:toolbuttbs;padding-right:0.4em;}
	.linkstd:before {content:"l";}
	.linkvideo:before {content:"v";}
	.linkaudio:before,.linkaudiostat:before {content:"a";}
	.linkimage:before {content:"i";}
	.linkmail:before {content:"m";}
	.linkanchor:before {content:"C";vertical-align: top;}
/*--- others*/
	.sign {font-family:toolbuttbs;vertical-align:bottom;}
	.subtext {font-size:84.62%;}
	.red {color:rgb(150,0,0);}
	.bold {font-weight:bold;}
	.pdfonly,.invis {display:none;}
	/*.inputbox {border:1px solid rgb(126,126,126);padding:10px;background-color:rgba(0,0,0,0.1);border-radius:6px;}*/
/* --- conditional */
	@media only screen {
	@media (max-width: 975px) { /* 3col limit*/
		.mastercol {width:96%;} /*not same as base if scrollbars*/
		.pagecol3d,.pagecol3pre,.pagecol3dpre {width:100%;margin-right:0;float:none;}
		.pagecol3 {width:48%;margin-right:4%;}
		.colend {margin-right:0;}
		.grouppagecol6 {width:468px;margin:0 auto 0 auto;position:relative;}
		.pagecol6:nth-of-type(3n) {margin-right:0;}
		.bgbotbig {height:35vh;}
		.bgbotstd {height:10vh;}
		/*input[type=checkbox] {transform-origin:top left;} ?? */
	}
	@media (max-width: 675px) { /* menu limit*/
		.mastercol {width:92%;}
	}
	@media (max-width: 512px) { /* 2col limit*/
		.mastercol {width:92%;}
		.pagecol3 {width:100%;margin-right:0;float:none;}
		.grouppagecol6 {width:304px;}
		.pagecol6:nth-of-type(3n) {margin-right:24px;}
		.pagecol6:nth-of-type(2n) {margin-right:0;}
		.bgbotbig {height:23vh;}
	}
	@media (max-width: 330px) { /*fixsize jackbutt limit*/
		.grouppagecol6 {width:140px;}
		pagecol6 {width:100%;margin-right:0;}
		.pagecol6:nth-of-type(3n),.pagecol6:nth-of-type(2n) {margin-right:0;}
		a.jacketbutt {font-size:90%;height:auto;}
	}
	}