@import "default.css";
h1{text-align:center;}
#mainNavi > ul > li > ul{ display:block; position:absolute;
	transition: all 0.35s;
	transform-origin:0 0;
	transform:perspective(1000px) rotateX(90deg);
}
#footer{
	height:50px; position:fixed; left:0; right:0; bottom:0; text-align:center; background-color:rgba(255,255,255,0.8);
}
.oringNumberColor{ color:rgb(0,0,0); }
@media screen and (min-width:1150px){
	/* large display 1200px 이상 */
	#outline{width:1200px; height:100%; margin:0 auto;}
	#mainNavi{text-align:center;}
	#mainNavi > ul > li{display:inline-block; padding:0 4em; position:relative;}
	#mainNavi > ul > li:hover > ul{padding:1em; width:150px; display:block; top:100%; background-color:rgb(250,250,250);
		transform:perspective(1000px) rotateX(0deg);
	}
	#mainNavi > ul > li > ul > li{font-size:0.75em;}
	section{margin:1em;}
	.topImg img{width:100%; height:auto;}
	section[class$="Section"]:nth-child(2n+1) img{float:left; margin:0.35em;}
	section[class$="Section"]:nth-child(2n) img{float:right; margin:0.35em;}
	section p{line-height:2em;}
	section p:after{content:''; display:block; clear:both;}
	#rubberSection p{vertical-align:middle;}
	#contents{padding-bottom:50px;}
	
	.showList{position:relative;}
	.showList:after{
		opacity:0;
		content:attr(data-show);
		position:absolute; top:0; right:0; bottom:0; left:0;
		color:rgb(10,250,10);
		background-color:rgb(100,100,100);
		vertical-align:top;
		transition:0.35s;
		transform:translateY(15px);
	}
	.showList:hover:after{
		opacity:1;
		transform:translateY(0); }
	table{width:100%; border:3px double rgb(10,10,240);}
	thead tr th{background-color:rgb(155,0,0); color:yellow;}
	th, td{border-right:1px solid rgb(10,10,250); border-bottom:1px dotted rgb(10,10,250); text-align:center;}
	.divideLine{border-right:double 4px purple;}
}
@media screen and (min-width:768px) and (max-width:1149px){
    /* tablet(portrait), 768px ~ 979px 까지 */

}
@media screen and (min-width:481px) and (max-width:767px){
    /* phone ~ tablet 767px 까지 */

}
@media screen and (max-width:480px){
    /* phone 480px 까지 */
		
}