.article{ padding:0!important; }
.article, .article *{ font-family:'pt',sans-serif; }

/* .st_wrap{ display:none; } */

#sb01{ padding:150px 40px 100px; }
#sb01 > .sb_con{ width:min(1400px, 100%); display:flex; gap:40px; margin:0 auto; }

.sb01_tt{ flex:1; display:flex; flex-direction:column; }
.sb01_tt > h2{ position:relative; z-index:999; font-size:clamp(72px, 16vw, 160px); font-weight:100; color:#fff; line-height:0.73em; text-align:center; margin-bottom:-0.3em; mix-blend-mode:difference; padding:0 15px; }
.sb01_map{ flex:1 auto; display:flex; width:100%; border:1px solid #ddd; }
.sb01_map > div{ position:relative; z-index:1; width:100%; padding-bottom:max(400px, 85%); background-color:#333; }
.sb01_map > div > iframe{ position:absolute; z-index:1; top:0; left:0; width:100%; height:100%; }
.sb01_map #daumRoughmapContainer1752483371735{ position:absolute; z-index:1; top:0; left:0; width:100% !important; height:100%; }
.sb01_map #daumRoughmapContainer1752483371735 .wrap_map{ position:absolute; z-index:1; top:0; left:0; width:100%; height:100% !important; }
.sb01_map #daumRoughmapContainer1752483371735 .wrap_map .map_border{ display:none!important; }
.sb01_map #daumRoughmapContainer1752483371735 .wrap_map > .map > div + div{ display:none !important; }
.sb01_map .wrap_controllers, .sb01_map .section_address{ display:none; }

.sb01_if{ flex:1; display:flex; gap:40px; flex-flow:column wrap; justify-content:space-between; }
.sb01_iw{ width:100%; display:flex; gap:20px; justify-content:space-between; }
.sb01_ip > h3{ font-size:24px; font-weight:800; color:#333; line-height:0.73em; margin-bottom:12px; }
.sb01_ip > p{ font-size:16px; font-weight:300; color:#333; line-height:1.3em; }

.sb01_ii{ width:100%; }
.sb01_ii > img{ display:block; width:100%; height:auto; }

@media(max-width:1080px){
    #sb01 > .sb_con{ flex-direction:column; }
    .sb01_map > div{ padding-bottom:max(400px, 50%); }
    .sb01_ii{ display:none; }
}
@media(max-width:991px){
    #sb01{ padding:100px 15px 80px; }
}
@media(max-width:768px){
    .sb01_if{ flex-direction:column; gap:20px; }
    .sb01_ip > h3{ font-size:18px; }
    .sb01_ip > p{ font-size:14px; }
}
@media(max-width:500px){
    .sb01_iw{ flex-direction:column; gap:20px; }
}