@charset "utf-8";

#wrap{height:100%;}
#content{height:100%;}

.slide {
	background-attachment: fixed;
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
	display:block;
}

/* 스마트폰 가로+세로 */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px){
	.slide {
		background-attachment: fixed;
		width: 100%;
		height: 45%;
		position: relative;
		overflow: hidden;
		display:block;
	}
}
#slide1 {
	background-image: url();
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: center 0 !important;
	-webkit-background-size: 1920px 1080px;
	-moz-background-size: 1920px 1080px;
	background-size: 1920px 1080px;
}
#slide2 {
	background-image: url();
	background-color: #ffee00;
	background-repeat: no-repeat;
	background-position: center 0 !important;
	-webkit-background-size: 1920px 1080px;
	-moz-background-size: 1920px 1080px;
	background-size: 1920px 1080px;
}
#slide3 {
	background-image: url();
	background-color: #fdba31;
	background-repeat: no-repeat;
	background-position: center !important;
	-webkit-background-size: 1920px 1080px;
	-moz-background-size: 1920px 1080px;
	background-size: 1920px 1080px;
	
	position:relative;
	
}
#slide4 {
	background-image: url();
	background-repeat: no-repeat;
	background-position: center !important;
	-webkit-background-size: 1920px 1080px;
	-moz-background-size: 1920px 1080px;
	background-size: 1920px 1080px;
	background-color: #fdba31;
	position:relative;
	
}

#slide5 {
	background-image: url();
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: center !important;
	-webkit-background-size: 1920px 1080px;
	-moz-background-size: 1920px 1080px;
	background-size: 1920px 1080px;
	position:relative;
}






/*navi*/

.slide_wrap{width:100%; height:100%; }

.container_wrap{width: 700px;height:670px;position:relative;left: 50%; top:50%; margin-left: -350px; margin-top: -335px;}
.container_wrap2{width: 700px;height:100%;position:relative;left: 50%;  margin-left: -350px; }
.container_wrap2 .title{position:relative;top:35px;}
.slide_common{margin-left:0px;height:100%;overflow:hidden;position:relative;}



