@charset "utf-8";
.visual-use #videoVisualArea {
	display:block;
}
#videoVisualArea {
	position: relative; 
	display:none;
	overflow: hidden;	
	background:rgba(0,0,0,1);
	z-index:4;
	height:100%;
	-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;
}

#videoVisualArea.fullVideo {
	height:100%;
}
.lnb-visual-use #videoVisualArea.fullVideo {
	/*height:calc(100% - 60px);*/
}
#videoVisualArea.h100 {height:100% !important;}
@media screen and (max-width: 1280px) {
	#videoVisualArea {height:100%;}
}

#vimelar-overlay {
	width: 100%; height: 100%; z-index: 2; 
	position: absolute; left: 0; top: 0; 
	
	background:rgba(50,40,30,1);
	background:rgba(0,0,0,1);
	opacity: 0.4;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
	filter: alpha(opacity=40);
	-moz-opacity: 0.4;
	-khtml-opacity: 0.4;
}
@media screen and (max-width: 1024px) {
	/*#videoVisualArea {
		height:400px;
	}
	#videoVisualArea.fullVideo {
		height:400px;
	}
	#videoVisualArea.h100 {height:400px !important;}*/
	#vimelar-overlay {
		opacity: 0.2;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
		filter: alpha(opacity=20);
		-moz-opacity: 0.2;
		-khtml-opacity: 0.2;
	}
}

.introCover {
	position:absolute;
	left:0;top:0;
	bottom:0;right:0;
	width:100%;
	height:100%;
	background:rgba(255,255,255,1);
	z-index:300;
}

.introTxt {
	position:absolute;
	top: 50%; left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	color:rgba(125,125,130,1);
	text-align:right;
	margin-top:0px;
	font-family:"Noto Sans KR",serif;
}

.introTxt .t1, .introTxt .t2 {
	position:relative;
	font-size:80px;
	font-weight:700;
	line-height:120%;
	display:inline-block;
	white-space: nowrap;
	word-break:keep-all;
	visibility:hidden;
}
.introTxt .t2 {
	color:#333;
	/*text-shadow:
   -1px -1px 0 rgba(125,125,130,1),  
    1px -1px 0 rgba(125,125,130,1),
    -1px 1px 0 rgba(125,125,130,1),
     1px 1px 0 rgba(125,125,130,1);*/
}
.introTxt .t3 {
	position:relative;
	font-size:30px;
	font-weight:500;
	white-space: nowrap;
	word-break:keep-all;
	visibility:hidden;
}

@supports (-webkit-text-stroke: 1px black) {
  .introTxt .t2 {
	color: transparent;
	-webkit-text-stroke: 1.5px rgba(125,125,130,1);
	text-stroke: 1.5px rgba(125,125,130,1);
	
  }
}

@media screen and (max-width: 1024px) {
	.introTxt {
		margin-top:0px;
	}
	
	.introTxt .t1, .introTxt .t2 {
		font-size:60px;
	}
	.introTxt .t3 {
		font-size:24px;
	}
}
@media screen and (max-width: 768px) {
	.introTxt {
		text-align:left;
	}	
	.introTxt .t1, .introTxt .t2 {
		display:block;
	}
	.introTxt .t3 {
		text-indent:3px;
	}
}
@media screen and (max-width: 480px) {
	.introTxt .t1, .introTxt .t2 {
		font-size:50px;
	}
	.introTxt .t3 {
		margin-top:5px;
		font-size:20px;
	}
}



.fullVisual {
	position:absolute;
	width:calc(100%);
	height:calc(100%);
	z-index:20;
	opacity:0;	
	overflow: hidden; 
	top: 50%; left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}



.fullVisual .bx-viewport, .fullVisual .bx-wrapper{
    position:relative;
    width:100%;
    height:100% !important;
    top:0;
    left:0;
}

.fullVisual .bx-wrapper .bx-controls {
	position:absolute;
    z-index: 110;
	margin:0 auto;
	text-align:left;
	
	width:auto;
	padding:0px 0px;
	bottom:60px;
	right:100px;
	font-size:0;
	opacity:0;
}

.mainSection .fullVisual .bx-wrapper .bx-controls {
	left:100px;
	right:auto;	
}

.fullVisual .bx-wrapper .bx-controls-direction a {
	position:relative;
	display: inline-block;	
	overflow:hidden;
	margin:0 3px;
	width:50px;
	height:50px;
	-webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; 
	border:2px solid rgba(255,255,255,1);
	font-size:0;
}

.fullVisual .bx-wrapper .bx-prev {
	background:url(/imgs/video/w_prev.png) center center no-repeat;
}

.fullVisual .bx-wrapper .bx-next {
	background:url(/imgs/video/w_next.png) center center no-repeat;
}
.fullVisual .bx-wrapper .bx-prev:hover {
	background:rgba(255,255,255,1) url(/imgs/video/b_prev.png) center center no-repeat;
}

.fullVisual .bx-wrapper .bx-next:hover {
	background:rgba(255,255,255,1) url(/imgs/video/b_next.png) center center no-repeat;
}

.fullVisual .bx-wrapper .bx-pager {
	position:relative;
	margin-top:10px;
}
.fullVisual .bx-wrapper .bx-pager-item {
	display: table-cell;
	vertical-align:middle;
	text-align:center;
	width:22px;
	height:25px;
}


.fullVisual .bx-wrapper .bx-pager.bx-default-pager a {
	width:10px;
	height:10px;
	background:none;
	display:inline-block;
	text-indent:-9999px;
	overflow:hidden;
	-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;
	background:rgba(255,255,255,1);
	border:3px solid rgba(255,255,255,1);
}

.fullVisual .bx-wrapper .bx-pager.bx-default-pager a:hover {
	background:rgba(255,255,255,0);
}
.fullVisual .bx-wrapper .bx-pager.bx-default-pager a.active {
	width:16px;
	height:16px;
	background:rgba(255,255,255,0);
}

