@charset "utf-8";

/* === nav scroll bar === */

nav#scroll{
	background-color:rgba(3,1,15,0.5);
	color:#ffffff;
	width:60px; height:100%;
	position:fixed;
	top:0; right:0;
	z-index:101;
	}
#scroll ol{
	position:absolute;
	top:50%; right:20px;
	width:200px; height:120px;
	margin-top:-60px;
	text-align:right;
	font-weight:400;
	z-index:102;
	}
.clickJump span{
	display:none;
	font-size:1em;
	line-height:180%;
	vertical-align:middle;
	}
.clickJump .material-icons{
	line-height:180%;
	vertical-align:middle;
	}
.clickJump:hover{
	color:#e75300;
	}
.clickJump:hover span{
	display:inline-block;
	}
#scroll div{
	position:absolute;
	bottom:20px; right:10px;
	width:40px; height:40px;
	text-align:center;
	}
#scroll div a{display:block; margin-top:4px;}
#scroll div:hover{
	background-color:#e75300;
	-webkit-border-radius:20px;
	border-radius:20px;
	color:#ffffff;
	}

/* === main 소간지 === */

main{
	width:100%; min-width:1200px; height:875px;
	background:url('../images/img_main04.jpg') no-repeat center center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	-ms-background-size:cover;
	background-size:cover;
	background-color:#03010f;
	color:#ffffff;
	position:relative;
	}
#mainTitle{
	width:1000px; height:800px;
	position:absolute;
	top:50%; left:20%;
	margin-top:-200px;
	}
#mainBox{
	width:50%; height:130px;
	position:absolute;
	bottom:-45px; right:0%;
	}
#mainBox a{
	font-size:1.05em;
	}
#mainBox .mainRoll{
	width:33%; height:130px;
	padding:20px;
	background-color:#03010f;
	}
#mainBox .mainRoll:first-child{
	background-color:#e75300;
	}
#mainBox .mainRoll:hover{
	background-color:#333335;
	}

/* === section === */

article > h3, article > h3~p{
	text-align:center;
	}
article h3 .material-icons{
	color:#e75300;
	line-height:170%;
	vertical-align:bottom;
	}
article p{
	margin:20px 0 50px 0;
	}
article .goArrow a{
	text-align:center;
	}
	
/* === article 1 magazine === */

article#magazine{
	background-color:#f1f5f9;
	padding:180px 0 100px 0;
	}
#magBox{max-width:1200px; margin:0 auto;}
#magBox .mag{
	width:330px; height:430px;
	margin:0 35px;
	background-color:#333335;
	-webkit-box-shadow:0 0 10px rgba(0,0,0,0.5);
	-moz-box-shadow:0 0 10x rgba(0,0,0,0.5);
	-o-box-shadow:0 0 10px rgba(0,0,0,0.5);
	-ms-box-shadow:0 0 10px rgba(0,0,0,0.5);
	box-shadow:0 0 10px rgba(0,0,0,0.5);
	}
.mag #magImg1{
	width:330px; height:295px;
	background:url('../images/20200128_02_thumb.jpg') no-repeat center center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	-ms-background-size:cover;
	background-size:cover;
	background-color:#03010f;
	position:relative;
	}
.mag #magImg2{
	width:330px; height:295px;
	background:url('../images/51_rx100m7.jpg') no-repeat center center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	-ms-background-size:cover;
	background-size:cover;
	background-color:#03010f;
	position:relative;
	}
.mag #magImg3{
	width:330px; height:295px;
	background:url('../images/20200129_01_thumb.jpg') no-repeat center center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	-ms-background-size:cover;
	background-size:cover;
	background-color:#03010f;
	position:relative;
	}
.mag .icon{
	position:absolute;
	top:15px; left:15px;
	z-index:50;
	}
.mag .magTxt{
	width:330px; height:135px;
	padding:15px 20px;
	}
.mag .magTxt h5{
	color:#ffffff;
	margin-top:5px;
	font-weight:400;
	}
.mag .magTxt .material-icons{
	font-size:30px;
	vertical-align:bottom;
	}
.mag a:hover h5 .material-icons{
	color:#e75300;
	}
.mag a:hover .icon{
	color:#e75300;
	border:2px solid #e75300;
	}
#magazine .goArrow{
	margin:0 auto;
	padding:50px 0 0 30px;	
	}

/* === article 2 video === */

article#video{
	background-color:#333335;
	color:#ffffff;
	padding:100px 0;
	position:relative;
	height:920px;
	}
#vidSelect a > i{
	font-size:60px;
	}
#vidSelect a:first-child{
	position:absolute;
	top:50%; left:-50px;
	margin-top:-30px;
	z-index:60;
	}
#vidSelect a:last-child{
	position:absolute;
	top:50%; right:-70px;
	margin-top:-30px;
	z-index:60;
	}
#vidSelect a:hover > i{
	color:#e75300;
	}
#vid1{
	width:835px;
	margin:0 auto;
	position:absolute;
	top:290px; left:50%;
	margin-left:-418px;
	z-index:50;
	}
#vid1 h6{
	position:absolute;
	top:10px; left:20px;
	z-index:51;
	}
#vid2{
	width:710px;
	margin:0 auto;
	position:absolute;
	top:320px; left:42%;
	margin-left:-355px;
	z-index:40;
	}
#vid2 h6{
	position:absolute;
	top:10px; left:20px;
	z-index:41;
	}
