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

.hide {display:none;}
.show {display:block;}
.hide { display:none; }
.left { float:left; }
.right { float:right; }


body { overflow:hidden; }
.content_container {width:1280px; background:#fff; position:relative; left:50%; margin-left:-640px; display:none; }		/* height:2691px; */
.content_page_wrap {width:1000px; position:relative; top:100px; left:50%; margin-left:-500px; display:none; padding-bottom:100px; }
.gotop_1 {position:absolute; top:2566px; right:30px; width:69px; height:10px; padding:30px 10px; display:block; overflow:hidden; text-indent:-1000px; background:url('../img/btn_top_blk.png') 50% 50% no-repeat;}


/* contents */

.section-1 h1 {margin-top:124px; margin-left:-15px;}
.section-1 h2 {margin-top:26px;}

.section-2 {margin-top:60px; margin-left:1px;}
.section-2 .left {width:491px;}
.section-2 .right {width:492px; margin-top:-1px;}
.section-2 p {background:url('../img/s2_p.jpg') 0 0 no-repeat; width:492px; height:196px; overflow:hidden; text-indent:-10000px; display:block; margin-top:99px; margin-left:1px;}

.section-3 {margin-top:79px;}
.section-3 .left {width:161px; margin-left:-1px;}
.section-3 .right {width:744px;}
.section-3 .right > p.top {background:url('../img/s3_p_1.jpg') 0 0 no-repeat; width:745px; height:75px; overflow:hidden; text-indent:-10000px; display:block; margin-top:25px;}
.section-3 .right > p.bot {background:url('../img/s3_p_2.jpg') 0 0 no-repeat; width:745px; height:106px; overflow:hidden; text-indent:-10000px; display:block; margin-top:33px; margin-left:-1px}

.section-4 {margin-top:76px; height:690px;}
.section-4 h3 {margin-top:4px; margin-left:-1px;}
.section-4 > img {margin-top:9px;}
.section-4 p {background:url('../img/s4_p.jpg') 0 0 no-repeat; width:965px; height:46px; overflow:hidden; text-indent:-10000px; display:block; margin-top:25px; margin-left:-1px;}


/* btns */

.bn-back {background:url('../img/bn_back.png') 0 0 no-repeat; width:60px; height:60px; overflow:hidden; text-indent:-10000px; display:block; position:absolute; right:0; top:0;}
.btns {position:absolute; right:140px; top:2529px;}
.btns a {display:block; overflow:hidden; text-indent:-10000px; width:184px; height:12px; padding:8px 0 12px 11px;}
.btns .mPortal {background:url('../img/nav_milano.jpg') 15px 10px no-repeat; border:5px solid #000; margin:-5px 0 5px -5px;}
/* .btns .first.on {background:url('../img/nav_1_on.jpg') 12px 10px no-repeat; border:5px solid #000; margin:-5px 0 5px -5px;}
.btns .second {background:url('../img/nav_2.jpg') 12px 8px no-repeat;}
.btns .second:hover {background:url('../img/nav_2_on.jpg') 12px 8px no-repeat;}
.btns .third {background:url('../img/nav_3.jpg') 12px 15px no-repeat;}
.btns .third:hover {background:url('../img/nav_3_on.jpg') 12px 15px no-repeat;} */

.sns-bns {position:absolute; top:84px; left:70px; 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{marinegin-top:14px;}


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