.full-image {
	position:relative;
	width:100%;
	height:100% !important;
}

.full-image li {
    height: 100% !important;
	display:none;
}
.full-image li:first-child {
	display:block;
}
.full-image li {
    background-repeat: no-repeat;
    background-position: center center;
	background-size: cover;
	-webkit-background-size: cover;
  	-moz-background-size: cover;
 	-o-background-size: cover;
	-webkit-backface-visibility: hidden;
}

.fullVisual .visualCover {
	position:absolute;
	left:0;right:0;
	top:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,.2);
	z-index:85;
}

#videoVisualArea .visualCover {
	position:absolute;
	left:0;right:0;
	top:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,.3);
	z-index:85;
	-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;
}
#videoVisualArea .visualCover-10 {
	position:absolute;
	left:0;right:0;
	top:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,.2);
	z-index:85;
	-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;
}
#videoVisualArea .visualCover-20 {
	position:absolute;
	left:0;right:0;
	top:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,.2);
	z-index:85;
	-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;
}
#videoVisualArea .visualCover-dark {
	position:absolute;
	left:0;right:0;
	top:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,.3);
	z-index:85;
	-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;
}
@media screen and (max-width: 1024px) {
	/*#videoVisualArea .visualCover {
		background:rgba(0,0,0,.2);
	}
	#videoVisualArea .visualCover-dark {
		background:rgba(0,0,0,.2);
	}*/
}

#videoVisualArea.subVideo {
	height:700px;
	/*height:calc(100% - 66px);*/
}
#videoVisualArea.lgVideo {
	height:700px;
	/*height:calc(100% - 66px);*/
}
#videoVisualArea.mdVideo {
	height:640px;
	/*height:calc(100% - 66px);*/
}
#videoVisualArea.smVideo {
	height:500px;
	/*height:calc(100% - 66px);*/
}
#videoVimeoArea {
	/*position:fixed; 
	left:0%; top:0%; 
	min-width:100%; min-height:100%;
	z-index:60;
	top: 50%; left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	*margin:0;
	/*margin:0px -1px 0;*/
	position:relative;
	width:100%;
	height:100%;
	overflow:hidden;
}

.YTPOverlay.raster {
	background:rgba(0,0,0,.2);
}
.ytp-pause-overlay {
	/*display:none !important;*/
}
#videoVisualArea .img {
	position:absolute;
	opacity:1;
	z-index:20;
	width:100%;height:100%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	-webkit-background-size: cover;
  	-moz-background-size: cover;
 	-o-background-size: cover;
	-webkit-backface-visibility: hidden;
	/*transform:scale(1.2);
	-webkit-transform:scale(1.2);
	-moz-transform:scale(1.2) rotate(0.02deg);
	-o-transform:scale(1.2);
	-ms-transform:scale(1.2);
	-webkit-animation: scaleFade 1.5s ease-out forwards;
	-moz-animation:    scaleFade 1.5s ease-out forwards;
	-o-animation:      scaleFade 1.5s ease-out forwards;
	animation:         scaleFade 1.5s ease-out forwards;*/
}

#videoVisualArea .img.fadeClear {
	transform:scale(1.0);
	-webkit-transform:scale(1.0);
	-moz-transform:scale(1.0) rotate(0.02deg);
	-o-transform:scale(1.0);
	-ms-transform:scale(1.0);
	opacity:1;
	-webkit-animation: fadeClear 1s ease-out forwards;
	-moz-animation:    fadeClear 1s ease-out forwards;
	-o-animation:      fadeClear 1s ease-out forwards;
	animation:         fadeClear 1s ease-out forwards;
}

#fixVisual {position: relative; overflow: hidden; height:240px;margin-bottom:0px;}

#videoVimeoArea iframe {
	width:100%;
	height:100%;
	border:0;
}
#videoVimeoCtrl {
	position:absolute;
    bottom:0px;
    z-index: 110;
	margin:0 auto;
	width:100%;
	padding:40px 60px;
	text-align:right;
}
#videoVimeoCtrl.mainVideoCtrl {
	text-align:center;
    bottom:55px;
	width:auto;
	padding:0px 0px;
	text-align:center;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	opacity:0;
}
#videoVimeoCtrl.mainVideoCtrl:before {
	/*display: block;
    background: rgba(188,165,134,.6);
    width: 1px;
    height: 80px;
    position: absolute;
    top: 0;
    left: 50%;
    content: '';
    -moz-transition: height .6s cubic-bezier(.28,.11,.32,1) .6s;
    -o-transition: height .6s cubic-bezier(.28,.11,.32,1) .6s;
    -webkit-transition: height .6s cubic-bezier(.28,.11,.32,1);
    -webkit-transition-delay: .6s;
    transition: height .6s cubic-bezier(.28,.11,.32,1) .6s;*/
}
#videoVimeoCtrl.in {
    bottom:auto;
	width:auto;
	padding:10px 0;
	position:relative;
	display:inline-block;
	padding:20px 0px;
	-webkit-transform:translateX(60px);
	transform:translateX(60px);
}
/*#vimelar-overlay {
	position:absolute;
	left:0;right:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,1);
	z-index:2;
	-webkit-animation: videoFade 2s ease-out forwards;
	-moz-animation:    videoFade 2s ease-out forwards;
	-o-animation:      videoFade 2s ease-out forwards;
	animation:         videoFade 2s ease-out forwards;
}*/

@-webkit-keyframes videoFade {
  0%   { opacity: 1; }
  100% { opacity: .2; }
}
@-moz-keyframes videoFade {
  0%   { opacity: 1; }
  100% { opacity: .2; }
}
@-o-keyframes videoFade {
  0%   { opacity: 1; }
  100% { opacity: .2; }
}
@keyframes videoFade {
  0%   { opacity: 1; }
  100% { opacity: .2; }
}

