@import url('../../../css/webfont.css');

.top-deco {position:absolute; top:30px; left:140px; display:none; z-index:30;}
.top-deco img{position:absolute;}
.top-deco .top-deco-over {position:absolute; width:13px; height:22px; overflow:hidden;}
.top-deco .top-deco-over img {position:absolute;}

/*.content_container {position:absolute; top:50%; left:50%; margin:-450px 0 0 -640px; width:1280px; height:900px; overflow:hidden; background:url('../img/bg.jpg') 0 0 no-repeat;}*/
.content_container {position:absolute; top:0; left:50%; margin:0 0 0 -640px; width:1280px; height:900px; overflow:hidden; display:none;}
div#content-page {position:relative;}

.hide {display:none;}
.show {display:block;}


/* btns */
.bn-back, .bn-preview, .bn-next{display:none; position:absolute;} 
.bn-back {top:0; right:0; z-index:10;}
.bn-preview {top:50%; left:0; margin-top:-33px;z-index:100; padding:23px 25px;}
.bn-next {top:50%; right:0; margin-top:-33px; z-index:100; padding:23px 25px;}
.bn-back span, .bn-preview span, .bn-next span{display:block; text-indent:-9999px; overflow: hidden;}
.bn-back span{width:60px; height:60px; background:url('../img/bn_back.png') no-repeat left top; overflow: hidden;}
.bn-preview span{width:14px; height:21px; background:url('../img/bn_preview_white.png') no-repeat left top}
.bn-next span{width:14px; height:21px; background:url('../img/bn_next_white.png') no-repeat left top}
.inverse.bn-back span{background:url('../img/bn_back.png') no-repeat left top;}
.inverse.bn-preview span{background:url('../img/bn_preview.png') no-repeat left top;}
.inverse.bn-next span{background:url('../img/bn_next.png') no-repeat left top;}

