@charset "utf-8";

/* 센터소개 sub0401 */
.abs_intro{margin-bottom:130px;}
.abs_intro .titlebox{display:flex;justify-content:center;margin-bottom:55px;padding:52.71px 25px;background:url(/images/abs/sub05/abs_intro_titleboxbg.png) center no-repeat;background-size:cover;text-align:center;}
.abs_intro .titlebox .inner{}
.abs_intro .titlebox .inner strong{display:block;margin-bottom:5px;color:#406f75;font-size:28px;line-height:1.2;letter-spacing:-0.025em;font-weight:bold;font-family:"GmarketSans";}
.abs_intro .titlebox .inner p{margin:0;color:#222;font-size:16px;letter-spacing:-0.025em;}

.abs_intro .intro_section{margin:0 auto;max-width:750px;}
.abs_intro .section01 .purpose{}
.abs_intro .section01 .purpose .inner{position: relative;margin:0 auto;padding:5px 30px;border: 6px solid #153769;text-align:center;}
.abs_intro .section01 .purpose .inner::before{content: "";position: absolute;left: 50%;top: -6px;transform: translateX(-50%);width: calc(100% - 13px);height:6px;background: #fff;}
.abs_intro .section01 .purpose .inner::after{content: "";position: absolute;left: 50%;bottom: -6px;transform: translateX(-50%);width: calc(100% - 13px);height:6px;background: #fff;}
.abs_intro .section01 .purpose .inner em{display:block;margin-bottom:10px;color:#406f75;font-size:17px;line-height:1;letter-spacing: -0.025em;font-weight:bold;font-family:"GmarketSans";}
.abs_intro .section01 .purpose .inner strong{display:block;color:#222;font-size:18px;line-height: 1.4;letter-spacing: -0.025em;}
.abs_intro .section01 .infodesk{position: relative;margin:75px auto 0;width: 281px;height: 281px;}
.abs_intro .section01 .infodesk::before{content: "";position: absolute;left:50%;top:-66px;transform: translateX(-50%);width: 160px;height: 82px;background: url(/images/abs/sub05/intro_section01_arrow.png) no-repeat;}
.abs_intro .section01 .infodesk .title{position: relative;z-index: 5;display: flex;align-items: center;justify-content: center;width: 281px;height: 281px;border-radius: 100%;background: #fff;border: 1px solid #7593cb;}
.abs_intro .section01 .infodesk .title .inner{position: relative;z-index:1;display: flex;align-items: center;justify-content: center;width:227px;height: 227px;background: #eef3fa;border-radius: 100%;text-align: center;}
.abs_intro .section01 .infodesk .title .inner::before{content: "";position: absolute;left:50%;top:50%;z-index:-1;transform: translate(-50%,-50%);width: 174px;height: 174px;background: url(/images/abs/sub05/intro_section01_bg.png) no-repeat;animation: infodeskbg 30s infinite linear;}
.abs_intro .section01 .infodesk .title .inner strong{display: block;color:#2850a0;font-size:28px;line-height:1.21;letter-spacing: -0.025em;font-weight:bold;font-family:"GmarketSans";}
.abs_intro .section01 .infodesk .info{}
.abs_intro .section01 .infodesk .info ul{}
.abs_intro .section01 .infodesk .info ul li{position: absolute;top:calc(50% + 35px);transform: translateY(-50%);text-align:center;}
.abs_intro .section01 .infodesk .info ul li::before{content: "";position: absolute;top:40px;z-index:-1;width:60px;height: 1px;background: #ddd;}
.abs_intro .section01 .infodesk .info ul li .icon{display:inline-block;margin:0 auto 10px;width: 80px;height:80px;border-radius: 100%;background: #3c67b7 url(/images/abs/sub05/intro_section01_ir.png) no-repeat;}
.abs_intro .section01 .infodesk .info ul li .icon.icon01{background-position:0 0;}
.abs_intro .section01 .infodesk .info ul li .icon.icon02{background-position:-80px 0;}
.abs_intro .section01 .infodesk .info ul li .context{}
.abs_intro .section01 .infodesk .info ul li .context strong{display: block;margin-bottom:5px;color:#222;font-size:17px;line-height: 1.3;letter-spacing: -0.025em;font-weight:bold;}
.abs_intro .section01 .infodesk .info ul li .context p{margin:0;color:#444;font-size:16px;line-height: 1.25;letter-spacing: -0.025em;}
.abs_intro .section01 .infodesk .info ul li:nth-child(1){left:-154px;animation: infodesk_info_l 1.2s cubic-bezier(.56, .59, .20, .95);}
.abs_intro .section01 .infodesk .info ul li:nth-child(1)::before{right:-20px;}
.abs_intro .section01 .infodesk .info ul li:nth-child(2){right:-154px;animation: infodesk_info_r 1.2s cubic-bezier(.56, .59, .20, .95);}
.abs_intro .section01 .infodesk .info ul li:nth-child(2)::before{left:-20px;}

.abs_intro .section02{margin-top:50px;}
.abs_intro .section02 .title{margin-bottom:10px;text-align: center;}
.abs_intro .section02 .title strong{position: relative;display:inline-block;color:#153769;font-size:28px;line-height:1.2;letter-spacing: -0.025em;font-weight:bold;font-family:"GmarketSans";}
.abs_intro .section02 .title strong::before{content: "";position: absolute;left:-30px;top:calc(50% - 3px);transform: translateY(-50%);width:7px;height:7px;border-radius:100%;background: #153769;}
.abs_intro .section02 .title strong::after{content: "";position: absolute;right:-30px;top:calc(50% - 3px);transform: translateY(-50%);width:7px;height:7px;border-radius:100%;background: #153769;}
.abs_intro .section02 .abs_work{}
.abs_intro .section02 .abs_work .item{}
.abs_intro .section02 .abs_work .item+.item{margin-top:12px;}
.abs_intro .section02 .abs_work .item .work_title{padding:16px 32px;border-radius: 10px;}
.abs_intro .section02 .abs_work .item .work_title .inner{position: relative;padding-left:35px;color:#fff;font-size:17px;line-height: 1.4;letter-spacing: -0.02em;}
.abs_intro .section02 .abs_work .item .work_title .inner em{position: absolute;left:0;top:50%;transform: translateY(-50%);color:rgba(255,255,255,0.2);font-size:38px;line-height:1;font-weight:bold;font-family: 'Noto Sans KR';}
.abs_intro .section02 .abs_work .item .work_list{margin:8px 0 30px;padding:7.5px 70px;border: 1px solid #daebea;border-radius: 10px;background: #fff;}
.abs_intro .section02 .abs_work .item.bg01 .work_title{background: #449a97;}
.abs_intro .section02 .abs_work .item.bg02 .work_title{background: #3c67b7;}
.abs_intro .section02 .abs_work .item.bg03 .work_title{background: #0091c8;}

@keyframes infodeskbg {
    from {transform:translate(-50%,-50%) rotate(0deg);}
    to{transform:translate(-50%,-50%) rotate(359deg);}
}
@keyframes infodesk_info_l {
    0%{left:0;opacity:0;}
    100%{left:-154px;opacity:1;}
}
@keyframes infodesk_info_r {
    0%{right:0;opacity:0;}
    100%{right:-154px;opacity:1;}
}

@media(max-width:640px){
    .abs_intro .section01 .infodesk .title::before{content: "";position: absolute;left:50%;bottom:-30px;transform: translateX(calc(-50% + 0.5px));width:1px;height:30px;background: #ddd;}
    .abs_intro .section01 .infodesk{width: 100%;height: 100%;}
    .abs_intro .section01 .infodesk .title{margin:0 auto;}
    .abs_intro .section01 .infodesk .info{margin-top:30px;}
    .abs_intro .section01 .infodesk .info ul{overflow: hidden;position: relative;margin-left:-5%;padding-top:30px;}
    .abs_intro .section01 .infodesk .info ul::before{content: "";position: absolute;left:27.6%;top:0;width:50.23%;height: 1px;background: #ddd;}
    .abs_intro .section01 .infodesk .info ul li{position: relative;top:auto;float:left;margin-left:5%;padding: 10px;width:calc(50% - 5%);transform: none;border: 1px solid #ddd;border-radius: 5px;background: #fff;}
    .abs_intro .section01 .infodesk .info ul li::before{left:50% !important;top:-30px;transform: translateX(calc(-50% + 0.5px));width:1px;height:100%;}
    .abs_intro .section01 .infodesk .info ul li:nth-child(1){left:auto;animation: none;}
    .abs_intro .section01 .infodesk .info ul li:nth-child(1)::before{right:auto;}
    .abs_intro .section01 .infodesk .info ul li:nth-child(2){right:auto;animation: none;}
    .abs_intro .section01 .infodesk .info ul li:nth-child(2)::before{left:auto;}

    .abs_intro .section02 .abs_work .item .work_list{padding:7.5px 25px;}
}
@media(max-width:550px){
    .abs_intro .section02 .title strong{font-size:20px;}
    .abs_intro .section02 .title strong::before{left:-20px;}
    .abs_intro .section02 .title strong::after{right:-20px;}
}
@media(max-width:440px){
    .abs_intro .section01 .infodesk .info ul{margin-left:0;padding-top:0;}
    .abs_intro .section01 .infodesk .info ul::before{display: none;}
    .abs_intro .section01 .infodesk .info ul li{float:none;margin-left:0;width:100%;}
    .abs_intro .section01 .infodesk .info ul li+li{margin-top:20px;}
}
/* 센터소개 sub0401 End */

/* 인사말 sub0402 */
.location_se04b .map_box .map_info .map_lst{width: calc(100% - 255px);}

@media(max-width:950px){
    .location_se04b .map_box .map_info .map_lst{width:100%;}
}
/* 인사말 sub0402 End */