#videoVimeoCtrl .ctrl {
	position:relative;
	display:block;
	vertical-align:middle;
	font-size:0;
}
#videoVimeoCtrl .playSet {
	position:relative;
	display: inline-block;	
	color:rgba(0,0,0,1);
	text-transform:uppercase;
	-webkit-border-radius: 30px 0 0 30px; -moz-border-radius: 30px 0 0 30px; border-radius: 30px 0 0 30px; 
	overflow:hidden;
}
#videoVimeoCtrl .soundSet {
	-webkit-border-radius: 0 30px 30px 0; -moz-border-radius: 0 30px 30px 0; border-radius: 0 30px 30px 0;
}
#videoVimeoCtrl .btnSet {
	position:relative;
	width:50px;
	height:40px;
}

#videoVimeoCtrl .sound-play{
	display:inline-block;
	cursor:pointer;
}
#videoVimeoCtrl .sound-pause{
	display:none;
	cursor:pointer;
}
#videoVimeoCtrl .video-play {
	display:none;
	cursor:pointer;
}
#videoVimeoCtrl .video-pause{
	display:inline-block;
	cursor:pointer;
}

#videoVimeoCtrl .video-play {
	
	background:#bca586 url(/imgs/video/b_play.png) 60% center no-repeat;
	background:rgba(200,200,200,1) url(/imgs/video/b_play.png) 60% center no-repeat;
}
#videoVimeoCtrl .video-pause {
	background:#f5dcbe url(/imgs/video/b_pause.png) 60% center no-repeat;
	background:rgba(255,255,255,1) url(/imgs/video/b_pause.png) 60% center no-repeat;
	
	
}
#videoVimeoCtrl .sound-play {
	
	background:#f5dcbe url(/imgs/video/b_sound_on.png) center center no-repeat;
	background:rgba(255,255,255,1) url(/imgs/video/b_sound_on.png) center center no-repeat;
	/*border-left:1px solid #bca586;*/
}
#videoVimeoCtrl .sound-pause {
	
	background:#bca586 url(/imgs/video/b_sound_off.png) center center no-repeat;
	background:rgba(200,200,200,1) url(/imgs/video/b_sound_off.png) center center no-repeat;
}

#vimeoCtrl {
	position:absolute;
    z-index: 110;
	margin:0 auto;
	text-align:right;
	bottom:60px;
	width:auto;
	padding:0px 0px;
	left:100px;
	opacity:0;
	display:none;
	/*left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);*/
	
}
#vimeoCtrl .ctrl {
	position:relative;
	display:block;
	vertical-align:middle;
	font-size:0;
}
#vimeoCtrl .playSet {
	position:relative;
	display: inline-block;	
	overflow:hidden;
	margin:0 3px;
}
#vimeoCtrl .soundSet {
}
#vimeoCtrl .btnSet {
	position:relative;
	width:40px;
	height:40px;
	-webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; 
	border:2px solid rgba(255,255,255,1);
}

#vimeoCtrl .sound-play{
	display:inline-block;
	cursor:pointer;
}
#vimeoCtrl .sound-pause{
	display:none;
	cursor:pointer;
}
#vimeoCtrl .video-play {
	display:none;
	cursor:pointer;
}
#vimeoCtrl .video-pause{
	display:inline-block;
	cursor:pointer;
}

#vimeoCtrl .video-play {
	background:url(/imgs/video/w_play.png) center center no-repeat;
}
#vimeoCtrl .video-pause {
	background:rgba(255,255,255,1) url(/imgs/video/b_pause.png) center center no-repeat;
}
#vimeoCtrl .sound-play {
	background:rgba(255,255,255,1) url(/imgs/video/b_sound_on.png) center center no-repeat;
}
#vimeoCtrl .sound-pause {
	background:url(/imgs/video/w_sound_off.png) center center no-repeat;
}

.video-progress {
	position:absolute;
    z-index: 110;
	margin:0 3px;
	bottom:60px;
	right:100px;
	/*background:url(/imgs/video/w_play.png) center center no-repeat;*/
	/*width:50px;
	height:50px;
	border-radius: 50px;
	border: 3px solid #fff;*/
}

.mainSection .video-progress {
	position:absolute;
    z-index: 110;
	margin:0 3px;
	bottom:60px;
	left:100px;
	right:auto;
}


.video-loader {
  display: block;
  width: 40px;
  height: 40px;
  border: 2px solid rgba(255,255,255,.3);
  border-radius: 50%;
  border-top-color: #fff;
  
  animation: spin 1s ease-out infinite;
  -webkit-animation: spin 1s ease-out infinite;
}

.full-padding {
	padding:80px 0;
	background:rgba(255,255,255,1) !important;
}
.full-padding .fullVisual {
	width:calc(100%);
	height:calc(100% - 160px);
}


.visual_logo_main {
	position:absolute; 
	z-index:80;
	bottom:calc(50% - 120px);
	left:15%; 
	-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;
}
.visual_logo_main .logo {
	position:relative;
}


.full-padding .video-progress {
	bottom:113px;
	right:60px;
}

@media screen and (max-width: 1400px) {
	.full-padding {
		padding:40px 0;
	}
	.full-padding .fullVisual {
		height:calc(100% - 80px);
	}
	.visual_logo_main {
		left:10%;
	}
}

@media screen and (max-width: 1280px) {
	.visual_logo_main .logo img {
		height:150px;
	}
	.visual_logo_main {
		bottom:calc(50% - 110px);
	}
	

}
@media screen and (max-width: 1024px) {
	.full-padding {
		padding:30px 0;
	}
	.full-padding .fullVisual {
		height:calc(100% - 60px);
	}
	.full-padding .visual_logo_main {
		left:60px; 
		bottom:calc(50% - 75px);
	}
}
@media screen and (max-width: 768px) {
	#videoVisualArea.full-padding {
		height:60%
	}
	.full-padding {
		padding:20px 0;
	}
	.full-padding .fullVisual {
		height:calc(100% - 40px);
	}
	.full-padding .visual_logo_main {
		bottom:calc(50% - 60px);
	}
	.visual_logo_main .logo img {
		height:120px;
	}
}
@media screen and (max-width: 640px) {
	.visual_logo_main .logo img {
		height:110px;
	}
	.full-padding .visual_logo_main {
		top: 50%;
		left:50%;
		bottom:auto;
		right: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%);
	}
}
@media screen and (max-width: 320px) {
	.visual_logo_main .logo img {
		height:100px;
	}
	
}
.video-spinner {
	position:absolute;
    z-index: 110;
	margin:0 3px;
	bottom:50px;
	left:60px;
}

