body{background-color:#f6f5ef}

.header_wrap{position:absolute}
.header_wrap.is_fixed{position:absolute}

#wrap{position:fixed;left:0;top:0;right:0;bottom:0}

.bi_w{display:none}
.depth1_a{color:#6f6967}
.kakao_link{top:calc(100vh - 195px);bottom:auto}
.btn_pop_inq{top:calc(100vh - 290px);bottom:auto}
.pop_inq{top:calc(100vh - 570px);bottom:auto}

.pop_inq_container{position:absolute;top:0;left:0;bottom:auto;right:auto;width:100%;height:100vh}

.front_layer{position:relative;z-index:10;background-color:#f6f5ef}
.divide_line{position:absolute;left:0;top:588px;width:100%;height:3px;background-color:#f6f5ef}

/* main_visual */
.main_visual{position:relative;width:100%;height:100vh}
.mv_slide{position:absolute;left:258px;top:175px;width:calc(100% - 258px);height:calc(100% - 175px)}
.mv_slide .swiper-container{height:100%}
.mv_slide .mv_control{position:absolute;top:50%;right:100px;transform:translateY(-50%)}
.mv_slide .mv_control .mv_btn{width:54px;height:18px;background:no-repeat center;font-size:0}
.mv_slide .mv_control .mv_prev{background-image:url('../img/main/21/mv_prev.png')}
.mv_slide .mv_control .mv_next{background-image:url('../img/main/21/mv_next.png')}
.mv_slide .mv_control .swiper-pagination{margin:40px 0;font-family:'NotoSansKR-DemiLight';font-size:30px;letter-spacing:-0.025em;line-height:106%;color:#8a8986}
.mv_slide .mv_control .swiper-pagination .swiper-pagination-current{color:#fff}

.scroll_wrap{position:absolute;bottom:40px;left:0;width:258px}
.scroll_wrap .scroll_bar_wrap{position:relative;width:2px;height:54px;margin:0 auto;overflow:hidden}
.scroll_wrap .scroll_bar{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#141310}
.scroll_wrap .scroll_text{padding-top:20px;font-family:'NotoSansKR-Medium';font-size:12px;line-height:100%;color:#141310;text-align:center}

.mv1{background-color:#000}
.mv1_video{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}
.mv1_video iframe{opacity:0}
.mv1_wrap{position:relative;height:100%}
.mv1_head{position:absolute;top:50%;left:12.2743%;margin-top:-115px}
.mv1_head .mv1_title_wrap{margin-bottom:50px}
.mv1_head .mv1_title_wrap .mv1_title1{margin-bottom:15px}
.mv1_head .mv1_title2_wrap{margin-bottom:10px;overflow:hidden}
.mv1_head .mv1_store_wrap{position:relative;height:60px;margin-right:4px}
.mv1_slide{position:absolute;top:50%;left:47%;width:400px;margin-top:-91px}
.mv1_annotation{position: absolute;bottom: 20px;left: 47%;font-size: 14px;color: #fff;opacity: 0.5;}
@media screen and (max-width:1540px) {
    .mv1_slide,
    .mv1_annotation{left:60%}
}
.mv1_slide .swiper-container{overflow:visible;height:182px}
.mv1_slide .swiper-slide{opacity:0;transition:opacity 0.5s}
.mv1_slide .swiper-slide-active{opacity:1}
.mv1_slide .swiper-slide-next{opacity:0.5}
.mv1_slide .swiper-slide-next + .swiper-slide{opacity:0.2}
.mv1_slide .mv1_ex{font-family:'NotoSansKR-DemiLight';font-size:18px;letter-spacing:-0.025em;line-height:178%;color:#fff}
.mv1_slide .mv1_num{font-family:'NotoSansKR-Bold';font-size:40px;letter-spacing:-0.025em;line-height:100%;color:#fff}
.mv1_slide .swiper-slide-active .mv1_num{font-size:60px}
.mv1_slide .mv1_num .unit{font-family:'NotoSansKR-Bold';font-size:30px;letter-spacing:-0.025em;line-height:106%;color:#fff}


/* work */
.work{height:460px}
.work_head{padding-top:150px}
.work_head .work_year{margin-bottom:30px}
.work_list{width:640px;padding-top:120px}
.work_list li{display:inline-table;position:relative;width:225px;height:225px;margin-right:-18px;border-radius:50%;background-color:#e8e5da}
.work_list li:last-child{margin-right:0}
.work_list .list_bg{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;opacity:0}
.work_list .li1 .list_bg{background-image:url('../img/main/21/work_li1.jpg')}
.work_list .li2 .list_bg{background-image:url('../img/main/21/work_li2.jpg')}
.work_list .li3 .list_bg{background-image:url('../img/main/21/work_li3.jpg')}
.work_list .text_wrap{display:table-cell;position:relative;vertical-align:middle}
.work_list .list_title{font-family:'NotoSansKR-Bold';font-size:22px;letter-spacing:-0.025em;line-height:127%;color:#141310}
.work_list .text{margin-top:8px}
.work_list li:hover .list_bg{opacity:1}
.work_list li:hover .list_title{color:#fff}
.work_list li:hover .text{display:none}

/* model */
.model{border-top:1px solid #c5c4bf}
.model_figure{position:absolute;left:50%;top:205px;width:588px;height:588px;margin-left:-294px;border-radius:50%}
.model_figure li{position:absolute;left:0;top:0;right:0;bottom:0;clip:rect(0px, 588px, 0px, 0px)}
.model_figure li:first-child{clip:rect(0px, 588px, 588px, 0px)}
.model_align{max-width:1404px;margin:0 auto;padding:0 50px}
.model_head{padding-top:154px}
.model_head .cmn_link2{margin-top:48px}
.model_list{padding-top:415px}
.model_num{line-height:0}
.model_title{margin-top:20px}
.model_desc{margin-top:33px;font-size:20px}
.model_list > ol{margin-bottom:140px}
.event_slide{max-width:1404px;margin:0 auto;padding:0 50px 150px}
.event_control{margin-bottom:30px}
.event_paging li{margin-right:20px}
.event_paging li a{display:block;width:7px;height:7px;border-radius:50%;background-color:#d0d0cf}
.event_paging li.swiper-pagination-bullet-active a, .event_paging li:hover a{background-color:#ffcf31}
.event_slide .swiper-container{height:300px}
.event_slide .sl_img{width:100%;height:100%}

/* comp */
.comp_parent{position:relative;z-index:20;height:100vh}
.comp{overflow:hidden;position:relative;height:100vh;background-color:#35302d}
.comp_figure{position:absolute;left:50%;top:50%;width:588px;height:588px;transform:translate(-50%, -50%);border-radius:50%}
.comp_figure li{position:absolute;left:0;top:0;right:0;bottom:0;clip:rect(588px, 588px, 588px, 0px)}
.comp_figure li:first-child{clip:rect(0px, 588px, 588px, 0px)}
.comp_figure li .divide_line{background-color:transparent}
.comp_align{max-width:1404px;margin:0 auto;padding:0 50px}
.comp_list{position:absolute;left:50px;top:50%;margin-top:-191px}
.comp_list > li{margin-top:50px;opacity:0.2}
.comp_list > li a{display:block}
.comp_list > li:first-child{margin-top:0}
.comp_list > li.on{opacity:1}
.comp_num{float:left;width:80px;transform:scale(0.8);transition:transform 0.2s}
.comp_list > li.on .comp_num,
.comp_list a:hover .comp_num{transform:scale(1.2)}
.comp_txt{float:left;padding:17px 0 0 36px;font-size:20px;color:#fff}
.comp_letters_wrap{position:absolute;right:-1085px;top:50%;margin-top:-1564px;width:2376px;height:2420px;background:url('../img/main/21/comp_symbol.png') no-repeat}
.comp_letters{position:absolute;left:724px;top:1379px}
.comp_letters li{position:absolute;left:0;top:0;visibility:hidden;opacity:0}
.comp_letters li:first-child{visibility:visible;opacity:1}
.comp_body{margin-top:34px;color:#8a8986}
.comp_letters .cmn_link1{margin-top:44px}

.comp_blank{height:150vh}

/* success */
.success{padding-top:150px}
.success_slide{position:relative}
.success_slide .swiper-slide{width:auto}
.success_slide .slide_box{position:relative;width:792px;height:512px;background-color:#000}
.success_slide a{display:block;
-webkit-transition:transform 0.3s;
transition:transform 0.3s;
-webkit-transform:scale(0.74);
transform:scale(0.74);
}
.success_slide .sl_content{opacity:1;
-webkit-transition:opacity 0.3s;
transition:opacity 0.3s;
}
.success_slide .jj_img{position:absolute;top:0;left:0;width:100%;height:100%}
.success_slide .text_wrap{position:relative;padding:145px 0 0 50px}
.success_slide .text_wrap .sl_title{margin-bottom:25px}
.success_slide .text_wrap .sl_title img{width:418px}
.success_slide .text_wrap .sl_store{font-family:'NotoSansKR-Regular';font-size:18px;letter-spacing:-0.025em;line-height:178%;color:rgba(255,255,255,0.5)}
.success_slide .hash_list{position:absolute;bottom:40px;left:50px}
.success_slide .hash_list li{height:35px;margin-right:10px;padding:0 12px;border-radius:18px;border:1px solid rgba(255,255,255,0.2);font-family:'NotoSansKR-Regular';font-size:16px;letter-spacing:-0.025em;line-height:35px;color:#fff}
.success_slide .swiper-slide-active a{
-webkit-transform:scale(1);
transform:scale(1);
}
.success_slide .swiper-slide-active .sl_content{opacity:1}
.success_slide .success_btn{position:absolute;top:50%;left:50%;margin-top:-32px;width:65px;height:65px;border-radius:50%;background:no-repeat center;font-size:0;
-webkit-transition:background-color 0.5s;
transition:background-color 0.5s;
}
.success_slide .success_btn:hover{background-color:#fff}
.success_slide .success_prev{margin-left:-543px;background-image:url('../img/main/21/success_prev.png')}
.success_slide .success_next{margin-left:478px;background-image:url('../img/main/21/success_next.png')}
.success .link_wrap{padding-top:50px}

/* notice */
.notice_head{padding:150px 0 60px}
.notice_list{border-top:1px solid rgba(0,0,0,0.2)}
.notice_list:hover li{opacity:0.5}
.notice_list:hover li:hover{opacity:1}
.notice_list li{position:relative}
.notice_list li:before{content:'';position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:rgba(0,0,0,0.2)}
.notice_list li:hover:before{height:2px;background-color:#ffcf31}
.notice_list .list_table{display:table;table-layout:fixed;width:100%;height:190px}
.notice_list .list_table > *{display:table-cell;vertical-align:middle;text-align:center}
.notice_list .td_date{width:180px}
.notice_list .td_date .date_day{margin-bottom:10px;font-family:'NotoSansKR-Bold';font-size:55px;letter-spacing:-0.025em;line-height:100%;color:#141310}
.notice_list .td_date .date_text{font-family:'NotoSansKR-Medium';font-size:20px;letter-spacing:-0.025em;line-height:135%;color:#141310}
.notice_list .td_title{width:770px}
.notice_list .td_title .text_wrap{padding-left:30px}
.notice_list .td_title .list_title{margin-bottom:18px;font-family:'NotoSansKR-Medium';font-size:20px;letter-spacing:-0.025em;line-height:135%;color:#141310}
.notice_list .td_title .list_text{font-family:'NotoSansKR-Regular';font-size:16px;letter-spacing:-0.025em;line-height:168%;color:#6f6967}
.notice_list .td_thumb{width:250px}
.notice_list .td_thumb .thumb_img{width:190px;height:111px;margin:0 auto}
.notice .link_wrap{padding:60px 0 150px}

.footer_wrap{position:relative;z-index:10}

/* success popup */
.pv-container-parent{overflow:hidden;position:fixed;left:0;top:0;width:100%;height:100%;z-index:1010;background-color:rgba(0,0,0,0.7)}
.pv-container{position:absolute;top:50%;transform:translateY(-50%);width:100%;height:100%;background:#fff;box-sizing:border-box}
.media_pop_inner .img_area{padding:0 3vw;width:50%;background-repeat:no-repeat;background-position:center;background-size:cover;background-color:#000;box-sizing:border-box;}
.media_pop_inner .text_area{overflow-y:auto;width:50%;box-sizing:border-box}
.media_pop_inner .text_area{padding:110px 85px 0;box-sizing:border-box}
.media_pop_inner .text_area .ttl_wrap{padding-bottom:20px}
.media_pop_inner .text_area .title{font-family:'NotoSansKR-Bold';font-size:60px;letter-spacing:-0.05em;line-height:130%;color:#222;word-break:keep-all;}
.media_pop_inner .text_area .title em{font-family:'NotoSansKR-Medium'}
.media_pop_inner .text_area .text_wrap{padding-top:24px;padding-bottom:100px;font-size:18px;letter-spacing:-0.05em;line-height:167%;color:#000000}
.media_pop_inner .text_area .box_title{margin-bottom:10px;font-family:'NotoSansKR-Regular';font-size:18px;letter-spacing:-0.05em;color:#666}
.story_pop_close{right:10px;bottom:5px}
.pv-closer{position:absolute;right:0;top:0;width:100px;height:100px;z-index:10}
.media_pop_inner .artb_sb{font-size:40px;letter-spacing:-0.025em;line-height:125%;color:#fff}
.media_pop_inner .video_area{position:relative;margin-top:10%;height:50%;}
.media_pop_inner .video_area img, .clt_top_vis .video_area iframe{position:absolute;left:0;top:0}

.time_wrap{overflow:hidden;padding-top:50px;width:100%}
.time_wrap::after{content:'';display:block;clear:both}
/* .time_wrap .key_word{float:left;width:50%;min-width:290px} */
.time_wrap .key_word{float:left;width:50%}
.time_wrap .key_word img{width:100%;}
.time_wrap .time_search{float:right;padding-bottom:50px;width:40%;height:330px;box-sizing:border-box;overflow-y:scroll;-ms-overflow-style:none;scrollbar-width:none;}
.time_wrap .time_search::-webkit-scrollbar {display:none}
.time_wrap .time_search li{margin-bottom:22px;cursor:pointer;}
.time_wrap .time_search li:last-child{margin-bottom:0}
.time_wrap .time_search .time_ttl{width:200px;padding-right:50px;font-family:'NotoSansKR-Bold';font-size:18px;letter-spacing:-0.05em;color:#fff}
.time_wrap .time_search .time_clock{font-family:'NotoSansKR-Regular';font-size:18px;letter-spacing:-0.05em;color:#ccc}
@media screen and (max-width: 1500px) {
    .time_wrap .key_word{width:250px;margin-right:5px}
    .time_wrap .time_search{width:300px;box-sizing:border-box}
}

.text_area .text_wrap p {font-size:18px !important;line-height:178% !important;}
.text_area .text_wrap p strong {display:inline-block;margin-top:15px;margin-bottom:10px;font-family:'NotoSansKR-Black' !important;font-size:25px !important;line-height:128% !important}