@charset "utf-8";
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.8/dist/web/static/pretendard.css");
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');

html {font-size:11.2px} /*2049~2560 해상도 기준*/
html::-webkit-scrollbar {width:0.7rem}
html::-webkit-scrollbar-thumb {background-color:#777;border-radius:1rem}
*{-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;-o-text-size-adjust:none}
body{background:#fff;font-size:1.5rem;color:#333;font-family:'Pretendard', 'Poppins'}
h1, h2, h3, h4, h5, h6, input, button, textarea, select{font-family:'Pretendard', 'Poppins'}
#device_change{border:1px solid #666;font-size:3.5em;box-shadow:none}

/*컬러조정  color:var(--pt-color);*/
:root {--pt-color:#2fbbb3}

/*전체*/
#way_wrapper{width:100%;margin:0 auto;position:relative}


/*서브*/
.sub_container{max-width:140rem;width:100%;min-height:30rem;margin:0 auto;padding:10rem 0;background:#fff;position:relative}
.sub_container.sub_full_cont{max-width:100%;padding:0}/*페이지 패딩 개별 컨트롤*/

/* 하단 */
#mkw_ft{background:#000}
#mkw_ft .ft_info_area{max-width:154rem;width:100%;margin:0 auto;padding:5.5rem 2rem;display:flex;flex-wrap:wrap;}
#mkw_ft .ft_info_area .ft_tit{width:35rem;opacity:.7}
#mkw_ft .ft_info_area .ft_info_wrap{width:calc(100% - 60rem);padding-right:5rem}
#mkw_ft .ft_info_area .ft_info_wrap .info_list{margin-bottom:2rem;display:flex;flex-wrap:wrap;gap:1rem}
#mkw_ft .ft_info_area .ft_info_wrap .info_list li{font-size:1.6rem;color:rgba(255,255,255,.8);cursor:pointer}
#mkw_ft .ft_info_area .ft_info_wrap .info_list li:hover{color:#fff}

#mkw_ft .ft_info_area .ft_info_wrap .ft_info{font-size:1.5rem;line-height:150%;color:rgba(255,255,255,.4);display:flex;flex-wrap:wrap;align-items: center;gap:.5rem 1rem}
#mkw_ft .ft_info_area .ft_info_wrap .ft_info .bar{width:1px;height:1rem;background:rgba(255,255,255,.2)}

#mkw_ft .ft_info_area .ft_tel{width:25rem}
#mkw_ft .ft_info_area .ft_tel .tel{margin-bottom:2rem;font-weight:700;font-size:3.5rem;line-height:100%;color:#fff;font-family: "Playfair Display";}
#mkw_ft .ft_info_area .ft_tel .time_list li{padding-left:1rem;font-size:1.6rem;color:rgba(255,255,255,.7);position:relative;display:flex;gap:1rem;flex-wrap:wrap;}
#mkw_ft .ft_info_area .ft_tel .time_list li:before{content:'';width:3px;height:3px;border-radius:3px;background:#fff;position:absolute;left:0;top:50%;transform:translateY(-50%)}
#mkw_ft .ft_info_area .ft_tel .time_list li .day{width:5.5rem;color:#fff;display: flex;align-items: center;justify-content: space-between;}
#mkw_ft .ft_info_area .ft_tel .time_list li .day em{font-style:normal}
#mkw_ft .ft_info_area .ft_tel .time_list li .time{width:calc(100% - 6.5rem)}
#mkw_ft .ft_info_area .ft_tel .time_list li + li{margin-top:.5rem}

#mkw_ft .copy_area{border-top:1px solid rgba(255,255,255,.1)}
#mkw_ft .copy_area .inner{max-width:154rem;width:100%;height:5rem;padding:0 2rem;line-height:5rem;margin:0 auto;position:relative}
#mkw_ft .copy_area .inner .copy{font-size:1.5rem;text-align:center;color:rgba(255,255,255,.3)}
#mkw_ft .copy_area .inner .link_btn{position:absolute;right:2rem;top:0}
#mkw_ft .copy_area .inner .link_btn a{font-size:1.5rem;color:rgba(255,255,255,.2);transition:all .3s}
#mkw_ft .copy_area .inner .link_btn a+a{margin-left:2rem}



/*개인정보취급방침*/
#privacy_new_box_wrap{position:fixed;top:0;left:0;display:none;width:100%;height:100%;z-index:-1}
#privacy_new_box_wrap .privacy_bg{width:100%;height:100%;top:0;left:0;background:rgba(0,0,0,.7);position:absolute;top:0;left:0;}
#privacy_new_box_wrap.on{display:block;z-index:1000}
#privacy_new_box_wrap *{box-sizing:border-box}
#privacy_new_box_wrap .p_cont{width:100%;height:100%}
#privacy_new_box_wrap .privacy_new_box{max-width:70rem;width:90%;height:51%;padding:4rem;border-radius:1rem;position:absolute;top:50%;left:50%;background:#fff;transform:translate(-50%,-50%)}
#privacy_new_box_wrap .privacy_new_box #privacy_close_btn{position:absolute;right:4rem;top:4rem;cursor:pointer}
#privacy_new_box_wrap .privacy_new_box .box_tit{margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid #ddd;font-weight:500;font-size:2rem;color:#333;}
#privacy_new_box_wrap #privacy_cont{width:100% !important;height:calc(100% - 7rem);border:0 !important;padding:3rem;font-weight:400;font-size:1.4rem;line-height:150%;color:#888;background:#f7f7f7}
#privacy_new_box_wrap #privacy_cont:focus{outline:none}
#privacy_new_box_wrap #privacy_cont:hover{border:0;box-shadow:none}

/*퀵메뉴*/
#quick_btn{position:fixed;bottom:5rem;right:2rem;z-index:100;opacity:0;transition:opacity 1s}
#quick_btn > li + li{margin-top:.5rem}
#quick_btn > li{width:5.5rem;height:5.5rem;border-radius:50%;background:#fff;box-shadow:0 0 1rem rgba(0,0,0,.2);overflow:hidden;cursor:pointer;transition:all .3s;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;}
#quick_btn > li a{width:100%;height:100%;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;}
#quick_btn.on{opacity:1}
#quick_btn .q_icon02{background:#3a559f}
#quick_btn .q_icon01{background:#fff}



/*마우스커서*/
.cursor {width:11rem;height:11rem;/* transition:opacity 0.3s; */position:fixed;top:0;z-index:10;transform:translate(-50%,-50%);pointer-events:none;opacity:0}
.cursor.on{width:13rem;height:13rem;opacity:1;transition:width .3s,height .3s,opacity .3s;}
.cursor .arr{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1}
.cursor .bg{width:100%;height:100%;background:url(/img/cursor_more_bg.png) no-repeat center/cover;animation:rotate infinite 10s forwards linear}
@keyframes rotate {0%{transform:rotate(0);}100%{transform:rotate(360deg)}}



@media (max-width: 2048px) {
html {font-size:10px}
}
@media (max-width: 1500px) {
*{word-break:keep-all}    
.sub_container{padding:10rem 2rem}

}
@media (max-width: 1280px) {
html{font-size:9.792px}
.sub_container{padding:9rem 2rem}

#mkw_ft .ft_info_area .ft_tit{width:30rem}
#mkw_ft .ft_info_area .ft_tit img{width:24rem}
#mkw_ft .ft_info_area .ft_info_wrap{width:calc(100% - 55rem)}

#mkw_ft .ft_info_area .ft_tel .tel{font-size:3.2rem}

}
@media (max-width: 1024px) {
html{font-size:59.9%} 
.sub_container{padding:8rem 2rem}

.cursor{display:none}

#mkw_ft .ft_info_area{    justify-content: center}
#mkw_ft .ft_info_area .ft_tit{width:100%;margin-bottom:4rem;text-align:center}
#mkw_ft .ft_info_area .ft_tit img{width:23rem}
#mkw_ft .ft_info_area .ft_info_wrap{width:100%;margin-bottom:2rem;padding:0}
#mkw_ft .ft_info_area .ft_info_wrap .info_list{justify-content:center}
#mkw_ft .ft_info_area .ft_info_wrap .ft_info{text-align:center;justify-content:center}

#mkw_ft .ft_info_area .ft_tel{width:100%}
#mkw_ft .ft_info_area .ft_tel .tel{font-size:3.2rem;text-align:center}
#mkw_ft .ft_info_area .ft_tel .time_list{max-width:80rem;width:100%;margin:0 auto;display:flex;flex-wrap:wrap;justify-content: center;gap:1rem}
#mkw_ft .ft_info_area .ft_tel .time_list li{width:calc((100% - 2rem) /3);padding:1rem 2rem;border-radius:.5rem;background:rgba(255,255,255,.1)}
#mkw_ft .ft_info_area .ft_tel .time_list li + li{margin-top:0}
#mkw_ft .ft_info_area .ft_tel .time_list li:before{display:none}

#quick_btn{bottom:3rem;right:.5rem}
#quick_btn > li{width:4rem;height:4rem}
#quick_btn > li img{width:auto;height:50%}
#quick_btn > li.go_top img{max-height:16px;}

}
@media (max-width: 767px) {
html{font-size:58.6%}
.sub_container{padding:7rem 2rem}


/*개인정보취급방침*/
#privacy_new_box_wrap .privacy_new_box{height:80%;padding:4rem 2rem}
#privacy_new_box_wrap .privacy_new_box #privacy_close_btn{right:2rem}

#mkw_ft .ft_info_area .ft_tel .time_list{max-width:50rem}
#mkw_ft .ft_info_area .ft_tel .time_list li{width:100%}


#mkw_ft .copy_area .inner{padding:1rem 2rem;height:auto;line-height:150%;text-align:center}
#mkw_ft .copy_area .inner .link_btn{position:unset}


}
@media (max-width: 480px) {
html{font-size:57.3%}
.sub_container{padding:6rem 2rem}
#mkw_ft .ft_info_area .ft_info_wrap .ft_info p{width:100%}
#mkw_ft .ft_info_area .ft_info_wrap .ft_info .bar{display:none}


}
@media (max-width: 320px) {
html{font-size:56%}
.sub_container{padding:6rem 1.5rem}
}