.spinner {
	width: 40px;
	height: 40px;
	position: relative;
}

.spinner .bounce1, .spinner .bounce2 {
	width: 100%;
	height: 100%;
	/*border:2px solid #fff;*/
	background:rgba(255,255,255,0.6);
	position: absolute;
	top: 0;
	left: 0;
  
	-webkit-animation: sk-bounce 2.0s infinite ease-in-out;
	animation: sk-bounce 2.0s infinite ease-in-out;
}

.spinner .bounce2 {
	
	-webkit-animation-delay: -1.0s;
	animation-delay: -1.0s;
}

@-webkit-keyframes sk-bounce {
  0%, 100% { -webkit-transform: scale(0.0) }
  50% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bounce {
  0%, 100% { 
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 50% { 
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}


@-webkit-keyframes spin {
	to { 
		transform:rotate(360deg); 
		-ms-transform: rotate(360deg); 
  		-webkit-transform: rotate(360deg); 
	}
}
@-moz-keyframes spin {
  	to { 
		transform:rotate(360deg); 
		-ms-transform: rotate(360deg); 
  		-webkit-transform: rotate(360deg); 
	}
}
@-o-keyframes spin {
  	to { 
		transform:rotate(360deg); 
		-ms-transform: rotate(360deg); 
  		-webkit-transform: rotate(360deg); 
	}
}
@keyframes spin {
  	to { 
		transform:rotate(360deg); 
		-ms-transform: rotate(360deg); 
  		-webkit-transform: rotate(360deg); 
	}
}

.sk-cube-grid {
	width: 40px;
	height: 40px;
	position: relative;
}

.sk-cube-grid .sk-cube {
	width: 33%;
	height: 33%;
	background-color: #fff;
	float: left;
	-webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
		  animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out; 
}
.sk-cube-grid .sk-cube1 {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s; }
.sk-cube-grid .sk-cube2 {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s; }
.sk-cube-grid .sk-cube3 {
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s; }
.sk-cube-grid .sk-cube4 {
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s; }
.sk-cube-grid .sk-cube5 {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s; }
.sk-cube-grid .sk-cube6 {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s; }
.sk-cube-grid .sk-cube7 {
  -webkit-animation-delay: 0s;
          animation-delay: 0s; }
.sk-cube-grid .sk-cube8 {
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s; }
.sk-cube-grid .sk-cube9 {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s; }

@-webkit-keyframes sk-cubeGridScaleDelay {
  0%, 70%, 100% {
    -webkit-transform: scale3D(1, 1, 1);
            transform: scale3D(1, 1, 1);
  } 35% {
    -webkit-transform: scale3D(0, 0, 1);
            transform: scale3D(0, 0, 1); 
  }
}

@keyframes sk-cubeGridScaleDelay {
  0%, 70%, 100% {
    -webkit-transform: scale3D(1, 1, 1);
            transform: scale3D(1, 1, 1);
  } 35% {
    -webkit-transform: scale3D(0, 0, 1);
            transform: scale3D(0, 0, 1);
  } 
}


.clock{
	border-radius: 50px;
	border: 2px solid #fff;
	height: 50px;
	width: 50px;
	position: relative;
	/*top: 28%;
	top: -webkit-calc(50% - 43px);
	top: calc(50% - 43px);
	left: 35%;
	left: -webkit-calc(50% - 43px);
	left: calc(50% - 43px);*/
	
}
.clock:after{
	content: "";
	position: absolute;
	background-color: #fff;
	top:8px;
	left: 50%;
	height: 14px;
	width: 2px;
	border-radius: 5px;
	-webkit-transform-origin: 50% 100%;
			transform-origin: 50% 100%;
	-webkit-animation: grdAiguille 2s linear infinite;
			animation: grdAiguille 2s linear infinite;
}

@-webkit-keyframes grdAiguille{
    0%{-webkit-transform:rotate(0deg);}
    100%{-webkit-transform:rotate(360deg);}
}

@keyframes grdAiguille{
    0%{transform:rotate(0deg);}
    100%{transform:rotate(360deg);}
}

/*.clock:before{
	content: "";
	position: absolute;
	background-color: #fff;
	top:7px;
	left: 48%;
	height: 16px;
	width: 2px;
	border-radius: 5px;
	-webkit-transform-origin: 50% 98%;
			transform-origin: 50% 98%;
	-webkit-animation: ptAiguille 12s linear infinite;
			animation: ptAiguille 12s linear infinite;
}*/

@-webkit-keyframes ptAiguille{
    0%{-webkit-transform:rotate(0deg);}
    100%{-webkit-transform:rotate(360deg);}
}

@keyframes ptAiguille{
    0%{transform:rotate(0deg);}
    100%{transform:rotate(360deg);}
}


#youtubeCtrl {
	position:absolute;
    z-index: 110;
	margin:0 auto;
	text-align:right;
	bottom:50px;
	width:auto;
	padding:0px 0px;
	right:60px;
	opacity:0;
	/*left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);*/
	
}
#youtubeCtrl .ctrl {
	position:relative;
	display:block;
	vertical-align:middle;
	font-size:0;
}
#youtubeCtrl .playSet {
	position:relative;
	display: inline-block;	
	overflow:hidden;
	margin:0 3px;
}
#youtubeCtrl .soundSet {
}
#youtubeCtrl .btnSet {
	position:relative;
	width:50px;
	height:50px;
	-webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; 
	border:2px solid rgba(255,255,255,1);
}

