/*basic-set*/
input[type=text],
input[type=password],
textarea
{
    -webkit-box-sizing :border-box;‌​
    -moz-box-sizing :border-box;
    box-sizing :border-box;
	line-height:auto;
	vertical-align:top;
}
* { position:relative; transition:all ease-in-out 0.3s; -webkit-transition:all ease-in-out 0.3s; -webkit-transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1); transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1); word-break:keep-all; }


/*contents*/
#wrap { min-width:1400px; }

#header { position:absolute; top:0; left:0; right:0; z-index:11; }
#header.sticky { position:fixed; background:rgba(255,255,255,0.9); }
#header .wrap { margin:0 auto; width:1400px; height:86px; }
#header .wrap h1 { position:absolute; top:24px; left:0; }
#header .wrap h1 a { display:block; width:313px; height:41px; text-indent:-9999px; background-image:url(../images/logo.png); }
#header.sticky .wrap h1 a { background-image:url(../images/logo_sticky.png); }
#header .wrap .call { position:absolute; top:31px; right:0; width:315px; height:27px; text-indent:-9999px; background-image:url(../images/h_call.png); }
#header.sticky .wrap .call { background-image:url(../images/h_call_sticky.png); }


#header .wrap .phone-per { position:absolute; top:18px; right:0; }
#header .wrap .phone-per span{display:inline-block;line-height:44px;vertical-align:middle;}
#header .wrap .phone-per span.part {font-size:18px;color:#333;}
#header.sticky .wrap .phone-per span.part {font-size:18px;color:#222;}
#header .wrap .phone-per span.name {font-size:30px;font-weight:700;color:#333;}
#header.sticky  .wrap .phone-per span.name {color:#222;}
#header .wrap .phone-per span.tel { background-image:url(../images/tel.png); background-repeat:no-repeat;background-position:left center;font-size:30px;font-weight:700;color:#333;padding-left:55px;}
#header.sticky .wrap .phone-per span.tel { background-image:url(../images/tel.png); background-repeat:no-repeat;background-position:left center;font-size:30px;font-weight:700;color:#333;padding-left:55px;}



#bt_quick { position:fixed; top:112px; right:60px; width:144px; height:144px; background:url(../images/bt_quick.png); text-indent:-9999px; z-index:12; }
#bt_vr { position:fixed; top:250px; right:60px; width:139px; height:131px; background:url(../images/bt_vr.png); text-indent:-9999px; z-index:12; }

#bt_top { position:fixed; bottom:30px; right:60px; width:40px; height:40px; cursor:pointer; background:url(../images/bt_go_top.png); text-indent:-9999px; z-index:10; }

