@charset "UTF-8";
/***** main *****/
.main #container{padding-bottom:3.75rem}
.main .sec + .sec{margin-top:3.75rem}
.main .sec_tit_area .sec_tit{color:#000}
.main .top_banner .img_visual{position:relative;margin:0 auto;text-align:center;padding-left:11px}
.main .top_banner .img_visual .speech_bubble{position:absolute;left:50%}
.main .top_banner .img_visual .speech_bubble01{top:82px;margin-left:-248px}
.main .top_banner .img_visual .speech_bubble02{top:calc(50% + 8px);margin-left:80px}
.main .top_banner .img_visual .speech_bubble:before{content:'';display:block;position:absolute;background-repeat:no-repeat;background-position:0 0;background-size:cover}
.main .top_banner .img_visual .speech_bubble01:before{top:-42px;left:-50%;width:254px;height:127px;background-image:url(../images/contents/img_main_message_bubble01.svg)}
.main .top_banner .img_visual .speech_bubble02:before{top:-40px;left:-54px;width:241px;height:131px;background-image:url(../images/contents/img_main_message_bubble02.svg)}
.main .top_banner .img_visual .speech_bubble p{position:relative;font-family:'MBC1961GulimM';font-weight:400;font-size:17px;color:#767676}
.main .top_banner .img_visual .lottie_player{display:block;width:100%;height:280px}
.main .top_banner .swiper-slide{border-radius:1.25rem;overflow:hidden}
.main .top_banner .swiper:not(.pause) .swiper-start,
.main .top_banner .swiper.pause .swiper-stop{display:none}
.main .utility_list{display:flex;flex-wrap:wrap;gap:0.5rem}
.main .utility_list > li{width:calc((100% / 2) - 0.25rem)}
.main .utility_list .link{display:block;position:relative;background-color:#fff;border:1px solid rgba(0,0,0,0.1);border-radius:0.75rem;padding:1.187rem}
.main .utility_list .link:before{content:'';display:inline-block;position:absolute;top:50%;right:1.187rem;width:2.5rem;height:2.5rem;background-repeat:no-repeat;background-position:0 0;background-size:cover;transform:translateY(-50%);z-index:1}
.main .utility_list .link .hover_line{position:absolute;top:-1px;left:-1px;width:calc(100% + 2px);height:calc(100% + 2px);border-radius:0.75rem;padding:0 !important;border:1px solid transparent;background-image:linear-gradient(#fff, #fff), linear-gradient(0deg, #1A8DFF 0%, #1AD292 100%);background-origin:border-box;background-clip:content-box,border-box;z-index:0;opacity:0;transition:opacity 0.2s}
.main .utility_list > li:hover .link .hover_line,
.main .utility_list > li:active .link .hover_line{opacity:1}
.main .utility_list > li:nth-child(1) .link:before{background-image:url(../images/icon/ico_utility01.svg)}
.main .utility_list > li:nth-child(2) .link:before{background-image:url(../images/icon/ico_utility02.svg)}
.main .utility_list > li:nth-child(3) .link:before{background-image:url(../images/icon/ico_utility03.svg)}
.main .utility_list > li:nth-child(4) .link:before{background-image:url(../images/icon/ico_utility04.svg)}
.main .utility_list .link .tit{display:inline-block;position:relative;font-weight:600;font-size:0.875rem;line-height:1.3;z-index:1}
.main .consult_box{display:flex;justify-content:center;flex-direction:column;position:relative;height:7.5rem;background-color:#eaf3fc;border-radius:0.75rem;background-image:url(../images/contents/m_bg_main_consult.png);background-repeat:no-repeat;background-position:100% 100%;background-size:cover;overflow:hidden;padding:1.75rem 1.5rem;margin-top:1rem}
.main .consult_box:after{content:'';display:block;position:absolute;top:-0.125rem;right:0.375rem;width:7.812rem;height:7.812rem;background-image:url(../images/contents/character_bot.svg);background-repeat:no-repeat;background-position:0 0;background-size:cover}
.main .consult_box .ico_tel{width:1rem;height:1.312rem;background-image:url(../images/icon/ico_call.svg);margin-right:0.25rem}
.main .consult_box dt{display:flex;font-weight:500;font-size:1rem;color:#0073dd}
.main .consult_box dd{font-family:'Montserrat';font-weight:700;font-size:1.25rem;line-height:1;margin-top:0.5rem}
.main .sec_channel .ico_insta{position:relative;width:1.75rem;height:1.75rem;background:linear-gradient(180deg, #3349EA 0%, #B639C8 26%, #EF317A 56.5%, #F13E42 78.5%, #ECC76D 100%);border-radius:50%}
.main .sec_channel .ico_insta:before{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:url(../images/icon/ico_insta02.svg) no-repeat 50% / 1rem}
.main .sec_channel .sec_cont .swiper{width:calc(100% + (1.25rem * 2));margin-left:-1.25rem;padding:0 1.25rem}
.main .sec_channel .sec_cont .item{display:block;width:10rem;border:1px solid rgba(0,0,0,0.1);aspect-ratio:1/1}

.main .ctrl_area .df{align-items:center;flex-shrink:0}
.main .ctrl_area .btn_ctrl{width:1.5rem;height:1.5rem;background-repeat:no-repeat;background-position:0 0;background-size:100%}
.main .ctrl_area .btn_prev{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='m10.8 12l3.9 3.9q.275.275.275.7t-.275.7t-.7.275t-.7-.275l-4.6-4.6q-.15-.15-.212-.325T8.425 12t.063-.375t.212-.325l4.6-4.6q.275-.275.7-.275t.7.275t.275.7t-.275.7z'/%3E%3C/svg%3E")}
.main .ctrl_area .btn_next{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12.6 12L8 7.4L9.4 6l6 6l-6 6L8 16.6z'/%3E%3C/svg%3E")}
.main .ctrl_area .indicator{min-width:3.125rem;color:#a5a5a5;font-size:0.875em;line-height:1;text-align:center}
.main .ctrl_area .indicator b{color:#000;font-weight:400}
.main .ctrl_area .indicator b:after{content:'';display:inline-block;width:0.125rem;height:0.125rem;margin:0.375rem 0.25rem 0;vertical-align:top;border-radius:50%;background-color:#000}
.main .ctrl_area .nb_scrollbar{width:100%;height:0.125rem;background-color:#dbdbdb}
.main .ctrl_area .nb_scrollbar .bar{height:0.25rem;margin-top:-0.125rem;vertical-align:top;background-color:#000}
/*PC*/
@media screen and (min-width:1024px){
    .main #container{background-color:#f8f9fa;padding-bottom:100px}
    .main .sec + .sec{margin-top:120px}
    .main .sec_tit_area .sec_tit{font-size:32px}
    .main .top_banner{padding-top:20px}
    .main .top_banner .swiper-slide{max-width:1200px}
    .main .utility_area{display:flex;column-gap:1rem}
    .main .utility_list,
    .main .consult_box{width:calc(50% - 8px)}
    .main .utility_list{gap:16px}
    .main .utility_list > li{width:calc((100% / 2) - 8px)}
    .main .utility_list .link{border-radius:20px;padding:31px}
    .main .utility_list .link:before{right:31px;width:48px;height:48px}
    .main .utility_list .link .tit{font-size:20px}
    .main .consult_box{height:auto;background-image:url(../images/contents/bg_main_consult.svg);border-radius:20px;margin-top:0;margin-left:auto;padding:56px}
    .main .consult_box:after{top:11px;right:9px;width:234px;height:234px}
    .main .consult_box .ico_tel{width:24px;height:36px;margin-right:8px;margin-top:-1px}
    .main .consult_box dt{font-size:24px}
    .main .consult_box dd{font-size:40px;margin-top:12px}
    .main .sec_channel .link{font-weight:600;font-size:18px}
    .main .sec_channel .link > span + .ico{margin-left:12px}
    .main .sec_channel .ico_insta{width:40px;height:40px}
    .main .sec_channel .ico_insta:before{background-size:24px}
    .main .sec_channel .sec_cont .item{width:100%;height:100%}
    .main .sec_channel .sec_cont .swiper{width:100%;margin-left:0;padding:0}
    .main .ctrl_area{justify-content:flex-start}
    .main .ctrl_area .nb_scrollbar{margin-top:0}
    @media screen and (max-width:1360px){
        .main .top_banner .swiper-slide{max-width:none;width:calc(100% - (80px * 2))}
    }
    @media screen and (max-width:1280px){
        .main .top_banner .swiper-slide{width:calc(100% - (40px * 2))}
        .main .consult_box:after{top:24px;right:0;width:204px;height:204px}
    }
    @media screen and (max-width:1180px){
        .main .consult_box{padding:32px}
    }
    @media screen and (max-width:1100px){
        .main .consult_box{padding:24px}
        .main .consult_box:after{top:58px;width:174px;height:174px}
    }
}
/*MOBILE*/
@media screen and (max-width:1023px){
    .main .top_banner .img_visual,
    .main .top_banner .swiper_navi{display:none}
    .main .top_banner{padding-top:0.625rem}
    .main .top_banner .swiper-slide{width:calc(100% - (1.25rem * 2))}
    .main .consult_box{background-size:contain}
    .main .consult_box:after{top:0;left:0;width:100%;height:100%;background:url(../images/contents/m_bg_main_consult_line.png) no-repeat 0 0 / contain}
    .main .sec_channel .sec_tit_area{margin-bottom:1.25rem}
    .main .sec_channel .sec_cont .swiper-slide{width:auto !important;height:auto !important}
    .main .sec_channel .sec_cont .swiper{width:calc(100% + 1.25rem);margin-left:0;padding-left:0}
}

/***** sub *****/
/*** 센터안내 ***/
.center_information .page_header{background-image:url(../images/contents/m_bg_center_information.jpg)}
/* 상담복지센터 소개 */
.introduce .intro_banner{position:relative;background:#1a8dff url(../images/contents/m_bg_introduce_gradient.svg) no-repeat 50% 100% / 100%;border-radius:0.75rem;padding:1.75rem 1.5rem 0}
.introduce .intro_banner:after{content:'';display:block;width:18.062rem;height:14.25rem;background:url(../images/contents/character_introduce.png) no-repeat 0 0 / cover;margin:0 auto;overflow:hidden;animation:aniCharacter 0.5s ease both}
@keyframes aniCharacter{
    0%{transform:translate3d(0,100px,0) scale(0)}
    100%{transform:translate3d(0,0,0) scale(1)}
}
.introduce .text_wrap{position:relative;color:#fff}
.introduce .intro_banner:before{content:'';display:block;width:1.25rem;height:1.25rem;background:url(../images/icon/ico_building.svg) no-repeat 0 0 / cover;margin-bottom:1.5rem}
.introduce .text_wrap .tit{font-size:1.5rem;line-height:1}
.introduce .text_wrap p + p{margin-top:0.75rem}
.introduce .text_wrap .tit + p{margin-top:1.25rem}
.introduce .text_wrap p{line-height:1.8}
.introduce .text_wrap p > strong{font-weight:600}
/* 이용안내 */
.facility .hours_list > li{color:#767676}
.facility .use_detail_info > dl + dl{margin-top:1.5rem}
.facility .use_list .card{display:flex;align-items:center;justify-content:center;flex-direction:column;border:1px solid;border-radius:0.5rem;text-align:center;padding:0.75rem}
.facility .use_list .card .tit{display:block}
.facility .use_list .card.intro_card{color:#fff}
.facility .use_list .card .sub_txt{font-size:0.75rem}
.facility .use_list .card:not(.intro_card) .sub_txt{color:#767676}
.facility .use_list .step_list > li{position:relative}
.facility .use_list .step_list > li:not(:last-child):after{content:'';display:block;position:absolute;bottom:-1rem;left:50%;width:1rem;height:1rem;background-repeat:no-repeat;background-position:0 0;background-size:cover;transform:translate(-50%,0)}
.facility .use_list .step_list > li:last-child .card{background-color:#fff}
.facility .use_list .step_list > li:last-child .card strong{font-weight:600}
.facility .use_list > li.personal .card{border-color:rgba(26,141,255,0.3)}
.facility .use_list > li.personal .step_list > li:nth-child(1) .card{background-color:#f7fbff}
.facility .use_list > li.personal .step_list > li:nth-child(2) .card{background-color:#f2f9ff}
.facility .use_list > li.personal .step_list > li:nth-child(3) .card{background-color:#edf7ff}
.facility .use_list > li.personal .intro_card{background-color:#1a8dff;border-color:#1a8dff}
.facility .use_list > li.personal .step_list > li:after{background-image:url(../images/icon/ico_arrow_down01.svg)}
.facility .use_list > li.personal .step_list > li:last-child .card{border-color:#1A8dff;color:#1A8dff}
.facility .use_list > li.telephone .card{border-color:rgba(26,210,146,0.3)}
.facility .use_list > li.telephone .step_list > li:nth-child(1) .card{background-color:#f2fcf9}
.facility .use_list > li.telephone .step_list > li:nth-child(2) .card{background-color:#edfcf7}
.facility .use_list > li.telephone .intro_card{background-color:#1ad292;border-color:#1ad292}
.facility .use_list > li.telephone .step_list > li:after{background-image:url(../images/icon/ico_arrow_down02.svg)}
.facility .use_list > li.telephone .step_list > li:last-child .card{border-color:#1ad292;color:#1ad292}

/* 오시는 길 */
.contact .sec_map{}
.contact .sec_map .map_area{position:relative}
.contact .sec_map .map_area:before{content:'';display:block;position:absolute;bottom:0;left:0;width:100%;height:3px;background-color:#1a8dff}
.contact .sec_map .map{width:100%;height:100%;background:url(../images/contents/m_img_map.png) no-repeat 50% 50% / cover;border-radius:0.75rem 0.75rem 0 0}
.contact .sec_map .map_pin{display:inline-flex;flex-direction:column;align-items:center;row-gap:2.035623409669211vw;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);margin-top:-0.5089058524173028vw;margin-left:5.852417302798982vw}
.contact .sec_map .map_pin p{display:inline-flex;align-items:center;justify-content:center;height:6.6157760814249365vw;background-color:#1a8dff;border-radius:2.035623409669211vw;box-shadow:0 0.5089058524173028vw 2.035623409669211vw 0 rgba(0,0,0,0.15);font-weight:500;font-size:3.0534351145038165vw;color:#fff;padding:0 2.035623409669211vw}
.contact .sec_map .map_pin .pin{display:inline-block;width:2.544529262086514vw;height:2.544529262086514vw;background-color:#1a8dff;border:0.5089058524173028vw solid #fff;border-radius:50%;box-shadow:0 0.5089058524173028vw 2.035623409669211vw 0 rgba(0,0,0,0.15)}
.contact .sec_map .info{background-color:#fff;border-radius:0 0 0.75rem 0.75rem;border:1px solid #f0f0f0;padding:0.75rem 1.187rem 0.937rem}
.contact .sec_map .info .tit{display:block;font-weight:600;font-size:1.125rem;color:#000;margin-bottom:0.5rem}
.contact .sec_map .info_list > li{display:flex;column-gap:0.5rem}
.contact .sec_map .info_list .ico{flex-shrink:0;margin-top:0.187rem}
.contact .sec_map .info_list p{font-weight:500;color:#767676}
.contact .sec_traffic .traffic_list > li + li{margin-top:2rem}
.contact .sec_traffic .traffic_list .tit_area{display:flex;align-items:center;position:relative;background-color:#f2f7fc;border-radius:0.5rem;padding:0 1rem 0 2.75rem}
.contact .sec_traffic .traffic_list .tit_area .tit{font-weight:600;color:#0073dd}
.contact .sec_traffic .traffic_list .info{padding:1rem 1rem 0}
.contact .sec_traffic .traffic_list .info .tit{display:flex;align-items:center;font-weight:600;color:#a5a5a5}
.contact .sec_traffic .traffic_list .info strong.tit{display:block;letter-spacing:-0.01rem}
.contact .sec_traffic .traffic_list .info .text{font-weight:500}
.contact .sec_traffic .traffic_list .info .tit + .text{margin-top:0.5rem}
.contact .sec_traffic .traffic_list .info .badge{height:1.125rem;background-color:#8936e0;border-color:#8936e0;border-radius:6.187rem;font-weight:inherit;font-size:0.687rem;color:#fff;padding:0 0.375rem;margin-right:0.25rem}
.contact .sec_traffic .way_list > li + li{margin-top:1.75rem}
.contact .sec_traffic .route_list{margin-top:1rem}
.contact .sec_traffic .route_list > li{position:relative;padding-left:1rem}
.contact .sec_traffic .route_list > li:before{content:'';display:block;position:absolute;top:0;left:0;width:2px;height:100%;background-color:#8936e0}
.contact .sec_traffic .route_list > li + li{margin-top:1.25rem}
.contact .sec_traffic .route{display:flex;flex-wrap:wrap;gap:0.5rem}
.contact .sec_traffic .route .text{display:inline-flex;flex-wrap:wrap;align-items:center;column-gap:0.5rem;position:relative;color:#000}
.contact .sec_traffic .route .text:not(:last-child):after{content:'';display:block;position:relative;width:1rem;height:1rem;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8'/%3E%3C/svg%3E") no-repeat 0 0 / cover}
.contact .sec_traffic .route .chip{background-color:#f6f6f6;border-radius:0.25rem;border-color:#dbdbdb;color:#333; padding:0 0.312rem}
/* 자주 묻는 질문 */
.faq .div_list .tbody .tr{padding:0}
.tr_faq{width:100%}
.tr_faq .cont{display:flex;padding-top:0.75rem;padding-bottom:0.687rem}
.tr_faq .chip{flex-shrink:0;width:2.25rem;height:2.25rem;border:0}
.tr_faq .question{align-items:center;column-gap:0.75rem;position:relative;padding-right:2.75rem;padding-bottom:0.687rem}
.tr_faq .question:before{content:'';display:block;position:absolute;top:50%;right:0.75rem;width:1rem;height:1rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 512 512'%3E%3Cpath fill='none' stroke='%23767676' stroke-linecap='round' stroke-linejoin='round' stroke-width='32' d='M256 112v288m144-144H112'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:50% 50%;background-size:cover;transform:translateY(-50%)}
.tr_faq.active .question:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23767676' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 12h14'/%3E%3C/svg%3E")}
.tr_faq .question .chip{background-color:#f6f6f6;color:#767676}
.tr_faq .answer{column-gap:1rem;background-color:#f7fafc;border-top:1px solid rgba(0,0,0,.1);padding-left:0.75rem;padding-right:0.75rem}
.tr_faq .answer .chip{background-color:#e6f2fa;color:#0073dd}
.tr_faq .answer .text_box{width:calc(100% - 52px);color:#000;padding-top:0.437rem}
.tr_faq .answer .text_box *{word-break:break-all}
.tr_faq .answer .text_box p{line-height:1.8}
.tr_faq .answer .text_box a[target="_blank"]{display:block;position:relative;font-weight:400;color:#767676;padding-left:1.375rem}
.tr_faq .answer .text_box a[target="_blank"]:before{content:'';display:inline-block;position:absolute;top:0.25rem;left:0;width:0.875rem;height:0.875rem;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24'%3E%3Cpath fill='%23767676' d='M8 6.75a5.25 5.25 0 0 0 0 10.5h1a.75.75 0 0 1 0 1.5H8a6.75 6.75 0 0 1 0-13.5h1a.75.75 0 0 1 0 1.5z'/%3E%3Cpath fill='%23767676' d='M8.25 12a.75.75 0 0 1 .75-.75h6a.75.75 0 0 1 0 1.5H9a.75.75 0 0 1-.75-.75'/%3E%3Cpath fill='%23767676' d='M15 5.25a.75.75 0 0 0 0 1.5h1a5.25 5.25 0 1 1 0 10.5h-1a.75.75 0 0 0 0 1.5h1a6.75 6.75 0 0 0 0-13.5z'/%3E%3C/svg%3E") no-repeat 0 0 / cover}
.tr_faq .answer .text_box p + a[target="_blank"]{margin-top:0.5rem}

/*** 센터소식 ***/
.center_news .page_header{background-image:url(../images/contents/m_bg_center_news.jpg)}
/* 공지사항 */
.notice .div_list .tbody .td_tit a:after{content: ""; display: block; clear: both}
.notice .div_list .tbody .td_tit a > .ico:not(.ico_pin){display:none}
.notice .div_list .tbody .td_tit a > span{display:block}
.notice .div_list .tbody .td_tit a{position:relative}
.notice .div_list .tbody .ico_pin{position:absolute;top:0;left:0}
.notice .div_list .tbody .ico_pin + span{padding-left:1.5rem}
/* 교육일정 */
.edu_schedule .board_view > dt{padding-bottom:0.687rem}
.edu_schedule .board_view > dd{padding-top:1.25rem}
.program{display:flex;flex-direction:column;row-gap:0.5rem}
.program .thumb{aspect-ratio:1/1;border-radius:0.5rem;overflow:hidden}
.program .state{display:flex;align-items:center;justify-content:center;height:2.25rem;border-radius:0.5rem;background-color:#e6faf3}
.program .state > a{display:flex;align-items:center;justify-content:center;width:100%;height:100%}
.program .state p{display:inline-flex;align-items:center;position:relative;font-weight:500;font-size:0.875rem;line-height:1;color:#11a672}
.program:not(.finish) .state p:before{content:'';display:inline-block;width:1.5rem;height:1.5rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%2311a672'%3E%3Cpath d='M14.049 5.54a1 1 0 0 1 1.071.443l.994 1.587a1 1 0 0 0 .316.316l1.587.994a1 1 0 0 1 .444 1.072l-.42 1.824a1 1 0 0 0 0 .448l.42 1.825a1 1 0 0 1-.444 1.07l-1.587.995a.993.993 0 0 0-.316.316l-.994 1.587a1 1 0 0 1-1.071.444l-1.825-.42a1 1 0 0 0-.447 0l-1.825.42a1 1 0 0 1-1.071-.444l-.994-1.587a1.001 1.001 0 0 0-.317-.316l-1.586-.994a1 1 0 0 1-.444-1.071l.419-1.825a1 1 0 0 0 0-.448l-.42-1.824a1 1 0 0 1 .445-1.072l1.586-.994a1 1 0 0 0 .317-.316l.994-1.587a1 1 0 0 1 1.07-.443l1.826.419a1 1 0 0 0 .447 0z'/%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='m9.515 12.536l2.035 1.949l2.935-4.97'/%3E%3C/g%3E%3C/svg%3E");background-repeat:no-repeat;background-position:0 0;background-size:cover}
.program .info .tit{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:600;font-size:0.875rem;color:#000}
.program .info .period{font-size:0.75rem;color:#767676;line-height:1;margin-top:0.5rem}
.program .info .summary{display:flex;flex-wrap:wrap;gap:0.5rem 1rem;border-top:1px solid #f0f0f0;margin-top:0.437rem;padding-top:0.5rem;overflow:hidden}
.program .info .summary > dl{display:flex;align-items:center;column-gap:0.312rem;position:relative}
.program .info .summary > dl dt{font-size:0.75rem;color:#767676;line-height:1}
.program .info .summary > dl dd{font-weight:500;font-size:0.75rem;line-height:1}
.program .info .summary > dl + dl:before{content:'';display:inline-block;position:absolute;top:0;left:-0.5rem;width:1px;height:0.75rem;background-color:#f0f0f0}
.program.finish .state{background-color:#dbdbdb}
.program.finish .state p{color:#767676}
/*.program.finish .state > a{pointer-events:none}*/ /* https://itsm.ntoday.kr/ITSM-032-02594  해당 건으로 주석처리 */

/*** 상담/심리검사 ***/
.counsel .page_header{background-image:url(../images/contents/m_bg_counsel.jpg)}
.counsel .sec_define + .sec{margin-top:1.25rem}
.counsel .define_banner{position:relative;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;border-radius:0.75rem;overflow:hidden;padding:2.406rem 1.5rem}
.counsel .define_banner dl dt{font-weight:700;font-size:1.25rem;line-height:1;color:#fff}
.counsel .define_banner dl dd{font-weight:500;font-size:0.875rem;line-height:1.8;color:#fff;margin-top:1rem}
/* 전화상담 */
.counsel .online .define_banner{background-color:#00cd86;background-image:url(../images/contents/m_bg_counsel_gradient01.svg)}
/* 개인상담 */
.counsel .private .define_banner{background-color:#fc8060;background-image:url(../images/contents/m_bg_counsel_gradient02.svg)}
/* 심리검사 */
.counsel .mental .define_banner{background-color:#6e80ff;background-image:url(../images/contents/m_bg_counsel_gradient03.svg)}
.counsel .mental .tbl_list .sort{width:34%}
.counsel .mental .tbl_list .subs{width:calc(100% - 34%)}
.counsel .mental .tbl_list tbody td strong{word-break:keep-all}
/* 가족상담 */
.counsel .family .define_banner{background-color:#ff778f;background-image:url(../images/contents/m_bg_counsel_gradient04.svg)}
/* AI 채팅상담 */
.counsel .ai_chat .define_banner{background-color:#00c1db;background-image:url(../images/contents/m_bg_counsel_gradient05.svg)}

/*** 사업안내 ***/
.business > .contents{padding-top:1.75rem}
.business .page_header{background-image:url(../images/contents/m_bg_business.jpg)}
.business .define_wrap{border-bottom:2px solid #1ad292;padding-bottom:0.75rem}
.business .define_wrap dl dt{font-weight:700;font-size:1.25rem;line-height:1;color:#00a67c}
.business .define_wrap dl dd{font-size:0.875rem;line-height:1.8;color:#767676;margin-top:0.75rem}
.business .define_wrap + .cont{margin-top:1.125rem}
.business .cont_list > li{position:relative;padding-left:1.375rem}
.business .cont_list > li:before{content:'';display:block;position:absolute;top:0.187rem;left:0;width:1rem;height:1rem;background:url(../images/icon/ico_verify.svg) no-repeat 0 0 / cover}
.business .cont_list > li + li{margin-top:1.5rem}
.business .cont_list .tit{display:block;font-weight:600;color:#000}
.business .cont_list .tit + ul{margin-top:0.75rem}
.business .cont_list dl dd{line-height:1.8;color:#000;margin-top:0.5rem}
.business .cont_list dl + div{margin-top:0.625rem}
.business .cont_list .detail{margin-top:0.5rem}
.business .cont_list .detail .sub_tit{font-size:0.875rem;line-height:1.8;color:#000}
.business .cont_list .detail ul > li{font-size:0.875rem;line-height:1.8;color:#000}
.business .cont_list .detail ul > li > span{position:relative;padding-left:1.25rem}
.business .cont_list .detail ul > li > span:before{content:'';display:inline-block;position:absolute;top:0.437rem;left:0.437rem;width:0.187rem;height:0.187rem;background-color:#000;border-radius:50%}
.business .tbl_list td{color:#000}
/* 상담교육 */
.business .tbl_list .subject{width:66%}
.business .tbl_list .target{width:calc(100% - 66%)}

/*** 페이지 준비중 ***/
.comming_soon .text_box{text-align:center}
.comming_soon .text_box:before{content:'';display:block;width:13.937rem;height:13.937rem;background-image:url(../images/common/character_comming_soon.svg);background-repeat:no-repeat;background-position:0 0;background-size:cover;margin:0 auto 1.25rem}
.comming_soon .tit{font-size:1.5rem}
.comming_soon .tit strong{display:inline-block}
.comming_soon .tit + .txt{margin-top:1rem}

/*PC*/
@media screen and (min-width:1024px){
    /*** 센터안내 ***/
    .center_information .page_header{background-image:url(../images/contents/bg_center_information.jpg)}
    /* 상담복지센터 소개 */
    .introduce .intro_banner{display:flex;column-gap:40px;background-image:url(../images/contents/bg_introduce_gradient.svg);padding:40px}
    .introduce .intro_banner:before{position:absolute;top:40px;left:40px;width:28px;height:28px;margin-bottom:0}
    .introduce .intro_banner:after{flex-shrink:0;width:392px;height:309px;margin:11px 0 -40px auto;}

    .introduce .text_wrap{display:flex;flex-direction:column;align-self:flex-end;max-width:660px;padding-top:40px}
    .introduce .text_wrap .tit{font-size:32px}
    /* 이용안내 */
    .facility .hours_list{display:flex}
    .facility .hours_list > li + li{position:relative;padding-left:24px}
    .facility .hours_list > li + li:before{content:'';display:block;position:absolute;top:6px;left:0.75rem;width:1px;height:16px;background-color:#dbdbdb}
    .facility .use_list > li + li{margin-top:28px}
    .facility .use_list .card{min-height:160px;border-radius:12px;text-wrap:balance;word-break:keep-all;padding:19px}
    .facility .use_list .card .tit{position:relative;font-size:18px}
    .facility .use_list .card .sub_txt{position:relative;margin-top:0.25rem}
    .facility .use_list .intro_card{justify-content:flex-start;align-items:flex-start;position:relative;width:22%;text-align:left}
    .facility .use_list .intro_card:before{content:'';display:block;position:absolute;bottom:0;right:0;width:100%;height:100%;background-repeat:no-repeat;background-position:100% 100%;background-size:contain}
    .facility .use_list > li.personal .intro_card:before{background-image:url(../images/contents/character_use_guide01.svg)}
    .facility .use_list > li.telephone .intro_card:before{background-image:url(../images/contents/character_use_guide02.svg)}
    .facility .use_list > li{display:flex;column-gap:16px}
    .facility .step_list{display:flex;column-gap:20px;flex:1}
    .facility .use_list .step_list > li{width:calc((100% / 4) - 15px)}
    .facility .use_list .step_list > li:not(:last-child):after{top:50%;bottom:auto;left:auto;right:-20px;width:20px;height:20px;transform:translate(0,-50%) rotate(-90deg)}
    .facility .use_detail_info > dl + dl{margin-top:32px;padding-top:32px}
    .facility .use_detail_info > dl + dl:before{content:'';display:block;position:absolute;top:-1px;right:0;width:calc(100% - (140px + 20px));height:1px;background-color:#f0f0f0}

    /* 오시는 길 */
    .contact .sec_map .map_area{height:440px}
    .contact .sec_map .map_area:before{height:4px}
    .contact .sec_map .map{background-image:url(../images/contents/img_map.png)}
    .contact .sec_map .map_pin{row-gap:6px;margin-top:0;margin-left:-41px}
    .contact .sec_map .map_pin p{height:29px;border-radius:8px;box-shadow:0 2px 8px 0 rgba(0,0,0,0.15);font-size:14px;padding:0 8px}
    .contact .sec_map .map_pin .pin{width:12px;height:12px;border-width:2px;box-shadow:0 2px 8px 0 rgba(0,0,0,0.15)}
    .contact .sec_map .info{padding:20px 31px 23px}
    .contact .sec_map .info .tit{font-size:20px}
    .contact .sec_map .info_list{display:flex;column-gap:40px}
    .contact .sec_map .info_list > li{column-gap:6px}
    .contact .sec_map .info_list .ico{width:18px;height:18px;margin-top:2px}
    .contact .sec_traffic .sec_tit_area{margin-bottom:24px}
    .contact .sec_traffic .traffic_list > li{display:flex;align-items:center;column-gap:40px}
    .contact .sec_traffic .traffic_list > li + li{margin-top:12px}
    .contact .sec_traffic .traffic_list .tit_area{flex-direction:column;justify-content:center;align-self:stretch;row-gap:12px;width:140px;padding:28px}
    .contact .sec_traffic .traffic_list .info{padding:20px 0}
    .contact .sec_traffic .traffic_list .info .badge{height:20px;font-size:12px}
    .contact .sec_traffic .way_list > li + li{margin-top:40px}
    .contact .sec_traffic .route_list{margin-top:24px}
    .contact .sec_traffic .route{gap:12px}
    .contact .sec_traffic .route .chip{font-size:14px}
    /* 자주 묻는 질문 */
    .faq .div_list .tbody .td_tit{font-size:18px}
    .tr_faq .cont{padding:20px 23px 19px}
    .tr_faq .question{column-gap:20px;padding-right:52px}
    .tr_faq .question:before{right:28px}
    .tr_faq .answer{column-gap:32px}
    .tr_faq .chip{width:40px;height:40px;font-size:18px}
    @media screen and (min-width:1921px){
        .contact .sec_map .map_pin{margin-top:4px;margin-left:-51px}
    }

    /*** 센터소식 ***/
    .center_news .page_header{background-image:url(../images/contents/m_bg_center_news.jpg)}
    /* 공지사항 */
    .notice .board_view{margin-top:20px}
    .notice .div_list .th.w100{padding-left:12px}
    .notice .div_list .td.w100{text-align:right}
    /* 교육일정 */
    .edu_schedule .data_list{gap:60px 50px}
    .edu_schedule .data_list > li{width:calc((100% / 5) - 40px)}
    .edu_schedule .board_view > dt{padding:27px 31px 23px}
    .edu_schedule .board_view > dd{padding:28px 31px 27px}
    .program{row-gap:12px}
    .program .info .tit{font-size:16px}
    .program .info .period,
    .program .info .summary > dl dt,
    .program .info .summary > dl dd{font-size:14px}
    .program .info .summary{margin-top:11px;padding-top:12px}
    @media screen and (max-width:1320px){
        .edu_schedule .data_list{column-gap:30px}
        .edu_schedule .data_list > li{width:calc((100% / 5) - 24px)}
    }
    @media screen and (max-width:1200px){
        .edu_schedule .data_list{column-gap:18px}
        .edu_schedule .data_list > li{width:calc((100% / 5) - 15px)}
    }

    /*** 상담/심리검사 ***/
    .counsel .sec_define + .sec{margin-top:40px}
    .counsel .page_header{background-image:url(../images/contents/bg_counsel.jpg)}
    .counsel .define_banner{display:flex;justify-content:center;flex-direction:column;min-height:360px;padding:0 64px}
    .counsel .define_banner:before{content:'';display:block;position:absolute;background-repeat:no-repeat;background-position:0 0;background-size:cover;animation:aniCharacter2 0.5s ease both}
    @keyframes aniCharacter2 {
        0%{transform:translate3d(0,150px,0) scale(0)}
        100%{transform:translate3d(0,0,0) scale(1)}
    }
    .counsel .define_banner dl{position:relative}
    .counsel .define_banner dl dt{font-size:40px}
    .counsel .define_banner dl dd{font-size:18px;margin-top:24px}
    /* 전화상담 */
    .counsel .online .define_banner{background-image:url(../images/contents/bg_counsel_gradient01.svg)}
    .counsel .online .define_banner:before{bottom:-64px;right:82px;width:265px;height:394px;background-image:url(../images/contents/character_counsel01.png)}
    /* 개인상담 */
    .counsel .private .define_banner{background-image:url(../images/contents/bg_counsel_gradient02.svg)}
    .counsel .private .define_banner:before{bottom:-66px;right:126px;width:300px;height:373px;background-image:url(../images/contents/character_counsel02.png)}
    /* 심리검사 */
    .counsel .mental .define_banner{background-image:url(../images/contents/bg_counsel_gradient03.svg)}
    .counsel .mental .define_banner:before{bottom:-85px;right:83px;width:358px;height:395px;background-image:url(../images/contents/character_counsel03.png)}
    .counsel .mental .tbl_list .sort{width:280px}
    .counsel .mental .tbl_list .subs{width:calc(100% - 280px)}
    /* 가족상담 */
    .counsel .family .define_banner{background-image:url(../images/contents/bg_counsel_gradient04.svg)}
    .counsel .family .define_banner:before{bottom:-40px;right:35px;width:433px;height:399px;background-image:url(../images/contents/character_counsel04.png)}
    /* AI 채팅상담 */
    .counsel .ai_chat .define_banner{background-image:url(../images/contents/bg_counsel_gradient05.svg)}
    .counsel .ai_chat .define_banner:before{bottom:0px;right:58px;width:359px;height:323px;background-image:url(../images/contents/character_counsel05.png)}

    /*** 사업안내 ***/
    .business > .contents{padding-top:40px}
    .business .page_hedaer{background-image:url(../images/contents/bg_business.jpg)}
    .business .define_wrap{display:flex;align-items:flex-end;position:relative;height:220px;border-width:4px;padding-bottom:44px;overflow:hidden}
    .business .define_wrap dl{position:relative}
    .business .define_wrap dl dt{font-size:32px}
    .business .define_wrap dl dd{font-size:18px;margin-top:20px}
    .business .define_wrap:before{content:'';display:block;position:absolute;bottom:0;right:0;width:380px;height:220px;background-repeat:no-repeat;background-position:0 0;background-size:contain;animation:aniCharacter3 0.5s ease both}
    @keyframes aniCharacter3{
        0%{transform:translate3d(0,170px,0) scale(0)}
        100%{transform:translate3d(0,0,0) scale(1)}
    }
    .business .define_wrap + .cont{margin-top:44px}
    .business .cont_list > li{padding-left:26px}
    .business .cont_list > li:before{top:4px;width:18px;height:18px}
    .business .cont_list > li + li{margin-top:40px}
    .business .cont_list .tit{font-size:18px}
    .business .cont_list dl + div{margin-top:12px}
    .business .cont_list .detail .sub_tit{font-size:16px }
    .business .cont_list .detail ul > li{font-size:16px}
    .business .cont_list .detail ul > li > span{padding-left:24px}
    .business .cont_list .detail ul > li > span:before{top:8px;left:10px;width:3px;height:3px}
    .business .tbl_list tbody td{padding:16px 27px}
    .business .tbl_list tbody tr + tr td{border-top:1px solid #f0f0f0;padding-top:15px}
    /* 상담교육 */
    .business .counsel_edu .define_wrap:before{background-image:url(../images/contents/character_business01.svg)}
    /* 청소년 안전망 */
    .business .youth_safety .define_wrap:before{background-image:url(../images/contents/character_business02.svg)}
    /* 청소년 동반자 */
    .business .youth_partner .define_wrap:before{background-image:url(../images/contents/character_business03.svg)}
    @media screen and (max-width:1240px){
        .business .define_wrap:before{width:26.666666666666668vw;height:15.416666666666666vw}
    }

    /* 페이지 준비중 */
    .comming_soon .text_box:before{width:334px;height:334px}
    .comming_soon .tit{font-size:32px}
    .comming_soon .tit + .txt{margin-top:24px}
}

/*MOBILE*/
@media screen and (max-width:1023px){
    /*** 센터안내 ***/
    /* 상담복지센터 소개 */
    .introduce .text_wrap{padding-bottom:1.5rem}
    .introduce .text_wrap p{font-size:0.875rem}
    /* 이용안내 */
    .facility .hours_list{margin-top:0.25rem}
    .facility .use_list > li + li{border-top:1px solid #f0f0f0;margin-top:1.187rem;padding-top:1.25rem}
    .facility .use_list .card{font-size:0.875rem}
    .facility .use_list .card.intro_card{min-height:4rem}
    .facility .use_list .card + .step_list{margin-top:0.75rem}
    .facility .use_list .step_list > li + li{margin-top:1rem}
    /* 오시는 길 */
    .contact .sec_map .map_area{aspect-ratio:1/0.8612}
    .contact .sec_map .info_list > li + li{margin-top:0.5rem}
    .contact .sec_map .info_list p{font-weight:500;font-size:0.875rem}
    .contact .sec_traffic .traffic_list .info .tit,
    .contact .sec_traffic .traffic_list .info .text{font-size:0.875rem}
    .contact .sec_traffic .traffic_list .info strong.tit{letter-spacing:-0.176px}
    .contact .sec_traffic .traffic_list .info .tit + .text{margin-top:12px}
    .contact .sec_traffic .traffic_list .tit_area{column-gap:0.5rem;height:2.5rem}
    .contact .sec_traffic .traffic_list .tit_area .ico{position:absolute;top:50%;left:1rem;transform:translateY(-50%)}
    .contact .sec_traffic .traffic_list .tit_area .ico_subway{left:1.187rem}
    /* 자주 묻는 질문 */
    .tr_faq .question{align-items:center}
    .tr_faq .answer .text_box *{font-size:0.875rem}

    /*** 상담/심리검사 ***/
    .counsel > .contents{padding-top:1.25rem}

    /*** 사업안내 ***/
    .business .cont_list dl dd{font-size:0.875rem}
    .business .mo_no_pad{width:calc(100% + 1.5rem);margin-left:-1.5rem}

    /* 페이지 준비중 */
    .comming_soon .txt{font-size:0.875rem}
}

/* 사전오픈안내 */
#wrap.pre_open{background-color:#13c285;padding-top:0}
.pre_open .contents{max-width:none;padding-top:4.25rem;padding-bottom:0;overflow:hidden}
.pre_open .cont_header{position:relative;z-index:1}
.pre_open .cont_header > .sec{position:relative}
.pre_open .cont_header:before{content:'';display:block;position:absolute;top:-4.25rem;left:0;width:calc(100% + (1.25rem * 2));height:7.562rem;background:url(../images/pre/m_bg_cloud01.svg) no-repeat 50% 100% / cover;margin-left:-1.25rem}
.pre_open .cont_header .tit{position:relative;line-height:1}
.pre_open .cont_header .tit,
.pre_open .cont_header .period,
.pre_open .cont_body .sec_tit{font-family:'Hakgyoansim';text-align:center}
.pre_open .cont_header .tit1{display:inline-block;position:relative;font-size:1.5rem;color:#004a30}
.pre_open .cont_header .tit1:before{content:'';display:block;position:absolute;top:-1rem;left:-0.75rem;width:0.875rem;height:0.812rem;background:url(../images/pre/img_quotation01.svg) no-repeat 0 0 / cover}
.pre_open .cont_header .tit1:after{content:'';display:block;position:absolute;top:-0.687rem;right:-0.625rem;width:0.625rem;height:0.812rem;background:url(../images/pre/img_quotation02.svg) no-repeat 0 0 / cover}
.pre_open .cont_header .tit2{display:block;width:20.125rem;height:2.793rem;background:url(../images/pre/m_img_banner_tit.png) no-repeat;margin:0.5rem auto 0}
.pre_open .cont_header .txt{position:relative;font-weight:500;font-size:0.875rem;color:#fff;margin-top:0.937rem;padding:0 1rem;z-index:1}
.pre_open .cont_header .period{display:flex;align-items:center;justify-content:center;position:absolute;bottom:-1.375rem;right:-0.375rem;width:6rem;height:5.937rem;transform:rotate(14.916deg)}
.pre_open .cont_header .period:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:url(../images/pre/m_bg_plate.svg) no-repeat 0 0 / cover}
.pre_open .cont_header .period > p{position:relative;font-size:1.25rem;line-height:1.2;color:#fff;-webkit-text-stroke:1px #004a30;padding-bottom:0.437rem}
.pre_open .cont_body{padding-bottom:1.5rem}
.pre_open .cont_body:before{content:'';display:block;position:absolute;top:-2.937rem;left:0;width:calc(100% + (1.25rem * 2));height:calc(100% + 2.937rem);background:url(../images/pre/m_bg_cloud02.svg) no-repeat 50% 0 / cover;margin-left:-1.25rem}
.pre_open .cont_body .sec{position:relative}
.pre_open .cont_body .sec + .sec{margin-top:1rem}
.pre_open .cont_body .character{position:relative;margin-top:0.375rem;margin-bottom:-3.625rem;padding-top:0.706rem;z-index:0}
.pre_open .cont_body .character:before{content:'';display:block;position:absolute;top:0;left:0;width:22.312rem;height:9.812rem;background:url(../images/pre/m_img_confetti.svg) no-repeat 0 0 / cover;margin-left:-0.312rem}
.pre_open .cont_body .character .img_wrap{width:16.312rem;height:11.312rem;margin:0 auto}
.pre_open .cont_body .character + .sec{position:relative}
.pre_open .cont_body .sec_tit_area{display:inline-flex;align-items:center;justify-content:center;min-height:2.5rem;background-color:#004a30;border-radius:6.187rem;margin:0 auto}
.pre_open .cont_body .sec{text-align:center}
.pre_open .cont_body .sec_tit{font-weight:400;font-size:1rem;color:#fff;line-height:1}
.pre_open .cont_body .sec_cont{background-color:#fff;border-radius:1.25rem;border:2px solid #004a30;padding:0.875rem;margin-top:-1rem}
.pre_open .counsel_list{display:flex;flex-wrap:wrap;gap:1.375rem 1.562rem}
.pre_open .counsel_list .text_box{display:flex;justify-content:center;position:relative;padding-top:6.375rem}
.pre_open .counsel_list .text_box:before{content:'';position:absolute;top:0;left:50%;width:8.125rem;height:8.125rem;background-color:#f6f6f6;background-repeat:no-repeat;border-radius:50%;transform:translate(-50%,0)}
.pre_open .counsel_list > li:nth-child(1) .text_box:before{background-image:url(../images/pre/character_counsel01.png);background-position:50% 0.937rem;background-size:5rem 6.75rem}
.pre_open .counsel_list > li:nth-child(2) .text_box:before{background-image:url(../images/pre/character_counsel02.png);background-position:calc(50% + 0.281rem) 0.937rem;background-size:5.937rem 6.562rem}
.pre_open .counsel_list > li:nth-child(3) .text_box:before{background-image:url(../images/pre/character_counsel03.png);background-position:100%0;background-size:100% auto}
.pre_open .counsel_list > li:nth-child(4) .text_box:before{background-image:url(../images/pre/character_counsel04.png);background-position:calc(50% + 0.218rem) 1.187rem;background-size:6.562rem 6.187rem}
.pre_open .counsel_list .text_box .tit{display:flex;align-items:center;justify-content:center;position:relative;width:8.125rem;height:2.125rem;font-weight:600;font-size:0.875rem;line-height:1;color:#004a30;text-align:center;background:url(../images/pre/m_bg_speech_bubble.svg) no-repeat 0 0 / cover;padding-top:0.375rem}
.pre_open .use_detail_info > dl > dt{line-height:1.5}
.pre_open .use_detail_info > dl > dd{text-align:left;line-height:1.5}
.pre_open .hours_list > li{color:#767676}
.pre_open .use_list > li + li{margin-top:0.25rem}
.pre_open .ico_location{width:1rem;height:1rem;background-image:url(../images/pre/ico_location.svg)}
.pre_open .map_area{position:relative;width:100%;height:44.783715012722645vw;background-color:#fffbe8;border:1px solid #004a30;border-radius:0.5rem;overflow:hidden}
.pre_open .map_area .map{width:100%;height:100%;background:url(../images/pre/m_img_map.png) no-repeat 50% 50% / cover}
.pre_open .map_area .map_pin{display:inline-flex;align-items:center;flex-direction:column;row-gap:0.375rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);margin-top:-4.580152671755725vw;margin-left:5.343511450381679vw}
.pre_open .map_area .map_pin p{width:max-content;background-color:#13c285;border-radius:0.5rem;box-shadow:0 0.125rem 0.5rem 0 rgba(0,0,0,0.15);font-weight:600;font-size:0.75rem;color:#fff;padding:0.25rem 0.5rem}
.pre_open .map_area .map_pin .pin{width:0.75rem;height:0.75rem;background-color:#13c285;border-radius:50%;border:2px solid #fff}
.pre_open .ico_calling{width:1rem;height:1rem;background-image:url(../images/pre/ico_calling.svg)}
.pre_open .sec_inquiry .number{font-weight:700;font-size:1.125rem;line-height:1;color:#13c285}
.pre_open .sec_inquiry .txt{font-size:0.75rem;line-height:1;color:#767676;margin-top:0.5rem}
.pre_open .footer_area{position:relative;margin-top:1.5rem}
.pre_open .footer_area .logo{width:13.75rem;height:1.25rem;background:url(../images/pre/logo.svg) no-repeat 0 0 / cover;margin:0 auto}
/*PC*/
@media screen and (min-width:769px){
    #wrap.pre_open{padding-top:0;padding-top:0}
    #wrap.pre_open #container{min-height:inherit}
    .pre_open .contents{position:relative;padding:66px 0 0}
    .pre_open .cont_header:before{top:-66px;left:auto;right:0;width:198px;height:199px;background-image:url(../images/pre/bg_cloud01.svg);margin-left:0}
    .pre_open .cont_header .tit1{font-size:44px}
    .pre_open .cont_header .tit2{width:497px;height:68px;background-image:url(../images/pre/img_banner_tit.png)}
    .pre_open .cont_header .sec,
    .pre_open .cont_body .sec:not(.sec_bundle > .sec){max-width:800px;margin-left:auto;margin-right:auto;padding-left:50px;padding-right:50px}
    .pre_open .cont_header .tit2{font-size:68px;margin-top:16px}
    .pre_open .cont_header .txt{font-size:16px;text-align:center;margin-top:11px}
    .pre_open .cont_header .period{top:-27px;bottom:auto;left:38px;right:auto;width:110px;height:110px;transform:rotate(-10.584deg)}
    .pre_open .cont_header .period:before{background-image:url(../images/pre/bg_plate.svg)}
    .pre_open .cont_header .period > p{font-size:24px}
    .pre_open .cont_body:before{top:0;width:100%;height:100%;background-image:url(../images/pre/bg_cloud02.svg);background-position:50% 0;margin-left:0}
    .pre_open .cont_body .sec_tit_area{height:44px;padding:0 24px}
    .pre_open .cont_body .sec_tit{font-size:20px}
    .pre_open .cont_body .sec_cont{padding:18px 38px;margin-top:-20px}
    .pre_open .cont_body .character{margin-top:6px;margin-bottom:-98px;padding-top:0;padding-left:7px}
    .pre_open .cont_body .character:before{top:-82px;left:50%;width:599px;height:260px;background-image:url(../images/pre/img_confetti.svg);transform:translate(-50%,0)}
    .pre_open .cont_body .character .img_wrap{width:427px;height:295px}
    .pre_open .counsel_list{justify-content:space-between;gap:0;padding:28px 0 16px}
    .pre_open .counsel_list .text_box{padding-top:102px}
    .pre_open .counsel_list .text_box:before{width:130px;height:130px}
    .pre_open .counsel_list .text_box .tit{height:38px;background-image:url(../images/pre/bg_speech_bubble.svg);font-size:16px}
    .pre_open .sec_work .sec_tit_area,
    .pre_open .sec_guide .sec_tit_area{width:420px}
    .pre_open .sec_guide .use_detail_info {padding:20px 0}
    .pre_open .sec_guide .use_detail_info > dl {column-gap:0}
    .pre_open .sec_guide .use_detail_info > dl + dl{margin-top:12px}
    .pre_open .sec_guide .use_detail_info > dl > dt{width:104px}
    .pre_open .sec_guide .use_detail_info > dl > dd{padding-top:3px}
    .use_detail_info > dl > dt .ico{flex-shrink:0;width:18px;height:18px}
    .pre_open .hours_list{display:flex;margin-top:4px}
    .pre_open .hours_list > li{line-height:1.8}
    .pre_open .hours_list > li + li{position:relative;padding-left:24px}
    .pre_open .hours_list > li + li:before{content:'';display:block;position:absolute;top:6px;left:0.75rem;width:1px;height:16px;background-color:#dbdbdb}
    .pre_open .use_list dl{display:flex;column-gap:6px}
    .pre_open .sec_bundle{display:flex}
    .pre_open .sec_bundle > .sec + .sec{margin-top:0;margin-left:20px}
    .pre_open .sec_location{width:100%}
    .pre_open .sec_location .sec_cont{padding:33px 22px 22px}
    .pre_open .sec_location .use_detail_info > dl > dt{width:auto}
    .pre_open .map_area{width:376px;height:176px;margin-top:8px}
    .pre_open .map_area .map{background-image:url(../images/pre/img_map.png)}
    .pre_open .map_area .map_pin{margin-top:-16px;margin-left:21px}
    .pre_open .sec_inquiry{width:100%}
    .pre_open .sec_inquiry .sec_cont{padding:40px 30px 38px}
    .pre_open .sec_inquiry .use_detail_info > dl{flex-direction:column}
    .pre_open .sec_inquiry .use_detail_info > dl + dl{border-top:1px solid #f0f0f0;margin-top:19px;padding-top:20px}
    .pre_open .sec_inquiry .use_detail_info > dl > dt{font-size:16px}
    .pre_open .sec_inquiry .number{font-size:24px}
    .pre_open .sec_inquiry .txt{font-size:14px}
    .pre_open .footer_area .logo{width:264px;height:24px}
    @media screen and (min-width:1720px){
        .pre_open .cont_body:before{}
    }
    @media screen and (max-width:1023px){
        .pre_open .sec_guide .use_detail_info > dl > dd{padding-top:0}
    }
    @media screen and (max-width:800px){
        .pre_open .sec_inquiry .sec_cont{padding-left:18px;padding-right:18px}
        .pre_open .sec_inquiry .number{font-size:22px}
    }
}
/*MOBILE*/
@media screen and (max-width:768px){
    .pre_open .cont_body{position:relative}
    .pre_open .cont_body .sec_tit_area{width:calc(100% - (1.062rem * 2))}
    .pre_open .cont_header .txt{padding-right:5.625rem}
    .pre_open .cont_header .txt br{display:none}
    .pre_open .counsel_list{padding:1.5rem 1.062rem}
    .pre_open .counsel_list > li{width:calc((100% / 2) - (1.562rem / 2))}
    .pre_open .sec_guide .use_detail_info{padding:1.125rem 0.937rem 0.75rem }
    .pre_open .sec_guide .use_detail_info > dl {flex-direction:column}
    .pre_open .sec_guide .use_detail_info > dl > dt{width:100%;font-size:0.875rem}
    .pre_open .hours_list{margin-top:0.25rem}
    .pre_open .sec_location .use_detail_info{padding:0.5rem 0.312rem}
    .pre_open .sec_location .use_detail_info dl > dt{width:auto}
    .pre_open .sec_inquiry .use_detail_info{display:flex;column-gap:2.125rem;padding:1rem 0.937rem 0.5rem}
    .pre_open .sec_inquiry .use_detail_info > dl{flex-direction:column; flex:1}
    .pre_open .sec_inquiry .use_detail_info > dl + dl{margin-top:0}
    @media screen and (max-width:390px){
        .pre_open .cont_body .character:before{width:100%;margin-left:0}
        .pre_open .counsel_list{padding-left:0;padding-right:0}
    }

    @media screen and (max-width:360px){
        .main .utility_list .link{padding-left:1rem;padding-right:1rem}
        .introduce .intro_banner{padding-left:1.25rem;padding-right:1.25rem}
        .counsel .define_banner{padding-left:1.25rem;padding-right:1.25rem}
        .contact .sec_traffic .traffic_list .info{padding-left:0;padding-right:0}
        .introduce .intro_banner:after{width:100%;height:61.388888888888886vw}
    }

}