#youtubeCtrl .sound-play{
	display:inline-block;
	cursor:pointer;
}
#youtubeCtrl .sound-pause{
	display:none;
	cursor:pointer;
}
#youtubeCtrl .video-play {
	display:none;
	cursor:pointer;
}
#youtubeCtrl .video-pause{
	display:inline-block;
	cursor:pointer;
}

#youtubeCtrl .video-play {
	background:url(/imgs/video/w_play.png) center center no-repeat;
}
#youtubeCtrl .video-pause {
	background:rgba(255,255,255,1) url(/imgs/video/b_pause.png) center center no-repeat;
}
#youtubeCtrl .sound-play {
	background:rgba(255,255,255,1) url(/imgs/video/b_sound_on.png) center center no-repeat;
}
#youtubeCtrl .sound-pause {
	background:url(/imgs/video/w_sound_off.png) center center no-repeat;
}

#visualCtrl {
	position:absolute;
	z-index: 112;
	margin:0 auto;
    bottom:55px;
	width:auto;
	padding:0px 0px;
	text-align:center;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	display:block;
	width:200px;
	opacity:0;
}
#visualCtrl:before {
	/*display: block;
    background: rgba(188,165,134,.6);
    width: 1px;
    height: 80px;
    position: absolute;
    top: 0;
    left: 50%;
    content: '';
    -moz-transition: height .6s cubic-bezier(.28,.11,.32,1) .6s;
    -o-transition: height .6s cubic-bezier(.28,.11,.32,1) .6s;
    -webkit-transition: height .6s cubic-bezier(.28,.11,.32,1);
    -webkit-transition-delay: .6s;
    transition: height .6s cubic-bezier(.28,.11,.32,1) .6s;*/
}
#visualCtrl .ctrl {
	position:relative;
	
	font-size:0;
	background:#d7bea1;
	-webkit-border-radius: 30px 30px 30px 30px; -moz-border-radius: 30px 30px 30px 30px; border-radius: 30px 30px 30px 30px;
}
#visualCtrl .video-play {
	position:relative;
	display: inline-block;	
	color:rgba(0,0,0,1);
	text-transform:uppercase;
	-webkit-border-radius: 30px 0 0 30px; -moz-border-radius: 30px 0 0 30px; border-radius: 30px 0 0 30px;
	overflow:hidden;
	background:#f5dcbe url(/imgs/video/b_play.png) 60% center no-repeat;
	width:50px;
	height:40px;
}
#visualCtrl .video-ment {
	position:relative;
	display: inline-block;	
	color:rgba(0,0,0,1);
	text-transform:uppercase;
	/*-webkit-border-radius: 0 30px 30px 0; -moz-border-radius: 0 30px 30px 0; border-radius: 0 30px 30px 0;*/
	overflow:hidden;
	width:150px;
	height:40px;
	padding:0 15px 0 10px;
	line-height:40px;
	font-size:15px;
	font-weight:400;
}

.visualSubSlogan {
	position:absolute;
	/*left:60px;
    bottom:45px;*/
    z-index: 110;
	margin:0 auto;
	width:auto;
	/*text-align:left;
	bottom:auto;*/
	top: 50%; left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	text-align:center;
	
}
.visualSubSlogan h1 {
	font-size:40px;
	font-family:"Justus Roman", sans-serif;
	font-family:"Petit Formal Script", sans-serif;
	color:rgba(245,220,190,1);
	color:rgba(255,255,255,1);
	line-height:120%;
	letter-spacing:-1px;
	opacity:0;
	-webkit-transform:translateY(60px);
	transform:translateY(60px);
}
.visualSubSlogan h2 {
	font-size:20px;
	color:rgba(245,220,190,1);
	color:rgba(255,255,255,1);
	opacity:0;
	-webkit-transform:translateY(60px);
	transform:translateY(60px);
	margin:10px 0 5px;
}

.videoTitle {
	position:absolute;
	left:0;right:0;
	width:100%;
	height:100%;
	z-index:90;
}
.videoTitle .videoTitleBox {
	display:table;
	position:static;
	width:100%;
	height:100%;
	padding:40px 0 0;
}
.videoTitle .videoTitleBox .videoTitleCell {
	position:relative;
	display:table-cell;
	text-align:center;
	vertical-align: middle;
	overflow:hidden;
}

.videoTitle .videoTitleBox h1 {
	color:rgba(255,255,255,1);
	font-size:40px;
	font-family: "Barlow", "Noto Sans KR", serif;
	font-family: "Petit Formal Script",sans-serif;
	/*text-transform: uppercase;*/
	letter-spacing:-1px;
	font-weight:300;
	line-height:100%;
	/*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;*/
	position:relative;
	padding:15px 0 15px;
}
.videoTitle .videoTitleBox h2 {
	color:rgba(255,255,255,1);
	font-size:20px;
	font-family: "Noto Sans KR", serif;
	letter-spacing:0px;
	line-height:100%;
	/*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;*/
	position:relative;
	/*text-transform: uppercase;*/
}
.videoTitle .videoTitleBox h3 {
	color:rgba(255,255,255,1);
	font-size:20px;
	letter-spacing:0px;
	/*text-transform: uppercase;*/
	line-height:120%;
	/*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;*/
	position:relative;
	display:none;
}

