@charset "utf-8";

#inc06{overflow:hidden}
#inc06 .col-2{display:flex;gap:90px}
#inc06 .col-2.location{padding:150px 0 170px}

#inc06 .col-2.location .fl-l{max-width:632px;width:100%}
#inc06 .col-2.location .fl-l .adr{gap:15px;padding-bottom:60px;border-bottom:1px solid #e1e1e1}
#inc06 .col-2.location .fl-l .adr .material-symbols-outlined{font-variation-settings:'FILL' 1,'wght' 400,'GRAD' 0,'opsz' 24;color:var(--primary);transform:translateY(5px)}
#inc06 .col-2.location .fl-l .adr div{display:flex;flex-direction:column;gap:20px}
#inc06 .col-2.location .fl-l .adr div h2{font-size:26px;font-weight:700;line-height:1.4;white-space:pre-line;word-break:keep-all;color:var(--primary)}
#inc06 .col-2.location .fl-l .adr div p{font-size:17px;line-height:1.6;color:#666}
#inc06 .col-2.location .fl-l .info{display:flex;flex-direction:column;gap:60px;padding-left:34px;padding-top:36px}
#inc06 .col-2.location .fl-l .info .col-2{justify-content:space-between;gap:30px;padding-right:45px}
#inc06 .col-2.location .fl-l .info dl{display:flex;flex-direction:column;gap:32px}
#inc06 .col-2.location .fl-l .info dt{font-size:24px;font-weight:700;color:#111;display:flex;align-items:center;gap:20px}
#inc06 .col-2.location .fl-l .info dt span{font-size:14px;font-weight:500;color:#777}
#inc06 .col-2.location .fl-l .info dd.tel{font-size:24px;font-weight:700;color:#111}
#inc06 .col-2.location .fl-l .info dd ul{display:flex;flex-direction:column;gap:15px}
#inc06 .col-2.location .fl-l .info dd ul li{display:flex;align-items:center;font-size:16px;color:#111;font-weight:500}
#inc06 .col-2.location .fl-l .info dd ul li span{width:100px;font-weight:700}
#inc06 .col-2.location .fl-l .info .dot{position:relative;padding-left:20px}
#inc06 .col-2.location .fl-l .info .dot::before{position:absolute;content:'';top:50%;left:0;transform:translateY(-50%);width:3px;aspect-ratio:1;border-radius:10px;background-color:#111}
#inc06 .col-2.location .fl-l .notice-list{display:flex;flex-direction:column;gap:10px;padding:20px 25px;background-color:#f7f7f7;border-radius:10px}
#inc06 .col-2.location .fl-l .notice-list li{font-size:14px;line-height:1.3;color:#93979e;word-break:keep-all}

#inc06 .col-2.location .fl-r{display:flex;flex-direction:column;gap:34px;flex:1;width:100%;max-width:717px}
#inc06 .col-2.location .fl-r .map-box{width:100%;height:463px;border-radius:10px;overflow:hidden}
#inc06 .col-2.location .fl-r .map-box iframe{width:100%;height:100%}
#inc06 .col-2.location .fl-r .map-list{display:flex;align-items:center;justify-content:center}
#inc06 .col-2.location .fl-r .map-list li{display:flex;align-items:center}
#inc06 .col-2.location .fl-r .map-list li::before{content:'';width:1px;height:28px;margin:0 65px;background-color:rgba(52,52,52,0.2);transform:translateZ(0);will-change:transform}
#inc06 .col-2.location .fl-r .map-list li:first-child::before{display:none}
#inc06 .col-2.location .fl-r .map-list li a span{display:flex;align-items:center;gap:14px;font-size:18px;font-weight:700;color:#111;transition:color 0.2s}
#inc06 .col-2.location .fl-r .map-list li a:hover span{color:var(--primary)}

