@charset "UTF-8";

/* S : main -----------------------------*/

#wrap.main {overflow:unset;}

#wrap #header {position:absolute; top:0px; left:0px; width:100%; z-index:10; opacity:0; pointer-events:none;}
#wrap #header.evt {opacity:1; pointer-events:all;}
#wrap #header.on {background:#fff;}

#wrap #header .top .box .logo a {position:relative; height:70px;}
#wrap #header .top .box .logo a img {position:absolute; top:0px; left:0px;}
#wrap #header .top .box .logo a img:first-child {opacity:0;}
#wrap #header .top .box .logo a img:last-child {opacity:1; display:block;}

#wrap #header.on .top .box .logo a img:first-child {opacity:1;}
#wrap #header.on .top .box .logo a img:last-child {opacity:0;}

#wrap #header .top .box .gnb ul a {color:#fff;}
#wrap #header .top .box .tel span {color:#fff;}

#wrap #header.on .top .box .gnb ul a {color:#333;}
#wrap #header.on .top .box .tel span {color:#9e9282;}
#wrap #header.on .top .box .tel span.number {color:#0f264e;}

#wrap #header .top .box .btn {background:#9e9282;}






.main .pyeongtaek .section{text-align:center;}
/* .main .pyeongtaek .section + .section{margin-top:100px;} */
.main .pyeongtaek .section .subTit{font-size:36px; font-weight:400; color:#989898; letter-spacing:-1px;}
.main .pyeongtaek .section .mainTit{margin-top:28px; font-size:52px; font-weight:600; color:#0f264e; letter-spacing:-3px;}
.main .pyeongtaek .section .mainTit + *{margin-top:80px;}

.main .pyeongtaek .section .mainVisual .animation {position:relative; width:100%; height:100vh; /* height:calc(100vh - 160px); */ overflow:hidden; background:#fff;}
.main .pyeongtaek .section .mainVisual .animation.point {position:absolute; top:0px; left:0px; z-index:10;}
.main .pyeongtaek .section .mainVisual .animation.point.out {transition:all 1.5s ease-in-out; opacity:0; pointer-events:none;}
.main .pyeongtaek .section .mainVisual .animation.point .photo-visual {display:none !important;}
.main .pyeongtaek .section .mainVisual .animation .loading {position:absolute; top:calc(50% - 174px); left:calc(50% - 174px); opacity:0;}
.main .pyeongtaek .section .mainVisual .animation .loading:after {content:''; position:absolute; top:0px; left:0px; width:348px; height:348px; background:url(../../images/yeosu35/visual_loading_itm1.png) center center no-repeat; z-index:3;}
.main .pyeongtaek .section .mainVisual .animation .loading .circle {position:absolute; top:0px; left:0px; width:348px; height:348px; z-index:1;}
.main .pyeongtaek .section .mainVisual .animation .loading .circle:after {content:''; position:absolute; top:0px; left:0px; display:block; width:348px; height:348px; background:url(../../images/yeosu35/visual_loading_bar.png) center center no-repeat; }
.main .pyeongtaek .section .mainVisual .animation .loading .circle.rotate:after {transition:all 5s ease-in-out; transform: rotate(360deg);}
.main .pyeongtaek .section .mainVisual .animation .loading .circle .circle-ain {position:absolute; top:0px; left:0px; width:348px; height:348px; /* background:conic-gradient(transparent 0% 0%, #fff 0% 100%); */ background:#fff; z-index:2;}

.main .pyeongtaek .section .mainVisual .animation.action .loading {transition:all 3s ease-in-out; opacity:1;}
.main .pyeongtaek .section .mainVisual .animation.action .loading.out {transition:all 1.5s ease-in-out; opacity:0; pointer-events:none;}

.main .pyeongtaek .section .mainVisual .animation .photo-visual {position:absolute; top:0px; left:0px; width:100%; height:100%; display:flex; justify-content:center; align-items:center;}
.main .pyeongtaek .section .mainVisual .animation .photo-visual .swiver-box {position:relative; width:100%; height:100%; /* opacity:0; */}
/* .main .pyeongtaek .section .mainVisual .animation .photo-visual.action .swiver-box {animation-name:photo-visual-action; animation-fill-mode:forwards; animation-duration:5s; animation-timing-function:cubic-bezier(0.06, 0.32, 0.26, 1);} */
.main .pyeongtaek .section .mainVisual .animation .photo-visual .swiver-box .swiper-container {height:100%;}
.main .pyeongtaek .section .mainVisual .animation .photo-visual .swiver-box .swiper-container .swiper-slide {height:100%;}

.main .pyeongtaek .section .mainVisual .animation .photo-visual .mov-box {position:relative; width:100%; height:100%; opacity:0;}
.main .pyeongtaek .section .mainVisual .animation .photo-visual .mov-box:after {content:''; position:absolute; top:0px; left:0px; width:100%; height:50%; opacity:0; background: linear-gradient(0deg, rgba(0,0,0,0), rgba(0,0,0,0.4)); pointer-events:none;}
.main .pyeongtaek .section .mainVisual .animation .photo-visual video {position:absolute; top:50%; left:50%; transform: translate(-50%, -50%) scale(1.1); width:100%;}
.main .pyeongtaek .section .mainVisual .animation .photo-visual.action .mov-box {animation-name:photo-visual-action; animation-fill-mode:forwards; animation-duration:5s; animation-timing-function:cubic-bezier(0.06, 0.32, 0.26, 1);}
.main .pyeongtaek .section .mainVisual .animation .photo-visual.action .mov-box:after {animation-name:photo-visual-action; animation-fill-mode:forwards; animation-duration:5s; animation-timing-function:cubic-bezier(0.06, 0.32, 0.26, 1);}

.main .pyeongtaek .section .mainVisual .animation .photo-visual .bg-box {width:100%; height:100%; opacity:0; overflow:hidden; display:flex; justify-content:center; align-items:center; background:url(../../images/yeosu35/main_visual.jpg) center center / cover no-repeat; /* background-attachment:fixed; */}

.main .pyeongtaek .section .mainVisual .animation .photo-visual.action .bg-box {animation-name:photo-visual-action; animation-fill-mode:forwards; animation-duration:5s; animation-timing-function:cubic-bezier(0.06, 0.32, 0.26, 1);}

@keyframes photo-visual-action {
	0% {opacity:0; transform:scale(1.2);}
	80% {opacity:1;}
	100% { opacity:1; transform:scale(1); }
} 

.main .pyeongtaek .section .mainVisual .animation .photo-visual .txt-box {position:absolute; top:calc(50% - 271px); /* left:calc(50% - 477px); */left:calc(50% - 440px); width:955px; height:543px; opacity:0; }
.main .pyeongtaek .section .mainVisual .animation .photo-visual.action .txt-box {opacity:1;}
.main .pyeongtaek .section .mainVisual .animation .photo-visual.action .txt-box div[class^=txt] {position:absolute; opacity:0; transform:translateY(-15px); animation-name:photo-visual-txt-action; animation-fill-mode:forwards; animation-duration:1.5s; background:url(../../images/yeosu35/visual_txt.png) 0 0 no-repeat; text-indent:-9999px; overflow:hidden;}
.main .pyeongtaek .section .mainVisual .animation .photo-visual.action .txt-box div[class^=txt][class$=itm1-1] {animation-delay:1s; top:0px; left:124px; width:42px; height:57px; background-position:-124px 0;}
.main .pyeongtaek .section .mainVisual .animation .photo-visual.action .txt-box div[class^=txt][class$=itm1-2] {animation-delay:1.1s; top:0px; left:175px; width:42px; height:57px; background-position:-175px 0;}
.main .pyeongtaek .section .mainVisual .animation .photo-visual.action .txt-box div[class^=txt][class$=itm1-3] {animation-delay:1.2s; top:0px; left:217px; width:41px; height:57px; background-position:-217px 0;}
.main .pyeongtaek .section .mainVisual .animation .photo-visual.action .txt-box div[class^=txt][class$=itm1-4] {animation-delay:1.3s; top:0px; left:258px; width:43px; height:57px; background-position:-258px 0;}
.main .pyeongtaek .section .mainVisual .animation .photo-visual.action .txt-box div[class^=txt][class$=itm1-5] {animation-delay:1.4s; top:0px; left:301px; width:37px; height:57px; background-position:-301px 0;}
.main .pyeongtaek .section .mainVisual .animation .photo-visual.action .txt-box div[class^=txt][class$=itm1-6] {animation-delay:1.5s; top:0px; left:350px; width:40px; height:57px; background-position:-350px 0;}
.main .pyeongtaek .section .mainVisual .animation .photo-visual.action .txt-box div[class^=txt][class$=itm1-7] {animation-delay:1.6s; top:0px; left:390px; width:42px; height:57px; background-position:-390px 0;}
.main .pyeongtaek .section .mainVisual .animation .photo-visual.action .txt-box div[class^=txt][class$=itm1-8] {animation-delay:1.7s; top:0px; left:432px; width:38px; height:57px; background-position:-432px 0;}
.main .pyeongtaek .section .mainVisual .animation .photo-visual.action .txt-box div[class^=txt][class$=itm1-9] {animation-delay:1.8s; top:0px; left:481px; width:42px; height:57px; background-position:-481px 0;}
.main .pyeongtaek .section .mainVisual .animation .photo-visual.action .txt-box div[class^=txt][class$=itm1-10] {animation-delay:1.9s; top:0px; left:523px; width:44px; height:57px; background-position:-523px 0;}
.main .pyeongtaek .section .mainVisual .animation .photo-visual.action .txt-box div[class^=txt][class$=itm1-11] {animation-delay:2s; top:0px; left:567px; width:35px; height:57px; background-position:-567px 0;}
.main .pyeongtaek .section .mainVisual .animation .photo-visual.action .txt-box div[class^=txt][class$=itm1-12] {animation-delay:2.1s; top:0px; left:614px; width:42px; height:57px; background-position:-614px 0;}
.main .pyeongtaek .section .mainVisual .animation .photo-visual.action .txt-box div[class^=txt][class$=itm1-13] {animation-delay:2.2s; top:0px; left:658px; width:42px; height:57px; background-position:-658px 0;}

.main .pyeongtaek .section .mainVisual .animation .photo-visual.action .txt-box div[class^=txt][class$=itm2] {animation-delay:2s; top:90px; left:0px; width:955px; height:178px; background-position:0 -90px;}
.main .pyeongtaek .section .mainVisual .animation .photo-visual.action .txt-box div[class^=txt][class$=itm3] {animation-delay:3s; top:364px; left:0px; width:955px; height:50px; background-position:0 -364px;}
.main .pyeongtaek .section .mainVisual .animation .photo-visual.action .txt-box div[class^=txt][class$=itm4] {animation-delay:3.5s; top:430px; left:0px; width:955px; height:42px; background-position:0 -430px;}
.main .pyeongtaek .section .mainVisual .animation .photo-visual.action .txt-box div[class^=txt][class$=itm5] {animation-delay:4.5s; top:493px; left:0px; width:955px; height:86px; background-position:0 -493px;}

@keyframes photo-visual-txt-action {
	0% {opacity:0; transform:translateY(-15px);}
	100% { opacity:1; transform:translateY(-0px); }
} 
/* .main .pyeongtaek .section .mainVisual .animation .photo-visual .bg-box {width:0px; height:1px; opacity:0; overflow:hidden; display:flex; justify-content:center; align-items:center;}

.main .pyeongtaek .section .mainVisual .animation .photo-visual.action .bg-box {width:100%; height:100%; opacity:1; overflow:hidden; background:url(../../images/yeosu35/main_visual.jpg) center center / cover no-repeat; background-attachment:fixed;
	transition-property:width, height, opacity;
	transition-duration:.5s, 1s, 1.5s, 1s;
	transition-delay:0s, .5s, 0s, 1.5s;
	transition-timing-function:ease-in-out;
} */
/* .main .pyeongtaek .section .mainVisual .animation .photo-visual .bg-box:after {content:''; display:block; width:100%; height:100%; background:url(../../images/yeosu35/main_visual.jpg) center center no-repeat; background-size:130%; background-attachment:fixed; transition:all 2s ease;}
.main .pyeongtaek .section .mainVisual .animation .photo-visual.action .bg-box:after {background-size:110%;
	transition:all 4s ease-in-out;
	transition-delay:2s;

} */

/* .main .pyeongtaek .section .mainVisual .animation .loading .circle .circle-ain {animation-name:load-animation; animation-delay:2.5s; animation-duration:2.5s; animation-fill-mode:forwards;}

@keyframes load-animation {
	0% { background:conic-gradient(transparent 0% 0%, #fff 0% 100%); }
	100% { background:conic-gradient(transparent 0% 100%, #fff 0% 100%); }
} */

.main .pyeongtaek .section .mainVisual .animation .banner-visual {position:absolute; /* top:calc(50% - 265px); */ top:230px; left:70px; transform: rotate(90deg) translate(240px,240px); z-index:9;}
.main .pyeongtaek .section .mainVisual .animation .banner-visual ul {display:flex; justify-content:center; align-items:center;}
.main .pyeongtaek .section .mainVisual .animation .banner-visual ul li {display:block;}
.main .pyeongtaek .section .mainVisual .animation .banner-visual ul li + li {margin-left:10px;}
.main .pyeongtaek .section .mainVisual .animation .banner-visual ul li > div {position:relative; width:260px; height:50px; box-sizing:border-box; border:1px solid #9e9282; color:#fff; font-size:22px; font-weight:500; transition:all ease-in-out .7s; display:flex; justify-content:center; align-items:center;}
.main .pyeongtaek .section .mainVisual .animation .banner-visual ul li > div span { text-wrap:nowrap;}
.main .pyeongtaek .section .mainVisual .animation .banner-visual ul li.action > div {background:#9e9282;}


.main .pyeongtaek .section .mainVisual .animation .new-banner-visual {position:absolute; /* top:calc(50% - 265px); */ top:230px; left:70px; z-index:9;}
.main .pyeongtaek .section .mainVisual .animation .new-banner-visual ul {width:100%;}
.main .pyeongtaek .section .mainVisual .animation .new-banner-visual ul li {display:block;}
.main .pyeongtaek .section .mainVisual .animation .new-banner-visual ul li + li {margin-top:10px;}
.main .pyeongtaek .section .mainVisual .animation .new-banner-visual ul li a {display:block; width:101px; height:120px; overflow:hidden; border-radius:7px; box-shadow: 9px 9px 32px 2px rgba(0, 0, 0, 0.4); text-indent:-9999px;}
.main .pyeongtaek .section .mainVisual .animation .new-banner-visual ul li a.ico1 {background:url(../../images/pyeongtaek/btn_left_banner1.png) 0 0 no-repeat;}
.main .pyeongtaek .section .mainVisual .animation .new-banner-visual ul li a.ico2 {background:url(../../images/pyeongtaek/btn_left_banner2.png) 0 0 no-repeat;}
.main .pyeongtaek .section .mainVisual .animation .new-banner-visual ul li a.ico3 {background:url(../../images/pyeongtaek/btn_left_banner3.png) 0 0 no-repeat;}
/* .main .pyeongtaek .section .mainVisual .animation .new-banner-visual ul li > div {position:relative; width:260px; height:50px; box-sizing:border-box; border:1px solid #9e9282; color:#fff; font-size:22px; font-weight:500; transition:all ease-in-out .7s; display:flex; justify-content:center; align-items:center;}
.main .pyeongtaek .section .mainVisual .animation .new-banner-visual ul li > div span { text-wrap:nowrap;}
.main .pyeongtaek .section .mainVisual .animation .new-banner-visual ul li.action > div {background:#9e9282;} */

.main .pyeongtaek .section .platinum-animation {position:relative; width:100%; height:130vh;}
.main .pyeongtaek .section .platinum-animation .action-box {position:sticky; top:180px; left:0px; width:100%; overflow:hidden;}
.main .pyeongtaek .section .platinum-animation .action-box div[class^=itm] {text-indent:-9999px; overflow:hidden;}
.main .pyeongtaek .section .platinum-animation .action-box div[class^=itm] + div[class^=itm] {margin-top:60px;}
.main .pyeongtaek .section .platinum-animation .action-box .itm-box1 {width:2365px; height:174px; background:url(../../images/yeosu35/platinum_animation_itm1.png) 0 0 no-repeat;}
.main .pyeongtaek .section .platinum-animation .action-box .itm-box2 {margin-left:-467px; width:2372px; height:176px; background:url(../../images/yeosu35/platinum_animation_itm2.png) 0 0 no-repeat;}
.main .pyeongtaek .section .platinum-animation .action-box .itm-box3 {margin-left:-390px; width:2367px; height:176px; background:url(../../images/yeosu35/platinum_animation_itm3.png) 0 0 no-repeat;}


.main .pyeongtaek .mark-animation {position:relative; width:100%;}
.main .pyeongtaek .mark-animation a {position:relative; width:100%; height:100vh; display:flex; justify-content:space-between; align-items:center;}
.main .pyeongtaek .mark-animation a div[class^=itm-box] {position:relative; flex:1; height:100%; padding:30px 40px; box-sizing:border-box;}
.main .pyeongtaek .mark-animation a div[class^=itm-box]:after {content:''; position:absolute; top:0px; left:0px; display:block; width:100%; height:100%;}
.main .pyeongtaek .mark-animation a .itm-box1:after {background:url(../../images/yeosu35/mark_animation_bg1.jpg) center bottom / cover no-repeat;}
.main .pyeongtaek .mark-animation a .itm-box2:after {background:url(../../images/yeosu35/mark_animation_bg2.jpg) center bottom / cover no-repeat;}
.main .pyeongtaek .mark-animation a .itm-box3:after {background:url(../../images/yeosu35/mark_animation_bg3.jpg) center bottom / cover no-repeat;}

.main .pyeongtaek .mark-animation a div[class^=itm-box] .txt-itm {position:absolute; top:14.14%; left:calc(50% - 160px); display:block; width:320px; height:320px; opacity:0; filter:blur(10px); z-index:2; text-indent:-9999px; overflow:hidden;}
.main .pyeongtaek .mark-animation a .itm-box1 .txt-itm {background:url(../../images/yeosu35/mark_animation_txt1.png) center center no-repeat; transition:all .5s ease-in-out; transition-delay:1s;}
.main .pyeongtaek .mark-animation a .itm-box2 .txt-itm {background:url(../../images/yeosu35/mark_animation_txt2.png) center center no-repeat; transition:all .5s ease-in-out; transition-delay:0.5s;}
.main .pyeongtaek .mark-animation a .itm-box3 .txt-itm {background:url(../../images/yeosu35/mark_animation_txt3.png) center center no-repeat; transition:all .5s ease-in-out; transition-delay:0s;}

.main .pyeongtaek .mark-animation.action a .itm-box1 .txt-itm {opacity:1; filter:blur(0px); transition-delay:0s;}
.main .pyeongtaek .mark-animation.action a .itm-box2 .txt-itm {opacity:1; filter:blur(0px); transition-delay:0.5s;}
.main .pyeongtaek .mark-animation.action a .itm-box3 .txt-itm {opacity:1; filter:blur(0px); transition-delay:1s;}

.main .pyeongtaek .mark-animation a div[class^=itm-box] .back-line {position:relative; width:100%; height:100%; border:20px solid #fff; box-sizing:border-box; opacity:.6; z-index:2; pointer-events:none;}

.main .pyeongtaek .section .banner-animation {position:relative; width:100%; height:762px; overflow:hidden;}
.main .pyeongtaek .section .banner-animation:before {content:''; position:absolute; top:0px; left:0px; display:block; width:100%; height:100%; background:url(../../images/yeosu35/main_banner.jpg) center center / cover no-repeat; background-attachment:fixed; opacity:0; filter:blur(10px); transition:all .5s ease-in-out; transition-delay:1.5s;}


.main .pyeongtaek .section .banner-animation div[class^=txt] {position:absolute; text-indent:-9999px; overflow:hidden; z-index:2;}
.main .pyeongtaek .section .banner-animation div[class^=txt][class*=itm1] {top:167px; left:20.6%; width:481px; height:481px; background:url(../../images/yeosu35/banner_txt_itm1.png) 0 0 no-repeat; opacity:0; filter:blur(10px); transition:all .5s ease-in-out; transition-delay:1.0s;}
.main .pyeongtaek .section .banner-animation div[class^=txt][class*=itm2] {top:0px; right:0px; width:42.6%; min-width:560px; height:100%;}
.main .pyeongtaek .section .banner-animation div[class^=txt][class*=itm2]:after,
.main .pyeongtaek .section .banner-animation div[class^=txt][class*=itm2]:before {content:''; position:absolute; display:block; opacity:0; filter:blur(10px); transition:all .5s ease-in-out;}
.main .pyeongtaek .section .banner-animation div[class^=txt][class*=itm2]:before {top:0px; right:-20px; width:100%; height:100%; background:#fff; opacity:0;  transition-delay:1s;}
.main .pyeongtaek .section .banner-animation div[class^=txt][class*=itm2]:after {top:275px; right:15.85%; width:549px; height:211px; background:url(../../images/yeosu35/banner_txt_itm2.png) 0 0 no-repeat; transition-delay:.5s; }

.main .pyeongtaek .section .banner-animation.action:before {opacity:1; filter:blur(0px); transition-delay:0s;}
.main .pyeongtaek .section .banner-animation div[class^=txt][class*=itm1].action {opacity:1; filter:blur(0px); transition-delay:0s;}
.main .pyeongtaek .section .banner-animation div[class^=txt][class*=itm2].action:before {right:0px; opacity:.67; filter:blur(0px); transition-delay:.5s;}
.main .pyeongtaek .section .banner-animation div[class^=txt][class*=itm2].action:after {opacity:1; filter:blur(0px); transition-delay:1s;}



.main .pyeongtaek .section .mainVisual .swiper-container .swiper-wrapper{position:relative; text-align:left;}
/* .main .pyeongtaek .section .mainVisual .swiper-container .swiper-wrapper:after{content:''; position:absolute; top:0px; left:0px; width:100%; height:100%; background:url(../../images/samgye/visual-txt.png) center bottom 157px no-repeat; z-index:99; pointer-events:none;} */
.main .pyeongtaek .section .mainVisual .swiper-container .swiper-wrapper .swiper-slide{position:relative; height:845px;}
.main .pyeongtaek .section .mainVisual .swiper-container .swiper-wrapper .swiper-slide:before{content:''; position:absolute; top:0; right:0; z-index:-1; width:100%; height:100%; background-repeat:no-repeat; background-position:center; background-size:cover; opacity:0; transform:scale(1.15) rotate(0.001deg); transition-delay:2s; transition:transform 5s ease-in-out;}
.main .pyeongtaek .section .mainVisual .swiper-container .swiper-wrapper .swiper-slide.item1:before{background-image:url(../../images/pyeongtaek/img_swiper1_1.jpg);}
.main .pyeongtaek .section .mainVisual .swiper-container .swiper-wrapper .swiper-slide.item1.grand:before{background-image:url(../../images/pyeongtaek/img_swiper1_1_grand.jpg);}
.main .pyeongtaek .section .mainVisual .swiper-container .swiper-wrapper .swiper-slide.item2:before{background-image:url(../../images/pyeongtaek/img_swiper1_2.jpg);}
.main .pyeongtaek .section .mainVisual .swiper-container .swiper-wrapper .swiper-slide.item3:before{background-image:url(../../images/pyeongtaek/img_swiper1_3.jpg);}
.main .pyeongtaek .section .mainVisual .swiper-container .swiper-wrapper .swiper-slide.item4:before{background-image:url(https://apt.ssyenc.com/apt/images/pyeongtaek/img_swiper1_4.jpg);}
/* .main .pyeongtaek .section .mainVisual .swiper-container .swiper-wrapper .swiper-slide.item1 .box{padding:260px 0 0 71px;} */
/* .main .pyeongtaek .section .mainVisual .swiper-container .swiper-wrapper .swiper-slide.item1 .box .visualTxt{width:508px; text-align:center;} */
.main .pyeongtaek .section .mainVisual .swiper-container .swiper-wrapper .swiper-slide.item1 .box .visualTxt .visualLogo{margin-top:21px;}
.main .pyeongtaek .section .mainVisual .swiper-container .swiper-wrapper .swiper-slide .box{margin:0 auto; padding:225px 0 0 80px; max-width:1180px;}
.main .pyeongtaek .section .mainVisual .swiper-container .swiper-wrapper .swiper-slide.grand .box {margin:0 auto; padding:123px 0 0 0px; max-width:1180px;}
.main .pyeongtaek .section .mainVisual .swiper-container .swiper-wrapper .swiper-slide.grand .box .visualTxt {text-align:center;}

.main .pyeongtaek .section .mainVisual .swiper-container .swiper-wrapper .swiper-slide .box .tit{font-size:45px; color:#fff; line-height:1.7; text-shadow: 4px 4px 4px rgba(0, 0, 0, 0.38);}
.main .pyeongtaek .section .mainVisual .swiper-container .swiper-wrapper .swiper-slide .box .impact{font-size:60px; font-weight:600; color:#fff; text-shadow: 4px 4px 4px rgba(0, 0, 0, 0.38);}
.main .pyeongtaek .section .mainVisual .swiper-container .swiper-wrapper .swiper-slide .box .visualLogo{position:relative; margin-top:60px; width:186px; height:120px; text-indent:-9999px; display:inline-block; overflow:hidden; background:url(../../images/samgye/logo_main_visual.png) no-repeat left top;}

.main .pyeongtaek .section .mainVisual .swiper-container .swiper-wrapper .swiper-slide .box .visualTxt {opacity:0; /* transition-delay:2s; */ transition:opacity 2s ease-in-out;}

.main .pyeongtaek .section .mainVisual .swiper-container .swiper-wrapper .swiper-slide .box .visualTxt:after {content:''; position:absolute; /* bottom:117px; */ bottom:277px; left:calc(50% - 145px); display:block; width:290px; height:126px; background:url(../../images/pyeongtaek/ico_swiper_open.png) 0 0 no-repeat;}

.main .pyeongtaek .section .mainVisual .swiper-container .swiper-wrapper .swiper-slide.grand .box .visualTxt:after {content:''; position:absolute; /* bottom:117px; */ bottom:277px; left:calc(50% - 145px); display:block; width:290px; height:126px; background:url(../../images/pyeongtaek/ico_swiper_grand_open.png) 0 0 no-repeat;}

.main .pyeongtaek .section .mainVisual .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active .box .visualTxt {opacity:1;}



.main .pyeongtaek .section .mainVisual .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active:before{opacity:1; transform:scale(1.0) rotate(0.001deg);}
.main .pyeongtaek .section .mainVisual .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active .box > p{opacity:1;}


.main .pyeongtaek .section .mainVisual .swiper-container .sideControl{position:absolute; left:50%; /* bottom:42px; */ bottom:202px; z-index:1; height:23px; display:flex; justify-content:space-between; align-items:center; transform:translate(-50%, 0);}
.main .pyeongtaek .section .mainVisual .swiper-container .sideControl .swiper-button-prev{position:relative; left:0; width:14px; height:27px; background:url(../../images/samgye/icon_main_slide.png) no-repeat left top;}
.main .pyeongtaek .section .mainVisual .swiper-container .sideControl .swiper-button-next{position:relative; right:0; width:14px; height:27px; background:url(../../images/samgye/icon_main_slide.png) no-repeat -37px top;}
.main .pyeongtaek .section .mainVisual .swiper-container .sideControl .swiper-pagination{position:relative; margin:0 40px 0 42px;}
.main .pyeongtaek .section .mainVisual .swiper-container .sideControl .swiper-pagination .swiper-pagination-bullet{width:10px; height:10px; border:1px solid #fff; box-sizing:border-box; background:transparent; opacity:1;}
.main .pyeongtaek .section .mainVisual .swiper-container .sideControl .swiper-pagination .swiper-pagination-bullet + .swiper-pagination-bullet{margin-left:30px;}
.main .pyeongtaek .section .mainVisual .swiper-container .sideControl .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#fff;}

.main .pyeongtaek .section .mainVisual .swiper-container .sideControl .controlBtn{margin-right:40px; width:9px; height:12px;text-indent:-9999px; overflow:hidden; background-image:url(../../images/samgye/icon_main_slide.png); background-repeat:no-repeat;}
.main .pyeongtaek .section .mainVisual .swiper-container .sideControl .controlBtn.play{background-position:-65px -8px;}
.main .pyeongtaek .section .mainVisual .swiper-container .sideControl .controlBtn.stop{background-position:-84px -8px;}

.main .pyeongtaek .section .mainVisual .swiper-container .etcTxt{position:absolute; /* bottom:42px; */ bottom:202px; left:50%; z-index:1; margin-left:-733px; font-size:12px; color:#fff;}

/* S : 220705 */
.main .pyeongtaek .section .mainVisual2 .swiper-container .swiper-wrapper{position:relative; text-align:left;}
.main .pyeongtaek .section .mainVisual2 .swiper-container .swiper-wrapper:after{display:none;}
.main .pyeongtaek .section .mainVisual2 .swiper-container .swiper-wrapper .swiper-slide{position:relative; height:calc(100vh - 320px); min-height:845px;}
.main .pyeongtaek .section .mainVisual2 .swiper-container .swiper-wrapper .swiper-slide:before{content:''; position:absolute; top:0; right:0; z-index:-1; width:100%; height:100%; background-repeat:no-repeat; background-position:center bottom; background-size:cover; opacity:0; transform:scale(1.15) rotate(0.001deg); transition-delay:2s; transition:transform 5s ease-in-out; }
.main .pyeongtaek .section .mainVisual2 .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active:before{opacity:1; transform:scale(1.0) rotate(0.001deg);}
.main .pyeongtaek .section .mainVisual2 .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active .box > p{opacity:1;}
.main .pyeongtaek .section .mainVisual2 .swiper-container .swiper-wrapper .swiper-slide.item1:before{background-image:url(../../images/samgye/img_swiper1_1_220705.jpg);}
.main .pyeongtaek .section .mainVisual2 .swiper-container .swiper-wrapper .swiper-slide.item2:before{background-image:url(../../images/samgye/img_swiper1_2_220705.jpg);}
.main .pyeongtaek .section .mainVisual2 .swiper-container .swiper-wrapper .swiper-slide.item3:before{background-image:url(../../images/samgye/img_swiper1_3_220705.jpg);}
.main .pyeongtaek .section .mainVisual2 .swiper-container .swiper-wrapper .swiper-slide.item2 .box{padding-top:160px;}
.main .pyeongtaek .section .mainVisual2 .swiper-container .swiper-wrapper .swiper-slide.item2 .box .tit{color:#0f264e;}
.main .pyeongtaek .section .mainVisual2 .swiper-container .swiper-wrapper .swiper-slide.item2 .box .impact{color:#0f264e;}
.main .pyeongtaek .section .mainVisual2 .swiper-container .swiper-wrapper .swiper-slide.item3 .box{padding-top:157px;}
.main .pyeongtaek .section .mainVisual2 .swiper-container .swiper-wrapper .swiper-slide.item3 .box .tit{color:#0f264e;}
.main .pyeongtaek .section .mainVisual2 .swiper-container .swiper-wrapper .swiper-slide.item3 .box .impact{color:#0f264e;}
.main .pyeongtaek .section .mainVisual2 .swiper-container .swiper-wrapper .swiper-slide .box{margin:0 auto; padding:191px 0 0 28px; max-width:1180px;}
.main .pyeongtaek .section .mainVisual2 .swiper-container .swiper-wrapper .swiper-slide .box > p{opacity:0; transition-delay:2s; transition:opacity 2s;}
.main .pyeongtaek .section .mainVisual2 .swiper-container .swiper-wrapper .swiper-slide .box .tit{font-size:60px; color:#fff; line-height:1.2; text-shadow:none;}
.main .pyeongtaek .section .mainVisual2 .swiper-container .swiper-wrapper .swiper-slide .box .impact{font-size:60px; font-weight:600; color:#fff; text-shadow:none;}
.main .pyeongtaek .section .mainVisual2 .swiper-container .swiper-wrapper .swiper-slide .box .impact + .tit{margin-top:10px;}
.main .pyeongtaek .section .mainVisual2 .swiper-container .swiper-wrapper .swiper-slide .box .visualLogo{position:relative; margin-top:60px; width:186px; height:120px; text-indent:-9999px; display:inline-block; overflow:hidden; background:url(../../images/samgye/logo_main_visual.png) no-repeat left top;}

.main .pyeongtaek .section .mainVisual2 .swiper-container .sideControl{position:absolute; left:50%; bottom:82px; z-index:1; height:23px; display:flex; justify-content:space-between; align-items:center; transform:translate(-50%, 0);}
.main .pyeongtaek .section .mainVisual2 .swiper-container .sideControl .swiper-button-prev{position:relative; left:0; width:14px; height:27px; background:url(../../images/samgye/icon_main_slide.png) no-repeat left top;}
.main .pyeongtaek .section .mainVisual2 .swiper-container .sideControl .swiper-button-next{position:relative; right:0; width:14px; height:27px; background:url(../../images/samgye/icon_main_slide.png) no-repeat -37px top;}
.main .pyeongtaek .section .mainVisual2 .swiper-container .sideControl .swiper-pagination{position:relative; margin:0 40px 0 42px;}
.main .pyeongtaek .section .mainVisual2 .swiper-container .sideControl .swiper-pagination .swiper-pagination-bullet{width:10px; height:10px; border:1px solid #fff; box-sizing:border-box; background:transparent; opacity:1;}
.main .pyeongtaek .section .mainVisual2 .swiper-container .sideControl .swiper-pagination .swiper-pagination-bullet + .swiper-pagination-bullet{margin-left:30px;}
.main .pyeongtaek .section .mainVisual2 .swiper-container .sideControl .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#fff;}

.main .pyeongtaek .section .mainVisual2 .swiper-container .sideControl .controlBtn{margin-right:40px; width:9px; height:12px;text-indent:-9999px; overflow:hidden; background-image:url(../../images/samgye/icon_main_slide.png); background-repeat:no-repeat;}
.main .pyeongtaek .section .mainVisual2 .swiper-container .sideControl .controlBtn.play{background-position:-65px -8px;}
.main .pyeongtaek .section .mainVisual2 .swiper-container .sideControl .controlBtn.stop{background-position:-84px -8px;}

.main .pyeongtaek .section .mainVisual2 .swiper-container .etcTxt{position:absolute; bottom:42px; left:50%; z-index:1; margin-left:-733px; font-size:12px; color:#fff;}
/* E : 220705 */


.main .pyeongtaek .section .premium .premiumBox{background:#efefef;}
.main .pyeongtaek .section .premium .swiper-container{width:100%; height:602px;}
.main .pyeongtaek .section .premium .swiper-container .swiper-wrapper{position:relative; margin:0 auto; width:100%; height:100%; background:#efefef;}
/* .main .pyeongtaek .section .premium .swiper-container .swiper-wrapper:after{content:''; position:absolute; top:0px; left:0px; z-index:-1; width:100%; height:100%; background:url(../../images/samgye/bg_swiper2.jpg) center center no-repeat; } */
.main .pyeongtaek .section .premium .swiper-container .swiper-wrapper .swiper-slide{position:relative; padding:63px 0 0 62px; width:100% !important; text-align:left; box-sizing:border-box; opacity:0 !important;}
.main .pyeongtaek .section .premium .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active{opacity:1 !important;}
.main .pyeongtaek .section .premium .swiper-container .swiper-wrapper .swiper-slide .box{margin:0 auto; padding-right:930px; width:670px;}
.main .pyeongtaek .section .premium .swiper-container .swiper-wrapper .swiper-slide:after{content:''; position:absolute; top:0; right:0; width:50%; height:100%; background-repeat:no-repeat; background-position:center; background-size:auto 100%;}
.main .pyeongtaek .section .premium .swiper-container .swiper-wrapper .swiper-slide.item1:after{background-image:url(../../images/samgye/bg_swiper2_1.jpg)}
.main .pyeongtaek .section .premium .swiper-container .swiper-wrapper .swiper-slide.item2:after{background-image:url(../../images/samgye/bg_swiper2_2.jpg)}
.main .pyeongtaek .section .premium .swiper-container .swiper-wrapper .swiper-slide.item3:after{background-image:url(../../images/samgye/bg_swiper2_3.jpg)}
.main .pyeongtaek .section .premium .swiper-container .swiper-wrapper .swiper-slide.item4:after{background-image:url(../../images/samgye/bg_swiper2_4.jpg)}
.main .pyeongtaek .section .premium .swiper-container .swiper-wrapper .swiper-slide.item5:after{background-image:url(../../images/samgye/bg_swiper2_5.jpg)}
.main .pyeongtaek .section .premium .swiper-container .swiper-wrapper .swiper-slide.item6:after{background-image:url(../../images/samgye/bg_swiper2_6.jpg)}
.main .pyeongtaek .section .premium .swiper-container .swiper-wrapper .swiper-slide .premiumTit{padding:14px 30px; font-size:20px; font-weight:bold; color:#fff; display:inline-block; border-radius:42px; background:#102c4d;}
.main .pyeongtaek .section .premium .swiper-container .swiper-wrapper .swiper-slide .premiumTit span{color:#009ba4;}
.main .pyeongtaek .section .premium .swiper-container .swiper-wrapper .swiper-slide .premiumSubTit{margin-top:42px; font-size:26px; color:#636363;}
.main .pyeongtaek .section .premium .swiper-container .swiper-wrapper .swiper-slide .premiumText{margin-top:20px; font-size:50px; font-weight:bold; color:#112f52; line-height:1.3; letter-spacing:-1px;}
.main .pyeongtaek .section .premium .swiper-container .swiper-wrapper .swiper-slide .premiumList{margin-top:60px;}
.main .pyeongtaek .section .premium .swiper-container .swiper-wrapper .swiper-slide .premiumList ul li{font-size:20px; line-height:1.6;}

/* .main .pyeongtaek .section .premium .swiper-container .sideControl{position:absolute; bottom:60px; left:80px; z-index:1; text-align:left;} */
.main .pyeongtaek .section .premium .swiper-container .sideControl{position:relative; bottom:120px; z-index:1; margin:0 auto; padding-right:930px; padding-left:62px; width:670px; text-align:left;}
.main .pyeongtaek .section .premium .swiper-container .sideControl:after{content:''; clear:both; display:block;}
.main .pyeongtaek .section .premium .swiper-container .sideControl .swiper-button-prev{position:relative; left:0; float:left; margin-top:11px; width:50px; height:50px; background:url(../../images/samgye/btn_premium.png) no-repeat left top;}
.main .pyeongtaek .section .premium .swiper-container .sideControl .swiper-button-next{position:relative; right:0; float:left; margin-top:11px; width:50px; height:50px; background:url(../../images/samgye/btn_premium.png) no-repeat -150px top;}
.main .pyeongtaek .section .premium .swiper-container .sideControl .swiper-pagination{position:relative; bottom:auto; float:right; width:auto; font-size:33px; color:#9e9282; line-height:50px;}
.main .pyeongtaek .section .premium .swiper-container .sideControl .swiper-pagination span{padding:0 6px; font-weight:bold; display:inline-block;}
.main .pyeongtaek .section .premium .swiper-container .sideControl .swiper-pagination .swiper-pagination-current{font-size:62px;}

.main .pyeongtaek .section .premium .swiper-container .sideControl .controlBtn{float:left; margin-top:11px; width:50px; height:50px; text-indent:-9999px; overflow:hidden; background-image:url(../../images/samgye/btn_premium.png); background-repeat:no-repeat;}
.main .pyeongtaek .section .premium .swiper-container .sideControl .controlBtn.play{background-position:-50px top;}
.main .pyeongtaek .section .premium .swiper-container .sideControl .controlBtn.stop{background-position:-100px top;}


.main .pyeongtaek .section .platinum .flexBox{display:flex; justify-content:center;}
.main .pyeongtaek .section .platinum .flexBox [class^=platinum] + [class^=platinum]{margin-left:50px;}
.main .pyeongtaek .section .platinum .flexBox [class^=platinum]{text-align:left;}
.main .pyeongtaek .section .platinum .flexBox [class^=platinum] dl{margin-top:40px;}
.main .pyeongtaek .section .platinum .flexBox [class^=platinum] dl dt{font-size:34px; font-weight:bold; color:#009ba4;}
.main .pyeongtaek .section .platinum .flexBox [class^=platinum] dl dd{margin-top:10px; font-size:24px; color:#636363; line-height:1.4;}


.main .pyeongtaek .section .location .map{position:relative; width:100%; height:860px;}
.main .pyeongtaek .section .location .map:after{content:''; position:absolute; top:0; left:0; z-index:-1; width:100%; height:100%; background:url(../../images/samgye/bg_main_location.jpg) no-repeat center;}
.main .pyeongtaek .section .location .map .txt{position:absolute; left:30px; bottom:100px; padding-left:72px; width:730px; height:462px; text-align:left; box-sizing:border-box; background:url(../../images/samgye/img_main_location.jpg) no-repeat center; box-shadow: 0px 20px 29px 0px rgba(0, 0, 0, 0.27);}
.main .pyeongtaek .section .location .map .txt .txt_box:after{content:''; display:block; clear:both;}
.main .pyeongtaek .section .location .map .txt .txt_box dl{padding-top:50px;}
.main .pyeongtaek .section .location .map .txt .txt_box dl dt{float:left; margin-top:25px; width:90px; font-size:24px; font-weight:400; color:#646464;}
.main .pyeongtaek .section .location .map .txt .txt_box dl dd{float:left; margin-top:25px; padding-left:33px; width:calc(100% - 123px); font-size:24px; font-weight:400; color:#646464;}
.main .pyeongtaek .section .location .map .txt .more{position:relative; margin-top:54px; padding:14px 90px 13px 30px; font-size:22px; color:#fff; display:inline-block; background:#9e9282;}
.main .pyeongtaek .section .location .map .txt .more:after{content:''; position:absolute; top:22px; right:26px; width:28px; height:7px; background:url(../../images/samgye/icon_main_location.png) no-repeat center;}


.main .pyeongtaek .quick-menu {position:fixed; top:130px; right:0px; z-index:2;}
/* #wrap.main .inner-a #footer{margin-top:120px;} */
#wrap .inner-a #footer .footer-info-area{display:none;}

/* E : main -----------------------------*/


@media(min-width:1540px){
	.main .pyeongtaek .section .location .map .txt{left:50%; margin-left:-734px;}
}



.main .pyeongtaek .pr-film {position:absolute; left:0px; bottom:0px; width:100%; height:160px; color:#fff;}
.main .pyeongtaek .pr-film:before {content:''; position:absolute; top:0px; left:0px; width:100%; height:100%; background:#111622; opacity:.7; z-index:1;}
.main .pyeongtaek .pr-film.type2:before {opacity:.5;}
.main .pyeongtaek .pr-film .cont {position:relative; width:1400px; height:100%; padding:0 0 0 50px; box-sizing:border-box; margin: 0 auto; display:flex; justify-content:space-between; align-items:center; z-index:2;}
.main .pyeongtaek .pr-film .cont > .left {overflow:hidden;}
.main .pyeongtaek .pr-film .cont > .left [class^=ico] {display:inline-block; font-size:0;}
.main .pyeongtaek .pr-film .cont > .left [class^=ico] + [class^=ico] {margin-left:22px;}
.main .pyeongtaek .pr-film .cont > .right {width:798px; display:flex; justify-content:space-between; align-items:center; overflow:hidden;}
.main .pyeongtaek .pr-film .cont > .right > div {}
.main .pyeongtaek .pr-film .cont > .right > div.txt {width:166px; height:81px; margin-right:65px; background:url(../../images/pyeongtaek/txt_pr_film.png) 0 0 no-repeat; overflow:hidden;}
.main .pyeongtaek .pr-film .cont > .right > div.txt p {text-indent:-9999px;}

.main .pyeongtaek .pr-film .cont > .right > div.btn-arg {padding-right:5px;}
.main .pyeongtaek .pr-film .cont > .right > div.btn-arg ul {display:flex; justify-content:flex-end; align-items:center;}
.main .pyeongtaek .pr-film .cont > .right > div.btn-arg ul li {}
.main .pyeongtaek .pr-film .cont > .right > div.btn-arg ul li + li {margin-left:22px;}



/* S : 평택 전용 팝업 용 */
body {overflow-x:hidden;}
.pt-right-obj {position:absolute; top:calc(50% - 380px); right:0px; /* height:800px; */ display:flex; justify-content:flex-start; align-items:flex-start; z-index:999;}
.pt-right-obj .pt-banner {position:relative; width:90px; height:650px; z-index:3;}
.pt-right-obj .pt-banner ul {width:100%;}
.pt-right-obj .pt-banner ul li {width:100%;}
.pt-right-obj .pt-banner ul li a[class^=ico] {position:relative; display:block; width:100%; text-indent:-9999px;}
.pt-right-obj .pt-banner ul li a.ico1 {height:107px; background:url(../../images/pyeongtaek/btn_right_banner1.png) 0 0 no-repeat;}
.pt-right-obj .pt-banner ul li a.ico1.grand {height:107px; background:url(../../images/pyeongtaek/btn_right_banner1_grand.png) 0 0 no-repeat;}
.pt-right-obj .pt-banner ul li a.ico2 {height:320px; background:url(../../images/pyeongtaek/btn_right_banner2_close.png) 0 0 no-repeat;}
.pt-right-obj .pt-banner ul li a.ico2.open {height:320px; background:url(../../images/pyeongtaek/btn_right_banner2_open.png) 0 0 no-repeat;}
.pt-right-obj .pt-banner ul li a.ico3 {height:111px; background:url(../../images/pyeongtaek/btn_right_banner3.png) 0 0 no-repeat;}
.pt-right-obj .pt-banner ul li a.ico4 {height:113px; background:url(../../images/pyeongtaek/btn_right_banner4.png) 0 0 no-repeat;}

.pt-pop-arg {position:absolute; top:0; right:90px; /* padding-right:50px; */ /* height:800px; */ display:flex; justify-content:flex-start; align-items:flex-start; z-index:2;}
.pt-pop-arg.open:before {content:''; position:fixed; top:0px; left:0px; width:100%; height:100%; background:#000; opacity:.4;}
/* .pt-pop-arg .pop-header {width:100px; height:300px; background:#ddd;}
.pt-pop-arg .pop-header + div {margin-top:-50px;} */
.pt-pop-arg .popup_box {position:relative; top:auto !important; left:auto !important; right:auto !important; width:auto !important; height:auto !important;}
.pt-pop-arg .popup_box .popup_body img {width:100%;}
.pt-pop-arg .popup_box .popup_close,
.pt-pop-arg .popup_box .popup_footer {display:none;}

.pt-pop-arg .movie-pop-line {position:relative; display:flex; justify-content:flex-end; align-items:flex-start;}
.pt-pop-arg .movie-pop-line .close {position:absolute; top:0px; right:0px; display:block; width:50px; height:50px; background:url(../../images/pyeongtaek/btn_pop_close.png) 0 0 no-repeat; z-index:1001; text-indent:-9999px; overflow:hidden;}
.pt-pop-arg .movie-pop-line .close-box-control {position:absolute; top:0px; right:0px; display:block; width:50px; height:50px; background:url(../../images/pyeongtaek/btn_pop_close.png) 0 0 no-repeat; z-index:1001; text-indent:-9999px; overflow:hidden;}
.pt-pop-arg .movie-pop-line > div {min-width:400px;}


.pt-full-pop {position:fixed; top:0px; left:0px; width:100%; height:100%; visibility:hidden; opacity:0; transition: all .3s ease-in-out; pointer-events:none; z-index:1000;}
.pt-full-pop:before {content:''; position:absolute; top:0px; left:0px; width:100%; height:100%; background:#000; opacity:.3;}
.pt-full-pop.open {opacity:1; pointer-events:all; visibility:visible;}

.pt-full-pop .cont {position:absolute; top:0px; left:0px; width:100%; height:100%; /* top:calc(50% - 325px); left:calc(50% - 450px); width:900px; height:650px; */ background:#fff;}
.pt-full-pop .cont .top {position:relative; width:100%; height:140px; background:#fff; }
.pt-full-pop .cont .top .arg {width:1100px; height:100%; margin:0 auto; display:flex; justify-content:space-between; align-items:center;}
.pt-full-pop .cont .top .arg h3 {display:block; width:329px; height:38px; background:url(../../images/pyeongtaek/tit_pt_full_pop.png) 0 0 no-repeat; text-indent:-9999px; overflow:hidden;}
.pt-full-pop .cont .top .arg .close {display:block; width:40px; height:40px; background:url(../../images/pyeongtaek/btn_pop_close3.png) 0 0 no-repeat; text-indent:-9999px; overflow:hidden;}
.pt-full-pop .cont .middle {position:relative; width:100%; height:calc(100% - 140px); padding:90px 0 0 0; background:#f6f5f5;}
.pt-full-pop .cont .middle .arg {width:100%; min-width: 1100px; display:flex; /*justify-content: flex-end;*/ align-items: flex-start; flex-direction: column;}
/* .pt-full-pop .cont .middle .arg .box {width:81.25%;} */
.pt-full-pop .cont .middle .arg .box > div {position:relative;}


.pt-full-pop .cont .middle .arg .swiper-container {position: relative; padding:20px 20px 20px 40px;width: 100vw; min-width: 1100px; overflow: hidden;box-sizing: border-box; margin-left: -15px;}
/* .pt-full-pop .cont .middle .arg .swiper-container::before,
.pt-full-pop .cont .middle .arg .swiper-container::after{content:""; position: absolute; top: 20px; width: 368px;height: calc(100% - 40px); background-color: rgba(255,255,255,0.4); z-index: 2;}
.pt-full-pop .cont .middle .arg .swiper-container::before{left: 20px;}
.pt-full-pop .cont .middle .arg .swiper-container::after{right: 0px;} */
.pt-full-pop .cont .middle .arg .swiper-slide {width:350px; opacity: 0.4;}
.pt-full-pop .cont .middle .arg .swiper-slide.swiper-slide-prev,
.pt-full-pop .cont .middle .arg .swiper-slide.swiper-slide-active,
.pt-full-pop .cont .middle .arg .swiper-slide.swiper-slide-next{opacity: 1;}
.pt-full-pop .cont .middle .arg .swiper-slide .box {width:100%; border-radius:25px; overflow:hidden; box-shadow:2px 2px 10px 4px rgba(0, 0, 0, 0.3);}
.pt-full-pop .cont .middle .arg .sideControl {margin: 15px auto 0;}
.pt-full-pop .cont .middle .arg .txt{width: 1100px; margin: auto;}

.pt-full-pop .cont .middle .arg .slideArrw{position: absolute; width: 1190px; top: 50%; left: 50%;transform: translate(-50%,-50%); z-index: 2;}
.pt-full-pop .cont .middle .arg .slideArrw .swiper-button-prev {left:0px; margin-top:-70px; width:81px; height:81px; background:url(../../images/pyeongtaek/btn_swiper_prev.png) 0 0 no-repeat;}
.pt-full-pop .cont .middle .arg .slideArrw .swiper-button-next {margin-top: -70px; right:0; width:81px; height:81px; background:url(../../images/pyeongtaek/btn_swiper_next.png) 0 0 no-repeat;}
.pt-full-pop .cont .middle .arg .txt {font-size:14px; color:#666;}
.pt-full-pop .cont .middle .arg .swiper-pagination {position:relative;}
.pt-full-pop .cont .middle .arg .swiper-pagination .swiper-pagination-bullet {width:13px; height:13px;}
.pt-full-pop .cont .middle .arg .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {background:#2bb4b0;}
.pt-full-pop .cont .middle .arg .swiper-pagination .swiper-pagination-bullet + .swiper-pagination-bullet {margin-left:10px;}


.pt-full-pop .cont .middle .arg2 {width:100%; text-align:center;}
.pt-full-pop .cont .middle .arg2 .swiper-pagination {position:relative;}
.pt-full-pop .cont .middle .arg2 .swiper-pagination .swiper-pagination-bullet {width:13px; height:13px;}
.pt-full-pop .cont .middle .arg2 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {background:#2bb4b0;}
.pt-full-pop .cont .middle .arg2 .swiper-pagination .swiper-pagination-bullet + .swiper-pagination-bullet {margin-left:10px;}

/* .pt-full-pop .cont .middle .arg */


.info-movie-youtube-pop {position:fixed; top:0px; left:0px; width:100%; height:100%; visibility:hidden; opacity:0; transition: all .3s ease-in-out; pointer-events:none; z-index:1000;}
.info-movie-youtube-pop:before {content:''; position:absolute; top:0px; left:0px; width:100%; height:100%; background:#000; opacity:.6;}
.info-movie-youtube-pop.open {opacity:1; pointer-events:all; visibility:visible;}

.info-movie-youtube-pop .cont {position:absolute; top:calc(50% - 250px); left:calc(50% - 435px); width:870px; height:500px; background:#fff;}
.info-movie-youtube-pop .cont .close {position:absolute; top:0px; right:-50px; display:block; width:50px; height:50px; background:url(../../images/pyeongtaek/btn_pop_close2.png) 0 0 no-repeat; text-indent:-9999px;}
.info-movie-youtube-pop .cont iframe {width:100%; height:500px;}


.pt-full-youtube-pop {position:fixed; top:0px; left:0px; width:100%; height:100%; visibility:hidden; opacity:0; transition: all .3s ease-in-out; pointer-events:none; z-index:1000;}
.pt-full-youtube-pop:before {content:''; position:absolute; top:0px; left:0px; width:100%; height:100%; background:#000; opacity:.3;}
.pt-full-youtube-pop.open {opacity:1; pointer-events:all; visibility:visible;}

.pt-full-youtube-pop .cont {position:absolute; top:calc(50% - 250px); left:calc(50% - 435px); width:870px; height:500px; background:#fff;}
.pt-full-youtube-pop .cont .close {position:absolute; top:0px; right:-50px; display:block; width:50px; height:50px; background:url(../../images/pyeongtaek/btn_pop_close2.png) 0 0 no-repeat; text-indent:-9999px;}
.pt-full-youtube-pop .cont iframe {width:100%; height:500px;}


.full-youtube-pop {position:fixed; top:0px; left:0px; width:100%; height:100%; visibility:hidden; opacity:0; transition: all .3s ease-in-out; pointer-events:none; z-index:1000;}
.full-youtube-pop:before {content:''; position:absolute; top:0px; left:0px; width:100%; height:100%; background:#000; opacity:.7;}
.full-youtube-pop.open {opacity:1; pointer-events:all; visibility:visible;}

.full-youtube-pop .cont {position:absolute; top:calc(50% - 250px); left:calc(50% - 435px); width:870px; height:500px; background:#fff;}
.full-youtube-pop .cont .close {position:absolute; top:0px; right:-50px; display:block; width:50px; height:50px; background:url(../../images/pyeongtaek/btn_pop_close2.png) 0 0 no-repeat; text-indent:-9999px;}
.full-youtube-pop .cont iframe {width:100%; height:500px;}


.pt-full-youtube-shorts-pop {position:fixed; top:0px; left:0px; width:100%; height:100%; visibility:hidden; opacity:0; transition: all .3s ease-in-out; pointer-events:none; z-index:1200;}
.pt-full-youtube-shorts-pop:before {content:''; position:absolute; top:0px; left:0px; width:100%; height:100%; background:#000; opacity:.8;}
.pt-full-youtube-shorts-pop.open {opacity:1; pointer-events:all; visibility:visible;}

.pt-full-youtube-shorts-pop .cont {position:absolute; /* top:calc(50% - 250px); left:calc(50% - 435px); width:870px; height:500px; */ top:0; left:0; width:100%; height:100%; /* background:#fff; */}
.pt-full-youtube-shorts-pop .cont .close {position:absolute; top:0px; /* right:-50px; */right:0px; display:block; width:50px; height:50px; background:url(../../images/pyeongtaek/btn_pop_close2.png) 0 0 no-repeat; text-indent:-9999px; z-index:100;}
/* .pt-full-youtube-shorts-pop .cont iframe {width:100%; height:500px;} */



.pt-full-youtube-shorts-pop .shorts {position:relative; width:100%; /* height:100vh;  */height:100%; scroll-snap-align:start; flex:0 0 auto; /* overflow:hidden; */}

.pt-full-youtube-shorts-pop .main_select {width:100%; height:100%; margin:0 auto; position:relative; z-index:99; display:flex; align-items:center;  }
.pt-full-youtube-shorts-pop .main_select .video-tit {position:absolute; left:0; top:14vh; width:100%; font-family:"Montserrat"; font-weight:700; font-size:76px; text-align:center; color:#fff; }

.pt-full-youtube-shorts-pop .bg {position:absolute; left:0; top:0; background:#e4eaef; width:100%; height:100%; opacity:0.1; filter:blur(10px); }
.pt-full-youtube-shorts-pop .main_select_item {width:50%; text-align:center; color:#ccc; transition:fill color 0.5s; cursor:pointer; margin-top:50px; }

.pt-full-youtube-shorts-pop .shorts{overflow:hidden; }
.pt-full-youtube-shorts-pop .shorts .video-container{ height:100%; /* background:url(https://apt.ssyenc.com/resources/img/sub/comingsoon.jpg) 50% / contain no-repeat */ }
.pt-full-youtube-shorts-pop .shorts .video-container::after{content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(255,0,0,0); cursor:pointer}
.pt-full-youtube-shorts-pop .shorts .swiper-slide-active .video-container::after{display:none}
.pt-full-youtube-shorts-pop .shorts .swiper-container{/* padding:25vh 0 0 */ padding:100px 0;}

.pt-full-youtube-shorts-pop .shorts .swiper-container .swiper-wrapper{width:auto; transform:translate3d(0,0,0) !important; display:flex; /* width:72vw; */width:90vw; max-width:1500px; justify-content:space-between}
.pt-full-youtube-shorts-pop .shorts .swiper-container .swiper-slide{width:264px !important; height:470px; transition:all .3s}
.pt-full-youtube-shorts-pop .shorts .swiper-container .swiper-slide:hover {width:352px !important;height:625px;margin-top:-75px}
.pt-full-youtube-shorts-pop .shorts .swiper-container .swiper-slide.swiper-slide-active{width:352px !important; height:625px; margin-top:-75px}
.pt-full-youtube-shorts-pop .shorts .fp-tableCell{vertical-align:top}
/* .pt-full-youtube-shorts-pop .shorts .swiper-button-prev{width:169px; height:12px; background:url(https://bucket-apt.s3.ap-northeast-2.amazonaws.com/2022/thesharp-soyang/resources/img/main/video_prev_w.png) no-repeat; left:14.0625vw; top:auto; margin:0; bottom:5vh}
.pt-full-youtube-shorts-pop .shorts .swiper-button-next{width:169px; height:12px; background:url(https://bucket-apt.s3.ap-northeast-2.amazonaws.com/2022/thesharp-soyang/resources/img/main/video_next_w.png) no-repeat; right:14.0625vw; top:auto; margin:0; bottom:5vh} */
.pt-full-youtube-shorts-pop .shorts .swiper-pagination-fraction{bottom:5vh; font-family:'Montserrat'; font-size:18px; letter-spacing:0.1em; width:40%; left:30%; font-weight:400}
.pt-full-youtube-shorts-pop .shorts .swiper-pagination-current{font-size:24px; font-weight:700; color:#161f3f}
.pt-full-youtube-shorts-pop .shorts .swiper-pagination-current::before{content:'0'}
.pt-full-youtube-shorts-pop .shorts .swiper-pagination-total::before{content:'0'}


/* E : 평택 전용 팝업 용 */

/* S : 평택 전용 팝업 용 */

/* .pt-right-itm1 {}
.pt-pop-arg {position:absolute; top:calc(50% - 300px); right:0px;  display:flex; justify-content:flex-start; align-items:flex-start; z-index:999;}
.pt-pop-arg .pop-header {width:100px; height:300px; background:#ddd;}
.pt-pop-arg .pop-header + div {margin-top:-50px;}
.pt-pop-arg .popup_box {position:relative; top:auto !important; left:auto !important; right:auto !important; width:auto !important; height:auto !important;}
.pt-pop-arg .popup_box .popup_body img {width:100%;}
.pt-pop-arg .popup_box .popup_close,
.pt-pop-arg .popup_box .popup_footer {display:none;} */
/* E : 평택 전용 팝업 용 */

/* S : 181228 */ 
.youtube_box{position:fixed;left:0;top:0;width:100%;height:100%;z-index:9999;}
.youtube_box:after{position:absolute;left:0;top:0;width:100%;height:100%;background:#000;opacity:0.6; content:'';}
.youtube_box .movie{position:relative;width:850px;height:550px;margin:200px auto;z-index:9999;}
.youtube_box .movie .close{display:block;position:absolute;top:0;right:0;width:42px;height:40px;background-color:#bb162b;text-indent:-9999px;z-index:9999}
.youtube_box .movie .close:before{position:absolute;left:20px;top:11px;transform: rotate(45deg);-ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); width:2px;height:20px;background:#fff;content:'';}
.youtube_box .movie .close:after{position:absolute;left:20px;top:11px;transform: rotate(135deg);-ms-transform: rotate(135deg); -webkit-transform: rotate(135deg); width:2px;height:20px;background:#fff;content:'';}
/* E : 181228 */ 

/* S : 231213 */
.section .info-movie {position:relative; width:100%; height:950px; overflow:hidden;}
.section .info-movie:before {content:''; position:absolute; top:0px; left:0px; display:block; width:100%; height:100%; display:block; opacity:.4; background:#010205; z-index:2;}
.section .info-movie:after {content:''; position:absolute; top:0px; left:0px; display:block; width:100%; height:100%; display:block; background:url(../../images/pyeongtaek/bg_info_movie.png) 0 0 / cover no-repeat; z-index:3;}
.section .info-movie > video {position:absolute; top:0px; left:0px; width:100%; height:100%; transform:scale(1.4); /* background:url(../../images/pyeongtaek/main_info_movie_bg.jpg) center center / cover no-repeat; */ pointer-events:none; z-index:1;}
.section .info-movie > .cont {position:relative; width:1200px; margin:0 auto; z-index:4;}
.section .info-movie > .cont > .tit {padding-top:110px; font-size:54px; font-weight:700; color:#fff;}
.section .info-movie > .cont > .tit span {color:#23b8c0;}
.section .info-movie > .cont > .txt {padding-top:25px; font-size:20px; font-weight:500; color:#999;}

.section .info-movie > .cont .info-video-swiper {position:relative; width:100%; padding:40px 180px 120px; box-sizing:border-box;}
.section .info-movie > .cont .info-video-swiper .side-info-tab {padding-bottom:20px; }
.section .info-movie > .cont .info-video-swiper .side-info-tab ul {width:100%; display:flex; justify-content:center; align-items:center;}
/* .section .info-movie > .cont .info-video-swiper .side-info-tab ul li {} */
.section .info-movie > .cont .info-video-swiper .side-info-tab ul li a {position:relative; display:inline-block; padding:20px 18px; font-size:22px; font-weight:500; color:#fff; letter-spacing:-1px;}
.section .info-movie > .cont .info-video-swiper .side-info-tab ul li.on a:before {content:''; position:absolute; top:0px; left:0px; width:100%; height:100%; border-radius:30px; background:#fff; /* opacity:.15; */opacity:.3;}
.section .info-movie > .cont .info-video-swiper .side-info-tab ul li + li {margin-left:7px;}
/* .section .info-movie > .cont .info-video-swiper .sideControl {} */
.section .info-movie > .cont .info-video-swiper .sideControl .swiper-button-prev,
.section .info-movie > .cont .info-video-swiper .sideControl .swiper-button-next {width:40px; height:70px; background:url(../../images/pyeongtaek/btn_info_movie_swiper_prev.png) 0 0 no-repeat;}
.section .info-movie > .cont .info-video-swiper .sideControl .swiper-button-prev {left:85px;}
.section .info-movie > .cont .info-video-swiper .sideControl .swiper-button-next {right:85px; transform: rotate(180deg);}


.section .info-community {position:relative; width:100%; background:url(../../images/pyeongtaek/bg_info_community.jpg) center center / cover no-repeat;}
.section .info-community > .community-box1 {position:relative; width:1200px; height:880px; margin:0 auto; z-index:2;}
.section .info-community > .community-box1:before {content:''; position:absolute; top:132px; left:-49px; display:block; width:668px; height:784px; background:url(../../images/pyeongtaek/bg_info_community_box1.png) 0 0 no-repeat; pointer-events:none;}
.section .info-community > .community-box1 .tit {position:absolute; top:184px; left:758px; z-index:3;}
.section .info-community > .community-box1 .tit a {position:absolute; top:25px; left:312px;}

.section .info-community > .community-box1 .side-info-tab {position:absolute; top:349px; right:0px;}
.section .info-community > .community-box1 .side-info-tab ul {width:100%; display:flex; justify-content:flex-end; align-items:center;}
/* .section .info-community > .community-box1 .side-info-tab ul li {} */
.section .info-community > .community-box1 .side-info-tab ul li a {position:relative; display:inline-block; padding:20px 18px; font-size:22px; font-weight:500; color:#082b48; letter-spacing:-1px;}
.section .info-community > .community-box1 .side-info-tab ul li.on a:before {content:''; position:absolute; top:0px; left:0px; width:100%; height:100%; border-radius:30px; background:#b8a288;}
.section .info-community > .community-box1 .side-info-tab ul li.on a {color:#fff;}
.section .info-community > .community-box1 .side-info-tab ul li a span {position:relative; z-index:2;}
.section .info-community > .community-box1 .side-info-tab ul li + li {margin-left:7px;}

.section .info-community > .community-box1 .community-swiper-box {position:relative; width:100%; min-width:1226px; margin-left:-26px; height:100%;}
.section .info-community > .community-box1 .community-swiper-box .swiper-slide {opacity:0 !important;}
.section .info-community > .community-box1 .community-swiper-box .swiper-slide-active {opacity:1 !important;}
.section .info-community > .community-box1 .community-swiper-box .swiper-animation {position:relative; width:100%; height:100%; min-height:810px;}

.section .info-community > .community-box1 .community-swiper-box .swiper-animation .visual-itm {position:absolute; top:0px; left:0px; width:100%; height:100%; opacity:0; transition: all .6s ease-in-out; /* transition-delay:1s; */ text-indent:-9999px; pointer-events:none;}
.section .info-community > .community-box1 .community-swiper-box .swiper-slide-active .swiper-animation .visual-itm {opacity:1;}

.section .info-community > .community-box1 .community-swiper-box .swiper-animation.itm1 .visual-itm {background:url(../../images/pyeongtaek/community_swiper_visual_itm1.png) 0 0 no-repeat;}
.section .info-community > .community-box1 .community-swiper-box .swiper-animation.itm2 .visual-itm {background:url(../../images/pyeongtaek/community_swiper_visual_itm2.png) 0 0 no-repeat;}
.section .info-community > .community-box1 .community-swiper-box .swiper-animation.itm3 .visual-itm {background:url(../../images/pyeongtaek/community_swiper_visual_itm3.png) 0 0 no-repeat;}

.section .info-community > .community-box1 .community-swiper-box .swiper-animation .back-lines {position:absolute; pointer-events:none;}
.section .info-community > .community-box1 .community-swiper-box .swiper-animation .back-lines .line1 {position:absolute; text-indent:-9999px;}
.section .info-community > .community-box1 .community-swiper-box .swiper-animation .back-lines .line1 span.bar {position:absolute; display:block; overflow:hidden;}
.section .info-community > .community-box1 .community-swiper-box .swiper-animation .back-lines .line1 span.bar:before {content:''; position:absolute; display:block; height:1px; background:#b8a288; }

.section .info-community > .community-box1 .community-swiper-box .swiper-animation .back-lines .line1 span.one {position:absolute; display:block; width:28px; height:28px;}
.section .info-community > .community-box1 .community-swiper-box .swiper-animation .back-lines .line1 span.one:before,
.section .info-community > .community-box1 .community-swiper-box .swiper-animation .back-lines .line1 span.one:after {content:''; position:absolute; top:7px; left:7px; width:14px; height:14px; border-radius:100%; background:#b8a288;}
.section .info-community > .community-box1 .community-swiper-box .swiper-animation .back-lines .line1 span.one:before {top:0px; left:0px; width:28px; height:28px; background:#fff; opacity:.5;}

.section .info-community > .community-box1 .community-swiper-box .swiper-animation.itm1 .back-lines .line1 span.one {top:365px; left:505px; opacity:0;}
.section .info-community > .community-box1 .community-swiper-box .swiper-animation.itm1 .back-lines .line1 span.bar {top:378px; left:518px; /* width:129px; */ width:0px; height:100px;}
.section .info-community > .community-box1 .community-swiper-box .swiper-animation.itm1 .back-lines .line1 span.bar:before {top:44px; left:-8px; transform:rotate(-146deg); width:149px;}
.section .info-community > .community-box1 .community-swiper-box .swiper-slide-active .swiper-animation.itm1 .back-lines .line1 span.bar { animation-duration:.4s; animation-delay:.4s; animation-name:swiper-animation-back-lines1-itm1-bar; animation-fill-mode:forwards;}
@keyframes swiper-animation-back-lines1-itm1-bar {
	0% {
		width:0px;
	}

	100% {
		width:129px;
	}
}

.section .info-community > .community-box1 .community-swiper-box .swiper-animation.itm2 .back-lines .line1 span.one {top:262px; left:372px; opacity:0;}
.section .info-community > .community-box1 .community-swiper-box .swiper-animation.itm2 .back-lines .line1 span.bar {top:277px; left:384px; /* width:263px; */ width:0px; height:195px;}
.section .info-community > .community-box1 .community-swiper-box .swiper-animation.itm2 .back-lines .line1 span.bar:before {top:69px; left:-100px; transform:rotate(-144deg); width:401px;}

.section .info-community > .community-box1 .community-swiper-box .swiper-slide-active .swiper-animation.itm2 .back-lines .line1 span.bar { animation-duration:.4s; animation-delay:.4s; animation-name:swiper-animation-back-lines1-itm2-bar; animation-fill-mode:forwards;}
@keyframes swiper-animation-back-lines1-itm2-bar {
	0% {
		width:0px;
	}

	100% {
		width:263px;
	}
}

.section .info-community > .community-box1 .community-swiper-box .swiper-animation.itm3 .back-lines .line1 span.one {top:548px; left:244px; opacity:0;}
.section .info-community > .community-box1 .community-swiper-box .swiper-animation.itm3 .back-lines .line1 span.bar {top:462px; left:256px; /* width:391px; */ width:0px; height:103px;}
.section .info-community > .community-box1 .community-swiper-box .swiper-animation.itm3 .back-lines .line1 span.bar:before {top:49px; left:2px; transform:rotate(166deg); width:397px;}

.section .info-community > .community-box1 .community-swiper-box .swiper-slide-active .swiper-animation.itm3 .back-lines .line1 span.bar { animation-duration:.4s; animation-delay:.4s; animation-name:swiper-animation-back-lines1-itm3-bar; animation-fill-mode:forwards;}
@keyframes swiper-animation-back-lines1-itm3-bar {
	0% {
		width:0px;
	}

	100% {
		width:391px;
	}
}


.section .info-community > .community-box1 .community-swiper-box .swiper-slide-active .swiper-animation .back-lines .line1 span.one {animation-duration:.2s; animation-delay:.3s; animation-name:swiper-animation-back-lines1-one; animation-fill-mode:forwards;}
@keyframes swiper-animation-back-lines1-one {
	0% {
		opacity:0;
	}

	100% {
		opacity:1;
	}
}


.section .info-community > .community-box1 .community-swiper-box .swiper-animation .back-lines .line2 {text-indent:-9999px;}
.section .info-community > .community-box1 .community-swiper-box .swiper-animation .back-lines .line2:before,
.section .info-community > .community-box1 .community-swiper-box .swiper-animation .back-lines .line2:after {content:''; position:absolute;  background:#b8a288;}
.section .info-community > .community-box1 .community-swiper-box .swiper-animation .back-lines .line2:after {top:464px; left:646px; /* width:100px; */ width:0px; height:1px; /* transition: all .4s ease-in-out; */}
.section .info-community > .community-box1 .community-swiper-box .swiper-slide-active .swiper-animation .back-lines .line2:after {/* width:100px; transition-delay:.7s; */animation-duration:.4s; animation-delay:.8s; animation-name:swiper-animation-back-lines2-bar; animation-fill-mode:forwards;}
@keyframes swiper-animation-back-lines2-bar {
	0% {
		width:0px;
	}

	100% {
		width:100px;
	}
}
.section .info-community > .community-box1 .community-swiper-box .swiper-animation .back-lines .line2:before {top:457px; left:737px; width:14px; height:14px; border-radius:100%; opacity:0; /* transition: all .2s ease-in-out; */}
.section .info-community > .community-box1 .community-swiper-box .swiper-slide-active .swiper-animation .back-lines .line2:before {/* opacity:1; transition-delay:1s; */ animation-duration:.2s; animation-delay:1s; animation-name:swiper-animation-back-lines2-one; animation-fill-mode:forwards;}
@keyframes swiper-animation-back-lines2-one {
	0% {
		opacity:0;
	}

	100% {
		opacity:1;
	}
}



.section .info-community > .community-box1 .community-swiper-box .swiper-animation .visual-tit {position:absolute; top:450px; left:765px; font-size:28px; font-weight:700; color:#082b48; opacity:0;}
.section .info-community > .community-box1 .community-swiper-box .swiper-slide-active .swiper-animation .visual-tit {/* margin-left:20px; */ animation-duration:.4s; animation-delay:1.1s; animation-name:swiper-animation-visual-tit; animation-fill-mode:forwards;}
@keyframes swiper-animation-visual-tit {
	0% {
		opacity:0;
		margin-left:20px;
	}

	100% {
		opacity:1;
		margin-left:0px;
	}
}
.section .info-community > .community-box1 .community-swiper-box .swiper-animation .visual-list {position:absolute; top:496px; left:736px; opacity:0;}
.section .info-community > .community-box1 .community-swiper-box .swiper-slide-active .swiper-animation .visual-list {animation-duration:.4s; animation-delay:1.2s; animation-name:swiper-animation-visual-list; animation-fill-mode:forwards;}
@keyframes swiper-animation-visual-list {
	0% {
		opacity:0;
	}

	100% {
		opacity:1;
	}
}

.section .info-community > .community-box1 .community-swiper-box .swiper-animation .visual-list ul {width:490px; }
.section .info-community > .community-box1 .community-swiper-box .swiper-animation .visual-list ul:after {content:"."; display:block; height:0; font:0/0 arial; clear:both; visibility:hidden;} 
.section .info-community > .community-box1 .community-swiper-box .swiper-animation .visual-list ul li {float:left; margin-bottom:20px;}
.section .info-community > .community-box1 .community-swiper-box .swiper-animation .visual-list ul li img {transform:rotate3d(0, 1, 0, -180deg);}
.section .info-community > .community-box1 .community-swiper-box .swiper-animation .visual-list ul li + li {margin-left:20px;}
.section .info-community > .community-box1 .community-swiper-box .swiper-animation .visual-list ul li:nth-child(3n + 1) {margin-left:0;}

.section .info-community > .community-box1 .community-swiper-box .swiper-slide-active .swiper-animation .visual-list ul li:nth-child(1) img {animation-duration:.8s; animation-delay:1.3s; animation-name:swiper-animation-visual-list-itm; animation-fill-mode:forwards;}
.section .info-community > .community-box1 .community-swiper-box .swiper-slide-active .swiper-animation .visual-list ul li:nth-child(2) img {animation-duration:.8s; animation-delay:1.4s; animation-name:swiper-animation-visual-list-itm; animation-fill-mode:forwards;}
.section .info-community > .community-box1 .community-swiper-box .swiper-slide-active .swiper-animation .visual-list ul li:nth-child(3) img {animation-duration:.8s; animation-delay:1.5s; animation-name:swiper-animation-visual-list-itm; animation-fill-mode:forwards;}
.section .info-community > .community-box1 .community-swiper-box .swiper-slide-active .swiper-animation .visual-list ul li:nth-child(4) img {animation-duration:.8s; animation-delay:1.6s; animation-name:swiper-animation-visual-list-itm; animation-fill-mode:forwards;}
.section .info-community > .community-box1 .community-swiper-box .swiper-slide-active .swiper-animation .visual-list ul li:nth-child(5) img {animation-duration:.8s; animation-delay:1.7s; animation-name:swiper-animation-visual-list-itm; animation-fill-mode:forwards;}
.section .info-community > .community-box1 .community-swiper-box .swiper-slide-active .swiper-animation .visual-list ul li:nth-child(6) img {animation-duration:.8s; animation-delay:1.8s; animation-name:swiper-animation-visual-list-itm; animation-fill-mode:forwards;}
@keyframes swiper-animation-visual-list-itm {
	0% {
		transform:rotate3d(0, 1, 0, -180deg);
	}

	100% {
		transform:rotate3d(0, 1, 0, 0deg);
	}
}


.section .info-community > .community-box2 {position:relative; width:1200px; height:867px; padding-top:110px; box-sizing:border-box; margin:0 auto; z-index:2;}
.section .info-community > .community-box2 .side-info-tab {position:absolute; top:167px; left:0; z-index:2;}
.section .info-community > .community-box2 .side-info-tab ul {}
.section .info-community > .community-box2 .side-info-tab ul li {opacity:.32; text-align:left;}
.section .info-community > .community-box2 .side-info-tab ul li.on {opacity:1;}
.section .info-community > .community-box2 .side-info-tab ul li + li {padding-top:32px;}
.section .info-community > .community-box2 .side-info-tab ul li a {position:relative; font-size:56px; font-weight:700; color:#fff; letter-spacing:-1px;}
.section .info-community > .community-box2 .side-info-tab ul li.on a:before {content:''; position:absolute; bottom:2px; left:0px; display:block; width:100%; height:3px; background:#fff;}
.section .info-community > .community-box2 .swiper-box {position:absolute; top:110px; right:0px; width:840px;}
.section .info-community > .community-box2 .swiper-box:before {content:''; position:absolute; top:0px; left:0px; display:block; width:100%; height:calc(100% - 40px); box-sizing:border-box; border-radius:19px; box-shadow: 15px 5px 95px 5px rgba(0,0,0,0.5);}
.section .info-community > .community-box2 .swiper-box .swiper-slide {opacity:0 !important;}
.section .info-community > .community-box2 .swiper-box .swiper-slide-active {opacity:1 !important;}
.section .info-community > .community-box2 .sideControl {}
.section .info-community > .community-box2 .sideControl .swiper-button-prev,
.section .info-community > .community-box2 .sideControl .swiper-button-next {top:550px; left:0px; right:auto; width:80px; height:80px; background:url(../../images/pyeongtaek/btn_community_box2_swiper_prev.png) 0 0 no-repeat;}
.section .info-community > .community-box2 .sideControl .swiper-button-next {left:100px; transform: rotate(180deg);}

/* E : 231213 */