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


/* common */
dfsdsf
.hide {display:none;}
.show {display:block;}
.hide { display:none; }
.left { float:left; }
.right { float:right; }

.content_container {display:none; position:relative; width:1280px; height:2550px ;margin:0 auto; background:#fff;  }
.content_page_wrap {width:1005px; position:relative; top:95px; left:50%; margin-left:-468.5px;/*  display:none;  */}


/* contents */

.content_page_wrap h1 {margin-bottom:55px; position: absolute; width: 169px; top: 0; left: 50%; margin-left: -568px;}/* margin-left:-497px; */
.content_page_wrap h1 img {display:block;}
.content_page_wrap h2 {position:absolute; top:44px; right:-2px;}
div.contents-13 {position:relative; top:102px; z-index:9; margin-left:-10px;}
div.contents-13 ul.smallThumbs li {position:absolute;}
div.contents-13 ul.smallThumbs li a .thumb-con {display:block; position:relative; top:3px; left:3px; width:198px; height:90px; background:#f3f3f3;}
div.contents-13 ul.smallThumbs li a .thumb-con p{position:absolute; left:19px; top:15px; font-size: 13px; line-height: 15px; font-family: 'samsungonelatin700';}
div.contents-13 ul.smallThumbs li a .thumb-con .img-con{position:absolute; left:19px; bottom:13px; font-size:11px;line-height:11px;font-family:'samsungonelatin600'; color:#989898}
div.contents-13 ul.smallThumbs li a .thumb-con > img{position:absolute; top:0; right:0;}
.l-202 {left:202px;}
.l-403 {left:403px;}
.l-604 {left:604px;}
.l-805 {left:805px;}
.t-93 {top:93px}
.t-186 {top:186px}
.t-279 {top:279px}
.t-372 {top:372px}
.t-465 {top:465px}
.t-558 {top:558px}
.t-651 {top:651px}
.t-744 {top:744px}
.t-837 {top:837px}
.t-930 {top:930px}
.t-1023 {top:1023px}


/* 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;}
ul.btns {position:absolute; top:105px; left:50%; margin-left:-566px; z-index:10; width:200px;} /* margin-left:-497px; */
ul.btns .depth1-1 li, ul.btns .depth1-2 li, ul.btns .depth1-3 li {height:24px;}
ul.btns .depth1-1 {position:relative; top:0px;}
ul.btns .depth1-2 {position:relative; top:0px;}
ul.btns .depth1-3 {position:relative; top:0px;}
ul.btns a {display:block; width:206px; height:43px; overflow:hidden; text-indent:-10000px; color:#fff;}
ul.btns .btn-1 {background:url('../img/nav_1_normal.png') 0 0 no-repeat;}
ul.btns .btn-2 {background:url('../img/nav_2_normal.png') 0 0 no-repeat;}
ul.btns .btn-3 {background:url('../img/nav_3_normal.png') 0 0 no-repeat;}
ul.btns .btn-1.on {background:url('../img/nav_1_on.png') 0 0 no-repeat;}
ul.btns .btn-2.on {background:url('../img/nav_2_on.png') 0 0 no-repeat;}
ul.btns .btn-3.on {background:url('../img/nav_3_on.png') 0 0 no-repeat;}
ul.btns .btn-1.off {background:url('../img/nav_1_off.png') 0 0 no-repeat;}
ul.btns .btn-2.off {background:url('../img/nav_2_off.png') 0 0 no-repeat;}
ul.btns .btn-3.off {background:url('../img/nav_3_off.png') 0 0 no-repeat;}

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


/* depth-2 btns */

ul.depth-2 {position:absolute; left:42px; top:0; z-index:10; padding:10px 0; background:#000;}
ul.depth-2.first {width:83px; height:168px;}
ul.depth-2.second {width:140px; height:69px;}
ul.depth-2.third {width:164px; height:69px;}
ul.depth-2 li {position:relative; margin:0;}
ul.depth-2 a {display:block; height:23px; overflow:hidden; text-indent:-10000px;}
ul.depth-2.first a { width:83px;}
ul.depth-2.second a { width:140px;}
ul.depth-2.third a { width:164px;}

ul.btns .btn-1-1 {background:url('../img/nav_year_2009.png') 0 0 no-repeat;}
ul.btns .btn-1-2 {background:url('../img/nav_year_2010.png') 0 0 no-repeat;}
ul.btns .btn-1-3 {background:url('../img/nav_year_2011.png') 0 0 no-repeat;}
ul.btns .btn-1-4 {background:url('../img/nav_year_2012.png') 0 0 no-repeat;}
ul.btns .btn-1-5 {background:url('../img/nav_year_2013.png') 0 0 no-repeat;}
ul.btns .btn-1-6 {background:url('../img/nav_year_2014.png') 0 0 no-repeat;}
ul.btns .btn-1-7 {background:url('../img/nav_year_2015.png') 0 0 no-repeat;}
ul.btns .btn-1-8 {background:url('../img/nav_year_2016.png') 0 0 no-repeat;}
ul.btns .btn-1-9 {background:url('../img/nav_year_2017.png') 0 0 no-repeat;}
ul.btns .btn-1-10 {background:url('../img/nav_year_2018.png') 0 0 no-repeat;} /*2018 �߰�*/
ul.btns .btn-1-11 {background:url('../img/nav_year_2019.png') 0 0 no-repeat;} /*2019 �߰�*/
ul.btns .btn-1-12 {background:url('../img/nav_year_2020.png') 0 0 no-repeat;} /*2020 �߰�*/
ul.btns .btn-1-13 {background:url('../img/nav_year_2021.jpg') 0 0 no-repeat;} /*2021 �߰�*/
ul.btns .btn-1-14 {background:url('../img/nav_year_2022.jpg') 0 0 no-repeat;} /*2022 �߰�*/
ul.btns .btn-1-15 {background:url('../img/nav_year_2023.jpg') 0 0 no-repeat;} /*2023 �߰�*/
ul.btns .btn-1-16 {background:url('../img/nav_year_2024.jpg') 0 0 no-repeat;} /*2024 �߰�*/

ul.btns .btn-1-1.on,
ul.btns .btn-1-1:hover,
ul.btns .btn-1-1:focus {background:url('../img/nav_year_2009_on.png') 0 0 no-repeat;}
ul.btns .btn-1-2.on,
ul.btns .btn-1-2:hover,
ul.btns .btn-1-2:focus {background:url('../img/nav_year_2010_on.png') 0 0 no-repeat;}
ul.btns .btn-1-3.on,
ul.btns .btn-1-3:hover,
ul.btns .btn-1-3:focus {background:url('../img/nav_year_2011_on.png') 0 0 no-repeat;}
ul.btns .btn-1-4.on,
ul.btns .btn-1-4:hover,
ul.btns .btn-1-4:focus {background:url('../img/nav_year_2012_on.png') 0 0 no-repeat;}
ul.btns .btn-1-5.on,
ul.btns .btn-1-5:hover,
ul.btns .btn-1-5:focus {background:url('../img/nav_year_2013_on.png') 0 0 no-repeat;}
ul.btns .btn-1-6.on,
ul.btns .btn-1-6:hover,
ul.btns .btn-1-6:focus {background:url('../img/nav_year_2014_on.png') 0 0 no-repeat;}
ul.btns .btn-1-7.on,
ul.btns .btn-1-7:hover,
ul.btns .btn-1-7:focus {background:url('../img/nav_year_2015_on.png') 0 0 no-repeat;}
ul.btns .btn-1-8.on,
ul.btns .btn-1-8:hover,
ul.btns .btn-1-8:focus {background:url('../img/nav_year_2016_on.png') 0 0 no-repeat;}
ul.btns .btn-1-9.on,
ul.btns .btn-1-9:hover,
ul.btns .btn-1-9:focus {background:url('../img/nav_year_2017_on.png') 0 0 no-repeat;}
/*2018 �߰�*/
ul.btns .btn-1-10.on,
ul.btns .btn-1-10:hover,
ul.btns .btn-1-10:focus {background:url('../img/nav_year_2018_on.png') 0 0 no-repeat;}
/*2019 �߰�*/
ul.btns .btn-1-11.on,
ul.btns .btn-1-11:hover,
ul.btns .btn-1-11:focus {background:url('../img/nav_year_2019_on.png') 0 0 no-repeat;}
/*2020 �߰�*/
ul.btns .btn-1-12.on,
ul.btns .btn-1-12:hover,
ul.btns .btn-1-12:focus {background:url('../img/nav_year_2020_on.png') 0 0 no-repeat;}
/*2021 �߰�*/
ul.btns .btn-1-13.on,
ul.btns .btn-1-13:hover,
ul.btns .btn-1-13:focus {background:url('../img/nav_year_2021_on.jpg') 0 0 no-repeat;}
/*2022 �߰�*/
ul.btns .btn-1-14.on,
ul.btns .btn-1-14:hover,
ul.btns .btn-1-14:focus {background:url('../img/nav_year_2022_on.jpg') 0 0 no-repeat;}
/*2023 �߰�*/
ul.btns .btn-1-15.on,
ul.btns .btn-1-15:hover,
ul.btns .btn-1-15:focus {background:url('../img/nav_year_2023_on.jpg') 0 0 no-repeat;}
/*2024 �߰�*/
ul.btns .btn-1-16.on,
ul.btns .btn-1-16:hover,
ul.btns .btn-1-16:focus {background:url('../img/nav_year_2024_on.jpg') 0 0 no-repeat;}



ul.btns .btn-2-1 {background:url('../img/nav_2_1.png') 0 0 no-repeat;}
ul.btns .btn-2-2 {background:url('../img/nav_2_2.png') 0 0 no-repeat;}
ul.btns .btn-2-3 {background:url('../img/nav_2_3.png') 0 0 no-repeat;}
ul.btns .btn-2-1.on {background:url('../img/nav_2_1_on.png') 0 0 no-repeat;}
ul.btns .btn-2-2.on {background:url('../img/nav_2_2_on.png') 0 0 no-repeat;}
ul.btns .btn-2-3.on {background:url('../img/nav_2_3_on.png') 0 0 no-repeat;}

ul.btns .btn-3-1 {background:url('../img/nav_3_1.png') 0 0 no-repeat;}
ul.btns .btn-3-2 {background:url('../img/nav_3_2.png') 0 0 no-repeat;}
ul.btns .btn-3-3 {background:url('../img/nav_3_3.png') 0 0 no-repeat;}
ul.btns .btn-3-1.on {background:url('../img/nav_3_1_on.png') 0 0 no-repeat;}
ul.btns .btn-3-2.on {background:url('../img/nav_3_2_on.png') 0 0 no-repeat;}
ul.btns .btn-3-3.on {background:url('../img/nav_3_3_on.png') 0 0 no-repeat;}


/* large thumbnails */

.largeImg {position:absolute; display:none; width:399px; height:276px;}
.largeImg  li {width:399px; height:276px;}
.largeImg .largeImg-con{position:absolute;width:399px; height:276px; background:#f3f3f3; display:none;}
.largeImg .largeImg-con b{position:absolute; left:20px; top:17px;font-size:24px;line-height:28px;font-family:'samsungonelatin700';}
.largeImg .largeImg-con .awards {position:absolute; left:22px; }
.largeImg .largeImg-con .awards.title-1 {top:55px; color: #989898; font-size:11px;line-height:11px;font-family:'samsungonelatin600';}
.largeImg .largeImg-con .awards.title-2 {top:83px; color: #989898; font-size:11px;line-height:11px;font-family:'samsungonelatin600';}
.largeImg .largeImg-con .awards.title-3 {top:111px; color: #989898; font-size:11px;line-height:11px;font-family:'samsungonelatin600';}
.largeImg .largeImg-con a {position:absolute; top:0; left:349px;display:block; overflow:hidden; text-indent:-1000px; width:50px; height:50px; background:url('../img/btn_thumb.png') 0 0 no-repeat;}
.largeImg .largeImg-con >img {position:absolute; right:0;}
.largeImg .largeImg-con p{position:absolute; font-size:13px;line-height:16px;font-family:'samsungonekorean400'; left:20px; bottom:17px; width:365px; color:#000; word-break: keep-all;}
.largeImg-screen {position:absolute; width:399px; height:276px; background-color:#f3f3f3;}


/* rolling */

.rolling {position:absolute; top:412px; left:50%; margin-left:-675px;}
.rolling-2023 {display:none;} /*2023�߰�*/
.rolling-2022 {display:none;} /*2022�߰�*/
.rolling-2021 {display:none;} /*2021�߰�*/
.rolling-2020 {display:none;} /*2020�߰�*/
.rolling-2019 {display:none;} /*2019�߰�*/
.rolling-2018 {display:none;} /*2018�߰�*/
.rolling-2017 {display:none;} /*2017�߰�*/
.rolling-2016 {display:none;}
.rolling-2015 {display:none;}
.rolling-2014 {display:none;}
.rolling-2013 {display:none;}
.rolling-2012 {display:none;}
.rolling-2011 {display:none;}
.rolling-2010 {display:none;}
.rolling-2009 {display:none;}

.rolling-2024 img{position:absolute;} /*2024 �߰�*/
.rolling-2023 img{position:absolute;} /*2023 �߰�*/
.rolling-2022 img{position:absolute;} /*2022 �߰�*/
.rolling-2021 img{position:absolute;} /*2021 �߰�*/
.rolling-2020 img{position:absolute;} /*2020 �߰�*/
.rolling-2019 img{position:absolute;} /*2019 �߰�*/
.rolling-2018 img{position:absolute;} /*2018 �߰�*/
.rolling-2017 img{position:absolute;}
.rolling-2016 img{position:absolute;}
.rolling-2015 img{position:absolute;}
.rolling-2014 img{position:absolute;}
.rolling-2013 img{position:absolute;}
.rolling-2012 img{position:absolute;}
.rolling-2011 img{position:absolute;}
.rolling-2010 img{position:absolute;}
.rolling-2009 img{position:absolute;}

.contents-13 li.last {padding-bottom:80px;}


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