/****** 공통 ******/
legend {position:absolute; left:-9999px;}
.scroll-y::-webkit-scrollbar {height:3px; width:10px;}
.scroll-y::-webkit-scrollbar-thumb {background-color:#999; border-radius:5px;}
.scroll-y::-webkit-scrollbar-track {background-color:#ccc; border-radius:5px;}

.about .tit_text h1, .about .tit_text h2 {font-size:70px; color:var(--base4); font-weight:700;}
.about .tit_text h1+p, .about .tit_text h2+p {color:#fff; font-weight:700; font-size:50px;}

.about .subpart {position:relative; z-index:22; min-height:100vh; padding:20vh; display:flex; justify-content:center; align-items:center; text-align:center;}
.about .subpart h2 {color: var(--base4);}

/** 홈페이지 제작 ~ 연결합니다. **/
.about .subpart.first .tit_text {position:relative; padding-top:10vh;}
.about .subpart.first .tit_text:before {content:""; display:block; width:50px; height:2px; background:#fff; position:absolute; top:0; left:50%; transform:translateX(-50%);}
.about .small_txt {color:#fff; font-weight:500; line-height:1.8;}
.about .small_txt p {opacity:0.7;}
.about .small_txt b {font-weight:700; font-size:24px; opacity:1; color:#fff;}
.about .subpart.first .small_txt {margin-top:15vh; opacity:1;}
.about .subpart.first .scroll_down {position:absolute; bottom:50px; left:50%; transform:translateX(-50%); overflow:hidden; /*display:flex; justify-content:center; align-items:center;*/ height:160px; width:35px;}
.about .subpart.first .scroll_down div {z-index:2; position:absolute; display:block; width:21px; height:160px; animation:ani_slideDown 2s infinite; background:url(/assets/user/images/about/scorll_down2.png) no-repeat center;}

@keyframes ani_slideDown {
from{transform:translateY(-35px); opacity:0;}
50%{transform:translateY(0);opacity:1;}
to{transform:translateY(35px); opacity:0;}
}
/** 기업 핵심 가치 **/
.about .subpart.value {width:100%; background:url(/assets/user/images/about/bg_about_intro2.webp) no-repeat center; background-size:cover;}
.about .subpart.value .cover {background:rgba(0,0,0,0.5) no-repeat center; width:100%; height:100%; position:absolute; top:0; left:0;}
.about .subpart.value .inner {position:relative; z-index:3;}
.about .subpart.value .small_txt {margin-top:3vh;}
.about .squareWrap {display:grid; grid-template-columns:repeat(4,1fr); gap:20px; margin-top:10vh;}
.about .squareWrap li {background:#fff; border-radius:20px; box-sizing:border-box; padding:70px;}
.about .squareWrap li span.num {font-size:64px; color:var(--base3); font-weight:900; line-height:1;}
.about .squareWrap li p {margin-top:50px; color:#000; letter-spacing:0.2px; line-height:1.4; font-weight:600;}


/** 전국 대응 체계 **/
.about .subpart.locations {height:auto; padding-bottom:20vh;}
.about .locations .map_wrap {display:grid; grid-template-columns:1fr 1fr; gap:70px; margin-top:30px;}
.about .locations .map_wrap .root_daum_roughmap .wrap_controllers, .about .locations .map_wrap .root_daum_roughmap .cont .section.lst {display:none;}

.about .locations .small_txt {margin-top:35px;}
.about .locations .small_txt p  {margin-top:10px;}
.about .locations .map_bx {background:#fff; border-radius:20px; overflow:hidden;}
.about .locations .map_bx .root_daum_roughmap {width:100%;}
.about .locations .map_bx .root_daum_roughmap .wrap_map {height:500px;}
.about .locations .map_bx .address_txt {padding:70px; text-align:left;}
.about .locations .map_bx .address_txt dt {font-size:32px; font-weight:700; color:#000;}
.about .locations .map_bx .address_txt dd {margin-top:15px; color:#000; font-weight:500;}
.about .locations .map_bx .address_txt p {color:var(--base2); font-weight:500; margin-top:15px;}
/* ************************ 태블릿 (~1249) ************************ */
@media screen and (max-width:1249px) {
/****** 공통 ******/
.about .tit_text h1, .about .tit_text h2 {font-size:50px;}
.about .tit_text h1+p, .about .tit_text h2+p {font-size:35px;}

.about .subpart {height:auto; padding:15vh 0;}

/** 홈페이지 제작 ~ 연결합니다. **/
.about .subpart.first .tit_text {padding-top:5vh;}
.about .subpart.first .small_txt {margin-top:10vh;}
.about .squareWrap {margin-top:8vh;}
.about .squareWrap li {padding:50px;}
/** 기업 핵심 가치 **/

/** 전국 대응 체계 **/
.about .subpart.locations {padding-bottom:15vh;}
.about .locations .map_wrap {gap:40px;}
.about .locations .map_bx .root_daum_roughmap .wrap_map {height:300px;}
.about .locations .map_bx .address_txt {padding:40px;}
.about .locations .map_bx .address_txt dt {font-size:26px;}
}

/* ************************ 태블릿 (~991) ************************ */
@media screen and (max-width:991px) {
/****** 공통 ******/
.about .tit_text h1, .about .tit_text h2 {font-size:40px;}
.about .tit_text h1+p, .about .tit_text h2+p {font-size:28px;}
.about .subpart {padding:13vh 0;}

/** 홈페이지 제작 ~ 연결합니다. **/

.about .subpart.first .small_txt {margin-top:5vh;}

/** 기업 핵심 가치 **/
.about .squareWrap-clone {margin-top:5vh;}
.about .squareWrap-clone li {background:#fff; border-radius:20px; box-sizing:border-box; padding:50px;}
.about .squareWrap-clone li span.num {font-size:40px; color:var(--base3); font-weight:900; line-height:1;}
.about .squareWrap-clone li p {margin-top:30px; color:#000; letter-spacing:0.2px; line-height:1.4; font-weight:600;}
/** 전국 대응 체계 **/
.about .subpart.locations {padding-bottom:13vh;}
.about .locations .small_txt {margin-top:25px;}
.about .locations .map_wrap {grid-template-columns:1fr;}
}

/* ************************ 모바일 (~767) ************************ */
@media screen and (max-width:767px) {
/****** 공통 ******/
.about .tit_text h1, .about .tit_text h2 {font-size:36px;}
.about .tit_text h1+p, .about .tit_text h2+p {font-size:24px;}

.about .subpart {padding:12vh 0;}
/** 홈페이지 제작 ~ 연결합니다. **/

/** 기업 핵심 가치 **/

/** 전국 대응 체계 **/
.about .subpart.locations {padding-bottom:12vh;}
.about .locations .map_wrap {gap:30px;}	
.about .locations .map_bx .address_txt {padding:30px;}
.about .locations .map_bx .address_txt dt {font-size:24px;}
}

/* ************************ 모바일 (~500) ************************ */
@media screen and (max-width:500px) { 
/****** 공통 ******/
.about .tit_text h1, .about .tit_text h2 {font-size:30px;}
.about .tit_text h1+p, .about .tit_text h2+p {font-size:20px;}
/** 홈페이지 제작 ~ 연결합니다. **/

/** 기업 핵심 가치 **/

/** 전국 대응 체계 **/
.about .subpart.locations {padding:8vh 0;}
}