@charset 'utf-8';


html,body{position:relative;height:100%;}
body{font-family:'Noto Sans KR',"Malgun Gothic","¸¼Àº °íµñ",Dotum,"µ¸¿ò",sans-serif;}

.swiper-wrap-container{margin-left:auto;margin-right:auto;}
.swiper-wrap-container,.gangnam-swiper-container{width:100%;height:100%;}

.swiper-slide{text-align:center;font-size:18px;background:#fff;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;overflow:hidden;}

/* Àͽº */
.browser_err {display:none;}
.ie9 .browser_err {display:block;}
.browser_err .err_notice {position:fixed;top:0;left:0;right:0;padding:100px;text-align:center;background:#FFF;opacity:0.8;z-index:1000;}
.browser_err .back {position:fixed;top:0px;left:0px;height:100%;min-height:100%;width:100%;right:0px;bottom:0px;background:#000;opacity:0.7;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";*filter:alpha(opacity=70);z-index:900;}
.browser_err h2{font-weight:normal;}
.browser_err .br_list {margin-bottom:28px;}
.browser_err .br_list a {display:inline-block;width:130px;height:38px;margin:0 15px;background:url('http://images.joins.com/ui_portal/portal2015/nvf/i_browser.png') no-repeat 0 0;color:rgba(0,0,0,0);}
.browser_err .br_list a span {display:block;overflow:hidden;text-indent:-999px;white-space:nowrap;cursor:pointer;color:rgba(0,0,0,0);background:url("http://images.joins.com/ui_portal/portal2010/common/u_blank.gif") no-repeat 0 0;}
.browser_err .br_list .ie {background-position:0 0;}
.browser_err .br_list .cr {background-position:0 -41px;}
.browser_err .br_list .ff {background-position:0 -82px;}
.browser_err h2 {margin-bottom:22px;font-size:30px;visibility:visible;color:#666;}
.browser_err p {font-size:16px;line-height:21px;}
/* Àͽº */

.header,.header h1,#nav a span,.swiper-pagination-bullet span,.swiper-slide .section_index .list,.section_index .list dd a,.section_index .list dd a:before,.section_index .list dd span,.btn-detail,.btn-detail em,#nav .inside,#nav li,.section_index .list dd,#gotop,.swiper-slide-active .section .bg,.section_no8 .map,.section_no8 .info,.section_index .list dt,.swiper-pagination-bullet:before,.swiper-pagination-bullet-ready .swiper-pagination-bullet,.swiper-pagination-bullet em,#navbutton a,#navbutton span{
	transition:all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	-webkit-transition:all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000) 0s;
	-moz-transition:all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000) 0s;
	-o-transition:all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000) 0s;
	-ms-transition:all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000) 0s;
}

.header{position:fixed;left:0;right:0;top:0;z-index:2;}
.header {margin:13px 0 0 50px;}
.header span{display:block;width:130px;height:65px;background:url("") no-repeat 0 0;background-size:130px 65px;font-size:0;line-height:0;text-indent:-9999em;}

.quick { position:fixed; right:160px; top:0; z-index:2;}
.quick img { margin:24px 3px;}

