body {
	background-color:#111;
	font-family:Noto Sans KR;
	letter-spacing:-.2px
}
h1,h2,h3,h4,h5,h6,p {
	margin:0;
	padding:0
}
a:focus,a:hover {
	text-decoration:none
}
.wrapper {
	margin-bottom:180px
}
.container {
	margin:0 auto;
	padding-left:20px;
	padding-right:20px;
	width:860px
}
.top-section {
	background-color:#000;
	background-image:url(../app-images/background-pc.png);
	background-position:50%;
	background-repeat:no-repeat;
	background-size:auto 100%;
	height:418px;
	padding:20px 0
}
.top-section .top-content {
	-webkit-box-orient:horizontal;
	-webkit-box-direction:normal;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-direction:row;
	flex-direction:row;
	justify-content:space-between
}
.top-section .top-content a,.top-section .top-content img {
	display:block
}
.top-section .top-content .logo-img {
	width:213px
}
.top-section .top-content .scan {
	background-color:transparent;
	background-image:url(../app-images/ico-scan.png);
	background-position:0;
	background-repeat:no-repeat;
	background-size:18px 18px;
	border:none;
	color:#fff;
	font-size:18px;
	font-weight:500;
	opacity:.7;
	padding-left:24px
}
.top-section .mid-content {
	padding-bottom:40px;
	padding-top:80px;
	text-align:center
}
.top-section .mid-content h2 {
	font-size:40px;
	font-weight:500
}
.top-section .mid-content p {
	font-size:18px;
	margin-top:8px
}
.mid-section,.top-section .bot-content {
	text-align:center
}
.mid-section {
	padding:30px 0 60px
}
.mid-section .tabs-contents-wrap {
	margin-bottom:60px
}
.mid-section a {
	color:#fff;
	display:inline-block
}
.mid-section .tab-link {
	-webkit-box-orient:horizontal;
	-webkit-box-direction:normal;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	border-bottom:1px solid #333;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-direction:row;
	flex-direction:row;
	height:174px;
	padding:0
}
.mid-section .tab-link li {
	-webkit-box-flex:1;
	-ms-flex:1;
	flex:1;
	list-style:none;
	opacity:.7
}
.mid-section .tab-link li.tab-on {
	opacity:1
}
.mid-section .tab-link li.tab-on a {
	position:relative
}
.mid-section .tab-link li.tab-on a:after {
	background-color:#fff;
	bottom:-30px;
	content:"";
	height:2px;
	left:0;
	position:absolute;
	width:100%
}
.mid-section .tab-link a {
	background-position:top;
	background-repeat:no-repeat;
	background-size:45px 63px;
	padding-top:92px
}
.mid-section .tab-link a.ios-tab {
	background-image:url(../app-images/down.png)
}
.mid-section .tab-link a.and-tab {
	background-image:url(../app-images/play.png)
}
.mid-section .tabs-contents {
	display:none;
	margin-top:60px
}
.mid-section .tabs-contents#tabCont1 {
	display:block
}
.mid-section .video {
	height:758px;
	margin:0 auto;
	width:458px
}
.bot-section .container {
	border-top:1px solid #333
}
.bot-section .title {
	color:#fff;
	font-size:25px;
	font-weight:500;
	margin-top:54px
}
.bot-section .app-info p {
	font-size:16px;
	font-weight:400;
	margin-top:27px;
	opacity:.5
}
.app-download {
	/*background-color:#0086ee;*/
	background-color:#ee9a00;
	border:none;
	border-radius:6px;
	color:#fff;
	font-size:16px;
	height:50px;
	width:220px
}
.app-download:hover {
	background-color:#26b7ff;
	-webkit-transition:all .2s;
	transition:all .2s
}
.app-download i {
	background-position:0;
	background-repeat:no-repeat;
	background-size:24px 24px;
	height:24px;
	margin-right:4px;
	width:24px
}
.app-download i.and {
	background-image:url(../app-images/ico-android.png)
}
.app-download i.ios {
	background-image:url(../app-images/ico-apple.png)
}
.app-download i,.app-download span {
	display:inline-block;
	vertical-align:middle
}
.app-download+.app-download {
	margin-left:20px
}
.swiper {
	height:100%;
	margin-top:54px;
	width:100%
}
.swiper-slide {
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	background:#fff;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	justify-content:center;
	text-align:center
}
.swiper-slide img {
	display:block;
	height:100%;
	-o-object-fit:cover;
	object-fit:cover;
	width:100%
}
.swiper-button-next,.swiper-button-prev {
	background-color:#000;
	font-size:0;
	height:88px;
	margin-top:-44px;
	opacity:.6;
	text-indent:-999px;
	width:48px
}
.swiper-button-next:after,.swiper-button-prev:after {
	background-position:50%;
	background-repeat:no-repeat;
	background-size:cover;
	height:24px;
	width:12px
}
.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled {
	display:none
}
.swiper-button-next {
	right:0
}
.swiper-button-next:after {
	background-image:url(../app-images/right-arrow.png)
}
.swiper-button-prev {
	left:0
}
.swiper-button-prev:after {
	background-image:url(../app-images/left-arrow.png)
}
.modal-dialog {
	position:relative;
	width:172px
}
.modal-dialog img {
	display:block
}
.popup-close {
	background-color:transparent;
	border:none;
	padding:0;
	position:absolute;
	right:-36px;
	top:-5px
}
@media (max-width:860px) {
	.wrapper {
	margin-bottom:100px
}
.container {
	width:100%
}
.top-section {
	background-image:url(../app-images/background-mo.png);
	background-size:cover;
	height:243px;
	padding:10px 0
}
.top-section .top-content a,.top-section .top-content img {
	display:block
}
.top-section .top-content .logo-img {
	width:107px
}
.top-section .top-content .scan {
	background-size:12px 12px;
	font-size:12px;
	font-weight:400;
	padding-left:16px
}
.top-section .mid-content {
	padding-bottom:26px;
	padding-top:40px
}
.top-section .mid-content h2 {
	font-size:20px
}
.top-section .mid-content p {
	font-size:13px;
	margin-top:13px
}
.app-download {
	font-size:14px;
	height:44px;
	width:155px
}
.app-download i {
	background-size:16px 16px;
	height:16px;
	margin-right:4px;
	width:16px
}
.app-download+.app-download {
	margin-left:10px
}
.mid-section {
	padding:12px 0 40px
}
.mid-section .tabs-contents-wrap {
	margin-bottom:30px
}
.mid-section .tab-link {
	height:120px
}
.mid-section .tab-link li.tab-on a:after {
	bottom:-15px
}
.mid-section .tab-link a {
	background-size:28px 38px;
	padding-top:50px
}
.mid-section .tabs-contents {
	margin-top:30px
}
.mid-section .video {
	height:313px;
	width:190px
}
.bot-section {
	padding-top:10px
}
.bot-section .title {
	font-size:16px;
	margin-top:27px
}
.bot-section .app-info p {
	font-size:12px;
	margin-top:12px
}
.swiper {
	margin-top:18px
}
.swiper-button-next,.swiper-button-prev {
	height:44px;
	margin-top:-22px;
	width:28px
}
.swiper-button-next:after,.swiper-button-prev:after {
	height:14px;
	width:8px
}
}@media (max-width:320px) {
	.app-download {
	font-size:12px;
	width:133px
}
}