html,body{width:100%;height:100%}body{font-family:'Nanum Gothic', sans-serif;font-weight:400;color:#60584c;position:relative;opacity:1}body.loading{opacity:0;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}#header{background:#fc0;width:100%;height:100vh;position:relative}#header img#tour{width:34vw;position:absolute;left:50%;top:50%;margin-left:-17vw}#header a{width:12vw;position:absolute;left:50%;bottom:50px;margin-left:-6vw}#header a img{width:100%}#header.v2{background:#60584c}.wrapper{padding:100px 25px}.wrapper .context{padding-top:100px}.wrapper .context h3{font-size:5.8vw;margin-bottom:25px;font-weight:700}.wrapper .context h3 small{font-size:14px;font-weight:400}.wrapper .context p{font-size:14px;line-height:1.65;text-align:justify}.wrapper .context p.bottom{margin-top:15px;line-height:1}.bg{background-image:url("../Images/kb/2021/park_01.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover}.bg.v2{background-image:url("../Images/kb/2021/park_01.jpg")}.bg_2022{background-image:url("../Images/kb/2022/KB_01.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover}.bg_2022.v2{background-image:url("../Images/kb/2022/KB_01.jpg")}.bg_2023{background-image:url("../Images/kb/2023/KB_03.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover}.bg_2023.v2{background-image:url("../Images/kb/2023/KB_03.jpg")}.bg_2024{background-image:url("../Images/kb/2024/kb2024_main.jpg");background-position:center bottom;background-repeat:no-repeat;background-size:cover}.bg_2024.v2{background-image:url("../Images/kb/2024/kb2024_main.jpg")}#artist .wrapper{padding-top:50px;background:rgba(0,0,0,0.75)}#artist .wrapper .logo{width:120px}#artist .wrapper .logo img{width:100%}#artist .wrapper .context{color:#fff}#a_info{border-bottom:1px solid #eaeaea}#a_info .wrapper h4{font-weight:900}#a_info .wrapper .audio{width:100%;height:20vh;position:relative;margin:45px 0 50px}#a_info .wrapper .audio .upper{background:rgba(0,0,0,0.5);height:100%}#a_info .wrapper .audio .upper a{width:12vw;height:12vw;display:inline-block;position:absolute;right:30px;top:20px;background-image:url("../Images/kb/button01.png");background-position:center center;background-size:cover}#a_info .wrapper .audio .upper a.on{background-image:url("../Images/kb/button02.png")}.month_wrapper{max-width:520px;margin:0 auto;background:#000}#month_context{display:flex;align-items:center;height:100vh}#month_context .bg_img{position:relative;width:100vw;height:100vh;background-position:center center;background-size:cover;background-repeat:no-repeat;z-index:1}#month_context .bg_img.jan{background-image:url("../kb_2024/2024_01.jpg")}#month_context .bg_img .narrated{position:absolute;width:100%;bottom:5vh;text-align:center;font-family:'Questrial', sans-serif;font-size:2.8vw;line-height:1.4;color:#8e8e8e}#month_context .bg_img .overlay{position:relative;width:100%;height:100%;visibility:hidden;opacity:0;transition:visibility 0s 0.8s, opacity 0.8s linear;-webkit-transform:translate3d(0, 0, 0)}#month_context .bg_img .overlay.on{position:relative;visibility:visible;opacity:1;transition:opacity 0.8s linear;z-index:99;-webkit-transform:translate3d(0, 0, 0)}#month_context .bg_img .overlay #audio{position:absolute;top:3%;left:3%;width:94%;max-width:500px;z-index:999;-webkit-transform:translate3d(0, 0, 0)}#month_context .bg_img .overlay div.onclick{position:relative;top:calc(3% + 54px);width:100%;height:calc(97% - 54px);z-index:999;-webkit-transform:translate3d(0, 0, 0)}#a_lists{border-bottom:1px solid #eaeaea}#a_lists h4{font-size:5.5vw;font-weight:700;text-align:center}#a_lists .context{padding-top:50px}#a_lists .context .item{position:relative;margin-bottom:25px;cursor:pointer}#a_lists .context .item img{width:100%}#a_lists .context .item:last-child{margin-bottom:0}#a_lists .context .item .month_info{position:absolute;top:0;left:0;background:rgba(0,0,0,0.75);width:100%;height:100%;display:none;opacity:0;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}#a_lists .context .item .month_info.on{display:block;opacity:1;z-index:9}#a_lists .context .item .month_info .inner{position:relative;height:100%}#a_lists .context .item .month_info .inner .expl{position:absolute;bottom:0;width:calc(100% - 10vw);padding:5vw;color:#fff}#a_lists .context .item .month_info .inner .expl h4{font-size:3.8vw;text-align:left;margin-bottom:3.8vw}#a_lists .context .item .month_info .inner .expl h4.title{border-bottom:1px solid #fff;padding-bottom:3.8vw}#a_lists .context .item .month_info .inner .expl p{font-size:3vw;line-height:1.4}#a_lists .context .item .month_info .inner .expl p.first{margin-bottom:3vw}#a_lists .context .item .month_info .inner .expl span{display:inline-block;width:1px;height:2vw;background:#fff;margin:0 4px}#a_lists .context .item .month_info .inner .expl.v2{width:calc(100% - 8vw);padding:4vw}#a_lists .context .item .month_info .inner .expl.v2 h4{font-size:3.4vw;margin-bottom:3.4vw}#a_lists .context .item .month_info .inner .expl.v2 h4.title{padding-bottom:3.4vw}#a_lists .context .item .month_info .inner .expl.v2 p{font-size:2.6vw}#a_lists .context .item .month_info .inner .expl.v2 p.first{margin-bottom:2.6vw}#a_lists .context .item .month_info .inner .expl.v2 span{height:1.8vw}#a_lists .context .item .month_info .inner a.audio_btn{position:absolute;right:5vw;top:5vw;width:12vw;height:12vw;background-image:url("../Images/kb/button01.png");background-position:center center;background-size:cover;z-index:999}#a_lists .context .item .month_info .inner a.audio_btn.on{background-image:url("../Images/kb/button02.png")}#a_lists .context .item.may{min-height:216px;background-position:center;background-size:cover}@media screen and (min-width: 768px){body{width:960px;margin:0 auto}#header img#tour{width:160px;margin-left:-80px}#header a{width:80px;margin-left:-40px}.wrapper .context h3{font-size:34px}.wrapper .context h3 small{font-size:20px}.wrapper .context p{font-size:20px;word-break:keep-all}.wrapper .context p.bottom{font-size:16px}#artist .wrapper{min-height:auto}#artist .wrapper .context h3.title{margin-bottom:50px}#artist .wrapper .context p.bottom{margin-top:50px}#a_info .wrapper h4{font-size:20px}#a_lists h4{font-size:40px}#a_lists .context .item .month_info .inner .expl{width:calc(100% - 100px);padding:50px}#a_lists .context .item .month_info .inner .expl h4{font-size:30px;margin-bottom:30px}#a_lists .context .item .month_info .inner .expl h4.title{padding-bottom:30px}#a_lists .context .item .month_info .inner .expl p{font-size:20px;line-height:1.6}#a_lists .context .item .month_info .inner .expl p.first{margin-bottom:20px}#a_lists .context .item .month_info .inner .expl span{height:12px;margin:0 12px}#a_lists .context .item .month_info .inner .expl.v2{width:calc(100% - 100px);padding:50px}#a_lists .context .item .month_info .inner .expl.v2 h4{font-size:30px;margin-bottom:30px}#a_lists .context .item .month_info .inner .expl.v2 h4.title{padding-bottom:30px}#a_lists .context .item .month_info .inner .expl.v2 p{font-size:20px;line-height:1.6}#a_lists .context .item .month_info .inner .expl.v2 p.first{margin-bottom:20px}#a_lists .context .item .month_info .inner .expl.v2 span{height:12px;margin:0 12px}#a_lists .context .item.may{min-height:488px}#month_context .bg_img .narrated{font-size:11px}}@media screen and (max-width: 375px){#a_lists .context .item.may{min-height:200px}}@media screen and (max-width: 360px){#a_lists .context .item.may{min-height:190px}}@media screen and (max-width: 320px){#a_lists .context .item .month_info .expl.v2{width:calc(100% - 7vw);padding:3.5vw}#a_lists .context .item .month_info .expl.v2 h4{font-size:3vw;margin-bottom:3vw}#a_lists .context .item .month_info .expl.v2 h4.title{padding-bottom:3vw}#a_lists .context .item .month_info .expl.v2 p{font-size:2.4vw}#a_lists .context .item .month_info .expl.v2 p.first{margin-bottom:2.4vw}#a_lists .context .item .month_info .expl.v2 span{height:1.6vw}#a_lists .context .item.may{min-height:168px}}#footer{position:relative;padding:35px 25px}#footer p{font-size:12px;line-height:1.8}a.btnTop{position:fixed;right:25px;bottom:25px;width:50px;z-index:999}a.btnTop img{width:100%}
/*# sourceMappingURL=kb.css.map */