
/*메인 슬라이드*/
.main_slide	{
	width:100%;
	height:80%;
	min-height: 844px;
	position: relative;
	.container {
		@include center;
		width:80%;
		height:80%;
		z-index:100;

	}
	
}

.skippr {width: 100% ;height: 100% ;position: relative;overflow: hidden}
.skippr > div {position: absolute;width: 100% ;height: 100% ;background-size: cover;background-position: 50% 62.5%}
.skippr > img {position: absolute;top: 50% ;left: 50% ; -webkit-transform: translate(-50% , -50% ); -moz-transform: translate(-50% , -50% ); -ms-transform: translate(-50% , -50% )transform: translate(-50% , -50% );width: 100% ;min-height: 100%}
.skippr-nav-container {position: absolute; right:22px; bottom:20px;overflow: auto;z-index: 150;}
.skippr-nav-element {cursor: pointer;float: left;background: #fff; -webkit-transition: all .25s linear;transition: all .25s linear}
.skippr-nav-element-bubble {width: 12px;height: 12px;border-radius: 50% ;margin: 0 4px}
.skippr-nav-element-block {width: 15px;height: 15px;margin:0 4px; background:#fff; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px;}
.skippr-nav-element:hover, .skippr-nav-element-active {background: #ff7300}
.skippr-arrow {position: absolute;z-index: 150;top: 50% ; -webkit-transform: translate(0% , -50% ); -moz-transform: translate(0% , -50% ); -ms-transform: translate(0% , -50% );transform: translate(0% , -50% );width: 30px;height: 30px;transform-origin: center center; -webkit-transform-origin: top left;cursor: pointer; display:none;}
.skippr-previous {background:url(/images/foundation/common/main_arrow_left.png) no-repeat 0 0; width:44px; height:20px; left:25px; margin-top:-10px;}
.skippr-next {background:url(/images/foundation/common/main_arrow_right.png) no-repeat 0 0; width:44px; height:20px; right:25px; margin-top:-10px;}


.txtBox	{z-index:2; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); text-align:center;}
.txtBox	.txt01	{font-size:4.375em; color:#fff; line-height:1.1; font-weight:800; background:url(/images/foundation/common/main_gap.png) no-repeat center bottom; padding-bottom:90px;letter-spacing: -2px;}
.txtBox	.txt02	{font-size:1.125em; color:#fff; line-height:1.6; margin-top:60px;}



@media all and (min-width: 768px) and (max-width: 1024px) {	


	
}


@media (max-width: 768px) {
	
/*메인 슬라이드*/
.main_slide	{
	min-height: 400px;
}
	
	
/*메인 슬라이드*/
.skippr {width: 100% ;height: 100% ;position: relative;overflow: hidden}
.skippr > div {position: absolute;width: 100% ;height: 100% ;background-size: cover;background-position: 50% 62.5%}
.skippr > img {position: absolute;top: 50% ;left: 50% ; -webkit-transform: translate(-50% , -50% ); -moz-transform: translate(-50% , -50% ); -ms-transform: translate(-50% , -50% )transform: translate(-50% , -50% );width: 100% ;min-height: 100%}
.skippr-nav-container {position: absolute;right: 50% ; -webkit-transform: translate(50% , 0);transform: translate(50% , 0); -moz-transform: translate(50% , 0); -ms-transform: translate(50% , 0);bottom: 20px;overflow: auto;z-index: 150;}
.skippr-nav-element {cursor: pointer;float: left;background: #fff; -webkit-transition: all .25s linear;transition: all .25s linear}
.skippr-nav-element-bubble {width: 12px;height: 12px;border-radius: 50% ;margin: 0 4px}
.skippr-nav-element-block {width: 15px;height: 15px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; margin:0 4px; border:none;}
.skippr-nav-element:hover, .skippr-nav-element-active {background: #ff7300}
.skippr-arrow {position: absolute;z-index: 150;top: 50% ; -webkit-transform: translate(0% , -50% ); -moz-transform: translate(0% , -50% ); -ms-transform: translate(0% , -50% );transform: translate(0% , -50% );width: 30px;height: 30px;transform-origin: center center; -webkit-transform-origin: top left;cursor: pointer}
.skippr-previous,.skippr-next {display:none;}


.txtBox	{z-index:2; position:absolute; left:0%; top:50%; transform:translate(0%, -50%); text-align:center; margin:0;width: 100%; }
.txtBox	.txt01	{font-size:2em; color:#fff; line-height:1.1; font-weight:600; background:url(/images/foundation/common/main_gap.png) no-repeat center bottom; padding-bottom:20px;}
.txtBox	.txt02	{font-size:0.875em; color:#fff; line-height:1.6; margin-top:60px;}



}





































































