@charset "UTF-8";
.landing_container {
container-type: inline-size; /* 가로 크기를 기준으로 함 */
container-name: landing;
}
#landingHtmlAreaMobile {
--white-100: hsl(206, 5%, 100%);
--white-200: hsl(206, 5%, 90%);
--white-300: hsl(206, 5%, 80%);
--white-400: hsl(206, 5%, 65%);
--white-500: hsl(206, 5%, 45%);
--black-100: hsl(210, 20%, 10%);
--black-200: hsl(210, 20%, 8%);
--black-300: hsl(210, 20%, 6%);
--black-400: hsl(210, 20%, 4%);
--black-500: hsl(210, 20%, 1%);
/* --vh: 100%; */
}
.sub_sect_tit {font-size: var(--h4); font-weight: 700;}
.sub_sect_tit + .sub_sect_txt {margin-top: 0.8em; font-size: var(--p3);}
.link_btn {display: inline-flex;align-items: center;font-weight: 700;margin-left: auto;font-size: var(--p4);color: #fff;padding: 0.9em 1.8em;border-radius: 10em;background-color: #000;margin-left: auto; transition: 0.3s ease-in-out;}
.link_btn .ico {width: 1em; height: 1.5em; margin-left: 1em; background: url('data:image/svg+xml,') no-repeat center / contain; transition: 0.3s ease-in-out; }
.link_btn.line {background-color: transparent; border: 1px solid #000; color: #000;}
.link_btn.line .ico {background: url('data:image/svg+xml,') no-repeat center / contain}
.link_btn.line:hover {background-color: #000; color: #fff;}
.link_btn.line:hover .ico {background: url('data:image/svg+xml,') no-repeat center / contain}
.link_btn.line.wh .ico {background: url('data:image/svg+xml,') no-repeat center / contain}
.link_btn.line.wh {background-color: transparent; border: 1px solid #fff; color: #fff;}
.link_btn.line.wh:hover {background-color: var(--green); border-color: var(--green);}
.marker_imgbox {width: 30rem; height: 7rem; position: relative;}
.marker_imgbox img {position: absolute; width: 100%; height: 100%; object-fit: contain; object-position: center;}
/* 서브페이지_BI CI소개_컬러시스템_26 */
.sub_cont_sorting26 .cont_box {display: flex;}
.sub_cont_sorting26 .cont_box .cont {display: flex; flex-direction: column; flex: 1; border-radius: 3rem; overflow: hidden;}
.sub_cont_sorting26 .cont_box .cont + .cont {margin-left: 4rem;}
.sub_cont_sorting26 .cont_box .cont .img {padding-top: 65%; position: relative; }
.sub_cont_sorting26 .cont_box .cont .img img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; object-position: center;}
.sub_cont_sorting26 .cont_box .cont .txt_box {background-color:var(--bg); padding: 5rem 6rem 8rem; flex: 1;}
.sub_cont_sorting26 .cont_box .cont .txt_box .tit {font-size: var(--h4); font-weight: 700;}
.sub_cont_sorting26 .cont_box .cont .txt_box .desc {font-weight: 700; margin-top: 3rem;}
.sub_cont_sorting26 .cont_box .cont .txt_box .txt {margin-top: 1.5rem;}
.sub_cont_sorting26 .cont_box .cont .txt_box .link_btn {margin-top: 4rem;}
/* 서브페이지_BI CI소개_컬러시스템_01 */
.color_system01 .sub_cont_tit {font-size: var(--h5); font-weight: 700;}
.color_system01 .cont_box {display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 15px; margin-top: var(--contMt4);}
.color_system01 .cont_box .cont {position: relative; border-radius: 2rem; padding-top: 70%;}
.color_system01 .cont_box .cont.type1 {background-color: #D1D1D2}
.color_system01 .cont_box .cont.type2 {background-color: #e35422; color: #fff;}
.color_system01 .cont_box .cont.type3 {background-color: #f6ad3c; color: #fff;}
.color_system01 .cont_box .cont.type4 {background-color: #000000; color: #fff;}
.color_system01 .cont_box .cont.type5 {background-color: #88c23f; color: #fff;}
.color_system01 .cont_box .cont.type6 {background-color: #b5e1f8}
.color_system01 .cont_box .cont.type7 {background-color: #898989; color: #fff;}
.color_system01 .cont_box .cont.type8 {background-color: #595757; color: #fff;}
.color_system01 .cont_box .cont .txt_box {position: absolute; left: 0rem; bottom: 0rem; padding: 3rem;}
.color_system01 .cont_box .cont .txt_box li {display: flex;font-size: var(--p5);}
.color_system01 .cont_box .cont .txt_box li + li {margin-top: 0.4em;}
.color_system01 .cont_box .cont .txt_box li strong {width: 5.7em;}
/* 서브페이지_진료과목_단순정렬_14 */
.sub_cont_sorting14 .cont_box {display: flex; align-items: center;}
.sub_cont_sorting14 .cont_box .left_cont {position: relative; width: 49%; border: 1px solid var(--line); border-radius: 2rem; padding: var(--pd3) 0; overflow: hidden;}
.sub_cont_sorting14 .cont_box .left_cont .grid_bg {position: absolute; inset: 0;}
.sub_cont_sorting14 .cont_box .left_cont .grid_bg img {width: 100%; height: 100%; object-fit: cover; object-position: left top; display: none;}
.sub_cont_sorting14 .cont_box .left_cont .grid_bg {background-image: url('/inc/img/landing/grid_box.svg'); background-position: left top; background-repeat: repeat; background-size: 6rem;}
.sub_cont_sorting14 .cont_box .left_cont .logo {width: 32rem; margin: 0 auto; position: relative; z-index: 2;}
.sub_cont_sorting14 .cont_box .left_cont .logo img {width: 100%;}
.sub_cont_sorting14 .cont_box .right_cont {width: 50%; padding-left: 8rem;}
.sub_cont_sorting14 .cont_box .right_cont .tit_box .tit {font-size: var(--h4); font-weight: 600;}
.sub_cont_sorting14 .cont_box .right_cont .tit_box .txt {font-size: var(--p3); margin-top: 3rem;}
/* 서브페이지_BI CI소개_BI소개_02 */
.bi_cont_02 .sub_cont_tit {font-size: var(--h5); font-weight: 700;}
.bi_cont_02 .cont {margin-top: var(--contMt4); position: relative; padding: 11rem 0; display: flex; justify-content: space-around; align-items: center; border: 1px solid var(--line); border-radius: 2rem; overflow: hidden;}
.bi_cont_02 .cont .grid_bg {position: absolute; inset: 0; background-image: url('/inc/img/landing/grid_box.svg'); background-position: left top; background-repeat: repeat; background-size: 6rem;}
.bi_cont_02 .cont .grid_bg img {width: 100%; height: 100%; object-fit: cover; object-position: left top; display: none;}
.bi_cont_02 .cont .logo {position: relative; z-index: 2;}
.bi_cont_02 .cont .logo img {width: 100%;}
.bi_cont_02 .cont .logo.type1 {width: 15rem;}
.bi_cont_02 .cont .logo.type2 {width: 28rem;}
.bi_cont_02 .cont .logo.type3 {width: 16rem;}
.bi_cont_02 .cont .logo.type5 {width: 28rem;}
.bi_cont_02 .cont .logo.type6 {width: 28rem;}
.bi_cont_03 .cont_box {display: flex; gap: 4rem;}
.bi_cont_03 .cont_box .cont {display: flex; flex-direction: column; flex:1; min-width: 0;}
.bi_cont_03 .cont_box .cont .tit_box .sub_cont_tit {font-size: var(--h5); font-weight: 700;}
.bi_cont_03 .cont_box .cont .tit_box .sub_cont_tit span {font-size:var(--p3); font-weight: 400; vertical-align: middle;}
.bi_cont_03 .cont_box .cont .logo_box {flex: 1; position: relative; padding:14.3rem 0;border: 1px solid var(--line); margin-top: var(--contMt4); border-radius: 2rem; overflow: hidden;}
.bi_cont_03 .cont_box .cont .logo_box .logo {position: relative; z-index: 2; margin: 0 auto;}
.bi_cont_03 .cont_box .cont .logo_box .logo img {width: 100%;}
.bi_cont_03 .cont_box .cont .logo_box .grid_bg {position: absolute; inset: 0; background-image: url('/inc/img/landing/grid_box.svg'); background-position: left top; background-repeat: repeat; background-size: 6rem;}
.bi_cont_03 .cont_box .cont .logo_box .grid_bg img {position: absolute; left: 0; top: 0; width:100%; height: 100%; object-fit: cover; object-position: left top; display: none;}
.bi_cont_03 .cont_box .cont.type1 .logo_box .logo {width: 13rem;}
.bi_cont_03 .cont_box .cont.type2 .logo_box .logo {width: 18rem;}
/* 공지사항_자주묻는질문_03 */
.notice_faq03 .list > li:first-child {border-top: 1px solid var(--line);}
.notice_faq03 .list > li {border-bottom: 1px solid var(--line); cursor: pointer; transition: border 0.3s ease-in-out;}
.notice_faq03 .list > li .que {display: flex; align-items:center; font-size: var(--p2); font-weight: 700; padding: 3.5rem 4rem;}
.notice_faq03 .list > li .que .txt {padding-right: 1em;}
.notice_faq03 .list > li .que .ico {width: 1em; height: 1em; flex-shrink: 0; margin-left: auto; transition: 0.3s ease-in-out; background: url('data:image/svg+xml,') no-repeat center / contain;}
.notice_faq03 .list > li.active {border-bottom-color: transparent;}
.notice_faq03 .list > li.active .que .ico {transform: rotate(180deg);}
.notice_faq03 .list > li .answer {padding: 2.5rem 4rem; background-color: #fff; border-radius: 2rem; font-size: var(--p3); display: none;}
.notice_faq03 .list > li .answer .txt_box {display: flex;}
.notice_faq03 .list > li .answer .ico {display: flex; align-items: center; justify-content: center; width: 2em; height: 2em; border-radius: 50%; background-color: var(--green); color: #fff; font-size: var(--p2); font-weight: 700; flex-shrink: 0;}
.notice_faq03 .list > li .answer .txt {margin-left: 1em; padding-top: 0.5em;}
/* 서브페이지_진료과목_단순정렬_18 */
.sub_cont_sorting18 .slide .swiper-slide {width: 0; overflow: hidden;}
.sub_cont_sorting18 .slide .swiper-slide .img {position: relative; padding-top: 140%;}
.sub_cont_sorting18 .slide .swiper-slide .img img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; object-position: center;}
.sub_cont_sorting18 .slide .swiper-slide .txt_box {margin-top: 2rem; text-align: center;}
.sub_cont_sorting18 .slide .swiper-slide .txt_box .tit {font-size: var(--p4);}
.sub_cont_sorting18 .slide .swiper-pagination {width: 25rem; height: 2px; position: relative; margin-left: 4rem; background-color: rgba(0,0,0,0.2); margin: var(--contMt3) auto;}
.sub_cont_sorting18 .slide .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background-color: var(--green);}
/* 메인_롤링배너_기본롤링_11 */
.main_basic_slide11 .swiper-slide {}
.main_basic_slide11 .swiper-slide a {display: block;}
.main_basic_slide11 .swiper-slide .img {position: relative; padding-top: 70%; border-radius: 3rem; overflow: hidden; }
.main_basic_slide11 .swiper-slide .img img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; object-position: center;}
.main_basic_slide11 .swiper-slide .img .thumb_overlay {position: absolute; inset: 0; z-index: 2; background: rgba(38, 100, 50, 0.8); opacity: 0; transition: 0.3s ease-in-out;}
.main_basic_slide11 .swiper-slide .img .plus_icon {position: absolute; left: 50%; top: 50%; z-index: 3; width: 6.2rem; height: 6.2rem; transform: translate(-50%, -50%); opacity: 0; transition: 0.3s ease-in-out;}
.main_basic_slide11 .swiper-slide .img .plus_icon::before,
.main_basic_slide11 .swiper-slide .img .plus_icon::after {content: ""; position: absolute; left: 50%; top: 50%; background-color: #fff; transform: translate(-50%, -50%);}
.main_basic_slide11 .swiper-slide .img .plus_icon::before {width: 5.5rem; height: 2px;}
.main_basic_slide11 .swiper-slide .img .plus_icon::after {width: 2px; height: 5.8rem;}
.main_basic_slide11 .swiper-slide .txt_box {margin-top: 3rem;}
.main_basic_slide11 .swiper-slide .txt_box .tit {font-size: var(--h6); font-weight: 700; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.main_basic_slide11 .swiper-slide .txt_box .txt {margin-top: 1rem; font-size: var(--p3);}
.main_basic_slide11 .swiper-slide a:hover .plus_icon,
.main_basic_slide11 .swiper-slide a:hover .thumb_overlay {opacity: 1;}
.main_basic_slide11 .swiper-slide a:hover .plus_icon {transform: translate(-50%, -50%) rotate(180deg);}
.main_basic_slide11 .swiper_controls_box {display: flex; align-items: center; margin-top: 6rem;}
.main_basic_slide11 .swiper_controls_box .num_box {display: flex; align-items: center; font-weight: 700; color: #A8A8A8; }
.main_basic_slide11 .swiper_controls_box .num_box .num {width: 1.5em; text-align: center;}
.main_basic_slide11 .swiper_controls_box .num_box .current {color: #000}
.main_basic_slide11 .swiper_controls_box .num_box .swiper_btn {width: 1em; height: 1em; cursor: pointer; opacity: 0.6; transition: 0.3s ease-in-out; }
.main_basic_slide11 .swiper_controls_box .num_box .swiper_btn .ico {width: 100%; height: 100%; background: url('data:image/svg+xml,') no-repeat center / contain;}
.main_basic_slide11 .swiper_controls_box .num_box .swiper_btn.prev {margin-right: 0.5em;}
.main_basic_slide11 .swiper_controls_box .num_box .swiper_btn.next {margin-left: 0.5em;}
.main_basic_slide11 .swiper_controls_box .num_box .swiper_btn.prev .ico {transform: rotate(180deg);}
.main_basic_slide11 .swiper_controls_box .num_box .swiper_btn:hover {opacity: 1;}
.main_basic_slide11 .swiper_controls_box .swiper_pagination {flex: 1; height: 2px; position: relative; margin-left: 4rem; background-color: rgba(0,0,0,0.2);}
.main_basic_slide11 .swiper_controls_box .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background-color: var(--green);}
/* 서브페이지_진료과목_단순정렬_17 */
.sub_cont_sorting17 .cont_box {display: flex;}
.sub_cont_sorting17 .cont_box .cont {flex: 1; min-width: 0;}
.sub_cont_sorting17 .cont_box .cont .img {width: 11rem; margin: 0 auto;}
.sub_cont_sorting17 .cont_box .cont .img img {width: 100%;}
.sub_cont_sorting17 .cont_box .cont .txt_box {margin-top: 3rem; text-align: center ;}
.sub_cont_sorting17 .cont_box .cont .txt_box .tit {font-size: var(--h6); font-weight: 700;}
.sub_cont_sorting17 .cont_box .cont .txt_box .txt {margin-top: 1rem; font-size: var(--p3);}
/* 서브페이지_지점안내_지도_03 */
.sub_directions03_sect .img_box {position: relative; border-radius: 3rem; overflow: hidden;}
.sub_directions03_sect .img_box .map_cont {position: relative; padding-top: 46%;}
.sub_directions03_sect .img_box .map_cont .map {position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none;}
.sub_directions03_sect .map_nav {position: absolute; height: 100%; left: 0; top: 0; padding: 6rem 4rem; background-color: #E4F0E8; z-index: 2; transition: 0.5s ease-in-out;}
.sub_directions03_sect .map_nav .tit {font-size: var(--p1); font-weight: 700; }
.sub_directions03_sect .map_nav .list {margin-top: 3rem;}
.sub_directions03_sect .map_nav .list li + li {margin-top: 1rem;}
.sub_directions03_sect .map_nav .list li .btn {font-size: var(-p4); font-weight: 700; font-weight: 500; padding: 0 1.5em; height: 3.5em; background-color: #fff; transition: 0.3s ease-in-out; width: 100%; border-radius: 6px;}
.sub_directions03_sect .map_nav .list li .btn.active {background-color: #000; color: #fff;}
.sub_directions03_sect .map_nav .list li .btn:hover {background-color: #000; color: #fff;}
.sub_directions03_sect .map_nav .arr_btn {position: absolute; right: 0; top: 50%; transform: translate(100%,-50%); background-color: #E4F0E8; padding: 2rem 1rem; border-radius: 0 7px 7px 0; }
.sub_directions03_sect .map_nav .arr_btn svg {width: 0.6em; height: auto; transition: 0.3s ease-in-out;}
.sub_directions03_sect .map_nav.hide {transform: translate(-100%,0%); }
.sub_directions03_sect .map_nav.hide .arr_btn svg {transform: rotate(180deg);}
.sub_directions03_sect .info_box {position: absolute; right: 3.5rem; bottom: 3.5rem;z-index: 2;border-radius: 20px;background: #FFF;box-shadow: 0 0 20px 0 rgba(47, 47, 47, 0.20); padding: 3.5rem 3rem; width: 23em;}
.sub_directions03_sect .info_box .tit {font-size: var(--p1); font-weight: 700;}
.sub_directions03_sect .info_box .list {margin-top: 1.5rem;}
.sub_directions03_sect .info_box .list li {display: flex; color: #828282; font-size: var(--p4);}
.sub_directions03_sect .info_box .list li + li {margin-top: 0.5rem;}
.sub_directions03_sect .info_box .list li .ico {height: 1.5em; width: 1.1em; margin-right: 0.5em;}
.sub_directions03_sect .info_box .btn_box {margin-top: 3rem; display: flex;}
.sub_directions03_sect .info_box .btn_box .btn {flex: 1; height: 3em; font-size: var(--p5); font-weight: 500; border: 1px solid #000; border-radius: 1.5rem; display: flex; align-items: center; justify-content: center; transition: 0.3s ease-in-out;}
.sub_directions03_sect .info_box .btn_box .btn + .btn {margin-left: 10px;}
.sub_directions03_sect .info_box .btn_box .btn .ico {width: 1.5em; height: auto; margin-right: 0.5em;}
.sub_directions03_sect .info_box .btn_box .btn svg path {transition: 0.3s ease-in-out;}
.sub_directions03_sect .info_box .btn_box .btn:hover {background-color: #000; color: #fff;}
.sub_directions03_sect .info_box .btn_box .btn:hover svg path {fill: #fff;}
/* 메인_지점안내_지도_지도_02 */
.main_map_cont_map02 {overflow: hidden; position: relative; padding: var(--pd2) 0; background: #185525; color: #fff;}
.main_map_cont_map02 .cont_box {width: 65%;}
.main_map_cont_map02 .bg_video{ position: absolute; top: 220px; right: -2.5%; width: 45%; padding-top: 45%; opacity: 0.3;}
.main_map_cont_map02 .bg_video video { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: contain; }
.main_map_cont_map02 .sub_sect_tit {opacity: 0; transform: translateY(100px); transition: opacity 1s ease-in-out 0s, transform 1s ease-in-out 0s;}
.main_map_cont_map02 .sub_sect_txt {font-weight: 200;opacity: 0; transform: translateY(100px); transition: opacity 1s ease-in-out 0.2s, transform 1s ease-in-out 0.2s;}
.main_map_cont_map02 .global_tit {font-size: var(--h3); font-weight: 700; margin-top: var(--contMt1); opacity: 0; transform: translateY(100px); transition: opacity 1s ease-in-out 0.4s, transform 1s ease-in-out 0.4s;}
.main_map_cont_map02 .img_box {margin-top: var(--contMt1); display: grid; grid-template-columns: repeat(3,minmax(0,1fr)) ;width: 100%; opacity: 0; transform: translateY(100px); transition: opacity 1s ease-in-out 0.6s, transform 1s ease-in-out 0.6s;}
.main_map_cont_map02 .img_box .img {flex: 1; padding-top: 67%; position: relative; border-radius: 1.5rem; overflow: hidden;}
.main_map_cont_map02 .img_box .img + .img {margin-left: 2rem;}
.main_map_cont_map02 .img_box .img img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; object-position: center;}
.main_map_cont_map02.active .sub_sect_tit {opacity: 1; transform:unset;}
.main_map_cont_map02.active .sub_sect_txt {opacity: 1; transform:unset;}
.main_map_cont_map02.active .global_tit {opacity: 1; transform:unset;}
.main_map_cont_map02.active .img_box {opacity: 1; transform:unset;}
/* 서브페이지_진료과목_단순정렬_07 */
.sub_cont_sorting07 {overflow: hidden;}
.sub_cont_sorting07 .cir_list_box{display: flex; justify-content: center; }
.sub_cont_sorting07 .cir_list_box .item{position: relative; text-align: center; width: calc(100% / 3); padding-top: calc(100% / 3); background-color: var(--bg); border-radius: 50%;
opacity: 0; transform: translateX(calc(-100% / 3)); transition:opacity 0.8s ease-in-out, transform 0.8s ease-in-out;}
.sub_cont_sorting07 .cir_list_box.active .item{opacity: 1; transform:unset;}
.sub_cont_sorting07 .cir_list_box .item:nth-child(2){transition-delay: 0.4s;}
.sub_cont_sorting07 .cir_list_box .item:nth-child(3){transition-delay: 0.8s;}
.sub_cont_sorting07 .cir_list_box .item .cir_txt_box{position: absolute; display: flex; flex-direction: column; justify-content:center; align-items: center; width: 100%; height: 100%; top: 0; left: 0;}
.sub_cont_sorting07 .cir_list_box .item .cir_txt_box .num{ font-size:var(--p4); font-weight: 600; background: var(--green); padding: 0.4em 1em; border-radius: 10rem; width: max-content; color: #fff;}
.sub_cont_sorting07 .cir_list_box .item .cir_txt_box .tit{font-size:var(--h6); font-weight: 700; margin-top: 1.5rem;}
.sub_cont_sorting07 .cir_list_box .item .cir_txt_box .txt{font-size:var(--p3); margin-top: 3rem; padding: 0 8%; min-height: 3em;}
/* 메인_콘텐츠_배너타입_13 */
.main_cont_banner13 {position: relative; padding: var(--pd2) 0;}
.main_cont_banner13 .bg {position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.main_cont_banner13 .bg img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; object-position: center;}
.main_cont_banner13 .txt_box {position: relative; z-index: 1; color: #fff;}
.main_cont_banner13 .txt_box .tit {font-size: var(--h4); font-weight: 700; line-height: 1.3;}
.main_cont_banner13 .txt_box .txt {font-size: var(--p3); margin-top: 1em;}
.main_cont_banner13 .txt_box .link_btn {margin-top: 6rem;;}
/* 서브페이지_진료과목_단순정렬_21 */
.sub_cont_sorting21 .cont_box {display: flex;}
.sub_cont_sorting21 .cont_box .cont {flex: 1; border-radius: 4rem; background-color: #fff; padding: 8rem 5rem ;}
.sub_cont_sorting21 .cont_box .cont + .cont {margin-left: 3rem;}
.sub_cont_sorting21 .cont_box .cont .img {width: 8.5rem; height: 8.5rem ;}
.sub_cont_sorting21 .cont_box .cont .img img {width: 100%;}
.sub_cont_sorting21 .cont_box .cont .txt_box {margin-top: 8rem;}
.sub_cont_sorting21 .cont_box .cont .txt_box .tit {font-size: var(--h6); font-weight: 700;}
.sub_cont_sorting21 .cont_box .cont .txt_box .check_list {margin-top: 3rem;}
.sub_cont_sorting21 .cont_box .cont .txt_box .check_list li {display: flex;}
.sub_cont_sorting21 .cont_box .cont .txt_box .check_list li + li {margin-top: 1rem;}
.sub_cont_sorting21 .cont_box .cont .txt_box .check_list li .ico {width: 1.5em;height: 1.4em;margin-right: 1rem; flex-shrink: 0;background: url('data:image/svg+xml,') no-repeat center / contain;}
.sub_cont_sorting21 .cont_box .cont .txt_box .check_list li .txt {font-size: var(--p4); font-weight: 600;}
/* 서브페이지_진료과목_단순정렬_13 */
.sub_cont_sorting13 .cont_box {display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 6rem 2rem;}
.sub_cont_sorting13 .cont_box .cont .img {position: relative; border-radius: 3rem; padding-top: 65%; overflow: hidden;}
.sub_cont_sorting13 .cont_box .cont .img img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; object-position: center;}
.sub_cont_sorting13 .cont_box .cont .txt {margin-top: 0.5em; font-size: var(--p2); font-weight: 700; text-align: center;}
/* 서브페이지_진료과목_프로세스_02 */
.sub_cont_process02 .cont_box {display: flex; justify-content: space-between;}
.sub_cont_process02 .cont_box .left_tit_box {width: 37%;}
.sub_cont_process02 .cont_box .right_cont_box {width: 60%; position: relative; padding-left: 5rem;}
.sub_cont_process02 .cont_box .right_cont_box .cont {display:grid; align-items: center; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 4rem;}
.sub_cont_process02 .cont_box .right_cont_box .cont + .cont {margin-top: 5rem;}
.sub_cont_process02 .cont_box .right_cont_box .cont .img_box {position: relative; padding-top: 65%; border-radius: 3rem; overflow: hidden;}
.sub_cont_process02 .cont_box .right_cont_box .cont .img_box img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; object-position: center;}
.sub_cont_process02 .cont_box .right_cont_box .cont .txt_box .tit { display: flex; align-items: flex-start; font-size: var(--h6); font-weight: 700}
.sub_cont_process02 .cont_box .right_cont_box .cont .txt_box .tit .badge {background-color: var(--green); color: #fff; font-size: var(--p5); font-weight: 700; padding: 0.35em 1em; border-radius: 10em; margin-right: 10px; display: inline-block; vertical-align: text-top; flex-shrink: 0; margin-top: 0.25em;}
.sub_cont_process02 .cont_box .right_cont_box .cont .txt_box .tit small {font-size: var(--p3); font-weight: 400; margin-left: 0.25em; align-self: center;}
.sub_cont_process02 .cont_box .right_cont_box .cont .txt_box .txt {margin-top: 1.5em; }
.sub_cont_process02 .cont_box .right_cont_box .line{position:absolute; top:0; left: 0; width: 3px; height: 0; background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 5.83%, var(--green) 99.25%);}
.sub_cont_process02 .cont_box .right_cont_box .line .dot { position: absolute; left: 50%; bottom: 0; width: 9px; height: 9px; background-color: var(--green); border-radius: 100%; transform: translate(-50%, 50%); opacity: 0;}
.sub_cont_process02 .cont_box .right_cont_box .line .dot:before { content: ''; position: absolute; left: 50%; top: 50%; width: 200%; height: 200%; background-color: var(--green); opacity: 0.2; border-radius: 100%; transform: translate(-50%, -50%); }
/* 서브페이지_진료과목_단순정렬_16 */
.sub_cont_sorting16 {position: relative; padding: var(--pd1) 0;}
.sub_cont_sorting16 .bg {position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.sub_cont_sorting16 .bg img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; object-position: center}
.sub_cont_sorting16 .cont_tit_box {text-align: center; color: #fff; }
.sub_cont_sorting16 .cont_tit_box .sect_tit {font-size: 6rem; font-weight: 700 ;}
.sub_cont_sorting16 .cont_tit_box .sect_txt {margin-top: 4rem; font-size: var(--h6);}
.sub_cont_sorting16 .cont_box {display: flex; margin-top: var(--contMt);}
.sub_cont_sorting16 .cont_box .cont {width: 50%; border-radius: 3rem; overflow: hidden; z-index: 1;}
.sub_cont_sorting16 .cont_box .cont + .cont {margin-left:3rem;}
.sub_cont_sorting16 .cont_box .cont.img_type {position: relative;}
.sub_cont_sorting16 .cont_box .cont.img_type img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; object-position: center;}
.sub_cont_sorting16 .cont_box .cont.txt_type {display: flex;flex-direction: column; background-color: #fff; padding: 9rem 8rem;}
.sub_cont_sorting16 .cont_box .cont.txt_type .logo_img {width: 30rem;}
.sub_cont_sorting16 .cont_box .cont.txt_type .logo_img img {width: 100%;}
.sub_cont_sorting16 .cont_box .cont.txt_type .txt_box {margin-top: 3.5rem;}
.sub_cont_sorting16 .cont_box .cont.txt_type .txt_box .txt {font-size: var(--p3); font-weight: 500;}
.sub_cont_sorting16 .cont_box .cont.txt_type .txt_box .txt + .txt {margin-top: 0.5em;}
.sub_cont_sorting16 .cont_box .cont.txt_type .bot_logo_box {margin-top: 14rem; display: flex; }
.sub_cont_sorting16 .cont_box .cont.txt_type .bot_logo_box .img {width: 9rem;}
.sub_cont_sorting16 .cont_box .cont.txt_type .bot_logo_box .img img {width: 100%; }
.sub_cont_sorting16 .cont_box .cont.txt_type .bot_logo_box .img + .img {margin-left: 2rem;}
/* 서브페이지_진료과목_단순정렬_08 */
.sub_cont_sorting08 .img {border-radius: 3rem; overflow: hidden;}
.sub_cont_sorting08 .img img {width: 100%;}
.sub_cont_sorting08 .txt_box {margin-top: 6rem; display: flex; justify-content: center;}
.sub_cont_sorting08 .txt_box .left_cont {margin-right: 8rem; width: 35%; text-align: right;}
.sub_cont_sorting08 .txt_box .left_cont .tit {font-size: var(--h4); font-weight: 700; text-align: right;}
.sub_cont_sorting08 .txt_box .right_cont {width: 50%;}
.sub_cont_sorting08 .txt_box .right_cont .txt {font-size: var(--p3);}
.sub_cont_sorting08 .txt_box .right_cont .txt + .txt {margin-top: 1em;}
/* 텍스트 모션 08 */
.text_motion08 {}
.text_motion08 .cont {}
.text_motion08 .cont .tit {font-size: var(--h2); font-weight: 700; line-height: 1.4; text-align: center;}
.text_motion08 .cont .tit + .tit {margin-top: 6rem;}
.text_motion08 .cont .tit .text{background: linear-gradient(to right, #000 50%, #e7e7e7 50%);background-size: 200% 100%;background-position-x: 100%;color: transparent;background-clip: text;-webkit-background-clip: text;display: inline;}
/* 서브페이지_진료과목_단순정렬_19 */
.sub_cont_sorting19 { }
.sub_cont_sorting19 .cont_box {display: flex;}
.sub_cont_sorting19 .cont_box .left_tit {width: 35%; }
.sub_cont_sorting19 .cont_box .left_tit .tit {font-weight: 700; font-size: var(--h3); }
.sub_cont_sorting19 .cont_box .right_cont {flex: 1; min-width: 0;}
.sub_cont_sorting19 .slide {position: relative;}
.sub_cont_sorting19 .slide .img {border-radius: 1.5rem; padding-top: 54%; overflow: hidden; position: relative;}
.sub_cont_sorting19 .slide .img img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}
.sub_cont_sorting19 .slide .paging {position: absolute; left: 50%; bottom: 4rem; transform: translateX(-50%); display: flex; justify-content: center; z-index: 3; border-radius: 5em; overflow: hidden;}
.sub_cont_sorting19 .slide .paging .swiper-pagination {position: relative; width: 20rem; height: 0.8rem; background-color:rgba(255,255,255,0.8); }
.sub_cont_sorting19 .slide .paging .swiper-pagination .swiper-pagination-progressbar-fill {background-color: var(--green)}
.sub_cont_sorting19 .slide .paging .swiper_btn {display: flex; align-items: center; cursor: pointer;}
.sub_cont_sorting19 .btn_box {display: flex; margin-top: 3rem; width: 100%;}
.sub_cont_sorting19 .btn_box .down_btn {display: flex; align-items: center; justify-content: space-between; flex: 1; font-size: var(--p3); font-weight: 600; border: 1px solid #000; border-radius: 10px; height: 4em; padding: 0 2em; transition: 0.3s ease-in-out;}
.sub_cont_sorting19 .btn_box .down_btn + .down_btn {margin-left: 2.5rem;}
.sub_cont_sorting19 .btn_box .down_btn .ico {width: 1.2em; height: 1.2em;}
.sub_cont_sorting19 .btn_box .down_btn .ico svg {width: 100%; height: auto;}
.sub_cont_sorting19 .btn_box .down_btn .ico svg path {transition: 0.3s ease-in-out;}
.sub_cont_sorting19 .btn_box .down_btn:hover {background-color: #000; color: #fff; }
.sub_cont_sorting19 .btn_box .down_btn:hover .ico svg path {stroke: #fff;}
/* 서브페이지_진료과목_단순정렬_03 */
.sub_cont_sorting03 .cont_box .cont {display: flex; justify-content: space-between; align-items: flex-start; }
.sub_cont_sorting03 .cont_box .cont + .cont {margin-top: var(--pd2);}
.sub_cont_sorting03 .cont_box .img_box {width: 50%; opacity: 0; transform: translateY(100px); transition: opacity 1s ease-in-out, transform 1s ease-in-out;}
.sub_cont_sorting03 .cont_box .img_box .img {position: relative; padding-top: 60%; border-radius: 2rem; overflow: hidden;}
.sub_cont_sorting03 .cont_box .img_box .img img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
.sub_cont_sorting03 .cont_box .txt_box {width: 45%; padding-top: 4rem; opacity: 0; transform: translateY(100px); transition: opacity 1s ease-in-out 0.2s, transform 1s ease-in-out 0.2s;}
.sub_cont_sorting03 .cont_box .txt_box .tit {font-size: var(--h4); font-weight: 700;}
.sub_cont_sorting03 .cont_box .txt_box .txt {font-size: var(--h8); font-weight: 700; margin-top: 1.5rem;}
.sub_cont_sorting03 .cont_box .txt_box .check_list {margin-top: 3rem;}
.sub_cont_sorting03 .cont_box .txt_box .check_list li {font-size: var(--p3); display: flex; align-items: flex-start;}
.sub_cont_sorting03 .cont_box .txt_box .check_list li .ico {width: 1.5em; height: 1.4em; margin-right: 1.5rem; flex-shrink: 0; background: url('data:image/svg+xml,') no-repeat center / contain;}
.sub_cont_sorting03 .cont_box .txt_box .check_list li .sm_txt {color: var(--gray2); font-size: var(--p5);}
.sub_cont_sorting03 .cont_box .txt_box .check_list li + li {margin-top: 1em;}
.sub_cont_sorting03 .cont_box .cont.active .img_box,
.sub_cont_sorting03 .cont_box .cont.active .txt_box {opacity: 1; transform: translateY(0);}
.sub_cont_sorting03 .cont_box .cont.rtl {flex-direction: row-reverse;}
.sub_cont_sorting03 .cont_box .cont.rtl .txt_box {text-align: right;}
.sub_cont_sorting03 .cont_box .cont.rtl .txt_box .check_list li {flex-direction: row-reverse;}
.sub_cont_sorting03 .cont_box .cont.rtl .txt_box .check_list li .ico {margin-right: 0; margin-left: 1.5rem;}
/* 서브페이지_진료과목_단순정렬_25 */
.sub_cont_sorting25 .cont_box {display: flex;}
.sub_cont_sorting25 .cont_box .left_tit {width: 35%; }
.sub_cont_sorting25 .cont_box .left_tit .tit {font-weight: 700; font-size: var(--h3); }
.sub_cont_sorting25 .cont_box .right_cont {flex: 1; min-width: 0;}
.sub_cont_sorting25 .cont_box .right_cont .cont {background-color: #fff; padding: 4rem; border-radius: 1.5rem;}
.sub_cont_sorting25 .cont_box .right_cont .cont .tit {font-size: var(--p2); font-weight: 700; margin-bottom: 2rem;}
.sub_cont_sorting25 .cont_box .right_cont .cont .txt {font-size: var(--p4); }
.sub_cont_sorting25 .cont_box .right_cont .cont .num_list {margin-top: 1rem; color: var(--gray); margin-top: 1rem; font-size: var(--p4);}
.sub_cont_sorting25 .cont_box .right_cont .cont .num_list + .txt {margin-top: 2rem;}
/* 서브페이지_진료과목_단순정렬_06 */
.sub_cont_sorting06 .cont_box {display: flex; justify-content: space-between;}
.sub_cont_sorting06 .cont_box .cont {flex: 1; border: 1px solid var(--line); border-radius: 1.5rem; padding: 4rem; }
.sub_cont_sorting06 .cont_box .cont .point_txt {font-size: var(--p2); color: var(--green); font-weight: 700;}
.sub_cont_sorting06 .cont_box .cont .txt {margin-top: 1.5em; font-size: var(--p3); font-weight: 500;}
.sub_cont_sorting06 .cont_box .cont + .cont {margin-left: 3rem;}
/* 서브페이지_진료과목_단순정렬_22 */
.sub_cont_sorting22 .cont_box {display: flex; justify-content: space-between; align-items: center;}
.sub_cont_sorting22 .cont_box .img_box {width: 47.5%;}
.sub_cont_sorting22 .cont_box .img_box .img {border-radius: 3rem; overflow: hidden;}
.sub_cont_sorting22 .cont_box .img_box .img img {width: 100%;}
.sub_cont_sorting22 .cont_box .txt_box {width: 47.5%;}
.sub_cont_sorting22 .cont_box .txt_box .tit {font-size: var(--h8); font-weight: 700;}
.sub_cont_sorting22 .cont_box .txt_box .txt {font-size: var(--p3); margin-top: 1.5em;}
/* 서브페이지_진료과목_단순정렬_24 */
.sub_cont_sorting24 .cont_box {display: flex; align-items: flex-start;}
.sub_cont_sorting24 .cont_box .left_tit {width: 35%;}
.sub_cont_sorting24 .cont_box .left_tit .em_txt {font-size: var(--p3); color: var(--green); font-weight: 600; margin-top: 1rem;}
.sub_cont_sorting24 .cont_box .right_cont {flex: 1; min-width: 0; display: flex; gap: 3rem;}
.sub_cont_sorting24 .cont_box .select_cont {flex: 1; min-width: 0; position: relative;;}
.sub_cont_sorting24 .cont_box .select_cont .cont {position: relative; display: flex; align-items: center; justify-content: space-between; font-size: var(--p2); height: 4.5em; padding: 0 2.5em; border: 1px solid var(--line); border-radius:1.5rem; cursor: pointer;}
.sub_cont_sorting24 .cont_box .select_cont .cont .current {font-size: var(--p2); font-weight: 700;}
.sub_cont_sorting24 .cont_box .select_cont .cont .ico {width: 0.8em; height: 0.8em; background: url('data:image/svg+xml,') no-repeat center / contain; }
.sub_cont_sorting24 .cont_box .select_cont .list {position: absolute; min-width: 100%; top: 100%; background-color: var(--bg); padding: 1.5em 2.5em; font-size: var(--p2) ;border-radius: 0 0 1.5rem 1.5rem; overflow-y: auto; z-index: 3; opacity: 0; pointer-events: none;}
.sub_cont_sorting24 .cont_box .select_cont .list li {font-size: var(--p3); font-weight: 500;}
.sub_cont_sorting24 .cont_box .select_cont .list li + li {margin-top: 0.7em;}
.sub_cont_sorting24 .cont_box .select_cont .list::-webkit-scrollbar{display: inherit; width: 10px;}
.sub_cont_sorting24 .cont_box .select_cont .list::-webkit-scrollbar-thumb{background: #BFBFBF; border-right: 5px solid #fff; border-radius: 3px; border-top-right-radius: 8px 3px; border-bottom-right-radius: 8px 3px;}
.sub_cont_sorting24 .cont_box .select_cont .list::-webkit-scrollbar-track{background: #fff;}
.sub_cont_sorting24 .cont_box .select_cont .list::-webkit-scrollbar-button:vertical:decrement{height: 5px;}
.sub_cont_sorting24 .cont_box .select_cont .list::-webkit-scrollbar-button:vertical:increment{height: 5px;}
.sub_cont_sorting24 .cont_box .select_cont.active .list {opacity: 1; pointer-events: auto;}
.sub_cont_sorting24 .cont_box .select_cont.active .cont {border-radius: 1.5rem 1.5rem 0 0 ;}
.sub_cont_sorting24 .cont_box .select_cont.active .cont .ico {transform: rotate(180deg);}
/* 서브페이지_진료과목_단순정렬_23 */
.sub_cont_sorting23 .cont_box {display: flex;}
.sub_cont_sorting23 .cont_box .select_cont {flex: 1; min-width: 0; position: relative;;}
.sub_cont_sorting23 .cont_box .select_cont + .select_cont {margin-left: 3rem;}
.sub_cont_sorting23 .cont_box .select_cont .cont {position: relative; display: flex; align-items: center; justify-content: space-between; font-size: var(--p2); height: 4.5em; padding: 0 2.5em; border: 1px solid var(--line); border-radius:1.5rem; cursor: pointer;}
.sub_cont_sorting23 .cont_box .select_cont .cont .current {font-size: var(--p2); font-weight: 700;}
.sub_cont_sorting23 .cont_box .select_cont .cont .ico {width: 0.8em; height: 0.8em; background: url('data:image/svg+xml,') no-repeat center / contain; }
.sub_cont_sorting23 .cont_box .select_cont .list {position: absolute; min-width: 100%; top: 100%; background-color: var(--bg); padding: 1.5em 2.5em; font-size: var(--p2) ;border-radius: 0 0 1.5rem 1.5rem; overflow-y: auto; z-index: 3; opacity: 0; pointer-events: none;}
.sub_cont_sorting23 .cont_box .select_cont .list li {font-size: var(--p3); font-weight: 500;}
.sub_cont_sorting23 .cont_box .select_cont .list li + li {margin-top: 0.7em;}
.sub_cont_sorting23 .cont_box .select_cont .list::-webkit-scrollbar{display: inherit; width: 10px;}
.sub_cont_sorting23 .cont_box .select_cont .list::-webkit-scrollbar-thumb{background: #BFBFBF; border-right: 5px solid #fff; border-radius: 3px; border-top-right-radius: 8px 3px; border-bottom-right-radius: 8px 3px;}
.sub_cont_sorting23 .cont_box .select_cont .list::-webkit-scrollbar-track{background: #fff;}
.sub_cont_sorting23 .cont_box .select_cont .list::-webkit-scrollbar-button:vertical:decrement{height: 5px;}
.sub_cont_sorting23 .cont_box .select_cont .list::-webkit-scrollbar-button:vertical:increment{height: 5px;}
.sub_cont_sorting23 .cont_box .select_cont.active .list {opacity: 1; pointer-events: auto;}
.sub_cont_sorting23 .cont_box .select_cont.active .cont {border-radius: 1.5rem 1.5rem 0 0 ;}
.sub_cont_sorting23 .cont_box .select_cont.active .cont .ico {transform: rotate(180deg);}
/* 메인_롤링배너12 */
.main_size_rolling12 {padding-bottom:var(--sectPd); overflow:hidden;}
.main_size_rolling12 .main_slide .label{position: absolute; top: 4rem; left: 4rem; background-color: var(--green); border-radius: 0.8rem; font-size: var(--p3); font-weight: 700; color:#fff; padding: 0.7em 0.8em 0.7em; line-height: 1; z-index: 10;}
.main_size_rolling12 .main_slide .img_box{position:relative; border-radius: 4rem; overflow: hidden; padding-top: 50%;}
.main_size_rolling12 .img_box img{position: absolute; width: 100%; height:100%; top: 0; left: 0; object-fit: cover; object-position: center;}
.main_size_rolling12 .thumb_slide{margin-top: 2.4rem; width: calc(100% + var(--inPd) * 2); margin-left: calc(var(--inPd) * -1); padding: 0 var(--inPd);}
.main_size_rolling12 .thumb_slide .img_box{position:relative; border-radius: 2rem; overflow:hidden; overflow: hidden; padding-top: 50%; border: 2px solid transparent;}
.main_size_rolling12 .swiper-button-prev {left: -10rem;}
.main_size_rolling12 .swiper-button-next {right: -10rem;}
.main_size_rolling12 .swiper_btn_wrap{display: flex; align-items: center;}
.main_size_rolling12 .swiper_btn_wrap .swiper_btn { font-size: 1em; display: flex; align-items: center; justify-content: center; width: 8rem; height: 8rem; background: transparent; background-color: #fff; border-radius: 50%; transition: all 0.3s ease; cursor: pointer;}
.main_size_rolling12 .swiper_btn_wrap .swiper_btn::after {display: none;}
.main_size_rolling12 .swiper_btn_wrap .swiper_btn .ico { width: 1em; height: 1em; width:28%; height: 28%; background: url('data:image/svg+xml,') no-repeat center / contain; transition: background 0.3s ease;}
.main_size_rolling12 .swiper_btn_wrap .swiper_btn.swiper-button-disabled {opacity: 0.3;}
.main_size_rolling12 .swiper_btn_wrap .swiper_btn:first-child { margin-right: 0.8em;}
.main_size_rolling12 .swiper_btn_wrap .swiper_btn:first-child .ico { transform: rotate(180deg);}
.main_size_rolling12 .swiper_btn_wrap .swiper_btn.line{border:1px solid var(--line);}
/* 서브페이지_오시는길_02 */
.sub_directions02_sect .cont_box {display: flex; align-items: center; justify-content: space-between;}
.sub_directions02_sect .cont_box + .cont_box {margin-top: var(--pd2);}
.sub_directions02_sect .cont_box .img_box {width: 47.5%; position: relative;}
.sub_directions02_sect .cont_box .img_box .img {position: relative; padding-top: 74%; border-radius: 3rem; overflow: hidden;}
.sub_directions02_sect .cont_box .img_box .img > img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; object-position: center;}
.sub_directions02_sect .cont_box .map_cont {position: absolute; left: 0; top: 0;}
.sub_directions02_sect .cont_box .map_cont .map {position: absolute; left: 0; top: 0;width: 100%; height: 100%; pointer-events: none;}
.sub_directions02_sect .cont_box .txt_box {width: 47.5%;}
.sub_directions02_sect .cont_box .txt_box .tit {font-size: var(--h4); font-weight: 700;}
.sub_directions02_sect .cont_box .txt_box .tit .cir {display: inline-block; width: 0.4em; height: 0.4em; border-radius: 50%; vertical-align: text-top; background-color: var(--green);}
.sub_directions02_sect .cont_box .txt_box .addr_txt {display: flex; font-size: var(--h7);font-weight: 700; margin-top: 4.5rem;}
.sub_directions02_sect .cont_box .txt_box .addr_txt .ico {width: 1em; height: auto; margin-right: 0.5em;}
.sub_directions02_sect .cont_box .txt_box .info_txt {margin-top: 3rem;}
.sub_directions02_sect .cont_box .txt_box .info_txt li {display: flex; align-items: center;}
.sub_directions02_sect .cont_box .txt_box .info_txt li + li {margin-top: 1rem;}
.sub_directions02_sect .cont_box .txt_box .info_txt li strong {font-size: var(--p4);font-weight: 700; width:4.5em; flex-shrink: 0;}
.sub_directions02_sect .cont_box .txt_box .info_txt li .num {font-size: var(--p3);font-weight: 500;}
.sub_directions02_sect .cont_box .txt_box .mart_txt {display: flex; align-items: center;margin-top: 5rem;}
.sub_directions02_sect .cont_box .txt_box .mart_txt .badge {font-size: var(--p2); font-weight: 700; background-color:#F5F5F5 ; padding: 0.2em 1em; border-radius: 0.5em; margin-right: 1em;}
.sub_directions02_sect .cont_box .txt_box .mart_txt ul {display: flex; align-items: center;}
.sub_directions02_sect .cont_box .txt_box .mart_txt .txt {display: flex; align-items: center; font-size: var(--p3);font-weight: 500; line-height: 1.1;}
.sub_directions02_sect .cont_box .txt_box .mart_txt .txt + .txt {margin-left: 1em; padding-left: 1em; border-left: 1px solid var(--line);}
.sub_directions02_sect .cont_box .txt_box .mart_txt .txt strong {font-size: var(--p4); margin-right: 0.5em;}
.sub_directions02_sect .cont_box .txt_box .btn_box {display: flex; margin-top: 9rem;}
.sub_directions02_sect .cont_box .txt_box .btn_box .btn {display: flex; align-items: center; justify-content: center; flex: 1; height: 3em; border-radius: 10em; font-size: var(--p3); font-weight: 500; border: 1px solid #101010; transition: 0.3s ease-in-out;}
.sub_directions02_sect .cont_box .txt_box .btn_box .btn + .btn {margin-left: 1rem;}
.sub_directions02_sect .cont_box .txt_box .btn_box .btn .ico {width: 1.5em; height: auto; margin-right: 0.5em;}
.sub_directions02_sect .cont_box .txt_box .btn_box .btn svg path {transition: 0.3s ease-in-out;}
.sub_directions02_sect .cont_box .txt_box .btn_box .btn:hover {background-color: #000; color: #fff;}
.sub_directions02_sect .cont_box .txt_box .btn_box .btn:hover svg path {fill: #fff;}
/* 서브페이지_진료과목_롤링_01 */
.sub_rolling01 .cont_tit {margin-bottom: 6rem;}
.sub_rolling01 .cont_tit .tit {font-size: var(--h4); font-weight: 700; text-align: center;}
.sub_rolling01 .cont { display: flex; align-items: flex-start; justify-content: space-between; }
.sub_rolling01 .cont .sticky_box { position: sticky; left: 0; top: 12rem; width: 45%; height: 100%; }
.sub_rolling01 .cont .philo_img { position: relative; width: calc(100%); padding-top: 66%; border-radius: 2rem; overflow: hidden; }
.sub_rolling01 .cont .philo_img .img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; transition: opacity 0.5s; }
.sub_rolling01 .cont .philo_img .img.active { opacity: 1; }
.sub_rolling01 .cont .philo_img .img img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.sub_rolling01 .cont .philo_txt { width: 47%; padding-top: 35vh; }
.sub_rolling01 .cont .philo_txt .txt_box { margin-bottom: 15rem; opacity: 0.5; transition: opacity 0.5s; }
.sub_rolling01 .cont .philo_txt .txt_box .img { display: none; }
.sub_rolling01 .cont .philo_txt .txt_box.active { opacity: 1; }
.sub_rolling01 .cont .philo_txt .txt_box .num_box { display: flex; align-items: flex-start; justify-content: flex-start; }
.sub_rolling01 .cont .philo_txt .txt_box .num { display: flex; align-items: center; justify-content: center; padding: 0.8rem 1.5rem; margin-right: 2rem; border-radius: 10px; background: rgba(0, 0, 0, 0.30); color: rgba(255,255,255,0.5); font-size: var(--p2); font-weight: 700; transition: all 0.3s; }
.sub_rolling01 .cont .philo_txt .txt_box.active .num { color: #fff; background-color: var(--green); }
.sub_rolling01 .cont .philo_txt .txt_box .tit { display: flex; align-items: center; justify-content: flex-start; line-height: 1.4; font-size: var(--h5); font-weight: 700; }
.sub_rolling01 .cont .philo_txt .txt_box .txt { margin-top: 1em; font-size: var(--p3); font-weight: 500; }
/* 조직도_01 */
.group_chart01 .top_box .tr {position: relative; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18rem; justify-content: center; }
.group_chart01 .top_box .tr + .tr {margin-top: 6rem}
.group_chart01 .top_box .tr + .tr::before {content: ""; position: absolute; left: 50%; top: 0%; transform: translate(-50%,-100%); width: 1px; height: 6rem; clip-path:inset(0 0 100% 0 ); background-color: var(--line);
transition-property: clip-path; transition-duration: 0.6s; transition-timing-function: ease-in-out;}
.group_chart01 .top_box .tr:last-child {margin-bottom: 6rem;}
.group_chart01 .top_box .tr:last-child::after {content: ""; position: absolute; left: 50%; bottom: 0%; transform: translate(-50%,100%); width: 1px; height: 6rem; background-color: var(--line); clip-path:inset(0 0 100% 0 );
transition-property: clip-path; transition-duration: 0.6s; transition-timing-function: ease-in-out;}
.group_chart01 .top_box .tr .box {position: relative; background-color: #E4F0E8; display: flex; align-items: center; justify-content: center; padding: 1.7em 1em; border-radius: 10em; color: var(--green); font-size: var(--p2);
opacity: 0; transform: translateY(100%); transition-property: opacity , transform; transition-duration: 0.6s; transition-timing-function: ease-in-out;}
.group_chart01 .top_box .tr .box + .box::before {content: ""; position: absolute; left: 0%; top: 50%; transform: translate(-100%,-50%); width: 0; height: 1px; background-color: var(--line);
transition-property: width; transition-duration: 0.6s; transition-timing-function: ease-in-out;
}
.group_chart01 .top_box .tr .box.on {background-color: var(--green); color: #fff;}
.group_chart01 .top_box .tr .box:nth-child(1):last-child {grid-column: 2;}
.group_chart01 .bot_box {position: relative;;display: flex; padding-top: 4rem; gap: 5rem;}
.group_chart01 .bot_box .line {position: absolute; left:calc(((100% - 10rem - 60px) * 3 / 7 + 30px) / 2 ); top: 0; transform: translate(0%,0%); clip-path: inset(0 50% 0 50%);
width: calc(100% - (((100% - 10rem - 60px) * 2 / 7 + 15px) / 2 ) - ((100% - 10rem - 60px) * 3 / 7 + 30px) / 2 ); height:1px; background-color: var(--line); transition-property: clip-path; transition-duration: 0.8s; transition-timing-function: ease-in-out;}
.group_chart01 .bot_box .depth_cont {display: flex; flex-direction: column; align-items: center; width: calc((100% - 10rem - 60px) * 3 / 7 + 30px);}
.group_chart01 .bot_box .depth_cont + .depth_cont {width: calc((100% - 10rem - 60px) * 2 / 7 + 15px);}
.group_chart01 .bot_box .depth_cont .tit_box {position: relative; background-color: #545454; color: #fff; text-align: center; font-size: var(--p2); font-weight: 600; width: 10em; padding: 1.7em 1em; border-radius: 10em; opacity: 0; transition: opacity 0.6s ease-in-out 1.2s, transform 0.6s ease-in-out 1.2s;}
.group_chart01 .bot_box .depth_cont .tit_box::before {content: ""; position: absolute; left: 50%; top: 0%; transform: translate(-50%,-100%); width: 1px; height: 4rem; background-color: #e0e0e0; z-index: -1; clip-path: inset(100% 0 0 0);
transition-property: clip-path; transition-duration: 0.6s; transition-timing-function: ease-in-out;}
.group_chart01 .bot_box .depth_cont .cont_box {position: relative; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 15px; width: 100%; padding-top: 4rem; margin-top: 5rem;}
.group_chart01 .bot_box .depth_cont .cont_box::before {content: ""; position: absolute; left: 50%; top: 0; transform: translate(-50%,0); width: calc((100% + 15px) / 2) ; height: 1px; background-color: #e0e0e0;
transition-property: clip-path; transition-duration: 0.6s; transition-timing-function: ease-in-out; clip-path: inset(0 50% 0 50%);}
.group_chart01 .bot_box .depth_cont .cont_box.type3::before {width: calc(100% - ((100% - 30px) / 3 / 2 * 2)); }
.group_chart01 .bot_box .depth_cont .cont_box::after {content: "";position: absolute;left: 50%;top: 0%;transform: translate(-50%,-100%);width: 1px;height: 5rem;background-color: #e0e0e0;z-index: -1;
transition-property: clip-path; transition-duration: 0.6s; transition-timing-function: ease-in-out; clip-path: inset(100% 0 0 0);}
.group_chart01 .bot_box .depth_cont .cont_box.type3 {grid-template-columns: repeat(3,minmax(0,1fr)); }
.group_chart01 .bot_box .depth_cont .cont_box .cont {position: relative; text-align: center; font-size: var(--p3);}
.group_chart01 .bot_box .depth_cont .cont_box .cont::before {content: ""; position: absolute; left: 50%; top: 0%; transform: translate(-50%,-100%); width: 1px; height: 4rem; background-color: #e0e0e0;
transition-property: clip-path; transition-duration: 0.6s; transition-timing-function: ease-in-out; clip-path: inset(100% 0 0 0);}
.group_chart01 .bot_box .depth_cont .cont_box .cont .tit {background-color: #F4F6F8; padding: 1.7em 1em; border: 1px solid #E0E0E0; border-bottom: none; border-radius: 3rem 3rem 0 0; opacity: 0; transform: translateY(50px); transition-property: opacity , transform; transition-duration: 0.6s; transition-timing-function: ease-in-out;}
.group_chart01 .bot_box .depth_cont .cont_box .cont ul {background-color: #FFF; font-weight: 300; padding: 1.25em 0; color: #404040; border: 1px solid #E0E0E0; border-top: none; border-radius: 0 0 3rem 3rem; opacity: 0; transform: translateY(50px); transition-property: opacity , transform; transition-duration: 0.6s; transition-timing-function: ease-in-out;}
.group_chart01 .bot_box .depth_cont .cont_box .cont ul li + li {margin-top: 0.25em;}
.group_chart01 .bot_box .depth_cont .cont_box .cont .tit:last-child:first-child {border-radius: 3rem; border-bottom: 1px solid #E0E0E0;}
.group_chart01.active .top_box .tr:nth-child(1) .box {}
.group_chart01.active .top_box .tr:nth-child(2) .box {transition-delay: 0.2s;}
.group_chart01.active .top_box .tr:nth-child(2) .box + .box::before {transition-delay: 0.3s;}
.group_chart01.active .top_box .tr:nth-child(1) + .tr::before {transition-delay: 0.2s;}
.group_chart01.active .top_box .tr:nth-child(2) + .tr::before {transition-delay: 0.4s;}
.group_chart01.active .top_box .tr:nth-child(3) + .tr::before {transition-delay: 0.6s;}
.group_chart01.active .top_box .tr:nth-child(3) .box {transition-delay: 0.4s;}
.group_chart01.active .top_box .tr:nth-child(4) .box {transition-delay: 0.6s;}
.group_chart01.active .top_box .tr:last-child::after {clip-path: inset(0 0 0 0); transition-delay: 0.8s;}
.group_chart01.active .bot_box .line {clip-path: inset(0 0 0 0); transition-delay: 1s;}
.group_chart01.active .bot_box .depth_cont .tit_box::before {clip-path: inset(0 0 0 0); transition-delay: 1s;}
.group_chart01.active .bot_box .depth_cont .cont_box::after {clip-path: inset(0 0 0 0); transition-delay: 1.2s;}
.group_chart01.active .bot_box .depth_cont .cont_box::before {clip-path: inset(0 0 0 0); transition-delay: 1.2s;}
.group_chart01.active .bot_box .depth_cont .cont_box .cont::before {clip-path: inset(0 0 0 0); transition-delay: 1.4s;}
.group_chart01.active .bot_box .depth_cont .cont_box .cont ul,
.group_chart01.active .bot_box .depth_cont .cont_box .cont .tit {opacity: 1; transform: unset; transition-delay: 1.6s;}
.group_chart01.active .bot_box .depth_cont .tit_box {opacity: 1; transform: translateY(0);}
.group_chart01.active .top_box .tr .box + .box::before {transition-delay: 0.3s;}
.group_chart01.active .top_box .tr + .tr::before {clip-path: inset(0 0 0 0);}
.group_chart01.active .top_box .tr .box {transform: translateY(0); opacity: 1;}
.group_chart01.active .top_box .tr .box + .box::before {width: 18rem;}
/* 서브페이지_인사말_02 */
.sub_cont_greeting02 .cont_box {display: flex; align-items: center; justify-content: space-between;}
.sub_cont_greeting02 .cont_box .img {width: 46%; border-radius: 3rem; overflow: hidden;}
.sub_cont_greeting02 .cont_box .greeting_txt_box {width: 46%; }
.sub_cont_greeting02 .cont_box .greeting_txt_box .tit {font-size: var(--h5); font-weight: 700;}
.sub_cont_greeting02 .cont_box .greeting_txt_box .txt_box {margin-top: 5rem;}
.sub_cont_greeting02 .cont_box .greeting_txt_box .txt_box .txt {font-size: var(--p3);}
.sub_cont_greeting02 .cont_box .greeting_txt_box .txt_box .txt + .txt {margin-top: 2rem;}
.sub_cont_greeting02 .cont_box .greeting_txt_box .name_box {display: flex; align-items: center; margin-top: 11rem;}
.sub_cont_greeting02 .cont_box .greeting_txt_box .name_box .name {font-size: var(--h6); font-weight: 700;}
.sub_cont_greeting02 .cont_box .greeting_txt_box .name_box .position {font-size: var(--p3); font-weight: 500; margin-right: 1rem;}
.sub_cont_greeting02 .cont_box .greeting_txt_box .name_box .sign {margin-left: 1.5rem; width:3.5em}
.sub_cont_greeting02.active .cont_box .img {opacity: 1; transform: translateY(0); transition-delay: 0.2s;}
.sub_cont_greeting02.active .cont_box .greeting_txt_box {opacity: 1; transform: translateY(0); transition-delay: 0.4s;}
/* 이미지타입 1 */
.sub_cont_img01 img {width: 100%; border-radius: 3rem;}
/* nav_tab01 */
.com_nav_tab01 {position: sticky; top: 0; padding: var(--inPd) 0; background-color: #fff; z-index: 3;}
.com_nav_tab01 .tab_box {display: flex; justify-content: center;}
.com_nav_tab01 .tab_box .tab {padding: 0.6em 1.25em; font-size: var(--h6); font-weight: 700; color: rgba(16, 16, 16, 0.30); border-radius: 10em; transition: 0.3s ease-in-out; min-width: 6em;}
.com_nav_tab01 .tab_box .tab.active {background-color: #000; color: #fff;}
.com_nav_tab01 .tab_box .tab + .tab {margin-left: 2rem;}
/* 연혁_텍스트타입01 */
.sub_history_txt01 .cont_box {display: none; align-items: flex-start;}
.sub_history_txt01 .cont_box.on {display: flex;}
.sub_history_txt01 .cont_box .left_tit {font-size: var(--h2); font-weight: 700; width: 50%; position: sticky; top: 2.5em; }
.sub_history_txt01 .cont_box .left_tit .year:first-child {display: block; position: relative; opacity: 1; padding: 0;}
.sub_history_txt01 .cont_box .left_tit .year.on {opacity: 1;}
.sub_history_txt01 .cont_box .left_tit .year {position: absolute; left: 0; top: 0; opacity: 0; background-color: #fff; width: 100%; padding: 0 var(--inPd);}
.sub_history_txt01 .cont_box .history_cont {flex: 1; min-width: 0}
.sub_history_txt01 .cont_box .history_cont .cont {position: relative; padding-bottom: 12rem; padding-left: 6rem;}
.sub_history_txt01 .cont_box .history_cont .cont:last-child {padding-bottom: 0;}
.sub_history_txt01 .cont_box .history_cont .cont:last-child::before {content: "";position: absolute; left: -2px; top: 20px; width: 10px; height: 100%; background-color: rgb(255, 255, 255); z-index: 2;}
.sub_history_txt01 .cont_box .history_cont .cont .tit {font-size: var(--h4); font-weight: 700; margin-bottom:2rem;}
.sub_history_txt01 .cont_box .history_cont .cont .list li {color: #101010; position: relative;padding-left: 0.5em;}
.sub_history_txt01 .cont_box .history_cont .cont .list li + li {margin-top: 0.25em;}
.sub_history_txt01 .cont_box .history_cont .cont .list li:before {content: '·';position: absolute;left: 0;}
.sub_history_txt01 .cont_box .history_cont .cont .line {position: absolute; left: 0; top: 0.5em; width: 2px; height: 100%; background-color: #E0E0E0; font-size: var(--h4);}
.sub_history_txt01 .cont_box .history_cont .cont:last-child .line {height: calc(100% - 0.5em);}
.sub_history_txt01 .cont_box .history_cont .cont .line em {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: var(--green);}
.sub_history_txt01 .cont_box .history_cont .cont .line::before {content: ""; position: absolute; left: 1px; top: 0; z-index: 2; font-size: var(--p1);transform: translateX(-50%); width: 2rem; height: 2rem ;background:url('data:image/svg+xml,') no-repeat center / contain;}
.sub_history_txt01 .cont_box .history_cont .cont .line.active::before {background:url('data:image/svg+xml,') no-repeat center / contain;}
.sub_history_txt01 .cont_box .history_cont .cont .line::after {content: ""; position: absolute; left: 1px; top: 0%; z-index: 2; font-size: var(--p1);transform: translate(-50%,-30%); width: 5rem; height: 5rem ;background:url('data:image/svg+xml,') no-repeat center / contain; opacity: 0; transition: 0.3s ease-in-out;}
.sub_history_txt01 .cont_box .history_cont .cont .line.active::after {opacity: 0.1; }
/* 서브페이지_진료과목_프로세스_01 */
.sub_cont_process01 .cont_box {display: flex;}
.sub_cont_process01 .cont_box .left_tit {width: 35%; }
.sub_cont_process01 .cont_box .left_tit .tit {font-weight: 700; font-size: var(--h3); }
.sub_cont_process01 .cont_box .right_cont {flex: 1; min-width: 0; }
.sub_cont_process01 .cont_box .right_cont {display: flex; flex-direction: column; align-items: center; flex: 1; min-width: 0;}
.sub_cont_process01 .cont_box .right_cont .arr {display: flex; flex-direction: column; width: var(--p2); margin: 3rem 0; }
.sub_cont_process01 .cont_box .right_cont .arr svg {width: 100%; height: auto; }
.sub_cont_process01 .cont_box .right_cont .arr svg + svg {margin-top: -0.1em;}
.sub_cont_process01 .cont_box .right_cont .cont {display: flex; align-items: center; width: 100%; background-color: var(--bg); border-radius: 2rem; padding: 3rem 5rem; }
.sub_cont_process01 .cont_box .right_cont .cont .ico { display: flex; align-items: center; justify-content: center; width: 7rem; height: 7rem; border-radius: 1rem; background-color: #fff; flex-shrink: 0;}
.sub_cont_process01 .cont_box .right_cont .cont .ico img {width: 80%;}
.sub_cont_process01 .cont_box .right_cont .cont .txt_box {margin-left: 3rem;}
.sub_cont_process01 .cont_box .right_cont .cont .txt_box .tit {font-size: var(--p1); font-weight: 700; line-height: 1.5;}
.sub_cont_process01 .cont_box .right_cont .cont .txt_box .txt { margin-top: 0.5em; font-size: var(--p4);}
.sub_cont_process01 .cont_box .right_cont .cont .txt_box .txt_list .txt{text-indent: -0.5em; padding-left: 0.5em;}
/* 서브페이지_진료과목_텍스트_02 */
.sub_cont_text02 .tit {font-weight: 700; font-size: var(--h3); }
.sub_cont_text02 .txt {font-size: var(--p3); margin-top: 2rem;}
.sub_cont_text02 .sect_tit {font-size: var(--h3); font-weight: 700;}
.sub_cont_text02 .tit_wrap {display: flex; align-items: flex-end;}
.sub_cont_text02 .tit_wrap .link_btn {margin-left: auto; }
.sub_cont_text02 .tit_wrap .link_btn .ico {width: 1em; height: 1.5em; margin-left: 1em; background: url('data:image/svg+xml,') no-repeat center / contain; transition: 0.3s ease-in-out; }
.sub_cont_text02 .tit_wrap .link_btn.line {background-color: transparent; border: 1px solid #000; color: #000;}
.sub_cont_text02 .tit_wrap .link_btn.line .ico {background: url('data:image/svg+xml,') no-repeat center / contain}
.sub_cont_text02 .tit_wrap .link_btn.line:hover {background-color: #000; color: #fff;}
.sub_cont_text02 .tit_wrap .link_btn.line:hover .ico {background: url('data:image/svg+xml,') no-repeat center / contain}
/* 서브페이지_진료과목_텍스트_03 */
.sub_cont_text03 .cont_box {display: flex;}
.sub_cont_text03 .cont_box .left_tit {width: 35%; }
.sub_cont_text03 .cont_box .left_tit .tit {font-weight: 700; font-size: var(--h3); }
.sub_cont_text03 .cont_box .right_cont {flex: 1; min-width: 0; }
.sub_cont_text03 .cont_box .right_cont .txt {font-size: var(--p3);}
.sub_cont_text03 .cont_box .right_cont .txt + .txt {margin-top: 1em;}
.sub_cont_text03.right_type .cont_box {justify-content: flex-end;}
.sub_cont_text03.right_type .left_tit {width: auto;}
.sub_cont_text03.right_type .right_cont {flex: none; margin-left: 8rem;}
/* 서브페이지_진료과목_표_03 */
.sub_cont_table03 .cont_box {display: flex; word-break: break-all;}
.sub_cont_table03 .cont_box .left_tit {width: 35%; }
.sub_cont_table03 .cont_box .left_tit .tit {font-weight: 700; font-size: var(--h3); }
.sub_cont_table03 .cont_box .right_cont {flex: 1; min-width: 0; }
.sub_cont_table03 .cont_box .right_cont .table_head{display:flex; gap: 15px;}
.sub_cont_table03 .cont_box .right_cont .table_head .box {padding: 0.75em 0; color: #fff; font-size: var(--p4); font-weight: 700; border-radius: 2em; text-align: center; flex: 1;}
.sub_cont_table03 .cont_box .right_cont .table_head .type1{background: #909090;}
.sub_cont_table03 .cont_box .right_cont .table_head .type2{background: #1EAC4B;}
.sub_cont_table03 .cont_box .right_cont .table_body {margin-top: 10px; display: grid; grid-template-columns: repeat(2, 1fr); grid-auto-rows: 1fr; gap: 0 15px;}
.sub_cont_table03 .cont_box .right_cont .table_body .box {padding: 1em 1.5em;flex: 1; display: flex; align-items: center; }
.sub_cont_table03 .cont_box .right_cont .table_body .box.type1{background: #F4F4F4; border-bottom: 1px solid #C2C2C2; font-size: var(--p4)}
.sub_cont_table03 .cont_box .right_cont .table_body .box.type2{background: #E8F4EC; border-bottom: 1px solid #a7d7b6;}
.sub_cont_table03 .cont_box .right_cont .table_body .box:nth-child(1) {border-radius: 2rem 2rem 0 0;}
.sub_cont_table03 .cont_box .right_cont .table_body .box:nth-child(2) {border-radius: 2rem 2rem 0 0;}
.sub_cont_table03 .cont_box .right_cont .table_body .box:nth-last-child(2) {border-radius: 0 0 2rem 2rem; border-bottom: none;}
.sub_cont_table03 .cont_box .right_cont .table_body .box:last-child {border-radius: 0 0 2rem 2rem; border-bottom: none;}
.sub_cont_table03 .cont_box .right_cont .table_box .box.sm {flex: none; width: 20%; justify-content: center;}
.sub_cont_table03 .cont_box .right_cont .table_body.tr_type {display: block;}
.sub_cont_table03 .cont_box .right_cont .table_body.tr_type .tr {display: grid; grid-template-columns: minmax(0,10em) minmax(0,1fr); gap: 15px;}
.sub_cont_table03 .cont_box .right_cont .table_body.tr_type .tr .box {border-radius: 0 0 0 0; font-size: var(--p3);}
.sub_cont_table03 .cont_box .right_cont .table_body.tr_type .tr .box.type1 { border-top: 1px solid #C2C2C2;}
.sub_cont_table03 .cont_box .right_cont .table_body.tr_type .tr .box.type2 { border-top: 1px solid #a7d7b6;}
.sub_cont_table03 .cont_box .right_cont .table_body.tr_type .tr:first-child .box {border-top: none; border-radius: 2rem 2rem 0 0;}
.sub_cont_table03 .cont_box .right_cont .table_body.tr_type .tr:last-child .box {border-radius: 0 0 2rem 2rem;}
.sub_cont_table03 .cont_box .right_cont .table_body.tr_type .box.type1 {justify-content: center;}
/* 서브페이지_진료과목_단순정렬_11 */
.sub_cont_sorting11 .cont_box {display: flex;}
.sub_cont_sorting11 .cont_box .left_tit {width: 35%; }
.sub_cont_sorting11 .cont_box .left_tit .tit {font-weight: 700; font-size: var(--h3); }
.sub_cont_sorting11 .cont_box .right_cont {display: flex; ;flex: 1; min-width: 0; gap: 3rem;}
.sub_cont_sorting11 .cont_box .right_cont .box_wrap {display: flex; gap: 2.5rem; width: 100%;}
.sub_cont_sorting11 .cont_box .right_cont .box_wrap .box {flex: 1;}
.sub_cont_sorting11 .cont_box .right_cont .box_wrap .box .img {padding-top: 60%; position: relative; overflow: hidden; border-radius: 1.5rem;}
.sub_cont_sorting11 .cont_box .right_cont .box_wrap .box .img img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}
.sub_cont_sorting11 .cont_box .right_cont .box_wrap .box .txt_box { margin-top: 1rem; text-align: center;}
.sub_cont_sorting11 .cont_box .right_cont .box_wrap .box .txt_box .tit {font-size: var(--p3); font-weight: 700;}
.sub_cont_sorting11 .cont_box .right_cont .box_wrap .box .txt_box .txt {font-size: var(--p4); margin-top: 0.2em; color: var(--gray2);}
.sub_cont_sorting11 .cont_box .right_cont .box_wrap.num4 {flex-wrap: wrap; gap: 4rem 15px;}
.sub_cont_sorting11 .cont_box .right_cont .box_wrap.num4 .box {flex: none; width: calc(25% - 3rem * 3 / 4 );}
/* 서브페이지_진료과목_단순정렬_10 */
.sub_cont_sorting10 .cont_box {display: flex;}
.sub_cont_sorting10 .cont_box .left_tit {width: 35%; }
.sub_cont_sorting10 .cont_box .left_tit .tit {font-weight: 700; font-size: var(--h3); }
.sub_cont_sorting10 .cont_box .right_cont {flex: 1; min-width: 0;}
.sub_cont_sorting10 .cont_box .right_cont .top_txt_box {}
.sub_cont_sorting10 .cont_box .right_cont .top_txt_box .txt {font-size: var(--p3);}
.sub_cont_sorting10 .cont_box .right_cont .top_txt_box .sm_txt {font-size: var(--p4); color: var(--gray);}
.sub_cont_sorting10 .cont_box .right_cont .top_txt_box .tit + .sm_txt {margin-top: 0.5em;}
.sub_cont_sorting10 .cont_box .right_cont .top_txt_box + .check_box {margin-top: 3rem;}
.sub_cont_sorting10 .cont_box .right_cont .check_box > li { display: flex; background-color: var(--bg); padding: 1.5em 2em; border-radius: 10px; }
.sub_cont_sorting10 .cont_box .right_cont .check_box > li + li {margin-top: 1rem;}
.sub_cont_sorting10 .cont_box .right_cont .check_box > li .txt_box {flex: 1; min-width: 0;}
.sub_cont_sorting10 .cont_box .right_cont .check_box > li .tit {display: flex; font-size: var(--p3); font-weight: 600;}
.sub_cont_sorting10 .cont_box .right_cont .check_box > li .tit span {margin-left: 0.25em; font-weight: 400;}
.sub_cont_sorting10 .cont_box .right_cont .check_box > li .sm_txt {font-size: var(--p4); color: var(--gray); margin-top:0.5em;}
.sub_cont_sorting10 .cont_box .right_cont .check_box > li .sm_txt + .sm_txt {margin-top: 0.25em;}
.sub_cont_sorting10 .cont_box .right_cont .check_box > li .sm_txt.dot {position: relative;display: flex;}
.sub_cont_sorting10 .cont_box .right_cont .check_box > li .sm_txt.dot::before {content: '＊'; margin-right: 0.15em;}
.sub_cont_sorting10 .cont_box .right_cont .check_box > li .txt {margin-top: 1rem;}
.sub_cont_sorting10 .cont_box .right_cont .check_box > li .txt + .txt {margin-top: 0.5rem;}
.sub_cont_sorting10 .cont_box .right_cont .check_box > li .txt > span {color: var(--gray); font-size: var(--p5);}
.sub_cont_sorting10 .cont_box .right_cont .check_box > li .ico {width: 1.5em; height: 1.4em; margin-right: 1.5rem; flex-shrink: 0; background: url('data:image/svg+xml,') no-repeat center / contain;}
.sub_cont_sorting10 .cont_box .right_cont .check_box > li .desc {font-size: var(--p4); color: #696969; margin-top: 1rem;}
.sub_cont_sorting10 .cont_box .right_cont .check_box > li .tit .desc {margin-left: 0.5em; padding-left: 0; font-size: var(--p4); font-weight: 600;}
.sub_cont_sorting10 .cont_box .right_cont .check_box > li .img_wrap {display: flex; width: 100%; margin-top: 1rem;}
.sub_cont_sorting10 .cont_box .right_cont .check_box > li .img_wrap .img_box {display: grid; grid-template-columns: minmax(0,25%) minmax(0,1fr); gap: 20px; align-items: center; flex: 1; min-width: 0; background-color: var(--bg);}
.sub_cont_sorting10 .cont_box .right_cont .check_box > li .img_wrap .img_box + .img_box {margin-left:15px;}
.sub_cont_sorting10 .cont_box .right_cont .check_box > li .img_wrap .img_box .img {padding-top: 88%; position: relative;}
.sub_cont_sorting10 .cont_box .right_cont .check_box > li .img_wrap .img_box .img img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}
.sub_cont_sorting10 .cont_box .right_cont .check_box > li .img_wrap .img_box .img_txt_box {font-size: var(--p4);}
.sub_cont_sorting10 .cont_box .right_cont .check_box > li .img_wrap .img_box .img_tit {font-weight: 700;}
.sub_cont_sorting10 .cont_box .right_cont .check_box > li .img_wrap .img_box .img_tit span {font-weight: 400; color: var(--gray);}
.sub_cont_sorting10 .cont_box .right_cont .check_box > li .img_wrap .img_box .img_txt {font-weight: 400;}
.sub_cont_sorting10 .cont_box .right_cont .check_box > li .dot_list {margin-top: 1em; font-size: var(--p4); line-height: 1.5; }
.sub_cont_sorting10 .cont_box .right_cont .check_box > li .dot_list li {position: relative;}
.sub_cont_sorting10 .cont_box .right_cont .check_box > li .dot_list li + li {margin-top: 0.5em;}
.sub_cont_sorting10 .cont_box .right_cont .check_box > li .dot_list li .dot_txt {}
.sub_cont_sorting10 .cont_box .right_cont .check_box > li .dot_list li .dot_txt::before {content: '·'; position: absolute; left: 0; top: 0; height: 1.8em;}
.sub_cont_sorting10 .cont_box .right_cont .check_box > li .dot_list li .dot_txt .badge {background-color: #f2f2f2; border-radius: 10em; color: #000; padding: 0.3em 0.5em; font-size: var(--p5); margin-left: 0.5em}
.sub_cont_sorting10 .cont_box .right_cont .check_box > li .dot_list dl {display: flex; align-items: flex-start;}
.sub_cont_sorting10 .cont_box .right_cont .check_box > li .dot_list dl dt {background-color: #f2f2f2; border-radius: 10em; color: #000; padding: 0.3em 0.5em; font-size: var(--p5); font-weight: 500; min-width: 3em; text-align: center;}
.sub_cont_sorting10 .cont_box .right_cont .check_box > li .dot_list dl dd {flex: 1; min-width: 0; margin-left: 0.5em; padding-top: 0.2em;}
.sub_cont_sorting10 .cont_box.al_center {align-items: center;}
.sub_cont_sorting10.col .cont_box {display: flex; flex-direction: column;}
.sub_cont_sorting10.col .left_tit {width: 100%;}
.sub_cont_sorting10.col .right_cont {margin-top: var(--contMt4); margin-left: 0;}
/* 서브페이지_진료과목_단순정렬_09 */
.sub_cont_sorting09 .cont_box {display: flex;}
.sub_cont_sorting09 .cont_box .left_tit {width: 35%; }
.sub_cont_sorting09 .cont_box .left_tit .tit {font-weight: 700; font-size: var(--h3); }
.sub_cont_sorting09 .cont_box .right_cont {display: flex; ;flex: 1; min-width: 0; gap: 3rem;}
.sub_cont_sorting09 .cont_box .right_cont .box {padding: 6rem 5rem; border-radius: 1.5rem; flex: 1;border: 1px solid var(--line);}
.sub_cont_sorting09 .cont_box .right_cont .box .tit {font-size: var(--h6); font-weight: 700;}
.sub_cont_sorting09 .cont_box .right_cont .box .txt {font-size: var(--p3); font-weight: 500; margin-top: 1rem;}
.sub_cont_sorting09.sm_type .cont_box .right_cont {flex-wrap: wrap; gap: 15px;}
.sub_cont_sorting09.sm_type .cont_box .right_cont .box {display: flex;flex-direction: column; align-items: center; justify-content: center; width: calc(25% - 15px * 3 / 4); padding:2em 1em; flex: none; text-align: center;}
.sub_cont_sorting09.sm_type .cont_box .right_cont .box .tit {font-size: var(--p2);}
.sub_cont_sorting09.sm_type .cont_box .right_cont .box .txt {color: var(--gray); font-weight: 400; margin-top: 5px; font-size: var(--p4);}
.sub_cont_sorting09.sm_type .cont_box .right_cont .box:nth-child(n+5) {width: calc(33.333% - 15px * 2 / 3);;}
/* 서브페이지_진료과목_롤링_06 */
.cont_basic_slide06 .cont_box {display: flex; padding-left: max(calc((100% - var(--in))/2 + var(--inPd)) , var(--inPd))}
.cont_basic_slide06 .cont_box .left_tit {width: min(calc((var(--in) - var(--inPd) * 2) * 0.35), calc(((100% - var(--inPd)) * 0.35)))}
.cont_basic_slide06 .cont_box .left_tit .tit {font-weight: 700; font-size: var(--h3); }
.cont_basic_slide06 .cont_box .slide {flex: 1; min-width: 0;}
.cont_basic_slide06 .cont_box .slide .swiper-container {padding-right:var(--inPd) ;}
.cont_basic_slide06 .cont_box .slide .item {padding: 5rem 3.5rem 7rem; background-color: var(--bg); border-radius: 1.5rem; width: 50rem; height: auto;}
.cont_basic_slide06 .cont_box .slide .item .img {text-align: right;}
.cont_basic_slide06 .cont_box .slide .item .img img {width: 12rem;}
.cont_basic_slide06 .cont_box .slide .item .txt_box {margin-top: 4rem;}
.cont_basic_slide06 .cont_box .slide .item .txt_box .tit {font-size: var(--h5); font-weight: 700;}
.cont_basic_slide06 .cont_box .slide .item .txt_box ul li {display: flex; align-items: flex-start; margin-top: 2rem; font-size: var(--p3); font-weight: 500;}
.cont_basic_slide06 .cont_box .slide .item .txt_box ul li .badge {background-color: #fff; font-size: var(--p5); font-weight: 600; border-radius: 10em; padding: 0.4em 0; line-height: 1; width: 5em; border-radius: 10em; display: flex; align-items: center; justify-content: center; margin-right: 10px; flex-shrink: 0;}
.cont_basic_slide06 .cont_box .slide .item .txt_box ul li .txt {line-height: 1.6;}
.cont_basic_slide06 .cont_box .slide .item .txt_box ul li .sm_txt {color: var(--gray2); display: block;}
/* tab01 */
.com_tab01 {text-align: center; }
.com_tab01 .tab_box {width: auto;max-width: 100%; padding: 10px 0; border-radius: 10em; background-color: var(--bg); display: inline-flex; justify-content: center; overflow: hidden;}
.com_tab01 .swiper-container {width: calc(100% + 20px); padding: 0 10px;}
.com_tab01 .swiper-slide {width: auto;}
.com_tab01 .swiper-slide:last-child {margin-right: 0 !important; }
.com_tab01 .btn {font-size: var(--p3); font-weight: 700; color: var(--gray2); padding: 1em 1.8em; border-radius: 10em; line-height: 1; transition: 0.3s ease-in-out; }
.com_tab01 .btn.active {background-color: #000; color: #fff;}
/* tab02 */
.com_tab02 {text-align: center; }
.com_tab02 .tab_box {display: flex; justify-content: center; }
.com_tab02 .tab_box .tab {position: relative; width: 17%; color: #AAA; font-weight: 600; font-size: var(--p1); padding-bottom:0.8em; transition: color 0.3s ease-in-out, border-bottom-color 0.3s ease-in-out;}
.com_tab02 .tab_box .tab::after {content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background-color: var(--gray); transition: 0.3s ease-in-out;}
.com_tab02 .tab_box .tab.active {color: #000; }
.com_tab02 .tab_box .tab.active::after {background-color: #000; height: 2px;}
/* 소식_리스트 07*/
.bulletin_list_thum07 .list {display: grid; grid-template-columns: repeat(4, 1fr); gap: 8rem 4rem;}
.bulletin_list_thum07 .list li a .img {padding-top: 60%; position: relative; overflow: hidden;}
.bulletin_list_thum07 .list li a .img img {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: cover; transition: 0.3s ease-in-out;}
.bulletin_list_thum07 .list li a .img .badge {position: absolute;right: 2rem;top: 2rem;display: inline-flex;align-items: center;background-color: #000;color: #fff;padding: 0.6em 1em;font-weight: 700;font-size: var(--p4);line-height: 1;border-radius: 5em;z-index: 1;}
.bulletin_list_thum07 .list li a .txt_box { margin-top: 2rem;}
.bulletin_list_thum07 .list li a .txt_box .tit {font-size: var(--p2); font-weight: 700; overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.bulletin_list_thum07 .list li a .txt_box .date {font-size: var(--p4); font-weight: 500; margin-top: 1rem; color: var(--gray);}
/* 게시판리스트_상세03 */
.list_view03 .view_top { padding-bottom: 3rem; border-bottom: 1px solid var(--black); display: flex; justify-content: space-between; align-items: flex-end;}
.list_view03 .view_top .title { display: flex; align-items: flex-start;}
.list_view03 .view_top .badge { padding: 0.35em 1.2em 0.3em; margin-right: 2rem; margin-top:-0.1em; font-size: var(--p5); border-radius: 100px; background-color: var(--green); color: #fff; font-weight: 500; }
.list_view03 .view_top .tit {flex: 1; padding-right: 3rem; font-size: var(--p1); font-weight: 700; line-height: 1.5; }
.list_view03 .view_top .user_info { display: flex; align-items: center; color:var(--gray); font-size:var(--p4); margin-top:1.6rem; flex-shrink: 0}
.list_view03 .view_top .user_info p + p {margin-left: 2rem;}
.list_view03 .view_cont { min-height: 20rem; border-bottom: 1px solid var(--line) ;}
.list_view03 .view_cont .txt_box { min-height: 40rem; padding: 3rem 3rem 10rem; word-break: break-all; margin:0 auto; line-height: 1.7;}
.list_view03 .view_cont .txt_box .content_area {padding: 0}
.list_view03 .view_cont .board_file {display: flex; padding: 2rem 0 2rem; border-top: 1px solid var(--line); color: var(--gray); font-size: var(--p4);}
.list_view03 .view_cont .board_file .ico{width: 0.9em; height: 1.5em; margin-right: 1rem; background:url('data:image/svg+xml;utf8,') no-repeat center/contain;}
.list_view03 .view_cont .board_file .file {display: flex; margin-right:3rem;}
.list_view03 .view_cont .board_file .file_txt {max-width: 12em; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; font-size: var(--p4);}
.list_view03 .view_cont .board_link { display: flex; align-items: center; font-size:var(--p4); color: var(--gray); padding: 2rem 0 2rem; border-top: 1px solid var(--line); color: var(--gray);}
.list_view03 .view_cont .board_link a { color:var(--gray); display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; text-overflow: ellipsis;}
.list_view03 .view_cont .board_link .ico { width: 1em; height: 1em; flex-shrink: 0; background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http://www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M14.9974%209.01675C14.7764%209.01675%2014.5644%209.10455%2014.4081%209.26083C14.2519%209.41711%2014.1641%209.62907%2014.1641%209.85008V15.8334C14.1641%2016.0544%2014.0763%2016.2664%2013.92%2016.4227C13.7637%2016.579%2013.5517%2016.6667%2013.3307%2016.6667H4.16406C3.94305%2016.6667%203.73109%2016.579%203.57481%2016.4227C3.41853%2016.2664%203.33073%2016.0544%203.33073%2015.8334V6.66675C3.33073%206.44573%203.41853%206.23377%203.57481%206.07749C3.73109%205.92121%203.94305%205.83341%204.16406%205.83341H10.1474C10.3684%205.83341%2010.5804%205.74562%2010.7367%205.58934C10.8929%205.43306%2010.9807%205.2211%2010.9807%205.00008C10.9807%204.77907%2010.8929%204.56711%2010.7367%204.41083C10.5804%204.25455%2010.3684%204.16675%2010.1474%204.16675H4.16406C3.50102%204.16675%202.86514%204.43014%202.3963%204.89898C1.92745%205.36782%201.66406%206.00371%201.66406%206.66675V15.8334C1.66406%2016.4965%201.92745%2017.1323%202.3963%2017.6012C2.86514%2018.07%203.50102%2018.3334%204.16406%2018.3334H13.3307C13.9938%2018.3334%2014.6297%2018.07%2015.0985%2017.6012C15.5673%2017.1323%2015.8307%2016.4965%2015.8307%2015.8334V9.85008C15.8307%209.62907%2015.7429%209.41711%2015.5867%209.26083C15.4304%209.10455%2015.2184%209.01675%2014.9974%209.01675ZM18.2641%202.18341C18.1795%201.97979%2018.0177%201.81798%2017.8141%201.73341C17.7139%201.69071%2017.6063%201.66806%2017.4974%201.66675H12.4974C12.2764%201.66675%2012.0644%201.75455%2011.9081%201.91083C11.7519%202.06711%2011.6641%202.27907%2011.6641%202.50008C11.6641%202.7211%2011.7519%202.93306%2011.9081%203.08934C12.0644%203.24562%2012.2764%203.33341%2012.4974%203.33341H15.4891L6.90573%2011.9084C6.82762%2011.9859%206.76563%2012.0781%206.72332%2012.1796C6.68101%2012.2812%206.65923%2012.3901%206.65923%2012.5001C6.65923%2012.6101%206.68101%2012.719%206.72332%2012.8206C6.76563%2012.9221%206.82762%2013.0143%206.90573%2013.0917C6.9832%2013.1699%207.07537%2013.2319%207.17692%2013.2742C7.27846%2013.3165%207.38739%2013.3382%207.4974%2013.3382C7.60741%2013.3382%207.71633%2013.3165%207.81788%2013.2742C7.91943%2013.2319%208.01159%2013.1699%208.08906%2013.0917L16.6641%204.50841V7.50008C16.6641%207.72109%2016.7519%207.93306%2016.9081%208.08934C17.0644%208.24562%2017.2764%208.33341%2017.4974%208.33341C17.7184%208.33341%2017.9304%208.24562%2018.0867%208.08934C18.2429%207.93306%2018.3307%207.72109%2018.3307%207.50008V2.50008C18.3294%202.39118%2018.3068%202.2836%2018.2641%202.18341V2.18341Z%22%20fill%3D%22%23696969%22/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center; background-size: contain; margin-right:1rem;}
.list_view03 .answer_wrap + .board_li_wrap { border-top: 0; }
.list_view03 .board_li_wrap{margin-top: 8rem; }
.list_view03 .board_li_wrap .box_wrap{display: flex; align-items: center; justify-content: center;}
.list_view03 .board_li_wrap .box_wrap .btn_wrap{}
.list_view03 .board_li_wrap .box_wrap .btn_wrap a{display: flex; align-items: center; height:var(--inpH); padding: 0 2.5em; border-radius: 2em; transition: background 0.25s, fill 0.25s, color 0.25s; color:#000; border:1px solid #000; font-size:var(--p3)}
.list_view03 .board_li_wrap .box_wrap .btn_wrap a svg{margin-left: 2em; display: none;}
.list_view03 .board_li_wrap .box{display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap; width: 30rem; color: #000; font-size:var(--p3);}
.list_view03 .board_li_wrap .box + .box{margin-left: 20px;}
.list_view03 .board_li_wrap .box .ico {width: 1em;}
.list_view03 .board_li_wrap .box .ico svg {width: 100%; height: auto;}
.list_view03 .board_li_wrap .box .ico svg path { fill:#000; transition: all 0.25s;}
.list_view03 .board_li_wrap .box.prev{margin-right: auto;}
.list_view03 .board_li_wrap .box.next{flex-direction: row-reverse; margin-left: auto;}
.list_view03 .board_li_wrap .box.prev .ico{margin-right: 1rem;}
.list_view03 .board_li_wrap .box.next .ico{margin-left: 1rem;}
.list_view03 .board_li_wrap .box .tit{ font-weight: 600; transition: all 0.25s;}
.list_view03 .board_li_wrap .box .txt {width: 100%; font-size: var(--p4); margin-top: 1rem; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.list_view03 .board_li_wrap .box.prev .txt { padding-left: 1em; margin-left: 1rem;}
.list_view03 .board_li_wrap .box.next .txt { padding-right: 1em; margin-right: 1rem; text-align: right;}
.list_view03 .board_li_wrap .box.none{opacity: 0.4; cursor: default; pointer-events: none;}
/* 공지사항_게시판리스트_검색_02 */
.list_search02 .board_list_top {display: flex; align-items: flex-end; justify-content: space-between; margin: 0 0 3rem;}
.list_search02 .board_list_top .sch_box{width: 46rem; max-width: 100%;}
.list_search02 .board_list_top .sch_box .sch_inp{position: relative;}
.list_search02 .board_list_top .sch_box .sch_inp input {width: 100%; background-color: var(--bg); border-radius: 10px; padding: 0 1.4em; height: var(--inpH); }
.list_search02 .board_list_top .sch_box .sch_inp .btn {position: absolute; right: 1em; top: 50%; transform: translateY(-50%);}
.list_search02 .board_list_top .total_num{font-size:var(--p4)}
.list_search02 .board_list_top .total_num strong {font-weight: 700; color:var(--green);}
/* 리스트_리스트형_07 */
.bulletin_list07 .notice_list .list li {}
.bulletin_list07 .notice_list .list li + li {margin-top: 2rem;}
.bulletin_list07 .notice_list .list li a {display: flex; align-items: center; padding: 1.5em 1.5em; font-size: var(--p1); border: 1px solid transparent ;background-color: var(--bg); border-radius: 1.5rem; transition: 0.3s ease-in-out; }
.bulletin_list07 .notice_list .list li a .num{width: 3.5em; text-align: center; margin-right: 1.25em; color: var(--gray); font-weight: 700; font-size: var(--p2);}
.bulletin_list07 .notice_list .list li a .num .badge {color: var(--green); }
.bulletin_list07 .notice_list .list li a .tit{flex: 1; min-width: 0; font-weight: 700; padding-right: 1em; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.bulletin_list07 .notice_list .list li a .date{font-size: var(--p4); flex-shrink: 0;}
/* 푸터+오시는길 조합형07 */
.load_footer07 {}
.load_footer07 .in {display: block; width: var(--in); max-width: 100%; margin: 0 auto;}
.load_footer07 .footer_top {display: grid;grid-template-columns: minmax(0, 40%) minmax(0, 1fr);gap: 0 5.6rem;align-items: start;grid-template-areas:"way map""tel map";}
.load_footer07 .footer_way { grid-area: way; }
.load_footer07 .footer_map { grid-area: map; }
.load_footer07 .footer_tel_box { grid-area: tel; }
.load_footer07 .footer_way .sub_tit {font-size: var(--p3); font-weight: 600; color: rgba(0,0,0,0.7);}
.load_footer07 .footer_way .addr {margin-top: 3rem; font-size: var(--h6); font-weight: 700;}
.load_footer07 .footer_way .btn_box {display: flex; flex-wrap: wrap; gap: 1.5rem; margin-top: 3rem;}
.load_footer07 .footer_way .map_btn {display: inline-flex; align-items: center; justify-content: center; min-height: 5.5rem; padding: 0.8em 2em; border: 1px solid #000; border-radius: 999px; font-size: var(--p4); font-weight: 500; line-height: 1.5; transition: 0.3s ease-in-out;}
.load_footer07 .footer_tel_box {margin-top: 14rem;}
.load_footer07 .footer_tel_box .main_tel {display: flex; align-items: center;}
.load_footer07 .footer_tel_box .main_tel .ico {display: flex; align-items: center; flex-shrink: 0; width: 4rem; margin-right: 2rem;}
.load_footer07 .footer_tel_box .main_tel .ico svg {width: 100%; height: auto;}
.load_footer07 .footer_tel_box .main_tel .num {font-size: var(--h3); font-weight: 700; line-height: 1;}
.load_footer07 .footer_tel_box .sub_tel_box {display: flex; flex-direction: column; gap: 2rem; margin-top: 7rem;}
.load_footer07 .footer_tel_box .sub_tel_box .item {display: flex; align-items: center; gap: 4rem; line-height: 1;}
.load_footer07 .footer_tel_box .sub_tel_box .label {min-width: 4.5em; color: rgba(0,0,0,0.7); font-size: var(--p3); font-weight: 700;}
.load_footer07 .footer_tel_box .sub_tel_box .value {font-size: var(--p2); font-weight: 500;}
.load_footer07 .footer_map {position: relative; overflow: hidden; padding-top: 58%; border-radius: 3rem; background: #0c0c0c;}
.load_footer07 .footer_map .img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}
.load_footer07 .footer_bottom {display: flex; align-items: flex-start; justify-content: space-between; gap: 4rem; margin-top: 6rem; padding-top: 5rem; border-top: 1px solid var(--line);}
.load_footer07 .footer_bottom_left {flex: 1; min-width: 0;}
.load_footer07 .terms_txt {display: flex; flex-wrap: wrap; gap: 3rem; margin-top: 0;}
.load_footer07 .terms_txt a {font-size: var(--p3); font-weight: 500; line-height: 1; color: #000;}
.load_footer07 .terms_txt a strong {font-weight: 600;}
.load_footer07 .info_txt {display: flex; flex-wrap: wrap; align-items: center; gap: 1.5rem; margin-top: 3rem; color: #000; font-size: 0; opacity: 0.5;}
.load_footer07 .info_txt span {position: relative; font-size: var(--p4); font-weight: 500; line-height: 1;}
.load_footer07 .info_txt span + span {padding-left: 1.6rem;}
.load_footer07 .info_txt span + span::before {content: ""; position: absolute; left: 0; top: 50%; width: 1px; height: 1.6rem; background-color: #000; transform: translateY(-50%);}
.load_footer07 .copy_txt {margin-top: 1.5rem; font-size: var(--p4); font-weight: 500; line-height: 1; }
.load_footer07 .footer_family {flex-shrink: 0; width: 10em;}
.load_footer07 .footer_family .nice-select {width: 100%; height: 3.2em; padding: 0 1.25em 0 1.25em; border: 1px solid #000; border-radius: 10px; line-height: 3.1em; font-size: var(--p3); transition: 0.3s ease-in-out;}
.load_footer07 .footer_family .nice-select .current {font-size: var(--p3); font-weight: 700; color: #000; transition: 0.3s ease-in-out;}
.load_footer07 .footer_family .nice-select .list {top: auto !important; bottom: calc(100% + 1rem); min-width: 100%; border-radius: 10px; color: #000;}
.load_footer07 .footer_family .nice-select .option {font-size: var(--p4); font-weight: 500;}
.load_footer07 .footer_family .nice-select .option:first-child {display: none;}
.load_footer07 .footer_family .nice-select:after {right:1em; width: 0.8em; height: 0.8em; margin-top: -0.5em; border: 0; transform: rotate(0deg); background: url('data:image/svg+xml,') no-repeat center / contain;}
.load_footer07 .footer_family .nice-select.open:after {transform: rotate(0); background: url('data:image/svg+xml,') no-repeat center / contain;}
/* 콘텐츠 배너 타입11 */
.cont_banner11_sect .in {width: var(--in);}
.cont_banner11_sect .banner_img {position: relative; padding-top: 27%; border-radius: 3rem; overflow: hidden;}
.cont_banner11_sect .banner_img img {position: absolute;left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}
.cont_banner11_sect .banner_img .txt_box {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: max(124rem , 1040px); max-width: 100%; padding: 0 40px ;z-index: 2; color: #fff;}
.cont_banner11_sect .banner_img .txt_box .tit {font-size: var(--h4); font-weight: 700; ;}
.cont_banner11_sect .btn_box {margin-top: 6rem;}
/* 콘텐츠 단순 정렬 18 */
.cont_sorting18_sect {overflow: hidden;}
.cont_sorting18_sect .in {width: var(--in);}
.cont_sorting18_sect .premium_intro {display: grid; grid-template-columns: 1fr 1fr; min-height: 60rem; overflow: hidden; border-radius: 4rem; opacity: 0; transform: translateY(100px); transition: 1s ease-in-out;}
.cont_sorting18_sect .premium_intro .img_box {position: relative; background-color: #ddd7cf;}
.cont_sorting18_sect .premium_intro .img_box img {width: 100%; height: 100%; object-fit: cover;}
.cont_sorting18_sect .premium_intro .txt_box {display: flex; flex-direction: column; align-items: flex-start; padding: 8rem 6rem; background-color: #efefef;}
.cont_sorting18_sect .premium_intro .tit {font-size: var(--h4); font-weight: 700;}
.cont_sorting18_sect .premium_intro .txt {margin-top: 3rem; font-size: var(--p3); color: #000;}
.cont_sorting18_sect .premium_intro .btn_box {margin-top: auto;}
.cont_sorting18_sect .premium_intro.active {opacity: 1; transform: unset;}
.cont_sorting18_sect .com_more_btn {display: flex; align-items: center; padding: 1.1em 1.8em; border: 1px solid #000; border-radius: 10em; font-weight: 700; transition: 0.3s ease-in-out;}
.cont_sorting18_sect .com_more_btn .ico {margin-left: 1.2em;width: 1em; height: 1em; background: url('data:image/svg+xml,') no-repeat center / contain; transition: 0.3s ease-in-out;}
.cont_sorting18_sect .com_more_btn.wh {border-color: #fff;}
.cont_sorting18_sect .com_more_btn.wh .ico {background: url('data:image/svg+xml,') no-repeat center / contain; transition: 0.3s ease-in-out;}
/* 콘텐츠 단순 정렬 19 */
.cont_sorting19_sect {overflow: hidden;}
.cont_sorting19_sect .cont_box {display: flex; justify-content: space-between; margin-top: 10rem;}
.cont_sorting19_sect .cont_box .main_tit_box {padding-top: 0; width: 35%; }
.cont_sorting19_sect .cont_box .main_tit_box .tit {font-size: var(--h4); ;}
.cont_sorting19_sect .cont_box .main_tit_box .txt {max-width: none; margin-top: 3rem; font-size: var(--p3); }
.cont_sorting19_sect .cont_box .cont {display: flex; width: 65%; opacity: 0; transform: translateX(100px); transition: opacity 1s ease-in-out, transform 1s ease-in-out;}
.cont_sorting19_sect .cont_box .product_card {flex: 1;}
.cont_sorting19_sect .cont_box .product_card {flex: 1;}
.cont_sorting19_sect .cont_box .product_card + .product_card {margin-left: 20px;}
.cont_sorting19_sect .cont_box .product_card .thumb {position: relative; overflow: hidden; padding-top: 63%; border-radius: 3rem; background-color: #d2d2d2;}
.cont_sorting19_sect .cont_box .product_card .thumb img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}
.cont_sorting19_sect .cont_box .product_card .thumb_overlay {position: absolute; inset: 0; z-index: 2; background: rgba(38, 100, 50, 0.8); opacity: 0; transition: 0.3s ease-in-out;}
.cont_sorting19_sect .cont_box .product_card .plus_icon {position: absolute; left: 50%; top: 50%; z-index: 3; width: 6.2rem; height: 6.2rem; transform: translate(-50%, -50%); opacity: 0; transition: 0.3s ease-in-out;}
.cont_sorting19_sect .cont_box .product_card .plus_icon::before,
.cont_sorting19_sect .cont_box .product_card .plus_icon::after {content: ""; position: absolute; left: 50%; top: 50%; background-color: #fff; transform: translate(-50%, -50%);}
.cont_sorting19_sect .cont_box .product_card .plus_icon::before {width: 5.5rem; height: 2px;}
.cont_sorting19_sect .cont_box .product_card .plus_icon::after {width: 2px; height: 5.8rem;}
.cont_sorting19_sect .cont_box .product_card .txt_box { margin-top: 2rem;}
.cont_sorting19_sect .cont_box .product_card .tit {font-size: var(--h7 ); font-weight: 700; ;}
.cont_sorting19_sect .cont_box .product_card .txt {margin-top: 1.5rem; font-size: var(--p3); color: #333;}
.cont_sorting19_sect .cont_box.active .cont {opacity: 1; transform: unset;}
/* 콘텐츠 단순 정렬 20 */
.cont_sorting20_sect {padding: var(--pd3) 0; position: relative; color: #fff;}
.cont_sorting20_sect .in {width: var(--in);}
.cont_sorting20_sect .bg {position: absolute; inset: 0;}
.cont_sorting20_sect .bg img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; object-position: center;}
.cont_sorting20_sect .cont_box {display: flex; justify-content: space-between; align-items: flex-start;}
.cont_sorting20_sect .cont_box .main_tit_box {width: 35%; position: sticky; top: calc(var(--hdH) + 3rem); height: 90vh;}
.cont_sorting20_sect .cont_box .cont {width: 60%; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 5rem; color: #000;}
.cont_sorting20_sect .cont_box .cont .box {position: relative; transition-property: opacity , transform; transition-duration: 1s; transition-timing-function: ease-in-out; opacity: 0; transform: translateY(50%);}
.cont_sorting20_sect .cont_box .cont .box:nth-child(1) {transition-delay: 0.2s;}
.cont_sorting20_sect .cont_box .cont .box:nth-child(2) {transition-delay: 0.4s;}
.cont_sorting20_sect .cont_box .cont .box:nth-child(3) {transition-delay: 0.6s;}
.cont_sorting20_sect .cont_box .cont .box:nth-child(4) {transition-delay: 0.8s;}
.cont_sorting20_sect .cont_box .cont .box:nth-child(5) {transition-delay: 1s;}
.cont_sorting20_sect .cont_box .cont .box:nth-child(2n) {transform: translateY(100%);}
.cont_sorting20_sect .cont_box .cont .img {position: relative; padding-top: 120%; border-radius: 3rem; overflow: hidden;}
.cont_sorting20_sect .cont_box .cont .img img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}
.cont_sorting20_sect .cont_box .cont .txt_box {position: absolute; left: 0; bottom: 0; width: 100%; padding: 5rem;}
.cont_sorting20_sect .cont_box .cont .txt_box .tit {font-size: var(--h7); font-weight: 700;}
.cont_sorting20_sect .cont_box .cont .txt_box .txt {margin-top: 1rem; font-size: var(--p3); ;}
.cont_sorting20_sect .cont_box .cont.active .box {opacity: 1; transform: unset;}
.cont_sorting20_sect .cont_box .cont.active .box:nth-child(2n) {transform: translateY(50%);}
/* 콘텐츠 단순 정렬 21 */
.cont_sorting21_sect { overflow: hidden;}
.cont_sorting21_sect .in {width: var(--in);}
.cont_sorting21_sect .support_business {display: grid; grid-template-columns: 47rem minmax(0, 1fr); gap: 2rem; align-items: stretch;}
.cont_sorting21_sect .support_business_tit {position: relative; overflow: hidden; padding: 7rem 6rem; border-radius: 3rem; background: linear-gradient(180deg, #f5c300 0%, #f5b21b 100%); color: #fff; opacity:0; transform: translateY(100px); transition: opacity 1s ease-in-out, transform 1s ease-in-out;}
.cont_sorting21_sect .support_business_tit .tit {position: relative; z-index: 1; font-size: var(--h4); font-weight: 700; }
.cont_sorting21_sect .support_business_tit .txt {position: relative; z-index: 1; margin-top: 3rem; font-size: var(--p3); color: rgba(255,255,255,0.92);}
.cont_sorting21_sect .support_business_tit .bg_mark {position: absolute; right: 3.2rem; bottom: 0rem; width: 28rem;}
.cont_sorting21_sect .support_business_tit .bg_mark img {width: 100%; }
.cont_sorting21_sect .support_business_grid {display: grid; grid-template-columns: 1fr 1fr; gap: 2rem; opacity: 0; transform: translateX(100px); transition: opacity 1s ease-in-out 0.4s, transform 1s ease-in-out 0.4s;}
.cont_sorting21_sect .business_card {position: relative; display: flex; flex-direction: column; padding: 4rem; border: 1px solid transparent; border-radius: 3rem; background-color: #eff0ef; transition: border-color 0.3s ease-in-out, background-color 0.3s ease-in-out, transform 0.3s ease-in-out;}
.cont_sorting21_sect .business_card.highlight {border-color: #1eac4b; background-color: #fff;}
.cont_sorting21_sect .business_card .arrow {display: flex; align-items: center; justify-content: center; width: 5.3rem; height: 5.3rem; border: 1px solid #000; border-radius: 50%; transition: 0.3s ease-in-out;}
.cont_sorting21_sect .business_card .arrow::before {content: ""; width: 1rem; height: 1rem; background: url('data:image/svg+xml,') no-repeat center / contain; transition: 0.3s ease-in-out;}
.cont_sorting21_sect .business_card .icon {position: absolute; right: 2.5rem; top: 3rem; width: 13rem; height: 13rem;}
.cont_sorting21_sect .business_card .icon img {width: 100%;}
.cont_sorting21_sect .business_card .txt_box {margin-top: 10rem;}
.cont_sorting21_sect .business_card .tit {font-size: var(--h6); font-weight: 700;}
.cont_sorting21_sect .business_card .txt {margin-top: 2rem; font-size: var(--p3); }
.cont_sorting21_sect.active .support_business_tit {opacity: 1; transform: unset;}
.cont_sorting21_sect.active .support_business_grid {opacity: 1; transform: unset;}
/* 텍스트 모션 06 */
.text_motion06 {}
.text_motion06 .in {width: max(124rem,1040px);}
.text_motion06 .cont {display: flex; align-items: center; height:calc(var(--vh, 1vh) * 100); }
.text_motion06 .cont .tit {font-size: 8rem; font-weight: 700; line-height: 1.4;}
.text_motion06 .cont .tit .text{background: linear-gradient(to right, var(--green) 50%, #e7e7e7 50%);background-size: 200% 100%;background-position-x: 100%;color: transparent;background-clip: text;-webkit-background-clip: text;display: inline;}
/* KV 기본타입 08 */
.kv_basic08 {position: relative; width: 100%; }
.kv_basic08 .swiper-slide {height: calc(var(--vh, 1vh) * 100)}
.kv_basic08 .bg {position: absolute; width: 100%; height: 100%; overflow: hidden; background-color: #000;}
.kv_basic08 .bg img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; transform: scale(1.1); transition: transform 1.5s ease-in-out; opacity: 0.6;}
.kv_basic08 .tit_box {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: var(--in); max-width: 100%; padding: 0 var(--inPd); color: #fff; text-align: center;}
.kv_basic08 .tit_box .tit {font-size: var(--h1); font-weight: 700; opacity: 0; transform: translateY(100px); transition: 1s ease-in-out;}
.kv_basic08 .tit_box .btn_box {margin-top: 7rem; display: flex; opacity: 0; transform: translateY(100px); transition: 1s ease-in-out 0.2s;}
.kv_basic08 .swiper-slide-active .tit_box .tit {opacity: 1; transform: unset;}
.kv_basic08 .swiper-slide-active .tit_box .btn_box {opacity: 1; transform: unset;}
.kv_basic08 .swiper-slide-duplicate-active .bg img ,
.kv_basic08 .swiper-slide-active .bg img {transform: scale(1);}
.kv_basic08 .slide_move {position: absolute; left: var(--hdIn); width: var(--in); max-width: calc(100% - var(--hdIn)); bottom: 6rem; display: none; align-items: center; z-index: 3;}
.kv_basic08 .slide_move.on {display: flex;}
.kv_basic08 .slide_move .swiper_controls .pagination {background-color: rgba(255,255,255,0.3);}
.kv_basic08 .slide_move .swiper_controls .pagination .swiper-pagination-progressbar-fill {background-color: #fff}
.kv_basic08 .slide_move .timer {display: flex; align-items: center; justify-content: center; position: relative; margin-left: 3rem;}
.kv_basic08 .slide_move .timer .btn {position: relative; z-index: 2;}
.kv_basic08 .slide_move .timer .btn > div {display: flex; align-items: center;}
.kv_basic08 .slide_move .timer .btn svg {width: 0.6em; height: auto;}
.kv_basic08 .slide_move .timer .btn.pause_type .play {display: none;}
.kv_basic08 .slide_move .timer .btn.play_type .play {display: block;}
.kv_basic08 .slide_move .timer .btn.play_type .pause {display: none;}
.kv_basic08 .slide_move .swiper_controls {color: #fff; }
.kv_basic08 .com_more_btn {display: flex; align-items: center; padding: 1em 1.8em; border: 1px solid #000; border-radius: 10em; font-weight: 700; transition: 0.3s ease-in-out;}
.kv_basic08 .com_more_btn .ico {margin-left: 1.2em;width: 1em; height: 1em; background: url('data:image/svg+xml,') no-repeat center / contain; transition: 0.3s ease-in-out;}
.kv_basic08 .com_more_btn.wh {border-color: #fff;}
.kv_basic08 .com_more_btn.wh .ico {background: url('data:image/svg+xml,') no-repeat center / contain; transition: 0.3s ease-in-out;}
.kv_basic08 .swiper_controls {display: flex; align-items: center;}
.kv_basic08 .swiper_controls .num {text-align: center; width: 1.5em; font-weight: 700;}
.kv_basic08 .swiper_controls .pagination {position: relative; width: 10rem; height: max(0.4rem,2px); background-color:#E8E8E8; margin: 0 0.5em;}
.kv_basic08 .swiper_controls .pagination .swiper-pagination-progressbar-fill {background-color: #1c1c1c;}
.kv_basic08 .swiper_controls .swiper_btn {display: flex; align-items: center; cursor: pointer;}
.kv_basic08 .swiper_controls .swiper_btn.swiper-button-disabled svg {opacity: 0.3;}
.kv_basic08 .swiper_controls .swiper_btn svg {width: 1em; height: auto;; transition: 0.3s ease-in-out;}
.kv_basic08 .swiper_controls .swiper_next {margin-left: 1em;}
.kv_basic08 .swiper_controls .swiper_prev {margin-right: 1em;}
.kv_basic08 .swiper_controls.none {display: none !important;}
.kv_basic08 .com_swiper_paging {display: flex; justify-content: center; margin-top: 30px;}
.kv_basic08 .com_swiper_paging .swiper-pagination { position: static; width: 20rem; height: 0.4rem; background-color: rgba(255,255,255,0.3);}
.kv_basic08 .com_swiper_paging .swiper-pagination .swiper-pagination-progressbar-fill {background-color: #fff;}
.kv_basic08 .com_swiper_paging.none {display: none !important;}
/* 자주묻는질문 03 */
.faq_list03_sect .sub_round_tab_wrap{overflow-x: auto; margin-bottom: 10rem; text-align: center;}
.faq_list03_sect .sub_round_tab_wrap::-webkit-scrollbar{display: none;}
.faq_list03_sect .sub_round_tab{display: inline-flex; overflow: hidden; padding: 9px; margin: auto 20px; background: #F7F7F7; border-radius: 3em}
.faq_list03_sect .sub_round_tab .tab{display: inline-block; min-width: 6em; padding:0 1em; line-height: var(--inpH); color: #AAA; font-size: var(--p2); font-weight: 700; white-space: nowrap; text-align: center; border-radius: 2em; transition: background 0.3s ease-in-out , color 0.3s ease-in-out}
.faq_list03_sect .sub_round_tab .tab + .tab { margin-left: 0.5em; }
.faq_list03_sect .sub_round_tab .tab.active {background: #000; color: #fff;}
.faq_list03_sect .faq_list .list > li {overflow: hidden; border-bottom: 1px solid var(--line); transition: border-color 0.4s; }
.faq_list03_sect .faq_list .list > li:first-child {border-top: 1px solid var(--line);}
.faq_list03_sect .faq_list .list > li.active{border-color: transparent;}
.faq_list03_sect .faq_list .list .question{display: flex; align-items: center; position: relative; padding: 1.5em 4em 1.5em 1.5em; background: #fff; font-size: var(--p2); font-weight: 700; cursor: pointer;}
.faq_list03_sect .faq_list .list .question::before{content: ''; position: absolute; top: 50%; transform: translateY(-50%); right: 1.5em; width: 1.5em; height: 1.5em; background: url('data:image/svg+xml,') no-repeat center center/cover; transition: transform 0.4s;}
.faq_list03_sect .faq_list .list > li.active .question::before{transform: translateY(-50%) rotate(-180deg);}
.faq_list03_sect .faq_list .list .question .cat{flex-shrink: 0; width: 5em; margin-right: 2.5em; color: var(--gray); font-size: var(--p3); text-align: center;}
.faq_list03_sect .faq_list .list .question p{word-break: keep-all;}
.faq_list03_sect .faq_list .list .answer{display: none; padding: 1.5em 4em 1.5em 2.7em; background:var(--gray1); border-radius: 2rem;}
.faq_list03_sect .faq_list .list .answer div{display: flex; align-items: baseline;}
.faq_list03_sect .faq_list .list .answer .ico{display: flex; flex-shrink: 0; align-items: center; justify-content: center; width: 4.5rem; height: 4.5rem; background: #000; color: #fff; font-size: 2rem; font-weight: 700; border-radius: 50%;}
.faq_list03_sect .faq_list .list .answer p{margin-left: 1.25em; font-size: var(--p3); line-height:1.5;}
/* 문의 답변 상세 01 */
.answer_view01_sect .in {width: 900px;}
.answer_view01_sect .view_top { position: relative; padding-bottom: 3rem; padding-right: 6rem ;border-bottom: 1px solid #000; }
.answer_view01_sect .view_top .title { display: flex; flex-direction: column; align-items: flex-start;}
.answer_view01_sect .view_top .badge_wrap{margin-bottom: 1.5rem;}
.answer_view01_sect .view_top .tit {flex: 1; padding-right: 3rem; font-size: var(--p1); font-weight: 700; line-height: 1.5; word-break: break-all;}
.answer_view01_sect .view_top .user_info { display: flex; align-items: center; color:var(--gray); font-size:var(--p4); margin-top:2rem; line-height: 1;}
.answer_view01_sect .view_top .user_info > * + * {margin-left: 1.5rem; padding-left: 1.5rem; border-left: 1px solid var(--line);}
.answer_view01_sect .view_top .date { font-size:var(--p4); color:var(--gray); }
.answer_view01_sect .view_top .view{position: relative; display: flex; align-items: center;}
.answer_view01_sect .view_top .view:before{content: ''; position: relative; display: inline-block; width: 1.2em; height: 1.2em; margin-top: -0.1em; margin-right: 0.5em; background: url('data:image/svg+xml,') no-repeat center / contain;}
.answer_view01_sect .view_top .view .num{color: #000; font-weight: 600; margin-left: 0.3em;}
.answer_view01_sect .view_cont .edit_btn_wrap { display: flex; align-items: center; justify-content: flex-end; margin-top: 2rem; margin-bottom: 2rem;}
.answer_view01_sect .view_cont .edit_btn_wrap .edit_btn { display: flex; align-items: center; justify-content: center; gap: 0.5em; padding: 0.5em 1em; border-radius: 2em; border: 1px solid var(--line); font-size: calc(var(--p5)); color: var(--gray); transition: all 0.3s; }
.answer_view01_sect .view_cont .edit_btn_wrap .edit_btn + .edit_btn { margin-left: 0.6em; }
.answer_view01_sect .view_cont .edit_btn_wrap .edit_btn .ico { display: flex; align-items: center; justify-content: center; }
.answer_view01_sect .view_cont .q_cont{ font-size:var(--p3); min-height:30rem;}
.answer_view01_sect .view_cont .q_cont .youtube_area { padding-top: 56.25%; position: relative; margin:3rem 0; }
.answer_view01_sect .view_cont .q_cont .youtube_area iframe { position: absolute; left:0; top:0; width:100%; height: 100%;;}
.answer_view01_sect .view_cont .q_cont .tag_box { display: flex; flex-wrap: wrap; margin-bottom: 1rem;}
.answer_view01_sect .view_cont .q_cont .tag_box .tag { padding:0.1em 0.5em; background-color: var(--bg2); border-radius:0.5rem; font-size:var(--p4); font-weight:500; margin:0 1rem 1rem 0;}
.answer_view01_sect .view_cont .q_cont iframe { width:100%; height:auto; aspect-ratio:16/9;}
.answer_view01_sect .view_cont .q_cont img { height:auto !important;}
.answer_view01_sect .view_cont .a_cont {background-color: var(--bg2); padding: 4rem; }
.answer_view01_sect .view_cont .a_cont .wait {display: flex; flex-direction: column; align-items: center; justify-content: center; height: 25rem;}
.answer_view01_sect .view_cont .a_cont .wait svg {width: 3.5rem; height: auto; }
.answer_view01_sect .view_cont .a_cont .wait p {font-size: var(--p1); font-weight: 600; color: var(--gray); margin-top: 2rem; ;}
.answer_view01_sect .view_cont .a_cont .top {display: flex; align-items: center;}
.answer_view01_sect .view_cont .a_cont .top .name {font-size: var(--p2); font-weight: 700;}
.answer_view01_sect .view_cont .a_cont .top .badge {width: 5.5em; height: 2.3em; line-height: 2.3em; font-size: var(--p4); color: #fff; font-weight: 500; background-color: #000; border-radius: 50px; text-align: center; margin-right: 1.5rem}
.answer_view01_sect .view_cont .a_cont .top .date {margin-left: 2rem; color: var(--gray); font-size: var(--p4); }
.answer_view01_sect .view_cont .a_cont .txt {margin-top: 3rem; word-break: break-all; font-size:var(--p3);}
.answer_view01_sect .view_cont .a_cont .board_file { display: flex; align-items: center; padding:1em; font-size:var(--p4); background-color: #fff; margin-top:3.2rem; }
.answer_view01_sect .view_cont .a_cont .board_file .ico{width: 1.5em; height:1.5em; margin-right: 1rem;background: url('data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cpath%20d%3D%22M12.0631%2014.4286C12.3884%2014.1031%2012.3885%2013.5755%2012.0631%2013.2501C11.7377%2012.925%2011.2099%2012.9249%2010.8846%2013.2501L9.02302%2015.1116C8.48906%2015.6455%207.78177%2015.9381%206.98364%2015.9322C6.20646%2015.9265%205.47005%2015.6226%204.9247%2015.0599C4.91867%2015.0536%204.9125%2015.0475%204.90629%2015.0414C4.34344%2014.496%204.03905%2013.7593%204.03334%2012.9819C4.02778%2012.2167%204.33568%2011.4838%204.87694%2010.9425L6.73793%209.08155C7.06336%208.75612%207.06336%208.22848%206.73793%207.90304C6.41249%207.57761%205.88485%207.57761%205.55942%207.90304L3.69843%209.76403C2.84951%2010.6129%202.35786%2011.7719%202.36685%2012.9946C2.37579%2014.2052%202.85347%2015.3721%203.74676%2016.2378C4.61063%2017.1191%205.76964%2017.5905%206.97156%2017.5993C8.20627%2017.6084%209.34524%2017.1463%2010.2015%2016.2902L12.0631%2014.4286ZM16.3018%2010.2359C17.1507%209.38699%2017.6424%208.22804%2017.6334%207.00535C17.6245%205.799%2017.15%204.63611%2016.2627%203.77135L16.0975%203.61425C15.2545%202.851%2014.1623%202.43199%2013.0287%202.42366C11.8192%202.41479%2010.6563%202.87409%209.79814%203.73222L7.93715%205.59321C7.61178%205.91858%207.61192%206.44627%207.93715%206.77172C8.26259%207.09716%208.79023%207.09716%209.11567%206.77172L10.9767%204.91073C11.5086%204.37878%2012.2378%204.08455%2013.016%204.09015C13.7948%204.09587%2014.5362%204.40191%2015.0842%204.94986C15.0872%204.95289%2015.0903%204.95608%2015.0934%204.95907C15.6562%205.50454%2015.9612%206.24063%2015.9669%207.01801C15.9725%207.78326%2015.6646%208.51611%2015.1233%209.05739L13.2623%2010.9184C12.9369%2011.2438%2012.9369%2011.7714%2013.2623%2012.0969C13.5878%2012.4223%2014.1154%2012.4223%2014.4408%2012.0969L16.3018%2010.2359ZM13.3504%207.77817C13.6758%207.45273%2013.6758%206.9251%2013.3504%206.59966C13.0249%206.27437%2012.4972%206.27427%2012.1719%206.59966L6.58831%2012.1832C6.26292%2012.5086%206.26302%2013.0363%206.58831%2013.3617C6.91375%2013.6872%207.44139%2013.6872%207.76682%2013.3617L13.3504%207.77817Z%22%20fill%3D%22black%22/%3E%0A%3C/svg%3E') no-repeat center / contain;}
.answer_view01_sect .view_cont .a_cont .board_file .file {display: flex; font-weight:500;}
.answer_view01_sect .view_cont .a_cont .board_file .file_txt {max-width: 15rem; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.answer_view01_sect .view_cont .a_cont .board_file .img_answer { max-width: 40%; cursor: pointer; }
.answer_view01_sect .view_cont .a_cont .date {margin-top: 4rem; font-size: var(--p4); color:var(--gray);}
.answer_view01_sect .board_li_wrap{padding-top: 4rem;}
.answer_view01_sect .board_li_wrap .box_wrap{display: flex; align-items: center; justify-content: center; flex-wrap: wrap;}
.answer_view01_sect .board_li_wrap .box_wrap .btn_wrap{ order: 1; width: 100%; display: flex; justify-content: center; }
.answer_view01_sect .board_li_wrap .box_wrap .btn_wrap a{display: flex; align-items: center ;font-size:var(--p4); padding: 0.9em 4em; font-weight: 600; border-radius: 10px; border:1px solid #000; transition: background-color 0.25s, fill 0.25s, color 0.25s; color:#000;}
/* 게시판 리스트08 */
.notice_list08_sect .board_list_top {display: flex; align-items: flex-end; justify-content: space-between; flex-wrap: wrap; margin-bottom:5rem;}
.notice_list08_sect .board_list_top .total_num{font-size:var(--p4);}
.notice_list08_sect .board_list_top .total_num strong {font-weight: 700;}
.notice_list08_sect .board_list_top .sch_wrap{display: flex;}
.notice_list08_sect .board_list_top .sch_wrap > div {}
.notice_list08_sect .board_list_top .sch_wrap > div + div {margin-left: 1rem;}
.notice_list08_sect .board_list_top .sch_box {display: flex; justify-content: center; font-size:var(--p3 ); }
.notice_list08_sect .board_list_top .sch_box .sch_inp{display: flex; justify-content: space-between; height: 3.5em; width: 40rem; border-bottom: 2px solid #0A2961;}
.notice_list08_sect .board_list_top .sch_box .sch_inp input{width:88%; height: 100%; font-weight: 600; margin-right: 10px; padding:0 1em;}
.notice_list08_sect .board_list_top .sch_box .sch_inp input::placeholder { color: #000; opacity: 0.5; font-weight: 400;}
.notice_list08_sect .board_list_top .sch_box .sch_inp button svg {display: block; height: 1.3em; transition: fill 0.3s ease;}
.notice_list08_sect .board_list_top .sch_box .sch_inp button svg path {fill: #000;}
.notice_list08_sect .one_to_list ul { border-top:1px solid var(--line);margin-bottom: 4rem; }
.notice_list08_sect .one_to_list ul li { border-bottom: 1px solid var(--line); ;}
.notice_list08_sect .one_to_list ul li a { display: flex; font-size:var(--p3); font-weight:700; text-align: center; height: 12rem; align-items: center; transition: all 0.3s ease-in-out;}
.notice_list08_sect .one_to_list ul li a .num { width:7em; text-align: center; color:var(--gray) }
.notice_list08_sect .one_to_list ul li a .labels { display: flex; text-align: center; margin-right:1.6rem; }
.notice_list08_sect .one_to_list ul li a .labels div { margin-right:1rem; padding: 0.3em 0.7em; border-radius:0.5rem; background-color: #E6E6E6; font-size:var(--p4); color:#666; ; }
.notice_list08_sect .one_to_list ul li a .subj { font-size:var(--p1); text-align: left; flex:1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-right: 1em;}
.notice_list08_sect .one_to_list ul li a .subj .sm_txt {color:#666; font-size: var(--p3); margin-right: 0.2em}
.notice_list08_sect .one_to_list ul li a .name { color:#666; width:6em; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.notice_list08_sect .one_to_list ul li a .tel { color:#666; width:8em }
.notice_list08_sect .one_to_list ul li a .date{ color:#aeaeae; font-weight:600; width:9em; }
.notice_list08_sect .one_to_list ul li a .hit{ color:#342f2f; width:6em; margin-right:1em; }
.notice_list08_sect .one_to_list ul li a .state { color:#666; margin-right:3em; }
.notice_list08_sect .one_to_list ul li a .state span { display: inline-flex; vertical-align: middle; padding:0.8em 1em; line-height: 1; border-radius:3em; background-color: #F2F2F2; font-size:var(--p4); color:var(--gray); white-space: nowrap}
.notice_list08_sect .one_to_list ul li a .state.end span { background-color: #000;}
.notice_list08_sect .one_to_list ul li a .num + .state { margin-right:1em;}
.notice_list08_sect .one_to_list ul li a .state + .state { margin-right:1em; margin-left: -0.3em;}
.notice_list08_sect .one_to_list ul li a .state.min-w span{min-width:80px; justify-content:center;}
/* 게시판상세 01 */
.notice_view01_sect > .in{width: max(87rem, 900px); max-width: 100%;}
.notice_view01_sect .view_top { position: relative; padding-bottom: 3rem; padding-right: 6rem ;border-bottom: 1px solid #000; }
.notice_view01_sect .view_top .title { display: flex; flex-direction: column; align-items: flex-start;}
.notice_view01_sect .view_top .badge_wrap{margin-bottom: 1.5rem;}
.notice_view01_sect .view_top .tit {flex: 1; padding-right: 3rem; font-size: var(--p1); font-weight: 700; line-height: 1.5; word-break: break-all;}
.notice_view01_sect .view_top .user_info { display: flex; align-items: center; color:var(--gray); font-size:var(--p4); margin-top:2rem; line-height: 1;}
.notice_view01_sect .view_top .user_info > * + * {margin-left: 1.5rem; padding-left: 1.5rem; border-left: 1px solid var(--line);}
.notice_view01_sect .view_top .date { font-size:var(--p4); color:var(--gray); }
.notice_view01_sect .view_top .view{position: relative; display: flex; align-items: center;}
.notice_view01_sect .view_top .view:before{content: ''; position: relative; display: inline-block; width: 1.2em; height: 1.2em; margin-top: -0.1em; margin-right: 0.5em; background: url('data:image/svg+xml,') no-repeat center / contain;}
.notice_view01_sect .view_top .view .num{color: #000; font-weight: 600; margin-left: 0.3em;}
.notice_view01_sect .view_top .share_box {position: absolute; right: 0; top: 50%; transform: translateY(-50%) ; z-index: 3}
.notice_view01_sect .view_top .share_box .btn {position: relative; background: var(--bg); width: 6rem; height: 6rem; border-radius: 50%}
.notice_view01_sect .view_top .share_box .btn .ico {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%) ;width: 45%; height: auto}
.notice_view01_sect .view_top .share_box .btn .ico.x_ico {opacity: 0}
.notice_view01_sect .view_top .share_box .btn.on + .sns_list {opacity: 1; pointer-events: auto}
.notice_view01_sect .view_top .share_box .sns_list { position: absolute; right: 0; bottom: 0px; z-index: 1; padding-top: 10px; transform: translateY(100%) ;width: 100%; opacity: 0; pointer-events: none; transition: 0.3s ease-in-out}
.notice_view01_sect .view_top .share_box .sns_list .ico {position: relative; display: block; width: 100%; padding-top: 100%; background-color: #000; border-radius: 50%; transition: 0.3s ease-in-out}
.notice_view01_sect .view_top .share_box .sns_list .ico + .ico {margin-top: 10px}
.notice_view01_sect .view_top .share_box .sns_list .ico svg {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 38%}
.notice_view01_sect .view_top .share_box .sns_list .ico.band svg {width: 35%}
.notice_view01_sect .view_top .share_box .sns_list .ico.twitter svg {width: 35%}
.notice_view01_sect .view_cont { min-height: 20rem; padding: 0 0 4rem; }
.notice_view01_sect .view_cont .txt_box { min-height: 40rem; margin:0 auto; padding: 3rem; word-break: break-all !important;}
.notice_view01_sect .view_cont .txt_box * {max-width: 100%}
.notice_view01_sect .view_cont .txt_box p{word-break: break-all !important;}
.notice_view01_sect .view_cont .txt_box .image{padding: 0; max-width: 100%;} /*margin-bottom: 3rem;*/
.notice_view01_sect .view_cont .txt_box .youtube{position: relative; padding-top: 56.25%; margin-bottom: 3rem; max-width: 100%;}
.notice_view01_sect .view_cont .txt_box .youtube iframe{position: absolute; width: 100%; height: 100%; inset: 0; object-fit: cover;}
.notice_view01_sect .view_cont .board_file {display: flex; font-size: var(--p4); padding: 1.25em; color: var(--gray); background-color: var(--gray1); margin-top: 3rem; }
.notice_view01_sect .view_cont .board_file .ico{width: 1em; height: 1em; margin-right: 1rem; background:url('data:image/svg+xml,') no-repeat center/contain;}
.notice_view01_sect .view_cont .board_file .file {display: flex; margin-right:3rem; line-height: 1;}
.notice_view01_sect .view_cont .board_file .file_txt {max-width: 20rem; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.notice_view01_sect .view_cont .board_link { padding: 1.25em; background-color: var(--gray1); display: flex; align-items: center; font-size:var(--p4); font-weight:500; margin-top: 4rem; color: var(--gray);}
.notice_view01_sect .view_cont .board_link a { font-size:var(--smTxt); color:var(--gray); display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; text-overflow: ellipsis;}
.notice_view01_sect .view_cont .board_link .ico { width: 1em; height: 1em; flex-shrink: 0; background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http://www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M14.9974%209.01675C14.7764%209.01675%2014.5644%209.10455%2014.4081%209.26083C14.2519%209.41711%2014.1641%209.62907%2014.1641%209.85008V15.8334C14.1641%2016.0544%2014.0763%2016.2664%2013.92%2016.4227C13.7637%2016.579%2013.5517%2016.6667%2013.3307%2016.6667H4.16406C3.94305%2016.6667%203.73109%2016.579%203.57481%2016.4227C3.41853%2016.2664%203.33073%2016.0544%203.33073%2015.8334V6.66675C3.33073%206.44573%203.41853%206.23377%203.57481%206.07749C3.73109%205.92121%203.94305%205.83341%204.16406%205.83341H10.1474C10.3684%205.83341%2010.5804%205.74562%2010.7367%205.58934C10.8929%205.43306%2010.9807%205.2211%2010.9807%205.00008C10.9807%204.77907%2010.8929%204.56711%2010.7367%204.41083C10.5804%204.25455%2010.3684%204.16675%2010.1474%204.16675H4.16406C3.50102%204.16675%202.86514%204.43014%202.3963%204.89898C1.92745%205.36782%201.66406%206.00371%201.66406%206.66675V15.8334C1.66406%2016.4965%201.92745%2017.1323%202.3963%2017.6012C2.86514%2018.07%203.50102%2018.3334%204.16406%2018.3334H13.3307C13.9938%2018.3334%2014.6297%2018.07%2015.0985%2017.6012C15.5673%2017.1323%2015.8307%2016.4965%2015.8307%2015.8334V9.85008C15.8307%209.62907%2015.7429%209.41711%2015.5867%209.26083C15.4304%209.10455%2015.2184%209.01675%2014.9974%209.01675ZM18.2641%202.18341C18.1795%201.97979%2018.0177%201.81798%2017.8141%201.73341C17.7139%201.69071%2017.6063%201.66806%2017.4974%201.66675H12.4974C12.2764%201.66675%2012.0644%201.75455%2011.9081%201.91083C11.7519%202.06711%2011.6641%202.27907%2011.6641%202.50008C11.6641%202.7211%2011.7519%202.93306%2011.9081%203.08934C12.0644%203.24562%2012.2764%203.33341%2012.4974%203.33341H15.4891L6.90573%2011.9084C6.82762%2011.9859%206.76563%2012.0781%206.72332%2012.1796C6.68101%2012.2812%206.65923%2012.3901%206.65923%2012.5001C6.65923%2012.6101%206.68101%2012.719%206.72332%2012.8206C6.76563%2012.9221%206.82762%2013.0143%206.90573%2013.0917C6.9832%2013.1699%207.07537%2013.2319%207.17692%2013.2742C7.27846%2013.3165%207.38739%2013.3382%207.4974%2013.3382C7.60741%2013.3382%207.71633%2013.3165%207.81788%2013.2742C7.91943%2013.2319%208.01159%2013.1699%208.08906%2013.0917L16.6641%204.50841V7.50008C16.6641%207.72109%2016.7519%207.93306%2016.9081%208.08934C17.0644%208.24562%2017.2764%208.33341%2017.4974%208.33341C17.7184%208.33341%2017.9304%208.24562%2018.0867%208.08934C18.2429%207.93306%2018.3307%207.72109%2018.3307%207.50008V2.50008C18.3294%202.39118%2018.3068%202.2836%2018.2641%202.18341V2.18341Z%22%20fill%3D%22%23696969%22/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center; background-size: contain; margin-right:1rem;}
.notice_view01_sect .view_cont .board_file + .board_link{margin-top: 1.5rem;}
.notice_view01_sect .board_li_wrap{padding-top: 4rem; border-top: 1px solid var(--line); }
.notice_view01_sect .board_li_wrap .box_wrap{display: flex; align-items: center; justify-content: center; flex-wrap: wrap;}
.notice_view01_sect .board_li_wrap .box_wrap .btn_wrap{ order: 1; width: 100%; display: flex; justify-content: center; }
.notice_view01_sect .board_li_wrap .box_wrap .btn_wrap a{display: flex; align-items: center ;font-size:var(--p4); padding: 0.9em 4em; font-weight: 600; border-radius: 10px; border:1px solid #000; transition: background-color 0.25s, fill 0.25s, color 0.25s; color:#000;}
.notice_view01_sect.consult_view_page .board_li_wrap{border-top: none;}
.notice_view01_sect .board_li_wrap .box {display: flex;align-items: center; justify-content: flex-start; flex-wrap: wrap; width: 45%; order: 2; margin-top: 4rem;}
.notice_view01_sect .board_li_wrap .box + .box{margin-left: 20px;}
.notice_view01_sect .board_li_wrap .box .ico{transition: 0.5s ease;}
.notice_view01_sect .board_li_wrap .box .ico svg path { transition: all 0.25s;}
.notice_view01_sect .board_li_wrap .box.prev{margin-right: auto;}
.notice_view01_sect .board_li_wrap .box.prev .ico{margin-right: 1rem;}
.notice_view01_sect .board_li_wrap .box.next{flex-direction: row-reverse; margin-left: auto;}
.notice_view01_sect .board_li_wrap .box.next .ico{margin-left: 1rem;}
.notice_view01_sect .board_li_wrap .box .tit {font-size:var(--p3); font-weight: 600; transition: all 0.25s; flex-shrink: 0;}
.notice_view01_sect .board_li_wrap .box .txt {overflow: hidden;text-overflow: ellipsis;white-space: nowrap; margin:0 1.8em; font-size: var(--p4); width: 100%; color: var(--gray);}
.notice_view01_sect .board_li_wrap .box.next .txt {text-align: right;}
.notice_view01_sect .board_li_wrap .box.none{opacity: 0.4; pointer-events: none;}
/* 게시판리스트)썸네일5 */
.notice05_sect .sub_round_tab_wrap{overflow-x: auto; margin-bottom: 10rem; text-align: center;}
.notice05_sect .sub_round_tab_wrap::-webkit-scrollbar{display: none;}
.notice05_sect .sub_round_tab{display: inline-flex; overflow: hidden; padding: 9px; margin: auto 20px; background: #F7F7F7; border-radius: 3em}
.notice05_sect .sub_round_tab .tab{display: inline-block; min-width: 6em; padding:0 1em; line-height: 3em; color: #AAA; font-size: var(--p2); font-weight: 700; white-space: nowrap; text-align: center; border-radius: 2em; transition: background 0.3s ease-in-out , color 0.3s ease-in-out}
.notice05_sect .sub_round_tab .tab + .tab { margin-left: 0.5em; }
.notice05_sect .sub_round_tab .tab.active {background: #000; color: #fff;}
.notice05_sect .board_list_top {display: flex; align-items: flex-end; justify-content: space-between; flex-wrap: wrap; margin-bottom:5rem;}
.notice05_sect .board_list_top .total_num{font-size:var(--p4);}
.notice05_sect .board_list_top .total_num strong {font-weight: 700;}
.notice05_sect .board_list_top .sch_wrap{display: flex;}
.notice05_sect .board_list_top .sch_wrap > div {}
.notice05_sect .board_list_top .sch_wrap > div + div {margin-left: 1rem;}
.notice05_sect .board_list_top .sch_box {display: flex; justify-content: center; font-size:var(--p3 ); }
.notice05_sect .board_list_top .sch_box .sch_inp{display: flex; justify-content: space-between; height: 3.5em; width: 40rem; border-bottom: 2px solid #0A2961;}
.notice05_sect .board_list_top .sch_box .sch_inp input{width:88%; height: 100%; font-weight: 600; margin-right: 10px; padding:0 1em;}
.notice05_sect .board_list_top .sch_box .sch_inp input::placeholder { color: #000; opacity: 0.5; font-weight: 400;}
.notice05_sect .board_list_top .sch_box .sch_inp button svg {display: block; height: 1.3em; transition: fill 0.3s ease;}
.notice05_sect .board_list_top .sch_box .sch_inp button svg path {fill: #000;}
.notice05_sect .media_list ul { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8rem 4rem;}
.notice05_sect .media_list ul li a { display: block; }
.notice05_sect .media_list ul li a .img_box {position: relative; border-radius:3rem; border: 1px solid var(--line); padding-top: 100%; overflow: hidden; position: relative; background-size: 60% auto;}
.notice05_sect .media_list ul li a .img_box img{position: absolute; width: 100%; height: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(1); object-fit: cover; transform-origin: center; transition: all 0.3s ease;}
.notice05_sect .media_list ul li a .txt_box {display: flex; flex-wrap: wrap; margin-top: 2rem;}
.notice05_sect .media_list ul li a .txt_box .tit{width: 100%; font-size:var(--h7); font-weight: 600; margin-top: 1rem; line-height: 1.5; display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis;}
.notice05_sect .media_list ul li a .txt_box .date {font-size:var(--p4); font-weight: 500; color: var(--gray); margin-left: auto;}
.notice05_sect .badge_wrap {display: flex;}
.notice05_sect .badge_wrap .badge{font-size:var(--p3); background-color: var(--brown); color: #fff; border-radius: 10rem; padding: 0.6em 1em 0.5em; display: inline-block; line-height: 1; font-weight: 700;}
.notice05_sect .badge_wrap .badge + .badge{margin-left: 0.5em;}
.notice05_sect .badge_wrap .badge.branch{background: #F2F2F2; color:#000}
.notice05_sect .pagination { display: flex; align-items: center; justify-content: center; margin-top: 9rem; }
.notice05_sect .pagination > a { line-height: 1; }
.notice05_sect .pagination > a svg { fill: var(--black); transition: all 0.3s; width: 1.2em; height: auto; }
.notice05_sect .pagination .num_list { display: flex; align-items: center; justify-content: center; margin: 0 4.5rem; }
.notice05_sect .pagination .num_list li { position: relative; width: 2.3em; height: 2.3em; margin: 0 0.25rem; border-radius: 10rem; text-align: center; transition: all 0.3s; }
.notice05_sect .pagination .num_list li a { position: absolute; line-height: 2.3em; left: 50%; top: 50%; display: block; width: 100%; height: 100%; transform: translate(-50%, -50%); transition: all 0.4s; }
.notice05_sect .pagination .num_list li a:before { content: ''; position: absolute; left: 50%; top: 50%; width: 100%; height: 100%; border-radius: 5px; color: #fff; transform: translate(-50%, -50%); transition: all 0.4s; z-index: -1; }
.notice05_sect .pagination .num_list li.active a { color: #fff; }
.notice05_sect .pagination .num_list li.active a:before { background-color: #101010; }
.notice05_sect .pagination .next { margin-right: 2rem; }
.notice05_sect .pagination .prev { margin-left: 2rem; }
.notice05_sect .pagination .none { opacity: 0.4; cursor: default; }
/* 문의상담1 */
.com_info_box{background-color: #F8FAFF; border-radius: 3rem; padding: 4rem 6rem;}
.com_info_box .info_tit{position: relative; font-size: var(--p3); font-weight: 700; padding-left: 1.5em; color:#1E3A8A;}
.com_info_box .info_tit:before{content:''; position: absolute; left: 0; top: 0.3em; width: 1em; height: 1em; background: url('data:image/svg+xml,') no-repeat center / contain;}
.com_info_box .com_dot_list {margin-top: 0.5em; color: #444444; padding-left: calc(var(--txt) + 5px);}
.com_info_box .com_dot_list li{color: var(--gray2); font-size:var(--p4); line-height: 1.7;}
.com_dot_list li{position: relative; padding-left: 0.5em;}
.com_dot_list li:before{content: '·'; position: absolute; left: 0;}
.dot_txt{position: relative; padding-left: 0.5em;}
.dot_txt:before{content: '·'; position: absolute; left: 0;}
.consult1_sect .form_box {margin-top: 12rem;}
.consult1_sect .form_box .left_tit {font-size: var(--h6); font-weight: 700;}
.consult1_sect .form_box .left_tit .sm_txt {font-size: var(--p4); font-weight: 700; display: block; font-weight: 400;}
.consult1_sect .form_box .left_tit .sm_txt .color {color: var(--green);}
.consult1_sect .form_box .cont {display: flex;}
.consult1_sect .form_box .cont .left_tit {width: 35%; flex-shrink: 0;}
.consult1_sect .form_box .cont .form {flex: 1; min-width: 0;}
.consult1_sect .com_inp_cont {display: flex;}
.consult1_sect .com_inp_cont + .com_inp_cont {margin-top: 2rem;}
.consult1_sect .com_inp_cont.col {flex-direction: column;}
.consult1_sect .com_inp_cont.col .inp_txt {width: 100%;}
.consult1_sect .com_inp_cont .inp_txt {font-weight: 600; height: calc(var(--p4) * 3.5); display: flex; align-items: center; width: 8.5em; flex-shrink: 0;}
.consult1_sect .com_inp_cont .inp_txt.ess:after {content: '*';color: var(--green);font-weight: 700; margin-left: 0.25em;}
.consult1_sect .com_inp_cont .inp_box {flex: 1; min-width: 0; font-size: var(--p4);}
.consult1_sect .com_inp_cont .inp_box .inp input {width: 100%; border-radius: 1rem; height: var(--inpH); line-height: var(--inpH); padding: 0 1.25em; background-color: var(--bg); }
.consult1_sect .com_inp_cont.name .inp_box .inp,
.consult1_sect .com_inp_cont.type .inp_box .select {width: 34rem;}
.consult1_sect .com_inp_cont .inp_box .select .nice-select {background-color: var(--bg); border:none; border-radius: 1rem; height: var(--inpH); line-height: var(--inpH); padding: 0 3em 0 1.25em; font-size: var(--p4);}
.consult1_sect .com_inp_cont .inp_box .select .nice-select .list { top: calc(100% + 2px); max-height: 300px; overflow-y: auto; }
.consult1_sect .com_inp_cont .inp_box .select .nice-select .list::-webkit-scrollbar{display: inherit; width: 10px;}
.consult1_sect .com_inp_cont .inp_box .select .nice-select .list::-webkit-scrollbar-thumb{background: #BFBFBF; border-right: 5px solid #fff; border-radius: 3px; border-top-right-radius: 8px 3px; border-bottom-right-radius: 8px 3px;}
.consult1_sect .com_inp_cont .inp_box .select .nice-select .list::-webkit-scrollbar-track{background: #fff;}
.consult1_sect .com_inp_cont .inp_box .select .nice-select .list::-webkit-scrollbar-button:vertical:decrement{height: 5px;}
.consult1_sect .com_inp_cont .inp_box .select .nice-select .list::-webkit-scrollbar-button:vertical:increment{height: 5px;}
.consult1_sect .com_inp_cont .inp_box .phone_box,
.consult1_sect .com_inp_cont .inp_box .email_box {display: flex; align-items: center; }
.consult1_sect .com_inp_cont .inp_box .phone_box .dot,
.consult1_sect .com_inp_cont .inp_box .email_box .dot {margin: 0 5px; width: 1em; text-align: center;}
.consult1_sect .com_inp_cont .inp_box .email_box .inp {flex: 1;}
.consult1_sect .com_inp_cont .inp_box .email_box .inp:first-of-type {flex: none; width: 31%; }
.consult1_sect .com_inp_cont .inp_box .email_box .select {flex: 1;}
.consult1_sect .com_inp_cont .inp_box .email_box .inp + .select {margin-left: 10px;}
.consult1_sect .com_inp_cont .inp_box .phone_box .inp {flex: 1;}
.consult1_sect .com_inp_cont .inp_box .phone_box .select:first-of-type {flex: none; width: 31%;}
.consult1_sect .com_inp_cont .inp_box .phone_box .select {flex: 1;}
.consult1_sect .com_inp_cont .inp_box .phone_box .inp:last-child {flex: 1;}
.consult1_sect .com_inp_cont .inp_box .inp textarea {width: 100%; border-radius: 10px; height: 12rem; padding: 1.25em; background-color: var(--bg); border: none; resize: none;}
.consult1_sect .com_inp_cont .captcha_wrap{display: flex; align-items: center; justify-content: flex-start; gap: 1.6rem;}
.consult1_sect .com_inp_cont .captcha_wrap > div{width: 50%;}
.consult1_sect .com_inp_cont .captcha_wrap .captcha { display: flex; align-items: center; justify-content: space-between; height: var(--inpH); padding: 0 2rem; background-color: var(--bg); border-radius: 1rem; }
.consult1_sect .com_inp_cont .captcha_wrap .captcha img { height: 100%; }
.consult1_sect .com_inp_cont .captcha_wrap .captcha .btn { display: flex; align-items: center; justify-content: center; width: 1em; height: 1em; margin-left: 3rem; }
.consult1_sect .com_inp_cont .file_cont {flex: 1; min-width: 0;}
.consult1_sect .com_inp_cont .file_cont .file_em_txt {display: flex; color: var(--gray1); margin-top: 0.8em; font-size: var(--p4);}
.consult1_sect .com_inp_cont .file_cont .file_em_txt span {margin-right: 0.25em;}
.consult1_sect .com_inp_cont .file_box {display: flex; width: 100%;}
.consult1_sect .com_inp_cont .file_box .file {display: flex; align-items: center; flex: 1; background-color: var(--bg); padding: 0 1.25em; height: var(--inpH); border-radius: 1rem; position: relative;}
.consult1_sect .com_inp_cont .file_box .file .file_svg {margin-right: 10px; width: 1em; flex-shrink: 0;}
.consult1_sect .com_inp_cont .file_box .file .file_name {font-size: var(--p4); font-weight: 600; background-color: transparent;;}
.consult1_sect .com_inp_cont .file_box .file .file_name .name > span:first-child {display: inline-block; max-width: 10em; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; vertical-align: middle;}
.consult1_sect .com_inp_cont .file_box .commonFileDeleteBtn {position: absolute; right: 1.25em; top: 50%; transform: translateY(-50%);display: flex; align-items: center; justify-content: center; width: 1.5em; height: 1.5em; background-color: rgba(9,84,154,0.2); border-radius: 50%; margin-left: auto;}
.consult1_sect .com_inp_cont .file_box .flie_btn {margin-left: 15px; border: 1px solid #1c1c1c; width: 18rem; border-radius: 1rem; height: var(--inpH); line-height: var(--inpH); font-weight: 600; transition: 0.3s ease-in-out;}
.consult1_sect .consent_cont {margin-top: 6rem;}
.consult1_sect .consent_cont .cont_tit {font-size: var(--h6); font-weight: 700;}
.consult1_sect .consent_cont .cont_tit:after {content: '*';color: var(--green);font-weight: 700; margin-left: 0.15em;}
.consult1_sect .consent_cont .cont {display: block; border: 1px solid var(--line); padding: 1.8em; font-size: var(--p4); color: var(--gray2) ;border-radius: 2rem; font-weight: 500; margin-top: 2rem;}
.consult1_sect .consent_cont .cont p + p {margin-top: 0.5em;}
.consult1_sect .consent_cont .form_chk {margin-top: 2rem;}
.consult1_sect .consent_cont .form_chk .chk_box input + label .ico {margin-top: 0;}
.consult1_sect .consent_cont .form_chk .txt {font-weight: 600; font-size: var(--p3);}
.consult1_sect .consent_cont .form_chk .txt span {color: #000; }
.consult1_sect .bot_btn_box {display: flex; justify-content: center; margin-top: 5rem;}
.consult1_sect .bot_btn_box .com_basic_btn + .com_basic_btn {margin-left: 10px;}
.consult1_sect .form_chk{ display: flex; align-items: center; font-size:var(--p4); font-weight: 500;}
.consult1_sect .form_chk + .form_chk{margin-top: 0.5em;}
.consult1_sect .form_chk .chk_box{position: relative;}
.consult1_sect .form_chk .chk_box label { display: flex; align-items: center; cursor: pointer; }
.consult1_sect .form_chk .chk_box input{position: absolute; width: 1px; height: 1px; margin: 0; padding: 0; border: 0; opacity: 0; pointer-events: none; clip: rect(0 0 0 0); clip-path: inset(50%); overflow: hidden;}
.consult1_sect .form_chk .chk_box input + label .ico { display: flex; align-items: center; justify-content: center; margin-right: 0.5em; margin-top: -0.2em ;border-radius: 0.6rem; width:1.4em; height:1.4em; background-color: #fff; border:2px solid rgba(0,0,0,0.3); transition: all 0.3s ease;}
.consult1_sect .form_chk .chk_box input + label .ico svg{display: block; width: 0.8em;}
.consult1_sect .form_chk .chk_box input:checked + label .ico{ fill: #fff; background-color: #000; border-color: #000;}
.consult1_sect .form_chk .chk_box input:checked + label .ico path{ fill: #fff;}
.consult1_sect .form_chk .chk_box + .view_btn { flex-shrink: 0; margin-left: 1em; transition: color 0.3s; font-weight: 400; line-height: 1.7; color: #828282; border-bottom: 1px solid #828282; font-size: var(--p5); transition: 0.3s ease-in-out;}
.consult1_sect .com_basic_btn {display: flex; align-items: center; justify-content: center; font-size: var(--p4); color: #fff; font-weight: 600; border-radius: 10px; background-color: #000; min-width: 10em; padding: 0 1.25em;height: 3.7em; transition: 0.3s ease-in-out;}
.consult1_sect .com_basic_btn.line {border: 1px solid var(--line); color: var(--gray2); background-color: transparent;}
.consult1_sect .com_basic_btn .ico {background: url('data:image/svg+xml, ') no-repeat center / contain;}
.consult1_sect .com_basic_btn.wh {background-color: #fff; color: #1c1c1c; border: 1px solid #1c1c1c;}
.consult1_sect .com_basic_btn.wh .ico {width: 1em; height: 1em; margin-left: 2.2em; background: url('data:image/svg+xml, ') no-repeat center / contain; transition: 0.3s ease-in-out;}
.basic_slide5_sect {position:relative;}
.basic_slide5_sect .tit_box .desc {font-size: var(--p1); font-weight: 600; line-height: 1.5;}
.basic_slide5_sect .tit_box .tit {font-size: var(--h2); font-weight: 700; line-height: 1.5;}
.basic_slide5_sect .tit_box .txt {font-size: var(--p2); font-weight: 500;}
.basic_slide5_sect .bg_txt{position: absolute; top: 0; right: 7.2rem; font-size:16rem; font-weight: 700; letter-spacing: -0.02em; color: #2D2D2D; line-height: 1;}
.basic_slide5_sect .cont{margin-top: 8rem; overflow: hidden;}
.basic_slide5_sect .cont .swiper-container{width: 102%; margin-left: -1%;}
.basic_slide5_sect .cont .item{ position: relative; border-radius: 13rem; overflow: hidden; transition: transform 0.8s ease-in-out;} /*width: 32rem;*/
.basic_slide5_sect .cont .item .txt_box{position: absolute; width: 100%; top: 0; left: 0; z-index: 4; text-align: center; padding: 7.2rem 1rem; color: #fff; transition: 0.6s ease;}
.basic_slide5_sect .cont .item .txt_box .tit{font-size:var(--h5); font-weight: 700; line-height: 1.3;}
.basic_slide5_sect .cont .item .txt_box .txt{font-size:var(--p3); font-weight: 500; margin-top: 1rem; opacity: 0; height: 0; line-height: 1.6; overflow: hidden; transition: opacity 0.6s ease, height 1s ease;}
.basic_slide5_sect .cont .item .txt_box .tit span{display: block; font-size:0.7em;}
.basic_slide5_sect .cont .item .txt_box .btm_txt {position: relative;}
.basic_slide5_sect .cont .item .txt_box .btm_txt .round_btn { position: absolute; top: 3rem; left: 50%; transform: translateX(-50%); transition: opacity 0.3s ease-in-out;}
.basic_slide5_sect .cont .item .txt_box .btm_txt .round_btn .btn {display: flex;max-width: max-content;justify-content: center;align-items: center;background-color: var(--greenColor1); border:1px solid var(--greenColor1); padding: 1em 1.6em; font-size:var(--p4);color: #fff;line-height: 1;white-space: nowrap;font-weight: 700;border-radius: 10rem;transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;}
.basic_slide5_sect .cont .item .txt_box .btm_txt .round_btn .btn:after {content: '';position: relative;margin-left: 0.6em;width: 1.1em;height: 1em;transition: background 0.2s ease;background: url('data:image/svg+xml,') no-repeat center / contain;}
.basic_slide5_sect .cont .swiper-container{padding-bottom: 14rem;}
.basic_slide5_sect .cont .item{transform: translateY(0);}
.basic_slide5_sect .cont .item.down{transform: translateY(6.4rem);}
.basic_slide5_sect .cont .item.down2{transform: translateY(10rem);}
.basic_slide5_sect .cont .item.down3{transform: translateY(0);}
.basic_slide5_sect .cont .item .img_box{position: relative; padding-top: 156%; width: 100%; z-index: 1;}
.basic_slide5_sect .cont .item .img_box:before{content: ''; position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0, 0, 0, 0.30); z-index: 2;}
.basic_slide5_sect .cont .item .img_box img{position: absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit: cover;}
.basic_slide5_sect .cont .item .hover_box {display: flex; justify-content: center; align-items: flex-end; padding-bottom: 20%; background-color: var(--greenColor1); position: absolute; opacity: 0; width: 100%; height: 100%; left: 0; top: 0; z-index: 3; transition: opacity 0.6s ease-in-out;}
.basic_slide5_sect .cont .item .hover_box img{width: 40%;}
.basic_slide5_sect .cont .controls{justify-content: center; transition: 0.3s ease;}
.basic_slide5_sect .cont .controls .swiper_btn_wrap .swiper_btn .ico { background: url('data:image/svg+xml,') no-repeat center / contain; }
.basic_slide5_sect .cont .swiper_btn_wrap .swiper_btn,
.basic_slide5_sect .cont .swiper_btn_wrap .swiper_btn:first-child{background-color: rgba(255,255,255,0.15); border:none; margin: 0 0.8rem;}
.basic_slide12_sect { padding: var(--mainContPd) 0; background-color: #fff; overflow: hidden; }
.basic_slide12_sect .tit_box .desc {font-size: var(--p1); font-weight: 700; margin-bottom: 20px;}
.basic_slide12_sect .tit_box .tit {font-size: var(--h2); font-weight: 700; line-height: 1.5; margin-bottom: 20px}
.basic_slide12_sect .tit_box .txt {font-size: var(--p2); font-weight: 500;}
.basic_slide12_sect .center_tab { display: flex; align-items: flex-end; width: 80%; margin: 12rem auto 0;}
.basic_slide12_sect .center_tab .tab { position: relative; width: 100%; padding-bottom: 1.2em; font-size: var(--p1); font-weight: 700; white-space: nowrap; color: #CDCDCD; border-bottom: 1px solid #CDCDCD; text-align: center; transition: color 0.5s; }
.basic_slide12_sect .center_tab .tab:before { content: ''; position: absolute; left: 50%; bottom: -1px; width: 0; border-bottom: 2px solid transparent; border-radius: 2em; transform: translateX(-50%); transition: width 0.5s; }
.basic_slide12_sect .center_tab .tab.active { color: #65A9DF; }
.basic_slide12_sect .center_tab .tab.active:before { width: 100%; border-color: #65A9DF;}
.basic_slide12_sect.active .center_tab { opacity: 1; }
.basic_slide12_sect .slide_wrap { padding-left: calc((100% - var(--in))/2 + var(--inPd)); margin-top: 9rem; }
.basic_slide12_sect.active .slide_wrap { opacity: 1; transform: unset; }
.basic_slide12_sect.active .slide_wrap .swiper-wrapper { align-items: flex-start; }
.basic_slide12_sect .slide_wrap .item { display: grid; grid-template-columns: 60% minmax(0, 1fr); align-items: center; gap: 5rem; transition: opacity 0.5s; }
.basic_slide12_sect .slide_wrap .item .img { position: relative; width: 100%; padding-top: 60%; border-radius: 50rem; opacity: 0.3; overflow: hidden; transition: all 1.2s; }
.basic_slide12_sect .slide_wrap .item .img img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; }
.basic_slide12_sect .slide_wrap .item .txt_wrap { }
.basic_slide12_sect .slide_wrap .item .txt_wrap .desc { margin-bottom: 0.5em; font-size: var(--p1); font-weight: 700; }
.basic_slide12_sect .slide_wrap .item .txt_wrap .tit { font-size:var(--h3); font-weight: 700; line-height: var(--titLine); }
.basic_slide12_sect .slide_wrap .item .txt_wrap .txt { margin-top: 2em; }
.basic_slide12_sect .slide_wrap .item .txt_wrap .btn_wrap { margin-top: 9.5rem; }
.basic_slide12_sect .slide_wrap .item.swiper-slide-active .img { border-radius: 0; opacity: 1; }
.basic_slide12_sect .slide_wrap .item.swiper-slide-prev { opacity: 0; }
.basic_slide12_sect .btn_wrap {display: flex;align-items: center;justify-content: flex-start;}
.basic_slide12_sect .more_btn { display: flex; align-items: center; justify-content: center; padding: 1em 1.5em; border-radius: 2em; border: 1px solid #232323; font-size: var(--p5); color: #232323; transition: all 0.5s; }
.basic_slide12_sect .more_btn .btn_txt { margin-right: 1.2em; }
.basic_slide12_sect .more_btn .ico { display: flex; align-items: center; justify-content: center; }
.basic_slide12_sect .more_btn.wh { color: #fff; border-color: #fff; fill: #fff; }
.basic_slide12_sect .more_btn.bu { color: #fff; border-color: var(--blue); background-color: var(--blue); fill: #fff; }
/* 기본롱링 13 */
.basic_slide13_sect .top {display: flex;align-items: flex-end;justify-content: space-between;}
.basic_slide13_sect .top .paging button { width: 3rem; height: 2rem; transition: fill 0.3s; }
.basic_slide13_sect .top .paging button + button { margin-left: 1.3em }
.basic_slide13_sect .top .paging button svg {width: 100%; height: auto;}
.basic_slide13_sect .tit_box .tit {font-size: var(--h2); font-weight: 700; line-height: 1.5; margin-bottom: 20px}
.basic_slide13_sect .tit_box .txt {font-size: var(--p2); font-weight: 500;}
.basic_slide13_sect .cont {padding-left: max(calc((100% - var(--in))/2 + var(--inPd)) , var(--inPd)); margin-top: var(--contMt2); }
.basic_slide13_sect .swiper-slide .box { position: relative; display: block;}
.basic_slide13_sect .swiper-slide .box .notify { position: absolute; left: -0.7rem; top: -0.7rem; display: flex; align-items: center; justify-content: center; width: 4.5rem; height: 4.5rem; background-color: #BB8B62; z-index: 20; }
.basic_slide13_sect .swiper-slide .box .notify svg { display: flex; align-items: center; justify-content: center; width: 35%; height: 35%; object-fit: contain; fill: #fff; }
.basic_slide13_sect .swiper-slide .box .img { position: relative; padding-top: 66%; }
.basic_slide13_sect .swiper-slide .box .img.empty_news { background: #f8f8f8; }
.basic_slide13_sect .swiper-slide .box .img.empty_news img { left: 50%; top: 50%; width: 50%; transform: translate(-50%, -50%); object-fit: contain; opacity: 0.3; }
.basic_slide13_sect .swiper-slide .box .img img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; }
.basic_slide13_sect .swiper-slide .box .txt_box { position: relative; padding: 3rem 4rem; transition: background-color 0.4s; }
.basic_slide13_sect .swiper-slide .box .txt_box .cate { font-size: var(--p3); font-weight: 700; color: #8A634D; }
.basic_slide13_sect .swiper-slide .box .txt_box .cate + .tit { margin-top: 1.5rem; }
.basic_slide13_sect .swiper-slide .box .txt_box .tit { display: -webkit-box; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; min-height: 3.2rem; font-size: var(--p1); font-weight: 700; line-height: 1.3; }
.basic_slide13_sect .swiper-slide .box .txt_box .tit + .txt { margin-top: 1.5rem; }
.basic_slide13_sect .swiper-slide .box .txt_box .txt { display: -webkit-box; word-wrap: break-word; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; font-size: var(--p5); color: #444; }
.basic_slide13_sect .swiper-slide .box .txt_box .date { margin-top: 4rem; font-size: var(--p5); color: #999; }
/* 기본롤링 14 */
.basic_slide14_sect .slide .swiper-container {padding: 16rem 0;}
.basic_slide14_sect .slide .swiper-slide {transition: transform 0.5s ease-in-out;}
.basic_slide14_sect .slide .swiper-slide[class$=-next] {transform: translateY(-16rem);}
.basic_slide14_sect .slide .swiper-slide[class$=-next] + div + div {transform: translateY(16rem);}
/* 기본 롱링 21 */
.basic_slide21_sect .sect_tit_box > *{opacity: 0; transform: translateY(5rem); transition: opacity 0.6s ease-in-out, transform 0.6s ease-in-out ;}
.basic_slide21_sect .sect_tit_box.flex_box{display: flex; align-items: flex-end; justify-content: space-between;}
.basic_slide21_sect .sect_tit_box .tit{font-size: var(--h4); font-weight: 700; ; transition: opacity 0.6s ease-in-out, transform 0.6s ease-in-out ;}
.basic_slide21_sect .sect_tit_box .txt{font-size:var(--p3 ); font-weight: 400; margin-top: 2.5rem ; transition: opacity 0.6s ease-in-out 0.2s, transform 0.6s ease-in-out 0.2s;}
.basic_slide21_sect .sect_tit_box .btn_box{opacity: 0; transform: translateY(5rem); transition: opacity 0.6s ease-in-out 0.4s, transform 0.6s ease-in-out 0.4s;}
.basic_slide21_sect .sect_tit_box.active > *{transform: unset; opacity:1;}
.basic_slide21_sect .com_more_btn {display: flex; align-items: center; padding: 1.1em 1.8em; border: 1px solid #000; border-radius: 10em; font-weight: 700; transition: 0.3s ease-in-out;}
.basic_slide21_sect .com_more_btn .ico {margin-left: 1.2em;width: 1em; height: 1em; background: url('data:image/svg+xml,') no-repeat center / contain; transition: 0.3s ease-in-out;}
.basic_slide21_sect .slide {padding-left: max(calc((100% - var(--in))/2 + var(--inPd)) , var(--inPd)); overflow: hidden;}
.basic_slide21_sect .slide .swiper-container {padding: var(--contMt3) var(--inPd) 6rem; margin-left: calc(var(--inPd) * -1);}
.basic_slide21_sect .slide .item {width: 52rem; height: auto;}
.basic_slide21_sect .slide .cont {display: flex; flex-direction: column; height: 100%; background-color: var(--bg); padding: 4rem 4rem 2rem; border-radius: 3rem; border: 2px solid transparent; margin-right: 3rem; transition: background-color 0.3s ease-in-out , border 0.3s ease-in-out , box-shadow 0.3s ease-in-out;}
.basic_slide21_sect .slide .cont .cir {width: 0.6em; height: 0.6em; border-radius: 50%; background-color: var(--green); margin-bottom: 4rem;}
.basic_slide21_sect .slide .cont .top_box .desc {display: flex; align-items: center; color: var(--gray); font-weight: 700; line-height: 1;}
.basic_slide21_sect .slide .cont .top_box .desc span + span {border-left: 1px solid var(--gray); margin-left: 1rem; padding-left: 1rem;}
.basic_slide21_sect .slide .cont .top_box .tit {font-weight: 700; font-size: var(--h6); margin-top: 2rem; line-height: 1.4; overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.basic_slide21_sect .slide .cont .top_box .txt {font-size: var(--p4); ; overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; color: var(--gray2);}
.basic_slide21_sect .slide .cont .top_box .tit + .txt {margin-top: 1em;}
.basic_slide21_sect .slide .cont .txt_box {margin-top: 3rem; padding-bottom: 2rem;}
.basic_slide21_sect .slide .cont .txt_box .txt {font-size: var(--p4); ; overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; color: var(--gray);}
.basic_slide21_sect .slide .cont .txt_box .img {padding-top: 57.25%; width: 100%; position: relative;;}
.basic_slide21_sect .slide .cont .txt_box .img img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; object-position: center;}
.basic_slide21_sect .slide .cont .btm_box {margin-top: auto; display: flex; align-items: center;}
.basic_slide21_sect .slide .cont .btm_box .date {font-size: var(--p4); color: var(--gray); }
.basic_slide21_sect .slide .cont .btm_box .ico_box {display: flex; align-items: center; justify-content: center; width: 7rem; height: 7rem; margin-left: auto; border-radius: 50%; transition: 0.3s ease-in-out;}
.basic_slide21_sect .slide .cont .btm_box .ico {width:50%; height: 50%; background: url('data:image/svg+xml,') no-repeat center / contain; transition: 0.3s ease-in-out;}
.basic_slide21_sect .swiper_controls {display: flex; align-items: center;}
.basic_slide21_sect .swiper_controls .num {text-align: center; width: 1.5em; font-weight: 700;}
.basic_slide21_sect .swiper_controls .pagination {position: relative; width: 10rem; height: max(0.4rem,2px); background-color:#E8E8E8; margin: 0 0.5em;}
.basic_slide21_sect .swiper_controls .pagination .swiper-pagination-progressbar-fill {background-color: #1c1c1c;}
.basic_slide21_sect .swiper_controls .swiper_btn {display: flex; align-items: center; cursor: pointer;}
.basic_slide21_sect .swiper_controls .swiper_btn.swiper-button-disabled svg {opacity: 0.3;}
.basic_slide21_sect .swiper_controls .swiper_btn svg {width: 1em; height: auto;; transition: 0.3s ease-in-out;}
.basic_slide21_sect .swiper_controls .swiper_next {margin-left: 1em;}
.basic_slide21_sect .swiper_controls .swiper_prev {margin-right: 1em;}
.basic_slide21_sect .swiper_controls.none {display: none !important;}
.basic_slide21_sect .com_swiper_paging {display: flex; justify-content: center; margin-top: 30px;}
.basic_slide21_sect .com_swiper_paging .swiper-pagination { position: static; width: 20rem; height: 0.4rem; background-color: rgba(255,255,255,0.3);}
.basic_slide21_sect .com_swiper_paging .swiper-pagination .swiper-pagination-progressbar-fill {background-color: #fff;}
.basic_slide21_sect .com_swiper_paging.none {display: none !important;}
.size_slide8_sect { overflow: hidden; }
.size_slide8_sect .tit_box{text-align: center;}
.size_slide8_sect .tit_box .tit {font-size: var(--h2); font-weight: 700; line-height: 1.5;}
.size_slide8_sect .tit_box .txt {font-size: var(--p2); font-weight: 500;}
.size_slide8_sect .cont {margin-top: var(--contMt3); height:72rem; }
.size_slide8_sect .cont .item {border-radius: 3rem; overflow: hidden; width: 55rem; transition: 0.5s ease-in-out;}
.size_slide8_sect .cont .item a {display: block;}
.size_slide8_sect .img_box {padding-top: 100%; position: relative;transform-origin: center top; transform: scale(1) ;transition: 0.5s ease-in-out;}
.size_slide8_sect .img_box::before {content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%;background: rgba(10, 41, 97, 0.14); z-index: 1;}
.size_slide8_sect .img_box img {position: absolute; left: 0; top: 0;width: 100%; height: 100%; object-fit: cover; object-position: center; transition: transform 0.3s ease-in-out;}
.size_slide8_sect .txt_box {position: absolute; left: 0; bottom: 0; z-index: 1; width: 100%; padding: 8rem var(--inPd) 4rem; text-align: center; color: #fff; transition: padding 0.5s ease-in-out; z-index: 3;}
.size_slide8_sect .txt_box::before {content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 50rem; transform: translateY(100%) ;background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 42.06%, rgba(10, 41, 97, 0.30) 68.27%, rgba(10, 41, 97, 0.70) 92.69%); z-index: -1; transition: transform 0.5s ease-in-out;}
.size_slide8_sect .txt_box .tit {font-size: var(--h7); font-weight: 700; line-height: 1.5; transition: 0.5s ease-in-out;}
.size_slide8_sect .txt_box .tags {display: flex; flex-wrap: wrap; justify-content: center; width: 100%; margin: 0 auto; opacity: 0; transition: opacity 0s ease-in ;}
.size_slide8_sect .txt_box .tags .tag {padding: 0.2em 0.7em; border-radius: 10em; background-color: #fff; color: #000; font-weight: 500; margin-right: 1rem; margin-bottom: 1rem; font-size: var(--p3);}
.size_slide8_sect .paging {position: relative; width:18rem; height: 0.6rem; margin: 4rem auto 0; background-color: #E9EBF0; border-radius: 5em; overflow: hidden;}
.size_slide8_sect .paging .swiper-pagination-progressbar-fill {background-color: #000; border-radius: 5em; overflow: hidden;}
.size_slide8_sect .cont .item.swiper-slide-duplicate-active .img_box,
.size_slide8_sect .cont .item.swiper-slide-active .img_box {padding-top: 140%;}
.size_slide8_sect .cont .item.swiper-slide-duplicate-active .txt_box,
.size_slide8_sect .cont .item.swiper-slide-active .txt_box {padding-bottom: 6rem;}
.size_slide8_sect .cont .item.swiper-slide-duplicate-active .txt_box::before,
.size_slide8_sect .cont .item.swiper-slide-active .txt_box::before {transform: unset;}
.size_slide8_sect .cont .item.swiper-slide-duplicate-active .txt_box .tit,
.size_slide8_sect .cont .item.swiper-slide-active .txt_box .tit {font-size: var(--h3);}
.size_slide8_sect .cont .item.swiper-slide-duplicate-active .txt_box .tags,
.size_slide8_sect .cont .item.swiper-slide-active .txt_box .tags {opacity: 1; transition: opacity 0.5s ease-in 0.5s ;}
/* hover */
@media screen and (min-width: 1241px) {
.load_footer07 .terms_txt a:hover {text-decoration: underline;}
.load_footer07 .footer_way .map_btn:hover,
.load_footer07 .footer_family .nice-select:hover {background-color: #000; color: #fff;}
.load_footer07 .footer_family .nice-select:hover .current {color: #fff;}
.load_footer07 .footer_family .nice-select:hover:after {transform: rotate(0); background:url('data:image/svg+xml,') no-repeat center / contain;}
.cont_sorting19_sect .product_card:hover .plus_icon,
.cont_sorting19_sect .product_card:hover .thumb_overlay {opacity: 1;}
.cont_sorting19_sect .product_card:hover .plus_icon{transform: translate(-50%, -50%) rotate(180deg);}
.cont_sorting18_sect .com_more_btn:hover .ico {background: url('data:image/svg+xml,') no-repeat center / contain; transform: translateX(10px);}
.cont_sorting18_sect .com_more_btn:hover {background-color: #000; color: #fff;}
.cont_sorting21_sect .business_card:hover {transform: translateY(-0.6rem); border-color: rgba(0, 209, 115, 0.8); background-color: #fff;}
.cont_sorting21_sect .business_card:hover .arrow {background-color: #000; border-color: #000;}
.cont_sorting21_sect .business_card:hover .arrow::before {background: url('data:image/svg+xml,') no-repeat center / contain; transform: translate(3px,-3px);}
.kv_basic08 .com_more_btn:hover {background-color: #000; border-color: #000;}
.size_slide8_sect .cont .item a:hover .img_box img{transform: scale(1.05);}
.basic_slide13_sect .top .paging button:hover { fill: #8A634D; }
.basic_slide13_sect .swiper-slide .box:hover .txt_box { background-color: #f9f9f9; }
.basic_slide5_sect .cont .swiper_btn_wrap .swiper_btn:hover:not(.swiper_btn.swiper-button-disabled){background-color: #fff;}
.basic_slide5_sect .cont .swiper_btn_wrap .swiper_btn:hover:not(.swiper-button-disabled) .ico{background-color: #fff; background: url('data:image/svg+xml,') no-repeat center / contain;}
.basic_slide12_sect .center_tab .tab:hover { color: #65A9DF; }
.basic_slide12_sect .center_tab .tab:hover:before { width: 100%; border-color: #65A9DF; }
.basic_slide21_sect .com_more_btn:hover .ico {background: url('data:image/svg+xml,') no-repeat center / contain; transform: translateX(10px);}
.basic_slide21_sect .com_more_btn:hover {background-color: #000; color: #fff;}
.basic_slide21_sect .slide .cont:hover {background-color: #fff; border-color: var(--green); box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.25);}
.basic_slide21_sect .slide .cont:hover .ico_box {background-color: var(--green);}
.basic_slide21_sect .slide .cont:hover .ico_box .ico {background: url('data:image/svg+xml,') no-repeat center / contain;}
.com_tab02 .tab_box .tab:hover {color: #000;}
.com_tab02 .tab_box .tab:hover::after {background-color: #000; height: 2px;}
.com_nav_tab01 .tab_box .tab:hover {background-color: #000; color: #fff;}
.com_tab01 .btn:hover { color: #000; background-color: #E9E9E9}
.bulletin_list_thum07 .list li a .img:hover img {transform: translate(-50%, -50%) scale(1.05);}
.list_view03 .board_li_wrap .box_wrap .btn_wrap a:hover {background-color: #000; color: #fff;}
.list_view03 .board_li_wrap .box:hover .tit {color: var(--green);}
.list_view03 .board_li_wrap .box:hover .ico svg path { fill:var(--green);}
.bulletin_list07 .notice_list .list li a:hover {background-color: #fff; border-color: var(--green);}
.cont_banner11_sect .com_more_btn:hover {background-color: #000;}
.cont_banner11_sect .com_more_btn:hover .ico {transform: translateX(10px);}
.faq_list03_sect .sub_round_tab .tab:hover {background-color: #E9E9E9; color: #000;}
.faq_list03_sect .sub_round_tab .tab.active:hover {background: #000; color: #fff;}
.answer_view01_sect .view_cont .edit_btn_wrap .edit_btn:hover {border-color:#181818; color: #181818;}
.answer_view01_sect .board_li_wrap .box_wrap .btn_wrap a:hover {background-color: #000; color: #fff;}
.notice_list08_sect .one_to_list ul li a:hover {background-color: var(--gray1);}
.notice_view01_sect .view_top .share_box:hover .sns_list {opacity: 1;pointer-events: auto;}
.notice_view01_sect .view_top .share_box .sns_list .ico:hover {background-color: #101010}
.notice_view01_sect .board_li_wrap .box_wrap .btn_wrap a:hover {background-color: #000; color: #fff;}
.notice_view01_sect .board_li_wrap .box.next:hover .ico{transform: translateX(1rem);}
.notice_view01_sect .board_li_wrap .box.prev:hover .ico{transform: translateX(-1rem);}
.notice05_sect .sub_round_tab .tab:hover {background-color: #E9E9E9; color: #000;}
.notice05_sect .sub_round_tab .tab.active:hover {background: #000; color: #fff;}
.consult1_sect .com_basic_btn:hover {background-color: #000; color: #fff;}
.basic_slide5_sect .cont .item:hover .txt_box{color:#fff;}
.basic_slide5_sect .cont .item:hover .txt{opacity: 1; height: 100px;}
.basic_slide5_sect .cont .item:hover .hover_box{opacity: 1;}
.basic_slide5_sect .cont .item:hover .txt_box .btm_txt .round_btn{opacity: 0;}
.main_size_rolling12 .swiper_btn_wrap .swiper_btn.line:hover {background-color: #000; color: #fff;}
.main_size_rolling12 .swiper_btn_wrap .swiper_btn.line:hover .ico {background: url('data:image/svg+xml,') no-repeat center / contain;}
}
@media screen and (max-width: 2000px) {
.size_slide8_sect .cont {height: 82rem;}
}
@media screen and (max-width: 1640px) {
.basic_slide5_sect .bg_txt{ right: 3%;}
.basic_slide5_sect .cont .item .txt_box .btm_txt .round_btn{top: 1.5rem;}
.basic_slide12_sect .slide_wrap .swiper-container { padding: 0 var(--inPd); }
.size_slide8_sect .cont {height: 34vw;}
.page_location .country_sect .in {width: 1240px;}
.main_size_rolling12 .swiper-button-next {right: -8rem;}
}
@media screen and (max-width: 1440px) {
.basic_slide13_sect .cont {overflow: hidden;}
.basic_slide13_sect .cont .swiper-container {overflow: visible;}
.size_slide8_sect .cont .item.swiper-slide-active .txt_box{padding-bottom: 5rem;}
.page_location .country_sect .in {width: 1040px;}
}
@media screen and (max-width: 1240px) {
.text_motion06 .cont .tit {font-size: var(--h1);}
.cont_sorting20_sect .cont_box .cont {width: 60%;}
.cont_sorting21_sect .business_card .icon {width: 10rem; height: 10rem;}
.basic_slide5_sect .bg_txt{top:var(--pd1); font-size: 12rem;}
.basic_slide5_sect .cont .item .hover_box{display: none;}
.basic_slide5_sect .cont .item:hover .hover_box{opacity: 0;}
.basic_slide5_sect .cont .item:hover .txt_box .txt{opacity: 0;}
.basic_slide5_sect .cont .item:hover .txt_box .btm_txt .round_btn{opacity: 1;}
.basic_slide12_sect .center_tab {width: 100%; }
.basic_slide14_sect .slide .swiper-container {padding: 10rem 0;}
.basic_slide14_sect .slide .swiper-slide[class$=-next] {transform: translateY(-10rem);}
.basic_slide14_sect .slide .swiper-slide[class$=-next] + div + div {transform: translateY(10rem);}
.basic_slide21_sect {overflow: hidden;}
.basic_slide21_sect .slide {padding-left: var(--inPd); width: calc(100% + var(--inPd) * 2); padding: 0 var(--inPd); }
.basic_slide21_sect .slide .swiper-container {overflow: visible;}
.size_slide8_sect .cont{height: 40vw;}
.size_slide8_sect .txt_box{padding: 7rem 10px 4rem}
.size_slide8_sect .cont .item.swiper-slide-duplicate-active .txt_box .tit,
.size_slide8_sect .cont .item.swiper-slide-active .txt_box .tit {font-size: var(--h4);}
.bulletin_list_thum07 {grid-template-columns: repeat(3,minmax(0,1fr));}
.bulletin_list_thum07 .list li a .txt_box .tit {font-size: var(--p1);}
.com_nav_tab01 .in {display: flex; justify-content: center;}
.com_nav_tab01 .tab_box {overflow-x: auto; max-width: calc(100% + var(--inPd) * 2); padding: 0 var(--inPd); margin-left: calc(var(--inPd) * -1); justify-content: flex-start;}
.com_nav_tab01 .tab_box::-webkit-scrollbar {display: none;}
.com_nav_tab01 .tab_box .tab {flex-shrink: 0; min-width: max-content;}
.com_tab01 .tab_box {width: calc(100% + var(--inPd) * 2); margin-left: calc(var(--inPd) * -1); padding: 0 var(--inPd); max-width: none; border-radius: 0; padding: 10px 0;}
.com_tab01 .swiper-container {width: auto; max-width: 100%;}
.com_tab02 .in {display: flex; justify-content: center;}
.com_tab02 .tab_box {overflow-x: auto; max-width: calc(100% + var(--inPd) * 2); padding: 0 var(--inPd); margin-left: calc(var(--inPd) * -1); justify-content: flex-start; }
.com_tab02 .tab_box::-webkit-scrollbar {display: none;}
.com_tab02 .tab_box .tab {flex-shrink: 0; width: auto; padding: 0 2em 0.8em;}
.sub_cont_table03 .cont_box .right_cont .table_body .tr .box {padding: 1em;}
.sub_cont_sorting22 .cont_box .txt_box .txt br {display: none;}
.sub_cont_sorting23 .cont_box .select_cont .cont {padding: 0 1em;}
.sub_cont_sorting23 .cont_box .select_cont + .select_cont {margin-left: 15px;}
.sub_cont_sorting23 .cont_box .select_cont .list {padding: 1em;}
.kv_basic08 .slide_move {left: 0;width: 100%;justify-content: center;}
.sub_cont_sorting24 .cont_box .right_cont {gap: 15px;}
.page_location .country_sect .in {width: 100%;}
.main_size_rolling12 .swiper_btn_wrap .swiper_btn {display: none;}
.com_nav_tab01 {background-color: var(--bg); padding: 10px 0;}
.com_nav_tab01 .tab_box .tab + .tab {margin-left: 0;}
/* 12401 */
}
@media screen and (max-width: 1040px) {
.cont_sorting18_sect .premium_intro .txt br,
.cont_sorting18_sect .premium_intro .tit br {display: none;}
.cont_sorting20_sect .cont_box {display: block;}
.cont_sorting20_sect .cont_box .main_tit_box {width: 100%; position: static; height: auto;}
.cont_sorting20_sect .cont_box .cont {width: 100%; margin-top: var(--contMt3);}
.cont_sorting21_sect .support_business {grid-template-columns: 35% minmax(0, 1fr);}
.cont_sorting21_sect .support_business_tit {padding: 5rem;}
.cont_sorting21_sect .support_business_tit .txt br {display: none;}
.cont_sorting21_sect .business_card {padding: 3rem;}
.news_sect .slide .item {width: 40%;}
.basic_slide21_sect .bg_txt{font-size: 10rem;}
.size_slide8_sect .cont{height:49vw;}
.size_slide8_sect .paging{display: none;}
.cont_banner11_sect .banner_img {padding-top: max(30%,300px);}
.com_nav_tab01 .tab_box .tab {font-size: var(--p1);}
.sub_cont_greeting02 .cont_box .greeting_txt_box .tit br {display: none;}
.sub_cont_greeting02 .cont_box {align-items: flex-start;}
.sub_cont_greeting02 .cont_box .img {width: 40%;}
.sub_cont_greeting02 .cont_box .greeting_txt_box {width: 55%;}
.sub_cont_greeting02 .cont_box .greeting_txt_box .name_box {margin-top: 60px;}
.sub_rolling01 .cont .philo_txt .txt_box .txt br {display: none;}
.sub_rolling01 .cont .sticky_box {width: 47%;}
.sub_rolling01 .cont .philo_txt {width: 50%;}
.sub_rolling01 .cont .philo_txt .txt_box .tit {font-size: var(--h6);}
.main_cont_banner13 {padding: var(--pd3) 0;}
.group_chart01 .top_box .tr {gap: 10rem;}
.group_chart01.active .top_box .tr .box + .box::before {width: 10rem;}
.group_chart01 .bot_box {gap: 20px;}
.group_chart01 .bot_box .depth_cont .cont_box{gap: 10px;}
.group_chart01 .bot_box .depth_cont .cont_box .cont ul {font-size: var(--p4);}
.group_chart01 .bot_box .depth_cont .cont_box .cont .tit {border-radius: 10px 10px 0 0;}
.group_chart01 .bot_box .depth_cont .cont_box .cont ul {border-radius: 0 0 10px 10px;}
.group_chart01 .bot_box .depth_cont .cont_box .cont .tit:last-child:first-child {border-radius: 10px;}
.group_chart01 .bot_box .depth_cont .cont_box.type3::before {width: calc(100% - ((100% - 20px) / 3 / 2 * 2));}
.group_chart01 .bot_box .depth_cont .cont_box::before {width: calc((100% + 10px) / 2);}
.sub_directions02_sect .cont_box .txt_box .mart_txt {flex-wrap: wrap;}
.sub_directions02_sect .cont_box .txt_box .mart_txt .txt {width: 100%; margin-top: 10px;}
.sub_directions02_sect .cont_box .txt_box .mart_txt .txt + .txt {padding-left: 0; border-left: none; margin-left: 0;}
.sub_directions02_sect .cont_box .txt_box .mart_txt .txt strong {width: 4.5em;}
.sub_cont_sorting07 .cir_list_box .item .cir_txt_box .txt br {display: none;}
.main_map_cont_map02 .sub_sect_txt br {display: none;}
.color_system01 .cont_box {grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px;}
.sub_directions03_sect .img_box {}
.sub_directions03_sect .map_nav {position: relative; height: auto; width: 100%; padding: 30px var(--inPd); }
.sub_directions03_sect .map_nav .arr_btn {display: none;}
.sub_directions03_sect .map_nav .tit br {display: none;}
.sub_directions03_sect .map_nav .list {display: flex; flex-wrap: wrap; gap: 10px;}
.sub_directions03_sect .map_nav .list::-webkit-scrollbar {display: none;}
.sub_directions03_sect .map_nav .list li + li {margin: 0;}
.sub_directions03_sect .map_nav .list li .btn {white-space: nowrap; font-size: var(--p4); height: 3em; padding: 0 1em;}
.sub_directions03_sect .img_box .map_cont {padding-top: 55%;}
.sub_cont_process02 .cont_box {display: block;}
.sub_cont_process02 .cont_box .left_tit_box {width: 100%;}
.sub_cont_process02 .cont_box .right_cont_box {width: 100%; margin-top: var(--contMt4);}
.sub_cont_sorting18 .slide {margin-left: calc(var(--inPd) * -1); padding: 0 var(--inPd); width: calc(100% + var(--inPd) * 2); overflow: hidden;}
.sub_cont_sorting18 .slide .swiper-container {overflow: visible;}
.sub_cont_sorting16 .cont_box .cont.txt_type {padding: 40px 30px;}
.sub_cont_sorting16 .cont_box .cont.txt_type .txt_box br {display: none;}
.consult1_sect .form_box .cont .left_tit {width: 8em;}
.sub_cont_sorting11 .cont_box .right_cont .box_wrap.num4 .box {width: calc(50% - 7.5px);}
.sub_cont_sorting19 .btn_box {flex-direction: column;}
.sub_cont_sorting19 .btn_box .down_btn {flex: none;padding: 0 1em;height: 3.5em;}
.sub_cont_sorting19 .btn_box .down_btn + .down_btn {margin-left: 0;margin-top: 10px;}
.sub_cont_sorting21 .cont_box .cont .txt_box .check_list li br {display: none;}
/* 10401 */
}
@media screen and (max-width: 768px) {
.sub_sect_tit + .sub_sect_txt {margin-top: 0.5em;}
.load_footer07 {padding: 9rem 0;}
.load_footer07 .footer_way .map_btn {padding: 0.7em 1.5em;}
.load_footer07 .footer_tel_box {margin-top: 10rem;}
.cont_sorting21_sect .support_business_tit .bg_mark {width: 20rem;}
.text_motion06 .cont {height: calc(var(--vh, 1vh) * 50);}
.basic_slide5_sect .bg_txt{display: none;}
.basic_slide5_sect .cont .swiper-container {width: 100%; margin-left: 0; padding-left: var(--inPd);}
.basic_slide5_sect .cont .swiper-container{padding-bottom: 6.4rem;}
.basic_slide5_sect .cont .swiper_btn_wrap .swiper_btn,
.basic_slide5_sect .cont .swiper_btn_wrap .swiper_btn:first-child{margin: 20px 5px 0; width: 40px; height: 40px;}
.basic_slide12_sect .slide_wrap { margin-top: 40px; }
.basic_slide12_sect .slide_wrap .item { grid-template-columns: minmax(0, 1fr); gap: 15px; }
.basic_slide12_sect .slide_wrap .item .txt_wrap .desc { margin-bottom: 0.2em; font-size: var(--p3); }
.basic_slide12_sect .slide_wrap .item .txt_wrap .tit { font-size:var(--h4); }
.basic_slide12_sect .slide_wrap .item .txt_wrap .txt { margin-top: 1.5rem; }
.basic_slide12_sect .slide_wrap .item .txt_wrap .btn_wrap { margin-top: 35px; }
.basic_slide12_sect .center_tab {overflow-x: auto;}
.basic_slide12_sect .center_tab::-webkit-scrollbar {display: none;}
.basic_slide12_sect .center_tab .tab {padding: 0 1em 1.2em;}
.basic_slide13_sect { padding: 40px 0; }
.basic_slide13_sect .cont { margin-top: 30px; }
.basic_slide13_sect .swiper-slide .box .txt_box { padding: 20px 0px ; }
.basic_slide13_sect .swiper-slide .box .txt_box .cate {font-size: var(--p6);}
.basic_slide13_sect .swiper-slide .box .txt_box .cate + .tit { margin-top: 5px; }
.basic_slide13_sect .swiper-slide .box .txt_box .tit + .txt { margin-top: 10px; }
.basic_slide13_sect .swiper-slide .box .txt_box .date { margin-top: 25px; }
.basic_slide13_sect .top .paging button { width: 2rem; height: 1.5rem; }
.basic_slide14_sect .slide .swiper-container {padding: 6rem 0 ;}
.basic_slide14_sect .slide .swiper-slide[class$=-next] {transform: translateY(-6rem);}
.basic_slide14_sect .slide .swiper-slide[class$=-next] + div + div {transform: translateY(6rem);}
.basic_slide21_sect .slide .cont {padding: 30px 20px;}
.size_slide8_sect .cont{height: 63vw;}
.list_search02 .board_list_top .sch_box {width: 34rem;}
.list_view03 .board_li_wrap{ margin-top: 50px;}
.list_view03 .board_li_wrap .box_wrap{position: relative; padding-top: 75px;}
.list_view03 .board_li_wrap .box_wrap .btn_wrap{position: absolute; top: 0; left: 50%; transform: translateX(-50%);}
.list_view03 .board_li_wrap .box {max-width: 45%;}
.list_view03 .board_li_wrap .box .tit{font-size: var(--p4); }
.list_view03 .board_li_wrap .box.next .txt,
.list_view03 .board_li_wrap .box.prev .txt {padding: 0;}
.list_view03 .board_li_wrap .box.prev .ico{margin-right: 10px;}
.list_view03 .board_li_wrap .box.next .ico{margin-left: 10px;}
.list_view03 .board_li_wrap .box_wrap .btn_wrap a {height: 3em}
.list_view03 .view_cont .a_cont .top .name { font-size: 16px; }
.list_view03 .view_cont .q_cont { padding: 4rem 0 8rem; }
.bulletin_list_thum07 {gap: 30px 15px;}
.sub_history_txt01 .cont_box .left_tit {width: 40%;}
.kv_basic08 .com_more_btn,
.basic_slide21_sect .com_more_btn,
.cont_sorting18_sect .com_more_btn,
.cont_banner11_sect .com_more_btn {padding: 0.8em 1.4em; font-size: var(--p4);}
.cont_sorting19_sect .cont_box .product_card .txt br {display: none;}
.cont_sorting20_sect .cont_box .cont .txt_box {padding: 20px;}
.kv_basic08 .slide_move {bottom: 25px;}
.kv_basic08 .tit_box {transform: translateX(-50%); top: auto; bottom: 80px;}
.kv_basic08 .tit_box .tit {font-size: var(--h4); }
.kv_basic08 .tit_box .btn_box {margin-top: 30px;}
.cont_banner11_sect .banner_img {padding-top: 42%;}
.sub_cont_sorting06 .cont_box .cont {padding: 20px 15;}
.sub_cont_sorting06 .cont_box .cont + .cont {margin-left: 15px;}
.sub_cont_sorting06 .cont_box .cont .txt {margin-top: 1em;}
.sub_cont_sorting06 .cont_box .cont .txt br {display: none;}
.sub_sect_txt br {display: none;}
.sub_cont_sorting10 .cont_box {display: block;}
.sub_cont_sorting10 .cont_box .right_cont {margin-top: var(--contMt4);}
.sub_cont_sorting24 .cont_box {display: block;}
.sub_cont_sorting24 .cont_box .left_tit {width: 100%; margin-bottom: var(--contMt4);}
.sub_cont_sorting24 .cont_box .left_tit .sub_sect_tit {}
.sub_cont_sorting24 .cont_box .left_tit .em_txt {margin-left: 0; margin-top: 0.5em;}
.sub_cont_sorting24 .cont_box .left_tit br {display: none;}
.sub_cont_sorting24 .cont_box .select_cont .cont {padding: 0 1em;}
.sub_cont_sorting10 .cont_box .right_cont .check_box > li .tit {display: block;}
.sub_cont_sorting10 .cont_box .right_cont .check_box > li .tit .desc {display: block; margin-left: 0;}
.sub_directions02_sect .cont_box .txt_box .addr_txt {margin-top: 20px;}
.sub_directions02_sect .cont_box .txt_box .info_txt {margin-top: 10px;}
.sub_directions02_sect .cont_box .txt_box .mart_txt {margin-top: 20px;}
.sub_directions02_sect .cont_box .txt_box .btn_box {margin-top: 40px;}
.main_size_rolling12 .main_slide .img_box {border-radius: 10px;}
.main_size_rolling12 .thumb_slide .img_box {border-radius: 10px;}
.bi_cont_03 .cont_box {align-items: flex-end;}
.bi_cont_03 .cont_box .cont .tit_box .sub_cont_tit span {display: block; margin-top: 0.3em;}
.bi_cont_03 .cont_box .cont.type2 .logo_box .logo {height: 14rem; display: flex; align-items: center;}
.sub_cont_sorting26 .cont_box .cont .txt_box {padding: 30px 20px;}
.sub_cont_sorting07 .cir_list_box .item .cir_txt_box .num {font-size: var(--p6);}
.sub_cont_sorting07 .cir_list_box .item .cir_txt_box .txt {margin-top: 10px; padding: 0 20px;}
.main_map_cont_map02 {padding: var(--pd3) 0 var(--pd1);}
.main_map_cont_map02 .global_tit {margin-top: 40px; font-size: var(--h4);}
.main_map_cont_map02 .img_box {margin-top: 30px;}
.main_map_cont_map02 .cont_box {width: 100%;}
.main_map_cont_map02 .bg_video {width: 80%;padding-top: 80%;top: auto;bottom: -26%;right: -17%;}
.main_map_cont_map02 .img_box .img {border-radius: 5px;}
.link_btn {font-size: var(--p5); padding: 0.8em 1.6em;}
.sub_directions03_sect .img_box .map_cont {padding-top: 65%;}
.sub_cont_sorting17 .cont_box .cont .txt_box .txt br {display: none;}
.sub_cont_text03 .cont_box .right_cont .txt br {display: none;}
.sub_cont_text03.right_type .right_cont {flex: 1;}
.sub_cont_sorting16 .cont_tit_box .sect_txt {font-size: var(--p3);}
.sub_cont_sorting16 .cont_box .cont.txt_type {padding: 30px 20px;}
.sub_cont_sorting16 .cont_box .cont.txt_type .logo_img {width: 20rem;}
.sub_cont_sorting16 .cont_box .cont.txt_type .bot_logo_box {margin-top: 40px;}
.sub_cont_sorting16 .cont_box .cont.txt_type .bot_logo_box .img {width: 7rem;}
.sub_cont_sorting13 .cont_box {grid-template-columns: repeat(2,minmax(0,1fr)); gap: 30px 15px;}
.sub_cont_sorting13 .cont_box .cont .img {border-radius: 10px;}
.consult1_sect .form_box .cont {display: block;}
.consult1_sect .form_box .cont .left_tit {width: 100%; margin-bottom: 3rem; display: flex; align-items: center; justify-content: space-between;}
.sub_history_txt01 .cont_box .history_cont .cont .line::after {width: 3rem; height: 3rem;}
.group_chart01 .bot_box .depth_cont .cont_box .cont .tit,
.group_chart01 .bot_box .depth_cont .tit_box,
.group_chart01 .top_box .tr .box {padding: 1em 1em;}
.sub_cont_sorting21 .cont_box .cont {padding: 15px; border-radius: 15px;}
/* 7681 */
}
@media screen and (max-width: 600px) {
.kv_basic08 .tit_box .tit {display: inline;}
.bulletin_list07 .notice_list .list li a {display: flex; flex-wrap: wrap; padding: 15px;}
.bulletin_list07 .notice_list .list li a .tit {width: 100%; flex: none; padding-right: 0;}
.bulletin_list07 .notice_list .list li a .num {width: auto; text-align: left; margin-right: 0; margin-bottom: 5px; font-size: var(--p4);}
.bulletin_list07 .notice_list .list li a .date {margin-top: 10px;}
.load_footer07 .footer_top {display: flex; flex-direction: column; gap: 0;}
.load_footer07 .footer_map {width: 100%;}
.load_footer07 .footer_way .addr {margin-top: 10px;}
.load_footer07 .footer_way .btn_box {margin-top: 15px;}
.load_footer07 .footer_map {margin-top: 30px;}
.load_footer07 .footer_tel_box {margin-top: 30px;}
.load_footer07 .footer_tel_box .main_tel .num {font-size: var(--h4);}
.load_footer07 .footer_tel_box .main_tel .ico {width: 3.2rem;}
.load_footer07 .footer_tel_box .sub_tel_box {margin-top: 20px;}
.load_footer07 .footer_bottom {margin-top: 30px; padding-top: 30px; flex-direction: column;}
.load_footer07 .footer_bottom_left {flex: none; width: 100%;}
.load_footer07 .terms_txt {gap: 20px;flex-wrap: nowrap;overflow-x: auto;width: calc(100% + var(--inPd) * 2);margin-left: calc(var(--inPd) * -1);padding: 0 var(--inPd);}
.load_footer07 .terms_txt::-webkit-scrollbar {display: none;}
.load_footer07 .terms_txt a {font-size: var(--p5)}
.load_footer07 .info_txt span {font-size: var(--p5);}
.load_footer07 .info_txt span + span {padding-left: 0;}
.load_footer07 .info_txt span + span::before {display: none;}
.load_footer07 .copy_txt {margin-top: 2.5rem;}
.cont_sorting19_sect .cont_box {flex-direction: column;}
.cont_sorting19_sect .cont_box .main_tit_box {width: 100%;}
.cont_sorting19_sect .cont_box .cont {width: 100%; margin-top: var(--contMt);}
.cont_sorting19_sect .cont_box .product_card + .product_card {margin-left: 10px;}
.cont_sorting19_sect .cont_box .product_card .thumb {border-radius: 10px;}
.cont_sorting18_sect .premium_intro {display: block;}
.cont_sorting18_sect .premium_intro .img_box {min-height: 0;}
.cont_sorting18_sect .premium_intro .txt_box {padding: 30px 20px;}
.cont_sorting18_sect .premium_intro .txt {margin-top: 15px;}
.cont_sorting18_sect .premium_intro .btn_box {margin-top: 3rem;}
.cont_sorting20_sect {padding-bottom: 0;}
.cont_sorting20_sect .cont_box .cont {display: flex; gap: 15px; overflow-x: auto;margin-left: calc(var(--inPd) * -1);padding: 0 var(--inPd) var(--pd3);width: calc(100% + var(--inPd) * 2);scroll-snap-type: x mandatory;-webkit-overflow-scrolling: touch;scroll-padding-left: var(--inPd);}
.cont_sorting20_sect .cont_box .cont::-webkit-scrollbar {display: none;}
.cont_sorting20_sect .cont_box .cont .box {width: 80%; transform: translateY(var(--pd3)); flex-shrink: 0; scroll-snap-align: start;scroll-snap-stop: always;}
.cont_sorting20_sect .cont_box .cont .box:nth-child(2n) {transform: translateY(var(--pd3));}
.cont_sorting20_sect .cont_box .cont .txt_box .tit br {display: none;}
.cont_sorting20_sect .cont_box .cont.active .box:nth-child(2n) {transform: translateY(0);}
.cont_sorting21_sect .support_business {display: block;}
.cont_sorting21_sect .support_business_tit {padding: 30px 20px; border-radius: 15px;}
.cont_sorting21_sect .support_business_grid {margin-top: 15px;}
.cont_sorting21_sect .business_card { border-radius: 15px;}
.cont_sorting21_sect .business_card .arrow {width: 4.5rem; height: 4.5rem;}
.cont_sorting21_sect .business_card .arrow::before {width: 0.5em; height: 0.5em;}
.cont_sorting21_sect .business_card .icon {width: 50px; height: 50px;}
.cont_sorting21_sect .business_card .txt_box {margin-top: 30px;}
.cont_sorting21_sect .business_card .txt {margin-top: 5px;}
.text_motion06 .cont .tit {font-size: 6.5vw}
.basic_slide5_sect .cont .item{border-radius: 70px;}
.size_slide8_sect .cont {height: 94vw;}
.size_slide8_sect .cont .item.swiper-slide-active .txt_box{padding: 30px 15px;}
.size_slide8_sect .txt_box .tags .tag{font-size: var(--p6);}
.size_slide8_sect .main_tit_box{padding: 0 var(--inPd);}
.size_slide8_sect .cont .item.swiper-slide-duplicate-active .img_box,
.size_slide8_sect .cont .item.swiper-slide-active .img_box{padding-top: 120%}
.basic_slide21_sect .slide .cont {padding: 25px 10px 15px; margin-right: 10px;}
.basic_slide21_sect .slide .cont .cir {margin-bottom: 15px;}
.basic_slide21_sect .slide .item {width: 60%;}
.basic_slide21_sect .slide .cont .top_box .tit {font-size: var(--p1);}
.basic_slide21_sect .slide .cont .top_box .txt {font-size: var(--p3); }
.basic_slide21_sect .slide .cont .btm_box .ico_box {background-color: var(--green); width: 5rem; height: 5rem;}
.basic_slide21_sect .slide .cont .btm_box .ico {
background: url('data:image/svg+xml,') no-repeat center / contain;
}
.list_view03 .view_top .title {flex-direction: column;}
.list_view03 .view_top .title .tit {margin-top: 5px;}
.bulletin_list_thum07 .list {grid-template-columns: repeat(2,minmax(0,1fr));}
.cont_sorting19_sect .cont_box .main_tit_box .tit br {display: none;}
.sub_cont_sorting11 .cont_box {display: flex; flex-direction: column;}
.sub_cont_sorting11 .cont_box .right_cont {margin-top: var(--contMt4);}
.sub_cont_sorting11 .cont_box .right_cont .box_wrap {display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 30px 15px;}
.sub_cont_sorting11 .cont_box .right_cont .box_wrap.num4 .box {width: 100%;}
.sub_cont_process01 .cont_box {display: block;}
.sub_cont_process01 .cont_box .right_cont {margin-top: var(--contMt4);}
.sub_cont_process01 .cont_box .right_cont .cont {padding: 15px; border-radius: 10px;}
.sub_cont_process01 .cont_box .left_tit {width: 100%;}
.sub_cont_text03 .cont_box {display: block;}
.sub_cont_text03 .cont_box .right_cont {margin-top: 10px;}
.sub_cont_text03 .cont_box .right_cont .txt + .txt {margin-top: 0.5em;}
.sub_cont_text03.right_type .right_cont {margin-left: 0;}
.sub_cont_table03 .cont_box {display: block;}
.sub_cont_table03 .cont_box .left_tit {width: 100%;}
.sub_cont_table03 .table_box {overflow-x: auto; width: calc(100% + var(--inPd) * 2); margin-top: var(--contMt4); margin-left: calc(var(--inPd) * -1); padding: 0 var(--inPd);}
.sub_cont_table03 .table_box::-webkit-scrollbar {display: none;}
.sub_cont_table03 .table_box .table_head {min-width: 500px;}
.sub_cont_table03 .table_box .table_body {min-width: 500px;}
.basic_slide21_sect .sect_tit_box.flex_box {display: block;}
.basic_slide21_sect .btn_box {margin-top: 15px; display: flex;}
.cont_banner11_sect .banner_img {padding-top: max(55%,200px);}
.cont_banner11_sect .banner_img .txt_box {padding: 0 30px ;}
.cont_banner11_sect .banner_img .txt_box .tit {font-size: var(--h5);}
.cont_banner11_sect .banner_img .txt_box .tit br {display: none;}
.sub_cont_greeting02 .cont_box {display: block;}
.sub_cont_greeting02 .cont_box .img {width: 100%;}
.sub_cont_greeting02 .cont_box .greeting_txt_box {width: 100%; margin-top: var(--contMt4);}
.sub_cont_greeting02 .cont_box .greeting_txt_box .txt_box {margin-top: 20px;}
.sub_cont_greeting02 .cont_box .greeting_txt_box .txt_box .txt + .txt {margin-top: 15px;}
.sub_cont_greeting02 .cont_box .greeting_txt_box .name_box {margin-top: 30px;}
.sub_rolling01 .cont {display: block;}
.sub_rolling01 .cont_tit {margin-bottom: var(--contMt4);}
.sub_rolling01 .cont .sticky_box {width: 100%; position: static;}
.sub_rolling01 .cont .sticky_box .philo_img {display: none;}
.sub_rolling01 .cont .philo_txt {display: flex; width: 100%; overflow-x: auto; overflow-x: auto; margin-left: calc(var(--inPd) * -1); padding: 0 var(--inPd); width: calc(100% + var(--inPd) * 2); scroll-snap-type: x mandatory;-webkit-overflow-scrolling: touch; scroll-padding-left: var(--inPd);}
.sub_rolling01 .cont .philo_txt::-webkit-scrollbar {display: none;}
.sub_rolling01 .cont .philo_txt .txt_box {flex-shrink: 0; width: 90%; scroll-snap-align: start; scroll-snap-stop: always;}
.sub_rolling01 .cont .philo_txt .txt_box .img {display: block; position: relative; padding-top: 60%; border-radius: 15px; overflow: hidden; margin-bottom: 20px;}
.sub_rolling01 .cont .philo_txt .txt_box .img img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
.sub_rolling01 .cont .philo_txt .txt_box {margin-bottom: 0; opacity: 1;}
.sub_rolling01 .cont .philo_txt .txt_box + .txt_box {margin-left: var(--inPd);}
.sub_rolling01 .cont .philo_txt .txt_box .num_box {width: 90%;}
.sub_rolling01 .cont .philo_txt .txt_box .num {font-size: var(--p4);}
.sub_rolling01 .cont .philo_txt .txt_box .txt {width: 90%;}
.sub_rolling01 .cont .philo_txt .txt_box .txt br {display: none;}
.sub_rolling01 .cont .philo_txt .txt_box .num {background-color: var(--green); color: #fff;}
.sub_cont_sorting10 .cont_box .left_tit {width: 100%;}
.sub_cont_sorting10 .cont_box .right_cont .check_box > li {padding: 20px 15px;}
.sub_cont_sorting10 .cont_box .right_cont .check_box > li .tit br {display: none;}
.sub_cont_process01 .cont_box .right_cont .cont .txt_box .tit {font-size: var(--p1);}
.sub_cont_sorting23 .cont_box {flex-direction: column;}
.sub_cont_sorting23 .cont_box .select_cont + .select_cont {margin-left: 0; margin-top: 10px;}
.sub_cont_sorting22 .cont_box {display: block;}
.sub_cont_sorting22 .cont_box .img_box {width: 100%;}
.sub_cont_sorting22 .cont_box .txt_box {width: 100%; margin-top: var(--contMt4);}
.sub_cont_sorting22 .cont_box .txt_box .txt {margin-top: 1em;}
.sub_cont_sorting06 .cont_box {flex-direction: column;}
.sub_cont_sorting06 .cont_box .cont + .cont {margin-left:0; margin-top: 15px;}
.sub_cont_sorting06 .cont_box .cont .txt {margin-top: 10px;}
.group_chart01 .top_box .tr {gap: 15px;}
.group_chart01.active .top_box .tr .box + .box::before {width: 15px;}
.group_chart01 .top_box .tr + .tr {margin-top: 25px;}
.group_chart01 .top_box .tr + .tr::before {height: 25px;}
.group_chart01.active .top_box .tr:last-child::after {display: none;}
.group_chart01 .top_box .tr:last-child {margin-bottom: 0;}
.group_chart01 .bot_box {display: block;}
.group_chart01 .bot_box .line {display: none;}
.group_chart01 .bot_box .depth_cont .tit_box::before {display: none;}
.group_chart01 .bot_box .depth_cont {width: 100%;}
.group_chart01 .bot_box .depth_cont + .depth_cont {margin-top: 30px; width: 100%;}
.sub_history_txt01 .cont_box.on {display: block;}
.sub_history_txt01 .cont_box .left_tit {width: calc(100% + var(--inPd) * 2); background-color: #fff; z-index: 3; top: 2em; margin-left: calc(var(--inPd) * -1); padding: 0 var(--inPd);}
.sub_history_txt01 .cont_box .left_tit .year {}
.sub_history_txt01 .cont_box .history_cont {margin-top: var(--contMt4);}
.sub_history_txt01 .cont_box .history_cont .cont {padding-left: 20px; padding-bottom: 40px;}
.sub_history_txt01 .cont_box .history_cont .cont .line::before {width: 8px; height: 8px;}
.sub_directions02_sect .cont_box {flex-direction: column;}
.sub_directions02_sect .cont_box .img_box {width: 100%; order: 2; margin-top: 30px;}
.sub_directions02_sect .cont_box .txt_box {width: 100%; margin-top: 00px; order: 1;}
.sub_directions02_sect .cont_box .txt_box .mart_txt,
.sub_directions02_sect .cont_box .txt_box .info_txt {display: flex;}
.sub_directions02_sect .cont_box .txt_box .mart_txt .txt strong,
.sub_directions02_sect .cont_box .txt_box .info_txt li strong {width: auto; margin-right: 5px;}
.sub_directions02_sect .cont_box .txt_box .info_txt li + li {margin-top: 0; margin-left: 15px;}
.sub_directions02_sect .cont_box .txt_box .mart_txt ul {width: 100%;}
.sub_directions02_sect .cont_box .txt_box .btn_box {margin-top: 20px;}
.sub_cont_sorting26 .cont_box {display: block;}
.sub_cont_sorting26 .cont_box .cont + .cont {margin-left: 0; margin-top: 20px;}
.sub_cont_sorting14 .cont_box {flex-direction: column;}
.sub_cont_sorting14 .cont_box .left_cont {width: 100%; padding: var(--pd4) 0;}
.sub_cont_sorting14 .cont_box .left_cont .logo {width: 45%;}
.sub_cont_sorting14 .cont_box .right_cont {width: 100%; padding-left: 0; margin-top: 20px;}
.sub_cont_sorting14 .cont_box .right_cont .tit_box .txt {margin-top: 5px;}
.sub_cont_text02 .tit_wrap .link_btn {margin-top: 10px;}
.sub_cont_text02 .tit_wrap {display: block;}
.bi_cont_02 .cont .logo.type1 {width: 17%;}
.bi_cont_02 .cont .logo.type2 {width: 27%;}
.bi_cont_02 .cont .logo.type3 {width: 18%;}
.bi_cont_02 .cont .logo.type5 {width: 30%;}
.bi_cont_02 .cont .logo.type6 {width: 30%;}
.bi_cont_03 .cont_box {flex-direction: column;}
.bi_cont_03 .cont_box .cont {flex: none; width: 100%;}
.bi_cont_03 .cont_box .cont .logo_box {padding: 40px 0;}
.color_system01 .cont_box {grid-template-columns: repeat(2,minmax(0,1fr));}
.color_system01 .cont_box .cont .txt_box {padding: 15px;}
.color_system01 .cont_box .cont .txt_box li strong {flex-shrink: 0;}
.color_system01 .cont_box .cont .txt_box li {font-size: 11px;}
.color_system01 .cont_box .cont .txt_box li + li {margin-top: 0.2em;}
.sub_directions03_sect .img_box {display: flex; flex-direction: column; border-radius: 0; overflow: visible;}
.sub_directions03_sect .map_nav {z-index: 10; background-color: #fff; padding: 0; margin-bottom: var(--contMt4);}
.sub_directions03_sect .map_nav .tit {font-size: var(--h7);}
.sub_directions03_sect .map_nav .btn_wrap {position: relative;}
.sub_directions03_sect .map_nav .current {position: relative; display: flex; align-items: center; background-color: #fff; border: 1px solid var(--line); width: 100%; padding:0 1em; margin-top: 15px; font-size: var(--p4); height: 4em; color: #000; font-weight: 600; border-radius: 5px;}
.sub_directions03_sect .map_nav .current::after {content: "";position: absolute;right: 1em;top: 50%;transform: translateY(-50%) rotate(0deg);width: 0.8em;height:0.8em;transform-origin: center; background: url('data:image/svg+xml,') center/contain no-repeat;transition: transform 0.3s;}
.sub_directions03_sect .map_nav .current.on::after {transform: translateY(-50%) rotate(180deg);}
.sub_directions03_sect .map_nav .list {display: block; width: 100%; margin-left: 0; padding: 0; position: absolute; left: 0; top: calc(100% + 5px); margin-top: 0; box-shadow: 0 0 15px rgba(0,0,0,0.1); opacity: 0; pointer-events: none; border: 1px solid var(--line); border-radius: 5px; overflow: hidden;}
.sub_directions03_sect .map_nav .list li .btn {white-space: inherit; border-radius: 0; text-align: left; height: 3.5em;}
.sub_directions03_sect .map_nav .list li + li {border-top: 1px solid var(--line);}
.sub_directions03_sect .map_nav .list li + li {margin-left: 0; margin-top: 0;}
.sub_directions03_sect .map_nav .current.on + .list {opacity: 1; pointer-events: auto;}
.sub_directions03_sect .map_nav .arr_btn {display: none;}
.sub_directions03_sect .img_box .map_cont {padding-top: 60%;}
.sub_directions03_sect .info_box {position: static; box-shadow: none; width: 100%; order: 2; padding: 20px 0 0 0; border-radius: 0;}
.sub_directions03_sect .info_box .tit {font-size: var(--h7);}
.sub_directions03_sect .info_box .btn_box .btn {height: 3.5em;}
.text_motion08 .cont .tit {font-size: var(--h3);}
.text_motion08 .cont .tit + .tit {margin-top: 20px;}
.text_motion08 .cont .tit br {display: none;}
.main_cont_banner13 .txt_box .txt br {display: none;}
.sub_cont_process02 .cont_box .right_cont_box {padding-left: 0px; overflow-x: auto;}
.sub_cont_process02 .cont_box .right_cont_box {display: flex; width: 100%; overflow-x: auto; overflow-x: auto; margin-left: calc(var(--inPd) * -1); padding: 0 var(--inPd); width: calc(100% + var(--inPd) * 2); scroll-snap-type: x mandatory;-webkit-overflow-scrolling: touch; scroll-padding-left: var(--inPd);}
.sub_cont_process02 .cont_box .right_cont_box::-webkit-scrollbar {display: none;}
.sub_cont_process02 .cont_box .right_cont_box .line {display: none;}
.sub_cont_process02 .cont_box .right_cont_box .cont {flex-shrink: 0; width: 80%; scroll-snap-align: start; scroll-snap-stop: always; display: block;}
.sub_cont_process02 .cont_box .right_cont_box .cont + .cont {margin-left: 15px; margin-top: 0;}
.sub_cont_process02 .cont_box .right_cont_box .cont .txt_box {margin-top: 15px; width: 90%;}
.sub_cont_process02 .cont_box .right_cont_box .cont .txt_box .txt {margin-top: 10px;}
.sub_cont_process02 .cont_box .right_cont_box .cont .txt_box .tit .badge {margin-top: 0;}
.sub_cont_sorting17 .cont_box {flex-wrap: wrap; gap: 30px 15px;}
.sub_cont_sorting17 .cont_box .cont {flex: none; width: calc(50% - 7.5px);}
.sub_cont_sorting03 .cont_box .img_box {width: 100%;}
.sub_cont_sorting03 .cont_box .cont {display: block;}
.sub_cont_sorting03 .cont_box .txt_box {width: 100%;}
.sub_cont_sorting03 .cont_box .cont + .cont {margin-top: var(--pd4);}
.sub_cont_sorting03 .cont_box .txt_box .check_list li .sm_txt {margin-top: 0.25em;}
.page_credit .com_nav_tab01 {padding: 10px 0;}
.sub_cont_sorting03 .cont_box .cont.rtl .txt_box {text-align: left;}
.sub_cont_sorting03 .cont_box .cont.rtl .txt_box .check_list li {flex-direction: row;}
.sub_cont_sorting03 .cont_box .cont.rtl .txt_box .check_list li .ico {margin-left: 0; margin-right: 1.5rem; flex-shrink: 0;}
.sub_cont_sorting25 .cont_box {display: block}
.sub_cont_sorting25 .cont_box .left_tit {width: 100%;}
.sub_cont_sorting25 .cont_box .right_cont {margin-top: var(--contMt4);}
.sub_cont_sorting19 .cont_box {display: block; }
.sub_cont_sorting19 .cont_box .left_tit {width: 100%;}
.sub_cont_sorting19 .sub_sect_tit br {display: none;}
.sub_cont_sorting19 .cont_box .right_cont {margin-top: var(--contMt4);}
.sub_cont_sorting19 .slide .paging {bottom: 2rem;}
.sub_cont_sorting19 .btn_box {flex-direction: column;}
.sub_cont_sorting19 .btn_box .down_btn {flex: none; padding: 0 1em; height: 3.5em;}
.sub_cont_sorting19 .btn_box .down_btn + .down_btn {margin-left: 0; margin-top:10px;}
.sub_cont_sorting08 .img {border-radius: 10px;}
.sub_cont_sorting08 .txt_box {display: block;}
.sub_cont_sorting08 .txt_box .left_cont {width: 100%; margin-right: 0; text-align: left;}
.sub_cont_sorting08 .txt_box .right_cont {width: 100%; margin-top: var(--contMt4);}
.sub_cont_sorting08 .txt_box .right_cont br {display: none;}
.sub_cont_sorting09 .cont_box {display: block;}
.sub_cont_sorting09 .cont_box .left_tit .tit br {display: none;}
.sub_cont_sorting09 .cont_box .right_cont {gap: 15px; margin-top: var(--contMt4);}
.sub_cont_sorting09 .cont_box .right_cont .box {padding: 20px 15px;}
.sub_cont_sorting21 .cont_box {display: block;}
.sub_cont_sorting21 .cont_box .cont {display: flex; flex-direction: column; align-items: flex-start;}
.sub_cont_sorting21 .cont_box .cont + .cont {margin-left: 0; margin-top: 15px;}
.sub_cont_sorting21 .cont_box .cont .img {margin-left: auto;}
.sub_cont_sorting21 .cont_box .cont .txt_box {margin-top: 0px;}
.consult1_sect .com_inp_cont .inp_txt {width: 7.5em;}
.consult1_sect .com_inp_cont.name .inp_box .inp,
.consult1_sect .com_inp_cont.type .inp_box .select {width: 100%;}
.consult1_sect .com_inp_cont .file_box .file,
.consult1_sect .com_inp_cont .inp_box .inp input {padding: 0 0.75em;}
.consult1_sect .com_inp_cont .inp_box .select .nice-select {padding: 0 2em 0 0.75em;}
.consult1_sect .com_inp_cont .inp_box .inp textarea {padding: 0.75em;}
.consult1_sect .com_inp_cont .inp_box .phone_box, .consult1_sect .com_inp_cont .inp_box .email_box {flex-wrap: wrap;}
.consult1_sect .com_inp_cont .inp_box .email_box .inp {flex: 1;}
.consult1_sect .com_inp_cont .inp_box .email_box .inp + .select {width: 100%; flex: none; margin-left: 0; margin-top: 5px;}
.consult1_sect .com_inp_cont .inp_box .phone_box .dot,
.consult1_sect .com_inp_cont .inp_box .email_box .dot {width: auto;}
.consult1_sect .com_inp_cont .inp_box .phone_box .select:first-of-type,
.consult1_sect .com_inp_cont .inp_box .email_box .inp:first-of-type {width: auto; flex: 1;}
.consult1_sect .com_inp_cont .captcha_wrap .captcha {position: relative; padding: 0 0.25em;}
.consult1_sect .com_inp_cont .captcha_wrap .captcha img {height: auto;}
.consult1_sect .com_inp_cont .captcha_wrap .captcha .btn {position: absolute;top: 50%;right: 0.5em;transform: translateY(-50%);}
.consult1_sect .com_inp_cont.file {display: block;}
.consult1_sect .com_inp_cont.file .file .em_txt {font-size: var(--p4);}
.consult1_sect .com_inp_cont .file_box .flie_btn {width: 14rem; margin-left: 10px;}
.cont_basic_slide06 .cont_box {display: block;}
.cont_basic_slide06 .cont_box .slide {margin-top: var(--contMt4);}
.sub_cont_sorting10 .cont_box .right_cont .check_box > li .img_wrap {display: block;}
.sub_cont_sorting10 .cont_box .right_cont .check_box > li .img_wrap .img_box + .img_box {margin-left: 0; margin-top: 10px;}
.cont_basic_slide06 .cont_box .slide .item {width: 80%; padding: 15px 15px 20px;}
.cont_basic_slide06 .cont_box .slide .item .txt_box {margin-top: 10px;}
.list_view03 .view_top {display: block;}
.list_view03 .view_top .tit {padding-right: 0;}
.list_view03 .view_cont .txt_box {padding: 20px 0;}
.sub_cont_process01 .cont_box .right_cont .arr {margin: 10px 0;}
.sub_cont_sorting07 .cir_list_box {flex-direction: column;}
.sub_cont_sorting07 .cir_list_box .item {width: 100%; border-radius: 15px; padding-top: 110px; border-radius: 20em;}
.sub_cont_sorting07 .cir_list_box .item + .item {margin-top: 15px;}
.sub_cont_sorting07 .cir_list_box .item .cir_txt_box {display: flex; flex-wrap: wrap; align-items: center; flex-direction: row; justify-content: flex-start; height: auto; top: 50%; left: 50%; transform: translate(-50%,-50%); padding: 0 20px 0 40px;}
.sub_cont_sorting07 .cir_list_box .item .cir_txt_box .num {display: inline;}
.sub_cont_sorting07 .cir_list_box .item .cir_txt_box .tit{display: inline; margin-top: 0; margin-left: 0.5em;}
.sub_cont_sorting07 .cir_list_box .item .cir_txt_box .txt {padding: 0; text-align: left; margin-top: 10px; min-height: 0; width: 100%;}
.main_size_rolling12 .thumb_slide .swiper-container {overflow: visible;}
.main_map_cont_map02 .bg_video {width: 115%;padding-top: 115%;top: auto;bottom: -26%;right: -17%;}
.sub_cont_sorting16 .cont_box {display: block;}
.sub_cont_sorting16 .cont_box .cont {width: 100%;}
.sub_cont_sorting16 .cont_box .cont + .cont {margin-left: 0; margin-top: 30px;}
.sub_cont_sorting16 .cont_box .cont.img_type .img {position: relative; padding-top: 60%;}
/* 6001 */
}
.hidden { display:block; height: 0; width: 0; font-size: 0; line-height: 0; margin: 0; padding: 0; overflow:hidden; border: none; }
.landing_container {
display: flex;
flex-direction: column; /* 수직으로 정렬 */
align-items: center; /* 중앙 정렬 */
width: 100%; /* max-width: 960px;*/ margin: 0 auto; color: #000;
/*padding: 30px;*/
background-color: #FFFFFF;
}
#landingHtmlAreaMobile {overflow:hidden;}
#landingHtmlAreaMobile .in {max-width: 100%;padding: 0 60px;}
/*reset*/
.landing_container * { box-sizing:border-box; -webkit-tap-highlight-color: transparent; }
/* Txt */
#landingHtmlAreaMobile .sub_tit_box .tit{font-size: var(--tit);font-weight: 700;line-height: 1.6;}
#landingHtmlAreaMobile .sub_tit_box .txt{font-size: var(--txt2); margin-top: 2rem;}
#landingHtmlAreaMobile .sub_tit_box .desc{font-size:var(--lgTxt); font-weight: 700; margin-bottom: 1.6rem; text-transform: uppercase;}
#landingHtmlAreaMobile .sub_tit_box > * {opacity: 0; transform: translateY(5rem); transition: opacity 0.6s ease-in-out, transform 0.6s ease-in-out;}
#landingHtmlAreaMobile .sub_tit_box.active > *{opacity: 1; transform: translateY(0);}
#landingHtmlAreaMobile .sub_tit_box .ico{margin: 0 auto; width: 4rem; height: 4rem; margin-bottom: 1.6rem; transition: opacity 0.6s ease-in-out, transform 0.6s ease-in-out; background:url('data:image/svg+xml,') no-repeat center / contain;}
#landingHtmlAreaMobile .sub_tit_box.active .txt {transition-delay: 0.3s;}
#landingHtmlAreaMobile .sub_tit_box.active .desc + .tit {transition-delay: 0.4s;}
#landingHtmlAreaMobile .sub_tit_box.active .desc + .tit + .txt {transition-delay: 0.6s;}
/*---------- 진료과목 ----------*/
#landingHtmlAreaMobile div:not(.visual_sect) .in{width: var(--in2);}
#landingHtmlAreaMobile .cont_tit{font-size: var(--smTit); font-weight: 700;} /* 40 */
#landingHtmlAreaMobile .cont_tit + .txt{font-size: var(--txt2); margin-top: 1rem;}
#landingHtmlAreaMobile .cont_txt_box .tit{font-size: var(--smTit); font-weight: 700; line-height: 1.5;}
#landingHtmlAreaMobile .cont_txt_box .txt{font-size: var(--subTxt); font-weight: 400; margin-top: 1rem;}
#landingHtmlAreaMobile .cont_txt_box .info_txt{font-size: var(--subTxt); color: var(--gray);}
#landingHtmlAreaMobile .cont_txt_box .info_txt + .txt{margin-top: 2rem;}
#landingHtmlAreaMobile .cont_txt_box .txt + .info_txt{margin-top: 2rem;}
/* 인트로 */
#landingHtmlAreaMobile .visual_sect{ padding: var(--pd150) 0 7.2rem;}
#landingHtmlAreaMobile .visual_sect .line_tab_wrap .tab{color:#E4C243; border-bottom: 3px solid #E4C243;}
#landingHtmlAreaMobile .visual_sect .line_tab_wrap .tab:hover{color: var(--black);}
#landingHtmlAreaMobile .visual_sect .line_tab_wrap .tab.active{color:var(--black); border-color:var(--black);}
#landingHtmlAreaMobile .visual_sect .info_cont .top_wrap{display: flex; align-items: flex-end; justify-content: space-between;}
#landingHtmlAreaMobile .visual_sect .info_cont .top_wrap .img{width: 22%; flex-shrink: 0; margin-right: 9.6rem;}
#landingHtmlAreaMobile .visual_sect .info_cont .sub_tit_box{padding-bottom: 6.4rem; padding-right: 1rem;}
#landingHtmlAreaMobile .visual_sect .info_cont .sub_tit_box .tit{font-size: var(--lgTit); line-height: 1.5;}
#landingHtmlAreaMobile .visual_sect .info_cont .sub_tit_box .sub_tit_box .txt{margin-top: 4rem;}
#landingHtmlAreaMobile .visual_sect .info_cont .img_box{position: relative; border-radius: 3.2rem; padding-top: 36%; overflow: hidden;}
#landingHtmlAreaMobile .visual_sect .info_cont .img_box img{position: absolute; width: 100%; height: 100%; left: 0; top: 0; object-fit: cover;}
#landingHtmlAreaMobile .visual_sect .symptom_cont{margin-top: 12rem;}
#landingHtmlAreaMobile .visual_sect .symptom_cont .rolling_txt{overflow:hidden; margin-top:auto; font-size:var(--lgTxt2);}
#landingHtmlAreaMobile .visual_sect .symptom_cont .rolling_txt .rolling_track{display:flex; width:max-content; gap:1em; animation:rollTxt 80s linear infinite;}
#landingHtmlAreaMobile .visual_sect .symptom_cont .rolling_txt .rolling_track2{display:flex; width:max-content; gap:1em; animation:rollTxt 80s linear infinite reverse ; margin-top: 1.3em;}
#landingHtmlAreaMobile .visual_sect .symptom_cont .rolling_txt .txt{flex-shrink:0; background:rgba(255,255,255,1); color: #E4AB00; font-weight:700; height:2.6em; line-height: 2.6em; padding: 0 1.3em; white-space:nowrap; border-radius:10rem;}
#landingHtmlAreaMobile .visual_sect .symptom_cont .rolling_txt .img{width: 2.6em; height:2.6em; border-radius: 50%; overflow: hidden;}
#landingHtmlAreaMobile .visual_sect .symptom_cont .rolling_txt .img img{display: block; width: 100%; height: 100%;}
@keyframes rollTxt{0%{transform:translateX(0);} 100%{transform:translateX(-50%);}}
@keyframes rollTxtReverse{0%{transform:translateX(-50%);} 100%{transform:translateX(0);}}
.point{padding:3px 0 3px 22px;background:url(/inc/img/common/bullet_point.gif) no-repeat 0 1px;font-weight:normal;}
.del_btn {width: 20px; height: 20px; border-radius: 50%;background-color: #d81b21; display: flex; align-items: center; justify-content: center; border: none; outline: none;cursor: pointer;}
.del_btn .ico {width: 50%; height: 50%;
background: url('data:image/svg+xml,') no-repeat center / contain;}
.plus_btn {width: 20px; height: 20px; border-radius: 50%;background-color: rgb(0, 128, 255); display: flex; align-items: center; justify-content: center; border: none; outline: none;cursor: pointer;}
.plus_btn .ico {width: 50%; height: 50%;
background: url('data:image/svg+xml,') no-repeat center / contain;}
/* 썸네일형-1 */
#landingHtmlAreaMobile .cause_sect{overflow: hidden;}
#landingHtmlAreaMobile .cause_sect .com_cause_slide{position: relative; margin-top: var(--subMt); padding-left:60px; opacity: 0; transform: translateX(10rem); transition: opacity 0.6s ease-in-out, transform 0.6s ease-in-out;}
#landingHtmlAreaMobile .cause_sect .com_cause_slide.active{opacity: 1; transform: unset;}
#landingHtmlAreaMobile .cause_sect .com_cause_slide .item{display: flex; align-items: center; opacity: 0.3; transition: opacity 0.6s ease-in-out;}
#landingHtmlAreaMobile .cause_sect .com_cause_slide .item .img_box{position: relative; flex-shrink: 0; width: 45rem; padding-top: 27%; border-radius: 2.4rem; overflow: hidden; margin-right: 7.2rem; }
#landingHtmlAreaMobile .cause_sect .com_cause_slide .item .img_box .img{position: absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit: cover;}
#landingHtmlAreaMobile .cause_sect .com_cause_slide .item .txt_box{padding-bottom: calc(6.4rem + 4.8rem); width: 100%;}
#landingHtmlAreaMobile .cause_sect .com_cause_slide .item .txt_box .txt{width: 90%;}
#landingHtmlAreaMobile .cause_sect .com_cause_slide .com_control{position: absolute; left: max(calc((100% - var(--in2)) / 2 + var(--inPd)), var(--inPd)); bottom: 4.8rem; padding-left: calc(45rem + 7.2rem); z-index: 20;}
#landingHtmlAreaMobile .cause_sect .com_cause_slide .item.swiper-slide-active{opacity: 1;}
/* 썸네일형-2 */
#landingHtmlAreaMobile .com_treat_slide{margin-top: var(--subMt);}
#landingHtmlAreaMobile .com_treat_slide .swiper-container {padding-left: 60px;}
#landingHtmlAreaMobile .com_treat_slide .in{position: relative;}
#landingHtmlAreaMobile .com_treat_slide .com_control{position: absolute; top: calc(-1 * var(--subMt) - 6.4rem); right: 60px;}
#landingHtmlAreaMobile .com_treat_slide .item .img_box{position: relative; flex-shrink: 0; width: 100%; padding-top: 62%; border-radius: 2.4rem; overflow: hidden; margin-right: 7.2rem; }
#landingHtmlAreaMobile .com_treat_slide .item .img_box .img{position: absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit: cover; background-color: var(--bg);}
#landingHtmlAreaMobile .com_treat_slide .item .txt_box{width: 100%; margin-top: 2.5rem;}
#landingHtmlAreaMobile .com_treat_slide .item .txt_box .txt{font-size:var(--subTxt); max-width: 90%;}
/* 썸네일형-3 */
/* scroll list 2 */
#landingHtmlAreaMobile .guide_sect .com_scroll_list{display:flex; justify-content: space-between; margin-top: var(--subMt);}
#landingHtmlAreaMobile .guide_sect .com_scroll_list .sticky_box{position: sticky;top: calc(var(--hdH) + 8vh); display:flex; width:50%; flex-direction: column;}
#landingHtmlAreaMobile .guide_sect .com_scroll_list .sticky_box .sub_tit_box {margin-bottom: 30px}
#landingHtmlAreaMobile .guide_sect .com_scroll_list .sticky_box .img_wrap{width:100%; padding-top: 0%; background-color: #fff; transition: top 0.3s; position:relative;}
/* #landingHtmlAreaMobile .guide_sect .com_scroll_list .sticky_box .img_wrap img{opacity:0; width:100%; height:100%; position:absolute; top:0; left:0; object-fit: cover; transition: opacity 0.3s ease-in-out;} */
#landingHtmlAreaMobile .guide_sect .com_scroll_list .sticky_box .img_wrap img + img {margin-top: 30px;}
#landingHtmlAreaMobile .guide_sect .com_scroll_list .sticky_box .img_wrap img {opacity: 1; border-radius: 2.4rem; overflow: hidden;}
#landingHtmlAreaMobile .com_scroll_list .box_wrap {width:50%; padding-left: 8rem; display: flex; flex-direction: column; padding-top: 18rem}
#landingHtmlAreaMobile .com_scroll_list .box_wrap .tit_box{margin-bottom:2.4rem;}
#landingHtmlAreaMobile .com_scroll_list .box_wrap .tit_box .tit{display:flex; font-size:var(--lgTxt2); font-weight:700; align-items: center;}
#landingHtmlAreaMobile .com_scroll_list .box_wrap .tit_box .num{width:4.8rem; height:4.8rem; margin-right:1.6rem; font-size:var(--subTxt); display:flex; align-items: center; justify-content: center; border-radius:50%; background-color: #000; color:#fff; }
#landingHtmlAreaMobile .com_scroll_list .box_wrap .txt{font-size:var(--subTxt);}
#landingHtmlAreaMobile .com_scroll_list .box_wrap .box { display: flex; flex-direction: column; justify-content: center; flex: 1; opacity: 1; transition: opacity 0.3s ease-in-out;}
#landingHtmlAreaMobile .com_scroll_list .box_wrap .box .img {display: none}
#landingHtmlAreaMobile .com_scroll_list .box_wrap .box.active {opacity: 1;}
#landingHtmlAreaMobile .com_scroll_list .box_wrap .list{margin-left: 4.7rem;}
#landingHtmlAreaMobile .com_scroll_list .box_wrap .list li{font-size:var(--subTxt);line-height:var(--txtLine);text-indent:-1rem; padding-left:1rem; }
#landingHtmlAreaMobile .com_scroll_list .box_wrap .list li + li {margin-top: 0.5em}
/* 썸네일형-4 */
#landingHtmlAreaMobile .com_step_list{display: flex; margin-top: var(--subMt);}
#landingHtmlAreaMobile .com_step_list .item{flex: 1;}
#landingHtmlAreaMobile .com_step_list .num{position: relative; max-width: max-content; font-size: var(--subTxt); font-weight: 700; line-height: 1; background-color: #FFFAE0; color: #DDA600; border-radius: 10rem; padding: 0.8em 1em; z-index: 3; transition: background 0.3s linear, color 0.3s linear;}
#landingHtmlAreaMobile .com_step_list.line{ gap:5rem 1.6rem; flex-wrap:wrap}
#landingHtmlAreaMobile .com_step_list.line .item{flex: unset; width:calc(25% - 1.6rem);}
#landingHtmlAreaMobile .com_step_list.line .item .img{position: relative; flex-shrink: 0; width: 100%; padding-top: 73%; border-radius: 2.4rem; overflow: hidden; }
#landingHtmlAreaMobile .com_step_list.line .item .img img{position: absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit: cover;}
#landingHtmlAreaMobile .com_step_list.line .item .txt_box{text-align: center; margin-top: 3rem;}
#landingHtmlAreaMobile .com_step_list.line .item .txt_box .num{ margin:0 auto;}
#landingHtmlAreaMobile .com_step_list.line .item .txt_box .num:before{content: ''; position: absolute; left: 100%; top: 50%; width: 14vw; height: 1px; border: 1px dashed #D3C5C1; z-index: 1;}
#landingHtmlAreaMobile .com_step_list.line .item .txt_box .num:after{content: ''; position: absolute; left: 100%; top: 50%; width: 0; height: 1px; border: 1px solid #6B3C30; opacity: 0; z-index: 2; transition: width 0.5s linear, opacity 0.1s linear;}
#landingHtmlAreaMobile .com_step_list.line .item:nth-child(4n) .txt_box .num:before,
#landingHtmlAreaMobile .com_step_list.line .item:nth-child(4n) .txt_box .num:after{display: none;}
#landingHtmlAreaMobile .com_step_list.line .item .txt_box .txt{margin-top: 1.6rem;}
#landingHtmlAreaMobile .com_step_list.line .item .txt_box .tit{margin-top: 2rem; font-size:var(--lgTxt2); font-weight: 700;}
#landingHtmlAreaMobile .com_step_list.line .item .txt_box .tit + .txt{margin-top: 1rem;}
#landingHtmlAreaMobile .com_step_list.active .item .txt_box .num{background-color: var(--brown); color: #fff;}
#landingHtmlAreaMobile .com_step_list .item:nth-child(1) .num{transition-delay: 0.4s;}
#landingHtmlAreaMobile .com_step_list .item:nth-child(2) .num{transition-delay: 1s;}
#landingHtmlAreaMobile .com_step_list .item:nth-child(3) .num{transition-delay: 1.5s;}
#landingHtmlAreaMobile .com_step_list .item:nth-child(4) .num{transition-delay: 2.1s;}
#landingHtmlAreaMobile .com_step_list .item:nth-child(5) .num{transition-delay: 2.7s;}
#landingHtmlAreaMobile .com_step_list .item:nth-child(6) .num{transition-delay: 3.3s;}
#landingHtmlAreaMobile .com_step_list .item:nth-child(7) .num{transition-delay: 3.9s;}
#landingHtmlAreaMobile .com_step_list .item:nth-child(8) .num{transition-delay: 4.5s;}
#landingHtmlAreaMobile .com_step_list.active .item .txt_box .num:after{width: 14vw; opacity: 1;}
#landingHtmlAreaMobile .com_step_list .item:nth-child(1) .txt_box .num:after{transition-delay: 0.4s;}
#landingHtmlAreaMobile .com_step_list .item:nth-child(2) .txt_box .num:after{transition-delay: 1s;}
#landingHtmlAreaMobile .com_step_list .item:nth-child(3) .txt_box .num:after{transition-delay: 1.6s;}
#landingHtmlAreaMobile .com_step_list .item:nth-child(4) .txt_box .num:after{transition-delay: 2.2s;}
#landingHtmlAreaMobile .com_step_list .item:nth-child(5) .txt_box .num:after{transition-delay: 2.8s;}
#landingHtmlAreaMobile .com_step_list .item:nth-child(6) .txt_box .num:after{transition-delay: 3.4s;}
#landingHtmlAreaMobile .com_step_list .item:nth-child(7) .txt_box .num:after{transition-delay: 4s;}
#landingHtmlAreaMobile .com_step_list .item:nth-child(8) .txt_box .num:after{transition-delay: 4.6s;}
/* step box 타입 */
#landingHtmlAreaMobile .com_step_list.box .num_box{display: flex; background-color: #F9F5EF; }
#landingHtmlAreaMobile .com_step_list.box .item:first-child .num_box{border-radius: 20rem 0 0 20rem ;}
#landingHtmlAreaMobile .com_step_list.box .item:last-child .num_box{border-radius: 0 20rem 20rem 0;}
#landingHtmlAreaMobile .com_step_list.box .num{background-color: #F3E6D1; color: var(--brown);}
#landingHtmlAreaMobile .com_step_list.box .line{flex:1; margin: 0.5em; background: url('data:image/svg+xml,') no-repeat center / contain;}
#landingHtmlAreaMobile .com_step_list.box .cont_box{border-radius: 2.4rem; overflow: hidden; box-shadow: 0 0 100px 0 rgba(221, 221, 221, 0.50); text-align: center; margin-top: 2.8rem; margin-right: 2.8rem; opacity: 0; transform: translateY(5rem); transition: opacity 0.6s ease-in-out, transform 0.6s ease-in-out;}
#landingHtmlAreaMobile .com_step_list.box.active .cont_box{opacity: 1; transform: unset;}
#landingHtmlAreaMobile .com_step_list.box .cont_box .img{position: relative; width: 100%; padding-top: 62%; overflow: hidden;}
#landingHtmlAreaMobile .com_step_list.box .cont_box .img img{position: absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit: cover;}
#landingHtmlAreaMobile .com_step_list.box .cont_box .txt_box {padding: 4rem 1rem;}
#landingHtmlAreaMobile .com_step_list.box .cont_box .txt_box .tit{font-size: var(--lgTxt2); font-weight: 700;}
#landingHtmlAreaMobile .com_step_list.box .cont_box .txt_box .txt{font-size: var(--subTxt); font-weight: 400; margin-top: 1rem;}
#landingHtmlAreaMobile .com_step_list.box.active .item .num{background-color: var(--brown); color: #fff;}
#landingHtmlAreaMobile .com_step_list.box .item:nth-child(1) .num{transition-delay: 0.2s;}
#landingHtmlAreaMobile .com_step_list.box .item:nth-child(2) .num{transition-delay: 0.8s;}
#landingHtmlAreaMobile .com_step_list.box .item:nth-child(3) .num{transition-delay: 1.2s;}
#landingHtmlAreaMobile .com_step_list.box .item:nth-child(4) .num{transition-delay: 1.6s;}
#landingHtmlAreaMobile .com_step_list.box .item:nth-child(1) .cont_box {transition-delay: 0.2s;}
#landingHtmlAreaMobile .com_step_list.box .item:nth-child(2) .cont_box{transition-delay: 0.7s;}
#landingHtmlAreaMobile .com_step_list.box .item:nth-child(3) .cont_box{transition-delay: 1.1s;}
#landingHtmlAreaMobile .com_step_list.box .item:nth-child(4) .cont_box{transition-delay: 1.5s;}
/* 페이징 */
#landingHtmlAreaMobile .com_control {display: flex; align-items: center;}
#landingHtmlAreaMobile .com_control .paging { display: flex; align-items: center; }
#landingHtmlAreaMobile .com_control .paging > * + * {margin-left: 1.2rem;}
#landingHtmlAreaMobile .com_control .paging .current,
#landingHtmlAreaMobile .com_control .paging .total { font-size:var(--txt); width: 1.5em; text-align: center;}
#landingHtmlAreaMobile .com_control .paging .current{font-weight: 600;}
#landingHtmlAreaMobile .com_control .paging .bar { width:10rem; height:3px; background-color: rgba(0,0,0,0.3); position: relative;}
#landingHtmlAreaMobile .com_control .paging .bar span { position: absolute; display: inline-block; left:0; top:0; width:0; height:100%; background-color: var(--brown); }
#landingHtmlAreaMobile .com_control .swiper-pagination-progressbar { width:10rem; height:2px; background-color: rgba(0,0,0,0.3); position: relative; }
#landingHtmlAreaMobile .com_control .swiper-pagination-progressbar-fill,
#landingHtmlAreaMobile .com_control .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{ background-color: var(--brown);}
#landingHtmlAreaMobile .com_control .paging + .swiper_btn_wrap{margin-left: 4rem;}
#landingHtmlAreaMobile .com_control .swiper_btn_wrap{display: flex; align-items: center;}
#landingHtmlAreaMobile .com_control .swiper_btn_wrap .swiper_btn { font-size: 1em; display: flex; align-items: center; justify-content: center; width: 5.4rem; height: 5.4rem; background: transparent; background-color: transparent; border:1px solid var(--line); border-radius: 50%; transition: all 0.3s ease; cursor: pointer;}
#landingHtmlAreaMobile .com_control .swiper_btn_wrap .swiper_btn .ico { width: 1em; height: 1em; width:28%; height: 28%; background: url('data:image/svg+xml,') no-repeat center / contain; transition: background 0.3s ease;}
#landingHtmlAreaMobile .com_control .swiper_btn_wrap .swiper_btn.swiper-button-disabled {opacity: 0.3;}
#landingHtmlAreaMobile .com_control .swiper_btn_wrap .swiper_btn:first-child { margin-right: 0.8em;}
#landingHtmlAreaMobile .com_control .swiper_btn_wrap .swiper_btn:first-child .ico { transform: rotate(180deg);}
#landingHtmlAreaMobile .com_control .swiper_btn_wrap .swiper_btn:hover { background-color: #000;}
#landingHtmlAreaMobile .com_control .swiper_btn_wrap .swiper_btn:hover .ico { background: url('data:image/svg+xml,') no-repeat center / contain; }
/* 체크포인트-1 */
#landingHtmlAreaMobile .com_num_list{margin-top: var(--subMt);}
#landingHtmlAreaMobile .com_num_list .item{display: flex; align-items: center; background-color: var(--bg); border-radius: 10rem; padding: 3.2rem 4rem; opacity: 0; transform: translateY(5rem); transition: opacity 0.6s ease-in-out, transform 0.6s ease-in-out;}
#landingHtmlAreaMobile .com_num_list.active .item{opacity: 1; transform: unset;}
#landingHtmlAreaMobile .com_num_list .item + .item{margin-top: 2.4rem;}
#landingHtmlAreaMobile .com_num_list .item .num{display: flex; align-items: center; justify-content: center; flex-shrink: 0; margin-right:2.4rem; background-color: #000; border-radius: 50%; width: 2.7em; height: 2.7em; font-size:var(--subTxt); font-weight: 700; color: #fff;}
#landingHtmlAreaMobile .com_num_list .item .txt_box .tit{font-size:var(--lgTxt2); font-weight: 700;}
#landingHtmlAreaMobile .com_num_list .item .txt_box .txt{font-size:var(--subTxt);}
#landingHtmlAreaMobile .com_num_list.active .item:nth-child(2){transition-delay: 0.2s;}
#landingHtmlAreaMobile .com_num_list.active .item:nth-child(3){transition-delay: 0.4s;}
#landingHtmlAreaMobile .com_num_list.active .item:nth-child(4){transition-delay: 0.6s;}
#landingHtmlAreaMobile .com_num_list.active .item:nth-child(5){transition-delay: 0.8s;}
#landingHtmlAreaMobile .com_num_list.active .item:nth-child(6){transition-delay: 1s;}
#landingHtmlAreaMobile .com_num_list.active .item:nth-child(7){transition-delay: 1.2s;}
#landingHtmlAreaMobile .com_num_list.active .item:nth-child(8){transition-delay: 1.4s;}
#landingHtmlAreaMobile .com_num_list.active .item:nth-child(9){transition-delay: 1.6s;}
#landingHtmlAreaMobile .com_num_list.active .item:nth-child(10){transition-delay: 1.8s;}
/* 체크포인트-2 */
#landingHtmlAreaMobile .com_goal_sect{background: #F3F8E2 url(../img/sub/bg_symbol.svg) no-repeat 92% 85% / 64rem; padding: var(--pd300) 0;}
#landingHtmlAreaMobile .com_goal_sect .list { display: flex; align-items: center; justify-content: center; margin-top: var(--subMt); opacity: 0; transform: translateY(5rem); transition: opacity 0.6s ease-in-out 0.6s, transform 0.6s ease-in-out 0.6s;}
#landingHtmlAreaMobile .com_goal_sect.active .list{opacity: 1; transform: unset;}
#landingHtmlAreaMobile .com_goal_sect .list .item { width: 38rem; background: #fff; border-radius: 50%; position: relative; border: 1px solid #fff; transition: opacity 0.6s ease-in-out, transform 0.6s ease-in-out, border 0.6s ease-in-out;}
#landingHtmlAreaMobile .com_goal_sect .list .item::before { content: ""; display: block; padding-top: 100%; }
#landingHtmlAreaMobile .com_goal_sect .list .item .txt_box { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 1rem; text-align: center; }
#landingHtmlAreaMobile .com_goal_sect .list .item .num { font-size: var(--subTxt); font-weight: 700; color: var(--brown); margin-bottom: 2.4rem;}
#landingHtmlAreaMobile .com_goal_sect .list .item .txt { font-size: var(--lgTxt2); font-weight: 700; line-height: 1.5; }
#landingHtmlAreaMobile .com_goal_sect .list .plus {position: relative; padding: 0 2.4rem; }
#landingHtmlAreaMobile .com_goal_sect .list .plus .ico{position: relative; display: flex; align-items: center; justify-content: center; width:max(2.4rem, 24px); height: max(2.4rem, 24px); border-radius: 10rem; background: var(--yellow); }
#landingHtmlAreaMobile .com_goal_sect .list .plus .ico:before{content:""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: rgba(255, 191, 0, 0.30); width: 170%; height: 170%; border-radius: 50%;}
#landingHtmlAreaMobile .com_goal_sect .list .plus .ico svg { display: block; width: 50%; height: 50%; z-index: 2;}
#landingHtmlAreaMobile .com_goal_sect .list .plus::before { content: ""; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 100%; height: 1px; border: 1px dashed var(--yellow); z-index: 1;}
#landingHtmlAreaMobile .com_goal_sect.active .list .item{opacity: 1; transform: unset; border: 1px solid #F6B300;}
#landingHtmlAreaMobile .com_goal_sect .list .item:nth-child(1){transition-delay: 0.8s;}
#landingHtmlAreaMobile .com_goal_sect .list .item:nth-child(3){transition-delay: 1.2s;}
#landingHtmlAreaMobile .com_goal_sect .list .item:nth-child(5){transition-delay: 1.6s;}
#landingHtmlAreaMobile .com_goal_sect .list .item.active { border: 1px solid #F6B300; }
/* 체크포인트-3 */
#landingHtmlAreaMobile .ore_med_sect .cont_box {display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); align-items: flex-start;}
#landingHtmlAreaMobile .ore_med_sect .cont_box .sub_tit_box {position: sticky; top: calc(var(--hdH) + 3rem);}
#landingHtmlAreaMobile .com_check_list {position: relative;}
#landingHtmlAreaMobile .com_check_list .item{border-radius: 10rem; background: #F9F5EF; padding: 3.2rem 4rem;}
#landingHtmlAreaMobile .com_check_list .item + .item{margin-top: 1.6rem;}
#landingHtmlAreaMobile .com_check_list .item .txt {position: relative; font-size: var(--txt); font-weight: 700; padding-left: 2.2em; line-height: 1.5;}
#landingHtmlAreaMobile .com_check_list .item .txt:before{content:''; position: absolute; display: block; top: 0; line-height: 1.5; left: 0; width: 1.4em; height: 1.4em; background: url('data:image/svg+xml,') no-repeat center / contain; }
/* 배너형 */
#landingHtmlAreaMobile .com_self_banner {opacity: 0; transform: translateY(5rem); transition: opacity 0.6s ease-in-out, transform 0.6s ease-in-out;}
#landingHtmlAreaMobile .com_self_banner.active{opacity: 1; transform: unset;}
#landingHtmlAreaMobile .com_self_banner .in{position: relative; }
#landingHtmlAreaMobile .com_self_banner .bg{border-radius: 3.2rem; overflow: hidden;}
#landingHtmlAreaMobile .com_self_banner .bg img{width: 100%;}
#landingHtmlAreaMobile .com_self_banner .tit_box {position: absolute;left: 0;top: 0;z-index: 2;padding: 0rem 0;padding-left: max(20%, 24rem);width: 60%;height: 100%;display: flex;flex-direction: column;justify-content: center;}
#landingHtmlAreaMobile .com_self_banner .tit_box .desc{font-size: var(--smTxt); font-weight: 600;}
#landingHtmlAreaMobile .com_self_banner .tit_box .tit{font-size: var(--smTit); font-weight: 700;}
#landingHtmlAreaMobile .com_self_banner .tit_box .txt{font-size: var(--subTxt); font-weight: 400; margin-top: 1rem;}
#landingHtmlAreaMobile .com_self_banner .tit_box .round_btn{margin-top: 2rem;justify-content: flex-start;}
#landingHtmlAreaMobile .round_btn .btn {display: flex; max-width: max-content; justify-content: center; align-items: center; font-size: var(--subTxt); border: 1px solid var(--black); background-color: #101010; color: #fff; line-height: 1; white-space: nowrap; padding: 1.2em 1.6em 1.15em; font-weight: 700; border-radius: 10rem; transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out, border-color 0.3s ease-in-out;}
#landingHtmlAreaMobile .round_btn .btn:after {content: ''; position: relative; margin-left: 0.8em; width: 1.1em; height: 1em; transition: background 0.3s ease-in-out; background: url('data:image/svg+xml,') no-repeat center / contain;}
#landingHtmlAreaMobile .round_btn.line .btn {border-color: #000; color: #000; background-color: transparent;}
#landingHtmlAreaMobile .round_btn.line .btn:after {background: url('data:image/svg+xml,') no-repeat center / contain;}
/* 자주 묻는 질문 */
#landingHtmlAreaMobile .com_faq_list {margin-top: var(--subMt);}
#landingHtmlAreaMobile .com_faq_list .row{background-color: var(--bg); font-size: var(--subTxt); border-radius: 10rem; transition: border-radius 0.3s linear;}
#landingHtmlAreaMobile .com_faq_list .row.active{border-radius: 6rem;}
#landingHtmlAreaMobile .com_faq_list .row + .row{margin-top:2.4rem; }
#landingHtmlAreaMobile .com_faq_list.active .row{opacity:1; transform: translateY(0);}
#landingHtmlAreaMobile .com_faq_list.active .row:nth-child(1){transition:opacity 0.8s ease 0s, transform 0.8s ease 0s, color 0.3s, border-radius 0.3s, background-color 0.3s;}
#landingHtmlAreaMobile .com_faq_list.active .row:nth-child(2){transition:opacity 0.8s ease 0.35s, transform 0.8s ease 0.35s, color 0.3s, border-radius 0.3s, background-color 0.3s;}
#landingHtmlAreaMobile .com_faq_list.active .row:nth-child(3){transition:opacity 0.8s ease 0.5s, transform 0.8s ease 0.5s, color 0.3s, border-radius 0.3s, background-color 0.3s;}
#landingHtmlAreaMobile .com_faq_list.active .row:nth-child(4){transition:opacity 0.8s ease 0.8s, transform 0.8s ease 0.8s, color 0.3s, border-radius 0.3s, background-color 0.3s;}
#landingHtmlAreaMobile .com_faq_list.active .row:nth-child(5){transition:opacity 0.8s ease 1.1s, transform 0.8s ease 1.1s, color 0.3s, border-radius 0.3s, background-color 0.3s;}
#landingHtmlAreaMobile .com_faq_list .row .que {display: flex; justify-content: space-between; align-items: center; cursor: pointer; padding: 2em 2.7em;}
#landingHtmlAreaMobile .com_faq_list .row .que .tit {position: relative; font-size: var(--lgTxt); font-weight: 700; margin-right: auto;}
#landingHtmlAreaMobile .com_faq_list .row .que .badge + .tit{padding: 0 1em;}
#landingHtmlAreaMobile .com_faq_list .row .que .badge{font-size:var(--subTxt); background-color: var(--brown); font-weight:700; color:#fff; padding: 0.2em 1em; border-radius: 10rem;}
#landingHtmlAreaMobile .com_faq_list .row .que .btn { display: flex; align-items: center; justify-content: center; border-radius: 100%; transition: background-color 0.3s; flex-shrink: 0; padding: 0; height: auto; line-height: 1.5; background: transparent;}
#landingHtmlAreaMobile .com_faq_list .row .que .btn .ico { width: 1em; height: 1em; background: url('data:image/svg+xml,') center/contain no-repeat; transition: transform 0.3s, background 0.3s; }
#landingHtmlAreaMobile .com_faq_list .row.active .que .btn .ico { transform: rotate(-180deg); transition: transform 0.3s, background 0.3s; }
#landingHtmlAreaMobile .com_faq_list .row .answer { display: none; overflow: hidden; opacity: 0; padding:0 2.7em 2em; font-weight: 500; transition: color 0.3s;}
#landingHtmlAreaMobile .com_faq_list .row.active .answer { opacity:1; }
#landingHtmlAreaMobile .com_faq_list .row .answer .txt_box { font-weight: 500;}
/* 이미지타입 */
#landingHtmlAreaMobile .only_img img {width: 100%;}
#landingHtmlAreaMobile .com_check_box .more_btn{display: none; justify-content: center; margin-top: 2.4rem;}
#landingHtmlAreaMobile .com_check_box .more_btn.active{display: flex;}
#landingHtmlAreaMobile .com_check_box .more_btn .btn{ display: flex; align-items: center; justify-content: center; width: max-content; border:1px solid var(--line); background-color: #fff; border-radius: 100px; font-size:var(--smTxt); padding: 0.8em 1.5em; font-weight: 600;}
#landingHtmlAreaMobile .com_check_box .more_btn .btn .txt{margin-right: 8px; color: #101010;}
#landingHtmlAreaMobile .com_check_box .more_btn .btn .ico {transition: transform .25s;}
#landingHtmlAreaMobile .com_check_box .more_btn .btn .ico svg{display: block; height: 1em; }
/* 자주 묻는 질문문 */
#landingHtmlAreaMobile .txt_c{text-align: center;}
#landingHtmlAreaMobile .sub_tit_wrap{display: flex; justify-content: space-between; align-items: flex-end;}