@charset "UTF-8";

/* ==========================================================================
Contact Us (Main Layout)
========================================================================== */
.contact-wrap{display:flex;flex-direction:column;align-items:flex-start;position:relative}

/* ==========================================================================
Contact Us (Location & Info)
========================================================================== */
.contact-box{display:flex;flex-direction:column;align-items:flex-start;flex:0 0 auto;position:relative;align-self:stretch;width:100%;}
.contact-title{position:relative;margin-top:-0.1rem;font-weight:var(--font-weight-semibold);font-size:4.4rem;color:var(--color15);letter-spacing:-0.176rem;line-height:1.2;}
.contact-map-box{width:100%;height:50rem}
.contact-map-box > div{width:100%;height:100%}
.contact-map-box .root_daum_roughmap .wrap_map{width:100%;height:100%;}
.contact-map-box .root_daum_roughmap .cont .section.lst{display:none;}

.contact-list{display:flex;align-items:flex-start;flex-wrap:wrap;gap:3.2rem;padding:4rem 0 0;}
.contact-item{display:inline-flex;align-items:center;gap:1.2rem;position:relative;flex:0 0 auto;border-radius:10rem}
.contact-info-icon{position:relative;width:4.8rem;height:4.8rem;background:var(--color29);border-radius:10rem;overflow:hidden}

.contact-info-icon > img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
.contact-info-icon .address{width:2.1rem;height:2.4rem;}
.contact-info-icon .tel{width:1.8rem;height:1.8rem;}
.contact-info-icon .email{width:1.9rem;height:1.5rem;}


