@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: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:62.5%}

*{-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}

/*컬러조정  color:var(--pt-color);*/
:root {--pt-color:#e6ae40;--re-pt-color:#e6ae40;--re-pt-color2:#335685;}

html::-webkit-scrollbar {width:8px;}
html::-webkit-scrollbar-thumb {background:var(--re-pt-color2);border-radius:1rem;}



/*전체*/
#way_wrapper{width:100%;margin:0 auto;overflow:hidden;position:relative}
#way_hd{width:100%;position:fixed;top:0;left:0;z-index:100}
#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%}
.sub_full_cont.bgimg_1{background:url('/img/subpage_bg.png') no-repeat top left}
.sub_full_cont.bgimg_2{background:url('/img/subpage_bg.png') no-repeat top left}
.sub_full_cont.bgimg_3{background:url('/img/subpage_bg.png') no-repeat top left}
.sub_container .sub_wrap{max-width:130rem;width:100%;margin:0 auto}
.sub_container iframe{min-height:40rem}

/* 하단 */
#mkw_ft{padding-bottom:7rem;background:#222}
#mkw_ft .ft_info_area{max-width:140rem;width:100%;margin:0 auto;padding:5.5rem 0;overflow:hidden}
#mkw_ft .ft_info_area .ft_tit{width:20%;float:left;opacity:.7}
#mkw_ft .ft_info_area .ft_info_wrap{width:65%;float:left}
#mkw_ft .ft_info_area .ft_info_wrap .info_list{margin-bottom:2rem;overflow:hidden;display:flex;flex-wrap:wrap;gap:.5rem 1.5rem}
#mkw_ft .ft_info_area .ft_info_wrap .info_list li{color:rgba(255,255,255,.8);cursor:pointer}
#mkw_ft .ft_info_area .ft_info_wrap .info_list li a{color:rgba(255,255,255,.8);cursor:pointer;transition:all .3s}
#mkw_ft .ft_info_area .ft_info_wrap .info_list li:hover, #mkw_ft .ft_info_area .ft_info_wrap .info_list li a:hover{color:#fff}
#mkw_ft .ft_info_area .ft_info_wrap .ft_info{padding-right:3rem;font-size:1.5rem;line-height:2.6rem;color:rgba(255,255,255,.3);word-break:break-all !important}

#mkw_ft .ft_info_area .ft_info_wrap .link_btn{display:block;margin-top:1rem}
#mkw_ft .ft_info_area .ft_info_wrap .link_btn a{font-size:1.5rem;color:rgba(255,255,255,.5);transition:all .3s}
#mkw_ft .ft_info_area .ft_info_wrap .link_btn a+a{margin-left:1rem}
#mkw_ft .ft_info_area .ft_info_wrap .link_btn a:hover{color:#fff}

#mkw_ft .ft_info_area .logo_list{width:15%;float:left}

#mkw_ft .copy_area{border-top:1px solid rgba(255,255,255,.1)}
#mkw_ft .copy_area .inner{max-width:140rem;width:100%;height:5rem;line-height:5rem;text-align:center;margin:0 auto;overflow:hidden;position:relative}
#mkw_ft .copy_area .inner .copy{font-size:1.4rem;color:rgba(255,255,255,.4)}
#mkw_ft .copy_area .inner a{font-size:12px;color:rgba(255,255,255,.2);position:absolute;right:0;top:50%;transform:translateY(-50%)}

#mkw_ft .logo_list .logo_area{width:100%;background:#fff;overflow:hidden}
#mkw_ft .logo_list .logo_area .swiper-slide img{width:100%;max-height:100%}
#mkw_ft .logo_list .swiper-pagination-bullet{width:5px;height:5px;border-radius:0;margin:0 .5rem 0 0;background:rgba(255,255,255,.5);opacity:1}
#mkw_ft .logo_list .swiper-pagination-bullet:last-child{margin-right:0}
#mkw_ft .logo_list .swiper-pagination-bullet-active{background:var(--re-pt-color);filter:brightness(1.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;resize:none}
#privacy_new_box_wrap #privacy_cont:focus{outline:none}
#privacy_new_box_wrap #privacy_cont:hover{border:0;box-shadow:none}

/*하단퀵링크*/
#ft_link_area{width:100%;height:7rem;background:rgba(18,33,53,.9);backdrop-filter:blur(5px);position:fixed;bottom:-100%;left:0;z-index:100;transition:all 1s}
#ft_link_area.on{bottom:0}
#ft_link_area .link_list{max-width:140rem;width:100%;height:100%;margin:0 auto;display:flex;flex-wrap:wrap}
#ft_link_area .link_list li{width:25%;height:100%;display:flex;flex-wrap:wrap;position:relative}
#ft_link_area .link_list li + li:before{content:'';width:1px;height:50%;background:rgba(255,255,255,.1);position:absolute;top:50%;transform:translateY(-50%)}
#ft_link_area .link_list li a{width:100%;height:100%;transition:all .3s;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:1rem}
#ft_link_area .link_list li a .list_tit{font-size:2rem;font-weight:700;color:#fff}
#ft_link_area .link_list li a:hover{background:rgba(255,255,255,.1)}


@media (max-width: 1400px) {
*{word-break:keep-all}	
.sub_container{padding:10rem 2rem}
#way_wrapper:before{width:30%}
#mkw_ft .ft_info_area{padding:5.5rem 2rem}
#mkw_ft .ft_info_area .ft_info_wrap .ft_info br{display:none}
.ft_lt_area{padding:0 2rem}
#mkw_ft .copy_area .inner{padding:0 2rem}
}
@media (max-width: 1280px) {
html{font-size:61%} 
.sub_container{padding:9rem 2rem}
#mkw_ft .ft_info_area .ft_tit img{max-width:18rem}

#ft_link_area .link_list li a .list_tit{font-size:1.8rem}
}
@media (max-width: 1024px) {
html{font-size:59.5%}     
.sub_container{padding:8rem 2rem}
#mkw_ft .ft_info_area .ft_tit{margin-bottom:3rem;float:none}
#mkw_ft .ft_info_area .ft_info_wrap{width:80%}
#mkw_ft .ft_info_area .logo_list{width:20%}

#ft_link_area{width:auto;height:auto;margin-bottom:2rem;background:none;backdrop-filter:unset;left:50%;transform:translateX(-50%);}
#ft_link_area .link_list{width:20rem;justify-content:center;gap:1rem}
#ft_link_area .link_list li{width:4rem;height:4rem;border-radius:4rem;box-shadow:0 0 1rem rgba(0,0,0,.2)}
#ft_link_area .link_list li img{width:100%;}
#ft_link_area .link_list li a .list_tit{display:none}


}
@media (max-width: 767px) {
html{font-size:58%}
.sub_container{padding:7rem 2rem}
#way_wrapper:before{width:0}
#mkw_ft .ft_info_area{padding:5rem 0 0}
#mkw_ft .ft_info_area .ft_tit{width:100%;text-align:center}
#mkw_ft .ft_info_area .ft_tit img{max-width:16rem}
#mkw_ft .ft_info_area .ft_info_wrap{width:100%;padding:0 2rem;margin-bottom:3rem;text-align:center;float:none}
#mkw_ft .ft_info_area .ft_info_wrap .info_list{justify-content:center}
#mkw_ft .ft_info_area .ft_info_wrap .ft_info{padding:0}

#mkw_ft .copy_area .inner{height:auto;padding:1.5rem 2rem;line-height:130%}
#mkw_ft .copy_area .inner a{position:relative;right:auto;top:auto;transform:none}

#mkw_ft .ft_info_area .logo_list{width:20rem;margin:0 auto 3rem;text-align:center;float:none}
#mkw_ft .logo_area_controls.swiper-pagination-bullets{display:inline-block}


/*개인정보취급방침*/
#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:56.25%}
.sub_container{padding:6rem 2rem}
#mkw_ft .copy_area .inner{height:auto;padding:2rem;line-height:2.8rem;text-align:center}
#mkw_ft .copy_area .inner .copy{display:inline-block;float:none}

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