body{background: #fff !important;}
		.animated {-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
		@keyframes fadeInDown {
			0% {
				opacity: 0;
				-webkit-transform: translateY(-20px);
				-ms-transform: translateY(-20px);
				transform: translateY(-20px);
			}

			100% {
				opacity: 1;
				-webkit-transform: translateY(0);
				-ms-transform: translateY(0);
				transform: translateY(0);
			}
		}
		.fadeInDown {-webkit-animation-name: fadeInDown;animation-name: fadeInDown;}


		/* common */
		#wrap {margin:0 auto; width:100%; text-align:center; background: url('/img/sub/invi/bg_pattern.png');}
		#wrap img{background:#fff !important}
		#wrap3 {margin:0 auto; width:100%; text-align:center;   /* background: url('/img/sub/invi/bg_pattern.png'); */}

		/* view */
		.pc {display:block;}
		.mo {display:none;}

		/* position*/
		.p_a{position:absolute;}
		.p_r{position:relative;}

		#main_bg {margin:0 auto; width:100%;}
		#main {width:100%; margin:0 auto; }
		#copy {color:black;padding:3%;}
		#con1{background:url('/img/sub/invi/in_01.png');  height:717px}
		
		.con1{ display: flex;   align-items: center; text-align:center;}
		.con2{padding-top:130px; display: flex;   align-items: center; text-align:center;}
		.con3{padding:55px 0; display: flex;   align-items: center; text-align:center;}
		.con4{background: black; }
		.con5{background: black;}
		div.relative {position: relative;} 
		div.absolute {position: absolute;left:50%;transform : translateX(-50%);-ms-transform : translateX(-50%);}

		.v_width{width:850px;}
		.bg_height {height:717px;}
		.pro{width:850px;margin:0 auto;}
		.margin-0-auto {margin-left: auto;margin-right: auto;}
		h1.headline{font-size:65px;font-weight:normal;line-height:95px;}
		.point-slider-1 {width: 1200px;position: relative;}
		.headline .fontsize{font-size:65px;margin-bottom:15px;display:inline-block;}

		
		.pc_main {display: block;}
		.mo_main {display: none;}

		.simply-scroll-container {position: relative;}
		.simply-scroll-clip {position: relative;overflow: hidden;}
		.simply-scroll-list {overflow: hidden;margin: 0;padding: 0;list-style: none;}
		.simply-scroll-list li {padding: 0 5px;margin: 0;list-style: none;}
		.simply-scroll-list li img {border: none;display: block;}
		.simply-scroll {margin: 0 auto;}
		.simply-scroll .simply-scroll-clip {width: 1200px;height: 444px;}
		.simply-scroll .simply-scroll-list li {float: left;width: 600px;}
		.scroller_1{position: relative;width:850px;margin:0 auto;}
		.scroller_2{position: absolute;left:50%;transform : translateX(-50%);-ms-transform : translateX(-50%);top:15%;}

		/*300평대 어쩌구 롤링 관련*/
		.csize04 {width:87.5%; max-width:980px; margin:0 auto;}
		.loct03.csize04{width:100%;}
		.loctSwiper01 {position:relative;padding-bottom:140px;}
		.loctSwiper01 .swiper-pagination{bottom:80px;left:50%;transform:translate(-50%);}
		.loctSwiper01 .swiper-pagination-bullet{width:12px;height:12px;margin:0 6px;background:#d8d8d8;opacity:1;}
		.loctSwiper01 .swiper-pagination-bullet-active{background:#232077;}
		.loctSwiper01 .swiper-button-prev{top:68%;left:-50px;color:#ddd;}
		.loctSwiper01 .swiper-button-next{top:68%;right:-50px;color:#ddd;}
		.loctSwiper01 .swiper-tab-pagi {position:absolute; left:0;top:500px; width:100%;}
		.loctSwiper01 .swiper-tab-pagi .swiper-wrapper div br {display:none;}
		.loctSwiper01 .swiper-tab-pagi .swiper-wrapper div {position:relative;color:#d8d8d8; font-size:22px; line-height:1.3;text-align:center; cursor:pointer;height:fit-content;}
		.loctSwiper01 .swiper-tab-pagi .swiper-wrapper div:after {display:block; width:23px; height:23px; margin-left:46%; margin-top:20px; border:6px solid #d8d8d8; background-color:#fff; border-radius:100%; content:''; }
		.loctSwiper01 .swiper-tab-pagi .swiper-wrapper .swiper-slide-thumb-active {color:#2f328d;}
		.loctSwiper01 .swiper-tab-pagi .swiper-wrapper .swiper-slide-thumb-active:after {border:6px solid #2f328d;}
		.loctSwiper01 .swiper-tab-pagi .slide-bar {position:absolute; left:12%; top:65px; width:80%; height:2px; background-color:#d8d8d8;}
		#con04{padding-bottom: 230px;}

		/* 모바일 css*/
		@media screen and (max-width: 850px){

			/* view */
			.pc {display:block;}
			.mo {display:none;}
			.mo_main {display: block;}
			.pc_main {display: none;}

			#copy {color:black;padding:2%;text-align:center;font-size:1em;margin-bottom:130px;}
			#con1 {background:url('/img/sub/invi/in_01.png');  height:500px}

			.width{width:100%;}
			.v_width{width:100%}
			.bg_height {height:500px;}
			.pro{width:100%;}

			.simply-scroll {position: absolute;top: 13vh;width: 100%;height: 218px;margin-bottom: 2em;}
			.simply-scroll .simply-scroll-clip {width: 100%;height: 200px;}
			.simply-scroll .simply-scroll-list li {float: left;width: 160px;}
			h1.headline{line-height:53px;font-size:30px;}
			.relative_pro_img{width:100%;}
			.scroller_1{width:100%;  position:relative;}
			.scroller_2{position : static;transform : none;}
			.loctSwiper01 {padding-bottom:110px;}
			.loctSwiper01 .swiper-tab-pagi {top:55vw;}
			.loctSwiper01 .swiper-tab-pagi .swiper-wrapper div br {display:block;}
			.loctSwiper01 .swiper-tab-pagi .swiper-wrapper div {font-size: 17px;}
			.loctSwiper01 .swiper-tab-pagi .swiper-wrapper div .space {height:50px;border: 1px solid #fff;}
			.loctSwiper01 .swiper-tab-pagi .slide-bar {top:80px;}
			.loctSwiper01 .swiper-button-prev	{display:none	}
			.loctSwiper01 .swiper-button-next	{display:none	}
			.loctSwiper01 .swiper-tab-pagi .swiper-wrapper div:after {display:block; width:20px; height:20px; margin:20px auto; border:6px solid #d8d8d8; background-color:#fff; border-radius:100%; content:''; }
			#con04{padding-bottom: 150px;}
		}