@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=Play:wght@400;700&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

html {font-size:11.2px} /*2049~2560 해상도 기준*/
html::-webkit-scrollbar {width:5px}
html::-webkit-scrollbar-thumb {background-color:#000;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:#f8b62b}

/*전체*/
#way_wrapper{width:100%;margin:0 auto;position:relative}
#way_wrapper *{word-break:keep-all}
#way_container{}

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


/*하단*/
#mkw_ft{background:#000}
#mkw_ft .ft_inner{max-width:185rem;width:100%;margin:0 auto;padding:7rem 5rem;display:flex;align-items: center;justify-content:space-between}

#mkw_ft .ft_info{width:calc(100% - 20rem);display:flex;flex-wrap:wrap;align-items: center;gap:2rem 0}
#mkw_ft .ft_logo{width:25rem}
#mkw_ft .info_list{width:calc(100% - 25rem);display:flex;flex-wrap:wrap;gap:1rem 2%}
#mkw_ft .info_list li{font-size:1.5rem;color:rgba(255,255,255,.5);display:flex;gap:0 1.5rem}
#mkw_ft .info_list li .info_tit{color:rgba(255,255,255,.9)}

#mkw_ft .sns_link{display:flex;flex-wrap:wrap;gap:1rem}

#mkw_ft .copy_area{padding:1.5rem 2rem;border-top:1px solid rgba(255,255,255,.1)}
#mkw_ft .copy_area .inner{max-width:175rem;width:calc(100% - 4rem);margin:0 auto;font-size:1.5rem;color:rgba(255,255,255,.3);text-align:center;position:relative}
#mkw_ft .copy_area .link_btn{font-size:12px;color:rgba(255,255,255,.3);position:absolute;right:0;top:50%;transform:translateY(-50%)} 
#mkw_ft .copy_area .link_btn a{color:rgba(255,255,255,.2)}


/*개인정보취급방침*/
#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{width:6rem;height:6rem;border-radius:6rem;background:#fff;box-shadow:0 0 1rem rgba(0,0,0,.1);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 .inq_btn{position:absolute;bottom:0;left:0;z-index:2;background:var(--pt-color)}
#quick_btn .go_top{opacity:0}

#quick_btn.on{opacity:1}
#quick_btn.on .inq_btn{bottom:7rem}
#quick_btn.on .go_top{opacity:1}



/*마우스커서*/
#cursor {position:fixed;z-index:99;left:0;top:0;pointer-events:none;will-change:transform;mix-blend-mode:difference}

@media (hover: hover) and (pointer: fine) {
  .cursor__circle {width:6.4rem;height:6.4rem;margin-top: -50%;margin-left: -50%;border-radius: 50%;border: solid 1px rgba(227, 222, 193, 0.64);
  transition: opacity 0.3s cubic-bezier(0.25, 1, 0.5, 1),
      background-color 0.3s cubic-bezier(0.25, 1, 0.5, 1),
      border-color 0.3s cubic-bezier(0.25, 1, 0.5, 1),
      width 0.3s cubic-bezier(0.25, 1, 0.5, 1),
      height 0.3s cubic-bezier(0.25, 1, 0.5, 1);
  }
  #cursor.arrow .cursor__circle{width:12.8rem;height: 12.8rem;background-color:#ffffff;border-color:#ffffff}
  #cursor.arrow::after{content: '';width: 100%;height: 100%;background-image: url('/company/type47/index/include/include02/arrow-up-right.svg');background-repeat: no-repeat;background-position: center;position: absolute;left: -50%;top: -50%}
  #cursor.subtle .cursor__circle{opacity: 0.16}
  #cursor.overlay .cursor__circle{width:4.8rem;height:4.8rem;background-color:rgba(227, 222, 193, 0.08);border-color:transparent}
}





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

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

#mkw_ft .ft_logo img{width:20rem}

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

.ft_bar .inner .tel_box .icon{width:4rem;height:4rem}
.ft_bar .inner .tel_box{width:23rem}

.ft_bar .inner{padding:0 2rem}
.ft_bar .inner .lt_box{width:calc(100% - 23rem)}

/*하단*/
#mkw_ft .ft_inner{padding:5rem 2rem;flex-wrap:wrap;justify-content:center;}
#mkw_ft .ft_info{max-width:unset;width:100%;text-align:center;align-items:center;flex-direction:column}
#mkw_ft .ft_logo{width:100%}
#mkw_ft .ft_logo img{width:19rem}
#mkw_ft .info_list{width:100%;justify-content:center}

#mkw_ft .info_list li, #mkw_ft .info_list li.full{width:auto}

#mkw_ft .sns_link{margin-top:2rem}

#quick_btn{bottom:3rem}
#quick_btn > li{width:5rem;height:5rem}
#quick_btn.on .inq_btn{bottom:6rem}

}
@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_logo img{width:17rem}

#quick_btn > li{width:4rem;height:4rem}
#quick_btn > li img{}
#quick_btn.on .inq_btn{bottom:5rem}

#quick_btn .inq_btn img{width:1.9rem}
#quick_btn .go_top img{width:1.2rem}

#mkw_ft .copy_area .link_btn{display:block;margin-top:.5rem;position:relative;right:auto;top:auto;transform:none}


}
@media (max-width: 480px) {
html{font-size:57.3%}
.sub_container{margin-top:7rem;padding:6rem 2rem}

.ft_bar .inner .lt_box{padding:1rem}
.ft_bar .lt_box .tit{width:6rem;font-size:1.6rem}
.ft_bar .lt_box .tit img{display:none}
.ft_bar .lt_box .lt_list {width:calc(100% - 15rem)}
.ft_bar .lt_box .controls{width:7rem}


/*하단*/
#mkw_ft .ft_logo img{width:19rem}
#mkw_ft .info_list li, #mkw_ft .info_list li.full{width:100%;text-align:left}

#mkw_ft .ft_menu{flex-wrap:wrap;gap:1rem}


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

#mkw_ft .ft_logo img{width:18rem}
}