/*slide01*/
.slide01_container_wrapper{background:#31363a; z-index:99999;}
.slide01_container_wrapper .slide01_left_content{position:absolute; bottom:-190px; left:-100px;z-index:1}
.slide01_container_wrapper .slide01_right_content{ position:absolute; bottom:-246px; left:-100px;}
 .slide01_right_content p img{width:1011px}
/*slide01*/


/*slide02*/
.slide02_container_wrapper{background:url("/_images/sub01/slide02_intro_bg.jpg") no-repeat top center;}
.rullerDiv{z-index:5;position:absolute;top:35px;left:302px;width:69px;height:808px;background:url("/_images/sub01/ruller.png") no-repeat;}
.beer_point{position:absolute;top:82px;left:11px; z-index:1;}
.beer_point_s0{position:absolute;top:94px;left:23px;}
.beer_point_s1{position:absolute;top:211px;left:23px;}
.beer_point_s2{position:absolute;top:328px;left:23px;}
.beer_point_s3{position:absolute;top:444px;left:23px;}
.rullerTxt{display:block;width:200px;position:relative;top:135px;left:80px;}

.rullerTxt span.scrollDown{position:absolute;top:0;right:0;}
.rullerTxt span.b_txt01{position:absolute;top:115px;right:0;}
.rullerTxt span.b_txt02{position:absolute;top:227px;right:0;}
.rullerTxt span.b_txt03{position:absolute;top:342px;right:0;}
.beerDiv{overflow:hidden;position:absolute;left:346px;top:58px;width:359px;height:929px;}
.beerKloud{z-index:4;position:absolute;left:62px;top:35px;width:249px;height:46px;}

.beerCup{z-index:3;position:absolute;left:0px;top:46px;width:359px;height:883px;background: url('/_images/sub01/beer_bg.png') no-repeat}
.beerCup2{z-index:1;position:absolute;left:0px;top:46px;width:359px;height:883px;background: url('/_images/sub01/beer_bg2.png') no-repeat}
.beers{z-index:2;position:absolute;left:17px;top:41px;width:339px;height:870px;background:url('/_images/sub01/beer.png') no-repeat}
/*slide02*/


/*slide03_intro*/
#slide03_intro{width:100%; height:100%; min-width: 960px;}
.slide03_intro_container_wrap{background:url("/_images/sub01/slide03_intro_bg.jpg") no-repeat top center;; height:100%;position:relative;}
.slide03_intro_container_wrap .contents{background:url("/_images/sub01/slide03_intro_contents_bg.png") no-repeat center; width: 700px;height:670px;position:absolute;;left: 50%; top:50%; margin-left: -350px; margin-top: -335px;}
.slide03_intro_container_wrap .contents dl{margin-top:220px;}
.slide03_intro_container_wrap .contents .txt01{background:url("/_images/sub01/slide03_intro_txt01.gif") no-repeat left top; width:170px; height:75px; margin: 0 auto;}
.slide03_intro_container_wrap .contents .txt02{background:url("/_images/sub01/slide03_intro_txt02.png") no-repeat left top; width:323px; height:153px; margin: 0 auto; margin:30px auto 25px auto;}
.slide03_intro_container_wrap .contents p{text-align:center;}
/*slide03_intro*/

/*slide03*/
#slide03{ width:100%; height:100%;}

.slide03_container_wrapper{ height:100%; position:relative; background:url("/_images/aboutKloud/slide03_bg.gif") repeat-y 50% top; }

.slide03_container_wrapper .contents{}
.slide03_container_wrapper .contents .compare{position:absolute; top:370px; left:41px;}
.slide03_container_wrapper .contents .compare .txt02{padding: 0 38px 0 34px;}
.slide03_container_wrapper .contents .paging{position:absolute; bottom:35px; left:300px; }
.slide03_container_wrapper .contents .paging .up{float:left; margin-right:30px;}
.slide03_container_wrapper .contents .paging .up .upImg{display:block;text-align:right;}

.slide03_container_wrapper .contents .paging .down{float:left;}
.slide03_container_wrapper .contents .paging .down .downImg{display:block;text-align:left;}

.paging_num{padding:10px 0 0 0px; display:inline-block; text-align:center; width:33px;}
.slide03_container_wrapper .slide03_01{}
.slide03_container_wrapper .slide03_01 .compare1{width: 700px;height:670px;position:absolute;left: 50%; top:50%; margin-left: -350px; margin-top: -300px;}

.title_01,.title_02,.title_03,.title_04{position:absolute; top:60px; left:287px;}


.txt01_01{position:absolute; top:352px; left:43px;}
 .txt01_03{position:absolute; top:352px; left:480px;}
 .txt03_01{position: absolute; left: 41px; top: 352px;}

.b01{}
   .sub01_01{position:absolute; top:215px; left:270px;}

.b02{}
	.sub02_01{position:absolute; top:215px; left:270px;}
.b03{}

	 .sub03_01{position: absolute; left: 97px; top: 151px;}
	 .sub03_02{position: absolute; left: 169px; top: 198px;}
	 .sub03_03{position: absolute; left: 319px; top:134px;}
	 .sub03_04{position: absolute; left: 309px; top: 310px; padding:0 !important;}

.b04{}
	.sub04_01{position: absolute; left: 103px; top: 110px;}
	.sub04_02{position: absolute; left: 559px; top: 110px;}
    .sub04_03{position: absolute; left: 252px; top: 144px; padding:0 !important;}


/*slide03*/

/*slide04*/

.slide04_container_wrapper{background:#fff;;}
.slide04_container_wrapper .beer01{opacity:0;
filter:alpha(opacity=0); /*IE7~8*/width:260px; height:542px; position:absolute; left:-187px; top:277px;}
.slide04_container_wrapper .beer01 img{background: transparent;
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE8 */   
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);   /*IE6 & 7 */      
zoom: 1;}

.slide04_container_wrapper .beer02{opacity:0;
filter:alpha(opacity=0); /*IE7~8*/width:203px; height:871px; position:absolute; left:84px; top:-59px;}
.slide04_container_wrapper .beer02 img{background: transparent;
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE8 */   
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);   /*IE6 & 7 */      
zoom: 1;}
.slide04_container_wrapper .right_container{position: absolute; top: 123px; left: 322px;}
.slide04_container_wrapper .right_container .box{background:url("/_images/aboutKloud/slide04_box_bg.png") no-repeat left top; width:381px; height:111px; padding: 110px 0 0 7px;}
.slide04_container_wrapper .right_container .slide04_txt01{background:url("/_images/aboutKloud/slide04_txt01.png") no-repeat left top; width:341px; height:63px;}
/**********0522 ����**********/.slide04_container_wrapper .right_container .slide04_txt02{background:url("/_images/aboutKloud/slide04_txt02.png") no-repeat left top; width:255px; height:190px; position:absolute; left:60px; top:250px;}
/*slide04*/