@charset 'utf-8';
a { text-decoration:none }

body{background:#ececec;word-break:keep-all;word-wrap:break-word;}
html,body{position:relative;height:100%;}
body{color:#000;margin:0;padding:0;font-size:13px;line-height:1;}
.swiper-wrap-container{margin-left:auto;margin-right:auto;}
.swiper-wrap-container,.gangnam-swiper-container{width:100%;height:100%;}
/* Center slide text vertically */
.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_noti {position:fixed;top:0;left:0;right:0;padding:20px 0 30px;text-align:center;background:#fff;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('../../../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("../../../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;}

/* animation */
.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 */
.header{position:fixed;left:0;right:0;top:0;z-index:2;}
.header h1{margin:34px 0 0 60px;}
.header h1 strong{display:block;width:80px;height:25px;margin-bottom:5px;background:url("../../../images.joins.com/ui_joongang/ooh/t_oohmedia.png") no-repeat 0 top;background-size:80px 50px;font-size:0;line-height:0;text-indent:-9999em;}
.header h1 span{display:block;width:80px;height:25px;background:url("../../../images.joins.com/ui_joongang/ooh/t_oohmedia.png") no-repeat 0 -31px;background-size:80px 50px;font-size:0;line-height:0;text-indent:-9999em;}

/* swiper-pagination */
.swiper-pagination{right:59px !important;}
.swiper-pagination-bullet:first-child,.swiper-pagination-bullet:last-child{display:none !important;}
.swiper-pagination-bullet:before{opacity:1;background:#fff;border-radius:8px;content:"";height:8px;left:9px;position:absolute;top:14px;width:8px;}
.swiper-pagination-bullet{display:block;position:relative;width:32px;height:56px;margin:10px 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:36px;height:36px;background:url("../img/service/u_aside2.png") no-repeat center 0;background-size:42px 521px;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{position:absolute;right:56px;top:0;height:36px;font-size:12px;color:#fff;white-space:nowrap;text-transform:uppercase;line-height:36px;padding:0 10px 0 17px;background:#39029f;visibility:hidden;opacity:0;font-style:normal;font-weight:bold;font-family:Arial;letter-spacing:0.13em;
	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:'';border-width:18px 0 18px 13px;border-style:solid;border-color:transparent transparent transparent #39029f;}
.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 -199px;} /* 강남 미디어폴 */
.swiper-pagination-bullet.pg03 span,.section_index .idx03 .icon{background-position:center -455px;} /* 경기버스 */
.swiper-pagination-bullet.pg04 span,.section_index .idx04 .icon{background-position:center -264px;} /* 미러미디어 */
.swiper-pagination-bullet.pg05 span,.section_index .idx05 .icon{background-position:center -328px;} /* 롭스 */
.swiper-pagination-bullet.pg06 span,.section_index .idx06 .icon{background-position:center -66px;} /* 골프장 */
.swiper-pagination-bullet.pg07 span,.section_index .idx07 .icon{background-position:center -131px;} /* 리조트 */
.swiper-pagination-bullet.pg08 span,.section_index .idx08 .icon{background-position:center -393px;} /* CU 미디어 */
.swiper-pagination-bullet:hover em{right:48px;}
.swiper-pagination-bullet.pg01 em{background:#a01864;}
.swiper-pagination-bullet.pg01 em:after{border-color:transparent transparent transparent #a01864;}
.section_index .list .idx01.on:before{background:#a01864;opacity:0.9;}

/* pagination 오버시 효과 */
.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-ready .pg08 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;
}

/* animation */
.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);
}

/*.sticky .header{height:128px;margin-top:-14px;}
.sticky .header h1{font-size:30px;}*/

.section_index .list{display:inline-block;position:relative;width:486px;margin:0 auto;padding-bottom:50px;box-sizing:border-box;text-align:left;z-index:51;}
.section_index .list dt{margin-bottom:30px;padding-left:15px;color:#fff;font-size:24px;font-weight:bold;}
.section_index .list dd{float:left;position:relative;margin:0 15px 31px;box-sizing:border-box;}
.section_index .list dd a{display:block;position:relative;width:210px;height:210px;padding:27px 0 30px 29px;border:1px solid rgba(222,222,222,0.8);color:#fff;box-sizing:border-box;cursor:pointer;font-family:Arial;font-size:18px;font-weight:bold;line-height:22px;text-transform:uppercase;}
.section_index .list dd a{opacity:0.9;}
.section_index .list dd strong{display:block;margin-top:11px;font-size:26px;font-weight:normal;letter-spacing:-0.07em;line-height:118%;}
.section_index .list dd:before{position:absolute;left:0;top:0;width:100%;height:100%;content:'';background:#000;opacity:0.2;}
.section_index .list dd em{display:block;margin-left:2px;letter-spacing:0.1em;}
.section_index .list01 dt{letter-spacing:0.06em;}
.section_index .list .idx01 strong{margin-top:19px;}
.section_index .list .idx01 a{width:450px;}
.section_index .list .idx01 em{display:block;width:220px;height:84px;margin-top:4px;background:url("../img/service/logo01.png") no-repeat center center;background-size:220px 84px;font-size:0;line-height:0;text-indent:-9999em;}
.section_index .list .idx07 strong,.section_index .list_evt .idx08 strong{margin-top:38px;}
.section_index .list_evt .idx07 strong{margin-top:11px;}
.section_index .list dd .br{display:block;}

.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 .idx01{visibility:visible;}
.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;
}
.swiper-slide-active .section_index .list02 dt{
	transition-delay:1s;
	-webkit-transition-delay:1s;
	-moz-transition-delay:1s;
	-o-transition-delay:1s;
	-ms-transition-delay:1s;
}
.swiper-slide-active .section_index .list .idx02{visibility:visible;
	transition-delay:1.5s;
	-webkit-transition-delay:1.5s;
	-moz-transition-delay:1.5s;
	-o-transition-delay:1.5s;
	-ms-transition-delay:1.5s;
}

.swiper-slide-active .section_index .list .idx09,
.swiper-slide-active .section_index .list .idx03{visibility:visible;
	transition-delay:1.6s;
	-webkit-transition-delay:1.6s;
	-moz-transition-delay:1.6s;
	-o-transition-delay:1.6s;
	-ms-transition-delay:1.6s;
}
.swiper-slide-active .section_index .list .idx04{visibility:visible;
	transition-delay:1.7s;
	-webkit-transition-delay:1.7s;
	-moz-transition-delay:1.7s;
	-o-transition-delay:1.7s;
	-ms-transition-delay:1.7s;
}
.swiper-slide-active .section_index .list .idx05{visibility:visible;
	transition-delay:1.8s;
	-webkit-transition-delay:1.8s;
	-moz-transition-delay:1.8s;
	-o-transition-delay:1.8s;
	-ms-transition-delay:1.8s;
}
/* 메가박스 추가 관련 */
.swiper-slide-active .section_index .list_evt .idx05{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_evt .idx06{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;
}
.swiper-slide-active .section_index .list_ad .idx05{visibility:visible;
	transition-delay:1.7s;
	-webkit-transition-delay:1.7s;
	-moz-transition-delay:1.7s;
	-o-transition-delay:1.7s;
	-ms-transition-delay:1.7s;
}
.swiper-slide-active .section_index .list_ad .idx04{visibility:visible;
	transition-delay:1.8s;
	-webkit-transition-delay:1.8s;
	-moz-transition-delay:1.8s;
	-o-transition-delay:1.8s;
	-ms-transition-delay:1.8s;
}
.section_index .list .icon{left:auto;top:auto;right:23px;bottom:23px;}

.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:0;width:100%;height:100%}
.bg1{background:url("../img/service/bg_idx05_s_megabox.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.6;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("../../../images.joins.com/ui_joongang/ooh/k_header.png") repeat-x center center;}
.swiper-slide .inner{background:url("../img/service/bg_idx01_s_capture.jpg") no-repeat center center; display:table;width:100%;height:100%;}
.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.2);
	-webkit-transform:scale(1.2);
	-moz-transform:scale(1.2);
	-o-transform:scale(1.2);
	-ms-transform:scale(1.2);
}
.swiper-slide-active .section.over:before{opacity:0.4;}
.section_no1 .bg{background:url("../img/service/bg_idx01_s.jpg") no-repeat center center;background-size:cover;}
.section_no2 .bg{background:url("../img/service/bg_idx02_s.jpg") no-repeat center center;background-size:cover;}
.section_no3 .bg{background:url("../img/service/bg_idx03_s.jpg") no-repeat center center;background-size:cover;}
.section_no4 .bg{background:url("../img/service/bg_idx04_s.jpg") no-repeat center center;background-size:cover;}
.section_no5 .bg{background:url("../img/service/bg_idx05_s.jpg") no-repeat center center;background-size:cover;}
.section_no6 .bg{background:url("../img/service/bg_idx06_s.jpg") no-repeat center center;background-size:cover;}
.section_no7 .bg,.section_golfnresorts .bg{background:url("../img/service/bg_idx07_s.jpg") no-repeat center center;background-size:cover;}
.section_no8 .bg{background:url("../img/service/bg_idx08_s.jpg") no-repeat center center;background-size:cover;}
.section_no9 .bg{background:url("../img/service/bg_idx09_s.jpg") no-repeat center center;background-size:cover;}
.section_megabox .bg{background:url("../img/service/bg_idx05_s_megabox.jpg") no-repeat center center;background-size:cover;}
.section_no .bg{background:url("../img/service/bg_idx01_s.jpg") no-repeat center center;background-size:cover;} /* 동영상이 바로 플레이 되려면 요고 삭제  */
.tit-section{font-size:80px;letter-spacing:-0.05em;margin:31px 0 53px;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:40px;line-height:120%;letter-spacing:-0.065em;font-weight:lighter;text-shadow:0 3px 5px rgba(0, 0, 0, 0.25);z-index:50;}
.btn-godown{display:block;position:absolute;bottom:100px;left:50%;width:28px;height:28px;margin-left:-15px;background:url("../img/service/btn-godown.png") center center no-repeat;background-size:100% 100%;z-index:50;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:60px;margin:0 10px 10px;padding-left:42px;border:1px solid rgba(255,255,255,0.5);color:#fff;font-size:24px;letter-spacing:2px;line-height:58px;text-align:left;box-sizing:border-box;visibility:hidden;z-index:50;}

/* 예외처리 */
.section_no:before{background:#a01864;opacity:0.8;}
/*.section_no4:before{background:#801300;opacity:0.1;}*/
.section_no8:before{opacity:0.8;}
.section_no .tit-section{width:518px;height:198px;margin:47px auto 71px;background:url("../img/service/logo.png") no-repeat center center;background-size:cover;line-height:0;font-size:0;text-indent:-9999em;}
.section_no3 .text{letter-spacing:0.01em;}
.section_no3 .text + .btn-detail{padding-left:57px;}
/*.swiper-container-fade .inner{background:none !important;}
.swiper-container-fade .swiper-slide{position:absolute;top:0;left:0;width:100%;height:100%;background:none !important;transform:translate3d(0, 0px, 0px) !important;}
.swiper-container-fade .swiper-slide-active{z-index:2 !important;}*/

/* Contact Us */
.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:1px solid #ccc;}
.section_no8 .map img{vertical-align:top;}
.section_no8 .info{text-align:left;}
.section_no8 .info dt{margin-bottom:8px;color:#888;font-size:16px;}
.section_no8 .info dd{margin-bottom:16px;color:#fff;font-size:18px;}
.section_no8 .info dd a{color:#fff;}
.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('../../../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;
}
.toggler{position:absolute;z-index:20;right:21px;top:18px;width:22px;height:22px;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;}

#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:28px;height:28px;background:url("../img/service/btn_top.png") center center no-repeat;background-size:28px 28px;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);
}

/* layer */
.layer{position:relative;left:0;top:0;width:100%;height:100%;background:#fff;color:#fff;font-size:15px;line-height:23px;z-index:11;}
.layer .hide{display:block;position:absolute;left:-9999px;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden;text-indent:-9999px;}
.layer .chkbox{cursor:pointer;text-align:right;}
.layer button{background:none;border:none;cursor:pointer;}
.all-case-layer {position:fixed;z-index:1000;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.5);opacity:0;visibility:hidden;}
.all-case-layer.show {opacity:1;visibility:visible;}
.all-case-layer {
	transition:all 0.5s cubic-bezier(0.770,0.000,0.175,1.000);
	-webkit-transition:all 0.5s cubic-bezier(0.770,0.000,0.175,1.000);
	-moz-transition:all 0.5s cubic-bezier(0.770,0.000,0.175,1.000);
	-o-transition:all 0.5s cubic-bezier(0.770,0.000,0.175,1.000);
}
.all-case-layer .swiper-button-close {position:absolute;z-index:11;top:16px;right:16px;width:28px;height:28px;border:none;background:transparent;text-indent:-9999px;cursor:pointer;}
.all-case-layer .swiper-button-close {
	-webkit-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	transform:rotate(45deg);
	-webkit-transition:all 0.35s cubic-bezier(0.770,0.000,0.175,1.000);
	-moz-transition:all 0.35s cubic-bezier(0.770,0.000,0.175,1.000);
	-o-transition:all 0.35s cubic-bezier(0.770,0.000,0.175,1.000);
	transition:all 0.35s cubic-bezier(0.770,0.000,0.175,1.000);
}
.all-case-layer .swiper-button-close:before,
.all-case-layer .swiper-button-close:after {content:'';display:block;position:absolute;background:#fff;}
.all-case-layer .swiper-button-close:before {top:0;left:50%;width:1px;height:100%;margin-left:-1px;}
.all-case-layer .swiper-button-close:after {left:0;top:50%;width:100%;height:1px;margin-top:-1px;}
.layer_openevent .go_url{display:block;overflow:hidden;}
.layer .info a{color:#a0a0a0;}

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

/* pc size */
@media all and (min-width:769px){
	
	.section_index .list dd strong{font-family:'Noto Sans KR',"Malgun Gothic","맑은 고딕",Dotum,"돋움",sans-serif;}
	.section_index .list .on a{border:1px solid rgba(255,255,255,0.5);}
	.section_index .list .on:before{background:#39029e;opacity:0.85;}
	.section_index .list dd a:hover{padding-top:36px;overflow:hidden;}
	.section_index .list dd a:hover .icon{opacity:0.3;}
	.section_index .list .on a{opacity:1;}

	.btn-detail:hover{opacity:1;background:rgba(57,2,158,0.8);
		transition-delay:0s !important;
		-webkit-transition-delay:0s !important;
		-moz-transition-delay:0s !important;
		-o-transition-delay:0s !important;
		-ms-transition-delay:0s !important;
	}
	.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{
		transition-delay:0s;
		-webkit-transition-delay:0s;
		-moz-transition-delay:0s;
		-o-transition-delay:0s;
		-ms-transition-delay:0s;
	}
	#gotop:hover{opacity:1;background:rgba(57,2,158,0.8);border:1px solid rgba(255, 255, 255, 0.5);}/* border-color:#652bd5; */

	.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;}

	.layer{left:50%;top:50%;}
	.all-case-layer .swiper-button-close:hover {
		-webkit-transform:rotate(225deg);
		-ms-transform:rotate(225deg);
		-o-transform:rotate(225deg);
		transform:rotate(225deg);
	}
	.layer_openevent .go_url{position:absolute;top:604px;left:239px;width:274px;height:55px;text-indent:-9999px;}
	.layer_openevent .go_inquiry{position:absolute;top:545px;left:523px;width:49px;height:17px;text-indent:-9999px;}
	.layer_openevent{width:752px;height:851px;margin:-425px 0 0 -376px;background:url("../../../images.joins.com/ui_joongang/ooh/k_promotion.png") no-repeat center center;}
	.layer .info{position:absolute;top:704px;left:50px;color:#a0a0a0;font-size:13px;line-height:19px;}
	.layer a:hover,.layer button:hover{text-decoration:underline;}
	.layer .chkbox{position:absolute;bottom:0;right:0;}
	.layer .chkbox button{height:38px;padding-bottom:4px;color:#666665;font-size:13px;font-family:"Malgun Gothic","맑은 고딕",Dotum,"돋움",sans-serif;line-height:29px;letter-spacing:-1px;}
	.layer .chkbox .nolayer{margin-right:12px;}
	.layer .chkbox .closelayer{width:81px;padding-left:8px;}
	.layer_resultevent{width:850px;height:851px;margin:-425px 0 0 -425px;background:url("../../../images.joins.com/ui_joongang/ooh/k_promotion_list.png") no-repeat center center;}
	.layer_resultevent .info{top:723px;}
}


/* mobile size */
@media all and (max-width:768px){
	
	.section_index .list dd strong{font-family:Helvetica,"AppleSDGothicNeo-Light","Noto Sans","Roboto-Light","Malgun Gothic","맑은 고딕",Dotum,"돋움",sans-serif;}
	.header{height:48px;margin-top:0 !important;font-size:20px;}
	.header h1{margin:18px 0 0 20px;}
	.header h1 strong{float:left;width:40px;height:13px;margin-right:6px;background-size:40px 25px;}
	.header h1 span{float:left;width:56px;height:13px;background-position:0 -21px;background-size:54px 34px;}

	.section_index{padding-top:30px;}
	.section_index .list{width:44%;margin:0 -0.16em 30px -0.15em;padding:0;}
	.section_index .list dt{margin-bottom:10px;padding-left:0;font-size:11px;text-align:center;}
	.section_index .list dd{width:100%;height:90px;margin:-1px 0 0;}
	.section_index .list dd a{width:100% !important;height:100% !important;padding:19px 17px;}
	.section_index .list dd em{font-size:9px;line-height:11px;}
	.section_index .list dd strong{margin:6px 0 0 2px;font-size:16px;letter-spacing:-0.01em;}
	.section_index .list dd .br{display:inline-block;padding-left:3px;}
	.section_index .list .icon{bottom:auto;top:14px;right:14px;width:22px;height:25px;background-size:100% 261px;}
	.section_index .idx02 .icon{background-position:center -102px;}
	.section_index .idx03 .icon{background-position:center -228px;}
	.section_index .idx04 .icon{background-position:center -130px;}
	.section_index .idx05 .icon{background-position:center -163px;}
	.section_index .idx06 .icon{background-position:center -32px;}
	.section_index .idx07 .icon{background-position:center -68px;}
	.section_index .list .idx01{height:179px;}
	.section_index .list .idx01 strong{margin-top:11px;}
	.section_index .list .idx01 em{display:block;width:100px;height:38px;margin:1px 0 0 3px;background:url("../img/service/logo01.png") no-repeat center center;background-size:100px 38px;font-size:0;line-height:0;text-indent:-9999em;}
	.section_index .list .idx01 .icon{top:105px;}
	.section_index .list .idx07 strong{margin-top:15px;}
	.btn-godown{left:0;right:0;bottom:0;width:100%;height:100px;margin-left:0;background-size:14px 14px;}
	#gotop{bottom:20px;right:20px;border:none;}
	#gotop a{width:40px;height:40px;background-size:20px 20px;}
	#gotop span{display:block;width:20px;height:20px;margin:10px auto;box-sizing:border-box;border:1px solid #fff;}

	.tit-section-sub{font-size:12px;letter-spacing:14px;}
	.swiper-slide-active .tit-section-sub{letter-spacing:2px;}
	.tit-section{margin:19px auto 25px;font-size:40px;letter-spacing:-2px;}
	.section .text{margin-bottom:27px;font-size:20px;letter-spacing:-0.05em;}
	.section_no3 .text{letter-spacing:0.02em;}
	.section_no5 .text{letter-spacing:0;}
	.section_no .tit-section{width:240px;height:92px;margin:21px auto 46px;}
	.section_no3 .text + .btn-detail{padding-left:22px;}

	#gotop{right:16px;bottom:27px;}
	#gotop.end{bottom:50px;}
	.btn-detail{width:180px;height:36px;margin:0 5px;padding-left:17px;border:1px solid rgba(255,255,255,0.2);font-size:15px;letter-spacing:0.12em;line-height:33px;}
	.toggler{top:6px;right:7px;transform:scale3d(0.5, 0.5, 0.5);}

	.section_no8 .map{margin:0 0 10px;border-left:none;border-right:none;}
	.section_no8 .map img{width:100%;}
	.section_no8 .box{margin-top:-20px;}
	.section_no8 .tit-section{margin-bottom:10px;font-size:18px;}
	.section_no8 .info{text-align:center;}
	.section_no8 .info dt{margin-bottom:2px;font-size:11px;}
	.section_no8 .info dd{margin-bottom:10px;font-size:12px;}
	.section_no8 .btn_inquiry{width:110px;height:36px;margin:13px auto 0;}
	.section_no8 .btn_inquiry span{padding:8px 38px 8px 17px;font-size:15px;}
	.section_no8 .btn_inquiry span:after{right:15px;width:14px;height:14px;margin-top:-8px;background-size:42px 60px;}
	/*.section_no8 .btn_inquiry:hover span:after {background-position:right -32px;}*/

	.swiper-pagination{display:none !important;}

	.all-case-layer{background:#fff;overflow-y:scroll;overflow-x:hidden;}
	.layer .bd{max-width:320px;margin:0 auto;}
	.layer{background:url("../../../images.joins.com/ui_joongang/ooh/k_promotion_m_header.png") no-repeat center 0;background-size:100% 302px;}
	.layer .bd{position:relative;}
	.layer .go_url{width:100%;height:56px;background:#39029f;color:#fff;font-size:17px;line-height:56px;text-align:center;}
	.layer .go_url span{padding-left:20px;background:url("../../../images.joins.com/ui_joongang/ooh/u_promotion_go_url.png") no-repeat 0 center;background-size:14px 15px;}
	.layer .info{color:#817e86;font-size:11px;line-height:15px;}
	.layer .ft{background:#d6d4d9;}
	.layer .info{padding:21px 13px 21px 13px;border-bottom:1px solid #c8c6ca;}
	.layer .info li{position:relative;padding-left:6px;}
	.layer .info li:before{content:'·';display:block;position:absolute;left:0;top:0;color:#817e86;font-size:12px;font-weight:bold;}
	.layer .info li a{color:#817e86;}
	.layer .chkbox{height:33px;line-height:30px;}
	.layer .nolayer{position:relative;height:33px;margin-right:15px;text-align:right;}
	.layer .chkbox button{color:#666665;font-size:12px;}
	.layer .closelayer{width:56px;height:33px;padding-left:9px;background:url("../../../images.joins.com/ui_joongang/ooh/i_promotion_m_close.gif") no-repeat 0 center;background-size:12px 12px;}
	.layer .nolayer:after{content:'';display:block;position:absolute;right:-4px;top:11px;width:1px;height:12px;background:#bdbdbe;}
	.layer .go_inquiry{position:absolute;top:993px;left:69px;width:50px;height:16px;text-indent:-9999px;}
	.layer_openevent .bd{height:1162px;background:url("../../../images.joins.com/ui_joongang/ooh/k_promotion_m.png") no-repeat 0 0;background-size:100% auto;}
	.layer_resultevent .bd{height:1019px;background:url("../../../images.joins.com/ui_joongang/ooh/k_promotion_list_m.png") no-repeat 0 0;background-size:100% auto;}
}