.contact-info-subtitle{position:relative;margin-top:-0.1rem;font-weight:var(--font-weight-semibold);font-size:1.6rem;color:var(--color15);letter-spacing:-0.064rem;line-height:1.4;}
.contact-info-desc{position:relative;font-weight:var(--font-weight-regular);font-size:1.4rem;color:var(--color15);letter-spacing:-0.028rem;line-height:1.4;text-decoration:none;opacity:0.5}
.contact-info-desc:hover{text-decoration:underline;opacity:0.7}
.root_daum_roughmap .wrap_controllers{display:none;}
/* ==========================================================================
Contact Us (Transit - Subway)
========================================================================== */
.contact-transit-section{display:flex;align-items:center;gap:4rem;position:relative;flex:0 0 auto;align-self:stretch;width:100%;background:var(--color29)}
.contact-section-title{position:relative;font-weight:var(--font-weight-semibold);font-size:4.4rem;color:var(--color15);letter-spacing:-0.176rem;line-height:1.2;}
.contact-transit-box{display:inline-flex;align-items:center;gap:1.2rem;position:relative;flex:0 0 auto;padding:8px 1.5rem;background:var(--white100);border:0.4rem solid #24b800;border-radius:10rem}
.contact-transit-num{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2.4rem;position:relative;width:5rem;height:5rem;background:#24b800;border:0.4rem solid transparent;border-radius:10rem;box-sizing:border-box;}
.transit-num-text{font-weight:var(--font-weight-semibold);font-size:2.4rem;color:var(--white100);letter-spacing:-0.096rem;line-height:1.4;}
.contact-transit-info{display:inline-flex;flex-direction:column;align-items:flex-start;position:relative;flex:0 0 auto}
.transit-name{font-weight:var(--font-weight-semibold);font-size:2.4rem;color:var(--color15);letter-spacing:-0.096rem;line-height:1.4;}
.transit-line{font-weight:var(--font-weight-semibold);font-size:1.6rem;color:var(--color15);letter-spacing:-0.064rem;line-height:1.4;opacity:0.5}
.contact-transit-list{display:inline-flex;flex-direction:column;align-items:flex-start;justify-content:center;position:relative;}
.contact-transit-item{font-size:1.6rem;color:var(--color15);letter-spacing:-0.032rem;line-height:1.4}

/* ==========================================================================
Contact Us (Transit - Bus)
========================================================================== */
.con-box.subway{padding:4rem 0;}
.contact-bus-section{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;position:relative;padding:0 0 8rem;width:100%;}
.contact-bus-route{display:flex;flex-direction:column;align-items:flex-start;gap:3.2rem;position:relative;align-self:stretch;padding:0 0 4rem;width:100%;}
.contact-bus-route:last-of-type{padding:0;}
.contact-bus-title{position:relative;margin-top:-0.1rem;font-weight:var(--font-weight-semibold);font-size:2.4rem;color:var(--color15);letter-spacing:-0.096rem;line-height:1.4;}
.contact-bus-content{display:inline-flex;flex-wrap:wrap;gap:3.2rem;position:relative;flex:0 0 auto}
.contact-bus-col{display:inline-flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:0.8rem;position:relative;}
.contact-bus-row{display:inline-flex;align-items:flex-start;gap:1.6rem;position:relative;flex:0 0 auto}
.contact-bus-row [class^="bus-badge-"]{display:inline-flex;align-items:center;justify-content:center;gap:1rem;flex-shrink:0;position:relative;flex:0 0 auto;padding:0.4rem 1.2rem;border-radius:0.4rem}
.bus-badge-green{background:#26c000}
.bus-badge-blue{background:#006eff}
.bus-badge-red{background:#d50000}
.bus-badge-airport{background:#8e6e8d}
.bus-badge-nonstop{background:#8144a5}
.bus-badge-light{background:#1e8c2b}
.contact-bus-row .badge-text{position:relative;margin-top:-0.1rem;font-weight:var(--font-weight-regular);font-size:1.6rem;color:var(--white100);letter-spacing:-0.032rem;line-height:1.4;}
.contact-bus-row .bus-nums{position:relative;padding:4px 0 0;font-weight:var(--font-weight-regular);font-size:1.6rem;color:var(--black100);letter-spacing:-0.032rem;line-height:1.4;}

/* ==========================================================================
Contact Us (Apply Now)
========================================================================== */

.contact-apply-content{display:flex;justify-content:space-between;align-items:center;padding:1rem 4rem;height:20rem;background:url(/_res/service/bcci/img/about-us/img-contact-us-now.png) no-repeat 0 0/cover;box-sizing:border-box;}
.contact-apply-text{position:relative;font-weight:var(--font-weight-semibold);font-size:2.4rem;color:var(--color28);letter-spacing:-0.096rem;line-height:1.4;}
.button{display:inline-flex;align-items:center;justify-content:center;gap:0.4rem;position:relative;flex:0 0 auto;padding:1.3rem 1.6rem;background:var(--color14);border-radius:10rem;cursor:pointer;transition:background-color 0.2s ease}
.button-text{font-weight:var(--font-weight-regular);font-size:1.4rem;color:var(--white100);letter-spacing:-0.056rem;line-height:1.2;}
.icon{width:1.6rem;height:1.6rem}

@media screen and (max-width:1024.98px){
	/* ==========================================================================
	Contact Us (Location & Info)
	========================================================================== */
	.contact-map-box{height:33.5rem}
	.contact-list{flex-direction:column;}

	/* ==========================================================================
	Contact Us (Transit - Subway)
	========================================================================== */
	.contact-transit-section{flex-direction:column;gap:3.2rem;}
	.contact-section-title{font-size:3.2rem;}    
	.contact-transit-list{align-items:center;text-align:center;}

	/* ==========================================================================
	Contact Us (Transit - Bus)
	========================================================================== */
	.con-box.subway{padding:6.4rem 0;}
	.contact-bus-section{padding:0 0 6.4rem;}
	.contact-bus-route{gap:2.4rem;padding:0 0 3.2rem;}
	.contact-bus-title{font-size:2rem;}
	.contact-transit-item:first-of-type{padding:0;}
	.contact-transit-item{padding:8px 0 0;}
	/* ==========================================================================
	Contact Us (Apply Now)
	========================================================================== */
	.contact-apply-content{flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:3.2rem;margin:0 -2rem;padding:4rem 2rem;height:auto;}
	.contact-apply-text{font-size:2rem;}
	.con-box.mo-no-mg-b{margin-bottom:0;}	
	.content-wrap:has(.con-box.mo-no-mg-b){margin-bottom:0;}
}

@media screen and (max-width:480px){

	/* ==========================================================================
	Contact Us (Transit - Subway)
	========================================================================== */
	.contact-transit-section{align-items:flex-start;}
	.contact-transit-box{justify-content:center;width:100%;box-sizing:border-box;}
	.contact-transit-list{align-items:flex-start;text-align:left;}

}