.scroll-down {
	position: absolute;
    bottom: 0;
    left: calc(50% - 19.5px);
    width: 40px;
    z-index: 130;
	opacity:0;
	display:none;
}
.scroll-down .scroll-inner {
	display:block;
	text-align:center;
	font-size:0;
}
.scroll-down .scroll-txt {
	display:block;
	font-size:12px;
	font-family:"Barlow",sans-serif;
	/*text-transform:uppercase;*/
	letter-spacing:2px;
	color:rgba(255,255,255,1);
	margin-bottom:10px;
}
.scroll-down .scroll-wheel {
	position:relative;
	display:block;
	width:13px;
	height:20px;
	border:2px solid rgba(195,130,90,1);
	border:2px solid rgba(255,255,255,1);
	
	border-radius: 10px 10px 10px 10px;
	margin:0 auto 10px;
}
.scroll-down .scroll-wheel-in {
	position:absolute;
	left:3px;
	top:3px;
	display:inline-block;
	width:3px;
	height:5px;
	background:rgba(195,130,90,1);
	background:rgba(255,255,255,1);
	
	border-radius: 3px 3px 3px 3px;
	-webkit-animation: updown 2s ease both infinite;
			animation: updown 2s ease both infinite;
}
.scroll-down .scroll-bar {
	font-size:0;
	display:inline-block;
	width: 1px;
    height: 40px;
	background:rgba(195,130,90,1);
	background:rgba(255,255,255,1);
	
	-webkit-animation: updown 2s ease both infinite;
			animation: updown 2s ease both infinite;
}

@-webkit-keyframes updown {
	0%, 100% {
		-webkit-transform: translateY(0%);
				transform: translateY(0%);
	}
	50% {
		-webkit-transform: translateY(35%);
				transform: translateY(35%);
	}
}
@-moz-keyframes updown {
  	0%, 100% {
		-webkit-transform: translateY(0%);
				transform: translateY(0%);
	}
	50% {
		-webkit-transform: translateY(35%);
				transform: translateY(35%);
	}
}
@-o-keyframes updown {
  	0%, 100% {
		-webkit-transform: translateY(0%);
				transform: translateY(0%);
	}
	50% {
		-webkit-transform: translateY(35%);
				transform: translateY(35%);
	}
}
@keyframes updown {
 	0%, 100% {
		-webkit-transform: translateY(0%);
				transform: translateY(0%);
	}
	50% {
		-webkit-transform: translateY(35%);
				transform: translateY(35%);
	}
}

.main-vText-center {
	position:absolute; 
	top:50%; 
	left:50%; 
	-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	z-index:80;
	-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;
	text-align:center;
}	
.gnb-v .main-vText-center {
	margin-top:40px;
}
@media screen and (max-width: 1024px) {
	.gnb-v .main-vText-center {
		margin-top:0px;
	}
}
.main-vText-center .in {
	position:relative; 
	display:block;
	width:auto;
	height:100%;
	white-space: nowrap;
	word-break:keep-all;
	margin:0px 0px 0 0;
}
.main-vText-center h1 {
	font-size:60px;
	color:rgba(255,255,255,1);
	letter-spacing:0px;
	line-height:125%;
	font-family:"Petit Formal Script","Gothic A1",serif;
}
.main-vText-center h2 {
	color:rgba(255,255,255,1);
	font-size:30px;
	letter-spacing:0px;
	line-height:140%;
	position:relative;
	font-weight:300;
	padding:10px 0 0px;
}
.main-vText-center strong {
	font-weight:700;
}

.main-vText-left {
	position:absolute; 
	top:50%; 
	left:100px; 
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index:80;
	-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;
	text-align:left;
}	

.main-vText-left .in {
	position:relative; 
	display:block;
	width:auto;
	height:100%;
	white-space: nowrap;
	word-break:keep-all;
	margin:0px 0px 0 0;
}
.main-vText-left h1 {
	font-size:64px;
	color:rgba(255,255,255,1);
	letter-spacing:0px;
	line-height:125%;
	padding:15px 0 0px;
	font-weight:800;
	text-indent:-2px;
	text-transform:uppercase;
}
.main-vText-left h2 {
	color:rgba(255,255,255,1);
	font-size:32px;
	letter-spacing:0px;
	line-height:140%;
	position:relative;
	font-weight:300;
	
	font-family:"Raleway",'Gothic A1', sans-serif;
}
.main-vText-left h3 {
	color:rgba(255,255,255,1);
	font-size:36px;
	letter-spacing:0px;
	line-height:140%;
	position:relative;
	font-weight:700;
	padding:25px 0 0px;
}
.main-vText-left strong {
	font-weight:700;
}


.main-vText-right {
	position:absolute; 
	bottom:60px;
	right:100px;
	z-index:80;
	-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;
	text-align:right;
}	

.main-vText-right .in {
	position:relative; 
	display:block;
	width:auto;
	height:100%;
	white-space: nowrap;
	word-break:keep-all;
	margin:0px 0px 0 0;
}
.main-vText-right h1 {
	font-size:30px;
	color:rgba(255,255,255,1);
	letter-spacing:-1px;
	line-height:100%;
	font-weight:700;
}
.main-vText-right h2 {
	color:rgba(255,255,255,1);
	font-size:30px;
	letter-spacing:-1px;
	line-height:130%;
	position:relative;
	font-weight:200;
	padding:0 0 15px;
}
.main-vText-right strong {
	font-weight:700;
}

@media screen and (max-width: 1440px) {
	.main-vText-left {
		left:40px;
	}
	.main-vText-right {
		right:40px;
		bottom:50px;
	}
	.main-vText-center h1,
	.main-vText-left h1 {
		font-size:56px;
	}
}

@media screen and (max-width: 1280px) {

	.main-vText-center h1,
	.main-vText-left h1 {
		font-size:50px;
	}
	.main-vText-center h2,
	.main-vText-left h2 {
		font-size:30px;
	}
	.main-vText-center h3,
	.main-vText-left h3 {
		font-size:30px;
	}
	.main-vText-right h1,
	.main-vText-right h2 {
		font-size:28px;
	}
	
}

@media screen and (max-width: 1024px) {
	.main-vText-left {
		left:30px;
	}
	.main-vText-right {
		right:30px;
		bottom:30px;
	}	
}

