@charset "utf-8";


/* **************************************** ** section01 ** **************************************** */

	#content.main #section01{background:#000 url("../../../images/site/main/section_bg_01.jpg") no-repeat top center;background-size:cover;}
	#content.main .section .wrap .js-scr-box{-webkit-transform:translate(0, 40px);-moz-transform:translate(0, 40px);-ms-transform:translate(0, 40px);-o-transform:translate(0, 40px);transform:translate(0, 40px);opacity:0;filter:alpha(opacity=0);}
	#content.main #section01 .wrap{width:1200px;margin:0 auto;position:relative;}
	#content.main #section01 .inner_logo{margin:-150px auto 0 auto;text-align:center;}
	#content.main #section01 .wrap .title{font-size: 60px;line-height: 80px;color: #fff;max-width: 940px;position: relative;}
	#content.main #section01 .wrap .title span {display: inline-block;padding-top: 80px;overflow: hidden;box-sizing: border-box;-webkit-transition: all 0s cubic-bezier(0.165,  0.84,  0.44,  1);transition: all 0s cubic-bezier(0.165,  0.84,  0.44,  1);}
	#content.main #section01 .wrap .text {font-size: 24px;font-weight: 500;margin-bottom: 21px;color: #fff;font-family: Raleway, sans-serif;letter-spacing: 2px;}
	#content.main #section01 .wrap .text span {display: inline-block;height: 30px;line-height: 30px;padding-top: 30px;overflow: hidden;box-sizing: border-box;-webkit-transition: all 0s cubic-bezier(0.165,  0.84,  0.44,  1);transition: all 0s cubic-bezier(0.165,  0.84,  0.44,  1);}
	#particles-js{position:absolute;height:100%;width:100%;top:0px;left:0px;opacity:0.22;}
	#box1{height:auto;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:400px;text-align:center;}
	#box1 .thank{text-align:center;}
	#box1 .thank svg{width:100%;}

	.notice_slide_wrap{position:absolute;z-index:99;width:1400px;margin-left:-700px;left:50%;bottom:100px;}
	.notice_slide_wrap .notice_slide{position:relative;margin-bottom:0px !important;}
 	.notice_slide .item.slick-active .copy{opacity:1;}
	.notice_slide .item{margin:0 10px;padding:50px;text-align:center;}
	.notice_slide .item img{max-width:100%;display:block;margin:0 auto;}
	.notice_slide .slick-dots{position:absolute;left:0;bottom:-30px;}
	.notice_slide .slick-dots li.slick-active button:before{color:#fff;}
	.notice_slide .slick-dots li button:before{color:#fff;font-size:15px;}

	.notice_slide .slick-arrow{position:absolute;top:50%;margin-top:-40px;width:80px;height:80px;left:-80px;background:rgba(255,255,255,0.1);display:block;cursor:pointer;z-index:9;text-indent:-9999px;transition:0.5s;}
	.notice_slide .slick-arrow:before{display:block;content:'';position:absolute;top:50%;left:50%;width:30px;height:30px;margin-left:-10px;margin-top:-15px;border:1px solid rgba(255,255,255,0.9);border-top:0;border-left:0;transform:rotate(135deg);transition:0.5s;}
	.notice_slide .slick-arrow.slick-next{left:auto;right:-80px;}
	.notice_slide .slick-arrow.slick-next:before{transform:rotate(-45deg);margin-left:-20px;}
	.notice_slide .slick-arrow:hover,.notice_slide .slick-arrow:hover:before{border-color:rgba(255,255,255,1);}


	@keyframes dash1 {
	  from {stroke-dashoffset: 0;}
	  to {stroke-dashoffset: 2000;}
	} 
	#box3{display:none;width:400px;height:400px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);}
	#box3 .st0{animation:circle-anima 15s infinite linear;transform-origin:center;fill: none;
	  opacity: 0;stroke: rgba(255,255,255,0.55);stroke-width: 2;stroke-linecap: round;stroke-linejoin: round;stroke-dasharray: 5.0035,15.0104;z-index:-5;}

	@keyframes circle-anima {
	  0% {""}
	  10% {opacity:1}
	  100% {transform: rotate(360deg)}
	}

	@media (max-width:1600px){
	    .notice_slide_wrap{width:100%;margin-left:0px;left:auto;bottom:70px;}
	}

	@media (max-width:1023px){
	    #box1{width:360px;}
		.notice_slide .item{padding:30px;}
	}

	@media (max-width:767px){
		#content.main #section01 .inner_logo{width:300px;}
	    #box1{width:300px;}
		.notice_slide .item{padding:0px;margin:0 5px;}
	}

	@media (max-width:520px){
	    #box1{width:300px;}
	}

/* **************************************** ** section02 ** **************************************** */

	#content.main #section02{background: url("../../../images/site/main/section_bg_02_1.jpg") center center no-repeat;background-size:cover;}



/* **************************************** ** section02,4 ** **************************************** */

	#content.main #section02,#content.main #section04{background:#000;}
	.main-link.section{position:relative;}
	.main-link .link-contents{height:100%;display:flex;display:-ms-flexbox;flex-wrap:wrap;-ms-flex-wrap:wrap;}
	.main-link .link-contents .box{height:100%;min-height:500px;width:50%;flex:0 50%;-ms-flex:0 50%;max-width:50%;background-repeat:no-repeat;background-position:center center;background-size:cover;display:table;text-align:center;}
	.link-contents .box.company{background-image:url("../../../images/site/main/main_link_company.jpg");}
	.link-contents .box.business{background-image:url("../../../images/site/main/main_link_business.jpg");}
	.link-contents .box.office{background-image:url("../../../images/site/main/main_link_office.jpg");}
	.link-contents .box.mall{background-image:url("../../../images/site/main/main_link_mall.jpg");}
	.link-contents .box .box-inner{display:table-cell;vertical-align:middle;}
	.link-contents .box .box-inner h4{text-transform:uppercase;display:block;color:#fff;}
	.link-contents .box .box-inner p{color:#97999b;display:block;margin:10px auto 50px auto;}
	.link-contents .box .box-inner p span{text-transform:uppercase;}
	.link-contents .box .box-inner a{padding:12px 40px;font-size:0.875em;color:#fff;border:1px solid rgba(255,255,255,0.48);text-align:center;background:transparent;text-transform:uppercase;}
	.link-contents .box .box-inner a:hover{background:#ff7200;color:#fff;border:1px solid #ff7200;}


	@media (max-width:1023px){
	}

	@media (max-width:767px){
		.main-link .link-contents .box{height:50%;min-height:300px;width:100%;flex:0 100%;-ms-flex:0 100%;max-width:100%;}
	    .link-contents .box .box-inner p{margin:0 auto 30px auto;}
		.link-contents .box .box-inner a{padding:10px 25px;}
	}


/* **************************************** ** section03 ** **************************************** */

	#content.main #section03{background: url("../../../images/site/main/section_bg_02_2.jpg") center center no-repeat;background-size:cover;}





/* **************************************** ** indicator ** **************************************** */

	#content.main #indicator{position:absolute;top:0;right:40px;height:100%;}
	#content.main #indicator:after{position:absolute;top:0;left:-48px;width:1px;height:100%;content:'';background:#fff;opacity:0.2;}
	#content.main #indicator .mainIndi{position:absolute;width:95px;top:50%;z-index:999;margin-top:-162px;text-align:center;right:0;}
	#content.main #indicator .mainIndi li{margin:50px 0;transition:all 0.4s ease;height:5px;}
	#content.main #indicator .mainIndi li:first-child{margin-top:0;}
	#content.main #indicator .mainIndi li a{display:inline-block;vertical-align:top;position:relative;width:5px;height:5px;margin:0 auto;border-radius:50%;background:#fff;transition:all 0.4s ease;}
	#content.main #indicator .mainIndi li a span{display:block;text-transform:uppercase;color:#fff;position:absolute;top:50%;margin-top:-7px;right:0;padding-right:18px;width:140px;text-align:right;word-break:keep-all;white-space:nowrap;font-size:13px;font-weight:500;transition:all 0.4s ease;}
	#content.main #indicator .mainIndi li a span:before{top:-30px;position:absolute;right:17px;font-size:23px;opacity:0;}
	#content.main #indicator .mainIndi li a span:after{position:absolute;right:-13px;top:50%;content:'';width:24px;height:1px;background:#fff;transform:scale(0,  1);transition:all 0.4s ease;transform-origin:left;}
	#content.main #indicator .mainIndi li:nth-child(1) a{background-image:url("../../../images/site/main/main_indi_icon1.png");background-size:5px 5px;background-repeat:no-repeat;background-position:50% 50%}
	#content.main #indicator .mainIndi li:nth-child(1) a span:before{content:"01";}
	#content.main #indicator .mainIndi li:nth-child(2) a{background-image:url("../../../images/site/main/main_indi_icon3.png");background-size:5px 5px;background-repeat:no-repeat;background-position:50% 50%}
	#content.main #indicator .mainIndi li:nth-child(2) a span:before{content:"02";}
	#content.main #indicator .mainIndi li:nth-child(3) a{background-image:url("../../../images/site/main/main_indi_icon2.png");background-size:5px 5px;background-repeat:no-repeat;background-position:50% 50%}
	#content.main #indicator .mainIndi li:nth-child(3) a span:before{content:"03";}
	#content.main #indicator .mainIndi li:nth-child(4) a{background-image:url("../../../images/site/main/main_indi_icon3.png");background-size:5px 5px;background-repeat:no-repeat;background-position:50% 50%}
	#content.main #indicator .mainIndi li:nth-child(4) a span:before{content:"04";}
	#content.main #indicator .mainIndi li.active{height:95px;}
	#content.main #indicator .mainIndi li.active a{background-color:#1d4f26;width:95px;height:95px;background-image:url("../../../images/site/main/main_indi_icon1.png");-webkit-background-size:auto;background-size:auto;}
	#content.main #indicator .mainIndi li.active a span{font-size:17px;right:97px;}
	#content.main #indicator .mainIndi li.active a span:before{opacity:1;transition:all 0.4s ease;}
	#content.main #indicator .mainIndi li.active a span:after{transform: scale(1,1);}
	#content.main #indicator .mainIndi li.active:nth-child(1) a{background-image:url("../../../images/site/main/main_indi_icon1.png");}
	#content.main #indicator .mainIndi li.active:nth-child(2) a{background-image:url("../../../images/site/main/main_indi_icon3.png");}
	#content.main #indicator .mainIndi li.active:nth-child(3) a{background-image:url("../../../images/site/main/main_indi_icon2.png");}
	#content.main #indicator .mainIndi li.active:nth-child(4) a{background-image:url("../../../images/site/main/main_indi_icon3.png");}

	@media (max-width:1280px){
	    #content.main #indicator{display:none;}
	}

	@media (max-width:1023px){
	}

	@media (max-width:768px){
	}


/* **************************************** ** 카드신청 ** **************************************** */

	.fix_card{position:fixed;right:40px;bottom:100px;width:100px;height:90px;background:url('../../../images/site/main/card_image.png') no-repeat top center;}
	.fix_card .fix_button{background:#f47d47;position:absolute;left:50%;margin-left:-35px;top:-50px;width:70px;height:70px;line-height:1.3;border-radius:50%;display:table;text-align:center;box-shadow:5px 5px 10px rgba(0,0,0,0.33);}
	.fix_card .fix_button span{display:table-cell;vertical-align:middle;color:#fff;font-size:0.813em;}

	@media (max-width:1280px){
	    .fix_card{right:10px;bottom:30px;background:none;}
	}

	@media (max-width:1023px){
	}

	@media (max-width:768px){
	}