/*°øÅë*/
.overview { max-width:890px}
.sub-title { padding: 150px 0 100px;text-align: center;}
.sub-title h2 { font-size: 54px; font-weight: 700;color: #000; line-height: 1.2; max-width: 700px}
.sub-title p { font-size: 18px; color: #555;padding: 0px 0 50px 0; line-height: 1.65;}
.sub-title.left { text-align: left;}
.sub-title.left strong {color: #0460d9; font-size: 18px; padding-bottom: 20px;display: block}

.sub-content-title {padding: 100px 0 50px;}
.sub-content-title h3 {font-size: 38px;color: #222;font-weight: 700;}
.sub-content-title h3::after {content: ""; width: 7px; height: 7px; background: #0460d9;border-radius: 50%;display: inline-block;margin-left: 10px;}

.dot-title { display: block;  position: relative; margin-top: 30px;  padding-left: 20px; font-size: 16px; font-weight: 500; line-height: 22px; color: #000 }
.dot-title::before {content: "";  display: inline-block;  position: absolute; top: 5px; left: 0; width: 10px; height: 10px;  background-image: url("../img/sub/icon_hexa_blue.svg"); background-size: auto; background-position: center;  background-repeat: no-repeat}
.dot-title--nomb { margin-top: 0}
.dot-title--bottom { margin-top: 0;  margin-bottom: 30px}
.sub_title { text-align: left;  padding: 0px 20px 50px 20px; max-width: 1600px; word-break: keep-all; margin:100px auto}
.sub_title h2 {font-size: 40px; color: #000; max-width: 600px}

/* main common */
.max-inner{max-width:1600px; width:100%; padding: 0 20px; margin:0 auto;}
.sec-title p.sub-tit{font-size:18px; color:#0460d9; font-weight:600; margin-bottom:20px;}
.max-inner .top-desc { font-size: 24px; font-weight: 700; max-width: 830px; word-break: keep-all; padding: 28px 0; line-height: 1.4;}


.download-button { margin: 50px 0 0; }
.download-button a { display: inline-block; padding: 20px 50px; background: #0460d9; color: #fff; }
.download-button a img { margin-left: 20px; }

@media screen and (max-width:576px) {
     .sub_title{margin:50px 0 50px}
	 .sub_title h2 { font-size:25px; line-height: 1.3}
}



/* CEO */
.ceo_message { position: relative; }
.ceo_message .sticky-container { position: sticky; top: 0;  overflow: hidden; }
.ceo_message .image { width: 100%; height: 350px; overflow: hidden; position: relative; transition: height 0.8s cubic-bezier(0.25, 0.1, 0.25, 1); }
.ceo_message .image img { width: 1400px; height: 350px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: all 0.8s cubic-bezier(0.25, 0.1, 0.25, 1); object-fit: cover; }
.ceo_message .text-content { background-color: white; padding: 100px 0 0 0; position: relative; z-index: 1; transition: transform 0.8s cubic-bezier(0.25, 0.1, 0.25, 1); transform: translateY(100%); }
.ceo_message .row { display: flex; flex-wrap: wrap; max-width: 1200px; margin: 0 auto; }
.ceo_message .box-tit { flex: 1 1 100%; margin-bottom: 30px; }
.ceo_message .box-con { flex: 1 1 100%; }
.ceo_message .tit-h4 { font-size: 48px; font-weight: bold; line-height: 1.2; }
.ceo_message .top-copy { font-size: 38px; font-weight: 600; line-height: 1.2; margin-bottom: 20px; max-width: 700px; word-break: keep-all; }
.ceo_message .top-copy strong { font-size: 40px; font-weight: 800; color:#ffa600}
.ceo_message .top-desc { font-size: 24px; font-weight: 700; line-height: 1.4; margin-bottom: 30px; max-width: 700px; word-break: keep-all; }
.ceo_message .ceo-msg p { font-size: 18px; line-height: 1.6; margin-bottom: 20px; }
.ceo_message .ceo-msg p strong { display: block; font-size: 24px; font-weight: 700; color: #111; margin-bottom: 24px; }
.ceo_message .ceo-name { font-weight: 700; font-size: 18px; margin-top: 30px; }

@media (min-width: 768px) { 
    .ceo_message .box-tit { flex: 0 0 30%; } 
    .ceo_message .box-con { flex: 0 0 70%; } 
}
@media (max-width: 576px) { 
    .ceo_message .tit-h4 { font-size: 36px; }
    .ceo_message .top-copy { font-size: 28px; }
    .ceo_message .top-desc { font-size: 20px; } 
    .ceo_message .image img { width: 100%; height: 100%; }
}




/* ¿À½Ã´Â ±æ */
.width {
    width: 96% !important;
    max-width: 1400px;
    margin: 0 auto;
    position: relative;
}

/* ¿À½Ã´Â ±æ */

.map_wrap{width: 100%; position: relative;}
.root_daum_roughmap{width: 100% !important; height: 100%;}
.root_daum_roughmap .wrap_controllers{display: none;}
.map_wrap .map_company{position: absolute; z-index: 3; top:25%; right: 0; background: #f9f9f9; padding: 30px 40px;}
.map_wrap .map_company h2{padding-bottom: 20px; border-bottom: 1px solid #ccc;}
.map_wrap .map_company h2 img{width: 170px; }
.map_wrap .map_company ul{display: flex; margin-top: 20px;}
.map_wrap .map_company ul li{display: flex; align-items: center; font-size: 2.0rem;}
.map_wrap .map_company ul li:first-child{margin-right: 50px;}
.map_wrap .map_company ul li .feather{margin-right: 10px;}
/* ¸Ê¹öÆ° */
.map_btn{margin-top: 160px; text-align: center; display: flex; justify-content: center;}
.map_btn a{display: flex; align-items: center; justify-content: center; width: 250px; height: 55px; font-size: 2.0rem; color: #fff;}
.map_btn a > i{font-size: 30px; margin-right: 10px;}
.map_btn a:first-child{border: 1px solid #00c63b; background:#00c63b; margin-right: 15px;}
.map_btn a:last-child{border: 1px solid #f9e200; background: #f9e200; color: #3d1d1c;}
/* ±³Åë */
.visit_wrap{margin-top: 100px;}
.visit_wrap .visit_box{display: flex;justify-content: space-between; align-items: flex-start; padding-bottom: 40px; border-bottom: 1px solid #ccc; margin-bottom: 40px;}
.visit_wrap .visit_box:last-of-type{margin-bottom: 0px; padding-bottom: 0px; border-bottom: 0px;}
.visit_wrap .visit_box h3{display: flex; align-items: center; font-size: 2.8rem; width: 30%;}
.visit_wrap .visit_box h3 i{width: 40px; height: 40px; border-radius: 7px; background: #525e75; color: #fff; text-align: center; line-height: 40px; position: relative; z-index: 2; margin-right: 15px;}
.visit_wrap .visit_box ul{width: 70%;}
.visit_wrap .visit_box ul li{font-size: 1.8rem; line-height: 130%; margin-top: 20px;}
.visit_wrap .visit_box ul li:first-of-type{margin-top: 0px;}
.visit_wrap .visit_box ul li span{display: inline-block; width: auto; height: auto; line-height: 30px; font-weight:bold; text-align: center; background:#fff; color: #000; border-bottom: 1px solid #dadada; margin-right: 10px; font-size: 16px; padding:5px;}
.visit_wrap .visit_box ul li span.bus1{background: #fff;}
.visit_wrap .visit_box ul li span.bus2{background: #fff;}
.visit_wrap .visit_box ul li span.bus3{background: #fff;}
.visit_wrap .visit_box ul li span.way1{background: #fff;}
.visit_wrap .visit_box ul li span.way2{background: #fff;}
.visit_wrap .visit_box ul li span.way3{background: #fff;}
.visit_wrap .visit_box ul li span.way4{background: #fff;}
@media all and (max-width: 1024px) {

}
@media all and (max-width: 850px) {
	.map_wrap .map_company{position: relative; bottom: initial; padding:0px;}
	.map_btn{margin-top: 10px;}
	.visit_wrap .visit_box{flex-direction: column;}
	.visit_wrap .visit_box h3{width: 100%; margin-bottom: 20px;}
	.visit_wrap .visit_box ul li{margin-top: 12px; font-size:14px;}
	.visit_wrap .visit_box ul{width: 100%; padding-left: 20px;}
}
@media all and (max-width: 768px) {
	.map_wrap .map_company ul{flex-direction: column;}
	.map_wrap .map_company ul li {font-size:14px;}
	.map_wrap .map_company ul li:first-child{margin-right: 0px; margin-bottom: 20px;}
	.map_btn a{width: 50%;}
	.map_btn a:first-child{margin-right: 10px;}

}

@media all and (min-width: 240px) and (max-width: 768px) {
	.visit_wrap .visit_box ul li span {width:auto;height:auto;padding:5px;}
}