/* sns */
.sns-bns {position:absolute; bottom:40px; left:32px; display:none; z-index:10000;}
.sns-bns li {border-bottom:1px solid #fff}
.sns-bns li.inverse{border-bottom:1px solid #000;}
.sns-bns li a { display:block; overflow: hidden; width:21px; height:51px; background-position:left center; background-repeat:no-repeat; text-indent:-9999px}
.sns-bns li.sns_3 { border: none}
.sns-bns li.sns_0 a{background-image:url('../img/bn_facebook_white.png');}
.sns-bns li.sns_1 a{background-image:url('../img/bn_twitter_white.png');}
.sns-bns li.sns_2 a{background-image:url('../img/bn_qqq_white.png');}
.sns-bns li.sns_3 a{background-image:url('../img/bn_google_white.png');}
.sns-bns li.inverse.sns_0 a{background-image:url('../img/bn_facebook.png');}
.sns-bns li.inverse.sns_1 a{background-image:url('../img/bn_twitter.png');}
.sns-bns li.inverse.sns_2 a{background-image:url('../img/bn_qqq.png');}
.sns-bns li.inverse.sns_3 a{background-image:url('../img/bn_google.png');}

/* indicator */
.indicator {position:absolute; left:50%; top:95%; z-index:10; margin-left:-105px; }
.indicator li{position:relative; width:15px; height:15px; margin: 0px 6px 0px 0px; float: left; cursor : pointer;}
.indicator li a{display:block; width:15px; height:15px; text-indent:-10000px; overflow:hidden;}
.indicator-btn {background:URL('../img/indicator_white.png') 0 0 no-repeat;}
.indicator-btn.on {background:URL('../img/indicator_on_white.png') 0 0 no-repeat;}
.indicator-btn.inverse {background:URL('../img/indicator.png') 0 0 no-repeat;} 
.indicator-btn.inverse.on {background:URL('../img/indicator_on.png') 0 0 no-repeat;}


/*
@media screen and (max-width:1024px) {
	.content_container {width:1024px; height:768px; margin:-334px 0 0 -512px;}
	#content_page {width:1024px; height:768px;}
	#content_page img {width:1024px;}
	.contents {width:1024px; height:768px;}
}

 @media only screen and (min-device-width : 800px) and (max-device-width : 1280px) {
	.content_container {width:1280px; height:800px; margin:-320px 0 0 -640px;}
	.content_page_wrap {padding-left:85px}
	#content_page {width:1115px; height:784px;}
	#content_page img {width:1115px;}
	.contents {width:1024px; height:768px;}
}
#page1 {background:url('../img/page_01.png') 0 0 no-repeat}
*/

div.pages, div.pages > p, div.pages .text {position:absolute; top:0; left:0;}

.content_page_wrap {display:none;}
.navi-line{position:absolute; top:0; left:-30px; z-index:20; cursor:pointer; margin-left:-20px; width:60px; height:900px;}
.navi-line img{position:absolute; margin-left:20px;}
.navi-line-btn{position:absolute; width:60px; height:900px; background-color:#000; opacity:0; filter:Alpha(opacity=0);}

/* contents */
span.acc_tag{visibility:hidden; text-indent:-9999px; width:0; height:0; font-size:0}
.pages {width:1280px; height:900px; display:none;}

#page1 .text {left:196px; top:305px;}
#page1 {background:url('../img/page_01.jpg') 0 0 no-repeat;}
/*#page1 .nav-line {left:164px;}*/

#page2 .text {left:251px; top:138px;}
#page2 .text2 {position:absolute; left:251px; top:640px; width:987px;}
#page2 .text2 h3 {float:left; margin-right:73px;}
#page2 .text2 p {float:left; margin-right:32px;}
#page2 {background:url('../img/page_02.jpg') 0 0 no-repeat;}
/*#page2 .nav-line {left:215px;}*/

#page3 .text {left:266px; top:347px;}
#page3 {background:url('../img/page_03.jpg') 0 0 no-repeat;}
/*#page3 .nav-line {left:418px;}*/
#page3 div.left	{width:302px !important;}
#page3 div.right {width:447px !important;}
#page3 div.left, #page3 div.right {float:left;}
#page3 div.left {margin-right:0px;}
#page3 div.right h3 {margin-top:15px;}

#page4 .text {left:259px; top:341px;}
#page4 {background:url('../img/page_04.jpg') 0 0 no-repeat;}
/*#page4 .nav-line {left:519px;}*/
#page4 div.left, #page4 div.right {float:left;}
#page4 div.left {margin-right:40px;}
#page4 div.left	{width:302px !important;}
#page4 div.right {width:447px !important;}
#page4 div.right h3 {margin-top:22px;}

#page5 .text {left:348px; top:754px;}
#page5 {background:url('../img/page_05.jpg') 0 0 no-repeat;}
/*#page5 .nav-line {left:607px;}*/
#page5 .cycle {margin:116px 0 0 297px;}
#page5 .text p {width:549px !important; text-align:center; padding:24px 0 0 20px; }

#page6 .text {left:880px; top:500px; width:260px !important; height:285px; background:url('../img/box_bg.png') 0 0 repeat;}
/* #page6 .text2 {position:absolute; left:140px; top:198px;} */
#page6 .text2 {position:relative; left:140px; top:-705px;} 
#page6 {background:#6098b6;}
#page6 .object {margin:30px 0 0 513px;}
/*#page6 .nav-line {left:699px;}*/
#page6 .text h3 {width:220px !important; padding: 40px 0 12px 0px; margin-left:20px; border-bottom:1px solid #fff;}
#page6 .text p {width:220px !important; padding: 20px 0 40px 20px; }
#page6 .text2 p {margin-bottom:48px;}

#page7 {background:url('../img/page_07.jpg') 0 0 no-repeat;}
/*#page7 .nav-line {left:765px;}*/

#page8 {background:url('../img/page_08.jpg') 0 0 no-repeat;}
/*#page8 .nav-line {left:846px;}*/

#page9 .text {left:142px; top:238px;}
#page9 .text p {margin-top:38px;}
#page9 {background:#e5e5e1;}
/*#page9 .nav-line {left:979px;}*/
#page9 .package {margin:583px 0 0 100px;}

#page10 .text {left:140px; top:308px;}
#page10 .text p {margin-top:25px;}
#page10 {background:#e5e5e1;}
/*#page10 .nav-line {left:1066px;}*/
#page10 .package {margin:136px 0 0 591px;}


/* loading */

.loading { position:absolute; top:50%; left:50%; margin:-8px 0 0 -38px; width:76px; height:16px; background:url('../img/loading.png') 0 0; }
.loading p { position:relative; left:0%; top:25px; text-align:center; font:12px/1 'samsungif_bd'; }


/* info_rotate */

.info_rotate { position:fixed; left:0; top:0; width:100%; height:100%; background:#fff; z-index:9999; display:none; }
.info_rotate img { width:100%; }