@charset "UTF-8";


/* 센터소개 */
.intro{margin: 11rem 0 15.5rem;}
.intro .dv_wrap{ width:1430px; margin: 0 auto; display:flex;justify-content: space-between;}
.intro .left{position:relative;}
.intro .left::after{background:url(/culture/portal/images/sub/intro_lbg.png) no-repeat center / contain;content:"";display:block;width:42.2rem;height:44.8rem;top: -3rem;right:-7.5rem;position:absolute; z-index: -1;}
#conts .intro h3.tit{font-size:4.5rem;line-height:1.2em;color:#212121;position:relative;margin: 7rem 0 5rem;}
#conts .intro h3.tit:after{content:""; display:block; width:5.7rem; height:4.2rem; background:url(/culture/portal/images/sub/intro_quot.png) no-repeat center / contain; position:absolute; top:-6.5rem; left:0;}
.intro h3 .gradi{font-size:5.2rem; background: linear-gradient(135deg, #009678, #065bcf); background-clip:text; -webkit-background-clip: text; color:transparent; font-weight:800;}
.intro p.stit{font-size:2.5rem;font-weight:700;color:#212121;margin-bottom: 2.5rem;}
.point{color:#008b83;}
.intro p.txt{color:#333; line-height:2em; font-size: 1.8rem;}
.intro .right .img_box{position:relative;max-width: 77.4rem;}
.intro .right .img_box::after{content:"";display:block;position:absolute;width:100%;height:100%;border-radius:3rem 18rem 3rem 3rem;bottom:-6.6rem;right:-8.6rem;border: 1rem solid #ebf6f5; z-index:0;}
.intro .right .img_box img{border-radius:3rem 18rem 3rem 3rem; z-index:1; position:relative;}

@media screen and (max-width:1470px){
    .intro .dv_wrap{width:100%; gap:3rem;}
    .intro .dv_wrap .right, 
    .intro .dv_wrap .left{ max-width:calc(50% - 1.5rem);}
    .intro .left::after{right:0;}
    .intro p.txt br{display:none;}
    .intro .right .img_box::after{bottom:-4rem;right: -4rem;}
}
@media screen and (max-width:1200px){
    .intro .right .img_box img{border-radius:3rem 12rem 3rem 3rem;}
    .intro .right .img_box::after{border-radius:3rem 12rem 3rem 3rem; bottom:-4rem;right:-4rem;}
}
@media screen and (max-width: 900px){
    .intro .dv_wrap{flex-direction: column;}
    .intro .dv_wrap .right, 
    .intro .dv_wrap .left{max-width: 100%; margin-bottom:5rem;}
    .intro .left::after{right:10%;}
    .intro .right .img_box{margin:0 auto;}
    .intro .right .img_box::after{display:none;}
}

/* 공간소개 */
.space{margin: 10rem 0 20rem;}
.space_cont{display:flex;/* gap:7.5rem; */margin-bottom:13.7rem;}
.space_cont .img_box{width:73rem;position: relative;}
.space_cont .img_box img{width:100%; border-radius:3rem 18rem 3rem 3rem;}
.space_cont .cont_box{width: calc(100% - 55rem);padding: 4.8rem 10rem 0 25rem;margin: 5.7rem 0 -4.5rem -18rem;border: 1rem solid #ebf1f6;border-radius: 3rem;}
.space_cont .cont_box p{font-size:1.8rem; line-height:2.8rem; color:#555; margin-bottom:3.7rem;}
#conts .space_cont .cont_box h4{font-size:2.6rem;/* line-height: 4.5rem; */margin: 0 0 1.6rem;color:#0167ba;display: flex;align-items: center;}
#conts .space_cont.space02 .cont_box h4{color:#008b83;}
#conts .space_cont .cont_box h4 a.btn_link{font-size:1.6rem;padding: .3rem 2.2rem .3rem 4.4rem;background:#002e54 url(/culture/portal/images/sub/ico_link.png) no-repeat left 2.2rem center;color:#fff;border-radius: 2.25rem;margin-left: 2rem;display: block;font-weight: 500;}
#conts .space_cont.space02 .cont_box h4 a.btn_link{background-color:#003b38;}

.space_cont .cont_box dl{display:flex; flex-wrap:wrap;}
.space_cont .cont_box dl dt, .space_cont .cont_box dl dd{margin-bottom: 2.4rem;font-size:1.7rem;}
.space_cont .cont_box dl dt.tit{width:13.5rem; color:#0167ba; font-weight:600; padding-left:4rem; position:relative;}
.space_cont .cont_box dl dd{width:calc(100% - 13.5rem);}
.space02 .cont_box dl dt.tit{color:#008b83;}
.space_cont .cont_box dl dt.tit::after{content:""; display:block; width:2.9rem; height:2.9rem; position:absolute; border-radius:1.5rem; top:50%; left:0; transform:translateY(-50%); background-repeat:no-repeat; background-position:center;}
.space01 .cont_box dl dt.tit::after{background-color:#0167ba;}
.space02 .cont_box dl dt.tit::after{background-color:#008b83;}
.space_cont .cont_box dl dt:nth-child(1).tit::after{ background-image:url(/culture/portal/images/sub/ico_space01.png);}
.space_cont .cont_box dl dt:nth-child(3).tit::after{ background-image:url(/culture/portal/images/sub/ico_space02.png);}
.space_cont .cont_box dl dt:nth-child(5).tit::after{ background-image:url(/culture/portal/images/sub/ico_space03.png);}
.space_cont .cont_box dl dt:nth-child(7).tit::after{ background-image:url(/culture/portal/images/sub/ico_space04.png);}

@media screen and (max-width:1600px){
    .space_cont .img_box{width:45%;}
    .space_cont .cont_box{width: calc(55% + 18rem); padding-bottom:3rem}
    .space_cont .cont_box dl dt.tit::after{top:-.4rem; transform:translateY(0);}
}
@media screen and (max-width:900px){
    .space_cont{flex-wrap:wrap;}
    .space_cont .img_box{width:100%;}
    .space_cont .img_box{margin: 0 auto;max-width: 83.5rem;padding: 3rem;}
    .space_cont .cont_box{width:100%;margin: -15rem 0 0;padding: 15rem 3rem 3rem;}
    #conts .space_cont .cont_box h4{justify-content:space-between}
}
@media screen and (max-width:400px){
    #conts .space_cont .cont_box h4{flex-wrap:wrap;}
    #conts .space_cont .cont_box h4 a.btn_link{margin-left:0;}
}


/* 찾아오시는 길 */
.way_wrap{margin-bottom:15rem;}
.way_wrap .h3{margin-bottom:3rem;}
.map_wrap{border-radius: 3rem 18rem 3rem 3rem;overflow:hidden;border:2px solid #f0f0f0;margin-bottom: 7rem;}
/* .map_wrap .map{border-radius: 3rem 18rem 3rem 3rem;} */
.map_wrap .root_daum_roughmap .wrap_map{height:460px;}
.map_border{display:none;}
.root_daum_roughmap .cont{display:none;}
.map_info{padding:4.4rem 5.8rem;display: flex;justify-content: space-between; background:linear-gradient( 135deg, #009678,  #027c9e, #0658d2);}
.map_info dl{display:flex; font-size:2rem; color:#fff;}
.map_info dl dt{padding: 1.1rem 2.8rem;background:#fff;border-radius:2.5rem;color:#009678;font-weight:700;margin-right:2rem;}
.map_info dl dd{padding: 1.1rem 0rem;margin-right:10rem;}
.map_info .findWay{background:#00295c url(/culture/portal/images/sub/ico_map.png) no-repeat left 2.5rem center;padding: 1.2rem 2.8rem 1.2rem 5.7rem;color:#fff;border-radius:2.5rem;font-size: 1.8rem;}
.tranport{display:flex; padding-bottom:6rem; border-bottom: 1px dashed #ddd; margin-bottom:8rem;}
.tranport .list-ul ul > li:before, .list-ol ul > li:before{top:1.5rem;}
#conts .tranport .tit_box h4{width:30rem; padding-left:10rem; position:relative; font-size:2.6rem;}
.tranport .tit_box  h4::after{content:"";display:block;width:7rem;height:7rem;border-radius:1.5rem;background-repeat:no-repeat;background-position:center;position:absolute;left:0;top:50%;transform:translateY(-50%);}
.tranport.bus .tit_box h4::after{background-color:rgba(200, 252, 233, 0.3); background-image:url(/culture/portal/images/sub/ico_way01.png)}
.tranport.subway .tit_box  h4::after{background-color:rgba(255, 207, 207, 0.3); background-image:url(/culture/portal/images/sub/ico_way02.png)}
.tranport.car .tit_box  h4::after{background-color:rgba(255, 246, 202, 0.3); background-image:url(/culture/portal/images/sub/ico_way03.png)}
.tranport.park .tit_box  h4::after{background-color:rgba(127, 194, 255, 0.3); background-image:url(/culture/portal/images/sub/ico_way04.png)}
.tranport .cont_box ul ul{margin-top:2rem;}
.tranport .cont_box ul ul li{margin-bottom: 2rem;line-height: 3.5rem;}
.tranport .cont_box ul ul li span.when{padding:1rem 2rem; background:#f5f5f5; color:#757575; border-radius:1.8rem; margin-right:1rem;}
.way_wrap .tbl td{padding-left:4rem;}

@media screen and (max-width:1400px){
    .map_info dl{flex-wrap:wrap;}
    .map_info dl dt{margin-bottom:2rem;}
    .map_info dl dd{margin-right:0rem;width: calc(100% - 15rem);}
    .map_info .findWay{height:5rem;}
}
@media screen and (max-width:900px){
    .map_info{padding:3rem;}
    .map_info dl dt{margin-bottom:0;}
    .map_info dl dd{width:100%; margin-bottom:1rem;}
    .map_info dl dd:nth-child(4){margin-bottom:0;}
}
@media screen and (max-width:768px){
    #conts .tranport .tit_box h4{padding-left:7rem;}
    .map_wrap{border-radius: 3rem 12rem 3rem 3rem;}
    .map_wrap .root_daum_roughmap .wrap_map{height:30rem;}
    .map_info{text-align:center;}
    .map_info dl{font-size:1.6rem; text-align:left;}
    .map_info dl dt{padding: 0.5rem 2rem;}
    .map_info .findWay{font-size: 1.8rem;background-size: 1.6rem;}
    .tranport{flex-direction:column; gap:3rem}
    .tranport .tit_box h4::after{width:5rem; height:5rem; background-size:3rem auto;}
    .tranport .cont_box{padding-left:2rem;}    
    .tranport .cont_box ul ul li span.how{display: block;margin-top: 1rem;}
}
@media screen and (max-width:480px){
    .map_info{flex-wrap:wrap;gap: 2rem;justify-content: center;}
    .tranport .cont_box{padding-left:0rem;}
    .tranport .cont_box ul ul li{word-break: break-word;}
}