@import url("fonts.css");
/* reset */
		*{margin:0;padding:0;box-sizing:border-box;word-break: keep-all;}
		body,input,select,textarea,button{font:16px/1.5 'NanumBarunGothic','돋움','굴림','Gulim',sans-serif ; color:#333;}
		a,img,input{outline:none;}
		li{list-style:none;vertical-align:top;}
		img,fieldset,iframe{border:none 0;vertical-align:top;border:0 none;}
		input,select,button{vertical-align:middle;}
		strong,em,address,th{font-style:normal;font-weight:normal;}
		label,button{cursor:pointer;margin-bottom: 0;}
		.hide,.skip,legend,caption{position:absolute;left:-9999px;width:0;height:0;font-size:0;overflow:hidden;text-indent:-9999px;}
		table{width:100%;table-layout:fixed;border-spacing:0;border-collapse:collapse;}
		a{text-decoration:none;color:#333;}
		a:hover,a:focus{text-decoration:none;}
		input[type="text"], input[type="password"]{border:1px solid #ddd;padding:0 6px;}
		button{border: 0;}
		label{font-weight: normal;position: relative;top: 2px;}
		textarea{border: 1px solid #ddd;}
		i{font-style: normal;}
		td{word-wrap:break-word}

		/* css */
		html, body{width: 100%;height: 100%;}
		body{background-color: #1D2D34;}

				
		#wrap{width: 100%;height: 100%;position: relative;}
		#wrap h1{position: absolute;left:50%; transform:translateX(-50%);top: 100px;z-index:9}

		.btn_wrap{width: 760px;display:flex;color: #fff;z-index:3;position: absolute; left:50%; transform:translateX(-50%);top: 350px;}
		.btn_wrap li:first-child{margin-right: 230px;}
		.btn_wrap li div{width: 265px;text-align: center;font-size: 18px;}
		.btn_wrap li div span{display: block;color: rgba(255,255,255,.3);font-weight: normal;font-size: 14px;}
		.btn_wrap li div.btn{margin-bottom: 30px;}
		.btn_wrap li div.btn a{display: inline-block;width: 263px;height: 263px;border-radius:24px;position: relative;}

		.btn_wrap li div.btn_01 a{background-color: rgba(0,0,0,0);}
		.btn_wrap li div.btn_01 a:hover{background: rgba(255,255,255,.5) url('/images/logo_laon_golf.png') center center no-repeat;border: 1px solid #fff;background-size: 100% auto;}
		.btn_wrap li div.btn_01 a:hover:after{background-image: none;}
		.btn_wrap li div.btn_01 a:after{background-image:url('/images/intro_bg01.jpg'); top:0;left:0;position:absolute; background-size:auto 100%;opacity:1!important;filter:alpha(opacity=100);z-index:-1;content:"";width: 263px;height: 263px;border-radius:24px;background-position: center center;}
		.btn_wrap li div.btn_01.on a{background-color: rgba(0,0,0,.5);}

		.btn_wrap li div.btn_02 a{background-color: rgba(0,0,0,0);}
		.btn_wrap li div.btn_02 a:hover{background: rgba(255,255,255,.5) url('/images/logo_laon_horse.png') center center no-repeat;border: 1px solid #fff;background-size: 100% auto;}
		.btn_wrap li div.btn_02 a:hover:after{background-image: none;}
		.btn_wrap li div.btn_02 a:after{background-image:url('/images/intro_bg02.jpg'); top:0;left:0;position:absolute; background-size:auto 100%;opacity:1!important;filter:alpha(opacity=100);z-index:-1;content:"";width: 263px;height: 263px;border-radius:24px;background-position: center center;}
		.btn_wrap li div.btn_02.on a{background-color: rgba(0,0,0,.5);}


		#footer{position: fixed;width: 100%;height: 140px;left: 0;bottom: 0;background-color: #000;z-index:9;background-color: #232323;color: #7F7F7F;padding-top: 20px;font-size: 12px;}
		#footer ul{width: 760px;margin: 0 auto;display:flex;}
		#footer ul li:first-child{width:495px ;}
		#footer.on{background-color: rgba(35,35,35,.5);color: #fff;}

		.img01-bg{width: 100%; height: 100%; position: absolute; background:url('/images/intro_bg01.jpg') no-repeat center center/cover; top: 0; left: 0; opacity:0; transition:1s;z-index:2}
		.img02-bg{width: 100%; height: 100%; position: absolute; background:url('/images/intro_bg02.jpg') no-repeat center center/cover; top: 0; left: 0; opacity:0; transition:1s;z-index:2}
		.img01-bg.on{opacity:1;}
		.img02-bg.on{opacity:1;}

		@media (max-width:768px){
			.btn_wrap{position:static; display: block;width: 100%;transform:none;padding-top: 220px;padding-bottom: 30px;background-color: #1D2D34;}
			.btn_wrap li:first-child{margin-right: 0;}
			.btn_wrap li div{width: 100%;margin-bottom: 10px;font-size: 16px;}
			#wrap h1{top: 80px;}
			#wrap h1 img{width: 130px;}
			.btn_wrap li div.btn a, .btn_wrap li div.btn a:after{width: 140px;height: 140px;border-radius:14px;z-index:9}
			.btn_wrap li div.btn{margin-bottom: 0;}
			#footer{position:static; padding-left: 26px;height: auto;padding-bottom: 20px;}
			#footer ul{width: 100%;display: block;}
			.img01-bg, .img02-bg{display: none;}
			.btn_wrap li div span{font-size: 12px;}
			#footer ul li:first-child{width: 100%;padding-bottom: 16px;}
			body{background-color: #232323;}
		}