@media screen and (max-width: 768px) {
	.main-vText-left {
		left:20px;
	}
	.main-vText-right {
		right:20px;
		bottom:30px;
	}	
	.main-vText-center h1,
	.main-vText-left h1 {
		font-size:40px;
	}
	.main-vText-center h2,
	.main-vText-left h2 {
		font-size:24px;
	}
	.main-vText-right h1,
	.main-vText-right h2 {
		font-size:24px;
	}	
	.main-vText-center h3,
	.main-vText-left h3 {
		font-size:24px;
	}
}

@media screen and (max-width: 480px) {
	.main-vText-center h1,
	.main-vText-left h1 {
		font-size:34px;
	}
	.main-vText-center h2,
	.main-vText-left h2 {
		font-size:20px;
	}
	.main-vText-right h1,
	.main-vText-right h2 {
		font-size:20px;
	}	
	.main-vText-center h3,
	.main-vText-left h3 {
		font-size:20px;
	}
}

@media screen and (max-width: 320px) {
	.main-vText-center h1,
	.main-vText-left h1 {
		font-size:30px;
	}
}


#visualVideoStart {
	position:absolute;
    bottom:0px;
    z-index: 110;
	margin:0 auto;
	width:100%;
	padding:40px 60px;
	text-align:right;
}

#visualVideoStart .ctrl {
	position:relative;
	display:block;
	vertical-align:middle;
	font-size:0;
}
#visualVideoStart .playSet {
	position:relative;
	display: inline-block;	
	color:rgba(0,0,0,1);
	text-transform:uppercase;
	-webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px;
	overflow:hidden;
}

#visualVideoStart .btnSet {
	position:relative;
	width:180px;
	height:40px;
}

#visualVideoStart .video-play {
	display:inline-block;
	cursor:pointer;
	font-size:14px;
	color:rgba(0,0,0,1);
	line-height:40px;
	text-align:left;
	padding-left:37px;
}

#visualVideoStart .video-play {
	background:rgba(255,255,255,1) url(/imgs/video/b_play.png) 15px center no-repeat;
}


#videoVisualArea.subVideo .main-vText-center,
#videoVisualArea.lgVideo .main-vText-center,
#videoVisualArea.mdVideo .main-vText-center,
#videoVisualArea.smVideo .main-vText-center {
	display:none;
}


#videoVisualArea.subVideo .visualText_main h1,
#videoVisualArea.lgVideo .visualText_main h1,
#videoVisualArea.mdVideo .visualText_main h1,
#videoVisualArea.smVideo .visualText_main h1 {
	font-size:40px;
}

#videoVisualArea.subVideo .visualText_main h2,
#videoVisualArea.lgVideo .visualText_main h2,
#videoVisualArea.mdVideo .visualText_main h2,
#videoVisualArea.smVideo .visualText_main h2 {
	font-size:22px;
}

@media screen and (max-width: 1440px) {
	.video-progress {
		left:40px;
		bottom:50px;
	}
	.mainSection .video-progress {
		right:auto;
		left:40px;
		bottom:50px;
	}
	.full-padding .video-progress {
		bottom:73px;
		right:40px;
	}
	.fullVisual .bx-wrapper .bx-controls {
		right:40px;
		bottom:40px;
	}
	.mainSection .fullVisual .bx-wrapper .bx-controls {
		right:auto;
		left:40px;
		bottom:40px;
	}
	#vimeoCtrl {
		left:40px;
		bottom:50px;
	}
}

@media screen and (max-width: 1280px) {
	#videoVimeoCtrl {
		padding:30px 30px;
		text-align:right;
	}
	#visualVideoStart {
		padding:30px 30px;
		text-align:right;
	}
	#videoVimeoCtrl.mainVideoCtrl {
		bottom:45px;
	}
	#visualCtrl {
		bottom:45px;
	}
	#vimeoCtrl {
		left:40px;
		bottom:40px;
	}
	
	#youtubeCtrl {
		right:40px;
		bottom:30px;
	}
	.video-progress {
		left:40px;
		bottom:40px;
	}
	.mainSection .video-progress {
		right:auto;
		left:40px;
		bottom:40px;
	}
	.full-padding .video-progress {
		bottom:67px;
		right:40px;
	}
	.fullVisual .bx-wrapper .bx-controls {
		right:40px;
		bottom:35px;
	}
	
}

@media screen and (max-width: 1024px) {
	#videoVimeoCtrl {
		padding:30px 30px;
		text-align:right;
	}
	#videoVimeoCtrl.mainVideoCtrl {
		left:80px;
		bottom:40px;
	}
	.videoTitle .videoTitleBox h1 {
		font-size:40px;
	}
	.videoTitle .videoTitleBox h2 {
		font-size:18px;
	}
	.scroll-down .scroll-bar {
		height: 20px;
	}
	#visualCtrl {
		left: 30px;
		-webkit-transform:none;
		-moz-transform:none;
		-ms-transform:none;
		-o-transform:none;
		transform:none;
		bottom:40px;
	}
	.video-progress {
		left:30px;
		bottom:30px;
	}
	.mainSection .video-progress {
		right:auto;
		left:30px;
		bottom:30px;
	}
	.full-padding .video-progress {
		bottom:53px;
		right:30px;
	}
	.fullVisual .bx-wrapper .bx-controls {
		right:30px;
		bottom:30px;
	}
	.mainSection .fullVisual .bx-wrapper .bx-controls {
		right:auto;
		left:30px;
		bottom:30px;
	}
	#vimeoCtrl {
		left:30px;
		bottom:30px;
	}
}

@media screen and (max-width: 980px) {
	#videoVimeoCtrl {
		padding:30px 20px;
		text-align:right;
	}
	#visualVideoStart {
		padding:20px 20px;
		text-align:right;
	}
	#vimeoCtrl {
		left:30px;
		bottom:30px;
	}
	#youtubeCtrl {
		right:30px;
		bottom:30px;
	}
	.video-progress { {
		left:30px;
		bottom:30px;
	}
	.mainSection .video-progress {
		right:auto;
		left:30px;
		bottom:30px;
	}
	
	.fullVisual .bx-wrapper .bx-controls {
		right:30px;
		bottom:30px;
	}
	
}


