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

/* common */

.border { border:1px solid red }
.border1 { border:1px solid green }
.on{ background-color:#000; }
.hide {display:none;}
.show {display:block;}
.hide { display:none; }
.left { float:left; }
.right { float:right; }
.top { position:absolute; top:0px; }
.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:relative; top:0; left:50%; margin:0 0 0 -640px; width:1280px; height:900px; background:#fff; overflow:hidden; display:none; }


/* contents */

.pages { position:relative; width:1280px; height:900px; float:left; }
.cover { position:absolute; width:1280px; height:900px; }

#page4 a { position:absolute; left:895px; top:641px; width:133px; height:51px; display:block; }
#page6 a { position:absolute; left:895px; top:641px; width:133px; height:51px; display:block; }

#popup-4 { position:absolute; left:0; top:0; width:1280px; height:900px; background:url('../img/p4_popup_bg.jpg') 0 0 no-repeat; }
#popup-4 a { position:absolute; left:1160px; top:30px; width:82px; height:82px; background:url('../img/close_btn.png') 0 0 no-repeat; display:block; }
#popup-6 { position:absolute; left:0; top:0; width:1280px; height:900px; background:url('../img/p6_popup_bg.jpg') 0 0 no-repeat; }
#popup-6 a { position:absolute; left:1160px; top:30px; width:82px; height:82px; background:url('../img/close_btn.png') 0 0 no-repeat; display:block; }


/* 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 */

.bn-back {position:absolute; top:0; right:0; display:none; z-index:10;}
.bn-preview {position:absolute; top:50%; left:0; margin-top:-42px; display:none;z-index:100; padding:23px 25px;}
.bn-next {position:absolute; top:50%; right:0; margin-top:-42px; display:none;z-index:100; padding:23px 25px;}

.sns-bns {position:absolute; bottom:40px; left:32px; display:none; z-index:10;}
.sns-bns li {}
.sns-bns li a{display:block; width:28px; height:51px}
.sns-bns li a.underline{border-bottom:1px solid #000;}
.sns-bns li a > img{margin-top:12px;}
.sns-bns li a > img.mTop14{margin-top:14px;}


/* scroll */

.content_container #viewport { position:relative; width:1280px; height:900px; overflow:hidden; }
.content_container .overview { position:absolute; left:0; top:0; width:2840px; display:none; }
.content_container .scrollbar { position:absolute; left:0px; top:854px; width:1280px; height:30px; display:none; z-index:10; }
.content_container .centerLine { position:absolute; left:0px; top:0px; width:1280px; height:15px; border-bottom:1px solid #bec6cf; }
.content_container .track { position:relative; width:1280px; height:30px; }
.content_container .thumb { position:absolute; left:0px; top:0px; width:114px; height:30px; overflow:hidden; background: url('../img/bg-scrollbar-thumb-x.png'); cursor:pointer; }
.content_container .disable { display: none; }
.noSelect { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; }


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