/* 반응형 [s] */
@media (max-width:1500px){
#inc06 .col-2.location{padding:100px 20px 120px}
#inc06 .col-2.location .fl-l{max-width:570px}
#inc06 .col-2.location .fl-l .adr{gap:12px;padding-bottom:50px}
#inc06 .col-2.location .fl-l .adr .material-symbols-outlined{font-size:22px}
#inc06 .col-2.location .fl-l .adr div{gap:15px}
#inc06 .col-2.location .fl-l .adr div h2{font-size:22px}
#inc06 .col-2.location .fl-l .adr div p{font-size:16px}
#inc06 .col-2.location .fl-l .info dl{gap:24px}
#inc06 .col-2.location .fl-l .info dt{font-size:22px}
#inc06 .col-2.location .fl-l .info .dot{padding-left:15px}
#inc06 .col-2.location .fl-l .info dd.tel{font-size:22px}
#inc06 .col-2.location .fl-l .info dt span{font-size:13px}
#inc06 .col-2.location .fl-r{max-width:none;gap:26px}
#inc06 .col-2.location .fl-r .map-box{height:400px}
#inc06 .col-2.location .fl-r .map-list li a span{font-size:17px}
#inc06 .col-2.location .fl-r .map-list li::before{height:24px}
}
@media (max-width:1400px){
#inc06 .col-2{gap:60px}
#inc06 .col-2.location .fl-l{max-width:535px}
}
@media (max-width:1300px){
#inc06 .col-2.location{padding:80px 20px 100px}
#inc06 .col-2.location .fl-l{max-width:500px}
#inc06 .col-2.location .fl-l .adr{gap:8px;padding-bottom:36px}
#inc06 .col-2.location .fl-l .adr .material-symbols-outlined{font-size:20px;transform:translateY(4px)}
#inc06 .col-2.location .fl-l .adr div{gap:12px}
#inc06 .col-2.location .fl-l .adr div h2{font-size:20px}
#inc06 .col-2.location .fl-l .adr div p{font-size:15px}
#inc06 .col-2.location .fl-l .info{gap:36px;padding-left:28px}
#inc06 .col-2.location .fl-l .info dl{gap:18px}
#inc06 .col-2.location .fl-l .info dt{font-size:18px}
#inc06 .col-2.location .fl-l .info dd.tel{font-size:18px}
#inc06 .col-2.location .fl-l .info dd ul li{font-size:15px}
#inc06 .col-2.location .fl-l .info .dot{padding-left:12px}
#inc06 .col-2.location .fl-l .info dd ul li span{width:80px}
#inc06 .col-2.location .fl-r .map-box{height:340px}
#inc06 .col-2.location .fl-r .map-list li::before{margin:0 50px}
}
@media(max-width:1200px){
#inc06 .col-2.location{flex-direction:column;align-items:center}
#inc06 .col-2{gap:38px}
#inc06 .col-2.location .fl-l{max-width:560px}
#inc06 .col-2.location .fl-l .adr{flex-direction:column;align-items:center;gap:12px;text-align:center}
#inc06 .col-2.location .fl-l .adr div{gap:8px}
#inc06 .col-2.location .fl-l .adr .material-symbols-outlined{font-size:24px;transform:translateY(0)}
#inc06 .col-2.location .fl-l .info{padding:36px 30px 0}
#inc06 .col-2.location .fl-l .info dt{font-size:17px}
#inc06 .col-2.location .fl-l .info dd.tel{font-size:17px}
#inc06 .col-2.location .fl-l .info .col-2{padding-right:0}
#inc06 .col-2.location .fl-l .notice-list{gap:6px}
#inc06 .col-2.location .fl-r .map-box{height:375px}
#inc06 [data-aos="fade-right"], #inc06 [data-aos="fade-left"]{transform:translate3d(0, 80px, 0) !important}
#inc06 [data-aos="fade-right"].aos-animate, #inc06 [data-aos="fade-left"].aos-animate {transform:translate3d(0, 0, 0) !important}
}
@media (max-width:1024px){
#inc06 .col-2.location .fl-l .adr{padding-bottom:30px}
#inc06 .col-2.location .fl-l .info{gap:30px;padding:32px 30px 0}
#inc06 .col-2.location .fl-r .map-list li a span{font-size:16px}
#inc06 .col-2.location .fl-r .map-list li::before{height:18px;margin:0 44px}
}
@media (max-width:768px){
#inc06 .col-2{gap:25px}
#inc06 .col-2.location{padding:60px 20px 80px}
#inc06 .col-2.location .fl-l .adr{gap:10px;padding-bottom:24px}
#inc06 .col-2.location .fl-l .adr div h2{font-size:18px}
#inc06 .col-2.location .fl-l .info dt{font-size:16px}
#inc06 .col-2.location .fl-l .info dd.tel{font-size:16px}
#inc06 .col-2.location .fl-l .info dd ul li{font-size:14px}
#inc06 .col-2.location .fl-l .notice-list{padding:16px 22px}
#inc06 .col-2.location .fl-l .notice-list li{font-size:13px}
#inc06 .col-2.location .fl-r{gap:20px}
#inc06 .col-2.location .fl-r .map-box{height:340px}
#inc06 .col-2.location .fl-r .map-list li a span{gap:10px;font-size:15px}
#inc06 .col-2.location .fl-r .map-list li::before{height:15px;margin:0 28px}
}
@media (max-width:480px){
#inc06 .col-2.location{padding:50px 20px 30px}
#inc06 .col-2.location .fl-l .adr{gap:8px}
#inc06 .col-2.location .fl-l .adr div h2{font-size:16px}
#inc06 .col-2.location .fl-l .adr div p{font-size:14px}
#inc06 .col-2.location .fl-l .info{gap:25px;padding:30px 0 0}
#inc06 .col-2.location .fl-l .info .col-2{flex-direction:column;gap:24px}
#inc06 .col-2.location .fl-l .info dl{gap:12px;align-items:center}
#inc06 .col-2.location .fl-l .info dt{flex-direction:column;gap:7px;width:110px;font-size:15px}
#inc06 .col-2.location .fl-l .info dd.tel{font-size:15px}
#inc06 .col-2.location .fl-l .info dd ul{gap:10px}
#inc06 .col-2.location .fl-l .info dd ul li span{width:74px}
#inc06 .col-2.location .fl-l .info .dot{padding-left:8px}
#inc06 .col-2.location .fl-r .map-box{height:320px}
#inc06 .col-2.location .fl-r .map-list li a span{gap:6px;font-size:14px}
#inc06 .col-2.location .fl-r .map-list li::before{height:12px;margin:0 16px}
}
@media (max-width:390px){
#inc06 .col-2.location .fl-r .map-list{flex-wrap:wrap;gap:10px 0}
#inc06 .col-2.location .fl-r .map-list li a span{font-size:13px}
#inc06 .col-2.location .fl-r .map-list li::before{height:10px;margin:0 14px}
}
/* 반응형 [e] */