/*common*/
*{margin:0; padding:0;}
li{list-style:none;}
a{text-decoration:none;}
.clearfix::before, .clearfix::after{content:""; display:block; clear:both;}
#wrap{width:100%;}
/*common*/

/*header*/
#logo{float:left; 
	height: 44px;
	margin-top:43px;}
#logo img{width:120px;}

header{width:100%;
		height:130px;
		background-color:#fff;
		position:fixed;
		z-index:1;}
#header_inner_wrap{width:1200px;
				   margin:0 auto;}

#nav_wrap{width:470px;
		margin:0 auto;}
nav li{float:left;
		margin-left:38px;
		line-height:130px;
		display:block;}
nav li:nth-child(1){margin-left:0px;}
nav li a{padding-bottom:10px;
		 border-bottom:3px solid rgba(0,0,0,0);} 
.nav_open{color:#8132c7;
		  padding-bottom:10px;
		  border-bottom:3px solid #8132c7;
		 transition:0.5s;}

#links{float:right;
		line-height:130px;}
#links span .link_open{color:#8132c7;
					   font-weight:600;}

/*header*/

#contents_wrap{width:100%;position:relative;
				top:130px;}

#top_main{width:100%;
			height:500px;
			background:url("../img/sub_top_img01.png");
			background-position:center;
			background-size:cover;
			background-repeat:no-repeat;}
#title_wrap{width:850px;
			height:220px;
			text-align:center;
			margin:0 auto;
			padding-top:140px;}

#title_wrap p{margin-top:30px;
					   text-align:center;
					   line-height:2em;}
h3,h4{text-align:center;}
#vision_text{width:100%;
			text-align:center;
			line-height:1.8em;}
#vision_icons{width:852px;
			  margin:0 auto;
			  margin-top:100px;}
.vision_border{width:212px;
				height:200px;
				float:left;
				text-align:center;
				border-left:1px solid #cfcfcf;}
.vision_border p{margin:0 auto;}
#vision_icons li:nth-child(1) div p{width:138px;}
#vision_icons li:nth-child(2) div p{width:144px;}
#vision_icons li:nth-child(3) div p{width:140px;}
#vision_icons li:nth-child(4) div p{width:150px;}


#vision_icons li:nth-child(1) .vision_border{border-left:none;}
.icon{width:82px;
		height:50px;				
		background-size:contain;
		background-position:center;
		background-repeat:no-repeat;
		margin:0 auto;
		margin-bottom:40px;}
#vision_icon_1{background-image:url("../img/puzzle.png");}
#vision_icon_2{background-image:url("../img/memo_p.png");}
#vision_icon_3{background-image:url("../img/multi.png");}
#vision_icon_4{background-image:url("../img/global.png");}

#fantagio_contents{width:1100px;
					margin:0 auto;
					margin-bottom:100px;}
.fantagio_subtitle{padding:100px 0;}
.fantagio_pic,#fantagio_contents p{float:left;}
.fantagio_pic{width:500px;
		   height:650px;
		   background-position:center;}
#fantagio_pic3{height:700px;}
		   #fantagio_con1,#fantagio_pic2,#fantagio_con3{margin-left:100px;}
		   /*#fantagio_pic1,#fantagio_con2,#fantagio_pic3{margin-right:50px;}*/
#fantagio_pic1{background-image:url("../img/fanta_01.jpg");}
#fantagio_pic2{background-image:url("../img/fanta_02.jpg");
			   margin-top:80px;}
#fantagio_pic3{background-image:url("../img/fanta_03.jpg");
				margin-top:-150px;}
#fantagio_contents p{width:500px;}
#fantagio_con1{height:700px;}
#fantagio_con2{height:550px;
			   margin-top:120px;
			   text-align:right;}
#fantagio_con3{margin-top:77px;}

/*footer*/
footer{width:100%;
		height:180px;
		position:relative;
		background-color:#0d0019;
		text-align:center;
		margin:0 auto;
		margin-top:200px;}
footer img{width:120px;
			height:44px;
			margin-top:48px;}
footer span{display:inline-block;
			margin-top:5px;}
/*footer*/