.swiper-pagination{right:75px !important;}
.swiper-pagination-bullet:first-child,.swiper-pagination-bullet:last-child{display:none !important;}
.swiper-pagination-bullet:before{opacity:0.9;background:#fff;border-radius:12px;content:""; width:12px;height:12px;left:12px;position:absolute;top:0px;}
.swiper-pagination-bullet{display:block;position:relative;width:20px;height:20px;margin:5px 0 !important;border-radius:0;background:none;opacity:1;}
.swiper-pagination-bullet span{opacity:0;
	transform:scale3d(0, 0, 0) rotate(0.05deg);
	-webkit-transform:scale3d(0, 0, 0) rotate(0.05deg);
	-moz-transform:scale3d(0, 0, 0) rotate(0.05deg);
	-o-transform:scale3d(0, 0, 0) rotate(0.05deg);
	-ms-transform:scale3d(0, 0, 0) rotate(0.05deg)
}
.swiper-pagination-bullet-active:before,.swiper-pagination-bullet:hover:before,.swiper-pagination-bullet-ready .swiper-pagination-bullet:before{opacity:0;}
.swiper-pagination-bullet-active{background:none;}
.swiper-pagination-bullet-active span,.swiper-pagination-bullet:hover span,.section_index .list .icon,.swiper-pagination-bullet-ready .swiper-pagination-bullet 
	span{display:block;position:absolute;left:-5px;top:0;width:42px;height:42px;background:url("../images/swiper_aside_icon.png") no-repeat center 0;
	background-size:42px 456px;overflow:hidden;opacity:1;
	transform:scale3d(1, 1, 1) rotate(0.05deg);
	-webkit-transform:scale3d(1, 1, 1) rotate(0.05deg);
	-moz-transform:scale3d(1, 1, 1) rotate(0.05deg);
	-o-transform:scale3d(1, 1, 1) rotate(0.05deg);
	-ms-transform:scale3d(1, 1, 1) rotate(0.05deg);
}
.swiper-pagination-bullet em{ display:none; position:absolute;right:56px;top:0;height:32px;font-size:15px;color:#fff; border-radius:20px; white-space:nowrap;text-transform:uppercase;line-height:31px;padding:0 17px;
	background:#ff008a;visibility:hidden;opacity:0;font-style:normal;font-weight:normal;letter-spacing:0em;
	transform:translate3d(-13px, 0, 0);
	-webkit-transform:translate3d(-13px, 0, 0);
	-moz-transform:translate3d(-13px, 0, 0);
	-o-transform:translate3d(-10px, 0, 0);
	-ms-transform:translate3d(-10px, 0, 0);
}

.swiper-pagination-bullet em:after{position:absolute;left:100%;top:0;width:0;height:0;content:''; }
.swiper-pagination-bullet.pg01 span,.section_index .idx01 .icon{background-position:center 0;}
.swiper-pagination-bullet.pg02 span,.section_index .idx02 .icon{background-position:center -63px;}
.swiper-pagination-bullet.pg03 span,.section_index .idx03 .icon{background-position:center -123px;}
.swiper-pagination-bullet.pg04 span,.section_index .idx04 .icon{background-position:center -195px;}
.swiper-pagination-bullet.pg05 span,.section_index .idx05 .icon{background-position:center -258px;}
.swiper-pagination-bullet.pg06 span,.section_index .idx06 .icon{background-position:center -320px;}

.swiper-pagination-bullet:hover em{right:48px;}
.swiper-pagination-bullet.pg01 em{ }
.swiper-pagination-bullet.pg01 em:after{ }
.section_index .list .idx01.on:before{ opacity:0.9;}

.swiper-pagination-bullet-ready .pg01 span{
	transition-delay:0s;
	-webkit-transition-delay:0s;
	-moz-transition-delay:0s;
	-o-transition-delay:0s;
	-ms-transition-delay:0s;
}
.swiper-pagination-bullet-ready .pg02 span{
	transition-delay:0.04s;
	-webkit-transition-delay:0.04s;
	-moz-transition-delay:0.04s;
	-o-transition-delay:0.04s;
	-ms-transition-delay:0.04s;
}
.swiper-pagination-bullet-ready .pg03 span{
	transition-delay:0.08s;
	-webkit-transition-delay:0.08s;
	-moz-transition-delay:0.08s;
	-o-transition-delay:0.08s;
	-ms-transition-delay:0.08s;
}
.swiper-pagination-bullet-ready .pg04 span{
	transition-delay:0.12s;
	-webkit-transition-delay:0.12s;
	-moz-transition-delay:0.12s;
	-o-transition-delay:0.12s;
	-ms-transition-delay:0.12s;
}
.swiper-pagination-bullet-ready .pg05 span{
	transition-delay:0.16s;
	-webkit-transition-delay:0.16s;
	-moz-transition-delay:0.16s;
	-o-transition-delay:0.16s;
	-ms-transition-delay:0.16s;
}
.swiper-pagination-bullet-ready .pg06 span{
	transition-delay:0.2s;
	-webkit-transition-delay:0.2s;
	-moz-transition-delay:0.2s;
	-o-transition-delay:0.2s;
	-ms-transition-delay:0.2s;
}
.swiper-pagination-bullet-ready .pg07 span{
	transition-delay:0.24s;
	-webkit-transition-delay:0.24s;
	-moz-transition-delay:0.24s;
	-o-transition-delay:0.24s;
	-ms-transition-delay:0.24s;
}

.swiper-pagination-bullet:hover em{opacity:1;visibility:visible;
	transform:translate3d(-5px, 0, 0);
	-webkit-transform:translate3d(-5px, 0, 0);
	-moz-transform:translate3d(-5px, 0, 0);
	-o-transform:translate3d(-5px, 0, 0);
	-ms-transform:translate3d(-5px, 0, 0);
}


.section_index .list{display:inline-block;position:relative;width:963px;margin:0 auto;padding-top:350px;box-sizing:border-box;text-align:left;z-index:51;}
.section_index .list dt{margin-bottom:0px;padding-left:0px;color:#fff;font-size:24px;font-weight:bold;}
.section_index .list dd{float:left;position:relative;margin:0;box-sizing:border-box;}
.section_index .list dd a{display:block;position:relative;width:321px;height:101px;padding:0;cursor:pointer;}
.section_index .list dd a{opacity:1;}
.section_index .list01 dt{letter-spacing:0.06em;}
.section_index .list .idx a{ width:1920px; height:1080px; position:relative;z-index:2; /* ¸¶¿ì½º ¿À¹ö½Ã ¸ÞÀÎ ¹è°æ ³ëÃâ Ãß°¡ */ }
.section_index .list .idx a:hover {opacity:0; cursor:default; /* ¸¶¿ì½º ¿À¹ö½Ã ¸ÞÀÎ ¹è°æ ³ëÃâ Ãß°¡ */}
.section_index .list .idx01 a{width:321px;position:relative;z-index:2; }
.section_index .list .idx01 a:hover {background:#000;opacity:0.8;}
.section_index .list .idx02 a{width:321px;position:relative;z-index:2;}
.section_index .list .idx02 a:hover { background:#000;opacity:0.8;}
.section_index .list .idx03 a{width:321px;position:relative;z-index:2;}
.section_index .list .idx03 a:hover { background:#000;opacity:0.8;}
.section_index .list .idx04 a{width:321px;position:relative;z-index:2;}
.section_index .list .idx04 a:hover { background:#000;opacity:0.8;}
.section_index .list .idx05 a{width:321px;position:relative;z-index:2;}
.section_index .list .idx05 a:hover { background:#000;opacity:0.8;}
.section_index .list .idx06 a{width:321px;position:relative;z-index:2;}
.section_index .list .idx06 a:hover { background:#000;opacity:0.8;}


.section_index .list dd{opacity:0;
	transform:matrix(0.8, 0, 0, 0.8, 0, 0);
	-webkit-transform:matrix(0.8, 0, 0, 0.8, 0, 0);
	-moz-transform:matrix(0.8, 0, 0, 0.8, 0, 0);
	-o-transform:matrix(0.8, 0, 0, 0.8, 0, 0);
	-ms-transform:matrix(0.8, 0, 0, 0.8, 0, 0);
	transition-duration:0.5s;
	-webkit-transition-duration:0.5s;
	-moz-transition-duration:0.5s;
	-o-transition-duration:0.5s;
	-ms-transition-duration:0.5s;
}
.section_index .list dt{opacity:0;
	transform:translate3d(0,50px,0);
	-webkit-transform:translate3d(0,50px,0);
	-moz-transform:translate3d(0,50px,0);
	-o-transform:translate3d(0,50px,0);
	-ms-transform:translate3d(0,50px,0);
	transition-duration:0.5s;
	-webkit-transition-duration:0.5s;
	-moz-transition-duration:0.5s;
	-o-transition-duration:0.5s;
	-ms-transition-duration:0.5s;
}
.swiper-slide-active .section_index .list dt{opacity:1;
	transform:translate3d(0,0,0);
	-webkit-transform:translate3d(0,0,0);
	-moz-transform:translate3d(0,0,0);
	-o-transform:translate3d(0,0,0);
	-ms-transform:translate3d(0,0,0);
}
.section_index .list dd{visibility:hidden;}
.swiper-slide-active .section_index .list dd{opacity:1;
	transform:matrix(1, 0, 0, 1, 0, 0);
	-webkit-transform:matrix(1, 0, 0, 1, 0, 0);
	-moz-transform:matrix(1, 0, 0, 1, 0, 0);
	-o-transform:matrix(1, 0, 0, 1, 0, 0);
	-ms-transform:matrix(1, 0, 0, 1, 0, 0);
	transition-delay:0.5s;
	-webkit-transition-delay:0.5s;
	-moz-transition-delay:0.5s;
	-o-transition-delay:0.5s;
	-ms-transition-delay:0.5s;
}
.swiper-slide-active .section_index .list .idx{visibility:visible; /* ¸¶¿ì½º ¿À¹ö½Ã ¸ÞÀÎ ¹è°æ ³ëÃâ Ãß°¡ */
	transition-delay:0.1s;
	-webkit-transition-delay:0.1s;
	-moz-transition-delay:0.1s;
	-o-transition-delay:0.1s;
	-ms-transition-delay:0.1s;
}
.swiper-slide-active .section_index .list .idx01{visibility:visible;
	transition-delay:0.1s;
	-webkit-transition-delay:0.1s;
	-moz-transition-delay:0.1s;
	-o-transition-delay:0.1s;
	-ms-transition-delay:0.1s;
}
.swiper-slide-active .section_index .list .idx02{visibility:visible;
	transition-delay:0.2s;
	-webkit-transition-delay:0.2s;
	-moz-transition-delay:0.2s;
	-o-transition-delay:0.2s;
	-ms-transition-delay:0.2s;
}
.swiper-slide-active .section_index .list .idx03{visibility:visible;
	transition-delay:0.3s;
	-webkit-transition-delay:0.3s;
	-moz-transition-delay:0.3s;
	-o-transition-delay:0.3s;
	-ms-transition-delay:0.3s;
}
.swiper-slide-active .section_index .list .idx04{visibility:visible;
	transition-delay:0.4s;
	-webkit-transition-delay:0.4s;
	-moz-transition-delay:0.4s;
	-o-transition-delay:0.4s;
	-ms-transition-delay:0.4s;
}
.swiper-slide-active .section_index .list .idx05{visibility:visible;
	transition-delay:0.5s;
	-webkit-transition-delay:0.5s;
	-moz-transition-delay:0.5s;
	-o-transition-delay:0.5s;
	-ms-transition-delay:0.5s;
}
.swiper-slide-active .section_index .list .idx06{visibility:visible;
	transition-delay:0.6s;
	-webkit-transition-delay:0.6s;
	-moz-transition-delay:0.6s;
	-o-transition-delay:0.6s;
	-ms-transition-delay:0.6s;
}
.swiper-slide-active .section_index .list .idx07{visibility:visible;
	transition-delay:0.7s;
	-webkit-transition-delay:0.7s;
	-moz-transition-delay:0.7s;
	-o-transition-delay:0.7s;
	-ms-transition-delay:0.7s;
}

.ie9 .section_index .list dt{opacity:1;}
.ie9 .section_index .list dd{opacity:1;
	transform:matrix(1, 0, 0, 1, 0, 0);
	-webkit-transform:matrix(1, 0, 0, 1, 0, 0);
	-moz-transform:matrix(1, 0, 0, 1, 0, 0);
	-o-transform:matrix(1, 0, 0, 1, 0, 0);
	-ms-transform:matrix(1, 0, 0, 1, 0, 0);
	visibility:visible;
}


.bg{position:absolute;left:0;right:0;top:0;bottom:50px;width:100%;height:100%}
.bg1{background:url("../images/main_bg01_1.jpg") no-repeat center center;background-size:cover;color:#fff;position:absolute;left:0;right:0;top:0;bottom:0;width:100%;height:100%}
.bg2{background:url("../images/main_bg02_1.jpg") no-repeat center center;background-size:cover;color:#fff;position:absolute;left:0;right:0;top:0;bottom:0;width:100%;height:100%}
.bg3{background:url("../images/main_bg03_1.jpg") no-repeat center center;background-size:cover;color:#fff;position:absolute;left:0;right:0;top:0;bottom:0;width:100%;height:100%}
.bg4{background:url("../images/main_bg04_1.jpg") no-repeat center center;background-size:cover;color:#fff;position:absolute;left:0;right:0;top:0;bottom:0;width:100%;height:100%}
.bg5{background:url("../images/main_bg05_1.jpg") no-repeat center center;background-size:cover;color:#fff;position:absolute;left:0;right:0;top:0;bottom:0;width:100%;height:100%}
.bg6{background:url("../images/main_bg06_1.jpg") no-repeat center center;background-size:cover;color:#fff;position:absolute;left:0;right:0;top:0;bottom:0;width:100%;height:100%}
.bg7{background:url("../images/main_bg07.jpg") no-repeat center center;background-size:cover;color:#fff;position:absolute;left:0;right:0;top:0;bottom:0;width:100%;height:100%}
/*.bg2{background-repeat:repeat;background-position:center center;background-size:cover;color:#fff;position:absolute;left:0;right:0;top:0;bottom:0;width:100%;height:100%}*/
.section:before,.section:after{ content:'';position:absolute;left:0;right:0;top:0;bottom:0;width:100%;height:100%; /*background:#000;opacity:0.2;*/ z-index:1;}
.video-wrap video{position:absolute;top:50%;left:50%;min-width:100%;min-height:100%;width:auto;height:auto;
	transform:translate(-50%, -50%);
	-webkit-transform:translate(-50%, -50%);
	-moz-transform:translate(-50%, -50%);
	-o-transform:translate(-50%, -50%);
	-ms-transform:translate(-50%, -50%);
}
.section:after{position:absolute;left:0;top:0;width:100%;height:128px;background:url("") repeat-x center center;}
.swiper-slide .inner{display:table;width:100%;height:100%;background:#1b1b1b;}
.swiper-slide .inner .section,.visual_wrap{box-sizing:border-box;display:table-cell;height:100%;vertical-align:middle;width:100%;overflow:hidden;}
.swiper-slide-active .section.over .bg{
	transform:scale(1.03);
	-webkit-transform:scale(1.03);
	-moz-transform:scale(1.03);
	-o-transform:scale(1.03);
	-ms-transform:scale(1.03);
}

.swiper-slide-active .section.over:before{opacity:0.2;}
.section_no1 .bg{background:url("../images/main_bg01.jpg") no-repeat center center;background-size:cover;}
.section_no2 .bg{background:url("../images/main_bg02.jpg") no-repeat center center;background-size:cover;}
.section_no3 .bg{background:url("../images/main_bg03.jpg") no-repeat center center;background-size:cover;}
.section_no4 .bg{background:url("../images/main_bg04.jpg") no-repeat center center;background-size:cover;}
.section_no5 .bg{background:url("../images/main_bg05.jpg") no-repeat center center;background-size:cover;}
.section_no6 .bg{background:url("../images/main_bg06.jpg") no-repeat center center;background-size:cover;}
.section_no7 .bg{ background:url("../images/main_bg07.jpg") no-repeat center center;background-size:cover;} 

.tit-section {font-size:70px; font-weight:lighter; letter-spacing:0em; margin:0 0 103px 0;opacity:0.9;position:relative;color:#fff;text-shadow:0 3px 5px rgba(0, 0, 0, 0.25);z-index:50;}
.tit-section-sub{display:block;font-family:Arial;font-size:18px;opacity:0.9;position:relative;color:#fff;text-indent:3px;letter-spacing:100px;text-transform:uppercase;z-index:50;}
.tit-section-sub span{display:block;}

.section .text{position:relative;margin:0 28px 56px;color:#fff;font-size:30px;line-height:150%;letter-spacing:0em;font-weight:lighter;text-shadow:0 3px 5px rgba(0, 0, 0, 0.25);z-index:50;}
.section .img{position:relative;margin:0 28px 56px;line-height:150%;z-index:50;}

.btn-godown{display:block;position:absolute; bottom:100px;left:50%;width:40px;height:40px;margin-left:-15px;background:url("../images/swiper_btn-godown.png") center center no-repeat;background-size:100% 100%;z-index:9999;text-indent:-9999em;}
.swiper-slide-active .btn-godown{
	animation: verical-slow 1.2s linear 0s infinite normal none;
	-webkit-animation: verical-slow 1.2s linear 0s infinite normal none;
	-moz-animation: verical-slow 1.2s linear 0s infinite normal none;
	-o-animation: verical-slow 1.2s linear 0s infinite normal none;
	-ms-animation: verical-slow 1.2s linear 0s infinite normal none;
}

.btn-detail{
display:inline-block;position:relative;width:220px;height:50px;margin:0 10px 10px;padding-left:42px;border-radius:40px; border:1px solid rgba(255,255,255,0.5); 
font-size:20px;font-weight:lighter;line-height:46px;text-align:left;box-sizing:border-box;visibility:hidden;z-index:50;
}

.btn-detail:hover{opacity:1;background:#00DEFF;
	transition-delay:0s !important;
	-webkit-transition-delay:0s !important;
	-moz-transition-delay:0s !important;
	-o-transition-delay:0s !important;
	-ms-transition-delay:0s !important;
	text-decoration:none;
}
.btn-detail:hover .toggler{opacity:1;
	transform:rotate(360deg);
	-webkit-transform:rotate(360deg);
	-moz-transform:rotate(360deg);
	-o-transform:rotate(360deg));
	-ms-transform:rotate(360deg);
}
.swiper-slide-active .btn-detail:hover{
	opacity:0.9;
	transition-delay:0s;
	-webkit-transition-delay:0s;
	-moz-transition-delay:0s;
	-o-transition-delay:0s;
	-ms-transition-delay:0s;
}

.toggler{position:absolute;z-index:20;right:21px;top:14px;width:20px;height:20px;border:none;background-color:transparent;}
.toggler{
	-webkit-transform:rotate(0deg);
	-moz-transform:rotate(0deg);
	-ms-transform:rotate(0deg);
	-o-transform:rotate(0deg);
	transform:rotate(0deg);
	-webkit-transition:all .6s ease;
	-moz-transition:all .6s ease;
	-ms-transition:all .6s ease;
	-o-transition:all .6s ease;
	transition:all .6s ease;
}
.toggler:before,.toggler:after{content:'';display:block;position:absolute;background-color:#fff;}
.toggler:before{top:0;left:50%;margin-left:-1px;width:2px;height:100%;}
.toggler:after{left:0;top:50%;margin-top:-1px;width:100%;height:2px;}

.section_no:before{background:#a01864;opacity:0.8;}

.section_no8 .tit-section{font-size:40px;margin-bottom:98px;letter-spacing:0;}
.section_no8 .box{position:relative;margin-top:-180px;z-index:50;}
.section_no8 .map,.section_no8 .info{display:inline-block;vertical-align:top;}
.section_no8 .map{margin-right:47px;border:0px solid #ccc;}
.section_no8 .map img{vertical-align:top;}
.section_no8 .info{text-align:left; margin-left:0px; margin-top:-10px;}
.section_no8 .info dt{ color:#fff;font-size:25px;}
.section_no8 .info dd{margin-top:10px;color:#fff;font-size:17px; font-weight:lighter;line-height:135%; opacity:0.8;}
.section_no8 .info dd a{color:#fff;}
.section_no8 .info dd span {display:inline-block;width:180px; border:1px #777 solid; padding:2px 12px; margin:0 0 6px 0; }
.section_no8 .btn_inquiry{display:block;padding:0 0 0 0;width:206px;height:50px;margin:34px 0 0;letter-spacing:-1px;font-size:18px;}
.section_no8 .btn_inquiry span {position:relative;left:0;top:0;display:block;height:18px;padding:15px 52px 15px 20px;border:1px solid rgba(255,255,255,0.5);background-color:rgba(0,0,0,0.2);color:#fff;font-size:18px;letter-spacing:-0.05em;overflow:hidden;}
.section_no8 .btn_inquiry span:before {content:'';position:absolute;z-index:-1;left:0;right:0;bottom:0;height:0px;background-color:rgba(57,2,159,0.8);}
.section_no8 .btn_inquiry span:after {content:'';position:absolute;right:20px;top:50%;width:22px;height:22px;margin-top:-11px;background:url('http://images.joins.com/ui_joongang/ooh/i_showcase.png') no-repeat;}
.section_no8 .btn_inquiry span:after {background-position:right 0;}
.section_no8 .btn_inquiry span {
	transition:all 0.3s cubic-bezier(0.215,0.610,0.355,1.000);
	-webkit-transition:all 0.3s cubic-bezier(0.215,0.610,0.355,1.000);
	-moz-transition:all 0.3s cubic-bezier(0.215,0.610,0.355,1.000);
	-o-transition:all 0.3s cubic-bezier(0.215,0.610,0.355,1.000);
}
.section_no8 .btn_inquiry span:before {
	transition:all 0.45s cubic-bezier(0.215,0.610,0.355,1.000);
	-webkit-transition:all 0.45s cubic-bezier(0.215,0.610,0.355,1.000);
	-moz-transition:all 0.45s cubic-bezier(0.215,0.610,0.355,1.000);
	-o-transition:all 0.45s cubic-bezier(0.215,0.610,0.355,1.000);
}
.section_no8 .btn_inquiry span:after {
	transition:all 0.3s cubic-bezier(0.215,0.610,0.355,1.000);
	-webkit-transition:all 0.3s cubic-bezier(0.215,0.610,0.355,1.000);
	-moz-transition:all 0.3s cubic-bezier(0.215,0.610,0.355,1.000);
	-o-transition:all 0.3s cubic-bezier(0.215,0.610,0.355,1.000);
}
.showcase-bg {position:absolute;top:0;left:0;width:100%;height:100%;}
.swiper-slide-active .section_no8 .tit-section{
	transition-delay:0.2s;
	-webkit-transition-delay:0.2s;
	-moz-transition-delay:0.2s;
	-o-transition-delay:0.2s;
	-ms-transition-delay:0.2s;
}
.section_no8 .map,.section_no8 .info{opacity:0;
	transform:translate3d(0, 40px, 0);
	-webkit-transform:translate3d(0, 40px, 0);
	-moz-transform:translate3d(0, 40px, 0);
	-o-transform:translate3d(0, 40px, 0);
	-ms-transform:translate3d(0, 40px, 0);
	transition-duration:1s;
	-webkit-transition-duration:1s;
	-moz-transition-duration:1s;
	-o-transition-duration:1s;
	-ms-transition-duration:1s;
}
.swiper-slide-active .section_no8 .map,.swiper-slide-active .section_no8 .info{opacity:1;
	transform:translate3d(0, 0, 0);
	-webkit-transform:translate3d(0, 0, 0);
	-moz-transform:translate3d(0, 0, 0);
	-o-transform:translate3d(0, 0, 0);
	-ms-transform:translate3d(0, 0, 0);
	transition-delay:0.5s;
	-webkit-transition-delay:0.5s;
	-moz-transition-delay:0.5s;
	-o-transition-delay:0.5s;
	-ms-transition-delay:0.5s;
}

.tit-section,.btn-detail,.section .text{opacity:0;
	-webkit-transform:translate3d(0,50px,0);
	-moz-transform:translate3d(0,50px,0);
	-o-transform:translate3d(0,50px,0);
	-ms-transform:translate3d(0,50px,0);
	transform:translate3d(0,50px,0px);
}
.tit-section{
	transition-delay:0.6s;
	-webkit-transition-delay:0.6s;
	-moz-transition-delay:0.6s;
	-o-transition-delay:0.6s;
	-ms-transition-delay:0.6s;
	}
.tit-section-sub{opacity:0;
	transition-delay:0.1s;
	-webkit-transition-delay:0.1s;
	-moz-transition-delay:0.1s;
	-o-transition-delay:0.1s;
	-ms-transition-delay:0.1s;
}
.swiper-slide-active .tit-section,.swiper-slide-active .btn-detail,.swiper-slide-active .section .text{opacity:1;
	transform:translate3d(0, 0, 0);
	-webkit-transform:translate3d(0,0,0);
	-moz-transform:translate3d(0,0,0);
	-o-transform:translate3d(0,0,0);
	-ms-transform:translate3d(0,0,0);
	transition-duration:0.5s;
	-webkit-transition-duration:0.5s;
	-moz-transition-duration:0.5s;
	-o-transition-duration:0.5s;
	-ms-transition-duration:0.5s;
}
.swiper-slide-active .tit-section-sub{opacity:1;letter-spacing:0.2em;
	transition-duration:0.5s;
	-webkit-transition-duration:0.5s;
	-moz-transition-duration:0.5s;
	-o-transition-duration:0.5s;
	-ms-transition-duration:0.5s;
}
.swiper-slide-active .section .text{
	transition-delay:0.8s;
	-webkit-transition-delay:0.8s;
	-moz-transition-delay:0.8s;
	-o-transition-delay:0.8s;
	-ms-transition-delay:0.8s;
}
.swiper-slide-active .btn-detail{visibility:visible;
	transition-delay:1s;
	-webkit-transition-delay:1s;
	-moz-transition-delay:1s;
	-o-transition-delay:1s;
	-ms-transition-delay:1s;
	color:#FFF;
}

#gotop{opacity:1;position:fixed;bottom:54px;right:60px;border:1px solid #fff;z-index:2;
	transform:translate3d(0,0,0);
	-webkit-transform:translate3d(0,0,0);
	-moz-transform:translate3d(0,0,0);
	-o-transform:translate3d(0,0,0);
	-ms-transform:translate3d(0,0,0);
}
#gotop.end{bottom:180px;}
#gotop a{ display:block;width:32px;height:32px;background:url("../images/swiper_btn_top.png") center center no-repeat;background-size:32px 32px;text-indent:-50000em;overflow:hidden;}

.swiper-pagination.swiper-pagination-hidden{
	transform:translate3d(0,100%,0);
	-webkit-transform:translate3d(0,100%,0);
	-moz-transform:translate3d(0,100%,0);
	-o-transform:translate3d(0,100%,0);
	-ms-transform:translate3d(0,100%,0);
}
#gotop.hide{opacity:0;
	transform:translate3d(0px, 200px, 0px);
	-webkit-transform:translate3d(0px, 200px, 0px);
	-moz-transform:translate3d(0px, 200px, 0px);
	-o-transform:translate3d(0px, 200px, 0px);
	-ms-transform:translate3d(0px, 200px, 0px);
}

@-webkit-keyframes verical-slow {
  0%{-webkit-transform: translate3d(0, 0, 0);}
  40%{-webkit-transform: translate3d(0, 6px, 0);}
  100%{-webkit-transform: translate3d(0, 0, 0);}
}

#gotop:hover{opacity:1;background:#00DEFF;border:1px #fff solid;}

.section_no8 .info dd a:hover{text-decoration:underline;}
.section_no8 .btn_inquiry span{text-align:center;}
.section_no8 .btn_inquiry span:after{right:55px;}
.section_no8 .btn_inquiry:hover span {color:#fff;border-color:rgba(119,46,255,0.8);background:transparent;}
.section_no8 .btn_inquiry:hover span:before {display:block;left:0;right:0;height:100px;}
.section_no8 .btn_inquiry:hover span:after {background-position:right -50px;}