#vid3{
	width:710px;
	margin:0 auto;
	position:absolute;
	top:320px; left:58%;
	margin-left:-355px;
	z-index:30;
	}
#vid3 h6{
	position:absolute;
	top:10px; left:20px;
	z-index:31;
	}
#vid4{
	width:604px;
	margin:0 auto;
	position:absolute;
	top:345px; left:36%;
	margin-left:-302px;
	z-index:20;
	}
#vid4 h6{
	position:absolute;
	top:10px; left:20px;
	z-index:21;
	}
#vid5{
	width:604px;
	margin:0 auto;
	position:absolute;
	top:345px; left:64%;
	margin-left:-302px;
	z-index:10;
	}
#vid5 h6{
	position:absolute;
	top:10px; left:20px;
	z-index:11;
	}
#video .goArrow{
	margin:0 auto;
	margin-top:520px;
	padding:50px 0 0 30px;	
	}

/* === article 3 event === */

article#event{
	background-color:#f1f5f9;
	padding:100px 0;
	}
#tabNavi{
	width:300px;
	margin:0 auto;
	}
#tabNavi li{
	display:inline-block;
	text-align:center;
	width:100px; height:30px;
	margin-bottom:30px;
	}
#tabNavi li:first-child{
	margin-right:100px;
	}
#tabNavi .tabSelect{
	font-weight:700;
	border-bottom:2px solid #e75300;
	}
#tabMenu{max-width:1200px; margin:0 auto;}
#tabMenu .tab{
	width:360px; height:335px;
	margin:0 20px;
	background-color:#ffffff;
	border:1px solid #9f9f9f;
	}
#tabMenu .tab:nth-child(1), #tabMenu .tab:nth-child(2), #tabMenu .tab:nth-child(3){
	margin-bottom:40px;
	}
.tab #tabImg1{
	width:360px; height:205px;
	background:url('../images/20200116_01_kjr9_list.jpg') no-repeat center center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	-ms-background-size:cover;
	background-size:cover;
	background-color:#03010f;
	position:relative;
	}
.tab #tabImg2{
	width:360px; height:205px;
	background:url('../images/20191230_01_list.jpg') no-repeat center center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	-ms-background-size:cover;
	background-size:cover;
	background-color:#03010f;
	position:relative;
	}
.tab #tabImg3{
	width:360px; height:205px;
	background:url('../images/20191226_03_list.jpg') no-repeat center center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	-ms-background-size:cover;
	background-size:cover;
	background-color:#03010f;
	position:relative;
	}
.tab #tabImg4{
	width:360px; height:205px;
	background:url('../images/20191226_02_list.jpg') no-repeat center center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	-ms-background-size:cover;
	background-size:cover;
	background-color:#03010f;
	position:relative;
	}
.tab #tabImg5{
	width:360px; height:205px;
	background:url('../images/20191224_01_list.jpg') no-repeat center center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	-ms-background-size:cover;
	background-size:cover;
	background-color:#03010f;
	position:relative;
	}
.tab #tabImg6{
	width:360px; height:205px;
	background:url('../images/20191226_03_list.jpg') no-repeat center center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	-ms-background-size:cover;
	background-size:cover;
	background-color:#03010f;
	position:relative;
	}
.tab .tabTxt{
	width:360px; height:130px;
	padding:15px 20px;
	}
.tab .tabTxt h5{
	margin-top:5px;
	font-weight:400;
	}
.tab .tabTxt .material-icons{
	font-size:30px;
	vertical-align:bottom;
	}
.tab a:hover h5 .material-icons{
	color:#e75300;
	}
	
#event .go{
	margin:0 auto;
	width:410px;
	padding:0 0 50px 0;	
	}
#event .go .goArrow{
	width:180px; height:50px;
	margin-top:60px;
	padding:7px 0;
	border:1px solid transparent;
	background:#9f9f9f;
	color:#ffffff;
	text-align:center;
	font-weight:700;
	cursor:pointer;
	}
#event .go .goArrow:first-child{ 
	margin-right:50px;
	}
#event .go .goArrow:hover{
	border:1px solid #e75300;
	color:#ffffff;
	background:#e75300;
	}
	
/* === aside 4 banner === */

aside#banner{
	background-color:#03010f;
	color:#ffffff;
	width:100%; min-width:1200px; height:255px;
	background:url('../images/banner_gmaster.jpg') no-repeat;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	-ms-background-size:cover;
	background-size:cover;
	}
#banner > div{width:1200px; margin:0 auto; padding-top:60px;}

/* === article 5 support === */

article#support{
	background-color:#f1f5f9;
	padding:100px 0;
	}
#support #supBox{
	width:1200px; margin:0 auto;
	}
#supBox a{
	display:block;
	width:216px; height:150px;
	margin:0 42px;
	color:#ffffff;
	}
#supBox a:nth-child(1){background-color:#e75300;}
#supBox a:nth-child(2){background-color:#6f6f75;}
#supBox a:nth-child(3){background-color:#03010f;}
#supBox a:nth-child(4){background-color:#6f6f75;}
#supBox a p{
	font-size:1.1em;
	padding:0 30px;
	}
#supBox a p:nth-child(1) .material-icons{
	font-size:30px;
	vertical-align:top;
	}
#supBox a p:nth-child(2) .material-icons{
	line-height:0;
	}

/**** Mediaquery view ****/

/* PC */

/* Tablet */

/* mobile */