@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?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");

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:#2d2d2d;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:#00a5e3}

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

/*서브*/
.sub_container{max-width:130rem;width:100%;min-height:70vh;margin:10rem auto 0;padding:10rem 0;position:relative;z-index:10}
.sub_container.sub_full_cont{max-width:100%}
.sub_container iframe{min-height:40rem}


.line_bg{max-width:140rem;width:100%;height:100%;border-left:1px solid rgba(255,255,255,.05);border-right:1px solid rgba(255,255,255,.05);position:absolute;top:0;left:50%;transform:translateX(-50%)}
.line_bg:before{content:'';width:1px;height:100%;background:rgba(255,255,255,.05);position:absolute;top:0;left:50%}
.line_bg.no_line:before{display:none}
.line_bg .light{width:5px;height:5px;border-radius:5px;background:#fff;position:absolute;top:50%;transform:translateY(-50%);opacity:0;animation: fadeInOut 2s infinite;}
.line_bg .light:before{content:'';width:1rem;height:1rem;border-radius:1rem;background:rgba(255,255,255,.6);position:absolute;top:50%;left:50%;transform: translate(-50%, -50%);filter:blur(.3rem);}
.line_bg .light01{left:-2.5px;top:40%}
.line_bg .light02{left:-2.5px;top:60%;animation-delay:.2s}
.line_bg .light03{right:-2.5px;top:40%;animation-delay:.4s}
.line_bg .light04{right:-2.5px;top:60%;animation-delay:.6s}

.line_bg .light05{left:-2.5px;top:20%;animation:fadeInOut2 5s infinite;}
.line_bg .light06{right:-2.5px;top:50%;animation:fadeInOut2 5s infinite;animation-delay:.6s}

@keyframes fadeInOut {0% {opacity: 0;}50% {opacity: 1;}100% {opacity: 0;}}
@keyframes fadeInOut2 {0% {margin-top:0;opacity: 0;}50% {margin-top:3rem;opacity: 1;}100% {margin-top:5rem;opacity: 0;}}

/* 하단 */
#mkw_ft{background:#222;position:relative;z-index:10}
#mkw_ft .ft_info_area{max-width:140rem;width:100%;margin:0 auto;padding:5rem 0;display:flex;flex-wrap:wrap;align-items:center}
#mkw_ft .ft_info_area .ft_tit{width:10rem}
#mkw_ft .ft_info_area .ft_info_wrap{width:calc(100% - 10rem);padding-left:5rem}
#mkw_ft .ft_info_area .ft_info_wrap .company_name{margin-bottom:1rem;font-size:2rem;font-weight:700;color:#fff;font-family: "Playfair Display";}
#mkw_ft .ft_info_area .ft_info_wrap .ft_info{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1rem}
#mkw_ft .ft_info_area .ft_info_wrap .ft_info p{display:inline-block;font-size:1.5rem;line-height:2.6rem;color:rgba(255,255,255,.3)}
#mkw_ft .ft_info_area .ft_info_wrap .ft_info .bar{display:inline-block;width:1px;height:1.2rem;background:rgba(255,255,255,.2)}


#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;margin:0 auto;position:relative}
#mkw_ft .copy_area .inner .copy{font-size:1.5rem;text-align:center;color:rgba(255,255,255,.4)}
#mkw_ft .copy_area .inner .link_btn{position:absolute;right:0;top:0}
#mkw_ft .copy_area .inner .link_btn a{font-size:12px;color:rgba(255,255,255,.1);transition:all .3s}
#mkw_ft .copy_area .inner .link_btn a+a{margin-left:2rem}
#mkw_ft .copy_area .inner .link_btn a:hover{color:rgba(255,255,255,.2)}


.ft_sns_link{display:none;max-width:30rem;width:100%;margin:2rem auto 0;gap:1rem 2%;justify-content:center;align-items:center}
.ft_sns_link li{width:32%}
.ft_sns_link li a{display:flex;flex-wrap:wrap;color:rgba(255,255,255,.7);gap:.5rem;align-items:center;justify-content:center}
.ft_sns_link li a span{width:100%}
.ft_sns_link li a img{opacity:.9}

@media (max-width: 2048px) {
html {font-size:62.5%}
}
@media (max-width: 1400px) {
#mkw_ft .ft_info_area{padding:5rem 2rem}
}
@media (max-width: 1300px) {
*{word-break:keep-all}	
.sub_container{padding:10rem 2rem}

.ft_lt_area{padding:0 2rem}
#mkw_ft .copy_area .inner{padding:0 2rem}
}
@media (max-width: 1280px) {
html{font-size:61.2%}    
.sub_container{margin-top:8rem;padding:9rem 2rem}
}
@media (max-width: 1024px) {
html{font-size:59.9%}      
.sub_container{padding:8rem 2rem}
}
@media (max-width: 767px) {
html{font-size:58.6%}
.sub_container{margin-top:7rem;padding:7rem 2rem}
#mkw_ft .ft_info_area{display:block}
#mkw_ft .ft_info_area .ft_tit{width:7rem;margin:0 auto 1rem}
#mkw_ft .ft_info_area .ft_tit img{width:100%;height:auto}
#mkw_ft .ft_info_area .ft_info_wrap{width:100%;padding:0;text-align:center}
#mkw_ft .ft_info_area .ft_info_wrap .ft_info{justify-content:center}

#mkw_ft .copy_area .inner{padding:1rem 0;height:auto;line-height:150%}
#mkw_ft .copy_area .inner .link_btn{display:block;width:100%;margin-top:.5rem;text-align:center;position:relative;right:auto;top:auto}
}
@media (max-width: 480px) {
html{font-size:57.3%}
.sub_container{padding:6rem 2rem}

#mkw_ft .ft_info_area .ft_tit{width:6rem}
#mkw_ft .copy_area .inner{height:auto;padding:2rem 0;text-align:center;line-height:1.5rem}
#mkw_ft .copy_area .inner .copy{float:none}
#mkw_ft .copy_area .inner .link_btn{display:inline-block;margin-top:2rem;float:none}

.ft_sns_link{display:flex}
}
@media (max-width: 320px) {
html{font-size:56%}
.sub_container{margin-top:6rem;padding:6rem 1.5rem}
}