/* web-font */

@font-face {
    font-family: 'samsungif_bd';
    font-weight: normal;
    font-style: normal;
    src: url('../font/samsungif_bd.eot');
    src: url('../font/samsungif_bd.eot?#iefix') format('embedded-opentype'),
         url('../font/samsungif_bd.woff') format('woff'),
         url('../font/samsungif_bd.ttf') format('truetype'),
         url('../font/samsungif_bd.svg#samsungif_bd') format('svg');
}

@font-face {
    font-family: 'samsungif_blk';
    font-weight: normal;
    font-style: normal;
    src: url('../font/samsungif_blk.eot');
    src: url('../font/samsungif_blk.eot?#iefix') format('embedded-opentype'),
         url('../font/samsungif_blk.woff') format('woff'),
         url('../font/samsungif_blk.ttf') format('truetype'),
         url('../font/samsungif_blk.svg#samsungif_blk') format('svg');
}


/* 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 {display:none; position:relative; width:1280px; height:900px; margin:0 auto; overflow:hidden}*/
.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; } */
#content_page {position:absolute; width:1280px; height:900px; z-index:1;}
div.pages { position:absolute; top:0; left:0; width:1280px; height:900px; overflow:hidden;}


/* contents */

.pages {width:1280px; height:900px; display:none;}
.cover {position:absolute; width:1280px; height:900px;}

#page1 h1 { position:absolute; left:50%; top:187px; margin-left:-480px; }
#page1 p { position:absolute; left:50%; top:456px; margin-left:-237px; }

#page2 .txt { position:absolute; left:160px; top:149px; width:960px; height:560px; }
#page2 .txt h2 { padding-right:58px; }
#page2 .txt-2 { margin-top:88px; }
#page2 .txt-3 { margin-top:89px; }


/* utility */

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

.sns-bns {position:absolute; bottom:30px; left:32px; display:none; z-index:10;}
.sns-bns li {}
.sns-bns li a { display:block; width:21px; 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;}

.indicator {position:absolute; left:50%; top:95%; z-index:10; margin-left:-15px; }
.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;}


/* loading */

.loading { position:absolute; top:50%; left:50%; margin:-8px 0 0 -38px; width:100px; height:10px; opacity: 1;}
.loading .loading-list { width: 100%; height: 100%; display: flex; justify-content: space-around;}
.loading .loading-dot {width: 8px; height: 8px; border-radius: 100%;}
.loading p { position:relative; left:0%; top:25px; text-align:center; font:12px/1 'samsungif_bd'; }


/* 딜레이가 들어간 순차 확대 애니메이션 */
.loading .loading-dot {
  animation: loadingPulse 1.2s infinite ease-in-out;
  transform-origin: center center;
  background-color: #000; 
  opacity: 0.3;          
}

/* 각 dot에 순차 딜레이 */
.loading .loading-dot:nth-child(1) { animation-delay: 0s; }
.loading .loading-dot:nth-child(2) { animation-delay: 0.1s; }
.loading .loading-dot:nth-child(3) { animation-delay: 0.2s; }
.loading .loading-dot:nth-child(4) { animation-delay: 0.3s; }
.loading .loading-dot:nth-child(5) { animation-delay: 0.4s; }

@keyframes loadingPulse {
   0%, 100% {
    opacity: 0.3;
    transform: scale(1);
  }
  50% {
    opacity: 1;      
    transform: scale(1.1); 
  }
}


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