@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic&family=Noto+Serif+KR:wght@200..900&family=Playfair+Display:ital,wght@0,400..900;1,400..900&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');
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.8/dist/web/static/pretendard.css");
@font-face {font-family:'SangSangRock';src:url('https://gcore.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/SangSangRockOTF.woff') format('woff');font-weight:normal;font-style:normal}

html {font-size:70%} /*2049~2560 해상도 기준*/
*{-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'}
h1, h2, h3, h4, h5, h6, input, button, textarea, select{font-family:'Pretendard'}
#device_change{border:1px solid #666;font-size:3.5em;box-shadow:none}

/*컬러조정*/
:root {--pt-color:#0646c4;--pt-color2:#0060ff}

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

/*서브*/
.sub_container{max-width:130rem;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/**/}
.sub_container iframe{min-height:40rem}

/* 하단 */
#mkw_ft{width:100%;background:#333}
#mkw_ft .ft_inner{max-width:144rem;width:100%;margin:0 auto;padding:7rem 2rem;display:flex;flex-wrap:wrap}
#mkw_ft .ft_info{width:55%;padding-right:5rem}
#mkw_ft .ft_logo {margin-bottom:2rem}
#mkw_ft .ft_logo img{width:25rem}
#mkw_ft .link_btn{margin-bottom:1rem;font-size:1.6rem;font-weight:500;display:flex;flex-wrap:wrap;gap:.5rem 2rem}
#mkw_ft .link_btn li, #mkw_ft .link_btn li a{color:rgba(255,255,255,.9);cursor:pointer;transition:all .3s}
#mkw_ft .link_btn li:hover, #mkw_ft .link_btn li:hover a{color:#fff}

#mkw_ft .info_list{font-size:1.5rem;line-height:150%;color:rgba(255,255,255,.4);position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:0 1rem}
#mkw_ft .info_list p{display:inline-block}
#mkw_ft .info_list .bar{display:inline-block;width:1px;height:1.2rem;background:rgba(255,255,255,.2)}


#mkw_ft .ft_info2{width:45%;display:flex;flex-wrap:wrap;}
#mkw_ft .ft_info2 .ft_tel{width:50%}
#mkw_ft .ft_info2 .ft_bank{width:50%}
#mkw_ft .ft_info2 .tit{margin-bottom:1rem;font-size:1.8rem;font-weight:700;color:#fff}
#mkw_ft .ft_info2 .num{font-size:3.2rem;font-weight:700;line-height:110%;color:#008aff;font-family:'Poppins'}
#mkw_ft .ft_info2 .num + .num{margin-bottom:1rem}
#mkw_ft .ft_info2 .tel_info{font-size:1.6rem;color:rgba(255,255,255,.7);font-family:'Poppins'}
#mkw_ft .ft_info2 .tel_info span{color:rgba(255,255,255,.9)}
#mkw_ft .ft_info2 .bank{margin-bottom:1rem;font-size:2.5rem;font-weight:700;color:#fff;font-family:'Poppins'}
#mkw_ft .ft_info2 .bank_name{display:inline-block;padding:1rem 2rem;border-radius:5rem;background:rgba(255,255,255,.1);font-size:1.7rem;font-weight:500;color:#fff}
#mkw_ft .ft_info2 .bank_name span{color:#008aff}

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


/*개인정보취급방침*/
#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}

#top_btn_area{position:fixed;bottom:0rem;right:2rem;z-index:100;opacity:0;transition:all .3s;display:flex;flex-wrap:wrap;flex-direction:column;gap:.5rem}
#top_btn_area.on {bottom:3rem;opacity:1}
#top_btn_area li{width:4rem;height:4rem;border-radius:4rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;cursor:pointer}
#top_btn_area li a{width:100%;height:100%;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;cursor:pointer}
#top_btn_area li.tel{display:none;background:#008aff}
#top_btn_area li.tel img{width:2rem}
#top_btn_area li.go_top{background:var(--pt-color)}


@media (max-width: 2048px) {
html {font-size:62.5%}
}

@media (max-width: 1300px) { /*서브컨테이너 영역크기*/
*{word-break:keep-all}	
.sub_container{padding:10rem 2rem}
}

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

#mkw_ft .ft_logo img{width:23rem}
#mkw_ft .ft_info{width:50%}
#mkw_ft .ft_info2{width:50%}

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

#mkw_ft .ft_inner{justify-content:center}
#mkw_ft .ft_info{width:100%;padding:0;text-align:center}
#mkw_ft .link_btn{justify-content:center}
#mkw_ft .info_list{justify-content:center}


#mkw_ft .ft_info2{max-width:70rem;width:100%;margin-top:3rem;text-align:center}

#top_btn_area{right:1rem}
#top_btn_area li.tel{display:flex}
}
@media (max-width: 767px) {
html{font-size:58.6%}
.sub_container{padding:7rem 2rem}

#mkw_ft .ft_inner{padding:5rem 2rem}
#mkw_ft .ft_logo img{width:21rem}
#mkw_ft .ft_info2 .ft_tel{width:100%}
#mkw_ft .ft_info2 .num{font-size:2.9rem}
#mkw_ft .ft_info2 .ft_bank{width:100%;margin-top:3rem}
#mkw_ft .ft_info2 .bank{font-size:2.2rem}

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


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

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

#mkw_ft .ft_logo img{width:19rem}
#mkw_ft .info_list p{width:100%}
#mkw_ft .info_list .bar{display:none}


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