@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: #1a1a1a;
	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;
}




/*index*/
.skip_nav, .skip_gMap {
overflow: hidden;
position: relative;
width: 100%;
z-index: 99;
}
.skip_nav a, .skip_gMap a {
display: block;
height: 0px;
width: 0px;
margin: 0 -1px -1px 0;
overflow: hidden;
line-height: 0;
text-align: center;
}
.skip_nav a:focus, .skip_gMap a:focus {
display: block;
height: auto;
width: 100%;
margin: 0 -1px -1px 0;
overflow: hidden;
line-height: 30px;
text-align: center;
background:#ccc
}




/*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_left_content .brand_logo{margin-bottom:74px;}
.slide01_container_wrapper .slide01_left_content .brand_logo h4{background:url("/_images/sub04/slide01_txt01.png") no-repeat left top; width:259px; height:99px;}
.slide01_container_wrapper .slide01_left_content .brand_logo p{background:url("/_images/sub04/slide01_txt02.png") no-repeat left top; width:254px; height:19px; margin-top:20px;}
.slide01_container_wrapper .slide01_left_content .play_wrap_wapper{background:url("/_images/sub04/play_bar.gif") no-repeat 50% bottom; height:520px; text-align:center;width: 235px;}
.slide01_container_wrapper .slide01_left_content .play_wrap  p.txt03{background:url("/_images/sub04/slide01_txt03.png") no-repeat left top; width:139px; height:41px; margin:0 0 20px 0; display:inline-block;}
.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/sub04/beer_bg.jpg") no-repeat center top;}
.rullerDiv{z-index:5;position:absolute;top:35px;left:302px;width:69px;height:808px;background:url("/_images/sub04/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/sub04/beer_bg.png') no-repeat}
.beerCup2{z-index:1;position:absolute;left:0px;top:46px;width:359px;height:883px;background: url('/_images/sub04/beer_bg2.png') no-repeat}
.beers{z-index:2;position:absolute;left:17px;top:41px;width:339px;height:870px;background:url('/_images/sub04/beer.png') no-repeat}
/*slide02*/


