body{overflow-y: scroll;}
.mobile_wr{max-width:var(--body_width);margin:0 auto;overflow-x: hidden;}

/* bar */
.bar{ height: 1.0rem; background-color: var(--light);}

.loading_float {
    display:none;
    position: fixed;
    top: 0;
    left: 50%;
    max-width: var(--body_width);
    background: transparent;
    width: 100%;
    z-index: 1000;
    height: 100%;
    transform: translateX(-50%);
}
.loading_float.show{display:block;}
.loading_round {
    position: fixed;
    background: #fff;
    width: 5.2rem;
    height: 5.2rem;
    position: fixed;
    top: 13.4rem;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    box-shadow: 0 0 1.6rem rgba(0, 0, 0, 0.2);
}
.loading_round .spinner-border{color: var(--secondary);border-right-color: #E9E9E9;width: 2.4rem;height: 2.4rem;border-width:0.35rem;}

/*버튼*/
.bottom_btn {
    position: fixed;
    left: 50%;
    bottom: 0;
    width: 100%;
    max-width: var(--body_width);
    transform: translateX(-50%);
    padding-bottom: env(safe-area-inset-bottom);
    z-index:1040;
}
.bottom_btn .btn_wrap{padding:2.0rem 1.5rem 1.0rem;background: linear-gradient(180deg, transparent 0, #fff 20%);position: relative;}
.bottom_btn .spc_bubble {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate3d(-50%, -4.0rem, 0);
    width: 100%;
}


.go_top {
    width: 6.0rem;
    height: 6.0rem;
    background: url(../img/gotop_btn.png) no-repeat center;
    background-color: rgba(0,0,0,0.8);
    background-size: cover;
    z-index: 1000;
    display: none;
    position: fixed;
    right: 0;
    bottom: 0;
    backdrop-filter: blur(9px);
}
.go_top.show{display: block;}
.zd_2{position:relative;z-index:2;}
.zd_3{position:relative;z-index:3;}

.icon90{width:9.0rem;flex-shrink: 0;}
.icon80{width:8.0rem;flex-shrink: 0;}
.icon70{width:7.0rem;flex-shrink: 0;}
.icon60{width:6.0rem;flex-shrink: 0;}
.icon52{width:5.2rem;flex-shrink: 0;}
.icon50{width:5.0rem;flex-shrink: 0;}
.icon44{width:4.4rem;flex-shrink: 0;}
.icon40{width:4.0rem;flex-shrink: 0;}
.icon38{width:3.8rem;flex-shrink: 0;}
.icon36{width:3.6rem;flex-shrink: 0;}
.icon34{width:3.4rem;flex-shrink: 0;}
.icon32{width:3.2rem;flex-shrink: 0;}
.icon30{width:3.0rem;flex-shrink: 0;}
.icon28{width:2.8rem;flex-shrink: 0;}
.icon27{width:2.7rem;flex-shrink: 0;}
.icon24{width:2.4rem;flex-shrink: 0;}
.icon20{width:2.0rem;flex-shrink: 0;}
.icon18{width:1.8rem;flex-shrink: 0;}
.icon16{width:1.6rem;flex-shrink: 0;}
.icon15{width:1.5rem;flex-shrink: 0;}
.icon14{width:1.4rem;flex-shrink: 0;}
.icon12{width:1.2rem;flex-shrink: 0;}

.icon_shadow{filter: drop-shadow(0 0.3rem 0.6rem rgba(254,103,110,0.49));}

.btn_roudned {
    height: 4.0rem;
    width: 4.0rem;
    border: 1px solid var(--border);
    border-radius: 50%;
    z-index: 3;
    position: relative;
    padding: 0;
    flex-shrink: 0;
    background: #fff;
}
.btn_roudned:hover{background:var(--light);}

.dot_menu{border-radius:0.8rem;}
.dot_menu[aria-expanded="true"]{background:var(--gray-100);}

.fixed_rb_btn {
    position: fixed;
    right: 50%;
    bottom: 12.0rem;
    transform: translateX(27.2rem);
    z-index: 1001;
}
.fixed_rb_btn .btn_fixed{width:5.2rem;height:5.2rem;border-radius:50%;background:var(--secondary);padding: 0;box-shadow: 0 0.3rem 0.6rem rgba(0, 0, 0, 0.07);margin-top:0.8rem;}

/*PC헤더 스타일*/
.logo img{height:auto; width: 18rem;}
.hd_pc{position: fixed; left: 0; top: 0; width: 100%;z-index:1000;background: #fff;z-index: 999;}
.hd_pc .container-fluid{ display: flex; align-items: center; justify-content: space-between; height: var(--hd_height);padding-left:3.5rem;padding-right:3.5rem;}
.hd_pc .nav_ul{display:flex;font-size:1.6rem;font-weight:600;margin-right:2.0rem;}
.hd_pc .nav_ul .nav_li{position:relative;}
.hd_pc .nav_ul .nav_li > a{display:block;padding:0 3.0rem;}
.hd_pc .nav_ul .nav_li > a span{position:relative;display:block;height:100%;display:flex;height:var(--hd_height);align-items: center;text-align: center;line-height: 130%;word-break: keep-all;}
.hd_pc .nav_ul .nav_li > a span:after{content:'';display:none;width:100%;height:3px;background:var(--primary);position:absolute;left:0;bottom:2.0rem;}
.hd_pc .nav_ul .nav_li:hover > a span:after, .hd_pc .nav_ul .nav_li.active > a span:after{display:block;}
.hd_pc .nav_ul .nav_li:hover .dropdown-menu{display:block;}

.hd_pc .nav_ul2{display: none;min-width: 15rem;font-size:1.5rem;padding:1.5rem 0;z-index: 9999;position: absolute; background:rgba(0,0,0,0.6); top: 100%; left: 50%; transform: translateX(-50%);backdrop-filter: blur(6px); border-radius: 0.8rem;}
.hd_pc .nav_li:hover .nav_ul2{display: block; }
.hd_pc .nav_ul2 a{display: block; padding: 0.5rem 2rem; white-space: nowrap;color:var(--gray-300);}
.hd_pc .nav_ul2 a:hover{color:#fff;}
.hd_pc .nav_ul2 li:last-child a{border-bottom:0;}
.hd_pc .nav_ul2 a span{display:block;}
.hd_pc .nav_a img, .hd_pc .nav_ul2 a img{display: none;}


.tnb{flex-shrink: 0;}
.tnb ul{display: flex; align-items: center;}
.tnb li{margin-left:2.4rem;}
.tnb li:nth-child(1){margin-left:0;}
.tnb a{color:var(--gray);display:block;}

/* 헤더 */
.hd_m {
    display:flex;
    align-items: center;
    justify-content: space-between;
    height: var(--hd_height_m) !important;
    width: 100%;
    max-width: var(--body_width);
    background: #fff;
    position: fixed;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    padding:0 2.0rem;
    z-index: 1000;
}
.hd_m .logo img{width:10rem;display:flex;}
.hd_m button{border:0; background: transparent;}
.hd_m .hd_menu_btn img{height:4rem;}


.hd_m .page_tit{}
.hd_m .hd_btn, .modal-header .hd_btn {display: flex;align-items: center;}

.hd_m button.top_alim, .hd_m button.top_chat{position:relative;}
.hd_m button.top_alim span, .hd_m button.top_chat span {
    color: #fff;
    background: var(--primary);
    display: inline-block;
    position: absolute;
    right: 0.0rem;
    top: 0.0rem;
    border-radius: 0.8rem;
    width:0.4rem;
    height:0.4rem;
}

/*투명 상단*/
.hd_transparent{background: transparent;border:0;}
.hd_transparent .nav_a, .hd_transparent .tnb a{color:#fff;}
.hd_transparent img{
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
}
.hd_pc.hd_transparent .nav_ul .nav_li > a span:after{background:#fff;}

/* 모바일 메뉴 */
.hd_menu_btn {font-size: 2rem;}
.m_menu_wr {
    visibility: hidden;
    opacity: 0;
    position: fixed;
    top: 0;
    left: 50%;
    width: 100%;
    height: 100%;
    max-width: var(--body_width);
    z-index: 99999;
    transition: all 0.5s ease-in-out;
    display: flex;
    justify-content: flex-end;
    overflow: hidden;
    transform: translateX(-50%);
}

/* x버튼 */
.close_btn_wr{display: none; opacity: 0;}
.m_nav .close_btn_wr {
    display: flex;
    justify-content: space-between;
    opacity: 0;
    height: var(--hd_height_m);
    align-items: center;
    padding: 0 2.0rem;
}
.m_nav .close_btn_wr .logo img{width:10rem;}
.menu_on .m_nav .close_btn_wr{opacity: 1;}
.close_btn{font-size: 2rem; border:0; height: auto;padding:0;width:auto;}
.close_btn img{width:2.4rem;}

/* 메뉴 열렸을때 외부 */
.menu_on .m_menu_wr{visibility: visible; opacity: 1;}
.m_nav{position: relative; width: 100%; height: 0; z-index: 99999;  background: #fff; transition: all 0.4s ease-in-out; transform: translateY(0%); visibility: hidden; opacity: 0; }
.menu_on .m_nav {
    transform: translateY(0%);
    visibility: visible;
    opacity: 1;
    height: 100%;
}

.menu_bg{position: fixed;  left: 50%; top: 0;background: rgba(0,0,0,0.4);transition: all 0.4s ease-in-out; width: 100%; height: 100%; z-index: 99998; visibility: hidden; opacity: 0; transform: translateX(-50%); max-width:var(--body_width);}
.menu_on .menu_bg{visibility: visible; opacity: 1;}

/* 메뉴 열렸을때 내부 */
.m_nav .nav_wr{height: 100%;}
.m_nav .nav_ul{display: block;}
.m_nav .nav_li{height: 100%; position: relative;}
.m_nav .nav_a{display: flex; align-items: center; justify-content: space-between; width: 100%; height: 6.0rem;padding: 1.2rem 2.0rem;font-size: 2.2rem;font-weight: 600;}
.m_nav .nav_a i{display: inline-block;}
.m_nav .nav_a img{width:1.6rem;}

.m_nav .nav_ul2{display: block;background: var(--gray-50);padding:2.0rem 0;}
.m_nav .nav_ul2 a {
    display: flex;
    padding: 0.7rem 2.0rem;
    white-space: nowrap;
    font-size: 1.7rem;
    color: var(--gray-700);
    align-items: center;
    height: 4.2rem;
}
.m_nav .nav_ul2 a span{display:block;white-space: normal; overflow: hidden; text-overflow: ellipsis;word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;word-break: break-all;}
.m_nav .nav_ul2 a img{width:1.2rem;margin-left:auto;}

.nav_tnb {
    display: flex
;
    justify-content: center;
    padding: 2.0rem;
    position: absolute;
    bottom: 0;
    width: 100%;
    background: #fff;
}
.nav_tnb a {
    display: inline-block;
    color: var(--gray-600);
    padding: 0 2.0rem;
    border-right: 1px solid var(--gray-100);
    line-height: 1;
}
.nav_tnb a:nth-child(1){padding-left:0;}
.nav_tnb a:last-child{border-right:0;}

/*검색*/
.sch_ip {display: flex;background:#fff;padding: 0 2rem;border-radius: 1.2rem;border:1px solid var(--border-200);}
.sch_ip .form-control{height:4.6rem;padding: 0.5rem 0;margin-right:1.0rem;}
.sch_ip .form-control:focus {background-color: transparent;}
.sch_ip button{width:1.6rem;height:1.6rem;border:0;background: transparent;}


/* IE의 경우 */
.sch_ip .form-control::-ms-clear,
.sch_ip .form-control::-ms-reveal{
    display:none;
}
/* 크롬의 경우 */
.sch_ip .form-control::-webkit-search-decoration,
.sch_ip .form-control::-webkit-search-cancel-button,
.sch_ip .form-control::-webkit-search-results-button,
.sch_ip .form-control::-webkit-search-results-decoration{
    display:none;
}
/*회색 검색*/
.sch_gray.sch_ip{background: var(--light);border:0;}


/*새로운 input 스타일*/
.form_box{border:1px solid var(--border);border-radius:1.2rem;padding-left:2.0rem;padding-right:2.0rem;display:flex;height:var(--height_lg); align-items: center;}
.form_box .form-control{flex:1 1 auto;height:auto;border:0;border-radius:0;padding: 0;}
.form_box .form_time{display:none;}
.ip_box .ip_valid{display:none;}
.ip_box.ip_valid .ip_valid{display:block;}
.form_box .btn-sm{min-width:6.0rem;}

.form_box.disabled{background:var(--gray-50);}
.form_box.disabled .form-control{background:var(--gray-50);color:var(--gray-300);}

/*노데이터*/
.result_data{display:flex;align-items: center;justify-content: center; flex-direction: column;border-top:1px solid #000;border-bottom:1px solid var(--gray-200);}
.result_data img {width: 13rem;}



/*숫자 증감*/
.item_opt_counter {
    position: relative;
    width: 11.2rem;
    height: 3.1rem;
    line-height: 3.1rem;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    z-index:2;
}
.item_opt_counter_btn {
    width: 3.1rem;
    height: 3.1rem;
    vertical-align: top;
    padding: 0;
    background: transparent;
    border: 1px solid var(--border);
    flex-shrink: 0;
    padding: 0;
    border-radius: 50%;
}

.item_opt_counter_btn.disabled, .item_opt_counter_btn:disabled{opacity: 0.3;background: transparent;}
.item_opt_counter .quantity {
    width: 48%;
    height: 100%;
    vertical-align: top;
    font-size: inherit;
    font-weight: 500;
    line-height: 3.1rem;
    text-align: center;
    border: unset;
    margin: 0 0.5rem;
}
.item_opt_counter .quantity:focus{outline: 0;}
.item_opt_counter.time_counter {
    width: 15.0rem;
    height: 4.7rem;
    line-height: 4.7rem;
    border-radius: 3.6rem;
    border: 1px solid #E3E3E3;
}
.item_opt_counter.time_counter .quantity {color: #000;font-size: 1.8rem;}
.item_opt_counter.disabled .quantity{color:#999;}
.item_opt_counter.disabled .item_opt_counter_btn{opacity: 0.3;}

/*양옆정렬 정보*/
.between_info {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin-bottom:0.5rem;
}
.between_info:last-child{margin-bottom:0;}

/*왼쪽정렬 정보*/
.left_info {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom:0.2rem;
}
.left_info:last-child{margin-bottom:0 !important;}

.item .span_wr{display:flex;flex-wrap:nowrap;align-items: center;}
.item .span_wr span{display:flex;margin-right:1.0rem;align-items: center;}
.item .span_wr span img{margin-right:1.0rem;}




/******************************콘텐츠**************************************/
/*서브상단 레이아웃*/
.sub_top {
    height: 46rem;
    padding-top: 5.0rem;
    background: url(../img/sub_top01.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    /*background-attachment: fixed;*/
    position: relative;
}
.sub_top.sub_top02{background-image:url(../img/sub_top02.jpg);}
.sub_top.sub_top03{background-image:url(../img/sub_top03.jpg);}
.sub_top.sub_top04{background-image:url(../img/sub_top04.jpg);}
.sub_top.sub_top05{background-image:url(../img/sub_top05.jpg);}
.sub_top.sub_top06{background-image:url(../img/sub_top06.jpg);}
.sub_top.sub_top07{background-image:url(../img/sub_top07.jpg);}

.top_navi{gap:1.2rem;}
.top_navi .icon16{margin-bottom:0.2rem;}
.sub_nav {
    background: rgba(0, 0, 0, 0.2);
    padding-bottom: 1.5px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    backdrop-filter: blur(11px);
}
.sub_nav ul{display: flex;}
.sub_nav li{margin-right:6.0rem;}
.sub_nav li:last-child{margin-right:0;}
.sub_nav li a{display:block;padding:2.2rem 0;position:relative;color:#fff;opacity:0.4;font-weight:600;}
.sub_nav li a:after{content:'';display:none;width:100%;height:3px;background:#fff;position:absolute;top:0;left:0;}
.sub_nav li.active a{opacity:1;}
.sub_nav li.active a:after{display:block;}

.top_pd90{padding-top:9.0rem;}
.top_pd80{padding-top:8.0rem;}
.top_pd50{padding-top:5.0rem;}

/*아코디언 베이직*/
/* 초기 상태에서는 화살표 아래 아이콘을 보여줌 */
.accordion_basic li{}
.accordion_basic li:last-child{}
.accordion_basic .hd_btn {
    padding: 1.6rem 2.0rem;
    height: auto;
    width: 100%;
    text-align: left;
}
.accordion_basic .content{margin:0 2.0rem;background:var(--light);padding:2.0rem;border-radius:1.2rem;}
.accordion_basic .btn[aria-expanded="false"] img, .accordion_box .btn[aria-expanded="false"] img{transform: rotate(0deg);}
.accordion_basic .btn[aria-expanded="true"] img, .accordion_box .btn[aria-expanded="true"] img{transform: rotate(180deg);}


/*메인*/
/*fullpage*/
.main .section_pd{padding-left:15.0rem;padding-right:15.0rem;}
.main .fp-tableCell{padding-top:var(--hd_height);}
.main #fp-nav{}
.main #fp-nav.left {left: 4.0rem;}
.main #fp-nav ul li, .main .fp-slidesNav ul li {
    width: 3.0rem;
    height: 2.2rem;
    margin: 0 auto;
}

.main #fp-nav ul li a span, .main .fp-slidesNav ul li a span, .main #fp-nav ul li:hover a span, .main .fp-slidesNav ul li:hover a span {
    border-radius: 0;
    height: 1px;
    width: 100%;
    background: #CCC;
    margin: 0;
    left: 0;
}
.main #fp-nav ul li a.active span, .main .fp-slidesNav ul li a.active span, .main #fp-nav ul li:hover a.active span, .main .fp-slidesNav ul li:hover a.active span{display:none;}
.main #fp-nav ul li:last-child { display: none;}
.main #fp-nav ul li .fp-tooltip.left {
    left: 0;
    top: 0;
    font-size: 1.6rem;
    font-weight: 700;
    font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
    color: var(--primary);
    opacity: 0;
}
.main #fp-nav ul li:hover a span{opacity: 0;}
.main #fp-nav ul li:hover .fp-tooltip.left{opacity: 1;}
.main #fp-nav ul li a.active ~ .left {
    display: block;
    opacity: 1;
    width: auto;
    color: var(--primary);
}

/*fp-viewing-section01 일때*/
.fp-viewing-section01 .hd_pc,.fp-viewing-section01 .hd_m{background: transparent;border:0;}
.fp-viewing-section01 .hd_pc .nav_a, .fp-viewing-section01 .hd_pc .tnb a{color:#fff;}
.fp-viewing-section01 .hd_pc img, .fp-viewing-section01 .hd_m img{-webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}
.fp-viewing-section01 .hd_pc .nav_ul .nav_li > a span:after{background:#fff;}
.fp-viewing-section01.main #fp-nav ul li a.active ~ .left {color: #fff;}
.fp-viewing-section01.main #fp-nav ul li .fp-tooltip.left {color: #fff;}

/*fp-viewing-section07 푸터 일때*/
.fp-viewing-section07.main #fp-nav{opacity: 0;}
.main .fp-auto-height .fp-tableCell{padding-top:0;}


/*메인컨텐츠*/
.section_tit{margin-bottom:5.0rem;}
.section01{background:url(../img/section01_bg.jpg)no-repeat center / cover;color:#fff;}
.sect01_wrap .txt01{font-size:4.5rem;line-height:140%;font-weight:700;margin-bottom:1.0rem;animation-delay:0.2s;}
.sect01_wrap .txt02{font-size:8.0rem;line-height:120%;font-weight:800;margin-bottom:2.0rem;animation-delay:0.4s;}
.sect01_wrap .txt03{font-size:2.2rem;line-height:140%;font-weight:400;animation-delay:0.6s;}
.sect01_atag {
    background: #fff;
    display: inline-flex;
    align-items: center;
    width: 100%;
    max-width: 36.5rem;
    height: 5.6rem;
    padding:0.5rem 2.2rem 0.5rem 3.0rem;
    border-radius: 4.0rem;
    margin-top:8.0rem;
    animation-delay:0.8s;
}
.scroll_right{position:absolute;right:4.0rem;top:50%;color:#fff;flex-direction: column;display: flex; align-items: center;    width: 4.8rem;transform: translateY(-50%);}
.scroll_right .scroll_txt {transform: rotate(-90deg); display: block;font-weight: 600;color: #fff;width: max-content;}
/* 이미지 래퍼 */
.scroll_right .scroll_img {position: relative;width: 4.8rem;height: 4.8rem;; display: inline-block;margin-top:5.0rem;}
.scroll_right .scroll_img img{width: 100%;height: 100%;border-radius: 50%;position: relative;z-index: 2;}
/* 원형 테두리 애니메이션 */
.scroll_right .scroll_img .circle-border {
    position: absolute;
    top: 0; left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    box-sizing: border-box;
    z-index: 1;
    border: 1px solid rgba(255,255,255,0.3);
    border-top-color: #fff; /* 시작 지점 색상 */
    animation: spin-border 2s linear infinite;
}

/* 애니메이션 keyframes */
@keyframes spin-border {
    0% {
        transform: rotate(0deg);
        border-top-color: #fff;
        border-right-color: rgba(255,255,255,0.3);
        border-bottom-color: rgba(255,255,255,0.3);
        border-left-color: rgba(255,255,255,0.3);
    }
    100% {
        transform: rotate(360deg);
    }
}

.section02{background:var(--gray-50);}
.pro_head{
    position: absolute;
    left: 50%;
    transform: translate3d(-50%, -32rem, 0);
    z-index: 2;
    top: 50%;
}
.pro_swiper {
    width: 100%;
    height: 100%; /* 꼭 필요! */
}
.pro_swiper .swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    background:var(--gray-50);
    padding-top:10rem;
    z-index: 1;
}
.swiper_arrow {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    gap: 1.0rem;
    padding-bottom: 0.5rem;
}
.swiper_arrow .swiper-button-prev, .swiper_arrow .swiper-button-next{background-color:var(--gray-600);position: static;width: 6.0rem; height: 6.0rem; background-size: cover;border-radius: 50%;}
.swiper_arrow .swiper-button-prev:after, .swiper_arrow .swiper-button-next:after{content: '';width: 6.0rem; height: 6.0rem;}
.swiper_arrow .swiper-button-prev{background-image:url(../img/slide_prev_w.png);}
.swiper_arrow .swiper-button-next{background-image:url(../img/slide_next_w.png);}

.pro_ul li{margin-bottom:3.0rem;display:flex;}
.pro_ul li:last-child{margin-bottom:0;}
.pro_ul li .num {
    flex-shrink: 0;
    width: 4.0rem;
    height: 4.0rem;
    border-radius: 3.0rem;
    background: var(--gray-200);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    margin-right: 2.0rem;
    padding-top: 0.3rem;
    text-align: center;
    margin-top:0.8rem;
    position:relative;
}
.pro_ul li .num:after {
    content: '';
    display: none;
    width: 1px;
    height: 2.3rem;
    border-right: 1px var(--gray-300) dashed;
    position: absolute;
    left: 50%;
    top: calc(100% + 2.4rem);
}
.pro_ul li .pro_txt{flex: 1 1 auto;}
.pro_ul li .pro_txt .tit_h{font-size:4.0rem;font-weight:700;line-height: 140%;}
.pro_ul li .pro_txt .p{display:none;font-size:2.2rem;line-height: 140%;color:var(--gray-800);margin-top:0.5rem;transition:all .1s ease-out .05s;    word-break: keep-all;}
.pro_ul li.active .pro_txt .p{display:block;}
.pro_ul li.active .num {background: var(--primary);}
.pro_ul li.active .num:after{display:block;}
.pro_ul li:last-child .num:after{display:none;}

.lottie_ani{max-width:42rem;}

/*글자나타내기 css*/
.animate_text{overflow:hidden;}
.animate_text span{
    display:inline-block;
    opacity: 0;
    transform: translateY(3.0rem);
    transition: opacity 0.8s ease-out, transform 0.8s ease-out;
    transition-delay: 0.0s;
}

.section.active .animate_text span{
    opacity: 1;
    transform: translateY(0);
}
.section.active .animate_text.delay_1 span, .section.active .animate_fadeup.delay_1{ transition-delay: 0.2s; }
.section.active .animate_text.delay_2 span, .section.active .animate_fadeup.delay_2{ transition-delay: 0.4s; }
.section.active .animate_text.delay_3 span, .section.active .animate_fadeup.delay_3{ transition-delay: 0.6s; }
.section.active .animate_text.delay_4 span, .section.active .animate_fadeup.delay_4{ transition-delay: 0.8s; }

/*콘텐츠 나타내기 애니메이션*/
.animate_fadeup{
    display:block;
    opacity: 0;
    transition:all .8s ease-out;
    transition-delay: 0.0s;
    transform: translateY(3.0rem);
}
.section.active .animate_fadeup{
    opacity: 1;
    transform: translateY(0);
}

.section04{overflow: hidden;}
.count_box {
    background: #fff;
    border-radius: 0.8rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 4rem;
    height: 100%;
}
.count_box .count_num{display:flex; align-items: center;}
.count_box .count_num strong{font-size:5.5rem;margin-right:1.0rem; font-weight: 600; display: block; line-height: 100%;}

.cir_bg {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 79.3rem;
    height: 79.3rem;
    transform: translate(12rem, -10rem);
}
.cir_bg .cir{position:absolute;left:0;top:0;width:79.3rem;height:79.3rem;border:1px solid var(--gray-100);border-radius:50%;
}
.cir_bg .cir span {
    width: 0.8rem;
    height: 0.8rem;
    border-radius: 50%;
    background: var(--primary);
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(0, -50%);
    z-index: 1;
}
.cir_bg .cir:nth-child(1){
    animation-name: rotateCircle;
    animation-duration: 15s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
.cir_bg .cir:nth-child(2){transform: translate(9.0rem, -4.2rem);}
.cir_bg .cir:nth-child(3){transform: translate(17.0rem, -10.0rem);}
@keyframes rotateCircle {
    from {transform: rotate(0deg);}
    to {transform: rotate(360deg); }
}

.scroll_logo_wrap{position:relative;}
.scroll_logo_wrap:after, .scroll_logo_wrap:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    width: 15vw;
    height: 100%;
    z-index: 1;
}
.scroll_logo_wrap:before{background: linear-gradient(-90deg, transparent, #fff);left:0;}
.scroll_logo_wrap:after{background: linear-gradient(90deg, transparent, #fff);right:0;}
.scroll_logo_wrap ul{margin-top:6.0rem;}
.scroll_logo_wrap li{margin-right:9.0rem;}
.scroll_logo_wrap img{height:7.0rem;width:auto;}

.section06 .section_tit{margin-bottom:7.0rem;}
.main_lt{background:#fff;border-radius:1.2rem;padding:4.0rem 3.0rem; height: 100%;}
.main_lt li a{padding:1.0rem;display:block;}

.dec_hover:hover img{transform: rotate(180deg);transition:all .3s ease-out .2s;transition:all .1s ease-out .05s;}
.section06{position:relative;}
.news_bg {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 56.5rem;
    height: 56.6rem;
    transform: translate(20%, -60%);
    background: url(../img/news_bg.png) no-repeat center / cover;
}

/*로그인*/
.form_sm_tit{margin-bottom:4.0rem;}
.form_bottom_btn{margin-top:4.0rem;}
.login_input .login_ip01{ border-bottom-left-radius:0 !important;border-bottom-right-radius: 0 !important;border-bottom:0;}
.login_input .login_ip02{ border-top-left-radius:0 !important;border-top-right-radius: 0 !important;}
.sns_login{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.sns_login .sns_tit {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: center;
    height: 2.6rem;
    align-items: center;
}
.sns_login .sns_tit:after{content:'';display:block;width:100%;height:1px;background:var(--gray-100);position:absolute;top:calc(50% - 1px);left:0;}
.sns_login .sns_tit div {
    padding: 0 2.0rem;
    background: #fff;
    margin: 0 auto;
    display: inline-block;
    z-index: 1;
    color: var(--gray-600);
}
.sns_login ul{margin:0 auto;position:relative;}
.sns_login li{width:6.0rem;margin-right:1.7rem;}
.sns_login li .btn-icon{border-radius:50%;overflow: hidden;}

.form_row_20{margin-left:-1.0rem;margin-right:-1.0rem;}
.form_row_20 > .col,
.form_row_20 > [class*=col-] {
    padding-right: 1.0rem;
    padding-left: 1.0rem;
}
.form_checks .row{row-gap: 1.0rem;}

/*검색*/
.midd_search{padding:4.0rem 0;}
.search_cont {
    border: 2px solid var(--primary);
    background: #fff;
    display: flex;
    border-radius: 0.8rem;
    box-shadow: 0 0.4rem 1.0rem rgba(0, 0, 0, 0.06);
}
.search_cont .form-control{height:5.6rem;font-size:1.7rem;}
.search_cont .sch_btn{background:var(--primary);width:7.0rem;}

/* IE의 경우 */
.search_cont ..btn-icon{margin-right:1.5rem;}
.search_cont .form-control::-ms-clear,
.search_cont .form-control::-ms-reveal{
    display:none;
}
/* 크롬의 경우 */
.search_cont .form-control::-webkit-search-decoration,
.search_cont .form-control::-webkit-search-cancel-button,
.search_cont .form-control::-webkit-search-results-button,
.search_cont .form-control::-webkit-search-results-decoration{
    display:none;
}
/*찜*/
.btn_like{padding:0;height:2.4rem;width:2.4rem;border: 0;}
.btn_like .like_img{width:2.4rem;height:2.4rem;background:url(../img/ic_like.png)no-repeat center / 2.4rem auto;}
.btn_like.active .like_img{background:url(../img/ic_like_on.png)no-repeat center / 2.4rem auto;}






/*게시판*/
.tbl_ul{border-top: 1px solid var(--gray-100);}
.tbl_ul .row {margin-right: 0;margin-left: 0;}
.tbl_ul .row > .col,
.tbl_ul .row > [class*=col-] {padding-right: 0;padding-left: 0;}
.tbl_th {width: 19rem; height: 100%; background: var(--gray-50);padding: 1.45rem 1.5rem;font-weight: 500; text-align: center;border-bottom: 1px solid var(--gray-100);display: flex;align-items: center;}
.tbl_th p{width:100%;text-align:center;}
.tbl_td{height: 100%; padding: 1.4rem 1.5rem;    border-bottom: 1px solid var(--gray-100);
    /*display: flex;    */
    align-items: center;}
.tbl_td p{width:100%;}

.bo_head{border-bottom:1px solid #000;padding-bottom:2.0rem;}
.bo_date{display:flex;flex-wrap:nowrap;align-items: center;margin-top:1.0rem;color:var(--gray);}
.bo_date span{display:flex;margin-right:1.0rem;align-items: center;}
.bo_date span img{margin-right:1.0rem;}

.bo_cont{padding-bottom:3.0rem;border-bottom:1px solid var(--border);}
.bo_cont .editer_area{padding:4rem 3.0rem 3.0rem;}
.bo_download{background:var(--gray-50);border-radius:0.8rem;}
.bo_download li{margin-bottom:0.8rem;}
.bo_download li:last-child{margin-bottom:0;}
.bo_download li a{display:flex;align-items: center;}
.bo_download li a img{margin-right:1.0rem;}

/*컨설팅현황*/
.current_list > .row{margin-left:-1.0rem;margin-right:-1.0rem;}
.current_list > .row > .col,
.current_list > .row > [class*=col-] {
    padding-right: 1.0rem;
    padding-left: 1.0rem;
}
.current_list > .row{row-gap: 2.0rem;}
.current_list .item{padding:3.0rem;border:1px solid var(--border);border-radius:1.2rem;}
.process_ing li{display:flex;align-items: center;margin-bottom: 1.0rem;}

.process_ing li .dot{position: relative;}
.process_ing li .dot span{display:block;width:0.8rem;height:0.8rem;border-radius:50%;background:var(--gray-200);flex-shrink: 0;position: relative; z-index: 1;}
.process_ing li .dot:after {
    content: '';
    display: block;
    height: 1.0rem;
    width: 1px;
    background:url(../img/dot_border.png)no-repeat center / cover;
    position: absolute;
    bottom: calc(-100% - 0.5rem);
    left: 50%;
    transform: translateX(-50%);
}
.process_ing li:last-child{margin-bottom:0;}
.process_ing li:last-child .dot:after{display:none;}
.process_ing li .tit{width:8.7rem;margin-right:1.6rem;margin-left:1.6rem;color:var(--gray);font-weight:500; flex-shrink: 0;}
.process_ing li p{color:var(--gray);}

.process_ing li.active .dot:before{content:'';display:block;width:1.8rem;height:1.8rem;background:rgba(255,109,0,0.2);position: absolute;top:-0.5rem;left:-0.5rem;border-radius:50%;animation: pulse 0.5s ease-out infinite alternate;}
@keyframes pulse {
    0% {
        transform: scale(0);
        opacity: 0;
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}
.process_ing li.active .dot span, .process_ing li.on .dot span{background:var(--primary);}
.process_ing li.active .tit, .process_ing li.on .tit{color:#000;font-weight:600;}
.process_ing li.active p{color:var(--primary) !important;}
.process_ing li.on p{color:var(--gray-800);}
.current_list .note {
    padding: 1.0rem 1.5rem;
    background: var(--gray-50);
    margin-top: 2.5rem;
    border-radius: 0.8rem;
    color: var(--gray-800);
    line-height: 160%;
}
.current_list .note .title{
    height: 2lh;
    line-height: 130%;
}

/*컨설팅 신청*/
.consulting_box {border: 1px solid var(--border);padding: 4.0rem 0;border-radius: 1.2rem;}
.consulting_step{max-width:88rem;margin:0 auto;}
.consulting_step .step_wrap{display:flex;align-items: center;justify-content: center;}
.consulting_step .step_it{width:calc((100% - 7.2rem) / 3);text-align:center;}
.consulting_step .step_it .icon{position:relative;width:16rem;margin:0 auto;}
.consulting_step .step_it .icon_r{width:16rem;height:16rem;border-radius:50%;display:flex;background:var(--gray-50); align-items: center;justify-content: center;}
.consulting_step .step_it .icon_num {
    color: #fff;
    border-radius: 50%;
    background: var(--gray);
    width: 3.0rem;
    height: 3.0rem;
    position: absolute;
    top: 1.0rem;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
}
.consulting_step .step_it .icon_r img{width:63%;max-width:10rem;}
.consulting_step .span_arrow{display:block;width:3.6rem;height:6.0rem;background:url(../img/step_left.png)no-repeat center / cover;}
.consulting_step .tit_h7{word-break: keep-all;word-wrap: break-word; line-height: 140%;}






/*컨설팅 성과*/
.performance_list li{margin-bottom:3.0rem;}
.performance_list li:last-child{margin-bottom:0;}
.performance_list > .row{margin-left:-1.0rem;margin-right:-1.0rem;}
.performance_list > .row > .col,
.performance_list > .row > [class*=col-] {
    padding-right: 1.0rem;
    padding-left: 1.0rem;
}
.performance_list .rect2{max-width:39rem;}
.performance_list .rect2:before, .main_performance .rect2:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.03);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}
.performance_list .left_info {align-items: start;}

/*회사소개*/
.company_intro *{word-break: keep-all;word-wrap: break-word;}
.company_intro > .row{margin-left:-3.5rem;margin-right:-3.5rem;}
.company_intro > .row > .col,
.company_intro > .row > [class*=col-] {
    padding-right: 3.5rem;
    padding-left: 3.5rem;
}
.company_logo{width:35rem;}

/*주요연혁*/

.history_img {
    height: 30rem;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.history_img.history_img01{background-image:url(../img/history_img01.jpg);}
.history_img.history_img02{background-image:url(../img/history_img02.jpg);}
.history_img.history_img03{background-image:url(../img/history_img03.jpg);}

.history_box{padding:8.0rem 0;position:relative;}
.history_box:after {
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate3d(-50%, -50%, 0);
    font-size: 14.2rem;
    color: #000;
    opacity: 0.05;
    font-weight: 800;
}
.history_box.history_text01:after{content: '2021~2024';}
.history_box.history_text02:after{content: '2014~2020';}
.history_box .history_line{position:absolute;top:0;left:50%;background:var(--gray-100);width: 1px; height: 100%;}
.history_box .history_line .in_line{position:absolute;top:0;left:calc(50% + -0.5px);background:var(--primary);width: 1px;}
.history_box > .row{margin-left:-5.0rem;margin-right:-5.0rem;}
.history_box > .row > .col,
.history_box > .row > [class*=col-] {
    padding-right: 5.0rem;
    padding-left: 5.0rem;
}
.history_box .row{margin-bottom:6.0rem;}
.history_box .row:last-child{margin-bottom:0;}
.history_box .history_list .tit_h4:before {
    content: '';
    display: block;
    width: 0.8rem;
    height: 0.8rem;
    border-radius: 50%;
    background: var(--gray-300);
    position: absolute;
    left: 0;
    top: 2.0rem;
    transform: translatex(-50%);
}
.history_box .history_list.active .tit_h4:after {
    content: '';
    display: block;
    width: 1.8rem;
    height: 1.8rem;
    border-radius: 50%;
    background: rgba(255,109,0,0.2);
    position: absolute;
    left: 0;
    top: 1.5rem;
    transform: translatex(-50%);
}
.history_box .history_list.active .tit_h4:before{background: var(--primary);}
.history_box .history_list li{position:relative;display:flex;font-size:1.7rem;line-height:150%;margin-bottom:1.0rem;gap: 2.0rem;}
.history_box .history_list li:last-child{margin-bottom:0;}
.history_box .history_list li .month{width:2.5rem;font-weight:700;}
.history_box .history_list li p{color:var(--gray-700);flex:1 1 auto; word-break: keep-all;font-weight:300;}
.history_box .justify-content-start{text-align:right;}
.history_box .justify-content-start .history_list li{flex-direction: row-reverse;}
.history_box .justify-content-start .history_list .tit_h4:before, .history_box .justify-content-start .history_list .tit_h4:after{right: 0;left: unset;transform: translatex(50%);}


/*마이페이지*/
.my_top {
    height: 15rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom:1px solid var(--gray-100);
}
.mypage_nav{border-bottom:1px solid var(--gray-100);padding-bottom: 1.5px;}
.mypage_nav ul{display: flex;justify-content: center;}
.mypage_nav li{margin-right:6.0rem;}
.mypage_nav li:last-child{margin-right:0;}
.mypage_nav li a{display:block;padding:2.2rem 0;position:relative;color:#000;opacity:0.4;font-weight:700;}
.mypage_nav li a:after{content:'';display:none;width:100%;height:3px;background:#000;position:absolute;bottom:-1.5px;left:0;}
.mypage_nav li.active a{opacity:1;}
.mypage_nav li.active a:after{display:block;}
.mypage_box{padding:2.0rem 3.0rem;border-radius:0.8rem;background:var(--gray-50);}


.process_ing.process_horizontal ul {
    display: flex;
    margin-left: -1.6rem;
    margin-right: -1.6rem;
    justify-content: center;
}
.process_ing.process_horizontal ul li {
    width: auto;
    flex-direction: column;
    text-align: center;
    gap: 1.0rem;
    margin-bottom:0;
}
.process_ing.process_horizontal li .dot:after {
    bottom: unset;
    left: unset;
    transform: translateX(-50%);
    transform: rotate(90deg);
    /*top: 0.4rem;*/
    top: 0rem;
    right: calc(100% - 4rem);
}
.process_ing.process_horizontal li .tit { width: max-content;}
.current_list.mypage_current_list .note{margin-top:1.5rem;}
.current_list.mypage_current_list .item{align-items: center;padding:2.0rem;}

/*컨설팅 서비스*/

/*회사소개*/
.service_img *{word-break: keep-all;word-wrap: break-word;}
.service_img > .row{margin-left:-2.0rem;margin-right:-2.0rem;}
.service_img > .row > .col,
.service_img > .row > [class*=col-] {
    padding-right: 2.0rem;
    padding-left: 2.0rem;
}
.service_img > .row > .col-lg-5{max-width:51rem;width:41.66666667%;}
.service_tit:before{content:'';display:block;width:2.4rem;height:2.4rem;background:url(../img/blit.png)no-repeat center / cover;position:absolute;left:0;top:0.35rem;}
.service_tit{padding-left:4.4rem;position:relative;}
.phase_01{height:12.2rem;}
.phase_02{height:10.5rem;}
.phase_03{height:26.1rem;}
.phase_04{height:21.6rem;}
.phase_05{height:22.1rem;}
.phase_06{height:10.3rem;border:0 !important;}

/*푸터*/
.ft {padding: 7.0rem 0;background:#222;color: var(--gray-300);}
.ft .fnb a {
    display: inline-block;
    font-weight: 600;
    color: var(--gray-300);
    padding: 0 2.0rem;
    border-right: 1px solid #777777;
    line-height: 1;
}
.ft .fnb a:nth-child(1){padding-left:0;}
.ft .fnb a:last-child{border-right:0;}
.ft .ft_info {column-gap: 2.0rem;display: flex;flex-wrap: wrap;row-gap: 0.7em;}
.ft .ft_info span{display: inline-block;line-height: 1.2;border-right: 1px solid #777777;padding-right:2.0rem;word-break: keep-all;}
.ft .ft_info span:last-child{border-right:0;}
.ft .custom-select2 { background-color: transparent;color: var(--gray-500); border-color: var(--gray-900);}
.ft .custom-select2:after{background-image:url(../img/ft_flod.png);}






/* 초기 상태에서는 화살표 아래 아이콘을 보여줌 */
.collapse_ex .btn[aria-expanded="false"] img{transform: rotate(0deg);}

/* 펼쳐진 상태에서는 화살표 위 아이콘을 보여줌 */
.collapse_ex .btn[aria-expanded="true"] img{transform: rotate(180deg);}


/*반응형 max 1480*/
@media (max-width: 1480px) {
    /*헤더*/
    .hd_pc .logo img {width: 15rem;}
    .hd_pc .container-fluid {padding-left: 2.0rem;padding-right: 2.0rem;}
    .tnb li {margin-left: 1.4rem;font-size: 1.3rem;}

}

/*반응형 max 1480*/
@media (max-width: 1360px) {
    /*헤더*/
    .hd_pc .nav_ul .nav_li > a {padding: 0 1.5rem;}


    .count_box_wrap .row{margin-right: -1.0rem;margin-left: -1.0rem;}
    .count_box_wrap .col{padding-right: 1.0rem;padding-left: 1.0rem;}
    .count_box {padding: 3rem;}
    .count_box .count_num strong {font-size: 2.8rem;margin-right:0.5rem;}
    .count_box .count_num .icon24{width:1.6rem;}


    .section06 .row{margin-right: -1.0rem;margin-left: -1.0rem;}
    .section06 .col{padding-right: 1.0rem;padding-left: 1.0rem;}
}

/*반응형 max 1200 xl*/
@media (max-width: 1199.98px) {


}

/*반응형 max 992px lg*/
@media (max-width: 991.98px) {
    /*모바일메뉴*/
    .m_menu_wr{width: 100%; left: 50%; transform: translate(-50%); max-width:var(--body_width);}
    .menu_bg{width: 100%; left: 50%;}
    .menu_on .m_nav{max-width: 100%;width: 100%;}


    /******************************콘텐츠**************************************/
    /*서브상단 레이아웃*/
    .sub_top{height:36rem;padding-top:5.0rem;}
    .sub_top .tit_h1{line-height: 130%; margin-bottom: 1.0rem;}
    .top_navi{gap:0.5rem;}

    .sub_nav ul{justify-content: flex-start;padding: 0 2.0rem;}
    .sub_nav li{margin-right:2.0rem;flex-shrink: 0;}
    .sub_nav li a { padding: 1.7rem 0;}

    .top_pd90{padding-top:3.0rem;}
    .top_pd80{padding-top:5.0rem;}
    .top_pd50{padding-top:3.0rem;}

    .result_data img {width: 9rem;}


    .item .span_wr span img{width:1.0rem;}


    /*메인*/
    /*fullpage*/
    .main .section_pd{padding-left:0;padding-right:0;}
    .main .fp-tableCell{padding-top:var(--hd_height_m);}
    .main #fp-nav.left { left: 2.0rem;top: unset;bottom: 2.0rem;}
    .main #fp-nav ul, .main .fp-slidesNav ul{display:flex;}
    .main #fp-nav ul li, .main .fp-slidesNav ul li{width: 1.5rem;margin-right:1.0rem;}
    .main #fp-nav ul li:has(a.active) {width: auto;}
    .main #fp-nav ul li a.active ~ .left { position: static; transform: translateY(-2.2rem);}

    /*메인컨텐츠*/
    .section_tit{margin-bottom:3.0rem !important;}
    .section01 .fp-tableCell{vertical-align: bottom;padding-bottom:10.2rem;}
    .sect01_wrap .txt01{font-size:3.0rem;margin-bottom:0.5rem;}
    .sect01_wrap .txt02{font-size:4.0rem;margin-bottom:1.5rem;}
    .sect01_wrap .txt03{font-size:1.7rem;}
    .sect01_atag {
        height: 4.8rem;
        margin-top:2.0rem;
        max-width: 29.4rem;
        padding:0.5rem 1.6rem 0.5rem 2.0rem;
    }
    .sect01_atag .fs_16{font-size:1.4rem;}

    .scroll_right{width: 3.6rem;right: 2.0rem;top:15rem;transform: translateY(0);}
    .scroll_right .scroll_img {
        width: 3.6rem;
        height: 3.6rem;
        margin-top: 4.5rem;
    }

    .pro_swiper .swiper-slide {padding-top:37vw;}

    .swiper_arrow .swiper-button-prev, .swiper_arrow .swiper-button-next{width: 3.6rem; height: 3.6rem;}
    .swiper_arrow .swiper-button-prev:after, .swiper_arrow .swiper-button-next:after{width: 3.6rem; height: 3.6rem;}

    .pro_ul li {margin-bottom: 2.0rem;}
    .pro_ul li .num { width: 3.6rem;height: 3.6rem; padding-top: 0.2rem;margin-top: 0.2rem;margin-right: 1.0rem;}
    .pro_ul li .num:after {height: 3.8rem;top: calc(100% + 1.4rem);}
    .pro_ul li .pro_txt .tit_h {font-size: 2.8rem}
    .pro_ul li .pro_txt .p {font-size: 1.4rem;}
    .lottie_ani{max-width:24rem;}

    .main_performance li{margin-bottom:4.0rem;}
    .main_performance li:last-child{margin-bottom:0;}
    .main_performance .row{margin-right: -1.0rem;margin-left: -1.0rem;}
    .main_performance .col{padding-right: 1.0rem;padding-left: 1.0rem;}


    .count_box_wrap .row{margin-right: -0.5rem;margin-left: -0.5rem;}
    .count_box_wrap .col{padding-right: 0.5rem;padding-left: 0.5rem;margin-bottom: 1.0rem;}
    .count_box_wrap .col:nth-child(3), .count_box_wrap .col:nth-child(4)(margin-bottom:0;)
    .count_box {padding:1.5rem;}


    .scroll_logo_wrap ul {margin-top: 3.0rem;}
    .scroll_logo_wrap li {margin-right: 3.0rem;}
    .scroll_logo_wrap img {height: 5rem;}


    .main_lt{padding:2.0rem 1.5rem 1.5rem;}
    .main_lt li a{padding:0.5rem 0;}
    .main_lt li a .body_lg{font-size:1.4rem;}
    .main_lt .icon24{width:1.6rem;}

    .news_bg {
        width: 32.8rem;
        height: 32.8rem;
        transform: translate(35%, -100%);
    }


    .form_sm_tit{margin-bottom:2.0rem;}
    .form_bottom_btn{margin-top:2.0rem;}

    .form_row_20{margin-left:-0.4rem;margin-right:-0.4rem;}
    .form_row_20 > .col,
    .form_row_20 > [class*=col-] {
        padding-right: 0.4rem;
        padding-left: 0.4rem;
    }

    /*컨설팅현황*/
    .current_list .item {padding: 2rem;}
    .process_ing li{margin-bottom: 0.6rem;}
    .process_ing li .dot:after{display:none;}
    .current_list .note {margin-top: 1.5rem;}



    /*검색*/
    .midd_search{padding:2.5rem 0;}
    .search_cont .form-control{height:4.8rem;font-size:1.6rem;}
    .search_cont .sch_btn{width:6.0rem;}

    /*마이페이지*/
    .mypage_nav ul{justify-content: flex-start;padding: 0 2.0rem;}
    .mypage_nav li{margin-right:2.0rem;flex-shrink: 0;}
    .mypage_nav li a { padding: 1.7rem 0;}
    .mypage_box{padding:1.5rem;}
    .mypage_box .icon50{width:3.6rem;}

    .process_ing.process_horizontal ul {
        flex-wrap: wrap;
        justify-content: start;
        row-gap: 1.2rem;
    }
    .process_ing.process_horizontal ul li {width: 33.333%;gap: 0.5rem;}


    /*게시판*/
    .tbl_th {width: 11rem;}
    .bo_head{padding-bottom:1.2rem;}
    .bo_date span img{width:1.0rem;}
    .bo_cont{padding-bottom:2.0rem;}
    .bo_cont .editer_area{padding:2rem 0rem;}

    /*컨설팅신청*/
    .consulting_box {
        border: 0;
        padding: 0 2.0rem 2.0rem;
        border-radius: 0;
        border-bottom: 1.0rem solid var(--gray-50);
        margin-left: -2.0rem;
        margin-right: -2.0rem;
    }
    .consulting_step .step_wrap {align-items: self-start;}
    .consulting_step .step_it .icon{width:6rem;}
    .consulting_step .step_it .icon_r{width:6rem;height:6rem;}
    .consulting_step .step_it .icon_num {display:none;}
    .consulting_step .span_arrow {width: 2.4rem; height: 4.0rem;margin-top:1.0rem;}
    .consulting_step .tit_h7{font-size:1.4rem;}
    .consulting_step .step_it {width: calc((100% - 4.8rem) / 3);}


    /*회사소개*/
    .company_intro .mb_20{margin-bottom:1.2rem;}
    .company_intro.mb_50{margin-bottom:3.0rem;}
    .company_intro.mb_70{margin-bottom:4.0rem;}
    .company_intro.mb_90{margin-bottom:7.0rem;}
    .company_intro .mb_110{margin-bottom:9.0rem;}
    .company_intro .wh_pre{white-space: normal;}
    .company_intro .fs_20 {font-size: 1.7rem;}


    /*컨설팅 성과*/
    .performance_list li{margin-bottom:2.0rem;}
    .performance_list .rect2{max-width:100%;}



    /*연혁*/
    .history_img {margin-left: -2.0rem;margin-right: -2.0rem;}
    .history_img .tit_h3 {font-size: 3.6rem;}
    .history_box {padding: 4.0rem 0;}
    .history_box .row{margin-bottom:4.0rem;}
    .history_box .history_list li {font-size: 1.6rem;gap: 1.0rem;}
    .history_box:after {font-size: 10.2rem;}

    /*컨설팅서비스*/
    .service_img > .row > .col-lg-5{max-width:100%;width:100%;}
    .service_pg .mb_80{margin-bottom:4.0rem;}
    .service_tit.mb_20 {margin-bottom: 1.0rem;}
    .service_tit {padding-left: 2.4rem;}
    .service_tit:before {width: 1.6rem;height: 1.6rem;top: 0.45rem;}
    .phase_01{height:14.2rem;}
    .phase_02{height:12.5rem;}
    .phase_03{height:31.1rem;}
    .phase_04{height:34.6rem;}
    .phase_05{height:26.1rem;}
    .phase_06{height:10.3rem;border:0 !important;}
    .service_pg .history_img .tit_h3{font-size: 2.4rem;}


    .ft {padding: 4.0rem 0 5.6rem;}
    .ft .ft_info span{border-right:0;padding-right:0;}
    .go_top {
        width: 3.6rem;
        height: 3.6rem;
    }

}




/*반응형 max 767px md*/
@media (max-width: 767.98px) {

    .cir_bg {
        bottom: unset;
        width: 52.8rem;
        height: 52.8rem;
        transform: translate(-40%, -60%);
    }
    .cir_bg .cir{width:52.8rem;height:52.8rem;}
    .cir_bg .cir:nth-child(2){transform: translate(6.3rem, -2.7rem);}
    .cir_bg .cir:nth-child(3){transform: translate(11.7rem, -7.0rem);}

    /*연혁*/
    .history_box:after{display:none;}
    .history_box .history_line, .history_box .justify-content-start .history_list .tit_h4:before, .history_box .history_list .tit_h4:after{display:none;}
    .history_box .justify-content-start { text-align: left;}
    .history_box .justify-content-start .history_list li {flex-direction: row;}

    .company_logo{width:30rem;}

}

/*반응형 max 576px sm*/
@media (max-width: 575.98px) {
    .pro_head {
        transform: translate3d(-50%, 0, 0);
        top: 4vh;
    }
    .lottie_ani{max-width:40vw;}

    .section03{height:100vh;}

    .pro_ul li .pro_txt .tit_h {font-size: 2.4rem;}
    .count_box {padding: 2rem;}
    .count_box .count_num strong {font-size: 2.4rem;}
    .section06 .section_tit { margin-bottom: 2.0rem !important;}

    .ft .ft_info {column-gap: 1.2rem;row-gap: 0.5em;}

}

/*반응형 max 360px*/
@media (max-width: 360px) {
    html { font-size:9.0px; }


    .pro_ul li .pro_txt .tit_h {font-size: 2.7rem;}
    .swiper_arrow {gap: 0.5rem;}

    .consent_checks{padding:2.0rem 0.5rem;}
    .company_intro.mb_90 {margin-bottom: 4rem;}
    .company_logo {width: 20rem;}
    .company_intro .mb_110 {margin-bottom: 6rem;}
    .company_intro .fs_20 {font-size: 1.5rem;line-height: 170%;}

}