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

/* common */

.border { border:1px solid red }
.on{ background-color:#000; }
.hide {display:none;}
.show {display:block;}
.hide { display:none; }
.left { float:left; }
.right { float:right; }
.bottom { position:absolute; bottom:0px; }
.shadow {
	-moz-box-shadow: 5px 5px 6px #222222;
	-webkit-box-shadow: 5px 5px 6px #222222;
	box-shadow: 5px 5px 6px #222222;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=135, Color='#222222')";	/* For IE 8 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=135, Color='#222222');			/* For IE 5.5 - 7 */
}

/* container */

.content_container {position:absolute; top:0; left:50%; margin:0 0 0 -640px; width:1280px; height:900px; overflow:hidden; display:none;}
.content_page_wrap { display:none; }

/* div.pages { position:absolute; top:0; left:0; width:1280px; height:900px; background:#fff; } */
div.pages, div.pages > p, div.pages .text { position:absolute; top:0; left:0; }

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

#page1 h1 { position:absolute; left:461px; top:409px; }
#page2 p { position:absolute; left:676px; top:442px; }
#page3 p { position:absolute; left:232px; top:447px; }
#page4 p { position:absolute; left:677px; top:445px; }
#page6 .page-txt { position:absolute; left:827px; top:55px; width:266px; height:378px; }
#page6 .page-txt h2 { margin-left:77px; }
#page7 .page-txt { position:absolute; left:113px; top:55px; width:414px; height:451px; }
#page7 .page-txt h2 { margin-left:151px; }
#page8 .page-txt { position:absolute; left:165px; top:55px; width:311px; height:434px; }
#page8 .page-txt h2 { margin-left:76px; }
#page10 .page-txt { position:absolute; left:156px; top:55px; width:326px; height:421px; }
#page10 .page-txt h2 { margin-left:84px; }
#page11 .page-txt { position:absolute; left:157px; top:55px; width:326px; height:435px; }
#page11 .page-txt h2 { margin-left:116px; }
#page12 .page-txt { position:absolute; left:918px; top:55px; width:259px; height:434px; }
#page12 .page-txt h2 { margin-left:82px; }
#page13 .page-txt { position:absolute; left:918px; top:55px; }
#page13 .page-txt h2 { margin-left:82px; }
#page14 .page-txt { position:absolute; left:153px; top:55px; width:334px; height:419px; }
#page14 .page-txt h2 { margin-left:119px; }
#page15 .page-txt { position:absolute; left:192px; top:55px; width:256px; height:435px; }
#page15 .page-txt h2 { margin-left:59px; }
#page16 .page-txt { position:absolute; left:117px; top:55px; width:1058px; height:473px; }
#page16 .page-txt h2 { margin-left:151px; }
#page16 .page-txt div .right { margin-left:152px; }


/* 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'; }


/* utility */

/* btns 20140619 */
.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}
.bn-preview span{width:14px; height:21px; background:url('../img/bn_preview.png') no-repeat left top}
.bn-next span{width:14px; height:21px; background:url('../img/bn_next.png') no-repeat left top}
.inverse.bn-back span{background:url('../img/bn_back_white.png') no-repeat left top}
.inverse.bn-preview span{background:url('../img/bn_preview_white.png') no-repeat left top}
.inverse.bn-next span{background:url('../img/bn_next_white.png') no-repeat left top}

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

/* indicator */
.indicator {position:absolute; left:50%; top:95%; z-index:10; margin-left:-190px; }
.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.png') 0 0 no-repeat;}
.indicator-btn.on {background:URL('../img/indicator_on.png') 0 0 no-repeat;}
.indicator-btn.inverse {background:URL('../img/indicator_white.png') 0 0 no-repeat;} /* 20140619 jong */
.indicator-btn.inverse.on {background:URL('../img/indicator_on_white.png') 0 0 no-repeat;}

/* 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%; }