@charset 'UTF-8';

.header {position: fixed; top: 0; left: 0; width: 100%; height: 48px; box-sizing: border-box; background-color: #fff; z-index: 101; border-bottom: 1px solid #000;}
.header h1 {position: absolute; left: 24px; top: 0; width: 85px; height: 100%; font-size: 0; box-sizing: border-box; text-align: center; background: url(../images/ico/logo.png) no-repeat center 40%; background-size: 76px 22px; transition: all .5s; cursor: pointer;}
.header h1 a{
  /* display: none;  */
  /* 0920 a태그 빼기 */
  display: block; width: 80px; height: 100%; font-size: 0;  
  /* 0906수정 */
  /* .header h1 {position: static; float: left; width: 80px; height: 100%; font-size: 0; text-align: center; background: url("../images/ico/logo.png") no-repeat center 40%; background-size: 60px 18px; cursor: pointer;} */
  /* 옛날꺼 */
  /* .header h1 {position: absolute; left: 24px; top: 0; height: 100%; text-align: center;}
  .header h1 a {display: block; width: 80px; height: 100%; font-family: 'YouandiModernHEB'; font-size: 0; line-height: 52px; box-sizing: border-box; background: url("../images/ico/logo.png") no-repeat left 40%; background-size: 76px 22px; transition: all .5s;} */
}
#container {position: relative; padding: 10px 0 140px;}

/* Back Issues */
.back-issue {width: 100%; height: 100%; padding-right: 72px; line-height: 46px; text-align: right; font-size: 20px; color: #000; font-weight: bold; box-sizing: border-box;}
.back-issue .open {position: absolute; right: 0; top: 0; width: 48px; height: 100%; text-indent: -9999em; box-sizing: border-box; text-align: center; border-left: 1px solid #000; background: url("../images/ico/ico-popup-close-pc.png") center #d0112b no-repeat;}
.back-popup {position: fixed; top: 0; right: -100%; width: 100%; height: 100%; z-index: 10000; background-color: #fff; display: none; overflow-y: auto;}
.back-popup.open {display: block; right: 0; opacity: 1; animation: layOpen 0.4s cubic-bezier(0.645, 0.045, 0.355, 1.000);}
@keyframes layOpen {
  0% {right: -100%;}
  100% {right: 0;}
}
.back-popup-header {width: 1280px; padding: 50px 0 105px; margin: auto; background-color: #fff; z-index: 10;}
.back-popup-header h2 {font-family:'YouandiModernHEB'; font-size: 30px;}
.back-popup-block h3 {position: absolute; top: -2px; left: 50%; transform: translateX(-50%); font-weight: bold; font-size: 24px;}
.back-popup-close {position: absolute; top: 45px; right: 50px; width: 48px; height: 48px; z-index: 20; cursor: pointer; background-image: url("../images/ico/pc-icon.png"); background-repeat: no-repeat; background-position: -50px 0;} 
.back-popup-block {position: relative; width: 1280px; margin: auto; box-sizing: border-box;}
.month-arrow {position: relative; width: 100%; top: 0; margin-top: 0; text-align: center; font-size: 0; z-index: 100;}
.month-arrow div {display: inline-block; vertical-align: middle; width: 24px; height: 24px; margin: 0 165px; cursor: pointer; background: url("../images/ico/ico-backissue-close.png") center no-repeat;}
.month-next {transform: rotate(-180deg);}
.slide-container {width: 100%; margin-top: -24px;}
.year-slide {position: relative;}
.calender {padding-top: 74px;}
.calender li {float: left; width: calc(16.666% - 20px); height: 288px; margin-right: 20px; margin-bottom: 20px;}
.calender li:nth-child(6n) {margin-right: 0;}
.calender li a {display: block; width: 100%; height: 100%; border: 1px solid #000 !important; box-sizing: border-box;}
.calender li a:hover {box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);}
.calender li p {padding: 0 9px; height: 35px; line-height: 35px; border-bottom: 1px solid #000; font-weight: bold; font-size: 16px; text-align: left; color: #000; box-sizing: border-box;}
.calender li:hover p {background-color: #d0112b;}
.calender li div {width: 100%; height: calc(100% - 35px); background-size: cover; background-position: center center; background-repeat: no-repeat;}
.month11 {background-image: url("../images/img/2020/11/m-visual.png");}
.month12 {background-image: url("../images/img/2020/12/m-visual.jpg");}
.month2101 {background-image: url("../images/img/2021/01/m-visual.jpg");}
.month2102 {background-image: url("../images/img/2021/02/visual.jpg");}
.month2103 {background-image: url("../images/img/2021/03/visual.jpg");}
.month2104 {background-image: url("../images/img/2021/04/visual.jpg");}
.month2105 {background-image: url("../images/img/2021/05/visual.jpg");}
.month2106 {background-image: url("../images/img/2021/06/visual.jpg");}
.month2107 {background-image: url("../images/img/2021/07/visual.jpg");}
.month2108 {background-image: url("../images/img/2021/08/visual.jpg");}
.month2109 {background-image: url("../images/img/2021/09/visual.jpg");}
.month2110 {background-image: url("../images/img/2021/10/visual.jpg");}
.month2111 {background-image: url("../images/img/2021/11/visual.jpg");}
.month2112 {background-image: url("../images/img/2021/12/visual.jpg");}
.month2201 {background-image: url("../images/img/2022/01/visual.jpg");}
.month2202 {background-image: url("../images/img/2022/02/visual.jpg");}
.month2203 {background-image: url("../images/img/2022/03/visual.jpg");}
.month2204 {background-image: url("../images/img/2022/04/visual.jpg");} 
.month2205 {background-image: url("../images/img/2022/05/visual.jpg");} 
.month2206 {background-image: url("../images/img/2022/06/visual.jpg");}
.month2207 {background-image: url("../images/img/2022/07/visual.jpg");}  
.month2208 {background-image: url("../images/img/2022/08/visual.jpg");}  
.month2209 {background-image: url("../images/img/2022/09/visual1.jpg");}
.month2210 {background-image: url("../images/img/2022/10/visual1.jpg");}
.month2211 {background-image: url("../images/img/2022/11/visual.jpg");}
.month2212 {background-image: url("../images/img/2022/12/visual.jpg");}
.month2301 {background-image: url("../images/img/2023/01/visual.jpg");}
.month2302 {background-image: url("../images/img/2023/02/visual.jpg");}
.month2303 {background-image: url("../images/img/2023/03/visual.jpg");}
.month2304 {background-image: url("../images/img/2023/04/visual.jpg");}
.month2305 {background-image: url("../images/img/2023/05/visual.jpg");}
.month2306 {background-image: url("../images/img/2023/06/visual.jpg");}
.month2307 {background-image: url("../images/img/2023/07/visual.jpg");}

/* explore 2011 */
.explore-bg {width: 100%; height: 100%; background-size: cover; background-position: center center; background-repeat: no-repeat;}
.explore1 {background-image: url("../images/img/2020/11/explore1.png");}
.explore2 {background-image: url("../images/img/2020/11/explore2.png");}
.explore3 {background-image: url("../images/img/2020/11/explore3.png");}
.explore4 {background-image: url("../images/img/2020/11/explore4.png");}

/* explore 2012 */
.explore1-2012 {background-image: url("../images/img/2020/12/explore1_1.jpg");}
.explore2-2012 {background-image: url("../images/img/2020/12/explore2_1.jpg");}
.explore3-2012 {background-image: url("../images/img/2020/12/explore3_1-1.jpg");}
.explore4-2012 {background-image: url("../images/img/2020/12/explore4_1.jpg");}
.explore5-2012 {background-image: url("../images/img/2020/12/explore5.png");}
.explore6-2012 {background-image: url("../images/img/2020/12/explore6_1.jpg");}

/* explore 2101 */
.explore1-2101 {background-image: url("../images/img/2021/01/explore1-1.jpg");}
.explore2-2101 {background-image: url("../images/img/2021/01/explore2-1_1.jpg");}
.explore3-2101 {background-image: url("../images/img/2021/01/explore3-1.jpg");}
.explore4-2101 {background-image: url("../images/img/2021/01/explore4-1_1.jpg");}
.explore5-2101 {background-image: url("../images/img/2021/01/explore5-1.jpg");}

/* explore 2102 */
.explore1-2102 {background-image: url("../images/img/2021/02/explore1-1.jpg");}
.explore2-2102 {background-image: url("../images/img/2021/02/explore2-1.jpg"); background-size: 90% auto !important;}
.explore3-2102 {background-image: url("../images/img/2021/02/explore3-1.jpg"); background-size: 98% auto !important; background-position: center bottom !important;}
.explore4-2102 {background-image: url("../images/img/2021/02/explore4-1.jpg");}

/* explore 2103 */
.explore1-2103 {background-image: url("../images/img/2021/03/explore1-1.jpg"); background-position: center bottom !important}
.explore2-2103 {background-image: url("../images/img/2021/03/explore2-1.jpg");}
.explore3-2103 {background-image: url("../images/img/2021/03/explore3-1.jpg");}
.explore4-2103 {background-image: url("../images/img/2021/03/explore4-1.jpg");}

/* explore 2104 */
.explore1-2104 {background-image: url("../images/img/2021/04/explore1-1.jpg");}
.explore2-2104 {background-image: url("../images/img/2021/04/explore2-1.jpg");}
.explore3-2104 {background-image: url("../images/img/2021/04/explore3-1.jpg");}

/* explore 2105 */
.explore1-2105 {background-image: url("../images/img/2021/05/explore1-1-1.jpg");}
.explore2-2105 {background-image: url("../images/img/2021/05/explore2-1.jpg");}
.explore3-2105 {background-image: url("../images/img/2021/05/explore3-1-1.jpg");}
.explore4-2105 {background-image: url("../images/img/2021/05/explore4-1-1.jpg");}
.explore5-2105 {background-image: url("../images/img/2021/05/explore5-1.jpg");}

/* explore 2106 */
.explore1-2106 {background-image: url("../images/img/2021/06/explore1-1.jpg");}
.explore2-2106 {background-image: url("../images/img/2021/06/explore2-1-1.jpg");}
.explore3-2106 {background-image: url("../images/img/2021/06/explore3-1-1-2.jpg");}
.explore4-2106 {background-image: url("../images/img/2021/06/explore4-1-1.jpg");}


/* explore 2107 */
.explore1-2107 {background-image: url("../images/img/2021/07/explore1-1.jpg");}
.explore2-2107 {background-image: url("../images/img/2021/07/explore2-1-1.jpg");}
.explore3-2107 {background-image: url("../images/img/2021/07/explore3-1-1.jpg");}
.explore4-2107 {background-image: url("../images/img/2021/07/explore4-1-1.jpg");}
.explore5-2107 {background-image: url("../images/img/2021/07/explore5-1.jpg");}

/* explore 2108 */
.explore1-2108 {background-image: url("../images/img/2021/08/explore1-1.jpg");}
.explore2-2108 {background-image: url("../images/img/2021/08/explore2-1.jpg");}
.explore3-2108 {background-image: url("../images/img/2021/08/explore3-1-1.jpg");}
.explore4-2108 {background-image: url("../images/img/2021/08/explore4-1.jpg");}

/* explore 2109 */
.explore1-2109 {background-image: url("../images/img/2021/09/explore1-1.jpg");}
.explore2-2109 {background-image: url("../images/img/2021/09/explore2-1.jpg");}
.explore3-2109 {background-image: url("../images/img/2021/09/explore3-1-1.jpg");}
.explore4-2109 {background-image: url("../images/img/2021/09/explore4-1.jpg");}

/* explore 2110 */
.explore1-2110 {background-image: url("../images/img/2021/10/explore1-1-1.jpg");}
.explore2-2110 {background-image: url("../images/img/2021/10/explore2-1-1.jpg");}
.explore3-2110 {background-image: url("../images/img/2021/10/explore3-1-1.jpg");}
.explore4-2110 {background-image: url("../images/img/2021/10/explore4-1.jpg");}
.explore5-2110 {background-image: url("../images/img/2021/10/explore5-1.jpg");}

/* explore 2111 */
.explore1-2111 {background-image: url("../images/img/2021/11/explore1-1.jpg");}
.explore2-2111 {background-image: url("../images/img/2021/11/explore2-1.jpg");}
.explore3-2111 {background-image: url("../images/img/2021/11/explore3-1-1.jpg");}
.explore4-2111 {background-image: url("../images/img/2021/11/explore4-1.jpg");}
.explore5-2111 {background-image: url("../images/img/2021/11/explore5-1.jpg");}

/* explore 2112 */
.explore1-2112 {background-image: url("../images/img/2021/12/explore1-1-1.jpg");}
.explore2-2112 {background-image: url("../images/img/2021/12/explore2-1-1.jpg");}
.explore3-2112 {background-image: url("../images/img/2021/12/explore3-1-1.jpg");}
.explore4-2112 {background-image: url("../images/img/2021/12/explore4-1-1.jpg");}
.explore5-2112 {background-image: url("../images/img/2021/12/explore5-1-1.jpg");}


/* explore 2201 */
.explore1-2201 {background-image: url("../images/img/2022/01/explore1-1.jpg");}
.explore2-2201 {background-image: url("../images/img/2022/01/explore2-1.jpg");}
.explore3-2201 {background-image: url("../images/img/2022/01/explore3-1-1.jpg");}
.explore4-2201 {background-image: url("../images/img/2022/01/explore4-1.jpg");}
.explore5-2201 {background-image: url("../images/img/2022/01/explore5-1.jpg");}

/* explore 2202 */
.explore1-2202 {background-image: url("../images/img/2022/02/explore1-1.jpg");}
.explore2-2202 {background-image: url("../images/img/2022/02/explore2-1.jpg");}
.explore3-2202 {background-image: url("../images/img/2022/02/explore3-1.jpg");}
.explore4-2202 {background-image: url("../images/img/2022/02/explore4-1.jpg");}
.explore5-2202 {background-image: url("../images/img/2022/02/explore5-1.jpg");}


/* explore 2203 */
.explore1-2203 {background-image: url("../images/img/2022/03/explore1-1-1.jpg");}
.explore2-2203 {background-image: url("../images/img/2022/03/explore2-1-1.jpg");}
.explore3-2203 {background-image: url("../images/img/2022/03/explore3-1-1.jpg");}
.explore4-2203 {background-image: url("../images/img/2022/03/explore4-1.jpg");}
.explore5-2203 {background-image: url("../images/img/2022/03/explore5-1.jpg");}

/* explore 2204 */
.explore1-2204 {background-image: url("../images/img/2022/04/explore1-2-1.jpg"); background-position: top;}
.explore2-2204 {background-image: url("../images/img/2022/04/explore2-1-1.jpg");}
.explore3-2204 {background-image: url("../images/img/2022/04/explore3-1.jpg");}
.explore4-2204 {background-image: url("../images/img/2022/04/explore4-1-1.jpg");}
.explore5-2204 {background-image: url("../images/img/2022/04/explore5-1.jpg");}

/* explore 2205 */
.explore1-2205 {background-image: url("../images/img/2022/05/explore1-2-1.jpg");}
.explore2-2205 {background-image: url("../images/img/2022/05/explore2-1.jpg");}
.explore3-2205 {background-image: url("../images/img/2022/05/explore3-1-1.jpg");}
.explore4-2205 {background-image: url("../images/img/2022/05/explore4-1-1.jpg");}
.explore5-2205 {background-image: url("../images/img/2022/05/explore5-1-1.jpg");}

/* explore 2206 */
.explore1-2206 {background-image: url("../images/img/2022/06/explore1-1-1.jpg");}
.explore2-2206 {background-image: url("../images/img/2022/06/explore2-1.jpg");}
.explore3-2206 {background-image: url("../images/img/2022/06/explore3-1-1.jpg");}
.explore4-2206 {background-image: url("../images/img/2022/06/explore4-1.jpg");}
.explore5-2206 {background-image: url("../images/img/2022/06/explore5-1-1.jpg");}

/* explore 2207 */
.explore1-2207 {background-image: url("../images/img/2022/07/explore1-1-1.jpg");}
.explore2-2207 {background-image: url("../images/img/2022/07/explore2-1-1.jpg");}
.explore3-2207 {background-image: url("../images/img/2022/07/explore3-1-1.jpg");}
.explore4-2207 {background-image: url("../images/img/2022/07/explore4-1-1.jpg");}
.explore5-2207 {background-image: url("../images/img/2022/07/explore5-1-1.jpg");}


/* explore 2208 */
.explore1-2208 {background-image: url("../images/img/2022/08/explore1-1-1.jpg");}
.explore2-2208 {background-image: url("../images/img/2022/08/explore2-1-1.jpg");}
.explore3-2208 {background-image: url("../images/img/2022/08/explore3-1-1.jpg");}
.explore4-2208 {background-image: url("../images/img/2022/08/explore4-1.jpg");}
.explore5-2208 {background-image: url("../images/img/2022/08/explore5-1-1.jpg");}

/* explore 2209 */
.explore1-2209 {background-image: url("../images/img/2022/09/explore1-1-1.jpg");}
.explore2-2209 {background-image: url("../images/img/2022/09/explore2-1-1.jpg");}
.explore3-2209 {background-image: url("../images/img/2022/09/explore3-1-1.jpg");}
.explore4-2209 {background-image: url("../images/img/2022/09/explore4-1-1.jpg");}
.explore5-2209 {background-image: url("../images/img/2022/09/explore5-1-1.jpg");}

/* explore 2210 */
.explore1-2210 {background-image: url("../images/img/2022/10/explore1-1-1.jpg");}
.explore2-2210 {background-image: url("../images/img/2022/10/explore2-1-1.jpg");}
.explore3-2210 {background-image: url("../images/img/2022/10/explore3-1-1.jpg");}
.explore4-2210 {background-image: url("../images/img/2022/10/explore4-1-1.jpg");}
.explore5-2210 {background-image: url("../images/img/2022/10/explore5-1-1.jpg");}

/* explore 2211 */
.explore1-2211 {background-image: url("../images/img/2022/11/explore1-1.jpg");}
.explore2-2211 {background-image: url("../images/img/2022/11/explore2-1-1.jpg");}
.explore3-2211 {background-image: url("../images/img/2022/11/explore3-1-1.jpg");}
.explore4-2211 {background-image: url("../images/img/2022/11/explore4-1-1.jpg");}
.explore5-2211 {background-image: url("../images/img/2022/11/explore5-1-1.jpg");}

/* explore 2212 */
.explore1-2212 {background-image: url("../images/img/2022/12/explore1-1-1.jpg");}
.explore2-2212 {background-image: url("../images/img/2022/12/explore2-1-1.jpg");}
.explore3-2212 {background-image: url("../images/img/2022/12/explore3-1-1.jpg");}
.explore4-2212 {background-image: url("../images/img/2022/12/explore4-1-1.jpg");}
.explore5-2212 {background-image: url("../images/img/2022/12/explore5-1.jpg");}

/* explore 2301 */
.explore1-2301 {background-image: url("../images/img/2023/01/explore1-1-1.jpg");}
.explore2-2301 {background-image: url("../images/img/2023/01/explore2-1-1.jpg");}
.explore3-2301 {background-image: url("../images/img/2023/01/explore3-1-1.jpg");}
.explore4-2301 {background-image: url("../images/img/2023/01/explore4-1-1.jpg");}
.explore5-2301 {background-image: url("../images/img/2023/01/explore5-1-1.jpg");}

/* explore 2302 */
.explore1-2302 {background-image: url("../images/img/2023/02/explore1-1-1.jpg");}
.explore2-2302 {background-image: url("../images/img/2023/02/explore2-1-1.jpg");}
.explore3-2302 {background-image: url("../images/img/2023/02/explore3-1-1.jpg");}
.explore4-2302 {background-image: url("../images/img/2023/02/explore4-1-1.jpg");}
.explore5-2302 {background-image: url("../images/img/2023/02/explore5-1-1.jpg");}

/* explore 2303 */
.explore1-2303 {background-image: url("../images/img/2023/03/explore1-1-1.jpg");}
.explore2-2303 {background-image: url("../images/img/2023/03/explore2-1-1.jpg");}
.explore3-2303 {background-image: url("../images/img/2023/03/explore3-1-1.jpg");}
.explore4-2303 {background-image: url("../images/img/2023/03/explore4-1-1.jpg");}
.explore5-2303 {background-image: url("../images/img/2023/03/explore5-1-1.jpg");}

/* explore 2304 */
.explore1-2304 {background-image: url("../images/img/2023/04/explore1-1-1.jpg");}
.explore2-2304 {background-image: url("../images/img/2023/04/explore2-1-1.jpg");}
.explore3-2304 {background-image: url("../images/img/2023/04/explore3-1-1.jpg");}
.explore4-2304 {background-image: url("../images/img/2023/04/explore4-1-1.jpg");}
.explore5-2304 {background-image: url("../images/img/2023/04/explore5-1-1.jpg");}

/* explore 2305 */
.explore1-2305 {background-image: url("../images/img/2023/05/explore1-1-1.jpg");}
.explore2-2305 {background-image: url("../images/img/2023/05/explore2-1-1.jpg");}
.explore3-2305 {background-image: url("../images/img/2023/05/explore3-1-1.jpg");}
.explore4-2305 {background-image: url("../images/img/2023/05/explore4-1-1.jpg");}
.explore5-2305 {background-image: url("../images/img/2023/05/explore5-1-1.jpg");}

/* explore 2306 */
.explore1-2306 {background-image: url("../images/img/2023/06/explore1-1-1.jpg");}
.explore2-2306 {background-image: url("../images/img/2023/06/explore2-1-1.jpg");}
.explore3-2306 {background-image: url("../images/img/2023/06/explore3-1-1.jpg");}
.explore4-2306 {background-image: url("../images/img/2023/06/explore4-1-1.jpg");}
.explore5-2306 {background-image: url("../images/img/2023/06/explore5-1-1.jpg");}

/* explore 2307 */
.explore1-2307 {background-image: url("../images/img/2023/07/explore1-1-1.jpg");}
.explore2-2307 {background-image: url("../images/img/2023/07/explore2-1-1.jpg");}
.explore3-2307 {background-image: url("../images/img/2023/07/explore3-1-1.jpg");}
.explore4-2307 {background-image: url("../images/img/2023/07/explore4-1-1.jpg");}
.explore5-2307 {background-image: url("../images/img/2023/07/explore5-1-1.jpg");}

/* footer-add */
#footer-add {width: 100%; height: 100%; margin: auto; background-color: #fff; }
#footer-add ul {font-size: 0; max-width: 800px; width: 100%; margin: 0 auto; padding-left: 10px; padding-bottom: 200px;}
#footer-add .footer_list li{position: relative; padding-left: 5px;}
#footer-add .footer_list li:nth-child(1){position: relative; padding-left: 7px;}
#footer-add .footer_list li:nth-child(2){position: relative; padding-left: 7px;}
#footer-add .footer_list li:nth-child(3){position: relative; padding-left: 7px;}
#footer-add .footer_list li::before{content: '';display: block; width: 3px; height: 1px; position: absolute; top: 10px; left: 0; background-color: #000;}
#footer-add .footer_list li:nth-child(1):before{width: 4px; height: 1.5px; top: 12px;}
#footer-add .footer_list li:nth-child(2):before{width: 4px; height: 1.5px; top: 12px;}
#footer-add .footer_list li:nth-child(3):before{width: 4px; height: 1.5px; top: 12px;}
#footer-add li {position: relative; vertical-align: middle; padding-right: 35px; font-size: 15px; color: black; word-break: keep-all;}
#footer-add li p {position: relative; vertical-align: middle; padding-right: 35px; font-size: 18px; color: black; word-break: keep-all;}
#footer-add li:last-child::after {display: none;}
.h180 {height: 180px;}

/* footer */
#footer {position: relative; width: 100%; height: 100px; padding-left: 24px; background-color: #fff; border-top: 1px solid #000;
  /* IOS Notch */
  padding-bottom: constant(safe-area-inset-bottom) !important; padding-bottom: env(safe-area-inset-bottom) !important;}
#footer ul {position: absolute; top: 50%; font-size: 0; transform: translateY(-50%);}
#footer li {position: relative; display: inline-block; vertical-align: middle; padding-right: 35px; font-size: 14px; color: rgba(0, 0, 0, 0.48);}
#footer li::after {content: ''; position: absolute; right: 17px; top: 5px; width: 1px; height: 12px; background-color: rgba(0, 0, 0, 0.24);}
#footer li:last-child::after {display: none;}
.copyright {position: absolute; right: 24px; top: 50%; transform: translateY(-50%); font-size: 14px; font-weight: 500; color: rgba(0, 0, 0, 0.48);}
.h180 {height: 180px;}

/* layer pop up */
.open-layer {position: absolute; top: 24px; right: 0; width: 40px; height: 40px; font-size: 0; cursor: pointer; background-position: -250px -50px;}
.item-left-box .open-layer {top: 0;}
.item-right-box .open-layer {top: 0; right: 24px;}
.item-box .layer {top: auto; bottom: 102px;}
.ycag_pop {bottom: 80px !important;}
.item-left-box .layer, .item-right-box .layer {top: 0; bottom: auto;}
.popup-bg {position: fixed; left: 0; top: 0; z-index: 1000; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.64);}


/* Mobile */
@media screen and (max-width: 1280px) {
  /* header */
  .header {width: 100%; max-width: 534px; position: relative; height: 36px; border: 1px solid #000;}
  .header.fixed {border-top: 0; border-left: 0; border-right: 0;}
  /* 0906수정 */
  .header h1 {position: static; float: left; width: 85px; height: 100%; font-size: 0; text-align: center; background: url(../images/ico/logo.png) no-repeat center 40%; background-size: 60px 18px; cursor: initial;}
  .header h1 a{display: none;}

    /* 0920 a태그 빼기 */
    /* position: static; float: left; width: 85px; height: 100%; font-size: 0; text-align: center; background: url(../images/ico/logo.png) no-repeat center 40%; background-size: 60px 18px; */
    /* 0830 mobile logo이미지 a태그 -> h1.logo태그로*/
    /* .header h1 {position: static; float: left; width: 80px; height: 100%; font-size: 0; text-align: center; background: url("../images/ico/logo.png") no-repeat center 40%; background-size: 60px 18px;} */
    /* .header h1 a {display: none;} */
    /* 옛날꺼 */
    /* .header h1 a {display: block; width: 80px; height: 100%; font-family: 'YouandiModernHEB'; font-size: 0; line-height: 52px; box-sizing: border-box; background: url("../images/ico/logo.png") no-repeat left 40%; background-size: 76px 22px; transition: all .5s;}  */
    /* .header h1 a {background-size: 60px 18px; background-position: center 40%;} */
 
  /* nav - mobile */
  .nav {width: 100%; height: 48px; padding-left: 20px; overflow-y: hidden; overflow-x: scroll; box-sizing: border-box; -ms-overflow-style: none; scrollbar-width: none; background-color: transparent;}
  .nav.fixed {position: fixed; top: 36px; background-color: #fff;}
  .nav::-webkit-scrollbar {display: none !important; width: 0 !important;}
  .nav ul {position: relative; width: auto; height: 100%; white-space: nowrap;}
  .nav li {display: inline-block; vertical-align: middle; width: auto; height: 100%; line-height: 1; margin-right: 14px; background-color: transparent; transition: all 0.5s;}
  .nav li a {display: block; height: 100%; line-height: 46px; font-size: 16px; font-weight: 500; color: rgba(0, 0, 0, 0.6);}
  .nav li.on {position: relative;}
  .nav li.on a {color: #000; font-weight: bold;}
  .nav li:nth-child(4) {margin-right: 23px;} 
  .active-bar {position: absolute; display: inline-block !important; width: 58px !important; height: 4px !important; background: #d0112b !important; -webkit-transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1.05); transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1.05); bottom: 0; left: 0; z-index: 2; margin-right: 0 !important;}
  .nav li.on:nth-child(2) ~ .active-bar {left: 75px; width: 46px !important;}
  .nav li.on:nth-child(3) ~ .active-bar {left: 138px; width: 89px !important;}
  .nav li.on:nth-child(4) ~ .active-bar {left: 242px; width: 167px !important;} 

  /* backissus popup*/
  .back-issue {float: right; width: calc(100% - 85px); padding-right: 48px; line-height: 34px; font-size: 16px; border-left: 1px solid #000;}
  .back-issue .open {width: 36px; background: url("../images/ico/ico-back-issues.png") center #d0112b no-repeat; background-size: contain;}

  .back-popup {width: 100%; top: auto !important; bottom: -100%; left: 0; z-index: 10000; right: auto !important; background-color: #fff;}
  .back-popup.open {bottom: 0;}
  @keyframes layOpen {
    0% {bottom: -100%;}
    100% {bottom: 0;}
  }
  .back-popup-header {position: relative; width: 100%; padding: 16px 55px 16px 24px;}
  .back-popup-header h2 {font-size: 24px; line-height: 32px;}
  .back-popup-close {width: 32px; height: 32px; top: 16px; right: 16px; background-image: url("../images/ico/m-icon.png"); background-size: 250px 200px;}
  .back-popup-close svg {width: 32px !important; height: 32px !important;}
  .back-popup-block {width: 100%; padding: 20px 24px 55px;}
  .month-arrow {height: 24px; padding-bottom: 24px;}
  .month-arrow div {margin: 0 34px; background: url("../images/ico/ico-mini-arrow.png") center no-repeat;}
  .month-next {transform: rotate(0);}
  .month-prev {transform: rotate(-180deg);}  
  .back-popup-block h3 {padding: 0 8px; font-size: 20px;}
  .slide-container {width: 100%;}
  .calender { max-width: 534px; margin: auto;}
  .calender li {float: left; width: 50%; height: 360px; margin: 0;}  
  .calender li:nth-child(even) {margin-left: -1px;}  
  .calender li:hover p {box-shadow: none;}
  .calender li a:hover {box-shadow: none;}
  #container {padding: 0;}

  /* footer-add */
  #footer-add {border-top: 0; height: auto; padding: 30px 10px; text-align: center; background-color: #fafafa; text-align: left;}
  #footer-add ul {position: relative; top: 0; transform: translateY(0); left: initial; max-width: 534px; margin: 0 auto; padding-bottom: 20px;}
  #footer-add li {font-size: 11px; padding: 0 0 7px;}
  #footer-add li p {font-size: 13px; padding: 0 0 7px;}
  #footer-add .footer_list li{position: relative; padding-left: 5px;}
  #footer-add .footer_list li:nth-child(1){position: relative; padding-left: 8px;}
  #footer-add .footer_list li:nth-child(2){position: relative; padding-left: 8px;}
  #footer-add .footer_list li:nth-child(3){position: relative; padding-left: 8px;}
  #footer-add .footer_list li::before{content: '';display: block; width: 3px; height: 1px; position: absolute; top: 8px; left: 0; background-color: #000;}
  #footer-add .footer_list li:nth-child(1):before{width: 4px; height: 1.5px; top: 9px;}
  #footer-add .footer_list li:nth-child(2):before{width: 4px; height: 1.5px; top: 9px;}
  #footer-add .footer_list li:nth-child(3):before{width: 4px; height: 1.5px; top: 9px;}
  #footer-add li:nth-child(2) {padding-right: 17px;}
  #footer-add li:first-child {display: block;}
  #footer-add li:first-child::after {display: none;}
  #footer-add li::after {top: 3px; right: 8px; height: 10px;}



  /* footer */
  #footer {border-top: 0; height: auto; padding: 30px 24px; text-align: center; background-color: #fafafa;}
  #footer ul {position: relative; top: 0; transform: translateY(0);}
  #footer li {font-size: 12px; padding: 0 0 7px;}
  #footer li:nth-child(2) {padding-right: 17px;}
  #footer li:first-child {display: block;}
  #footer li:first-child::after {display: none;}
  #footer li::after {top: 3px; right: 8px; height: 10px;}
  .copyright {display: block; position: static; font-size: 12px; transform: translateY(0);  font-size: 12px;}
  
  /* layer popup */
  .open-layer {position: relative; left: 0; top: auto; right: auto; display: inline-block; width: auto; height: 20px; margin-top: 16px; font-size: 14px; color: #000; line-height: 20px; background-image: none !important;}
  .open-layer:after {content:''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; border-bottom: 1px solid #000;}
  .item-left-box .layer, .item-right-box .layer {top: auto; bottom: 0;}
  .item-right-box .layer {right: 0; left: 0 !important;}

  .explore2-2102 {background-size: 80% auto !important;}
  .explore3-2102 {background-size: 90% auto !important; background-position: center center !important;}
}


@media screen and (max-width: 534px) {
  .header {margin: 0 20px; width: calc(100% - 40px);}
  .calender li {height: 260px;}
}


/* IOS Notch */
@supports(padding: max(0px)) {
  #footer {
    padding-bottom: max(20px, env(safe-area-inset-bottom)) !important;
    padding-bottom: calc(20px + constant(safe-area-inset-bottom)) !important;
    padding-bottom: calc(20px + env(safe-area-inset-bottom)) !important;
  }
}


/* 앱 다크모드 대응 */
.wrap.dark .header {background: #000; border-bottom: 1px solid #fff;}
.wrap.dark .back-issue {color: #fff;}
.wrap.dark .pc-nav {background-color: #000;}
.wrap.dark .pc-nav * {color: #fff;}
.wrap.dark .pc-nav:after {border-bottom: 1px solid #fff;}
.wrap.dark .pc-nav li {background-color: #000; border-right: 1px solid #fff; border-bottom: 1px solid #fff;}
.wrap.dark .pc-nav li:first-child {border-left: 1px solid #fff;}
.wrap.dark .pc-nav li:hover, .wrap.dark .pc-nav li.on {border-bottom: 4px solid #d0112b;}
.wrap.dark .header {border: 1px solid #fff;}
.wrap.dark .tab > h2 {color: #fff;}
.wrap.dark .partnership li a {border: 1px solid #fff;}
.wrap.dark .partnership p strong {color: #fff;}
.wrap.dark .ycag li:first-child a {border-top: 1px solid #fff; border-bottom: 1px solid #fff; color: #fff;}
.wrap.dark .ycag li a {border-bottom: 1px solid #fff; color: #fff;}
.wrap.dark .ycag li a span {color: #fff;}
.wrap.dark .explore li {border: 1px solid #fff;}
.wrap.dark .explore-text * {color: #fff;}
.wrap.dark .explore li .more {border-top: 1px solid #fff; color: #fff;}
.wrap.dark .visual > div:not(.scroll-down) {border-right: 1px solid #fff; border-bottom: 1px solid #fff;}
.wrap.dark .visual-bg {border-left: 1px solid #fff !important;}
.wrap.dark .visual:after {border-bottom: 1px solid #fff;}
.wrap.dark .visual-text * {color: #fff;}
.wrap.dark #footer-add {background-color: transparent;}
.wrap.dark #footer-add .footer_list * {color: #fff;}
.wrap.dark #footer-add .footer_list li::before {background-color: #fff;}

.sub-wrap.dark .header {background: #000; border-bottom: 1px solid #fff;}
.sub-wrap.dark .back-issue {color: #fff;}
.sub-wrap.dark .pc-nav {background-color: #000;}
.sub-wrap.dark .pc-nav * {color: #fff;}
.sub-wrap.dark .pc-nav:after {border-bottom: 1px solid #fff;}
.sub-wrap.dark .pc-nav li {background-color: #000; border-right: 1px solid #fff; border-bottom: 1px solid #fff;}
.sub-wrap.dark .pc-nav li:first-child {border-left: 1px solid #fff;}
.sub-wrap.dark .pc-nav li:hover, .sub-wrap.dark .pc-nav li.on {border-bottom: 4px solid #d0112b;}