/*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:320px; padding-top:calc(88/640*100vw); }

#header { position:fixed; top:0; left:0; right:0; z-index:10; height:calc(88/640*100vw); background:#fff; }
#header h1 { position:absolute; top:calc(7/640*100vw); left:calc(20/640*100vw); }
#header h1 a { display:block; width:calc(182/640*100vw); height:calc(63/640*100vw); text-indent:-9999px; background-image:url(../images/logo.png); background-size:100% 100%; }
#header .call { position:absolute; top:calc(20/640*100vw); right:calc(19/640*100vw); width:calc(286/640*100vw); height:calc(47/640*100vw); text-indent:-9999px; background-image:url(../images/h_call.png); background-size:100% 100%; }
#header .top {position:relative;background:#524941; text-align:center;}
#header .top img { width:100%;height: calc(88/640*100vw);}

#gnb { position:fixed; bottom:0; left:0; right:0; background:url(../images/menu.png); background-size:100% 100%; z-index:50; }
#gnb li { float:left; width:25%; }
#gnb li a { display:block; height:calc(154/640*100vw); text-indent:-9999px; }

#gnb-new { position:fixed; bottom:0; left:0; right:0; background:url(../images/menu_new.png); background-size:100% 100%; z-index:50; }
#gnb-new li { float:left; width:33.333%; }
#gnb-new li a { display:block; height:calc(154/640*100vw); text-indent:-9999px; }

.quick_vr {position:absolute;top:calc(220/640*100vw);right:calc(10/640*100vw);z-index:9;text-align:center;background:url(/images/bt_vr.png); background-size:100% 100%;text-indent:-9999px;width:calc(110/640*100vw); height:calc(104/640*100vw);}


/* 영업용 명함*/
.t_info { padding:calc(135/640*100vw) calc(30/640*100vw) calc(30/640*100vw); font-weight:400; background:#fff; }
.t_info .logo { position:absolute; top:calc(52/640*100vw); left:calc(30/640*100vw); width:calc(286/640*100vw); height:calc(103/640*100vw); }
.t_info .name { font-size:calc(24/640*100vw); color:#666; text-align:right; margin-bottom:4.5vw; }
.t_info .name b { display:inline-block; vertical-align:calc(-10/640*100vw); margin-left:calc(15/640*100vw); font-size:calc(50/640*100vw); color:#333; letter-spacing:-0.2vw; font-weight:700; }
.t_info dl { font-size:calc(24/640*100vw); letter-spacing:-0.3vw; }
.t_info dl dt { position:absolute; top:0; left:0; color:#24567b; font-weight:500; }
.t_info dl dd { margin-left:calc(90/640*100vw); color:#666; }
.t_info dl.phone dt { top:3vw; }
.t_info dl.phone dd { font-size:calc(50/640*100vw); color:#333; letter-spacing:0.5vw; font-weight:800; }
.t_info dl.phone dd a{color:#333;}


.f_guide { background:#222; padding:calc(15/640*100vw); font-size:calc(12/640*100vw); line-height:calc(24/640*100vw); color:#8a8a8a; }

#footer {margin-bottom:calc(154/640*100vw);}
#footer .spon { border-bottom:calc(1/640*100vw) solid #d1d1d1; }
#footer .spon img { width:100%; }
#footer .wrap { padding:calc(15/640*100vw); font-size:calc(12/640*100vw); line-height:calc(20/640*100vw); color:#666; text-align:center;letter-spacing:-2px; }
#footer .wrap .b{font-weight:400;font-size:calc(12/640*100vw);}
#footer .ftxt img{width:100%;}
#footer .ftxt2 {font-size:calc(11/640*100vw);font-weight:300;padding-bottom:calc(7/640*100vw);}
#footer .wrap span a{display:block;color:#222;}

.video_wrap { padding-bottom:56.25%; height:0; }
.video_wrap video { position:absolute; top:0; left:0; width:100%; height:100%; }
.video_wrap .bt_stop,
.video_wrap .bt_play { position:absolute; top:0; left:0; right:0; bottom:0; background-repeat:no-repeat; background-position:center center; background-size:calc(110/640*100vw) calc(110/640*100vw); 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-image: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:calc(15/640*100vw); right:calc(15/640*100vw); display:block; width:calc(140/640*100vw); height:calc(45/640*100vw); background-image:url(../images/bt_sound_off.png); background-repeat:no-repeat; background-size:100% 100%; z-index:11; 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:calc(16/640*100vw);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;}
img.bg { width:100%; }

/* Visual mt_slider */
.mt_slider .swiper-slide { height:calc(469/640*100vw); background-repeat:no-repeat; background-position:center center; background-size:cover; }
.mt_slider .ct_area { position:absolute; bottom:calc(10/640*100vw); left:calc(15/640*100vw); right:calc(20/640*100vw); height:calc(24/640*100vw); z-index:10; }
.mt_slider .pagination { position:absolute; left:0; bottom:calc(10/640*100vw); right:calc(25/640*100vw); }
.mt_slider .pagination .swiper-pagination-bullet { display:inline-block; width:43%; height:calc(3/640*100vw); background:rgba(255,255,255,0.3); vertical-align:bottom; margin:0 1% 0; color:rgba(255,255,255,0.3); border:none;border-radius:0;}
.mt_slider .pagination .swiper-pagination-bullet-active { background-color:#fff; color:#fff; }
.mt_slider .pagination .swiper-pagination-bullet:before { content:''; position:absolute; bottom:calc(10/640*100vw); left:0; font-family: 'S-CoreDream'; font-size:calc(14/640*100vw); font-weight:300; letter-spacing:-1.5px;}
.mt_slider .pagination .swiper-pagination-bullet:nth-child(1):before { content:'84만 배후수요 서울중심.여의도와 직通하다!'; }
.mt_slider .pagination .swiper-pagination-bullet:nth-child(2):before { content:'계약금 500만원으로 투자를 관通하다!'; }
.mt_slider .pagination .swiper-pagination-bullet:nth-child(3):before { content:'신의 한수'; }
.mt_slider .bt { position:absolute; top:0; right:0; width:calc(24/640*100vw); height:calc(24/640*100vw); text-indent:-9999px; background-repeat:no-repeat; background-position:center 50%; background-size:100% 100%; }
.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:0; left:50%; min-width:100%; min-height:100%; max-height:100%; transform:translateX(-50%); -webkit-transform:translateX(-50%); }

/* w slider */
.sec-w-slider { padding:calc(334/640*100vw) 0  calc(99/640*100vw); background:#0e5172;}
.sec-w-slider h2 { position:absolute; top:calc(100/640*100vw); left:0; right:0; text-align:center; opacity:0; }
.sec-w-slider h2 img { width:100%; }
.sec-w-slider .slider { margin:0 calc(20/640*100vw); }
.sec-w-slider .swiper-slide { widht:calc(600/640*100vw);height:calc(423/640*100vw); background-repeat:no-repeat; background-position:center center; background-size:cover; }
.sec-w-slider .swiper-pagination { position:absolute; top:calc(-26/640*100vw); left:0; }
.sec-w-slider .swiper-pagination .swiper-pagination-bullet { display:inline-block; width:calc(13/640*100vw); height:calc(13/640*100vw); background:#888; margin-left:calc(10/640*100vw); border-radius:0;border:none;}
.sec-w-slider .swiper-pagination .swiper-pagination-bullet-active { background:#ff7b0b; }
.sec-w-slider .swiper-button-prev,
.sec-w-slider .swiper-button-next { top:calc(355/640*100vw); width:calc(56/640*100vw); height:calc(56/640*100vw); background-size:100% 100%; }
.sec-w-slider .swiper-button-prev { left:calc(470/640*100vw); background-image:url(../images/sec01_slider_bt_prev.png); }
.sec-w-slider .swiper-button-next { right:calc(10/640*100vw); background-image:url(../images/sec01_slider_bt_next.png); }


.secmo {position:relative;background:#ffca84;height:calc(500/640*100vw)}
.secmo .movie {position:absolute; top:calc(20/640*100vw); left:calc(20/640*100vw); width:calc(600/640*100vw);height:calc(338/640*100vw);background:#000;}
.secmo .motum {position:absolute;bottom:calc(40/640*100vw); left:calc(20/640*100vw); }
.secmo .motum li {float:left;padding-right:calc(15/640*100vw)}

/*기본 섹션*/
.sec {position:relative;}
.sec > img { width:100%; }
.sec > a img { width:100%; }
.sec h2 img {width:100%;}

.sec01 {width:100%;height:calc(1316/640*100vw);position:absolute;left:0;top:0;}
.sec01 a {position:absolute;display:block;width:calc(482/640*100vw);height:calc(157/640*100vw);z-index:11;text-indent:-99999px;left:calc(78/640*100vw);}
.sec01 a.sec01_01 {top:calc(248/640*100vw);}
.sec01 a.sec01_02 {top:calc(415/640*100vw);}
.sec01 a.sec01_03 {top:calc(581/640*100vw);}
.sec01 a.sec01_04 {top:calc(747/640*100vw);}
.sec01 a.sec01_05{top:calc(915/640*100vw);}
.sec01 a.sec01_06 {top:calc(1081/640*100vw);}


/*슬라이드 sec13*/
.sec-unit{ background:#e6e6e6;height:calc(1407/640*100vw)}
.sec-unit .tit { position:absolute; top:calc(100/640*100vw); left:0; right:0; text-align:center; width:100%;}
.sec-unit .tit img{width:100%;}
.sec-unit .swiper-container { position:absolute; top:calc(238/640*100vw); left:calc(20/640*100vw); right:calc(20/640*100vw); padding-top:calc(35/640*100vw); }
.sec-unit .swiper-container img { width:100%; }
.sec-unit .swiper-pagination { top:0;text-align:right; }
.sec-unit .swiper-pagination-bullet { margin:0 calc(4/640*100vw); width:calc(18/640*100vw);height:calc(18/640*100vw); }

.sec-unit .swiper-container-horizontal > .swiper-pagination-bullets {top:calc(50/640*100vw);width:98%;}
.sec-unit .swiper-pagination-bullet { width: calc(20/640*100vw); height: calc(20/640*100vw); 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; }


.secmap {position:relative;background:#fff;height:calc(1945/640*100vw);}
.secmap .tit {position:absolute; top:calc(100/640*100vw); left:0; right:0; text-align:center; opacity:0; width:100%;}
.secmap .tit img{width:100%;}
.secmap .secmap_map1 {position:absolute; top:calc(251/640*100vw); left:0; right:0; text-align:center; opacity:0;}
.secmap .secmap_map3 {position:absolute; top:calc(805/640*100vw); left:0; right:0; text-align:center; opacity:0;}
.secmap .secmap_map2 {position:absolute; top:calc(1359/640*100vw); left:0; right:0; text-align:center; opacity:0;}

.secmap  .map-top {width:calc(600/640*100vw);height:calc(40/640*100vw);text-align:center;line-height:calc(40/640*100vw);color:#fff;font-size:calc(24/640*100vw);font-weight:500;background:#10344b;overflow:hidden;margin:0 auto;}
.secmap .map { width:calc(600/640*100vw);margin:0 auto;height:calc(380/640*100vw);}
.secmap .map img{width:100%;}
.secmap p { display:block;width:calc(600/640*100vw);margin:0 auto;padding-top:calc(10/640*100vw);padding-bottom:calc(10/640*100vw); font-size:calc(18/640*100vw);text-align:left;padding-left:calc(20/640*100vw);letter-spacing:-0.5px;}
.secmap .btbox {width:calc(600/640*100vw);margin:0 auto;padding-bottom:calc(45/640*100vw);}
.secmap .btbox a {display:inline-block;width:calc(294/640*100vw);}
.secmap .btbox a img{width:100%;}


.popup01 {position:fixed;left:calc(90/640*100vw);z-index:70;top:calc(100/640*100vw);}
.popup01 > div {position:relative;background:url(/images/pop_0919.jpg) ;background-size:100% 100% ;width:calc(460/640*100vw);height:calc(610/640*100vw);}
.popup01 .close {position:absolute;right:0;top:0;width:calc(65/640*100vw);height:calc(65/640*100vw);background:url(/images/bt_close.png);background-size:100% 100% ;z-index:13;text-indent:-99999px;}
.popup01 .dbopen {position:absolute;left:calc(136/640*100vw);bottom:calc(18/640*100vw);width:calc(237/640*100vw);height:calc(60/640*100vw);z-index:13;text-indent:-99999px;}



.popup02 {position:fixed;left:calc(90/640*100vw);z-index:70;top:calc(450/640*100vw);}
.popup02 > div {position:relative;background:url(/images/event1008.png) ;background-size:100% 100% ;width:calc(450/640*100vw);height:calc(450/640*100vw);}
.popup02 .close {position:absolute;right:0;top:0;width:calc(65/640*100vw);height:calc(65/640*100vw);background:url(/images/bt_close.png);background-size:100% 100% ;z-index:13;text-indent:-99999px;}
.popup02 .epop {display:block;width:100%;height:100%;text-indent:-999999px;z-index:12}










.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-12s {
    -webkit-animation-delay: 1.2s;
    animation-delay: 1.2s;
}




/*팝업*/
.pu_bg { position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.8); z-index:98; transition:none; -webkit-transition:none; display:none;  }
.pu { position:fixed; top:50%; left:0; right:0; transform:translate(0,-50%); -webkit-transform:translate(0,-50%); background:#f5f5f5; z-index:99; transition:none; -webkit-transition:none; display:none; }
.pu > img { width:100%; }
.pu .bt_close { position:absolute; top:calc(-58/640*100vw); right:0; width:calc(58/640*100vw); height:calc(58/640*100vw); background:url(../images/bt_pu_close.png); background-size:100% 100%; text-indent:-9999px; }
.pu .form { padding:calc(25/640*100vw) calc(30/640*100vw) calc(50/640*100vw); }
.pu .form dl { margin-bottom:calc(8/640*100vw); font-size:14px; }
.pu .form dl dt { position:absolute; top:0; left:0; font-size:calc(18/640*100vw); line-height:calc(49/640*100vw); }
.pu .form dl dd { margin-left:calc(86/640*100vw); }
.pu .form dl dd:after { content:''; clear:both; display:block; height:0; visibility:hidden; }
.pu .form dl dd input[type=text] { float:left; width:33.33333%; height:calc(49/640*100vw); border:1px solid #d8d8d8; padding:0 calc(12/640*100vw); font-size:calc(18/640*100vw); background:none; }
.pu .form dl dd select { float:left; width:33.33333%; height:calc(49/640*100vw); border:1px solid #d8d8d8; padding:0 0 0 calc(9/640*100vw); font-size:calc(18/640*100vw); background:none; }
.pu .form .a_box { border:1px solid #d8d8d8; padding:calc(10/640*100vw) calc(12/640*100vw); font-size:calc(16/640*100vw); line-height:135%; height:calc(70/640*100vw); margin-bottom:calc(20/640*100vw); overflow-y:auto;}
.pu .form .a_box > p{display:block;font-size:2.187vw;padding: 0 0 1.562vw 0;color:#777;font-weight:300;}
.pu .form .a_box > h2 {display:block;font-size:3vw;padding:1.562vw 0;font-weight:500;color:#000;}
.pu .form .agree { text-align:center; font-size:calc(18/640*100vw); color:#666; margin-bottom:calc(30/640*100vw); }
.pu .btn { text-align:center; }
.pu .btn img { height:calc(58/640*100vw); }

.check input[type="checkbox"] { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0 }
.check input[type="checkbox"] + label:before { content:''; display:inline-block; width:calc(22/640*100vw); height:calc(23/640*100vw); line-height:calc(23/640*100vw); margin:calc(-3/640*100vw) calc(3/640*100vw) 0 0; text-align:center; vertical-align:middle; background-image:url(../images/cb.gif); background-size:100% 100%; }
.check input[type="checkbox"]:checked + label:before { background-image:url(../images/cb_on.gif); }

.root_daum_roughmap {width:100% !important;}
.root_daum_roughmap .wrap_map {height:50vw !important;}