/*slide03_intro*/
#slide03_intro{width:100%; height:100%; min-width: 960px;}
.slide03_intro_container_wrap{background:url("/_images/sub04/slide03_intro_bg.jpg") no-repeat left top; height:100%;position:relative;}
.slide03_intro_container_wrap .contents{background:url("/_images/sub04/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/sub04/slide03_intro_txt01.gif") no-repeat left top; width:170px; height:75px; margin: 0 auto;}
.slide03_intro_container_wrap .contents .txt02{background:url("/_images/sub04/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/sub04/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:url("/_images/sub04/slide04_bg.jpg") no-repeat left top;}
.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/sub04/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/sub04/slide04_txt01.png") no-repeat left top; width:341px; height:63px;}
/**********0522 ����**********/.slide04_container_wrapper .right_container .slide04_txt02{background:url("/_images/sub04/slide04_txt02.png") no-repeat left top; width:255px; height:190px; position:absolute; left:60px; top:250px;}
/*slide04*/

/*slide05*/

.slide05_container_wrapper{background:url('/_images/sub04/slide05_bg.jpg') no-repeat left center;}
.slide05_container_wrapper .left_container{position:absolute; top:3px; left:-29px;}
.slide05_container_wrapper .left_container .box{background:url("/_images/sub04/slide05_box_bg.png") no-repeat left top; width:406px; height:541px; padding-top:116px;}
.slide05_container_wrapper .left_container .box dl dt{margin:0 auto; margin-bottom:15px}
.slide05_container_wrapper .left_container .box dl dd{margin:0 auto; padding-bottom:30px;}
.slide05_container_wrapper .left_container .box .slide05_txt01{background:url("/_images/sub04/slide05_txt01.png") no-repeat left top; width:331px; height:104px;  margin-left:40px; margin-bottom:50px}
.slide05_container_wrapper .left_container .box .slide05_txt02{background:url("/_images/sub04/slide05_txt02.png") no-repeat left top; width:91px; height:14px;}
.slide05_container_wrapper .left_container .box .slide05_txt03{background:url("/_images/sub04/slide05_txt03.png") no-repeat left top; width:296px; height:50px;}
.slide05_container_wrapper .left_container .box .slide05_txt04{background:url("/_images/sub04/slide05_txt04.png") no-repeat left top; width:111px; height:14px;}
.slide05_container_wrapper .left_container .box .slide05_txt05{background:url("/_images/sub04/slide05_txt05.png") no-repeat left top; width:290px; height:50px;}
.slide05_container_wrapper .left_container .box .slide05_txt06{background:url("/_images/sub04/slide05_txt06.png") no-repeat left top; width:80px; height:14px;}
.slide05_container_wrapper .left_container .box .slide05_txt07{background:url("/_images/sub04/slide05_txt07.png") no-repeat left top; width:281px; height:88px;}
.slide05_container_wrapper .right_container2{position:absolute; top:-161px; left:400px;}
/*slide05*/








/*kloud secret*/
.secret_wrapper{visibility:hidden;}
.secret_wrapper .container_wrap{z-index:2; position:relative;}
.secret_wrapper .no{position:absolute; top:44px; left:340px;}
.secret_wrapper .logo{position:absolute; top:50%; left:332px; z-index: 3; margin-top:-50px;}
.secret_wrapper .more_arrow{position:absolute; top:445px; left:364px;}
.secret_wrapper .container_wrap{width:764px; height:600px; position:relative; left:50%; top:50%; margin-left:-382px; margin-top:-300px;}
.container_wrap a{display:block;height:100%;}
.secret_wrapper .more_view_wrap{background:#fff; width:100%; height:50%; position:absolute; left:0; bottom:-50%; z-index:1}
.secret_wrapper .more_view{width:764px; height:300px; position:relative; left:50%; top:0; margin-left:-382px;}
.secret_wrapper .more_view p.desc{margin: 72px auto 0 auto;}
.secret_wrapper .more_view p.marc{margin: 18px auto 0 auto;}
.slide02_intro_container{position:absolute;top:0;left:0;z-index:99;}
.slide02_intro_container_wrap{background:url("/_images/sub04/slide02_intro_bg.jpg") no-repeat center; height:100%; }

.slide02_01{background:url("/_images/sub04/slide02_01_bg.jpg") no-repeat center top;}
.slide02_01 .no{background:url("/_images/sub04/slide02_01_title_no.png") no-repeat center top; width:85px; height:75px;}
.slide02_01 .title{background:url("/_images/sub04/slide02_01_title_name.png") no-repeat center top; width:407px; height:49px; position:absolute; top:171px; left:180px;}
.slide02_01 .more_view_wrap .more_view p{background:url("/_images/sub04/slide02_01_desc.gif") no-repeat left top; width:511px; height:152px;}

.slide02_02{background:url("/_images/sub04/slide02_02_bg.jpg") no-repeat center top;}
.slide02_02 .no{background:url("/_images/sub04/slide02_02_title_no.png") no-repeat center top; width:85px; height:75px;}
.slide02_02 .title{background:url("/_images/sub04/slide02_02_title_name.png") no-repeat center top; width:386px; height:59px; position:absolute; top:171px; left:191px;}
.slide02_02 .more_view_wrap .more_view p{background:url("/_images/sub04/slide02_02_desc.gif") no-repeat left top; width:511px; height:152px;}

.slide02_03{background:url("/_images/sub04/slide02_03_bg.jpg") no-repeat center top;}
.slide02_03 .no{background:url("/_images/sub04/slide02_03_title_no.png") no-repeat center top; width:85px; height:75px;}
.slide02_03 .title{background:url("/_images/sub04/slide02_03_title_name.png") no-repeat center top; width:268px; height:49px; position:absolute; top:171px; left:250px;}
.slide02_03 .more_view_wrap .more_view p.desc{background:url("/_images/sub04/slide02_03_desc.gif") no-repeat left top; width:511px; height:152px;}
.slide02_03 .more_view_wrap .more_view p.marc{background:url("/_images/sub04/slide02_03_desc1.gif") no-repeat left top; width:172px; height:80px;}

.slide02_04{background:url("/_images/sub04/slide02_04_bg.jpg") no-repeat center top;}
.slide02_04 .no{background:url("/_images/sub04/slide02_04_title_no.png") no-repeat center top; width:85px; height:75px;}
.slide02_04 .title{background:url("/_images/sub04/slide02_04_title_name.png") no-repeat center top; width:519px; height:59px; position:absolute; top:171px; left:124px;}
.slide02_04 .more_view_wrap .more_view p.desc{background:url("/_images/sub04/slide02_04_desc.gif") no-repeat left top; width:511px; height:152px;}
.slide02_04 .more_view_wrap .more_view p.marc{background:url("/_images/sub04/slide02_04_desc1.gif") no-repeat left top; width:172px; height:80px;}
/*kloud secret*/