@media screen and (max-width: 768px) {
	#videoVimeoCtrl {
		padding:25px 20px;
		text-align:center;
	}
	#visualVideoStart {
		padding:25px 20px;
		text-align:center;
	}
	#vimeoCtrl {
		left:20px;
		bottom:30px;
	}
	/*.mainSection #vimeoCtrl {
		right:auto;
		left:20px;
	}*/
	#vimeoCtrl .btnSet {
		width:30px;
		height:30px;
	}
	#youtubeCtrl {
		right:20px;
		bottom:30px;
	}
	#youtubeCtrl .btnSet {
		width:40px;
		height:40px;
	}
	.video-progress {
		left:20px;
		bottom:30px;
	}
	.mainSection .video-progress {
		right:auto;
		left:20px;
		bottom:30px;
	}
	.full-padding .video-progress {
		bottom:33px;
		right:10px;
	}
	.video-loader {
	  width: 40px;
	  height: 40px;
	}
	.sk-cube-grid {
	  width: 30px;
	  height: 30px;
	}
	.clock {
	  width: 40px;
	  height: 40px;
	}
	.clock:after{
		top:3px;
	}
	.fullVisual .bx-wrapper .bx-controls {
		right:20px;
		bottom:20px;
	}
	.fullVisual .bx-wrapper .bx-controls-direction a {
		width: 40px;
	  	height: 40px;
	}
	
	.mainSection .fullVisual .bx-wrapper .bx-controls {
		right:auto;
		left:20px;	
		bottom:20px;
	}
	.mainSection .video-progress {
		right:auto;
		left:20px;	
		bottom:20px;
	}
	
	#videoVisualArea.subVideo .visualText_main h1,
	#videoVisualArea.lgVideo .visualText_main h1,
	#videoVisualArea.mdVideo .visualText_main h1,
	#videoVisualArea.smVideo .visualText_main h1 {
		font-size:34px;
	}
	
	#videoVisualArea.subVideo .visualText_main h2,
	#videoVisualArea.lgVideo .visualText_main h2,
	#videoVisualArea.mdVideo .visualText_main h2,
	#videoVisualArea.smVideo .visualText_main h2 {
		font-size:20px;
	}

}


@media screen and (max-width: 640px) {
	#videoVisualArea {
		/*margin-top:60px;*/ /*mobile-top*/
	}
	#videoVisualArea.subVideo {height:500px;}
	#videoVisualArea.lgVideo {height:500px;}
	#videoVisualArea.mdVideo {height:400px;}
	#videoVisualArea.smVideo {height:360px;}
	#videoVisualArea.s60 {height:60%;}
	#visualCtrl {
		left: 50%;
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		-o-transform: translateX(-50%);
		transform: translateX(-50%);
	}
	#videoVimeoCtrl.mainVideoCtrl {
		left:auto;
		right:20px;
		bottom:30px;
		-webkit-transform: none;
		-moz-transform: none;
		-ms-transform: none;
		-o-transform: none;
		transform: none;
	}
	
}
@media screen and (max-width: 480px) {
	
	#videoVisualArea.subVideo {height:400px;}
	#videoVisualArea.lgVideo {height:460px;}
	#videoVisualArea.mdVideo {height:400px;}
	#videoVisualArea.smVideo {height:300px;}
	
	#videoVisualArea.subVideo .visualText_main,
	#videoVisualArea.lgVideo .visualText_main,
	#videoVisualArea.mdVideo .visualText_main,
	#videoVisualArea.smVideo .visualText_main {
		bottom:60px;
	}
	#videoVisualArea.subVideo .visualText_main h1,
	#videoVisualArea.lgVideo .visualText_main h1,
	#videoVisualArea.mdVideo .visualText_main h1,
	#videoVisualArea.smVideo .visualText_main h1 {
		font-size:26px;
	}
	#videoVisualArea.subVideo .visualText_main h1 span,
	#videoVisualArea.lgVideo .visualText_main h1 span,
	#videoVisualArea.mdVideo .visualText_main h1 span,
	#videoVisualArea.smVideo .visualText_main h1 span {
		display:inline-block;
	}
	#videoVisualArea.subVideo .visualText_main h2,
	#videoVisualArea.lgVideo .visualText_main h2,
	#videoVisualArea.mdVideo .visualText_main h2,
	#videoVisualArea.smVideo .visualText_main h2 {
		font-size:16px;
		margin:0px 0 5px 0px;
	}
	#videoVisualArea.subVideo .visualText_main h3,
	#videoVisualArea.lgVideo .visualText_main h3,
	#videoVisualArea.mdVideo .visualText_main h3,
	#videoVisualArea.smVideo .visualText_main h3 {
		display:none;
	}
	
	#videoVisualArea.subVideo .bar-scroll,
	#videoVisualArea.lgVideo .bar-scroll,
	#videoVisualArea.mdVideo .bar-scroll,
	#videoVisualArea.smVideo .bar-scroll {
		top: 80px;
	}
	#videoVimeoCtrl.mainVideoCtrl {
		bottom:40px;
	}
	
	
	#vimeoCtrl {
		left:20px;
		bottom:20px;
	}
	.video-progress {
		left:20px;	
		bottom:20px;
	}
	.mainSection .video-progress {
		right:auto;
		left:20px;
		bottom:20px;
	}
	
	
	.fullVisual .bx-wrapper .bx-pager-item {
		width:18px;
		height:30px;
	}
	
	.fullVisual .bx-wrapper .bx-pager.bx-default-pager a {
		width:10px;
		height:10px;
	}
	.fullVisual .bx-wrapper .bx-pager.bx-default-pager a.active {
		width:14px;
		height:14px;
	}

}


@media screen and (max-width: 360px) {
}

@media screen and (max-width: 320px) {
	
}