.f_guide { background:#222; }
.f_guide .wrap { width:1100px; margin:0 auto; padding:35px 0; font-size:18px; line-height:24px; color:#fff; font-weight:100; }
#bt_top { position:absolute; top:42px; right:50%; margin-right:-667px; width:70px; height:70px; background:url(../images/bt_top.png); text-indent:-9999px; }

#footer .spon { text-align:center; border-bottom:1px solid #d1d1d1; }
#footer .wrap { width:1100px; margin:0 auto; padding:10px 0; font-size:18px; line-height:24px; color:#333; }
#footer .wrap span a{color:#333;}

.video_wrap { width:100%;max-height:930px;position:relative;background:#222;}
/*.video_wrap { padding-bottom:56.25%; height:0; }*/
.video_wrap video { width:100%; height:100%; object-fit:cover;}
.video_wrap .bt_stop,
.video_wrap .bt_play { position:absolute; top:50%; left:50%; transform:translateX(-50%); width:110px; height:110px; margin-top:-55px; background:url(../images/video_bt_stop.png); text-indent:-9999px; z-index:10; opacity:0; -webkit-opacity:0; transition:all ease-in-out 0.3s; -webkit-transition:all ease-in-out 0.3s; -webkit-transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1); transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1); }
.video_wrap .bt_play { background:url(../images/video_bt_play.png); display:none; }
.video_wrap .bt_play.on { display:block; opacity:1; -webkit-opacity:1; }
.video_wrap:hover .bt_stop { opacity:1; -webkit-opacity:1; }
.video_wrap:hover .bt_stop.off { display:none; }
#btn-vol { position:absolute; bottom:22px; right:50%; margin-right:-600px; display:block; width:140px; height:45px; background-image:url(../images/bt_sound_off.png); background-repeat:no-repeat; background-size:100% 100%; z-index:10; text-indent:-9999px; transition:all ease-in-out 0.3s; -webkit-transition:all ease-in-out 0.3s; -webkit-transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1); transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1); }
#btn-vol.on { background-image:url(../images/bt_sound_on.png); }

/* Bar */
.video_wrap .vbar {position:absolute;bottom:0;left:0;display:block;height:16px;width:100%;background-color:rgba(34,34,34,0.5);z-index:10;}
.video_wrap .vbar p {display:block;height:100%;background:rgba(39,35,192,0.7);text-indent:-999999px;}


/* Visual  mt_slider */
.mt_slider .swiper-slide { height:868px; background-repeat:no-repeat; background-position:center center; background-size:cover; }
.mt_slider .ct_area { position:absolute; bottom:18px; right:50%; margin-right:-610px; padding-right:38px; z-index:10; height:26px; }
.mt_slider .pagination { display:inline-block; vertical-align:middle; margin-bottom:-2px; }
.mt_slider .pagination .swiper-pagination-bullet { display:inline-block; width:352px; height:3px; background:rgba(255,255,255,0.3); margin-left:10px; color:rgba(255,255,255,0.3); border-radius: 0;border:none;letter-spacing:-2px;}
.mt_slider .pagination .swiper-pagination-bullet-active { background-color:#fff; color:#fff; }
.mt_slider .pagination .swiper-pagination-bullet:before { content:''; position:absolute; bottom:10px; left:0; font-family: 'S-CoreDream', 'Noto Sans KR'; font-size:20px; font-weight:300; }
.mt_slider .pagination .swiper-pagination-bullet:nth-child(1):before { content:'문화예술의 중심지에 걸맞는 명작 아파텔'; }
.mt_slider .pagination .swiper-pagination-bullet:nth-child(2):before { content:'10년간 임대보장 매월 통장에 최소 55만원'; }
.mt_slider .pagination .swiper-pagination-bullet:nth-child(3):before { content:'스케일이 남다른 랜드마크 아파텔'; }
.mt_slider .bt { position:absolute; top:0; right:0; width:26px; height:26px; text-indent:-9999px; background-repeat:no-repeat; background-position:center 50%; }
.mt_slider .bt.bt_stop { background-image:url(../images/t_slider_bt_stop.png); }
.mt_slider .bt.bt_play { background-image:url(../images/t_slider_bt_play.png); display:none; }
.mt_slider .video_wrap { position:absolute; top:0; left:0; right:0; bottom:0; overflow:hidden; }
.mt_slider .video_wrap video { position:absolute; top:50%; left:50%; min-width:100%; min-height:100%; width:100%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); }


.sec { background-repeat:no-repeat; background-position:top center; position:relative;}
.i_tx {text-indent:-999999999px;height:0px;}

.sec-box {position:relative;width:100%;min-width:1200px;overflow:hidden}
.sec-box > div{position:relative;left:50%;margin-left:-1000px;top:0;}

/* Img sec-wide-slider  */
.sec-w-slider { height:933px; background:#0e5172; }
.sec-w-slider h2 { position:absolute; top:98px; left:0; right:0; text-align:center; opacity:0; }
.sec-w-slider .slider { position:absolute; bottom:0px; left:0; right:0; opacity:0; }
.sec-w-slider .swiper-slide { height:614px; background-repeat:no-repeat; background-position:center center; background-size:cover; }
.sec-w-slider .swiper-pagination { position:absolute; top:-23px; left:50%; margin-left:-610px; }
.sec-w-slider .swiper-pagination .swiper-pagination-bullet { display:inline-block; width:13px; height:13px; background:#888; margin-left:10px; border:none;border-radius:0;}
.sec-w-slider .swiper-pagination .swiper-pagination-bullet-active { background:#ff7b0b; }
.sec-w-slider .swiper-button-prev,
.sec-w-slider .swiper-button-next {position:absolute; top:540px; left:50%; width:56px; height:56px; }
.sec-w-slider .swiper-button-prev { margin-left:494px; background-image:url(../images/sec01_slider_bt_prev.png); }
.sec-w-slider .swiper-button-next { margin-left:556px; background-image:url(../images/sec01_slider_bt_next.png); }















/*이미지슬라이드*/
.sec_unit { height:1311px;  background: #e6e6e6; }
.sec_unit .tit { position:absolute; top:100px;  width:1400px;text-align:center;left:50%; margin-left:-700px; opacity:0;}
.sec_unit .swiper-container { position:absolute; top:280px; left:50%; width:1400px; margin-left:-700px; padding-top:38px; opacity:0; }
.sec_unit .swiper-pagination { top:0;text-align:center;  }
.sec_unit .swiper-container-horizontal > .swiper-pagination-bullets { top: 57px; left: 0; width: 98%; text-align:right;} /*버튼위치*/

.sec_unit .swiper-pagination-bullet { width: 18px; height: 18px; border-radius: 100%; border:2px solid #dbdbdb; }
.sec_unit .swiper-pagination-white .swiper-pagination-bullet { background: #fff; }
.sec_unit .swiper-pagination-bullet-active { opacity: 1; background: #fa602b; border:2px solid #fa602b;}
.sec_unit .swiper-pagination-white .swiper-pagination-bullet-active { background: #fa602b; }
.sec_unit .swiper-pagination-black .swiper-pagination-bullet-active { background: #fa602b; }


.sec-map{ position:relative;height:940px; background: #fff; }/*지도*/
.sec-map .tit { position:absolute; top:100px;  width:1400px;text-align:center;left:50%; margin-left:-700px; opacity:0;}
.sec-map .con { position:absolute; top:346px; left:50%; margin-left:-550px; opacity:0; }
.sec-map > .map-left {position:absolute;left:50%;top:292px;margin-left:-600px;width:588px;}
.sec-map > .map-right {position:absolute;right:50%;top:292px;margin-right:-600px;width:588px;}
.sec-map  .map-top {width:100%;height:40px;text-align:center;line-height:40px;color:#fff;font-size:24px;font-weight:500;background:#10344b;overflow:hidden;}
.sec-map  .map-box {width:100%;height:414px;overflow:hidden;border:1px solid #d8d8d8;box-sizing:border-box;}
.sec-map  .btbox {width:100%;padding:20px 0;}
.sec-map p{display:block;font-size:18px;}

.sec-map .txt-box { background-image:url(../images/ico_po.png); background-position:0 13px;background-repeat:no-repeat; line-height:60px;text-indent:30px;font-size:20px;}


.popup01 {position:fixed;left:0;z-index:12;bottom:0;}
.popup01 >div {position:relative;background:url(/images/premium7.jpg) no-repeat 0 0;width:460px;height:410px;}
.popup01 .close {position:absolute;right:0;top:0;width:36px;height:36px;background:url(/images/close.png) no-repeat 0 0;z-index:13;text-indent:-99999px;}
.popup01 .dbopen {position:absolute;left:120px;bottom:12px;width:216px;height:59px;z-index:13;text-indent:-99999px;}


.popup02 {position:fixed;left:447px;z-index:12;bottom:0;}
.popup02 >div {position:relative;background:url(/images/pop01.jpg) no-repeat 0 0;width:447px;height:511px;}
.popup02 > div {position:relative;background:url(/images/pop02.jpg) no-repeat 0 0;width:447px;height:511px;}
.popup02 .close {position:absolute;right:0;top:0;width:36px;height:36px;background:url(/images/close.png) no-repeat 0 0;z-index:13;text-indent:-99999px;}


.popup03 {position:fixed;left:0;z-index:12;bottom:0;}
.popup03 >div {position:relative;background:url(/images/pop_0805.jpg) no-repeat 0 0;width:600px;height:542px;}
.popup03 .close {position:absolute;right:0;top:0;width:36px;height:36px;background:url(/images/close.png) no-repeat 0 0;z-index:13;text-indent:-99999px;}
.popup03 .dbopen {position:absolute;left:120px;bottom:12px;width:216px;height:59px;z-index:13;text-indent:-99999px;}



html.on { height:100%; overflow:hidden; }
.pu_bg { position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.8); z-index:98; display:none; }
.pu_app { position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); width:640px; background:#f5f5f5; z-index:99; display:none; }
.pu_app .bt_close { position:absolute; top:-46px; right:13px; width:32px; height:33px; background:url(../images/bt_pu_close.png); text-indent:-9999px; }
.pu_app .con { padding:26px 32px 50px; }
.pu_app .con dl { margin-bottom:8px; line-height:49px; }
.pu_app .con dl dt { position:absolute; top:0; left:0; font-size:16px; }
.pu_app .con dl dd { margin-left:87px; }
.pu_app .con dl dd input[type=text] { width:32%; height:49px; border:1px solid #d8d8d8; background:none; padding:0 10px; font-size:15px; }
.pu_app .con dl dd select { width:32%; height:49px; border:1px solid #d8d8d8; background:none; padding:0 0 0 10px; font-size:15px; }
.pu_app .con .agree { border:1px solid #d8d8d8; height:70px; padding:10px; overflow:hidden; overflow-y:auto; margin-bottom:20px; }
.pu_app .con .check { text-align:center; margin-bottom:30px; font-size:15px; }
.pu_app .con .check input[type="checkbox"] { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0 }
.pu_app .con .check input[type="checkbox"] + label:before { content:''; display:inline-block; width:22px; height:23px; background-image:url(../images/cb.gif); vertical-align:middle; margin:-3px 10px 0 0; }
.pu_app .con .check input[type="checkbox"]:checked + label:before { background-image:url(../images/cb_on.gif); }
.pu_app .con .btn { text-align:center; }

.delay-02s {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}
.delay-04s {
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
}
.delay-06s {
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
}
.delay-08s {
    -webkit-animation-delay: 0.8s;
    animation-delay: 0.8s;
}
.delay-1s {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}
.delay-13s {
    -webkit-animation-delay: 1.3s;
    animation-delay: 1.3s;
}