@charset "UTF-8";

.landing_container {
    container-type: inline-size; /* 가로 크기를 기준으로 함 */
    container-name: landing;
}

/* Grid */
.in_w { position:relative; width: 100%; max-width:100%; padding:0 var(--inPd); margin:0 auto; }
.in_w2{ position:relative; width:var(--inW2); max-width:100%; padding:0 var(--inPd); margin:0 auto;}
.in   { position:relative; width:var(--in); max-width:100%; padding:0 var(--inPd); margin:0 auto; }
.in2  { position:relative; width:var(--in2); max-width:100%; padding:0 var(--inPd); margin:0 auto; }
.in3  { position:relative; width:var(--in3); max-width:100%; padding:0 var(--inPd); margin:0 auto; }
.in4  { position:relative; width:var(--in4); max-width:100%; padding:0 var(--inPd); margin:0 auto; }
.in5  { position:relative; width:var(--in5); max-width:100%; padding:0 var(--inPd); margin:0 auto; }

.dot_txt{position: relative; padding-left: 0.5em;}
.dot_txt:before{content: '·'; position: absolute; left: 0;}



#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%;  */
}

.badge_wrap {display: flex;}
.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;}
.badge_wrap .badge + .badge{margin-left: 0.5em;}
.badge_wrap .badge.branch{background: #F2F2F2; color:#000}

/* 텍스트 */
.sub_sect_tit {font-size: var(--h5); font-weight: 700; line-height: 1.5;}
.sub_sect_tit + .sub_sect_txt {margin-top: 0.5em; font-size: var(--p3);}
.sub_sect_desc{font-size: var(--var(--p4)); font-weight: 700; color: var(--point01); margin-bottom: 1.5rem;}
.sub_cont_tit{font-size: var(--h6); font-weight: 700;}

.sub_sect_txt,
.sub_sect_tit,
.sub_cont_tit,
.sub_cont_txt,
.sect_txt,
.sect_tit {opacity: 0; transform: translateY(50px); transition: opacity 0.6s ease-in-out  , transform 0.6s ease-in-out;}

.sect_tit {transition-delay: 0s;}
.sect_txt {transition-delay: 0.2s;}
.sub_sect_tit {transition-delay: 0.0s;}
.sub_sect_txt {transition-delay: 0.2s;}
.sub_cont_tit {transition-delay: 0s;}
.sub_cont_txt {transition-delay: 0.2s;}

.sub_cont_tit.active,
.sub_cont_txt.active,
.sub_sect_txt.active,
.sub_sect_tit.active,
.sect_txt.active,
.sect_tit.active {opacity: 1; transform: translateY(0);}


/* 버튼 */
.link_btn {display: inline-flex;align-items: center;font-weight: 600;margin-left: auto;font-size: var(--p6);color: #fff; padding: 0.9em 1.9em; border-radius: 999px;background-color: #000;margin-left: auto; transition: 0.3s ease-in-out;}
.link_btn .ico {width: 1em; height: 0.9em; margin-left:1.7em; background: url('data:image/svg+xml,<svg width="18" height="15" viewBox="0 0 18 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.7578 7.96875L10.7813 13.9844L10.1172 14.6484L8.78906 13.3203L9.45313 12.6562L13.8281 8.24219L0.9375 8.24219H0L0 6.36719H0.9375L13.8281 6.36719L9.45312 1.99219L8.78906 1.32812L10.1172 0L10.7812 0.664062L16.7578 6.64062L17.4219 7.30469L16.7578 7.96875Z" fill="%23fff"/></svg>') no-repeat center / contain; transition: 0.3s ease-in-out; }

.link_btn.wh {background: rgba(255, 255, 255, 0.15); backdrop-filter: blur(10px);}

.link_btn.line {background-color: transparent; border: 1px solid #000; color: #000; }
.link_btn.line .ico {background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="15" height="14" viewBox="0 0 15 14" fill="none"><g clip-path="url(%23clip0_294_2394)"><path d="M1.12492 7L12.2402 7" stroke="%23000" stroke-width="2" stroke-linecap="square" stroke-linejoin="round"/><path d="M7.61031 1.44238L13.168 7.00004L7.61031 12.5577" stroke="%23000" stroke-width="2" stroke-linecap="square"/></g><defs><clipPath id="clip0_294_2394"><rect width="14" height="14.6087" fill="black" transform="translate(14.6094) rotate(90)"/></clipPath></defs></svg>') no-repeat center / contain}
.link_btn.line.wh {background-color: transparent; border: 1px solid #fff; color: #fff;}
.link_btn.line.wh .ico {background: url('data:image/svg+xml,<svg width="18" height="15" viewBox="0 0 18 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.7578 7.96875L10.7813 13.9844L10.1172 14.6484L8.78906 13.3203L9.45313 12.6562L13.8281 8.24219L0.9375 8.24219H0L0 6.36719H0.9375L13.8281 6.36719L9.45312 1.99219L8.78906 1.32812L10.1172 0L10.7812 0.664062L16.7578 6.64062L17.4219 7.30469L16.7578 7.96875Z" fill="%23fff"/></svg>') no-repeat center / contain}

.link_btn.down .ico {width: 1.25em; background: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17.5 12.5V15.8333C17.5 16.2754 17.3244 16.6993 17.0118 17.0118C16.6993 17.3244 16.2754 17.5 15.8333 17.5H4.16667C3.72464 17.5 3.30072 17.3244 2.98816 17.0118C2.67559 16.6993 2.5 16.2754 2.5 15.8333V12.5" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M5.83203 8.33301L9.9987 12.4997L14.1654 8.33301" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M10 12.5V2.5" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat center / contain;}
.link_btn.plus .ico{ width: 1em; height: 1em; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15" fill="none"><path d="M8.5 6.5H15V8.5H8.5V15H6.5V8.5H0V6.5H6.5V0H8.5V6.5Z" fill="white"/></svg>') no-repeat center / contain;}

.link_btn.wh.down .ico { background: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17.5 12.5V15.8333C17.5 16.2754 17.3244 16.6993 17.0118 17.0118C16.6993 17.3244 16.2754 17.5 15.8333 17.5H4.16667C3.72464 17.5 3.30072 17.3244 2.98816 17.0118C2.67559 16.6993 2.5 16.2754 2.5 15.8333V12.5" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M5.83203 8.33301L9.9987 12.4997L14.1654 8.33301" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M10 12.5V2.5" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat center / contain;}


.marker_imgbox {width: 30rem; height: 9rem; position: relative;}
.marker_imgbox img {position: absolute; width: 100%; height: 100%; object-fit: contain; object-position: center;}




/* 게시판_리스트 탑 */
/* .board_list_top {display: flex; align-items: flex-end; justify-content: space-between; margin: 0 0 3rem;}
.board_list_top .sch_box{width: 40rem; max-width: 100%;}
.board_list_top .sch_box .sch_inp{position: relative;}
.board_list_top .sch_box .sch_inp input {width: 100%; padding: 0 1.4em; height: var(--inpH); border-bottom: 1px solid #000;}
.board_list_top .sch_box .sch_inp .btn {position: absolute; right: 1em; top: 50%; transform: translateY(-50%);}
.board_list_top .sch_box .sch_inp .btn svg {width: 1.5em; height: auto;}
.board_list_top .total_num{font-size:var(--p4)}
.board_list_top .total_num strong {font-weight: 700; color:var(--point01);} */


/* 페이징 */
.pagination { display: flex; align-items: center; justify-content: center; margin-top: 5rem; font-size:var(--p4) }
.pagination > a { line-height: 1; }
.pagination > a svg { fill: var(--black); transition: all 0.3s; width: 1.2em; height: auto; }
.pagination .num_list { display: flex; align-items: center; justify-content: center; margin: 0 4.5rem; }
.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; }
.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; }
.pagination .num_list li a:before { content: ''; position: absolute; left: 50%; top: 50%; width: 100%; height: 100%; border-radius:50%; color: #fff; transform: translate(-50%, -50%); transition: all 0.4s; z-index: -1; }
.pagination .num_list li.active a { color: #fff; }
.pagination .num_list li.active a:before { background-color: var(--point02); }
.pagination .next { margin-right: 2rem; }
.pagination .prev { margin-left: 2rem; }
.pagination .none { opacity: 0.4; cursor: default; }







/* 서브페이지_진료과목_단순정렬_37 */
.sub_cont_sorting37 .cont_box {display: flex; border-radius: 3.5rem; overflow: hidden;}
.sub_cont_sorting37 .cont_box .cont {flex: 1; position: relative; background-color: var(--bg); border-radius: 3rem; padding: 8rem 8rem;}
.sub_cont_sorting37 .cont_box .cont + .cont {margin-left: 4rem; background-color: #E9F2FF;}
.sub_cont_sorting37 .cont_box .cont .img {position: relative; padding-top: 65%; background-color: var(--bg); margin-top: 2rem; width: 100%;}
.sub_cont_sorting37 .cont_box .cont .img img {position: absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit: cover; object-position: center;}
.sub_cont_sorting37 .cont_box .cont_tit {font-size: var(--h7); font-weight: 700; text-align: center;}
.sub_cont_sorting37 .cont_box .txt_box li {display: flex;padding: 3rem 0; white-space: nowrap;border-bottom: 1px solid rgba(55, 56, 71, 0.20);}
.sub_cont_sorting37 .cont_box .txt_box li .ico {width: 1.1em;height: 1.6em;margin-right: 0.5em; flex-shrink: 0; background: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10 20C15.5228 20 20 15.5228 20 10C20 4.47715 15.5228 0 10 0C4.47715 0 0 4.47715 0 10C0 15.5228 4.47715 20 10 20ZM8.02734 13.3896L5.39746 10.8867C4.99746 10.506 4.98158 9.8727 5.3623 9.47266C5.74308 9.0729 6.37641 9.05783 6.77637 9.43848L8.68945 11.2588L13.1963 6.63672C13.5818 6.24154 14.215 6.23382 14.6104 6.61914C15.0055 7.00461 15.0141 7.63781 14.6289 8.0332L9.43262 13.3633L8.74316 14.0703L8.02734 13.3896Z" fill="%23373847"/></svg>') no-repeat center / contain;}
.sub_cont_sorting37 .cont_box .txt_box li .tit {font-weight: 700;}
.sub_cont_sorting37 .cont_box .txt_box li .sm_txt {margin-left: 1.5rem; font-weight: 400;}







/* 서브페이지_진료과목_단순정렬_36 */

.sub_cont_sorting36 .scroll_list{display:flex; align-items: flex-start; justify-content: space-between; }

.sub_cont_sorting36 .scroll_list .sub_tit_box{margin-bottom: var(--contMt2);}
.sub_cont_sorting36 .scroll_list .sub_tit_box.active > * {opacity: 1;transform: translateY(0);}
.sub_cont_sorting36 .scroll_list .sticky_box{position: sticky; top: 25lvh; top: calc(var(--hdH) + 5rem); display:flex; width:40%; flex-direction: column; padding-bottom: 30lvh;}
.sub_cont_sorting36 .scroll_list .sticky_box .img_wrap{width:100%; padding-top: 62%; background-color: #fff; transition: top 0.3s; border-radius: 2.4rem; overflow: hidden; position:relative;}
.sub_cont_sorting36 .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;}
.sub_cont_sorting36 .scroll_list .sticky_box .img_wrap img.active {opacity: 1;}

.sub_cont_sorting36 .scroll_list .list {width: 50%; flex-shrink: 0;}
.sub_cont_sorting36 .scroll_list .list .item{opacity: 0; transform: translateY(5rem); transition: opacity 0.6s ease-in-out, transform 0.6s ease-in-out;}
.sub_cont_sorting36 .scroll_list .list .item.active{opacity: 1; transform: unset;}
.sub_cont_sorting36 .scroll_list .list .item .img{position: relative; width: 100%; padding-top: 60%; border-radius: 3rem; overflow: hidden;}
.sub_cont_sorting36 .scroll_list .list .item .img img{position: absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit: cover; object-position: center;}
.sub_cont_sorting36 .scroll_list .list .item .cont_txt_box{margin-top: 2.5rem;}
.sub_cont_sorting36 .scroll_list .list .item .cont_txt_box .tit {font-size: var(--h6); font-weight: 700;}
.sub_cont_sorting36 .scroll_list .list .item .cont_txt_box .txt{margin-top: 1rem; font-weight: 500; font-size: var(--p3);}
.sub_cont_sorting36 .scroll_list .list .item + .item{margin-top: var(--pd4);}



/* 서브페이지_진료과목_단순정렬_38 */
.sub_cont_sorting38 .cont_box {display: flex; align-items: center;}
.sub_cont_sorting38 .cont_box .img_box {position: relative; flex: 1; text-align: right; min-width: 0; margin-right: 8rem;}
.sub_cont_sorting38 .cont_box .img_box img {width: 100%;}

.sub_cont_sorting38 .cont_box .txt_box {flex: 1; min-width: 0; }
.sub_cont_sorting38 .cont_box .txt_box li {padding-bottom: 3rem; }
.sub_cont_sorting38 .cont_box .txt_box li + li {padding-top: 3rem; border-top: 1px solid rgba(55, 56, 71, 0.20);}
.sub_cont_sorting38 .cont_box .txt_box li:last-child {padding-bottom: 0;}
.sub_cont_sorting38 .cont_box .txt_box li .tit {display: flex; font-weight: 700; }
.sub_cont_sorting38 .cont_box .txt_box li .tit .ico {width: 1.1em; height: 1.6em; margin-right: 0.5em; background: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10 20C15.5228 20 20 15.5228 20 10C20 4.47715 15.5228 0 10 0C4.47715 0 0 4.47715 0 10C0 15.5228 4.47715 20 10 20ZM8.02734 13.3896L5.39746 10.8867C4.99746 10.506 4.98158 9.8727 5.3623 9.47266C5.74308 9.0729 6.37641 9.05783 6.77637 9.43848L8.68945 11.2588L13.1963 6.63672C13.5818 6.24154 14.215 6.23382 14.6104 6.61914C15.0055 7.00461 15.0141 7.63781 14.6289 8.0332L9.43262 13.3633L8.74316 14.0703L8.02734 13.3896Z" fill="%23373847"/></svg>') no-repeat center / contain;}
.sub_cont_sorting38 .cont_box .txt_box li .txt {margin-top: 0.5rem}

.sub_cont_sorting38 .cont_box .txt_box li .tit{font-size: var(--p2);}
.sub_cont_sorting38 .cont_box .txt_box li .txt strong{display: block;}
.sub_cont_sorting38 .cont_box .txt_box li .info_txt{display: flex; gap: 0.3em; font-size: var(--p4); color: #696969; }


/* .sub_cont_sorting38 .cont_box .img_box .point_mark .dot {width: 2.5rem; height: 2.5rem}
.sub_cont_sorting38 .cont_box .img_box .point_mark .dot svg {width: 100%; height: auto;}
.sub_cont_sorting38 .cont_box .img_box .point_mark .dot .cir {position: absolute; width: 10rem; height: 10rem; left: 50%; top: 50%; transform: translate(-50%,-50%); pointer-events: none;}
.sub_cont_sorting38 .cont_box .img_box .point_mark .dot .cir span { position: absolute; left: 50%; top: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); background-color:var(--brown); opacity: 1; border-radius: 100%; }
.sub_cont_sorting38 .cont_box .img_box .point_mark .dot .cir span:nth-of-type(1) { transform: translate(-50%, -50%) scale(0.08); }
.sub_cont_sorting38 .cont_box .img_box .point_mark .dot .cir span:nth-of-type(2) { transform: translate(-50%, -50%) scale(0.1); opacity: 0; }
.sub_cont_sorting38 .cont_box .img_box .point_mark .dot .cir span:nth-of-type(3) { transform: translate(-50%, -50%) scale(0.12); opacity: 0; }

.sub_cont_sorting38 .cont_box .img_box .point_mark .dot .cir span  { animation: waves 2s ease-in-out infinite; opacity: 0.12; background-color: rgba(5, 21, 216, 0.30);  opacity: 1;}
.sub_cont_sorting38 .cont_box .img_box .point_mark .dot .cir span:nth-of-type(2) { -webkit-animation-delay: 0s; animation-delay: 0s; opacity: 1;}
.sub_cont_sorting38 .cont_box .img_box .point_mark .dot .cir span:nth-of-type(3) { -webkit-animation-delay: 0.5s; animation-delay: 0.5s; opacity: 1;} */


/* @keyframes waves {
    0% {
        transform: translate(-50%,-50%) scale(0.1, 0.1);
        opacity: 0;
    }
    50% {
        opacity: 0.8;
    }
    100% {
        transform: translate(-50%,-50%) scale(0.9, 0.9);
        opacity: 0;
    }
} */




/* 서브페이지_진료과목_단순정렬_33 */
.sub_cont_sorting33 .cont_box {display: flex;  align-items: center; width: 90%; margin: 0 auto;}
.sub_cont_sorting33 .cont_box .line {height: 2px; flex: 1; border-top: 2px dashed #D2D2D7;}
.sub_cont_sorting33 .cont_box .cir {width: 30%; padding-top: 30%; border-radius: 50%; position: relative;;}
.sub_cont_sorting33 .cont_box .cir.dash {border: 2px dashed #D2D2D7;}
.sub_cont_sorting33 .cont_box .cir.dash + .cir.dash {margin-left: -2.5%;}
.sub_cont_sorting33 .cont_box .cir.dash .txt_box {position: absolute; inset: 0; padding-top: 25%; text-align: center; display: flex; flex-direction: column; align-items: center;}
.sub_cont_sorting33 .cont_box .cir.dash .txt_box .icon {width: 6.5rem; height: 6.5rem;}
.sub_cont_sorting33 .cont_box .cir.dash .txt_box .icon img {width: 100%;}
.sub_cont_sorting33 .cont_box .cir.dash .txt_box .tit {display: flex; align-items: center; font-size: var(--h7); font-weight: 700; margin-top:3rem;}
.sub_cont_sorting33 .cont_box .cir.dash .txt_box .tit .badge {border-radius: 5px;background: #D6DDF9; padding: 0.2em 0.6em; font-size: var(--p4); font-weight: 600; color: var(--point01); margin-right: 1.5rem;}
.sub_cont_sorting33 .cont_box .cir.dash .txt_box .txt {margin-top: 1.5rem; font-size: var(--p3);}

.sub_cont_sorting33 .cont_box .cir.on {margin-left:auto; background-color: var(--point01); color: #fff;}
.sub_cont_sorting33 .cont_box .cir.on .txt_box {text-align: center;position: absolute; inset: 0;  display: flex; flex-direction: column; align-items: center; justify-content: center;}
.sub_cont_sorting33 .cont_box .cir.on .txt_box .tit {font-weight: 700; font-size: var(--h7);}
.sub_cont_sorting33 .cont_box .cir.on .txt_box .txt {font-weight: 600; margin-top: 1.5rem;}



/* 메인_콘텐츠_배너타입_14 */
.main_cont_banner14 {background: linear-gradient(102deg, #0515D8 -52.14%, #010A7B 61%);}
.main_cont_banner14 .cont_box {display: flex; justify-content: space-between; align-items: center; padding:6rem 0;}
.main_cont_banner14 .cont_box .txt_box {color: #fff;}
.main_cont_banner14 .cont_box .txt_box .tit {font-size: var(--h4); font-weight: 700;}
.main_cont_banner14 .cont_box .txt_box .txt {font-size: var(--p1); margin-top: 0.5rem;}
.main_cont_banner14 .cont_box .txt_box .link_btn {margin-top: 4rem;}
.main_cont_banner14 .cont_box .img {width: 30%;}




/* 서브페이지_진료과목_단순정렬_35 */
.sub_cont_sorting35 .cont_box {display: flex; margin-top: var(--contMt3);}
.sub_cont_sorting35 .cont_box .cont {flex: 1; background-color: var(--gray5); padding: 5rem; border-radius: 3rem; transition-property: opacity, transform; transition-duration: 1s; transition-timing-function: ease-in-out; opacity: 0; transform: translateY(100px);}
.sub_cont_sorting35 .cont_box .cont + .cont {margin-left: 2rem;}
.sub_cont_sorting35 .cont_box .cont:nth-child(1) {transition-delay: 0.2s;}
.sub_cont_sorting35 .cont_box .cont:nth-child(2) {transition-delay: 0.4s;}
.sub_cont_sorting35 .cont_box .cont:nth-child(3) {transition-delay: 0.6s;}
.sub_cont_sorting35 .cont_box .cont:nth-child(4) {transition-delay: 0.8s;}
.sub_cont_sorting35 .cont_box.active .cont {opacity: 1; transform: translateY(0);}
.sub_cont_sorting35 .cont_box .cont .icon_box {display: flex; align-items: center;}
.sub_cont_sorting35 .cont_box .cont .icon_box .icon{position: relative; width: 12rem; height: 12rem;border-radius: 2rem; background: rgba(255, 255, 255, 0.10); box-shadow: 0 15px 30px 0 rgba(182, 189, 224, 0.60); display: flex; align-items: center; justify-content: center; flex-shrink: 0;}
.sub_cont_sorting35 .cont_box .cont .icon_box .icon img {width: 50%;}
.sub_cont_sorting35 .cont_box .cont .icon_box .tit {font-size: var(--h7); font-weight: 700; margin-left: 3rem; line-height: 1.5;}
.sub_cont_sorting35 .cont_box .cont .icon_box + .txt_box {margin-top: 8rem}
.sub_cont_sorting35 .cont_box .cont .txt_box > li {padding-bottom: 3rem; }
.sub_cont_sorting35 .cont_box .cont .txt_box > li + li {padding-top: 3rem; border-top: 1px solid rgba(55, 56, 71, 0.20);}
.sub_cont_sorting35 .cont_box .cont .txt_box > li:last-child {padding-bottom: 0;}
.sub_cont_sorting35 .cont_box .cont .txt_box > li .tit {display: flex; font-weight: 700; }
.sub_cont_sorting35 .cont_box .cont .txt_box > li .tit .ico {width: 1.1em; height: 1.6em; margin-right: 0.5em; background: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10 20C15.5228 20 20 15.5228 20 10C20 4.47715 15.5228 0 10 0C4.47715 0 0 4.47715 0 10C0 15.5228 4.47715 20 10 20ZM8.02734 13.3896L5.39746 10.8867C4.99746 10.506 4.98158 9.8727 5.3623 9.47266C5.74308 9.0729 6.37641 9.05783 6.77637 9.43848L8.68945 11.2588L13.1963 6.63672C13.5818 6.24154 14.215 6.23382 14.6104 6.61914C15.0055 7.00461 15.0141 7.63781 14.6289 8.0332L9.43262 13.3633L8.74316 14.0703L8.02734 13.3896Z" fill="%23373847"/></svg>') no-repeat center / contain;}
.sub_cont_sorting35 .cont_box .cont .txt_box > li .txt {margin-top: 0.5rem}
.sub_cont_sorting35 .cont_box .cont .txt_box > li .dot_list {margin-top: 1; margin-top: 0.5rem;}




/* 메인_콘텐츠_배너타입_10  */
.main_cont_banner10 .bg {position: relative; padding-top: 30%; border-radius: 4rem; overflow: hidden;}
.main_cont_banner10 .bg img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; object-position: center;}
.main_cont_banner10 .txt_box {color: #fff; position: absolute; left: 50%; top:50%; transform: translate(-50%, -50%); width: var(--in3); max-width: 85%;}
.main_cont_banner10 .txt_box .tit {font-size: var(--h5); font-weight: 700; line-height: 1.5;}
.main_cont_banner10 .txt_box .txt {font-size: var(--p3); margin-top: 0.5rem;}
.main_cont_banner10 .txt_box .link_btn {margin-top: 4rem;}
.main_cont_banner10 .txt_box.bk{color: var(--black);}


/* 서브페이지_진료과목_프로세스_05  */
.sub_cont_process05 .cont_box {display: flex; justify-content: space-between;}
.sub_cont_process05 .cont_box .left_tit_box {width: 40%;}
.sub_cont_process05 .cont_box .right_cont_box {width: 55%;}
.sub_cont_process05 .cont_box .right_cont_box .cont {border: 1px solid var(--line); border-radius: 3rem; padding: 4rem 5rem;  transition-property: opacity, transform; transition-duration: 1s; transition-timing-function: ease-in-out; opacity: 0; transform: translateY(100px);}
.sub_cont_process05 .cont_box .right_cont_box .cont:nth-child(1) {transition-delay: 0.2s;}
.sub_cont_process05 .cont_box .right_cont_box .cont:nth-child(2) {transition-delay: 0.4s;}
.sub_cont_process05 .cont_box .right_cont_box .cont:nth-child(3) {transition-delay: 0.6s;}
.sub_cont_process05 .cont_box .right_cont_box .cont:nth-child(4) {transition-delay: 0.8s;}
.sub_cont_process05 .cont_box .right_cont_box.active .cont {opacity: 1; transform: translateY(0);}
.sub_cont_process05 .cont_box .right_cont_box .cont + .cont {margin-top: 2rem;}
.sub_cont_process05 .cont_box .right_cont_box .cont .num {font-weight: 700; font-size: var(--p4); color: var(--point01);}
.sub_cont_process05 .cont_box .right_cont_box .cont .tit {font-size: var(--h7); font-weight: 700; margin-top: 2rem;}
.sub_cont_process05 .cont_box .right_cont_box .cont .txt {font-size: var(--p3); margin-top: 0.5rem;}



/* 서브페이지_진료과목_표_06 */
.sub_cont_table06 {transition: opacity 1s ease-in-out, transform 1s ease-in-out; opacity: 0; transform: translateY(100px);}
.sub_cont_table06.active {opacity: 1; transform: translateY(0);}
.sub_cont_table06 .top_tit { display: grid; grid-template-columns: 1fr 20rem 1fr;}
.sub_cont_table06 .top_tit > div { grid-column: 1; }
.sub_cont_table06 .top_tit > div.color { grid-column: 3; }
.sub_cont_table06 .top_tit .tit{font-size:var(--h7); background: #7C7D87; color: #fff; text-align: center; font-weight: 700; padding: 2rem 1rem; border-radius:2rem 2rem 0 0 }
.sub_cont_table06 .top_tit .tit.color{background: var(--point01);}

.sub_cont_table06 .cont_box {background-color: #F9F9FB; border-radius: 0 0 2rem 2rem;}
.sub_cont_table06 .cont_box .txt{font-weight: 500; font-size:var(--p2);}
.sub_cont_table06 .cont_box .txt.color{color: #303798; font-weight: 700;}
.sub_cont_table06 .cont_box .row{display:grid; grid-template-columns:1fr 20rem 1fr; text-align: center;}
.sub_cont_table06 .cont_box .row .txt:first-child {border-left: 2px solid rgba(124, 125, 135, 0.30); border-right: 2px solid rgba(124, 125, 135, 0.30);}
.sub_cont_table06 .cont_box .row .txt:last-child {border-left: 2px solid #a6aff3; border-right: 2px solid #a6aff3;}
.sub_cont_table06 .cont_box .row:last-child .txt:first-child {border-radius:  0 0 2rem 2rem; border-bottom: 2px solid rgba(124, 125, 135, 0.30);}
.sub_cont_table06 .cont_box .row:last-child .txt:last-child {border-radius:  0 0 2rem 2rem; border-bottom: 2px solid rgba(5, 21, 216, 0.30);}



.sub_cont_table06 .cont_box .row > p,
.sub_cont_table06 .cont_box .row > ul{display:flex; flex-direction: column; align-items:center; justify-content:center; padding:2.4rem 1rem;}
.sub_cont_table06 .cont_box .row > .txt{background-color:#F3F3F5; position: relative;}
.sub_cont_table06 .cont_box .row > .txt.color{background-color:#ECF1FF;}
.sub_cont_table06 .cont_box .row:not(:first-child) > .txt::before {content: ""; border-top: 1px solid rgba(124, 125, 135, 0.30); position: absolute; left: 0; top: 0; width: 100%; height: 1px; z-index: 1;}
.sub_cont_table06 .cont_box .row:not(:first-child) > .txt.color::before {border-top: 1px solid rgba(70, 75, 129, 0.20);}
.sub_cont_table06 .cont_box .row .value{background-color: #F9F9FB; font-weight: 500; z-index: 5;}
.sub_cont_table06 .cont_box .row:not(:first-child) .value{border-top: 1px solid #ddd;}
.sub_cont_table06 .cont_box .row .num_list li + li{margin-top: 1.6rem;}
.sub_cont_table06 .cont_box .row .num_list .num{display: inline-flex; align-items: center; justify-content: center; margin-right: 0.5em; font-size: var(--tinyTxt); width: 2.5rem; height: 2.5rem; border-radius: 50%; color: #fff; background-color: #000;}
.sub_cont_table06 .cont_box .row .num_list .tit{display: flex; align-items: center; justify-content: center; font-weight: var(--txt); font-weight: 700;}
.sub_cont_table06 .cont_box .row .num_list .txt{font-weight: 500; margin-top: 0.8rem;}




/* 모듈 / 서브페이지_진료과목_단순정렬_28  */
.sub_cont_sorting28 .cont_box {display: flex; align-items: center; justify-content: space-between;}
.sub_cont_sorting28 .cont_box .left_cont {width: 45%; margin-top: 20px;}
.sub_cont_sorting28 .cont_box .left_cont .tit {font-size: var(--p1); font-weight: 700;}
.sub_cont_sorting28 .cont_box .left_cont .txt_list {margin-top: 2rem;}
.sub_cont_sorting28 .cont_box .left_cont .link_btn {margin-top: 4rem;}
.sub_cont_sorting28 .cont_box .right_cont {width: 45%;}
.sub_cont_sorting28 .cont_box .right_cont .img {width: 100%; padding-top: 56%; position: relative; overflow: hidden; border-radius: 3rem;}
.sub_cont_sorting28 .cont_box .right_cont .img img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; object-position: center;}


/* 서브페이지_진료과목_표_05 */
.sub_cont_table05 .cont_box {display: flex;  position: relative; transition: opacity 1s ease-in-out, transform 1s ease-in-out; opacity: 0; transform: translateY(100px);}
.sub_cont_table05 .cont_box.active {opacity: 1; transform: translateY(0);}
.sub_cont_table05 .cont_box .cir {position: relative ;flex-shrink:0; width: 65%; padding-top: 29%;border-radius: 50%;}
.sub_cont_table05 .cont_box .cir + .cir {margin-left: -30%;}
.sub_cont_table05 .cont_box .cir.type1 {border: 2px solid #3685FF;background: rgba(199, 223, 255, 0.40); z-index: 2;}
.sub_cont_table05 .cont_box .cir.type2 {border: 2px solid #0515D8;background: rgba(215, 218, 255, 0.40); z-index: 1;}

.sub_cont_table05 .cont_box .cir .txt_box {position: absolute; top: 50%; transform: translate(0%, -50%); display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center;}
.sub_cont_table05 .cont_box .cir .txt_box .num {font-size: var(--p4); font-weight: 700; color: #fff; padding:0.3em 1em; border-radius: 10em;}
.sub_cont_table05 .cont_box .cir .txt_box .tit {font-size: var(--h7); font-weight: 700; margin-top: 1rem;}
.sub_cont_table05 .cont_box .cir .txt_box .txt {font-size: var(--p3); margin-top: 1rem;}
.sub_cont_table05 .cont_box .cir.type1 .txt_box {right: 50%;}
.sub_cont_table05 .cont_box .cir.type2 .txt_box {left: 50%;}
.sub_cont_table05 .cont_box .cir.type1 .txt_box .num {background-color: #1A78FF;}
.sub_cont_table05 .cont_box .cir.type2 .txt_box .num {background-color: #0E16FF;}
.sub_cont_table05 .cont_box .center_txt {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: var(--h7); font-weight: 700; text-align: center; z-index: 3;}
.sub_cont_table05 .cont_box .center_txt .tit {font-size: var(--h7); font-weight: 700;}
.sub_cont_table05 .cont_box .center_txt .txt {font-size: var(--p3); margin-top: 1rem;}


/* 서브페이지_진료과목_표_04 */

.sub_cont_table04 .table_cont {display: flex; align-items: flex-start;}
.sub_cont_table04 .table_cont .basic_table {width: 80%; border-radius: 3rem; border: 2px solid rgba(5, 21, 216, 0.30); background-color: #fff; flex-shrink: 0;}
.sub_cont_table04 .table_cont .basic_table .tr > div {padding: 2.5rem 1rem;}
.sub_cont_table04 .table_cont .basic_table .thead .tr {display: flex; border-bottom: 1px solid var(--line);}
.sub_cont_table04 .table_cont .basic_table .thead .tr .th {display: flex; align-items: center; justify-content: center; flex: 1; font-size: var(--h7); font-weight: 700; text-align: center; line-height: 1.3;}
.sub_cont_table04 .table_cont .basic_table .tbody .tr {display: flex; border-bottom: 1px dashed rgba(0, 0, 0, 0.15);}
.sub_cont_table04 .table_cont .basic_table .tbody .tr:last-child {border-bottom: none;}
.sub_cont_table04 .table_cont .basic_table .tbody .tr .td {display: flex; align-items: center; justify-content: center; flex: 1; font-size: var(--p1); font-weight: 600; text-align: center;}
.sub_cont_table04 .table_cont .basic_table .tbody .tr .td svg {width: var(--p2); height: auto; }
.sub_cont_table04 .table_cont .emp_table {display: flex; flex-direction: column; width: 22.5%; border: 3px solid var(--point01); border-radius: 3rem; overflow: hidden; flex-shrink: 0;margin-left: -2.5%; transform: translateY(-4.5%);}
.sub_cont_table04 .table_cont .emp_table .thead .tr .th {color: #fff; font-weight: 700; padding: 3.8rem 1rem; background-color: var(--point01); font-size: var(--h7); text-align: center; line-height: 1.3;}
.sub_cont_table04 .table_cont .emp_table .tbody {flex: 1;}
.sub_cont_table04 .table_cont .emp_table .tbody .tr {display: flex; flex-direction: column; height: 100%; background-color: #fff;}
.sub_cont_table04 .table_cont .emp_table .tbody .tr .td {flex: 1; display: flex; justify-content: center; padding: 3.7rem 1rem; border-bottom: 1px dashed rgba(0, 0, 0, 0.15);}
.sub_cont_table04 .table_cont .emp_table .tbody .tr .td:last-child {border-bottom: none;}
.sub_cont_table04 .table_cont .emp_table .tbody .tr .td svg {width: var(--p2); height: auto; }




/* 메인_게시판_자주묻는질문_05 */
.main_faq_05 .row{background-color: var(--bg); font-size: var(--p3); border-radius: 10rem; transition: border-radius 0.3s linear;}
.main_faq_05 .row.active{border-radius: 6rem;}
.main_faq_05 .row + .row{margin-top:2.4rem; }

.main_faq_05 .row .que {display: flex; justify-content: space-between; align-items: center; cursor: pointer; padding: 2em 2.7em;}
.main_faq_05 .row .que .tit {position: relative; font-size: var(--p1); font-weight: 700; margin-right: auto; width: calc(100% - 1.5em);}
.main_faq_05 .row .que.active .tit{-webkit-line-clamp: unset;}
.main_faq_05 .row .que .badge + .tit{padding: 0 1em;}
.main_faq_05 .row .que .badge{font-size:var(--subTxt); background-color: var(--brown); font-weight:700; color:#fff; padding: 0.2em 1em; border-radius: 10rem; white-space: nowrap}
.main_faq_05 .row .que .btn { display: flex; align-items: center; justify-content: center; border-radius: 100%; transition: background-color 0.3s; flex-shrink: 0; }
.main_faq_05 .row .que .btn .ico { width: 1em; height: 1em; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="%23aaaaaa"><path d="M256 429.3l22.6-22.6 192-192L493.3 192 448 146.7l-22.6 22.6L256 338.7 86.6 169.4 64 146.7 18.7 192l22.6 22.6 192 192L256 429.3z"/></svg>') center/contain no-repeat; transition: transform 0.3s, background 0.3s; }
.main_faq_05 .row.active .que .btn .ico { transform: rotate(-180deg); transition: transform 0.3s, background 0.3s; }

.main_faq_05 .row .answer { display: none; overflow: hidden; opacity: 0; padding:0 2.7em 2em; font-weight: 500; transition: color 0.3s;}
.main_faq_05 .row.active .answer { opacity:1; }
.main_faq_05 .row .answer .txt_box { font-weight: 500;}


/* 서브페이지_진료과목_단순정렬_34 */

.sub_cont_sorting34 .cont_box {display: flex;}
.sub_cont_sorting34 .cont_box .cont {flex: 1; padding: 5rem; border-radius: 3rem; background-color: var(--bg); transition: opacity 1s ease-in-out, transform 1s ease-in-out; opacity: 0; transform: translateY(100px);}
.sub_cont_sorting34 .cont_box .cont + .cont {margin-left: 2rem; transition-delay: 0.2s;}
.sub_cont_sorting34 .cont_box .cont .img {position: relative; padding-top: 44%; border-radius: 3rem; overflow: hidden;}
.sub_cont_sorting34 .cont_box .cont .img img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; object-position: center;}
.sub_cont_sorting34 .cont_box .cont .img.contain img {object-fit: contain;}
.sub_cont_sorting34 .cont_box .cont .txt_box {margin-top: 3rem;}
.sub_cont_sorting34 .cont_box .cont .txt_box .tit {display: flex;  font-size: var(--h7); font-weight: 700;}
.sub_cont_sorting34 .cont_box .cont .txt_box .tit .ico {width: 1.1em;height: 1.6em;margin-right: 0.5em; background: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10 20C15.5228 20 20 15.5228 20 10C20 4.47715 15.5228 0 10 0C4.47715 0 0 4.47715 0 10C0 15.5228 4.47715 20 10 20ZM8.02734 13.3896L5.39746 10.8867C4.99746 10.506 4.98158 9.8727 5.3623 9.47266C5.74308 9.0729 6.37641 9.05783 6.77637 9.43848L8.68945 11.2588L13.1963 6.63672C13.5818 6.24154 14.215 6.23382 14.6104 6.61914C15.0055 7.00461 15.0141 7.63781 14.6289 8.0332L9.43262 13.3633L8.74316 14.0703L8.02734 13.3896Z" fill="%23373847"/></svg>') no-repeat center / contain;}
.sub_cont_sorting34 .cont_box .cont .txt_box .txt {font-size: var(--p3); margin-top: 0.5em;}
.sub_cont_sorting34 .cont_box .cont .txt_box .dot_list {margin-top: 0.5em;}

.sub_cont_sorting34.active .cont {opacity: 1; transform: translateY(0);}

.sub_cont_sorting34 .cont_box .cont .top_tit{font-size: var(--h7); margin-bottom: 2.5rem; color: var(--point01); text-align: center; font-weight: 700;}
.sub_cont_sorting34 .cont_box.col_2 {gap: 2rem; flex-wrap: wrap;}
.sub_cont_sorting34 .cont_box.col_2 .cont {flex:inherit; width: calc(50% - 2rem);}
.sub_cont_sorting34 .cont_box.col_2 .cont .img{width: 100%; padding-top: 56%; background-color: #fff;}
.sub_cont_sorting34 .cont_box.col_2 .cont + .cont{margin-left: 0;}
.sub_cont_sorting34 .cont_box.ba .cont{padding-top: 8rem; padding-bottom: 8rem;}
.sub_cont_sorting34 .cont_box.ba .cont .ba_box_wrap{display: flex; align-items: center; gap: 6.5rem;}
.sub_cont_sorting34 .cont_box.ba .cont .txt_box .tit{justify-content: center;  font-size: var(--p1);}
.sub_cont_sorting34 .cont_box.ba .cont .ba_box{flex: 1; text-align: center;}
.sub_cont_sorting34 .cont_box.ba .cont .arr svg{height: 6.5rem;}






/* 모듈 / 서브페이지_진료과목_텍스트모션_01  */
.sub_text_motion01 {opacity: 0.2; overflow: hidden;}
.sub_text_motion01 .move_track {font-size:8rem; font-weight:500; color: #A3B4FF ; display: flex; align-items: center; gap: 5rem; width: max-content; animation: rollTxt 60s linear infinite;}
.sub_text_motion01 .move_track .txt {position: relative; line-height: 1.5;}
.sub_text_motion01 .move_track .txt + .txt {padding-left: 6rem;}
.sub_text_motion01 .move_track .txt + .txt::before {content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 1rem; height: 1rem; background-color: #A3B4FF; border-radius: 50%;}

.sub_text_motion01 .logo{height:0.86em; width: auto; margin-bottom: 0.2em;}
.sub_text_motion01 .logo img{display: block; height: 100%; width: auto; object-fit: cover;}
.sub_text_motion01 .move_track.no_dot{gap: 8rem;}
.sub_text_motion01 .move_track.no_dot .txt + .txt::before{display: none;}


/* 서브페이지_진료과목_단순정렬_27 */
.sub_cont_sorting27 {overflow: hidden;}
.sub_cont_sorting27 .cont_box {width: var(--in3); max-width: 100%; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10rem 6rem; margin: 0 auto; padding-bottom: var(--pd4); }
.sub_cont_sorting27 .cont:nth-child(2n) {transform: translateY(var(--pd4));}
.sub_cont_sorting27 .cont_box .cont .img{position: relative; padding-top: 125%; border-radius: 5rem; overflow: hidden; opacity: 0; transform: translateX(-150px);}
.sub_cont_sorting27 .cont_box .cont:nth-child(2n) .img { transform: translateX(150px);}
.sub_cont_sorting27 .cont_box .cont .img img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; object-position: center;}
.sub_cont_sorting27 .cont_box .cont .img img.on {opacity: 1; z-index: 6;}
.sub_cont_sorting27 .cont_box .cont .img .img_txt {display: flex; align-items: center; position: absolute; left: 0; bottom: 0; width: 100%; padding: 4rem; z-index: 4;}
.sub_cont_sorting27 .cont_box .cont .img .img_txt .badge {background-color: var(--point01); color: #fff; font-size: var(--p1); font-weight: 700; padding: 0.6em 1em; border-radius: 10em;}
.sub_cont_sorting27 .cont_box .cont .img .img_txt .txt {color: #fff; margin-left: 1rem;}
.sub_cont_sorting27 .cont_box .cont .img::before {content: ''; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 62.14%, #000 107.29%); z-index: 3;}
.sub_cont_sorting27 .cont_box .cont .tit_box {margin-top: 1.6em; opacity: 0; transform: translateY(50px); }
.sub_cont_sorting27 .cont_box .cont .tit_box .tit {font-size: var(--h5); font-weight: 700; line-height: 1.5;}
.sub_cont_sorting27 .cont_box .cont .tit_box .txt {margin-top: 0.5em;}
.sub_cont_sorting27 .cont_box .cont .tit_box .tag_box {display: flex; flex-wrap: wrap; margin-top: 3rem; gap: 1rem;}
.sub_cont_sorting27 .cont_box .cont .tit_box .tag_box .tag {font-size: var(--p4); font-weight: 600; color: var(--gray); background-color: #F2F2F2; padding:0.7em 1.1em; border-radius: 10em;}





/* 서브페이지_진료과목_단순정렬_15 */
.sub_cont_sorting15 {margin-top: var(--contMt2);}
.sub_cont_sorting15 .cont_box {display: flex}
.sub_cont_sorting15 .cont_box .left_box {width: 24%;}
.sub_cont_sorting15 .cont_box .left_box .tit {font-size: var(--h6); font-weight: 700;}
.sub_cont_sorting15 .cont_box .right_box {flex: 1; min-width: 0;}
.sub_cont_sorting15 .cont_box .right_box .cont {padding: 3rem 0 6rem; border-top: 1px solid var(--black);}
.sub_cont_sorting15 .cont_box .right_box .cont .tit {font-weight: 700; font-size: var(--h7);}
.sub_cont_sorting15 .cont_box .right_box .cont .txt {font-size: var(--p3); margin-top: 0.5em;}
.sub_cont_sorting15 .cont_box .right_box .cont:last-child {padding-bottom: 0;}




/* 서브페이지_BI_CI소개_BI소개_01 */
.bi_cont_01 .cont_box {display: flex; gap: 4rem;}
.bi_cont_01 .cont_box .cont {display: flex; flex-direction: column; flex:1; min-width: 0;}
.bi_cont_01 .cont_box .cont .logo_box {flex: 1; position: relative; padding:8rem 0;border: 1px solid var(--line); margin-top: var(--contMt4); border-radius: 2rem; overflow: hidden; display: flex; align-items: center; justify-content: center;}
.bi_cont_01 .cont_box .cont .logo_box .logo {position: relative; z-index: 2; margin: 0 auto; width: 12rem;}
.bi_cont_01 .cont_box .cont + .cont .logo_box .logo {position: relative; z-index: 2; margin: 0 auto; width: 28rem;}
.bi_cont_01 .cont_box .cont .logo_box .logo img {width: 100%;}
.bi_cont_01 .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:6.3%}
.bi_cont_01 .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_01 .cont_box .cont .txt_box {margin-top: 3rem;}
.bi_cont_01 .cont_box .cont .txt_box .tit {font-size: var(--h7); font-weight: 700;}
.bi_cont_01 .cont_box .cont .txt_box .txt {font-size: var(--p3); margin-top: 1.5rem;}


.bi_cont_01 .cont_box .cont.full {margin-top: var(--contMt2);}
.bi_cont_01 .cont_box .cont.full .logo_box {display: flex; justify-content: center; margin-top: 0; padding: var(--pd3) 0;}
.bi_cont_01 .cont_box .cont.full .logo_box .grid_bg {background-size:3.19%}
.bi_cont_01 .cont_box .cont.full .logo_box .logo {margin: 0;}
.bi_cont_01 .cont_box .cont.full .logo_box .logo + .logo {margin-left: 15rem;}
.bi_cont_01 .cont_box .cont.full .logo_box .type1 {width: 41.5rem;}
.bi_cont_01 .cont_box .cont.full .logo_box .type2 {width: 45.5rem;}


/* 서브페이지_연혁_탭 타입_03 */

.sub_history_img03 .cont_box {display: flex; align-items: flex-start; justify-content: space-between;}
.sub_history_img03 .cont_box .left_box { width:40%; position: sticky; top: 2.5em; }
.sub_history_img03 .cont_box .left_box .tit {font-size: var(--h2); font-weight: 700;}
.sub_history_img03 .cont_box .left_box .txt {margin-top: 1em;}
.sub_history_img03 .cont_box .history_cont {width: 50%;}
.sub_history_img03 .cont_box .history_cont .cont {position: relative; padding-bottom: 12rem; padding-left: 15rem;}
.sub_history_img03 .cont_box .history_cont .cont:last-child {padding-bottom: 0;}
.sub_history_img03 .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_img03 .cont_box .history_cont .cont .txt_box + .txt_box {margin-top: 30px;}
.sub_history_img03 .cont_box .history_cont .cont .tit {font-size: var(--h4); font-weight: 700; margin-bottom:2rem;}
.sub_history_img03 .cont_box .history_cont .cont .desc {font-size: var(--p2); font-weight: 700;}

.sub_history_img03 .cont_box .history_cont .cont .slide {width: 80%; margin-top: 2rem;}
.sub_history_img03 .cont_box .history_cont .cont .slide .paging {display: flex; justify-content: center; }
.sub_history_img03 .cont_box .history_cont .cont .slide .paging span{margin-top: 2rem;}
.sub_history_img03 .cont_box .history_cont .cont .slide .swiper-pagination-bullet {background-color: #aaaaaa;}
.sub_history_img03 .cont_box .history_cont .cont .slide .swiper-pagination-bullet + .swiper-pagination-bullet  {margin-left: 0.7rem;}
.sub_history_img03 .cont_box .history_cont .cont .slide .swiper-pagination-bullet-active {background-color: var(--point01);}
.sub_history_img03 .cont_box .history_cont .cont .img {position: relative; padding-top: 62.5%; border-radius: 2.4rem; overflow: hidden;}
.sub_history_img03 .cont_box .history_cont .cont .img img,
.sub_history_img03 .cont_box .history_cont .cont .img video{position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}



.sub_history_img03 .cont_box .history_cont .cont .list {margin-top: 0.5rem;}
.sub_history_img03 .cont_box .history_cont .cont .list li {color: #101010; position: relative;padding-left: 0.5em;}
.sub_history_img03 .cont_box .history_cont .cont .list li + li {margin-top: 0.25em;}
.sub_history_img03 .cont_box .history_cont .cont .list li:before {content: '·';position: absolute;left: 0;}
.sub_history_img03 .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_img03 .cont_box .history_cont .cont:last-child .line {height: calc(100% - 0.5em);}
.sub_history_img03 .cont_box .history_cont .cont .line em {position: absolute; left: 0; top: 0; width: 100%; height: 0%; background-color: var(--point01);}
.sub_history_img03 .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: 1rem; height: 1rem ;background:url('data:image/svg+xml,<svg width="9" height="9" viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.5 9C6.98528 9 9 6.98528 9 4.5C9 2.01472 6.98528 0 4.5 0C2.01472 0 0 2.01472 0 4.5C0 6.98528 2.01472 9 4.5 9Z" fill="%23D3D3D3"/></svg>') no-repeat center / contain;}
.sub_history_img03 .cont_box .history_cont .cont .line.active::before {background:url('data:image/svg+xml,<svg width="9" height="9" viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.5 9C6.98528 9 9 6.98528 9 4.5C9 2.01472 6.98528 0 4.5 0C2.01472 0 0 2.01472 0 4.5C0 6.98528 2.01472 9 4.5 9Z" fill="%230515D8"/></svg>') no-repeat center / contain;}
.sub_history_img03 .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: 2.5rem; height: 2.5rem ;background:url('data:image/svg+xml,<svg width="9" height="9" viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.5 9C6.98528 9 9 6.98528 9 4.5C9 2.01472 6.98528 0 4.5 0C2.01472 0 0 2.01472 0 4.5C0 6.98528 2.01472 9 4.5 9Z" fill="%230515D8"/></svg>') no-repeat center / contain; opacity: 0; transition: 0.3s ease-in-out;}
.sub_history_img03 .cont_box .history_cont .cont .line.active::after {opacity: 0.1; }




/* 서브페이지_연혁_이미지타입_01 */
.sub_history_img01 .top_box {width: 40%; text-align: center; margin-bottom: var(--contMt4);}
.sub_history_img01 .top_box .tit {font-size: var(--h2); font-weight: 700;}
.sub_history_img01 .cont_box {display: flex; align-items: flex-start; justify-content: space-between;}
.sub_history_img01 .cont_box .left_box {font-size: var(--h2); font-weight: 700; width:40%; position: sticky; top: 2.5em; }
.sub_history_img01 .cont_box .left_box .img {position: relative; border-radius: 4rem; overflow: hidden; padding-top: 75%;}
.sub_history_img01 .cont_box .left_box .img img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-position: center; object-fit: cover;}


.sub_history_img01 .cont_box .history_cont {width: 50%;}
.sub_history_img01 .cont_box .history_cont .cont {position: relative; padding-bottom: 12rem; padding-left: 15rem;}
.sub_history_img01 .cont_box .history_cont .cont:last-child {padding-bottom: 0;}
.sub_history_img01 .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_img01 .cont_box .history_cont .cont .tit {font-size: var(--h4); font-weight: 700; margin-bottom:2rem;}
.sub_history_img01 .cont_box .history_cont .cont .desc {font-size: var(--p2); font-weight: 700;}
.sub_history_img01 .cont_box .history_cont .cont .list {margin-top: 1rem;}
.sub_history_img01 .cont_box .history_cont .cont .list li {color: #101010; position: relative;padding-left: 0.5em;}
.sub_history_img01 .cont_box .history_cont .cont .list li + li {margin-top: 0.25em;}
.sub_history_img01 .cont_box .history_cont .cont .list li:before {content: '·';position: absolute;left: 0;}
.sub_history_img01 .cont_box .history_cont .cont .list li:first-child:last-child {padding-left: 0;}
.sub_history_img01 .cont_box .history_cont .cont .list li:first-child:last-child::before {content: none;}

.sub_history_img01 .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_img01 .cont_box .history_cont .cont:last-child .line {height: calc(100% - 0.5em);}
.sub_history_img01 .cont_box .history_cont .cont .line em {position: absolute; left: 0; top: 0; width: 100%; height: 0%; background-color: var(--point01);}
.sub_history_img01 .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: 1rem; height: 1rem ;background:url('data:image/svg+xml,<svg width="9" height="9" viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.5 9C6.98528 9 9 6.98528 9 4.5C9 2.01472 6.98528 0 4.5 0C2.01472 0 0 2.01472 0 4.5C0 6.98528 2.01472 9 4.5 9Z" fill="%23D3D3D3"/></svg>') no-repeat center / contain;}
.sub_history_img01 .cont_box .history_cont .cont .line.active::before {background:url('data:image/svg+xml,<svg width="9" height="9" viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.5 9C6.98528 9 9 6.98528 9 4.5C9 2.01472 6.98528 0 4.5 0C2.01472 0 0 2.01472 0 4.5C0 6.98528 2.01472 9 4.5 9Z" fill="%230515D8"/></svg>') no-repeat center / contain;}
.sub_history_img01 .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: 2.5rem; height: 2.5rem ;background:url('data:image/svg+xml,<svg width="9" height="9" viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.5 9C6.98528 9 9 6.98528 9 4.5C9 2.01472 6.98528 0 4.5 0C2.01472 0 0 2.01472 0 4.5C0 6.98528 2.01472 9 4.5 9Z" fill="%230515D8"/></svg>') no-repeat center / contain; opacity: 0; transition: 0.3s ease-in-out;}
.sub_history_img01 .cont_box .history_cont .cont .line.active::after {opacity: 0.1; }




/* 서브페이지_회사병원소개_모션_04 */
.sub_info_motion04 {height: calc(var(--vh, 1vh) * 200);}
.sub_info_motion04 .text_sect {width: 100%; height: calc(var(--vh, 1vh) * 60); text-align: center;}
.sub_info_motion04 .text_sect .basic_txt .tit {font-size: 12rem; font-weight: 700}
.sub_info_motion04 .text_sect .basic_txt .txt {font-size: var(--h5); font-weight: 600;}

.sub_info_motion04 .visual_sect {position: relative; width: 100%; height: calc(var(--vh, 1vh) * 100); margin-top:  calc(var(--vh, 1vh) * -100); position: sticky; top: 0; display:flex; align-items: flex-end; justify-content: center; overflow: hidden;}
.sub_info_motion04 .visual_sect .bg {position: relative; border-radius: 50%; overflow: hidden; width: 30%; padding-top: 30%; transform: translateY(50%); background-color: #000;}
.sub_info_motion04 .visual_sect .bg img {position: absolute; width: 100%; height: 100%; left: 0; top: 0; object-fit: cover; opacity: 1;}
.sub_info_motion04 .visual_sect .tit {position: absolute; top: 100%; left: 50%; transform: translate(-50%, -50%); width: 100%; padding: 0 var(--inPd); font-size:7rem; font-weight: 700; text-align: center; z-index: 3; opacity: 0; line-height: 1.5;}
.sub_info_motion04 .visual_sect .tit .text {background: linear-gradient(to right, #fff 50%, rgba(255,255,255,0.5) 50%);background-size: 200% 100%;background-position-x: 100%;color: transparent;background-clip: text;-webkit-background-clip: text;display: inline;}








/* 모션효과 12 */
.motion_12 .cont_box {display: flex;}
.motion_12 .cont_box .cont {display: flex; flex-direction: column; align-items: center; justify-content: center; flex: 1; border-radius: 4rem; background-color: #F9F9FB; padding: 12rem 6rem;     opacity: 0;
    transform: translateY(0%) rotateY(115deg);}
.motion_12 .cont_box .cont + .cont {margin-left: 4rem;}
.motion_12 .cont_box.active .cont{opacity: 1; transform: translateY(0%) rotateY(0deg); transition: opacity 1.25s, transform 1.25s;}
.motion_12 .cont_box.active .cont:first-child{transition-delay: 0s;}
.motion_12 .cont_box.active .cont:nth-child(2){transition-delay: 0.5s;}
.motion_12 .cont_box.active .cont:nth-child(3){transition-delay: 1s;}
.motion_12 .cont_box .cont .icon {width: 19rem; height: 19rem;}
.motion_12 .cont_box .cont .icon img {width: 100%;}
.motion_12 .cont_box .cont .text_box {margin-top: 8rem; text-align: center;}
.motion_12 .cont_box .cont .text_box .tit {font-size: var(--h3); font-weight: 700;}
.motion_12 .cont_box .cont .text_box .desc {font-size: var(--p3); font-weight: 500; color: var(--gray); margin-top: 1rem;}
.motion_12 .cont_box .cont .text_box .txt {font-size: var(--p3); font-weight: 500; margin-top: 1em;}



/* 탭_롤링03 */
.tab_rolling03 .sect_tit_box .tit {font-size: var(--h2);}
.tab_rolling03 .sect_tit_box .txt {font-size: var(--p3); margin-top: 0.5em;}
.tab_rolling03 .cont_wrap{margin-top: var(--contMt2); opacity: 0; transform: translateY(5rem); transition: opacity 0.8s ease-in-out, transform 0.8s ease-in-out;}
.tab_rolling03.active .cont_wrap{opacity: 1; transform: unset;}

.tab_rolling03 .line_tab_wrap{overflow-x: auto;}
.tab_rolling03 .line_tab_wrap::-webkit-scrollbar { display: none;}
.tab_rolling03 .line_tab_wrap .line_tab_box{display: flex;  justify-content: center; width:var(--in3); max-width: 100%; margin: 0 auto;}
.tab_rolling03 .line_tab_wrap .line_tab{display: inline-flex; flex:1; justify-content: center; font-size:var(--p1); min-width: fit-content; padding: 0.8em 1.6rem; min-width: 110px; white-space: nowrap; text-align: center; color:#E4E4E4; border-bottom: 3px solid #E4E4E4; font-weight: 700; transition: all 0.3s ease;}
.tab_rolling03 .line_tab_wrap .line_tab.active{color:var(--black); border-color:var(--black);}


.tab_rolling03 .tab_cont{padding: 8rem 0 0; position: relative; width: calc(var(--in2)); margin: 0 auto; max-width: 100%;}
.tab_rolling03 .tab_cont .swiper-container{position: relative;}

.tab_rolling03 .tab_cont .item {display: flex; align-items: center; justify-content: space-between;}
.tab_rolling03 .tab_cont .item .txt_box {padding-right: 12rem; padding-bottom: 20%;}
.tab_rolling03 .tab_cont .item .txt_box a{display: flex; align-items: center; font-size:var(--h2);}
.tab_rolling03 .tab_cont .item .txt_box .tit{font-size:1em; font-weight: 700; letter-spacing: -0.01em; font-size:var(--h2);}
.tab_rolling03 .tab_cont .item .txt_box .arr{display: bloxk; display:none; width: 0.7em; height: 0.7em; margin-left: 0.2em; transition: 0.3s ease; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="60" height="60" viewBox="0 0 60 60" fill="none"><path d="M30 0L24.7125 5.2875L45.6375 26.25L0 26.25L0 33.75H45.6375L24.7125 54.7125L30 60L60 30L30 0Z" fill="%23101010"/></svg>') no-repeat center / contain; }
.tab_rolling03 .tab_cont .item .txt_box .txt{font-size:var(--p3 ); }
.tab_rolling03 .tab_cont .item .txt_box .com_tag_box {display: flex; flex-wrap: wrap; gap:1.2rem; margin-top: 6rem;}
.tab_rolling03 .tab_cont .item .txt_box .com_tag_box .tag{background-color: #F8F8F6; border-radius: 50px; padding: 0.6em 2em; font-weight: 600; font-size:var(--p4);}


.tab_rolling03 .tab_cont .item .img_box{position:relative; width: 48%; padding-top: 53%; flex-shrink: 0; border-radius: 3rem; overflow: hidden;}
.tab_rolling03 .tab_cont .item .img_box img{position: absolute; width: 100%; height: 100%; left: 0; top: 0; object-fit: cover;}

.tab_rolling03 .tab_cont .controls{position: absolute; z-index: 2; bottom: 30%; left: 0;}


.tab_rolling03 .controls {display: flex; align-items: center;}
.tab_rolling03 .controls .paging { display: flex; align-items: center; }
.tab_rolling03 .controls .paging .current,
.tab_rolling03 .controls .paging .total { font-size:var(--txt2); font-weight:700; width: 15px; text-align: center;}
.tab_rolling03 .controls .paging .bar { width:10rem; height:3px; background-color: rgba(0,0,0,0.3); position: relative;}
.tab_rolling03 .controls .paging .bar span { position: absolute; display: inline-block; left:0; top:0; width:0; height:100%; background-color: var(--brown); }
.tab_rolling03 .controls .swiper-pagination-progressbar { width:12rem; height:2px; background-color: rgba(0,0,0,0.1); position: relative; margin: 0 2rem; }
.tab_rolling03 .controls .swiper-pagination-progressbar-fill,
.tab_rolling03 .controls .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{ background-color: #000;}

.tab_rolling03 .controls .paging + .swiper_btn_wrap {margin-left: 3rem;}
.tab_rolling03 .controls .swiper_btn_wrap {display: flex; align-items: center;}
.tab_rolling03 .controls .swiper_btn_wrap .swiper_btn { font-size: 1em; display: flex; align-items: center; justify-content: center; width: 6rem; height: 6rem; background: var(--bg); border-radius: 50%; transition: all 0.3s ease; cursor: pointer;}
.tab_rolling03 .controls .swiper_btn_wrap .swiper_btn .ico { width: 1em; height: 1em; width:28%; height: 28%; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20.001 20"><path data-name="패스 13449" d="M10,0,8.237,1.762,15.212,8.75H0v2.5H15.212L8.237,18.237,10,20,20,10Z" transform="translate(0 0)" fill="%231c1c1c"/></svg>') no-repeat center / contain; transition: background 0.3s ease;}
.tab_rolling03 .controls .swiper_btn_wrap .swiper_btn.swiper-button-disabled {cursor: default;}
.tab_rolling03 .controls .swiper_btn_wrap .swiper_btn.swiper-button-disabled .ico {opacity: 0.3;}
.tab_rolling03 .controls .swiper_btn_wrap .swiper_btn:first-child { margin-right: 1.6rem;}
.tab_rolling03 .controls .swiper_btn_wrap .swiper_btn:first-child .ico { transform: rotate(180deg);}
.tab_rolling03 .controls .swiper_btn_wrap .swiper_btn.line{border:1px solid #101010;}





/* 메인_인트로_브랜딩모션_11 */
.intro_branding_11 {height: calc(var(--vh, 1vh) * 400);}
.intro_branding_11 .visual_cont {position: sticky; top: 0; height: calc(var(--vh, 1vh) * 100); background-color: #fff;}
.intro_branding_11 .visual_cont .img { position: absolute; left: var(--inPd); top: 0; width: calc(100% - var(--inPd) * 2); height: 28vw ; border-radius: 5rem; overflow: hidden; background-color: #000;}
.intro_branding_11 .visual_cont .img img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; }
.intro_branding_11 .visual_cont .tit_box { position: absolute; left: 0; top: 0; width: 100%; height: 100%; color: #fff; }
.intro_branding_11 .visual_cont .tit_box li {display: flex; justify-content: center; position: absolute; left: 0%; top: 50%; transform: translate(0%, -50%); width: 100%; font-weight: 700; font-size: 9rem; line-height: 1.2;  }
.intro_branding_11 .visual_cont .tit_box li .en {margin-right: 0.25em; overflow: hidden;}
.intro_branding_11 .visual_cont .tit_box li .en span {transform: translateY(100%); display: inline-block;}
.intro_branding_11 .visual_cont .tit_box li .kr {overflow: hidden; display: inline-block;}
.intro_branding_11 .visual_cont .tit_box li .kr span {display: inline-block; transform: translateY(100%);}

.intro_branding_11 .last_scene {background-color:#15151A; width: 100%; height: calc(var(--vh, 1vh) * 100); color: #fff; display: flex; align-items: center; justify-content: center; flex-direction: column; position: relative; z-index: 2; margin-top: calc(var(--vh, 1vh) * 200);}
.intro_branding_11 .last_scene .logo {position: relative; width: 20rem;}
.intro_branding_11 .last_scene .logo img {width: 100%;}
.intro_branding_11 .last_scene .logo .back {opacity: 0.3;}
.intro_branding_11 .last_scene .logo .front {position: absolute; left: 0; top: 0; width: 100%; height: 100%; clip-path: inset(0 100% 0 0);}
.intro_branding_11 .last_scene .txt {text-align: center; font-size: var(--h4); margin-top: 10rem; font-weight: 600; padding: 0 var(--inPd);}
.intro_branding_11 .last_scene .txt span{background: linear-gradient(to right, rgb(255,255,255) 50%, rgba(255,255,255,0.3) 50%);background-size: 200% 100%;background-position-x: 100%;color: transparent;background-clip: text;-webkit-background-clip: text;display: inline;}



/* 브랜딩_모션10 */
.branding_10 { position: relative; }
.branding_10 .gradient_cir { position: absolute; left: 0; bottom: 0; transform: translate(-100%, 50%); opacity: 0; width: 200rem; height: 200rem; background: radial-gradient(circle farthest-corner at 50% 50%, rgba(151, 121, 189,0.3), rgba(151, 121, 189, 0.2) 32%, rgba(247, 145, 211, 0) 71%); pointer-events: none; transition: transform 1s ease-in-out , opacity 1s ease-in-out;}
.branding_10.active .gradient_cir { transform: translate(-60%, 50%); opacity: 1;}
.branding_10 .cont { display: flex; align-items: center; justify-content: space-between; }
.branding_10 .cont .tit_wrap { width: 40%; }
.branding_10 .cont .tit_wrap .tit {font-size: var(--h4); font-weight: 700; }
.branding_10 .cont .tit_wrap .txt {font-size: var(--p2); margin-top: var(--contMt4);}
.branding_10 .cont .tit_wrap .txt span {display: block;}
.branding_10 .cont .tit_wrap .txt span + span {margin-top: 1em;}
.branding_10 .cont .tit_wrap .sign_txt {margin-top: 8rem; display: flex; align-items: center;}
.branding_10 .cont .tit_wrap .sign_txt strong {font-size: var(--p2); font-weight: 700; margin-right: 1em;}
.branding_10 .cont .tit_wrap .sign_txt .name {font-size: var(--h5); font-weight: 700;}
.branding_10 .cont .img_wrap { display: grid; grid-template-columns: minmax(0,75%) minmax(0,25%); align-items: center; justify-content: space-between; width: 55%; gap: 3rem; }
.branding_10 .cont .img_wrap .img { position: relative; border-radius: 3rem; overflow: hidden; opacity: 0;}
.branding_10 .cont .img_wrap .img img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; }
.branding_10 .cont .img_wrap .img:first-of-type { width: 100%; padding-top: 100%; transform: translateY(-20%); }
.branding_10 .cont .img_wrap .img:last-of-type { width: 100%; height: 100%; transform: translateY(20%); background-image: url(/inc/img/main/clinic_cont02.jpg); background-position: cover; animation: about_bg1 32s 1s linear infinite; }




/* 오시는길1 */
.sub_directions01_sect .map_cont_box .map_cont_tit {font-size: var(--h6); font-weight: 700;}
.sub_directions01_sect .map_cont_box .map_cont_tit .copy_btn { margin-left: 1rem; padding: 0.4em 1em; background-color: var(--bg); color: var(--gray); font-weight: 600; font-size: var(--p3); border-radius: 10em; transition: 0.3s ease-in-out;}
.sub_directions01_sect .map_cont_box .map_cont_tit .copy_btn svg {width: 100%; height: auto;}
.sub_directions01_sect .map_cont_box .map_cont_tit .copy_btn:hover {background-color: var(--black); color: #fff;}
.sub_directions01_sect .map_cont_box .link_box {display: flex; margin-top: 2.5rem;}
.sub_directions01_sect .map_cont_box .link_box .btn {display: inline-flex;align-items: center;font-weight: 700;font-size: var(--p3); border: 1px solid var(--line) ;padding: 0.7em 1.7em;border-radius: 10em; transition: 0.3s ease-in-out;}
.sub_directions01_sect .map_cont_box .link_box .btn + .btn {margin-left: 2rem;}
.sub_directions01_sect .map_cont_box .link_box .btn svg {height: 1.5em; width: auto; margin-right: 0.8em;}
.sub_directions01_sect .map_cont_box .link_box .btn img {margin-right: 0.8em; width: 2.6rem;}

.sub_directions01_sect .map_cont_box .map_box {position: relative; padding-top: 50%; border-radius: 4rem; overflow: hidden; margin-top: var(--contMt4);}
.sub_directions01_sect .map_cont_box .map_cont {position: absolute; left: 0; top: 0;}
.sub_directions01_sect .map_cont_box .map_box > img {position: absolute; left: 0; top: 0;width: 100%; height: 100%; pointer-events: none; object-fit: cover; object-position: center;}
.sub_directions01_sect .map_cont_box .map_cont .map {position: absolute; left: 0; top: 0;width: 100%; height: 100%; pointer-events: none;}

.sub_directions01_sect .car_box {margin-top: var(--pd3);}
.sub_directions01_sect .car_box .cont_tit {font-size: var(--h4); font-weight: 700;}
.sub_directions01_sect .car_box .cont_box {display: flex;}
.sub_directions01_sect .car_box .cont_box .cont {flex: 1;}
.sub_directions01_sect .car_box .cont_box .cont + .cont {margin-left: 2rem;}
.sub_directions01_sect .car_box .cont_box .cont .icon {display: flex; flex-direction: column; align-items: center; justify-content: center; width: 15rem; height: 15rem; padding-top: 1rem; border-radius: 50%; overflow: hidden; background-color: var(--bg);}
.sub_directions01_sect .car_box .cont_box .cont .icon svg {width: 30%; height: auto;}
.sub_directions01_sect .car_box .cont_box .cont .icon .icon_txt {font-size: var(--p5); font-weight: 700; margin-top: 1rem;}
.sub_directions01_sect .car_box .cont_box .cont .txt_box {margin-top: 3rem;}
.sub_directions01_sect .car_box .cont_box .cont .txt_box .tit {font-size: var(--p2); font-weight: 700; margin-bottom: 2rem;}


.sub_directions01_sect .car_box .cont_box .cont .txt_box .txt .dot_txt {position: relative; line-height: 1.5;}
.sub_directions01_sect .car_box .cont_box .cont .txt_box .txt .dot_txt + .dot_txt {margin-top: 0.5em;}
.sub_directions01_sect .car_box .cont_box .cont .txt_box .txt .dot_txt::before {content: '·'; position: absolute; left: 0; top: 0; height: 1.8em;}
.sub_directions01_sect .car_box .cont_box .cont .txt_box .txt .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_directions01_sect .car_box .cont_box .cont .txt_box .txt + .type_txt {margin-top: 2rem;}
.sub_directions01_sect .car_box .cont_box .cont .txt_box .type_txt li {display: flex; align-items: center;}
.sub_directions01_sect .car_box .cont_box .cont .txt_box .type_txt li + li {margin-top: 0.5em;}
.sub_directions01_sect .car_box .cont_box .cont .txt_box .type_txt .badge {color: #fff; font-weight: 700; font-size: var(--p5); padding: 0.25em 0.8em; border-radius: 0.5em; margin-right: 0.5em;}
.sub_directions01_sect .car_box .cont_box .cont .txt_box .type_txt .badge.suin {background-color: #EBC000 ;}
.sub_directions01_sect .car_box .cont_box .cont .txt_box .type_txt .badge.num2 {background-color: #8ABD00 ;}
.sub_directions01_sect .car_box .cont_box .cont .txt_box .type_txt .badge.bus1 {background-color: #2C6FEB ;}
.sub_directions01_sect .car_box .cont_box .cont .txt_box .type_txt .badge.bus2 {background-color: #1EB100 ;}
.sub_directions01_sect .car_box .cont_box .cont .txt_box .type_txt .badge.bus3 {background-color: #80C215 ;}
.sub_directions01_sect .cont_box {margin-top: var(--contMt3);}

.sub_directions01_sect .time_box {display: flex; justify-content: space-between; margin-top: var(--pd3);}
.sub_directions01_sect .time_box .cont {display: flex; width: 45%; padding-top: 4rem; border-top: 1px solid var(--black);}
.sub_directions01_sect .time_box .cont .tit {font-size: var(--h4); font-weight: 700; flex-shrink: 0; margin-right: 3rem;  line-height: 1.2}
.sub_directions01_sect .time_box .cont .txt_box {flex: 1; min-width: 0; font-size: var(--p4);}
.sub_directions01_sect .time_box .cont .txt_box .num_txt {display: flex; align-items: center; font-size: var(--h4); font-weight: 700; line-height: 1.2;}
.sub_directions01_sect .time_box .cont .txt_box .num_txt .ico {width: 0.7em; margin-right: 0.25em;}
.sub_directions01_sect .time_box .cont .txt_box .num_txt .ico svg {width: 100%; height: auto;}
.sub_directions01_sect .time_box .cont .txt_box .num_txt span {font-size: var(--p2); margin-right: 3rem; flex-shrink: 0;}
.sub_directions01_sect .time_box .cont .txt_box .dot_txt {margin-top: 2rem; color: var(--gray);}
.sub_directions01_sect .time_box .cont .txt_box .dot_txt + .dot_txt  {margin-top: 0.5rem;}

.sub_directions01_sect .time_box .cont .txt_box .txt {font-size: var(--p2); margin-top: 1.5rem; font-weight: 500;}
.sub_directions01_sect .time_box .cont .txt_box .txt strong {display: inline-block; width: 4em;}
.sub_directions01_sect .time_box .cont .txt_box .txt + .txt {margin-top: 0.5rem;}











/* 게시판_상세_01 */
.notice_veiw_01 .view_top { position: relative; padding-bottom: 3rem; padding-right: 6rem ;border-bottom: 1px solid #000; }
.notice_veiw_01 .view_top .title { display: flex; flex-direction: column; align-items: flex-start;}
.notice_veiw_01 .view_top .badge_wrap{margin-bottom: 1.5rem;}
.notice_veiw_01 .view_top .tit {flex: 1; padding-right: 3rem; font-size: var(--p1); font-weight: 700; line-height: 1.5; word-break: break-all;}
.notice_veiw_01 .view_top .user_info {  display: flex; align-items: center; color:var(--gray); font-size:var(--p4); margin-top:2rem; line-height: 1;}
.notice_veiw_01 .view_top .user_info > * + * {margin-left: 1.5rem; padding-left: 1.5rem; border-left: 1px solid var(--line);}
.notice_veiw_01 .view_top .date { font-size:var(--p4); color:var(--gray); }
.notice_veiw_01 .view_top .view{position: relative; display: flex; align-items: center;}
.notice_veiw_01 .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,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path d="M9.9987 3.75C5.83203 3.75 2.2737 6.34167 0.832031 10C2.2737 13.6583 5.83203 16.25 9.9987 16.25C14.1654 16.25 17.7237 13.6583 19.1654 10C17.7237 6.34167 14.1654 3.75 9.9987 3.75ZM9.9987 14.1667C7.6987 14.1667 5.83203 12.3 5.83203 10C5.83203 7.7 7.6987 5.83333 9.9987 5.83333C12.2987 5.83333 14.1654 7.7 14.1654 10C14.1654 12.3 12.2987 14.1667 9.9987 14.1667ZM9.9987 7.5C8.61536 7.5 7.4987 8.61667 7.4987 10C7.4987 11.3833 8.61536 12.5 9.9987 12.5C11.382 12.5 12.4987 11.3833 12.4987 10C12.4987 8.61667 11.382 7.5 9.9987 7.5Z" fill="%236E6E6E"/></svg>') no-repeat center / contain;}
.notice_veiw_01 .view_top .view .num{color: #000; font-weight: 600; margin-left: 0.3em;}
.notice_veiw_01 .view_top .share_box {position: absolute; right: 0; top: 50%; transform: translateY(-50%) ; z-index: 3}
.notice_veiw_01 .view_top .share_box .btn {position: relative; background: var(--bg); width: 6rem; height: 6rem; border-radius: 50%}
.notice_veiw_01 .view_top .share_box .btn .ico {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%) ;width: 45%; height: auto}
.notice_veiw_01 .view_top .share_box .btn .ico.x_ico {opacity: 0}
.notice_veiw_01 .view_top .share_box .btn.on + .sns_list {opacity: 1; pointer-events: auto}
.notice_veiw_01 .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_veiw_01 .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_veiw_01 .view_top .share_box .sns_list .ico + .ico {margin-top: 10px}
.notice_veiw_01 .view_top .share_box .sns_list .ico svg {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 38%}
.notice_veiw_01 .view_top .share_box .sns_list .ico.band svg {width: 35%}
.notice_veiw_01 .view_top .share_box .sns_list .ico.twitter svg {width: 35%}
.notice_veiw_01 .view_top .share_box .sns_list.show,
.notice_view01_sect .view_top .share_box .sns_list.show{opacity: 1; pointer-events: auto;}
.notice_veiw_01 .view_cont {  min-height: 20rem; padding: 0 0 4rem; }
.notice_veiw_01 .view_cont .txt_box { min-height: 40rem; margin:0 auto; padding: 3rem; word-break: break-all !important;}
.notice_veiw_01 .view_cont .txt_box * {max-width: 100%}
.notice_veiw_01 .view_cont .txt_box p{word-break: break-all !important;}
.notice_veiw_01 .view_cont .txt_box .image{padding: 0; max-width: 100%;} /*margin-bottom: 3rem;*/
.notice_veiw_01 .view_cont .txt_box .youtube{position: relative; padding-top: 56.25%; margin-bottom: 3rem; max-width: 100%;}
.notice_veiw_01 .view_cont .txt_box .youtube iframe{position: absolute; width: 100%; height: 100%; inset: 0; object-fit: cover;}
.notice_veiw_01 .view_cont .board_file {display: flex; font-size: var(--p4); padding: 1.25em; color: var(--gray); background-color: var(--gray1); margin-top: 3rem; }
.notice_veiw_01 .view_cont .board_file .ico{width: 1em; height: 1em; margin-right: 1rem; background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path d="M12.063 14.4286C12.3882 14.1031 12.3884 13.5755 12.063 13.2501C11.7376 12.925 11.2098 12.9249 10.8845 13.2501L9.0229 15.1116C8.48894 15.6455 7.78165 15.9381 6.98352 15.9322C6.20633 15.9265 5.46993 15.6226 4.92458 15.0599C4.91855 15.0536 4.91238 15.0475 4.90616 15.0414C4.34332 14.496 4.03893 13.7593 4.03321 12.9819C4.02765 12.2167 4.33556 11.4838 4.87682 10.9425L6.73781 9.08155C7.06324 8.75612 7.06324 8.22848 6.73781 7.90304C6.41237 7.57761 5.88473 7.57761 5.55929 7.90304L3.6983 9.76403C2.84939 10.6129 2.35774 11.7719 2.36673 12.9946C2.37567 14.2052 2.85335 15.3721 3.74664 16.2378C4.6105 17.1191 5.76952 17.5905 6.97144 17.5993C8.20615 17.6084 9.34512 17.1463 10.2014 16.2902L12.063 14.4286ZM16.3017 10.2359C17.1506 9.38699 17.6423 8.22804 17.6333 7.00535C17.6243 5.799 17.1499 4.63611 16.2626 3.77135L16.0974 3.61425C15.2544 2.851 14.1622 2.43199 13.0286 2.42366C11.819 2.41479 10.6562 2.87409 9.79802 3.73222L7.93703 5.59321C7.61166 5.91858 7.6118 6.44627 7.93703 6.77172C8.26247 7.09716 8.79011 7.09716 9.11554 6.77172L10.9765 4.91073C11.5085 4.37878 12.2377 4.08455 13.0159 4.09015C13.7947 4.09587 14.5361 4.40191 15.0841 4.94986C15.0871 4.95289 15.0902 4.95608 15.0933 4.95907C15.6561 5.50454 15.9611 6.24063 15.9668 7.01801C15.9724 7.78326 15.6644 8.51611 15.1232 9.05739L13.2622 10.9184C12.9368 11.2438 12.9368 11.7714 13.2622 12.0969C13.5876 12.4223 14.1153 12.4223 14.4407 12.0969L16.3017 10.2359ZM13.3502 7.77817C13.6757 7.45273 13.6757 6.9251 13.3502 6.59966C13.0248 6.27437 12.4971 6.27427 12.1717 6.59966L6.58819 12.1832C6.2628 12.5086 6.2629 13.0363 6.58819 13.3617C6.91363 13.6872 7.44126 13.6872 7.7667 13.3617L13.3502 7.77817Z" fill="%236E6E6E"/></svg>') no-repeat center/contain;}
.notice_veiw_01 .view_cont .board_file .file {display: flex; margin-right:3rem; line-height: 1;}
.notice_veiw_01 .view_cont .board_file .file_txt {max-width: 50rem; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.notice_veiw_01 .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_veiw_01 .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_veiw_01 .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_veiw_01 .view_cont .board_file + .board_link{margin-top: 1.5rem;}
.notice_veiw_01 .view_cont .edit_btn_wrap { display: flex; align-items: center; justify-content: flex-end; margin-top: 2rem; margin-bottom: 2rem;}
.notice_veiw_01 .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; }
.notice_veiw_01 .view_cont .edit_btn_wrap .edit_btn + .edit_btn { margin-left: 0.6em; }
.notice_veiw_01 .view_cont .edit_btn_wrap .edit_btn .ico { display: flex; align-items: center; justify-content: center; }

.notice_veiw_01 .answer_wrap + .board_li_wrap { border-top: 0; }
.notice_veiw_01 .board_li_wrap{padding-top: 4rem; border-top: 1px solid var(--line); }
.notice_veiw_01 .board_li_wrap .box_wrap{display: flex; align-items: center; justify-content: center; flex-wrap: wrap;}
.notice_veiw_01 .board_li_wrap .box_wrap .btn_wrap{ order: 1; width: 100%; display: flex; justify-content: center; }
.notice_veiw_01 .board_li_wrap .box_wrap .btn_wrap a{display: flex; align-items: center ;font-size:var(--p3); 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_veiw_01 .board_li_wrap .box {display: flex;align-items: center; justify-content: flex-start; flex-wrap: wrap; width: 45%; order: 2; margin-top: 4rem;}
.notice_veiw_01 .board_li_wrap .box + .box{margin-left: 20px;}
.notice_veiw_01 .board_li_wrap .box .ico{transition: 0.5s ease;}
.notice_veiw_01 .board_li_wrap .box .ico svg path { transition: all 0.25s;}
.notice_veiw_01 .board_li_wrap .box.prev{margin-right: auto;}
.notice_veiw_01 .board_li_wrap .box.prev .ico{margin-right: 1rem;}
.notice_veiw_01 .board_li_wrap .box.next{flex-direction: row-reverse; margin-left: auto;}
.notice_veiw_01 .board_li_wrap .box.next .ico{margin-left: 1rem;}
.notice_veiw_01 .board_li_wrap .box .tit {font-size:var(--p3); font-weight: 600; transition: all 0.25s; flex-shrink: 0;}
.notice_veiw_01 .board_li_wrap .box .txt {overflow: hidden;text-overflow: ellipsis;white-space: nowrap; margin:0 1.8em; font-size: var(--p3); width: 100%; color: var(--gray);}
.notice_veiw_01 .board_li_wrap .box.next .txt {text-align: right;}
.notice_veiw_01 .board_li_wrap .box.none{opacity: 0.4; pointer-events: none;}



/* 리스트 없을 떄 */
.empty_box{width:100%; display:flex; flex-direction: column; align-items: center; justify-content: center; grid-column: 1 / -1; padding-bottom: 80px; margin-top: 80px}
.empty_box img{display:flex; width: 24rem; filter: grayscale(1); opacity: 0.4;}
.empty_box span{font-size: var(--p4);font-weight: 400;color: rgba(0,0,0,0.5);margin-top: 2rem;}
.empty_box svg{display: block; width: max(20rem, 240px); opacity: 0.3;}
.empty_box svg path{fill: #000;}
.empty_box .list_back_btn{margin-top: 2rem; display: flex; align-items: center;border: 1px solid var(--line);border-radius: 1rem;font-size: var(--p4); font-weight:600;padding: 0.6em 1em; transition: 0.3s ease-in-out;}




/* 게시판 썸네일 08 */
.notice_thumbnail08 .media_list .list { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8rem 4rem;}
.notice_thumbnail08 .media_list .list li a { display: block; }
.notice_thumbnail08 .media_list .list 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;}
.notice_thumbnail08 .media_list .list 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;}
.notice_thumbnail08 .media_list .list li a .img_box .pin{position: absolute; width: 5rem; height: 5rem; top: 2rem; left: 2rem; z-index: 3; background-color: #000; display: flex; align-items: center; justify-content: center;border-radius: 50%;}
.notice_thumbnail08 .media_list .list li a .img_box .pin svg {width: 45%; height: auto;}
.notice_thumbnail08 .media_list .list li a .txt_box {display: flex; flex-wrap: wrap; margin-top: 2rem;}
.notice_thumbnail08 .media_list .list li a .txt_box .tit{width: 100%; font-size:var(--p1); 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;}
.notice_thumbnail08 .media_list .list li a .txt_box .date {font-size:var(--p4); font-weight: 500; color: var(--gray); margin-left: auto; display: flex; align-items: 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 .color_system_sect {margin-top: var(--pd);}
.color_system01 .sub_cont_tit {font-size: var(--h5); font-weight: 700;}
.color_system01 .cont_box {display: grid; grid-template-columns: repeat(3,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: #1E3A8A; color: #fff;}
.color_system01 .cont_box .cont.type2 {background-color: #0515D8; color: #fff;}
.color_system01 .cont_box .cont.type3 {background-color: #33ADFF; color: #fff;}
.color_system01 .cont_box .cont.type4 {background-color: #94A3B8 ; color: #fff;}
.color_system01 .cont_box .cont.type5 {background-color: #FFFFFF; color: #000; border: 1px solid #CECECE;}
.color_system01 .cont_box .cont.type6 {background-color: #d1d1d2;}
.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(--p3); flex-direction: column;}
.color_system01 .cont_box .cont .txt_box li + li {margin-top: 0.4em;}
.color_system01 .cont_box .cont .txt_box li strong {font-size: var(--p2); margin-bottom: 0.5rem;}




/* 서브페이지_진료과목_단순정렬_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_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 .cate {width: 5.5em; text-align: center; font-weight: 700; color: var(--gray40); flex-shrink: 0; display: block; margin-right: 1.5em; font-size: var(--p4);}
.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,<svg width="21" height="12" viewBox="0 0 21 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M19.4141 1.41431L10.4141 10.4143L1.41406 1.41431" stroke="%231C1C1C" stroke-width="2" stroke-linecap="square"/></svg>') 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: 4rem ; background-color:var(--gray5); 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(--point01); color: #fff; font-size: var(--p2); font-weight: 700; flex-shrink: 0;}
.notice_faq03 .list > li .answer .ico + .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(--point01);}


/* 메인_롤링배너_기본롤링_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_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,<svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15.5449 8.40918L9.79492 14.7344L9.12207 15.4746L7.64258 14.1289L8.31543 13.3887L12.5449 8.7373L-3.8192e-07 8.7373L-2.94497e-07 6.7373L12.5459 6.7373L8.31543 2.08496L7.64258 1.34473L9.12207 -3.07474e-07L9.79492 0.740234L15.5449 7.06445L16.1562 7.7373L15.5449 8.40918Z" fill="%231c1c1c"></path></svg>') 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 .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(--point01);}


/* 서브페이지_진료과목_단순정렬_17 */
.sub_cont_sorting17 .cont_box {display: flex;}
.sub_cont_sorting17 .cont_box .cont {flex: 1; min-width: 0; padding: 3rem 1rem; opacity: 0; transform: translateY(100px); transition: 0.7s ease-in-out;}
.sub_cont_sorting17 .cont_box .cont:nth-child(1) {transition-delay: 0.2s;}
.sub_cont_sorting17 .cont_box .cont:nth-child(2) {transition-delay: 0.4s;}
.sub_cont_sorting17 .cont_box .cont:nth-child(3) {transition-delay: 0.6s;}
.sub_cont_sorting17 .cont_box .cont:nth-child(4) {transition-delay: 0.8s;}
.sub_cont_sorting17.active .cont_box .cont {opacity: 1; transform: translateY(0);}
.sub_cont_sorting17 .cont_box .cont + .cont {border-left: 1px solid var(--line);}
.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(--h7); font-weight: 700;}
.sub_cont_sorting17 .cont_box .cont .txt_box .txt {margin-top: 1rem; font-size: var(--p3); padding: 0 1rem;}

.sub_cont_sorting17 .sub_cont_text02 {margin-bottom: 3rem;}
.sub_cont_sorting17 .cont_box .cont:nth-child(5) {transition-delay: 1s;}
.sub_cont_sorting17 .cont_box .cont:nth-child(6) {transition-delay: 1.2s;}
.sub_cont_sorting17 .cont_box.auto{justify-content: center; gap: 10rem;}
.sub_cont_sorting17 .cont_box.auto .cont{flex: inherit; padding: 0;}
.sub_cont_sorting17 .cont_box.no_line .cont{padding: 0;}
.sub_cont_sorting17 .cont_box.no_line .cont + .cont{border-left: none;}
.sub_cont_sorting17 .cont_box.no_line .cont .txt_box .tit {font-size: var(--p2);}


/* 서브페이지_지점안내_지도_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 .img_box img {width: 100%;}
.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 .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;}





/* 메인_지점안내_지도_지도_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(--point01); 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;}



/* 메인_콘텐츠_배너타입_11 */
.main_cont_banner11 {position: relative; padding-top: 30%;}
.main_cont_banner11 .bg {position: relative}
.main_cont_banner11 .bg img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; object-position: center;}
.main_cont_banner11 .txt_box {position: absolute; left: 50%; top: 50% ;transform: translate(-50%,-50%); z-index: 1; color: #fff; width: var(--in3); max-width: 100%;}
.main_cont_banner11 .txt_box .tit {font-size: var(--h5); font-weight: 700; line-height: 1.3;}
.main_cont_banner11 .txt_box .txt {font-size: var(--p3); margin-top: 1em;}
.main_cont_banner11 .txt_box .link_btn {margin-top: 4rem;;}



/* 메인_콘텐츠_배너타입_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: 2rem; padding: 3.5rem; background-color: var(--bg) }
.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: 4rem;}
.sub_cont_sorting21 .cont_box .cont .txt_box .tit {font-size: var(--p1); font-weight: 700;}
.sub_cont_sorting21 .cont_box .cont .txt_box .txt {margin-top: 1rem;}
.sub_cont_sorting21 .cont_box .cont .txt_box .ref_txt {margin-top: 1rem; font-size: var(--p4); color: var(--gray);}
.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,<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="30" height="30" rx="15" fill="%23E4F0E8"/><path d="M22 11L13.0625 20L9 15.9091" stroke="%231EAC4B" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/></svg>') 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; line-height: 1.5}
.sub_cont_process02 .cont_box .right_cont_box .cont .txt_box .tit .badge {background-color: var(--point01); 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(--point01) 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(--point01); 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(--point01); opacity: 0.2; border-radius: 100%; transform: translate(-50%, -50%); }



/* 메인_콘텐츠_단순정렬_16 */
.main_cont_sorting16 {position: relative; padding: var(--pd1) 0;}
.main_cont_sorting16 .bg {position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.main_cont_sorting16 .bg img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; object-position: center}
.main_cont_sorting16 .cont_tit_box {text-align: center; color: #000; }
.main_cont_sorting16 .cont_tit_box .sect_tit {font-size: 6rem; font-weight: 700 ;}
.main_cont_sorting16 .cont_tit_box .sect_txt {margin-top: 4rem; font-size: var(--h6);}
.main_cont_sorting16 .cont_box {display: flex; margin-top: var(--contMt1);}
.main_cont_sorting16 .cont_box .cont {width: 50%; border-radius: 3rem; overflow: hidden; z-index: 1;}
.main_cont_sorting16 .cont_box .cont + .cont {margin-left:3rem;}
.main_cont_sorting16 .cont_box .cont.img_type {position: relative;}
.main_cont_sorting16 .cont_box .cont.img_type img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; object-position: center;}
.main_cont_sorting16 .cont_box .cont.txt_type {display: flex;flex-direction: column; background-color: #fff; padding: 9rem 8rem;}
.main_cont_sorting16 .cont_box .cont.txt_type .logo_img {width: 30rem;}
.main_cont_sorting16 .cont_box .cont.txt_type .logo_img img {width: 100%;}
.main_cont_sorting16 .cont_box .cont.txt_type .txt_box {margin-top: 3.5rem;}
.main_cont_sorting16 .cont_box .cont.txt_type .txt_box .txt {font-size: var(--p3); font-weight: 500;}
.main_cont_sorting16 .cont_box .cont.txt_type .txt_box .txt + .txt {margin-top: 0.5em;}
.main_cont_sorting16 .cont_box .cont.txt_type .bot_logo_box {margin-top: 14rem; display: flex; }
.main_cont_sorting16 .cont_box .cont.txt_type .bot_logo_box .img {width: 9rem;}
.main_cont_sorting16 .cont_box .cont.txt_type .bot_logo_box .img img {width: 100%; }
.main_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(--point01)}
.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;}






/* 서브페이지_진료과목_단순정렬_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: 45%; 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: 50%; 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(--p1); 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.1em; height: 1.4em; margin-right: 1rem; flex-shrink: 0; background: url('data:image/svg+xml,<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="30" height="30" rx="15" fill="%23D6DDF9"/><path d="M22 11L13.0625 20L9 15.9091" stroke="%236871DC" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat bottom / 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 .txt_box .link_btn {margin-top: 4rem;}

.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: var(--gray5); 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(--point01); font-weight: 700;}
.sub_cont_sorting06 .cont_box .cont .tit {font-weight: 700; font-size: var(--p2);}
.sub_cont_sorting06 .cont_box .cont .txt {margin-top: 0.5rem; font-size: var(--p3); font-weight: 500; line-height: 1.5;}
.sub_cont_sorting06 .cont_box .cont + .cont {margin-left: 3rem;}
.sub_cont_sorting06 .cont_box.bg .cont{border:none; background-color: var(--bg);}


/* 서브페이지_진료과목_단순정렬_22  */
.sub_cont_sorting22 .cont_box {display: flex; justify-content: space-between; align-items: center; overflow: hidden;}
.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(--h6); font-weight: 700;}
.sub_cont_sorting22 .cont_box .txt_box .txt {font-size: var(--p3); margin-top: 1em;}
.sub_cont_sorting22 .cont_box .txt_box .dot_list {margin-top: 1rem; color: var(--gray2);}

.sub_cont_sorting22 .cont_box + .cont_box{margin-top: var(--contMt4);}
.sub_cont_sorting22 .cont_box .img_box{opacity: 0; transform: translateX(-5rem); transition: opacity 0.6s ease-in-out, transform 0.6s ease-in-out;}
.sub_cont_sorting22 .cont_box .txt_box{opacity: 0; transform: translateX(5rem); transition: opacity 0.6s ease-in-out, transform 0.6s ease-in-out;}
.sub_cont_sorting22 .cont_box.active .img_box,
.sub_cont_sorting22 .cont_box.active .txt_box{opacity: 1; transform: unset;}

/* 서브페이지_진료과목_단순정렬_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(--point01); 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,<svg width="17" height="10" viewBox="0 0 17 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1L8.5 8.5L16 1" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>') 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,<svg width="17" height="10" viewBox="0 0 17 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1L8.5 8.5L16 1" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>') 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(--point01); 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,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20.001 20"><path data-name="패스 13449" d="M10,0,8.237,1.762,15.212,8.75H0v2.5H15.212L8.237,18.237,10,20,20,10Z" transform="translate(0 0)" fill="%231c1c1c"/></svg>') 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(--point01);}
.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;}




/* 서브페이지_진료과목_롤링_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: 50%; height: 100%; }
.sub_rolling01 .cont .philo_img { position: relative; width: calc(100%); padding-top: 74%; border-radius: 3rem; overflow: hidden; }
.sub_rolling01 .cont .philo_img .img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 1; }
.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 { flex: 1; padding-left: 8%; padding-top: 10vh; }
.sub_rolling01 .cont .philo_txt .txt_box { margin-bottom: 25rem; 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: center; 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: 10em; background: rgba(0, 0, 0, 0.30); color: rgba(255,255,255,0.5); font-size: var(--p3); font-weight: 700; transition: all 0.3s; flex-shrink: 0;}
.sub_rolling01 .cont .philo_txt .txt_box.active .num { color: #fff; background-color: var(--black);  }
.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; }

.sub_rolling01 .cont .philo_txt .txt_box .num{width: 3.2em; height: 3.2em; padding: 0; border-radius: 999px;}

.sub_rolling01 .cont .philo_txt .txt_box .tit{margin-top: 0.3em;}
.sub_rolling01 .cont .philo_img .img{object-fit: cover;}

/* 조직도_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: #000;  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(--point01); 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-left: 1rem;}

.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 {padding-top: 40%; position: relative; border-radius: 5rem; overflow: hidden;}
.sub_cont_img01 .img img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}

/* 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(--point01);}
.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,<svg width="9" height="9" viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.5 9C6.98528 9 9 6.98528 9 4.5C9 2.01472 6.98528 0 4.5 0C2.01472 0 0 2.01472 0 4.5C0 6.98528 2.01472 9 4.5 9Z" fill="%23D3D3D3"/></svg>') no-repeat center / contain;}
.sub_history_txt01 .cont_box .history_cont .cont .line.active::before {background:url('data:image/svg+xml,<svg width="9" height="9" viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.5 9C6.98528 9 9 6.98528 9 4.5C9 2.01472 6.98528 0 4.5 0C2.01472 0 0 2.01472 0 4.5C0 6.98528 2.01472 9 4.5 9Z" fill="%231EAC4B"/></svg>') 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,<svg width="9" height="9" viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.5 9C6.98528 9 9 6.98528 9 4.5C9 2.01472 6.98528 0 4.5 0C2.01472 0 0 2.01472 0 4.5C0 6.98528 2.01472 9 4.5 9Z" fill="%23cdd3ff"/></svg>') 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(--h4); }
.sub_cont_text02 .txt {font-size: var(--p3); margin-top: 2rem;}
.sub_cont_text02 .sect_tit {font-size: var(--h3); font-weight: 700; line-height: 1.5;}
.sub_cont_text02 .sect_txt {margin-top: 0.5em;}
.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.col {flex-direction: column; align-items: flex-start;}
.sub_cont_text02 .tit_wrap.col .link_btn {margin-left:0; margin-top: 3rem;}
.sub_cont_text02.center {text-align: center;}
.sub_cont_text02.center .tit_wrap {justify-content: center;}
.sub_cont_text02 .sub_sect_tit .vs{display: inline-flex; justify-content: center; align-items: center; vertical-align: text-bottom; color: #fff; background-color: var(--point01); font-size:0.5em; width:2.5em; height: 2.5em; margin: 0 0.2em; border-radius: 50%;}



/* 서브페이지_진료과목_텍스트_03 */
.sub_cont_text03 .cont_box {display: flex;}
.sub_cont_text03 .cont_box .left_tit {width: 25%; }
.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); font-weight: 500;}
.sub_cont_text03 .cont_box .right_cont .txt + .txt {margin-top: 1em;}
.sub_cont_text03 .cont_box .right_cont .desc{font-size: var(--p1); font-weight: 700; margin-bottom: 1.2rem;}

.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 .txt_box + .check_box {margin-top: 3rem;}

.sub_cont_sorting10 .cont_box .right_cont .check_box > li { display: flex; align-items: flex-start; background-color: var(--bg); padding: 2em 2.5em; border-radius: 2rem; }
.sub_cont_sorting10 .cont_box .right_cont .check_box > li + li  {margin-top: 3rem;}
.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(--h7); font-weight: 700;}
.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: calc( var(--h7) * 1.5); margin-right: 1.5rem; flex-shrink: 0; background: url('data:image/svg+xml,<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="30" height="30" rx="15" fill="white"/><path d="M22 11L13.0625 20L9 15.9091" stroke="%231EAC4B" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat center / contain;}
.sub_cont_sorting10 .cont_box .right_cont .check_box > li .ico.num {display: flex; align-items: center; justify-content: center; width: 2.7em; height: 2.7em; border-radius: 50%; font-weight: 700; background: var(--black); color: #fff; margin-right: 3rem;}
.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;}

.sub_cont_sorting10.col .cont_box .right_cont .check_box > li{opacity: 0; transform: translateY(5rem); transition: opacity 0.6s ease-in-out, transform 0.6s ease-in-out;}
.sub_cont_sorting10.col.active .right_cont .check_box > li{opacity: 1; transform: unset;}
.sub_cont_sorting10.col.active .right_cont .check_box > li:nth-child(2){transition-delay: 0.3s;}
.sub_cont_sorting10.col.active .right_cont .check_box > li:nth-child(3){transition-delay: 0.6s;}
.sub_cont_sorting10.col.active .right_cont .check_box > li:nth-child(4){transition-delay: 0.9s;}
.sub_cont_sorting10.col.active .right_cont .check_box > li:nth-child(5){transition-delay: 1.2s;}
.sub_cont_sorting10.col.active .right_cont .check_box > li:nth-child(6){transition-delay: 1.5s;}
.sub_cont_sorting10.col.active .right_cont .check_box > li:nth-child(7){transition-delay: 1.8s;}
.sub_cont_sorting10.col.active .right_cont .check_box > li:nth-child(8){transition-delay: 2.1s;}








/* 서브페이지_진료과목_단순정렬_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(--pointBg); display: inline-flex; justify-content: center; overflow: hidden;}
.com_tab01 .swiper-container {width: calc(100% + 20px); padding: 0 10px;}
.com_tab01 .swiper-wrapper {width: max-content;}
.com_tab01 .swiper-slide {width: auto; margin-right: 10px;}
.com_tab01 .swiper-slide:last-child {margin-right: 0 !important; }
.com_tab01 .btn {font-size: var(--p3); font-weight: 700; color:var(--point01); padding: 0.90em 2.3em; border-radius: 10em; line-height: 1; transition: 0.3s ease-in-out; }

.com_tab01 .btn.active {background-color: var(--point01); color: #fff;}
.com_tab01 .btn.active:hover{color: #fff; background-color: var(--point01);}


/*  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: 6rem 3rem;}
.bulletin_list_thum07 .list li .img {padding-top: 100%; position: relative; overflow: hidden; border-radius: 2rem;}
.bulletin_list_thum07 .list li .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 .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 .txt_box { margin-top: 2rem;}
.bulletin_list_thum07 .list li .txt_box .tit {font-size: var(--p3); font-weight: 600; line-height: 1.7; overflow: hidden;text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical;}
.bulletin_list_thum07 .list li .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(--point01); 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,<svg width="16" height="18" viewBox="0 0 16 18" xmlns="http://www.w3.org/2000/svg"><path d="M12.7188 3.28125C11.9062 2.46875 10.5625 2.46875 9.75 3.28125L3.78125 9.28125C2.40625 10.6562 2.40625 12.875 3.78125 14.2188C5.125 15.5938 7.34375 15.5938 8.71875 14.2188L13.4688 9.46875C13.75 9.1875 14.2188 9.1875 14.5 9.46875C14.8125 9.78125 14.8125 10.25 14.5 10.5312L9.78125 15.2812C7.8125 17.25 4.65625 17.25 2.71875 15.2812C0.75 13.3438 0.75 10.1875 2.71875 8.21875L8.71875 2.21875C10.0938 0.84375 12.375 0.84375 13.7812 2.21875C15.1562 3.625 15.1562 5.90625 13.7812 7.28125L8.03125 13.0312C7.03125 14.0312 5.40625 13.9375 4.53125 12.8438C3.78125 11.9062 3.875 10.5625 4.71875 9.71875L9.46875 4.96875C9.75 4.6875 10.2188 4.6875 10.5 4.96875C10.8125 5.28125 10.8125 5.75 10.5 6.03125L5.78125 10.7812C5.46875 11.0938 5.4375 11.5625 5.71875 11.9062C6.03125 12.2812 6.59375 12.3438 6.96875 11.9688L12.7188 6.21875C13.5312 5.40625 13.5312 4.09375 12.7188 3.28125Z" fill="%23696969"/></svg>') 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(--point01);}


/* 공지사항_게시판리스트_검색_01 */
.list_search01 .board_list_top {display: flex; align-items: flex-end; justify-content: space-between; margin-bottom:3rem; margin-top: var(--contMt2);}
.list_search01 .board_list_top .sch_box{width: 30rem; max-width: 100%;}
.list_search01 .board_list_top .sch_box .sch_inp{position: relative;}
.list_search01 .board_list_top .sch_box .sch_inp input {width: 100%; padding-bottom: 0.75em; border-bottom: 1px solid var(--gray90); font-size: var(--p4);}
.list_search01 .board_list_top .sch_box .sch_inp input::placeholder {color: var(--gray40);}
.list_search01 .board_list_top .sch_box .sch_inp .btn {position: absolute; right: 0em; top: 50%; transform: translateY(-50%);}
.list_search01 .board_list_top .sch_box .sch_inp .btn svg {width: 1.5em; height: auto;}
.list_search01 .board_list_top .total_num{font-size:var(--p4)}
.list_search01 .board_list_top .total_num strong {font-weight: 700; color:var(--point01);}


/*  리스트_리스트형_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(--point01); }
.bulletin_list07 .notice_list .list li a .tit{flex: 1; min-width: 0;  font-weight: 700; padding-right: 3em; 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,<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15" fill="none"><path d="M15 7.5H0M7.5 15V0" stroke="%23000" stroke-width="1.8" stroke-linejoin="round"/></svg>') no-repeat center / contain;}
.load_footer07 .footer_family .nice-select.open:after {transform: rotate(0); background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="15" height="2" viewBox="0 0 15 2" fill="none"><path d="M15 0.900391H0" stroke="%23000" stroke-width="1.8" stroke-linejoin="round"/></svg>') 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; line-height: 1.5;}

.cont_banner11_sect .btn_box {margin-top: 6rem;}
.cont_banner11_sect .banner_img .txt_box .txt{font-size: var(--p4); margin-top: 1rem;}






/* 콘텐츠 단순 정렬 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,<svg width="18" height="15" viewBox="0 0 18 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.7578 7.96875L10.7813 13.9844L10.1172 14.6484L8.78906 13.3203L9.45313 12.6562L13.8281 8.24219L0.9375 8.24219H0L0 6.36719H0.9375L13.8281 6.36719L9.45312 1.99219L8.78906 1.32812L10.1172 0L10.7812 0.664062L16.7578 6.64062L17.4219 7.30469L16.7578 7.96875Z" fill="black"/></svg>') 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,<svg width="18" height="15" viewBox="0 0 18 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.7578 7.96875L10.7813 13.9844L10.1172 14.6484L8.78906 13.3203L9.45313 12.6562L13.8281 8.24219L0.9375 8.24219H0L0 6.36719H0.9375L13.8281 6.36719L9.45312 1.99219L8.78906 1.32812L10.1172 0L10.7812 0.664062L16.7578 6.64062L17.4219 7.30469L16.7578 7.96875Z" fill="white"/></svg>') 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: #000;}
.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 .main_tit_box .txt {margin-top: 2rem;} 
.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,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12" fill="none"><path d="M0.707031 11L10.707 1" stroke="black" stroke-width="2" stroke-linejoin="round"/><path d="M0.707031 1H10.707V11" stroke="black" stroke-width="2"/></svg>') 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 .cont {display: flex; align-items: center; padding: var(--pd) 0 var(--pd1);}
.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(--black) 50%, #BCBFC2 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; }
.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,<svg width="18" height="15" viewBox="0 0 18 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.7578 7.96875L10.7813 13.9844L10.1172 14.6484L8.78906 13.3203L9.45313 12.6562L13.8281 8.24219L0.9375 8.24219H0L0 6.36719H0.9375L13.8281 6.36719L9.45312 1.99219L8.78906 1.32812L10.1172 0L10.7812 0.664062L16.7578 6.64062L17.4219 7.30469L16.7578 7.96875Z" fill="black"/></svg>') 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,<svg width="18" height="15" viewBox="0 0 18 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.7578 7.96875L10.7813 13.9844L10.1172 14.6484L8.78906 13.3203L9.45313 12.6562L13.8281 8.24219L0.9375 8.24219H0L0 6.36719H0.9375L13.8281 6.36719L9.45312 1.99219L8.78906 1.32812L10.1172 0L10.7812 0.664062L16.7578 6.64062L17.4219 7.30469L16.7578 7.96875Z" fill="white"/></svg>') 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,<svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 448 512"><path d="M212.7 363.3c6.2 6.2 16.4 6.2 22.6 0l160-160c6.2-6.2 6.2-16.4 0-22.6s-16.4-6.2-22.6 0L224 329.4 75.3 180.7c-6.2-6.2-16.4-6.2-22.6 0s-6.2 16.4 0 22.6l160 160z"/></svg>') 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 .view_top { position: relative; padding-bottom: 3rem; padding-right: 6rem ;border-bottom: 1px solid #000; margin-top: calc(var(--hdH) + 12rem);}
.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,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path d="M9.9987 3.75C5.83203 3.75 2.2737 6.34167 0.832031 10C2.2737 13.6583 5.83203 16.25 9.9987 16.25C14.1654 16.25 17.7237 13.6583 19.1654 10C17.7237 6.34167 14.1654 3.75 9.9987 3.75ZM9.9987 14.1667C7.6987 14.1667 5.83203 12.3 5.83203 10C5.83203 7.7 7.6987 5.83333 9.9987 5.83333C12.2987 5.83333 14.1654 7.7 14.1654 10C14.1654 12.3 12.2987 14.1667 9.9987 14.1667ZM9.9987 7.5C8.61536 7.5 7.4987 8.61667 7.4987 10C7.4987 11.3833 8.61536 12.5 9.9987 12.5C11.382 12.5 12.4987 11.3833 12.4987 10C12.4987 8.61667 11.382 7.5 9.9987 7.5Z" fill="%236E6E6E"/></svg>') 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 {padding-top: 2rem;}
.answer_view01_sect .view_cont .edit_btn_wrap { display: flex; align-items: center; justify-content: flex-end; 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); line-height: 1.2; 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(--gray5); 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(--gray5); 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; width: 100%;}
.answer_view01_sect .view_cont .a_cont .board_file .file_txt {max-width: 85%; 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; justidatefy-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 .list  { border-top:1px solid var(--line);margin-bottom: 4rem; }
.notice_list08_sect .one_to_list .list li { border-bottom: 1px solid var(--line); ;}
.notice_list08_sect .one_to_list .list li { display: flex; font-size:var(--p4); padding: 3rem 2rem; align-items: center;  transition: all 0.3s ease-in-out;}
.notice_list08_sect .one_to_list .list li .num { width:5em; text-align: center; color:var(--gray40); }
.notice_list08_sect .one_to_list .list li .labels { display: flex; text-align: center; margin-right:1.6rem; }
.notice_list08_sect .one_to_list .list li .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 .list li .subj { font-size:var(--p2);  font-weight:700; text-align: left; flex:1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-right: 1em;}
.notice_list08_sect .one_to_list .list li .subj .ico {margin-right: 0.6em; width: 0.7em; flex-shrink: 0; height: 1.7em; display: inline-block;}
.notice_list08_sect .one_to_list .list li .subj .ico svg {width: 100%; height: auto;}
.notice_list08_sect .one_to_list .list li .name { color:var(--gray2); width:6.5em; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.notice_list08_sect .one_to_list .list li .tel { color:var(--gray); width:8em }
.notice_list08_sect .one_to_list .list li .date{ font-size: var(--p5); color:var(--gray40); font-weight:400; width:8em;   }
.notice_list08_sect .one_to_list .list li .hit{ color:#342f2f;  width:6em; margin-right:1em;   }
.notice_list08_sect .one_to_list .list li .state span { display: inline-flex; vertical-align: middle; padding:0.7em 1.2em; line-height: 1; border-radius:3em; background-color: #B5BACB; color: #fff; font-size:var(--p4); white-space: nowrap}
.notice_list08_sect .one_to_list .list li .state.clear span { background-color: #000; }
.notice_list08_sect .one_to_list .list li .num + .state { margin-right:1em;}
.notice_list08_sect .one_to_list .list li .state + .state { margin-right:1em; margin-left: -0.3em;}
.notice_list08_sect .one_to_list .list li .state.min-w span{min-width:80px; justify-content:center;}
.notice_list08_sect .one_to_list .list li .cate{color: var(--point01); font-weight:700; min-width:7em; text-align: center; margin-right: 2rem;}


.notice_list08_sect .one_to_list .write_btn_box {margin-top: var(--contMt4); display: flex; justify-content: flex-end; font-size: var(--p4);}
.notice_list08_sect .one_to_list .write_btn_box .write_btn {display: flex; align-items: center; border: 1px solid var(--black); border-radius: 1rem;  padding: 0.8em 1.5em; font-weight: 600; transition: 0.3s ease-in-out;}
.notice_list08_sect .one_to_list .write_btn_box .write_btn svg {width: 1.25em; height: auto; margin-right: 0.8em; }
.notice_list08_sect .one_to_list .write_btn_box .write_btn svg path {transition: 0.3s ease-in-out;}








/* 게시판상세 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(--gray40); font-size:var(--p4); margin-top:1.5rem; line-height: 1; font-weight: 500;}
.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(--gray40); white-space: nowrap; }
.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,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path d="M9.9987 3.75C5.83203 3.75 2.2737 6.34167 0.832031 10C2.2737 13.6583 5.83203 16.25 9.9987 16.25C14.1654 16.25 17.7237 13.6583 19.1654 10C17.7237 6.34167 14.1654 3.75 9.9987 3.75ZM9.9987 14.1667C7.6987 14.1667 5.83203 12.3 5.83203 10C5.83203 7.7 7.6987 5.83333 9.9987 5.83333C12.2987 5.83333 14.1654 7.7 14.1654 10C14.1654 12.3 12.2987 14.1667 9.9987 14.1667ZM9.9987 7.5C8.61536 7.5 7.4987 8.61667 7.4987 10C7.4987 11.3833 8.61536 12.5 9.9987 12.5C11.382 12.5 12.4987 11.3833 12.4987 10C12.4987 8.61667 11.382 7.5 9.9987 7.5Z" fill="%236E6E6E"/></svg>') 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: #fff; width: 5rem; height: 5rem; border-radius: 50%; transition: 0.3s ease-in-out;}
.notice_view01_sect .view_top .share_box .btn .ico {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%) ;width:55%; height: auto}
.notice_view01_sect .view_top .share_box .btn .ico path {transition: 0.3s ease-in-out;}
.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:hover .sns_list .btn {background-color: var(--gray90);}
.notice_view01_sect .view_top .share_box:hover .sns_list .btn .ico path {fill: #fff;}
.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;}
.notice_view01_sect .view_cont .txt_box * {max-width: 100%}
.notice_view01_sect .view_cont .txt_box p{word-break: break-all;}
.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,
.notice_view01_sect .view_cont .board_link{display: flex; align-items: center; font-size: var(--p4); font-weight:500; padding: 1.25em; margin-top: 3rem; color: var(--gray60); background-color: var(--gray5);}

 .notice_view01_sect .view_cont .board_file .ico{flex-shrink: 0; width: 1em; height: 1em; margin-right: 1rem; background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path d="M12.063 14.4286C12.3882 14.1031 12.3884 13.5755 12.063 13.2501C11.7376 12.925 11.2098 12.9249 10.8845 13.2501L9.0229 15.1116C8.48894 15.6455 7.78165 15.9381 6.98352 15.9322C6.20633 15.9265 5.46993 15.6226 4.92458 15.0599C4.91855 15.0536 4.91238 15.0475 4.90616 15.0414C4.34332 14.496 4.03893 13.7593 4.03321 12.9819C4.02765 12.2167 4.33556 11.4838 4.87682 10.9425L6.73781 9.08155C7.06324 8.75612 7.06324 8.22848 6.73781 7.90304C6.41237 7.57761 5.88473 7.57761 5.55929 7.90304L3.6983 9.76403C2.84939 10.6129 2.35774 11.7719 2.36673 12.9946C2.37567 14.2052 2.85335 15.3721 3.74664 16.2378C4.6105 17.1191 5.76952 17.5905 6.97144 17.5993C8.20615 17.6084 9.34512 17.1463 10.2014 16.2902L12.063 14.4286ZM16.3017 10.2359C17.1506 9.38699 17.6423 8.22804 17.6333 7.00535C17.6243 5.799 17.1499 4.63611 16.2626 3.77135L16.0974 3.61425C15.2544 2.851 14.1622 2.43199 13.0286 2.42366C11.819 2.41479 10.6562 2.87409 9.79802 3.73222L7.93703 5.59321C7.61166 5.91858 7.6118 6.44627 7.93703 6.77172C8.26247 7.09716 8.79011 7.09716 9.11554 6.77172L10.9765 4.91073C11.5085 4.37878 12.2377 4.08455 13.0159 4.09015C13.7947 4.09587 14.5361 4.40191 15.0841 4.94986C15.0871 4.95289 15.0902 4.95608 15.0933 4.95907C15.6561 5.50454 15.9611 6.24063 15.9668 7.01801C15.9724 7.78326 15.6644 8.51611 15.1232 9.05739L13.2622 10.9184C12.9368 11.2438 12.9368 11.7714 13.2622 12.0969C13.5876 12.4223 14.1153 12.4223 14.4407 12.0969L16.3017 10.2359ZM13.3502 7.77817C13.6757 7.45273 13.6757 6.9251 13.3502 6.59966C13.0248 6.27437 12.4971 6.27427 12.1717 6.59966L6.58819 12.1832C6.2628 12.5086 6.2629 13.0363 6.58819 13.3617C6.91363 13.6872 7.44126 13.6872 7.7667 13.3617L13.3502 7.77817Z" fill="%236E6E6E"/></svg>') no-repeat center/contain;}
.notice_view01_sect .view_cont .board_file .file {display: flex; margin-right:3rem; line-height: 1; width: 100%;}
.notice_view01_sect .view_cont .board_file .file_txt {max-width: 70%; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.notice_view01_sect .view_cont .board_link {margin-top: 4rem;}
.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(--gray20); }
.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 var(--gray90); transition: background-color 0.25s, fill 0.25s, color 0.25s;}
.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%; }
.notice_view01_sect .board_li_wrap .box.next .txt {text-align: right;}
.notice_view01_sect .board_li_wrap .box.none,
.notice_view01_sect .board_li_wrap .box.end{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 */

.consult1_sect .com_info_box{background-color: var(--gray5); border-radius: 3rem;  padding: 4rem 6rem;}
.consult1_sect .com_info_box .info_tit{position: relative; font-size: var(--p3); font-weight: 700; padding-left: 1.6em; color:var(--point01);}
.consult1_sect .com_info_box .info_tit:before{content:''; position: absolute; left: 0; top: 0; width: 1.1em; height: 1.7em; background: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z" stroke="%230515D8" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M12 8V12" stroke="%230515D8" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M12 16H12.01" stroke="%230515D8" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat center / contain;}
.consult1_sect .com_info_box .com_dot_list {margin-top: 0.5em; color: var(--gray); padding-left: calc(var(--txt) + 5px);}
.consult1_sect .com_info_box .com_dot_list li{color: var(--gray2); font-size:var(--p4); line-height: 1.5;}
.consult1_sect .com_info_box .com_dot_list li + li {margin-top: 0.5em;}
.consult1_sect .ess_txt {text-align: right; margin-top: 0.5em; font-size: var(--p4); }
.consult1_sect .ess_txt span {color: var(--point01);}


.consult1_sect .form_box {margin-top: 12rem;}
.consult1_sect .form_box .left_tit {font-size: var(--h8); font-weight: 700; width: 27.5%; flex-shrink: 0;}
.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(--point01);}
.consult1_sect .form_box .cont {display: flex;}
.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-size: var(--p4); font-weight: 600; height: calc(var(--p4) * 3.5); display: flex; align-items: center; width: 9em; flex-shrink: 0;}
.consult1_sect .com_inp_cont .inp_txt.ess:after {content: '*';color: var(--point01);font-weight: 700; margin-left: 0.25em;}
.consult1_sect .com_inp_cont .inp_txt.align_top {height: auto; align-items: flex-start; padding-top: 0.15em;}
.consult1_sect .com_inp_cont.check .inp_txt {height: auto;}

.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(--gray5); }

.consult1_sect .com_inp_cont .inp_box .radio_box {display: flex; gap:2rem 3.5rem}
.consult1_sect .com_inp_cont .inp_box .radio_box .radio label {display: flex; align-items: center; cursor: pointer;}
.consult1_sect .com_inp_cont .inp_box .radio_box .radio > 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 .com_inp_cont .inp_box .radio_box .radio .ico {position: relative; width: var(--h8); height: var(--h8); margin-right: 1rem;}
.consult1_sect .com_inp_cont .inp_box .radio_box .radio .ico .stroke {width: 100%; height: auto;}
.consult1_sect .com_inp_cont .inp_box .radio_box .radio .ico .stroke rect {transition: all 0.2s ease-in-out;}
.consult1_sect .com_inp_cont .inp_box .radio_box .radio .ico .fill {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%) scale(0) ; width: 50%; height: 50%;transition: transform 0.2s ease-in-out;}
.consult1_sect .com_inp_cont .inp_box .radio_box .radio input:checked + label .ico .fill { transform: translate(-50%,-50%) scale(1);}
.consult1_sect .com_inp_cont .inp_box .radio_box .radio input:checked + label .ico .stroke rect {stroke:var(--point01);}
.consult1_sect .com_inp_cont .inp_box .radio_box + .file_cont {margin-top: 2rem;}

.consult1_sect .com_inp_cont.visit .inp_box .radio_box{flex-wrap: wrap;}
.consult1_sect .com_inp_cont.visit .inp_box .radio_box .radio.etc {display: flex; align-items: flex-start; gap: 2rem; height: var(--inpH);}

.consult1_sect .com_inp_cont.phone .inp_box .inp,
.consult1_sect .com_inp_cont.name .inp_box .inp,
.consult1_sect .com_inp_cont.type .inp_box .select,
.consult1_sect .com_inp_cont.date .inp_box .inp {width: 34rem;}

.consult1_sect .check_inp {position: relative;}
.consult1_sect .check_inp label { display: flex; align-items: center; cursor: pointer; }
.consult1_sect .check_inp 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 .check_inp 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 .check_inp input + label .ico svg{display: block; width: 0.8em;}
.consult1_sect .check_inp input:checked + label .ico{ fill: #fff; background-color: #000; border-color: #000;}
.consult1_sect .check_inp input:checked + label .ico path{ fill: #fff;}

.consult1_sect .com_inp_cont .inp_box .select .nice-select {background-color: var(--gray5); 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 .select .nice-select .option:hover, 
.consult1_sect .com_inp_cont .inp_box .select .nice-select .option.focus, 
.consult1_sect .com_inp_cont .inp_box .select .nice-select .option.selected.focus{background: var(--gray5); }

.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: 25rem; padding: 1.25em; background-color: var(--gray5); 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(--gray5); 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(--gray5); 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:#000; border-radius: 50%; margin-left: auto;}
.consult1_sect .com_inp_cont .file_box .commonFileDeleteBtn svg path {fill: #fff;}
.consult1_sect .com_inp_cont .file_box .flie_btn {font-size: var(--p4); 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(--h8); font-weight: 700;}
.consult1_sect .consent_cont .cont_tit:after {content: '*';color: var(--point01);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(--gray70); border-radius: 2rem; font-weight: 500; margin-top: 2rem; overflow-y: auto; max-height: 30rem;}
.consult1_sect .consent_cont .cont::-webkit-scrollbar{display: none;}
/* .consult1_sect .consent_cont .cont::-webkit-scrollbar {-webkit-appearance: none;}
.consult1_sect .consent_cont .cont::-webkit-scrollbar:vertical {width: 5px;}
.consult1_sect .consent_cont .cont::-webkit-scrollbar:horizontal {height: 3px;}
.consult1_sect .consent_cont .cont::-webkit-scrollbar-thumb {background-color: rgba(0, 0, 0, .3);border-radius: 5px;}
.consult1_sect .consent_cont .cont::-webkit-scrollbar-track {border-radius: 10px;background-color: rgba(0, 0, 0, .1);} */

.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(--p4);}
.consult1_sect .consent_cont .form_chk .txt span {color: var(--point01); }
.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.7em;}
.consult1_sect .form_chk .chk_box input:checked + label .ico{ fill: #fff; background-color:var(--black); border-color: var(--black);}
.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(--gray20); color: var(--black); background-color: transparent;}
.consult1_sect .com_basic_btn .ico {background: url('data:image/svg+xml, <svg width="20" height="19" viewBox="0 0 20 19" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M19.3789 10.0225L12.1631 17.959L11.4912 18.6992L10.0107 17.3535L10.6836 16.6133L16.3789 10.3496L-4.52396e-07 10.3496L-3.64973e-07 8.34961L16.3789 8.34961L10.6836 2.08496L10.0107 1.3457L11.4912 -3.71504e-07L12.1631 0.740234L19.3789 8.67676L19.9902 9.34961L19.3789 10.0225Z" fill="%23fff"></path></svg>') 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, <svg width="20" height="19" viewBox="0 0 20 19" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M19.3789 10.0225L12.1631 17.959L11.4912 18.6992L10.0107 17.3535L10.6836 16.6133L16.3789 10.3496L-4.52396e-07 10.3496L-3.64973e-07 8.34961L16.3789 8.34961L10.6836 2.08496L10.0107 1.3457L11.4912 -3.71504e-07L12.1631 0.740234L19.3789 8.67676L19.9902 9.34961L19.3789 10.0225Z" fill="%231c1c1c"></path></svg>') no-repeat center / contain; transition: 0.3s ease-in-out;}

.consult1_sect .com_inp_cont.date .inp_box .inp{position: relative; }
.consult1_sect .com_inp_cont.date .inp_box .inp:before{ content: ''; position: absolute; top:50%; transform: translateY(-50%); right: 1.5rem; display:block; width: 1.2em; height:1.2em; background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path d="M15.8333 3.33331H4.16667C3.24619 3.33331 2.5 4.07951 2.5 4.99998V16.6666C2.5 17.5871 3.24619 18.3333 4.16667 18.3333H15.8333C16.7538 18.3333 17.5 17.5871 17.5 16.6666V4.99998C17.5 4.07951 16.7538 3.33331 15.8333 3.33331Z" stroke="%231F2933" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M13.3335 1.66669V5.00002" stroke="%231F2933" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M6.6665 1.66669V5.00002" stroke="%231F2933" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M2.5 8.33331H17.5" stroke="%231F2933" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat center / contain;}
.consult1_sect .com_inp_cont.date .inp_box .inp input{padding-right: 3em;}

/* 안내문구 */
.consult1_sect .top_info_txt{font-size:var(--p4); font-weight: 500; padding-bottom: 3rem; margin-bottom: 3rem; border-bottom: 1px solid var(--gray90);}
.consult1_sect .info_box{width:100%; padding-top: 2rem; margin-top: 1rem; border-top: 1px solid var(--gray20); color: var(--gray60);}
.consult1_sect .com_inp_cont .em_txt {font-size: var(--p6); color: var(--gray60); margin-top: 1em; display: flex;}
.consult1_sect .com_inp_cont .em_txt > span {margin-right: 0.25em;}
.consult1_sect .com_inp_cont .info_box .em_txt{margin-top: 0;}


/* 상단 안내 박스 */
.consult1_sect .info_cont .cont_box{display: flex; gap: 2rem;}
.consult1_sect .info_cont .cont{display: flex; flex-direction: column; font-size: var(--p4); font-weight: 500; background-color: var(--gray5); border: 1px solid var(--gray5); border-radius: 2rem; padding: 4rem; transition: 0.3s ease;}
.consult1_sect .info_cont .cont1{width: 25.8%; } 
.consult1_sect .info_cont .cont:not(.cont1){flex: 1;}
.consult1_sect .info_cont .cont .tit{display: flex; align-items: center; font-size: var(--p2); font-weight: 700; margin-bottom: 1rem;}
.consult1_sect .info_cont .cont .btn{display: inline-flex; align-items: center; justify-content: center; text-align: center; font-size: var(--p4); margin-top: auto; font-weight: 500; background-color: #fff; padding: 0.6em 1.5em; border-radius: 99rem; transition: 0.3s ease;} 
.consult1_sect .info_cont .cont .btn svg{display: block; height: 1.1em; margin-right: 0.6em; margin-top: -0.1em;}
.consult1_sect .info_cont .cont2 .tit .tel_btn {display: inline-flex; align-items: center; margin-left: 0.3em;}
.consult1_sect .info_cont .cont2 .tit .tel_btn svg{display: block; height: 1.2em; }
.consult1_sect .info_cont .cont2 .info_list{margin-top: 0.2rem; margin-bottom: 3rem;}
.consult1_sect .info_cont .cont2 .info_list .com_info_txt{font-size: var(--p6); color: var(--gray70);}
.consult1_sect .info_cont .cont2 .btn{margin-left: auto;}
.consult1_sect .info_cont .cont3 .email_box{margin-top: auto; margin-bottom: 0.5rem;}
.consult1_sect .info_cont .cont3 .email_box .email_btn{display: flex; align-items: center; font-size: var(--h8); font-weight: 700;}
.consult1_sect .info_cont .cont3 .email_box .email_btn svg{display: block; height: 1em; margin-right: 0.3em;}

.consult1_sect .info_cont .cont .btn:hover{background-color: var(--point01); color: #fff;}
.consult1_sect .info_cont .cont .btn:hover svg path{fill: #fff;} 

 


.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(--point01Color1); border:1px solid var(--point01Color1); 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,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="%23FFFFFF" d="M429.8 273l17-17-17-17L276.2 85.4l-17-17-33.9 33.9 17 17L354.9 232 24 232 0 232l0 48 24 0 330.9 0L242.2 392.6l-17 17 33.9 33.9 17-17L429.8 273z"/></svg>') 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(--point01Color1); 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,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20.001 20"><path data-name="패스 13449" d="M10,0,8.237,1.762,15.212,8.75H0v2.5H15.212L8.237,18.237,10,20,20,10Z" transform="translate(0 0)" fill="%23fff"/></svg>') 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: max(calc((100% - var(--in))/2 + var(--inPd)) ,  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(--point01); background-color: var(--point01); 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,<svg width="18" height="15" viewBox="0 0 18 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.7578 7.96875L10.7813 13.9844L10.1172 14.6484L8.78906 13.3203L9.45313 12.6562L13.8281 8.24219L0.9375 8.24219H0L0 6.36719H0.9375L13.8281 6.36719L9.45312 1.99219L8.78906 1.32812L10.1172 0L10.7812 0.664062L16.7578 6.64062L17.4219 7.30469L16.7578 7.96875Z" fill="black"/></svg>') 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(--point01); 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,<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="17.5" width="1" height="36" fill="%23656565"/><rect y="18.5" width="1" height="36" transform="rotate(-90 0 18.5)" fill="%23656565"/></svg>') 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 ;}





/* landing-view_mr -------------------------------------------------------------- */
/* .swiper_controls {position: absolute; left: 0; bottom: 0; display: flex; align-items: center;} */
.swiper_controls {position: relative; display: flex; align-items: center; justify-content: center;}
.swiper_controls .num {text-align: center; width: 1.5em; font-weight: 700;}
.swiper_controls .pagination {position: relative; width: 10rem; height: max(0.4rem,2px); background-color:#E8E8E8; margin: 0 0.5em;}
.swiper_controls .pagination .swiper-pagination-progressbar-fill {background-color: #1c1c1c;}
.swiper_controls .swiper_btn {display: flex; align-items: center; cursor: pointer;}
.swiper_controls .swiper_btn.swiper-button-disabled svg {opacity: 0.3;}
.swiper_controls .swiper_btn svg {width: 1em; height: auto;; transition: 0.3s ease-in-out;}
.swiper_controls .swiper_next {margin-left: 1em;}
.swiper_controls .swiper_prev {margin-right: 1em;}
.swiper_controls.none {display: none !important;}


/* 서브페이지_진료과목_단순정렬_29 */
.sub_cont_sorting29 .system_card_wrap{display:flex; gap: 3rem;}
.sub_cont_sorting29 .system_card{flex:1; border-radius: 3rem; padding: 4rem; opacity: 0; transform: translateY(100px); transition: opacity 0.6s ease-in-out, transform 0.6s ease-in-out;}
.sub_cont_sorting29.active .system_card{opacity: 1; transform: unset;}
.sub_cont_sorting29 .system_card:nth-child(1){background: linear-gradient(127deg, #F1F3FF 0%, #EAEEFF 100%); transition-delay: 0.3s;}
.sub_cont_sorting29 .system_card:nth-child(2){background: linear-gradient(127deg, #E6F4F3 0%, #E6F4ED 100%); transition-delay: 0.6s;}
.sub_cont_sorting29 .system_card .tit_box{border-bottom: 1px solid rgba(0, 0, 0, 0.15); margin-bottom:2rem; padding-bottom: 1.5rem;}
.sub_cont_sorting29 .system_card .tit_box .badge{display: inline-flex; font-size: var(--p4); background-color: #fff; padding: 0.4em 1.25em; font-weight: 700; border-radius: 0.8rem;}
.sub_cont_sorting29 .system_card .tit_box .tit{font-size: var(--h5); font-weight: 700; margin-top: 2rem;}
.sub_cont_sorting29 .system_card .tit_box + .txt{ font-size: var(--p4); font-weight: 500; }

.sub_cont_sorting29 .system_card .btm_box{margin-top: 8rem;}
.sub_cont_sorting29 .system_card .system_list{display:grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem 2rem; margin-top: 2rem;}
.sub_cont_sorting29 .system_card .system_list .item{position:relative; display: flex; font-size: var(--p2); font-weight: 500; background-color: #fff; border-radius: 0.5rem; padding: 1.3rem;}
.sub_cont_sorting29 .system_card .system_list .item .ico{display: inline-flex; width: 1.1em; height: 1.1em; margin-top: 0.3em; flex-shrink: 0; margin-right: 0.3em; background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 22 22" fill="none"><path d="M20.1668 11.0014C20.1668 13.4325 19.2011 15.7641 17.482 17.4832C15.7629 19.2023 13.4313 20.168 11.0002 20.168C9.79638 20.168 8.60438 19.9309 7.49223 19.4703C6.38008 19.0096 5.36955 18.3344 4.51835 17.4832C2.79927 15.7641 1.8335 13.4325 1.8335 11.0014C1.8335 8.57023 2.79927 6.23865 4.51835 4.51957C6.23743 2.80049 8.56901 1.83472 11.0002 1.83472C12.2039 1.83472 13.3959 2.07182 14.5081 2.53249C15.6202 2.99316 16.6308 3.66837 17.482 4.51957C18.3332 5.37077 19.0084 6.3813 19.4691 7.49345C19.9297 8.6056 20.1668 9.7976 20.1668 11.0014ZM5.50016 11.918H12.8335L9.62516 15.1264L10.9268 16.4281L16.3535 11.0014L10.9268 5.57472L9.62516 6.87638L12.8335 10.0847H5.50016V11.918Z" fill="black"/></svg>') no-repeat center / contain;}


/* 서브페이지_진료과목_프로세스_04 */
.sub_cont_process04 .step_list{display:flex; gap: 3rem;}
.sub_cont_process04 .step_list .step_box{flex: 1; display:flex; flex-direction:column; background-color: var(--bg); border-radius: 3rem; padding: 4rem 4rem 0; opacity: 0; transform: translateY(100px); transition: opacity 0.6s ease-in-out, transform 0.6s ease-in-out;}
.sub_cont_process04.active .step_box{opacity: 1; transform: unset;}
.sub_cont_process04 .step_box:nth-child(1){transition-delay: 0.3s;}
.sub_cont_process04 .step_box:nth-child(2){transition-delay: 0.6s;}
.sub_cont_process04 .step_box:nth-child(3){transition-delay: 0.9s;}

.sub_cont_process04 .step_list .step_box .num{color: var(--point01); font-weight: 700; font-size: var(--p4);}
.sub_cont_process04 .step_list .step_box .txt_box{margin-top: 8rem; margin-bottom: 3rem;}
.sub_cont_process04 .step_list .step_box .txt_box .tit{font-size: var(--h7); font-weight: 700;}
.sub_cont_process04 .step_list .step_box .txt_box .dot_list{margin-top: 1.5rem;}
.sub_cont_process04 .step_list .step_box .txt_box .dot_list .dot_txt{font-size: var(--p3); font-weight: 400;}

.sub_cont_process04 .step_list .step_box .link_box{border-top: 1px solid var(--line); margin-top: auto;}
.sub_cont_process04 .step_list .step_box .link_box .step_link_btn{display: flex; justify-content: space-between; align-items: center; width:100%; font-size: var(--p2); font-weight: 600; padding: 2rem 0; border-radius: 0.8rem;}
.sub_cont_process04 .step_list .step_box .link_box .step_link_btn .ico{display: inline-flex; width: 5rem; height: 5rem; border-radius:50%; flex-shrink: 0; margin-left: 0.3em; transition: 0.3s ease; background: #fff url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M17.9199 6.62C17.8185 6.37565 17.6243 6.18147 17.3799 6.08C17.2597 6.02876 17.1306 6.00158 16.9999 6H6.99994C6.73472 6 6.48037 6.10536 6.29283 6.29289C6.1053 6.48043 5.99994 6.73478 5.99994 7C5.99994 7.26522 6.1053 7.51957 6.29283 7.70711C6.48037 7.89464 6.73472 8 6.99994 8H14.5899L6.28994 16.29C6.19621 16.383 6.12182 16.4936 6.07105 16.6154C6.02028 16.7373 5.99414 16.868 5.99414 17C5.99414 17.132 6.02028 17.2627 6.07105 17.3846C6.12182 17.5064 6.19621 17.617 6.28994 17.71C6.3829 17.8037 6.4935 17.8781 6.61536 17.9289C6.73722 17.9797 6.86793 18.0058 6.99994 18.0058C7.13195 18.0058 7.26266 17.9797 7.38452 17.9289C7.50638 17.8781 7.61698 17.8037 7.70994 17.71L15.9999 9.41V17C15.9999 17.2652 16.1053 17.5196 16.2928 17.7071C16.4804 17.8946 16.7347 18 16.9999 18C17.2652 18 17.5195 17.8946 17.707 17.7071C17.8946 17.5196 17.9999 17.2652 17.9999 17V7C17.9984 6.86932 17.9712 6.74022 17.9199 6.62Z" fill="black"/></svg>') no-repeat center / 50%;}


/* 서브페이지_진료과목_단순정렬_30 */
.sub_cont_sorting30 .cont_wrap{display: flex; align-items: flex-start; justify-content: space-between;}
.sub_cont_sorting30 .cont_wrap .tit_box .link_btn{margin-top: 3rem;}
.sub_cont_sorting30 .cont_wrap .cont{width: 53%; flex-shrink: 0;}
.sub_cont_sorting30 .cont_wrap .cont .item{padding: 4rem;}
.sub_cont_sorting30 .cont_wrap .cont .item:first-child{padding-top: 0;}
.sub_cont_sorting30 .cont_wrap .cont .item:last-child{padding-bottom: 0;}
.sub_cont_sorting30 .cont_wrap .cont .item .img{width:10rem; height: 10rem; margin-bottom: 4rem;}
.sub_cont_sorting30 .cont_wrap .cont .item .tit{font-size: var(--h7); font-weight: 700;}
.sub_cont_sorting30 .cont_wrap .cont .item .txt{font-size: var(--p3); margin-top: 1rem;}
.sub_cont_sorting30 .cont_wrap .cont .item .btn{display:block; margin-top:2rem; border: 1px solid var(--black); border-radius:10rem; font-size:var(--p4); padding:1em 1.5em; font-weight: 400; transition: 0.3s ease;}
.sub_cont_sorting30 .cont_wrap .cont .item .btn{display:block; margin-top:2rem; border: 1px solid var(--black); border-radius:10rem; font-size:var(--p4); padding:1em 1.5em; font-weight: 400; transition: 0.3s ease;}
.sub_cont_sorting30 .cont_wrap .cont .item + .item{border-top: 1px solid var(--line);}



/* 서브페이지_진료과목_롤링_07 */
.cont_basic_slide07 .left_tit .link_btn{margin-top: 3rem;}
.cont_basic_slide07 .cont_wrap{display: flex; justify-content: space-between; gap: 3rem;}
.cont_basic_slide07 .slide{width: 53%; min-width: 0; overflow: hidden;}
.cont_basic_slide07 .slide .swiper-container{width: 100%;}
.cont_basic_slide07 .slide .swiper-slide{height: auto; max-width: 50%;}
.cont_basic_slide07 .slide .box{display: flex; flex-direction: column; width: 100%; height: 100%; background-color: #fff; border-radius: 2rem; overflow: hidden; height: 100%;}
.cont_basic_slide07 .slide .txt_box{display: flex; flex-direction: column; flex:1; padding: 3rem 3rem;}
.cont_basic_slide07 .slide .txt_box .badge{font-size: var(--p4); width: max-content; padding: 0.7em 1.25em; line-height: 1; background:var(--point01); color:#fff; border-radius: 10rem;}
.cont_basic_slide07 .slide .txt_box .desc{color: var(--point01); font-weight: 600; margin-top: 3rem; margin-bottom: 1rem;}
.cont_basic_slide07 .slide .txt_box .tit{font-size: var(--p1); font-weight: 700; margin-bottom : 3rem; overflow: hidden;text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical;}
.cont_basic_slide07 .slide .txt_box .info{margin-top: auto; border-top: 1px solid var(--black); font-size: var(--p4); font-weight: 400; padding-top: 2rem;}
.cont_basic_slide07 .slide .txt_box .info span{position: relative; display: inline-block; min-height: 1.7em;}
.cont_basic_slide07 .slide .txt_box .info span + span:before{content: '·'; font-weight: 700; font-size: 1.2em; margin: 0 0.2em; line-height: 1em;}

.cont_basic_slide07 .slide .img_box{margin-top: auto; position: relative; padding-top: 60%; overflow: hidden;}
.cont_basic_slide07 .slide .img_box img{position: absolute; width: 100%; height: 100%; inset: 0; object-fit: cover; transition: 0.3s ease-in-out;}
.cont_basic_slide07 .slide .box:hover .img_box img{transform: scale(1.1);}

.cont_basic_slide07 .slide .swiper_controls{left: var(--inPd);}


/* 메인_게시판_이미지타입_07 */
.main_notice_thumbnail07 .item a{display: grid; grid-template-columns: minmax(0,35%) minmax(0,1fr) minmax(0,auto); align-items: center; padding: 4rem; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line);}
.main_notice_thumbnail07 .item + .item a{border-top: none;}
.main_notice_thumbnail07 .item .img_box{ position: relative; padding-top: 60%; min-width: 30%; margin-right: 6rem; flex-shrink: 0;}
.main_notice_thumbnail07 .item .img_box img{position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover;}
.main_notice_thumbnail07 .item .badge_wrap{display: flex; margin-bottom: 3rem;}
.main_notice_thumbnail07 .item .badge_wrap .badge{font-size: var(--p4); width: max-content; padding: 0.7em 1.25em; line-height: 1; background:var(--point01); color:#fff; border-radius: 10rem;}
.main_notice_thumbnail07 .item .badge_wrap .badge.gr{background:#F2F2F2; color: var(--black);}
.main_notice_thumbnail07 .item .badge_wrap .badge.gr2{background:rgba(55, 56, 71, 0.30); color: var(--black);}
.main_notice_thumbnail07 .item .txt_box .tit{font-size: var(--h7); font-weight: 700;}
.main_notice_thumbnail07 .item .txt_box .dot_list{font-size: var(--p3); margin-top: 1.2rem;}
.main_notice_thumbnail07 .item .btn_box{display: flex; }
.main_notice_thumbnail07 .item .btn_box .link_btn{margin-left: 0; margin-top: 3rem;}
.main_notice_thumbnail07 .item .btn_box .link_btn + .link_btn{margin-left: 1rem;}
.main_notice_thumbnail07 .more_btn{display: flex; justify-content: center; margin-top: 5rem; }
.main_notice_thumbnail07 .more_btn .link_btn.more{padding: 1.1em 1.8em; margin-left: 0; min-width: 17rem; justify-content: center; border-radius: 10em; background-color: var(--bg); color: var(--black); border: none;}


/* 서브페이지_회사병원소개_인트로_01 */
.sub_info_intro01{ position: relative; overflow: hidden;  }
.sub_info_intro01 .bg{position: relative; width: 100%; height: 100%; background-color: #000; padding-top: 62%;} /* BG 이미지마다 개별 조정 필요 */
.sub_info_intro01 .bg img{position: absolute; inset: 0; width: 100%; height: 100%; object-position: bottom; object-fit: cover;}
.sub_info_intro01 .cont{position: absolute; width: 100%; top: 0; left: 50%; transform: translateX(-50%); padding-top: var(--pd4);}

.sub_info_intro01 .tit{font-size: var(--h2); font-weight: 700; line-height: 1.5; opacity: 0; transform: translateY(5rem); transition: opacity 0.6s ease-in-out, transform 0.6s ease-in-out;}
.sub_info_intro01 .tit .text {display: inline; background: linear-gradient(to right, #000 50%, #b8b8bd 50%); background-size: 200% 100%; background-position-x: 100%; color: transparent; background-clip: text; -webkit-background-clip: text;}
.sub_info_intro01 .txt{font-size: var(--p1); color: #000; padding-left: 53%; margin-top: var(--contMt2); opacity: 0; transform: translateX(100px); transition: opacity 1s ease-in-out 0.6s, transform 1s ease-in-out 0.6s;}
.sub_info_intro01.active .tit,
.sub_info_intro01.active .txt{opacity: 1; transform: unset;}


/* 서브페이지_진료과목_단순정렬_31 */
.sub_cont_sorting31 .cont_wrap{display: flex; gap: 3rem; width: 100%; padding: 8rem 10rem; background:rgba(0, 0, 0, 0.2); border-radius: 3rem; backdrop-filter: blur(10px); opacity: 0; transform: translateY(5rem); transition: opacity 0.6s ease-in-out, transform 0.6s ease-in-out;}
.sub_cont_sorting31.active .cont_wrap{opacity: 1; transform: unset;}
.sub_cont_sorting31 .cont_box{text-align: center;}
.sub_cont_sorting31 .cont_box .tit{display: inline-block; font-size: var(--h6); font-weight: 700; margin-bottom: 2.5rem;}
.sub_cont_sorting31 .cont_box:nth-child(2) .tit{font-size: var(--h6); font-weight: 700; color:var(--point01);}
.sub_cont_sorting31 .img_box{border-radius: 2.8rem; overflow: hidden;}
.sub_cont_sorting31 .chk_list{display: flex; flex-wrap: wrap; justify-content: center; gap: 1rem 2rem; color: #fff; margin-top: 3rem;}
.sub_cont_sorting31 .chk_list .chk_txt{display: flex; align-items: flex-start; font-size: var(--p3); font-weight: 500;}
.sub_cont_sorting31 .chk_list .chk_txt .ico{display: inline-block; width: 1.2em; height: 1.2em; margin-top: 0.15em; margin-right: 0.4em; background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path d="M10 20C15.5228 20 20 15.5228 20 10C20 4.47715 15.5228 0 10 0C4.47715 0 0 4.47715 0 10C0 15.5228 4.47715 20 10 20ZM8.02734 13.3896L5.39746 10.8867C4.99746 10.506 4.98158 9.8727 5.3623 9.47266C5.74307 9.07278 6.37637 9.05779 6.77637 9.43848L8.68945 11.2588L13.1963 6.63672C13.5818 6.24142 14.2149 6.23378 14.6104 6.61914C15.0056 7.00464 15.0143 7.63778 14.6289 8.0332L9.43262 13.3633L8.74316 14.0703L8.02734 13.3896Z" fill="white"/></svg>') no-repeat center / contain}


/* 서브페이지_진료과목_단순정렬_32 */
.sub_cont_sorting32 .card_list{}
.sub_cont_sorting32 .card_list .card_box{display: flex; align-items: flex-start; gap: 3rem; padding-bottom: 5rem; padding: 0 8.6%;}
.sub_cont_sorting32 .card_list .card{position: relative; flex: 1; background-color: #000; color: #000; border-radius: 3rem; overflow: hidden; opacity: 0; transform: translateY(100px); transition: opacity 0.8s ease-in-out, transform 0.8s ease-in-out;}
.sub_cont_sorting32.active .card{opacity: 1; transform: unset;}
.sub_cont_sorting32 .card:nth-child(2n){transform: translateY(-100px);}
.sub_cont_sorting32.active .card:nth-child(2n){transform: unset;}
.sub_cont_sorting32 .card:nth-child(2){margin-top: max(5rem, 5%); transition-delay: 0.2s;}
.sub_cont_sorting32 .card:nth-child(3){margin-top: max(3rem, 2%); transition-delay: 0.4s;}
.sub_cont_sorting32 .card .bg{position: relative; width: 100%; padding-top: 135%;}
.sub_cont_sorting32 .card .bg img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
.sub_cont_sorting32 .card .cont{position: absolute; inset: 0; width: 100%; height: 100%; padding: 5rem; z-index: 2;}
.sub_cont_sorting32 .card .num{color: var(--point01); font-size: var(--p4); margin-bottom: 1.5rem; font-weight: 700; line-height: 1;}
.sub_cont_sorting32 .card .tit{font-size: var(--h5); font-weight: 700;}
.sub_cont_sorting32 .card .txt_box{border-top: 1px solid rgba(255, 255, 255, 0.30); padding-top: 3rem; margin-top: 3rem;}
.sub_cont_sorting32 .card .txt_box .chk_txt{display: flex; align-items: flex-start; font-size: var(--p2); font-weight: 700;}
.sub_cont_sorting32 .card .txt_box .chk_txt .ico{display: inline-block; width: 1.2em; height: 1.2em; margin-top: 0.25em; margin-right: 0.4em; background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path d="M10 20C15.5228 20 20 15.5228 20 10C20 4.47715 15.5228 0 10 0C4.47715 0 0 4.47715 0 10C0 15.5228 4.47715 20 10 20ZM8.02734 13.3896L5.39746 10.8867C4.99746 10.506 4.98158 9.8727 5.3623 9.47266C5.74307 9.07278 6.37637 9.05779 6.77637 9.43848L8.68945 11.2588L13.1963 6.63672C13.5818 6.24142 14.2149 6.23378 14.6104 6.61914C15.0056 7.00464 15.0143 7.63778 14.6289 8.0332L9.43262 13.3633L8.74316 14.0703L8.02734 13.3896Z" fill="black"/></svg>') no-repeat center / contain}
.sub_cont_sorting32 .card .txt_box .dot_list{font-size: var(--p3); margin-top: 2rem;}


/* 메인_콘텐츠_단순정렬_22 */
.main_cont_sorting22{position: relative; width: 100%; height:300lvh;}
.main_cont_sorting22 .scroll_area{position: sticky; top: 0; width: 100%; height: 100lvh; overflow: hidden;}
.main_cont_sorting22 .bg{position: absolute; inset: 0; width: 100%; height: 100%;}
.main_cont_sorting22 .bg img{width: 100%; height: 100%; object-fit: cover;}
.main_cont_sorting22 .bg:before{content: ''; position: absolute; inset: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.25); z-index: 1;}

.main_cont_sorting22 .tit_box{color:#fff; opacity: 0; transform: translateY(100px);}
.main_cont_sorting22 .tit_box .tit {font-size: var(--h2); font-weight: 700; line-height: 1.5; margin-bottom: 1rem;}

.main_cont_sorting22 .cont{position: relative; display: flex; justify-content: space-between; width: 80%; margin: 0 auto; padding-top: var(--pd1) ; z-index: 2;}
.main_cont_sorting22 .cont .card_list{transform: translateY(100vh);}
.main_cont_sorting22 .cont .card{position: relative; color: #fff; background-color: rgba(255, 255, 255, 0.20); border-radius: 3rem; padding: 5rem; width: 75rem; flex-shrink: 0; backdrop-filter: blur(30px); transition: background-color 0.3s ease; }
.main_cont_sorting22 .cont .card + .card{margin-top: 3rem;}
.main_cont_sorting22 .cont .card .badge{display: inline-block; padding: 0.4em 1em; font-size: var(--p4); background-color: transparent; border: 0.2rem solid rgba(255, 255, 255, 0.20); border-radius: 999px; font-weight: 700; color: #fff; margin-bottom: 8rem;}
.main_cont_sorting22 .cont .card .tit{font-size: var(--h6); font-weight: 700;}
.main_cont_sorting22 .cont .card .txt{font-size: var(--p2); margin-top: 1.2rem;}
.main_cont_sorting22 .cont .card .img{position: absolute; right: 5rem; top: 5rem; width: 10rem; height: 10rem; opacity: 0.3; mix-blend-mode: multiply; transition: mix-blend-mode 0.3s ease, opacity 0.3s ease;}
.main_cont_sorting22 .cont .card .img img{width: 100%; height: 100%; object-fit: cover;}

.main_cont_sorting22 .cont .card.active{background-color: #fff; color: var(--black);}
.main_cont_sorting22 .cont .card.active .badge{background-color: var(--point01);}
.main_cont_sorting22 .cont .card.active .img{opacity: 1;}


/* 서브페이지_진료과목_단순정렬_04 */
.sub_cont_sorting04 .info_cont{display: flex; justify-content: space-between; gap: 5rem;}

.sub_cont_sorting04 .info_cont .txt_box .tit{font-size: var(--h2); font-weight: 700; line-height: 1.5;}
.sub_cont_sorting04 .info_cont .txt_box .desc{font-size: var(--h6); font-weight: 700; margin-top: 2.5rem; line-height: 1.5;}
.sub_cont_sorting04 .info_cont .txt_box .txt{font-size: var(--p3); margin-top: 1.5rem;}
.sub_cont_sorting04 .info_cont .txt_box .ref_txt{display: inline-block; color: var(--point01); font-size: var(--p4); font-weight: 400; background-color: #ECF0FF; border-radius: 0.5rem; padding: 0.2em 0.5em;}
.sub_cont_sorting04 .info_cont .txt_box .sm_txt {opacity: 0.7; font-size: var(--p4); margin-top: 1em;}
.sub_cont_sorting04 .info_cont .img_box{position: relative; width: 50%; padding-top: 30.5%; flex-shrink: 0; border-radius: 3rem; overflow: hidden;}
.sub_cont_sorting04 .info_cont .img_box img{position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover;}

.sub_cont_sorting04 .info_cont .txt_box{opacity: 0; transform: translateX(5rem); transition: opacity 0.6s ease-in-out, transform 0.6s ease-in-out;}
.sub_cont_sorting04 .info_cont .img_box{opacity: 0; transform: translateX(-5rem); transition: opacity 0.6s ease-in-out, transform 0.6s ease-in-out;}
.sub_cont_sorting04.active .txt_box,
.sub_cont_sorting04.active .img_box{opacity: 1; transform: unset;}



/* 서브페이지_진료과목_단순정렬_05 */
.sub_cont_sorting05 .cont{width: max(80rem, 700px); max-width:100%; margin: 0 auto; }
.sub_cont_sorting05 .cont .num_list .item {display: flex; align-items: center; background-color: var(--gray5); border-radius: 10rem; padding: 2.4rem 2rem 2.4rem 20rem;}
.sub_cont_sorting05 .cont .num_list .item + .item{margin-top: 1.6rem;}
.sub_cont_sorting05 .cont .num_list .item .num{font-size:var(--p4); color: var(--point01); font-weight: 700; margin-right: 3.2rem; flex-shrink: 0}
.sub_cont_sorting05 .cont .num_list .item .txt{font-size:var(--p1); font-weight: 700;}


/* 서브페이지_진료과목_탭_04 */
.com_tab04 .box_tab .tab_box {display: flex; justify-content: center; background-color: #fff; border-radius: 1rem; }
.com_tab04 .box_tab .tab_box .tab {position: relative; flex: 1; color: #D2D4D6; font-weight: 600; background-color: #fff; border-radius: 1rem; font-size: var(--p1); padding:1em 1.4em; line-height: 1.3; transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;}
.com_tab04 .box_tab .tab_box .tab.active {background-color: var(--point01); color: #fff;}

.com_tab04 .tab_cont{display: none; margin-top: var(--contMt2);}
.com_tab04 .tab_cont.active{display: block;}

.sub_cont_text02 + .com_tab04{margin-top: var(--contMt2);}

/* 서브페이지_진료과목_단순정렬_39 */
.sub_cont_sorting39 .cont_wrap{display: flex; align-items: center; justify-content: space-between; }
.tab_cont .sub_cont_sorting39 .cont_wrap{ align-items: flex-start; }
.tab_cont .sub_cont_sorting39 .cont_wrap .txt_box{margin-top: 4.4rem;}
.sub_cont_sorting39 .cont_wrap .txt_box .desc{font-size: var(--p2); font-weight: 700; color: var(--point01); margin-bottom: 0.5rem;}
.sub_cont_sorting39 .cont_wrap .txt_box .tit{font-size: calc(var(--h2) - 0.5rem); font-weight: 700; line-height: 1.4;}
.sub_cont_sorting39 .cont_wrap .txt_box .txt{font-size: var(--p2); font-weight: 600; margin-top: 3rem; }
.sub_cont_sorting39 .cont_wrap .txt_box .dot_list{margin-top: 1.5rem; font-size: var(--p4);}
.sub_cont_sorting39 .cont_wrap .txt_box .link_btn {margin-top: 4rem; }
.sub_cont_sorting39 .cont_wrap .txt_box .info_list{margin-top: 8rem; display: flex; text-align: center; justify-content: flex-start;}
.sub_cont_sorting39 .cont_wrap .txt_box .info_list .item .cont_tit{font-size: var(--p6); font-weight: 400; }
.sub_cont_sorting39 .cont_wrap .txt_box .info_list .item .cont_txt{font-size: var(--p4); font-weight: 700; line-height: 1.4; margin-top: 1rem;}
.sub_cont_sorting39 .cont_wrap .txt_box .info_list .item + .item{margin-left: 2rem; padding-left: 2rem; border-left: 1px solid var(--line2);}

.sub_cont_sorting39 .cont_wrap .img_box{position: relative; width: 44%; padding-top: calc(44% * 1.228);; border-radius: 3rem; overflow: hidden; flex-shrink: 0; margin-left: 3rem;}
.sub_cont_sorting39 .cont_wrap .img_box img{position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover;}

.sub_cont_sorting39 .cont_wrap .txt_box{opacity: 0; transform: translateX(5rem); transition: opacity 0.6s ease-in-out, transform 0.6s ease-in-out;}
.sub_cont_sorting39 .cont_wrap .img_box{opacity: 0; transform: translateX(-5rem); transition: opacity 0.6s ease-in-out, transform 0.6s ease-in-out;}
.sub_cont_sorting39.active .cont_wrap .txt_box,
.sub_cont_sorting39.active .cont_wrap .img_box{opacity: 1; transform: unset;}

/* 서브페이지_진료과목_단순정렬_40 */
.sub_cont_sorting40 .cont_wrap{ display: flex; gap: 3rem;}
.sub_cont_sorting40 .cont_wrap .cont_box{flex: 1;}
.sub_cont_sorting40 .cont_box .top_box{border-radius: 2rem; overflow: hidden; margin-bottom: 3rem;}
.sub_cont_sorting40 .cont_box .top_box .tit{text-align:center; font-size: var(--p2); color:var(--point01); font-weight:700; background-color: #ECEFFC; padding: 0.5em;}
.sub_cont_sorting40 .cont_wrap .img_box{position: relative; width: 100%; padding-top: 55.5%; overflow: hidden; flex-shrink: 0; background-color: var(--bg);}
.sub_cont_sorting40 .cont_wrap .img_box img{position: absolute; top:0; left:50%; transform:translateX(-50%); width: auto; height: 100%; object-fit: contain;}
.sub_cont_sorting40 .cont_box .txt_box li + li {padding-top: 3rem; }
.sub_cont_sorting40 .cont_box .txt_box li:last-child {padding-bottom: 0;}
.sub_cont_sorting40 .cont_box .txt_box li .tit {display: flex; font-size: var(--p2); font-weight: 700; }
.sub_cont_sorting40 .cont_box .txt_box li .tit .ico {width: 1.1em; height: 1.6em; margin-right: 0.5em; background: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10 20C15.5228 20 20 15.5228 20 10C20 4.47715 15.5228 0 10 0C4.47715 0 0 4.47715 0 10C0 15.5228 4.47715 20 10 20ZM8.02734 13.3896L5.39746 10.8867C4.99746 10.506 4.98158 9.8727 5.3623 9.47266C5.74308 9.0729 6.37641 9.05783 6.77637 9.43848L8.68945 11.2588L13.1963 6.63672C13.5818 6.24154 14.215 6.23382 14.6104 6.61914C15.0055 7.00461 15.0141 7.63781 14.6289 8.0332L9.43262 13.3633L8.74316 14.0703L8.02734 13.3896Z" fill="%23373847"/></svg>') no-repeat center / contain;}
.sub_cont_sorting40 .cont_box .txt_box li .txt {margin-top: 0.5rem}


/* 기본롤링_09 */
.cont_basic_slide09 .slide_wrap {position: relative; padding-left: max(calc((100% - var(--in2))/2 + var(--inPd)) , var(--inPd)); width: 100%; overflow: hidden; margin-top: var(--contMt2); opacity: 0; transform: translateY(5rem); transition: opacity 0.6s ease-in-out, transform 0.6s ease-in-out;}
.cont_basic_slide09 .slide_wrap.active{opacity: 1; transform: unset;}
.cont_basic_slide09.active .slide_wrap { opacity: 1; transform: unset; }
.cont_basic_slide09.active .slide_wrap .swiper-wrapper { align-items: flex-start; }
.cont_basic_slide09 .slide_wrap .swiper-container { position: relative; overflow: visible; }
.cont_basic_slide09 .slide_wrap .item { display: grid; grid-template-columns: 50% minmax(0, 1fr); align-items: center; gap: 10rem; transition: opacity 0.5s; }
.cont_basic_slide09 .slide_wrap .item .img { position: relative; width:100%; padding-top: 60%; border-radius: 50rem; opacity: 0.3; overflow: hidden; transition: all 1.2s; }
.cont_basic_slide09 .slide_wrap .item .img img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; }

.cont_basic_slide09 .slide_wrap .item .txt_wrap .desc { margin-bottom: 0.5em; font-size: var(--p1); font-weight: 700; }
.cont_basic_slide09 .slide_wrap .item .txt_wrap .tit {display: inline-flex; align-items: center; font-size:var(--h6); font-weight: 700; }
.cont_basic_slide09 .slide_wrap .item .txt_wrap .txt,
.cont_basic_slide09 .slide_wrap .item .txt_wrap .dot_list { font-size:var(--p2); margin-top: 1.5rem; }

.cont_basic_slide09 .slide_wrap .item .txt_wrap .tit .num{ width: 1.5em; height: 1.5em; display: inline-flex; align-items: center; justify-content: center; background-color: var(--point01); border-radius: 10rem; color: #fff; display: none;}
.cont_basic_slide09 .slide_wrap .item .txt_wrap .tit .badge{font-size: var(--p4); padding: 0.6em 1em; margin-right: 2rem; margin-top: -0.1em; line-height: 1; width: auto; background-color: var(--point01); border-radius: 10rem; color: #fff;}

.cont_basic_slide09 .slide_wrap .item.swiper-slide-active .img,
.cont_basic_slide09 .slide_wrap .item.swiper-slide-duplicate-active .img { border-radius: 3rem; opacity: 1; }
.cont_basic_slide09 .slide_wrap .item.swiper-slide-prev,
.cont_basic_slide09 .slide_wrap .item.swiper-slide-duplicate-prev { opacity: 0; }

.cont_basic_slide09 .swiper_controls{z-index:10; top: 9.5rem; bottom: unset; left:0}

/* .cont_basic_slide09{position: relative;}
.cont_basic_slide09 .slide_wrap{position: relative; padding-left: max(calc((100% - var(--in2)) / 2 + var(--inPd)), var(--inPd)); margin-top: var(--contMt2); overflow: hidden; transition: all 1s ease; transform: translateY(var(--aniY)); opacity:0; }
.cont_basic_slide09.active .slide_wrap{transform: unset; opacity: 1;}
.cont_basic_slide09 .item {  display: flex; align-items: center;  transition: all 1s ease; opacity:0.3;}
.cont_basic_slide09 .item .img {position:relative; width:50%; padding-top: 30%; padding-right:10rem; flex-shrink: 0; }
.cont_basic_slide09 .item .img img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; }
.cont_basic_slide09 .item .txt_wrap { flex:1; padding-left: 7rem;; padding-top:8rem; }
.cont_basic_slide09 .item .txt_wrap .tit { display: inline-flex; align-items: center; font-size:var(--h6); font-weight: 700;}
.cont_basic_slide09 .item .txt_wrap .tit span { padding:0 1em; margin-top: 0.2em; line-height: 2em; border-radius:2em; background-color: var(--point01); color:#fff; font-size:var(--txt3); font-weight: 600; margin-right:2rem;  white-space: nowrap;}
.cont_basic_slide09 .item .txt_wrap .tit strong { font-size:var(--tit4); font-weight:700; line-height: 1.4;}
.cont_basic_slide09 .item .txt_wrap .txt { font-size:var(--p2); font-weight:500; line-height: 1.5; margin:3rem 0 2rem; max-width: 600px;}
.cont_basic_slide09 .item .txt_wrap .dot_list { font-size:var(--p2); margin-top: 1.5rem; }
.cont_basic_slide09 .item .txt_wrap .tags { display: flex; gap:1rem 0;}
.cont_basic_slide09 .item .txt_wrap .tags p { padding:0 0.8em; line-height: 1.8em; border-radius:1.8em; border:1px solid #bbb; font-size:var(--p4); margin-right:1rem; }
.cont_basic_slide09 .swiper_controls { position: absolute; left: 0; top:9.5rem; bottom: unset; z-index:10; }
.cont_basic_slide09 .swiper-slide-active.item { opacity:1;  }
.cont_basic_slide09 .swiper-slide-active.item .img img { border-radius: 3rem; } */






/* 토글_01 */
.com_toggle01 .com_toggle_row {background-color: #fff;  border-radius: 3rem; }
.com_toggle01 .com_toggle_row .toggle_tit {display: flex; justify-content: space-between; align-items: flex-start; cursor: pointer; padding: 4rem 5rem;}
.com_toggle01 .com_toggle_row .toggle_tit .point_tit_box .tit {display: flex; align-items: center; font-weight: 700; font-size: var(--h6);}
.com_toggle01 .com_toggle_row .toggle_tit .point_tit_box .tit .badge {background-color: var(--blue); color: #fff; border-radius: 10em; color: #fff; padding: 0.4em 1em; border-radius: 10em; font-weight: 700; font-size: var(--p4); margin-right: 2rem;}
.com_toggle01 .com_toggle_row .toggle_tit .point_tit_box .txt {font-size: var(--p3); margin-top: 1.5rem;}
.com_toggle01 .com_toggle_row .toggle_tit .btn { display: flex; align-items: center; justify-content: center; border-radius: 100%; transition: background-color 0.3s; flex-shrink: 0; }
.com_toggle01 .com_toggle_row .toggle_tit .btn .ico { width: 1em; height: 1.7em; display: flex; align-items: center; flex-shrink: 0; ;transform: rotate(-180deg); background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="12" viewBox="0 0 20 12" fill="none"><path d="M19 10.4141L10 1.41406L1 10.4141" stroke="%23373847" stroke-width="2" stroke-linecap="round"/></svg>') center/contain no-repeat; transition: transform 0.3s, background 0.3s; }
.com_toggle01 .com_toggle_row.active .toggle_tit .btn .ico { transform: rotate(0); transition: transform 0.3s, background-color 0.3s; }
.com_toggle01 .com_toggle_row .toggle_cont{display: none; padding: 4rem 5rem 8rem 5rem;}
.com_toggle01 .com_toggle_row + .com_toggle_row{margin-top: 3rem;}




/* 서브페이지_진료과목_단순정렬_41 */
.sub_cont_sorting41{margin-top: var(--contMt2);}
.sub_cont_sorting41 .diagram_wrap{--diagramSize: min(50rem, 36.7vw); --diagramOverlap: calc(var(--diagramSize) * -0.16); display: flex; align-items: center; justify-content: center; width: 100%; min-height: var(--diagramSize);}
.sub_cont_sorting41 .diagram_item{position: relative; width: var(--diagramSize); padding-top: var(--diagramSize); border-radius: 50%; flex-shrink: 0; text-align: center; transition: transform 1s ease-in-out, opacity 0.8s ease-in-out;}
.sub_cont_sorting41 .diagram_box{position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.sub_cont_sorting41 .diagram_item.side{z-index: 1; border: 2px dashed var(--point01);}
.sub_cont_sorting41 .diagram_item.side1{transform: translateX(calc(var(--diagramSize) - (var(--diagramSize) * 0.16)));}
.sub_cont_sorting41 .diagram_item.side2{transform: translateX(calc((var(--diagramSize) - (var(--diagramSize) * 0.16)) * -1));}
.sub_cont_sorting41.active .diagram_item.side{transform: translateX(0);}
.sub_cont_sorting41 .diagram_item.center{z-index: 5; margin: 0 var(--diagramOverlap); background-color: var(--point01); color: #fff; border:2px solid var(--point01)}
.sub_cont_sorting41 .diagram_item .tit_box{display: flex; flex-direction: column; align-items: center; gap: 1rem;}
.sub_cont_sorting41 .diagram_item .tit_box .tit{font-size: var(--h6); font-weight: 700; line-height: 1;}
.sub_cont_sorting41 .diagram_item .tit_box .badge{display: inline-flex; align-items: center; justify-content: center; width: max-content; padding: 0.4em 0.8em; border-radius: 0.5rem; background-color: #D6DDF9; color: var(--point01); font-size: var(--p4); font-weight: 600; line-height: 1;}
.sub_cont_sorting41 .diagram_item .dot_list{margin-top: 1rem;}
.sub_cont_sorting41 .diagram_item .dot_list .dot_txt:before{position: relative; margin-right: 0.2em;}
.sub_cont_sorting41 .diagram_item .img_box{position: relative; display: flex; align-items: center; justify-content: center; width: 11rem; height: 11rem; margin: 2rem 0;}
.sub_cont_sorting41 .diagram_item .img_box img{display: block; width: 100%; height: 100%; object-fit: contain;}
.sub_cont_sorting41 .diagram_item .txt{font-size: var(--p3);}
.sub_cont_sorting41 .diagram_item .txt.fw_700{font-weight: 700;}

.sub_cont_sorting41 .diagram_item.center .logo_box{width: 16.2rem; height: 3.5rem; margin-bottom: 3rem;}
.sub_cont_sorting41 .diagram_item.center .logo_box > *{display: block; width: 100%; height: 100%; object-fit: contain;}
.sub_cont_sorting41 .diagram_item.center .txt{font-size: var(--p1); font-weight: 700; color: #fff;}
.sub_cont_sorting41 .diagram_item.center .tit{color: #fff; font-size: var(--h6); font-weight: 700;}
.sub_cont_sorting41 .diagram_item.center .txt{font-size: var(--p1);}
.sub_cont_sorting41 .diagram_item.center .tit + .txt{margin-top: 2.5rem; font-size: var(--p3);}




/* 서브페이지_진료과목_표_07 */
.sub_cont_table07{margin-top: var(--contMt3);}
.sub_cont_table07 .table_box{ background-color: #fff;}
.sub_cont_table07 .tr{display: grid; grid-template-columns: 20% repeat(4, minmax(0, 1fr)); align-items: center;}
.sub_cont_table07 .th,
.sub_cont_table07 .td{display: flex; align-items: center; justify-content: center; text-align: center; height: 100%;}
.sub_cont_table07 .th{font-size: var(--p1); font-weight: 700; padding: 1.1em 1em;}
.sub_cont_table07 .td{font-size: var(--p2); font-weight: 600; padding: 1.3em 1em;}
.sub_cont_table07 .thead{background-color: var(--point01); color: #fff; border-radius: 3rem 3rem 0 0;}
.sub_cont_table07 .tbody {border: 2px solid rgba(5, 21, 216, 0.30); border-radius: 0 0 3rem 3rem; border-top: none; }
.sub_cont_table07 .tbody .tr{position: relative;}
.sub_cont_table07 .tbody .tr:not(.emp)::after{content:""; position: absolute; left: 0; bottom: 0; width: 100%; border-bottom: 1px dashed rgba(55, 56, 71, 0.30);}
.sub_cont_table07 .tbody .tr:last-child::after{display: none;}
.sub_cont_table07 .mark{display: inline-flex; align-items: center; justify-content: center; font-weight: 700;}
.sub_cont_table07 .mark.dash{width: 2rem; height: 2px; background:var(--black)}
.sub_cont_table07 .mark.check{width: 2.5rem; height: 2.5rem; border-radius: 50%; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 25 25" fill="none"><circle cx="12.5" cy="12.5" r="12.5" fill="%237C7D87"/><path d="M7.60742 12.7023L10.8944 15.8306L17.3897 9.16797" stroke="white" stroke-width="2" stroke-linecap="round"/></svg>') no-repeat center / contain;}

.sub_cont_table07 .tbody .tr.emp{margin: -1px -2rem 0; padding: 0 2rem; border: 2px solid var(--point01); border-radius: 1rem; color: var(--point01); z-index: 1; background-color: #fff;}
.sub_cont_table07 .tbody .tr.emp .td{ color: var(--point01); }
.sub_cont_table07 .tr.emp .mark.check{background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 25 25" fill="none"><circle cx="12.5" cy="12.5" r="12.5" fill="%230515D8"/><path d="M7.60742 12.7023L10.8944 15.8306L17.3897 9.16797" stroke="white" stroke-width="2" stroke-linecap="round"/></svg>') no-repeat center / contain;}



/* 서브페이지_진료과목_단순정렬_43 */
.sub_cont_sorting43 .cont_wrap{display: flex; gap: 4rem;}
.sub_cont_sorting43 .cont_box{flex: 1; background-color: var(--gray5); padding: 8rem 6.5rem; border-radius: 3rem; opacity: 0; transform: translateY(5rem); transition: opacity 0.6s ease-in-out, transform 0.6s ease-in-out;}
.sub_cont_sorting43.active .cont_box{opacity: 1; transform: unset;}
.sub_cont_sorting43.active .cont_box:nth-child(2){transition-delay: 0.4s;}
.sub_cont_sorting43 .cont_box .top_tit{text-align: center; font-weight: 700; font-size: var(--h6); margin-bottom:3rem}
.sub_cont_sorting43 .cont_box .img{border-radius: 3rem; overflow: hidden; width: 100%;}
.sub_cont_sorting43 .cont_box .img .mo {display: none;}
.sub_cont_sorting43 .cont_box .img img{width: 100%; height: auto; object-fit: cover;}
.sub_cont_sorting43 .cont_box .txt_box{margin-top: 3rem;}
.sub_cont_sorting43 .cont_box .txt_box li{display: flex; align-items: center; justify-content: space-between; padding: 3rem 0;}
.sub_cont_sorting43 .cont_box .txt_box li + li{border-top: 1px solid var(--line);}
.sub_cont_sorting43 .cont_box .txt_box li:last-child {padding-bottom: 0;}
.sub_cont_sorting43 .cont_box .txt_box li .tit {font-size: var(--p2); display: flex; font-weight: 700; margin-right: 3rem;}
.sub_cont_sorting43 .cont_box .txt_box li .tit .ico {width: 1.1em;height: 1.6em;margin-right: 0.5em;background: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10 20C15.5228 20 20 15.5228 20 10C20 4.47715 15.5228 0 10 0C4.47715 0 0 4.47715 0 10C0 15.5228 4.47715 20 10 20ZM8.02734 13.3896L5.39746 10.8867C4.99746 10.506 4.98158 9.8727 5.3623 9.47266C5.74308 9.0729 6.37641 9.05783 6.77637 9.43848L8.68945 11.2588L13.1963 6.63672C13.5818 6.24154 14.215 6.23382 14.6104 6.61914C15.0055 7.00461 15.0141 7.63781 14.6289 8.0332L9.43262 13.3633L8.74316 14.0703L8.02734 13.3896Z" fill="%23373847"/></svg>') no-repeat center / contain;}


/*서브페이지_진료과목_인트로_03*/
.sub_cont_intro03 .cont_wrap{display: flex; gap:2rem;}
.sub_cont_intro03 .cont_wrap .item{flex: 1;}
.sub_cont_intro03 .cont_wrap .item .img_box {border-radius: 2rem; overflow: hidden;}
.sub_cont_intro03 .cont_wrap .item .img_box .img{background-color: #fff;}
.sub_cont_intro03 .cont_wrap .item .img_box .img img{width: 100%;}
.sub_cont_intro03 .cont_wrap .item .img_box .top_tit{font-size: var(--p3); padding: 0.6em 1em; text-align: center; color: var(--point01); background:#ECEFFC; font-weight: 700;}
.sub_cont_intro03 .cont_wrap .item .txt_box{margin-top: 3rem; text-align: center;}
.sub_cont_intro03 .cont_wrap .item .txt_box .tit{font-size:var(--p2); font-weight: 700;}
.sub_cont_intro03 .cont_wrap .item .txt_box .txt{font-size:var(--p3); margin-top: 0.5rem;}
.sub_cont_intro03 .cont_wrap .item .txt_box .badge{font-size: var(--p4); background-color: var(--point01); width: max-content; margin: 1rem auto 0.8rem; border-radius: 10rem; color: #fff; font-weight: 700; line-height: 1; padding: 0.7em 1em;}

.sub_cont_intro03 .cont_wrap.col_3{ gap: 5rem 2rem; flex-wrap: wrap; justify-content: center;align-items: flex-start;align-content: flex-start;}
.sub_cont_intro03 .cont_wrap.col_3 .item{flex:inherit; width: calc(33.3% - 2rem);}

.sub_cont_intro03 .cont_wrap.arr_type{gap: 2.5rem; align-items: center; justify-content: center;}
.sub_cont_intro03 .cont_wrap.arr_type .item{flex: inherit;}
.sub_cont_intro03 .cont_wrap.arr_type .arr{width: 5rem; height: 5rem; margin-top: -8%; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="50" height="43" viewBox="0 0 50 43" fill="none"><path d="M30.6621 42.8018L30.6621 32.3721L-0.000977977 32.3721L-0.000977011 10.2578L30.6621 10.2578L30.6621 -8.45306e-07L50 21.4014L30.6621 42.8018Z" fill="url(%23paint0_linear_2080_7692)"/><defs><linearGradient id="paint0_linear_2080_7692" x1="2.56727e-07" y1="21.7258" x2="43.7822" y2="21.7258" gradientUnits="userSpaceOnUse"><stop stop-color="%230515D8" stop-opacity="0"/><stop offset="0.358779" stop-color="%230515D8" stop-opacity="0.251575"/><stop offset="0.606713" stop-color="%230515D8" stop-opacity="0.645138"/><stop offset="1" stop-color="%230515D8"/></linearGradient></defs></svg>') no-repeat center / contain;}
.sub_cont_intro03 .cont_wrap.arr_type .img{position: relative; width:20rem; padding-top: calc(20rem * 1); margin: 0 auto;}
.sub_cont_intro03 .cont_wrap.arr_type .img img{position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover;}


/* 서브페이지_진료과목_단순정렬_45 */
.sub_cont_sorting45 .cont_wrap{display: flex; justify-content: center;}
.sub_cont_sorting45 .txt_box{padding: 2rem 4rem; text-align:center; min-width: 45rem;}
.sub_cont_sorting45 .txt_box + .txt_box{border-left: 1px solid var(--line);}
.sub_cont_sorting45 .txt_box .ico{width: 2.5rem; height: 2.5rem; margin: 0 auto 1.2rem; background: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10 20C15.5228 20 20 15.5228 20 10C20 4.47715 15.5228 0 10 0C4.47715 0 0 4.47715 0 10C0 15.5228 4.47715 20 10 20ZM8.02734 13.3896L5.39746 10.8867C4.99746 10.506 4.98158 9.8727 5.3623 9.47266C5.74308 9.0729 6.37641 9.05783 6.77637 9.43848L8.68945 11.2588L13.1963 6.63672C13.5818 6.24154 14.215 6.23382 14.6104 6.61914C15.0055 7.00461 15.0141 7.63781 14.6289 8.0332L9.43262 13.3633L8.74316 14.0703L8.02734 13.3896Z" fill="%23373847"/></svg>') no-repeat center / contain;}
.sub_cont_sorting45 .txt_box .tit{font-size:var(--p2); font-weight: 700;}
.sub_cont_sorting45 .txt_box .txt{font-size:var(--p2); margin-top: 0.2rem;}




/* 서브페이지_진료과목_단순정렬_04 */
.sub_cont_sorting44 .cont_box{display: flex; gap: 3rem;}
.sub_cont_sorting44 .cont_box .cont {opacity: 0; transform: translateY(5rem); transition: opacity 0.6s ease-in-out, transform 0.6s ease-in-out;}
.sub_cont_sorting44.active .cont_box .cont{opacity: 1; transform: unset;}
.sub_cont_sorting44 .cont_box .cont:nth-child(2){transition-delay: 0.3s;}
.sub_cont_sorting44 .cont_box .cont:nth-child(3){transition-delay: 0.6s;}
.sub_cont_sorting44 .cont_box .cont .img_box{position: relative; width: 100%; border-radius: 2rem; overflow: hidden;}
.sub_cont_sorting44 .cont_box .cont .img_box img{width: 100%; object-fit: cover; }
.sub_cont_sorting44 .cont_box .cont .txt_box{text-align: center; margin-top: var(--contMt4);}
.sub_cont_sorting44 .cont_box .cont .txt_box .badge{display: inline-block; font-size: var(--p4); font-weight: 700; background-color: var(--point01); color: #fff; padding: 0.75em 1.25em; margin-bottom: 1.5rem; border-radius: 100rem; line-height: 1;}
.sub_cont_sorting44 .cont_box .cont .txt_box .tit{font-size: var(--h7); font-weight: 700;}
.sub_cont_sorting44 .cont_box .cont .txt_box .txt{font-size: var(--p2); margin-top: 1rem;}


/* 서브페이지_진료과목_단순정렬_42 */
.sub_cont_sorting42 .cont_box{}
.sub_cont_sorting42 .cont_box .cont{display: flex; align-items: center; gap: 3rem; background-color: var(--bg); padding: 3rem; border-radius: 1.5rem;}
.sub_cont_sorting42 .cont_box .cont + .cont{margin-top: 2rem;}
.sub_cont_sorting42 .cont_box .ico{width: 8.5rem;}
.sub_cont_sorting42 .cont_box .ico img{width: 100%; object-fit: cover;}
.sub_cont_sorting42 .cont_box .txt_box .tit{font-size: var(--p1); font-weight: 700; line-height: 1.4;}
.sub_cont_sorting42 .cont_box .txt_box .txt{margin-top: 1rem;}



/* 서브페이지_진료과목_롤링_08 */
.cont_basic_slide08 .slide{background-color: var(--bg); border-radius: 3rem; padding-bottom: 8rem;}
.cont_basic_slide08 .item {padding: 8rem 10rem 0 10rem;}
.cont_basic_slide08 .item .tit_box {text-align: center;}
.cont_basic_slide08 .item .tit_box .sub_cont_tit,
.cont_basic_slide08 .item .tit_box .sub_cont_txt{opacity: 1; transform: unset;}
.cont_basic_slide08 .item .tit_box .sub_cont_tit{font-size:var(--h5)}
.cont_basic_slide08 .item .tit_box .sub_cont_txt{font-size: var(--p2); font-weight: 500; margin-top: 0.3em;}
.cont_basic_slide08 .item > .cont{display: flex; align-items: center;}
.cont_basic_slide08 .item > .cont .img{width: 50%; border-radius: 3rem; overflow: hidden; flex-shrink: 0;}
.cont_basic_slide08 .item > .cont .txt_wrap{margin-left: 5rem;}
.cont_basic_slide08 .item > .cont .txt_box + .txt_box{margin-top: 3rem;}
.cont_basic_slide08 .item > .cont .txt_box .tit{display: flex; font-size:var(--p2); font-weight: 700;}
.cont_basic_slide08 .item > .cont .txt_box .tit .ico{display: inline-block; width: 2.5rem; height: 2.5rem; margin-top: 0.25em; margin-right: 0.5em; background: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10 20C15.5228 20 20 15.5228 20 10C20 4.47715 15.5228 0 10 0C4.47715 0 0 4.47715 0 10C0 15.5228 4.47715 20 10 20ZM8.02734 13.3896L5.39746 10.8867C4.99746 10.506 4.98158 9.8727 5.3623 9.47266C5.74308 9.0729 6.37641 9.05783 6.77637 9.43848L8.68945 11.2588L13.1963 6.63672C13.5818 6.24154 14.215 6.23382 14.6104 6.61914C15.0055 7.00461 15.0141 7.63781 14.6289 8.0332L9.43262 13.3633L8.74316 14.0703L8.02734 13.3896Z" fill="%23373847"/></svg>') no-repeat center / contain;}
.cont_basic_slide08 .item > .cont .txt_box .dot_list {margin-top: 2rem;}
.cont_basic_slide08 .item > .cont .txt_box .txt{font-size:var(--p2); margin-top: 0.2rem;}
.cont_basic_slide08 .link_btn.line{margin-top: 4rem;}

.cont_basic_slide08 .item > .cont,
.cont_basic_slide08 .sub_cont_sorting06,
.paging_dot{margin-top: 5rem;}

.cont_basic_slide08 .sub_cont_sorting06 .cont_box{flex-wrap: wrap; gap: 3rem;}
.cont_basic_slide08 .sub_cont_sorting06 .cont_box .cont{flex:0 0 calc((100% - 6rem) / 3); width: calc((100% - 6rem) / 3); background-color: #fff; border:none}
.cont_basic_slide08 .sub_cont_sorting06 .cont_box .cont + .cont{margin-left: 0;}

.paging_dot {display: flex; align-items: center; justify-content: center; gap: 1rem;}
.paging_dot.swiper-pagination-bullets .swiper-pagination-bullet { width: 1.2rem; height: 1.2rem; background-color: rgba(55, 56, 71, 0.30);opacity: 1; border-radius: 1em; transition: width 0.3s ease-in-out, background 0.3s ease-in-out;}
.paging_dot.swiper-pagination-bullets .swiper-pagination-bullet-active {width: 5rem; background: #000;}
.paging_dot.none{display: none; }

.sub_cont_text02 .tit_box .top_ico {display: inline-block; width: 4rem; height: 4rem; margin-bottom: 0.3rem; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40" fill="none"><path d="M19.9996 40C30.9218 40 40 30.9412 40 20C40 9.07806 30.9017 0 19.9795 0C9.03893 0 0 9.07806 0 20C0 30.9412 9.05817 40 19.9996 40ZM19.9812 22.9415C18.9412 22.9415 18.3732 22.3333 18.333 21.2934L18.0586 11.6088C18.0193 10.5296 18.8425 9.76575 19.9603 9.76575C21.0588 9.76575 21.9012 10.5497 21.8628 11.628L21.5875 21.2951C21.5482 22.3534 20.96 22.9424 19.9803 22.9424M19.9803 30.1581C18.8425 30.1581 17.7834 29.2563 17.7834 28.0398C17.7834 26.8234 18.8233 25.9232 19.9803 25.9232C21.1173 25.9232 22.1757 26.805 22.1757 28.0398C22.1757 29.2755 21.0972 30.1581 19.9803 30.1581Z" fill="%230515D8"/></svg>') no-repeat center / cover;}


/* 서브페이지_진료과목_표_01 */
.sub_cont_table01{text-align: center;}
.sub_cont_table01 .table_head,
.sub_cont_table01 .table_body .item,
.sub_cont_table01 .table_head_img{display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 0 2rem;}
.sub_cont_table01 .table_head div{padding: 1em 0; color: #fff; font-size: var(--h7); font-weight: 700; border-radius: 1.5rem;}
.sub_cont_table01 .table_head div:nth-child(1){background: #7C7D87;}
.sub_cont_table01 .table_head div:nth-child(2){background: #545886;}
.sub_cont_table01 .table_head div:nth-child(3){background: #010A7B;}
.sub_cont_table01 .table_body{margin-top: 2rem;}
.sub_cont_table01 .table_body .item{ font-size: 1.7rem; font-weight: 500;}
.sub_cont_table01 .table_body .item div{padding: 3rem 0.5em; background-color: #fff; border: 1px solid #E5E5E7;}
.sub_cont_table01 .table_body .item:first-child > div{ border-radius: 1.6rem 1.6rem 0 0;}
.sub_cont_table01 .table_body .item:last-child > div{border-radius: 0 0 1.6rem 1.6rem;}
.sub_cont_table01 .table_body .item + .item > div{border-top: none;}
.sub_cont_table01 .table_body .item div .tit{font-size: var(--p2); font-weight: 700;}
.sub_cont_table01 .table_body .item div .txt{font-size: var(--p3); font-weight: 400;}
.sub_cont_table01 .table_head_img{margin-bottom: 2rem;}
.sub_cont_table01 .table_head_img .img{position: relative; padding-top: 56%; border-radius: 1.5rem; overflow: hidden;}
.sub_cont_table01 .table_head_img .img img{position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover;}



/* 서브페이지_진료과목_단순정렬_49 */
.sub_cont_sorting49 .top_cont{display: flex; gap: 1.5rem;}
.sub_cont_sorting49 .top_cont .item{flex: 1; background-color: var(--grayBg1); padding: 4rem; border-radius: 2rem; text-align: center; opacity: 0; transform: translateY(5rem); transition: opacity 0.6s ease-in-out, transform 0.6s ease-in-out;}
.sub_cont_sorting49.active .top_cont .item{opacity: 1; transform: unset;}
.sub_cont_sorting49 .top_cont .item:nth-child(2){transition-delay: 0.3s;}
.sub_cont_sorting49 .top_cont .item:nth-child(3){transition-delay: 0.6s;}
.sub_cont_sorting49 .top_cont .item .ico{width: 5rem; height: 5rem; margin: 0 auto; margin-bottom: 2.5rem;}
.sub_cont_sorting49 .top_cont .item .ico img{width: 100%; height: 100%; object-fit: cover;}
.sub_cont_sorting49 .top_cont .item .ico img{width: 100%; height: 100%;}
.sub_cont_sorting49 .top_cont .item .txt_box .tit{font-size: var(--p2); font-weight: 700;}
.sub_cont_sorting49 .top_cont .item .txt_box .txt{font-size: var(--p5); margin-top: 0.3em;}
.sub_cont_sorting49 .arr{margin: 3rem auto; text-align: center; opacity: 0; transition: opacity 0.6s ease-in-out;}
.sub_cont_sorting49.active .arr{opacity: 1; transition-delay: 0.7s;}
.sub_cont_sorting49 .arr svg{width: 2rem; height: auto;}
.sub_cont_sorting49 .btm_cont{background-color: var(--point02); color: #fff; padding: 4rem; border-radius: 2rem; text-align: center; opacity: 0; transform: translateY(5rem); transition: opacity 0.6s ease-in-out, transform 0.6s ease-in-out;}
.sub_cont_sorting49.active .btm_cont{opacity: 1; transform: unset; transition-delay: 1s;}
.sub_cont_sorting49 .btm_cont .desc{font-size: var(--p4); font-weight: 700; margin-bottom: 0.5em;}
.sub_cont_sorting49 .btm_cont .txt{font-size: var(--p2); font-weight: 500;}


/* 메인 콘텐츠 단순정렬 01 */
.cont_sorting01 .cont{display: flex; gap: 3rem;}
.cont_sorting01 .cont .box{display: flex; flex-direction: column; flex:1; background-color: var(--grayBg1); border-radius: 2rem; padding: 5rem; opacity: 0; transform: translateY(5rem); transition: opacity 0.6s ease-in-out, transform 0.6s ease-in-out;}
.cont_sorting01.active .cont .box{opacity: 1; transform: unset;}
.cont_sorting01 .cont .box:nth-child(2){transition-delay: 0.3s;}
.cont_sorting01 .cont .box:nth-child(3){transition-delay: 0.6s;}
.cont_sorting01 .cont .box:nth-child(4){transition-delay: 0.9s;}
.cont_sorting01 .cont .box .txt_box { margin-bottom: 3.5rem;}
.cont_sorting01 .cont .box .txt_box .tit{font-size: var(--p2); font-weight: 700;}
.cont_sorting01 .cont .box .ico{margin-top: auto; margin-left: auto; width: auto; height: 6.5rem;}
.cont_sorting01 .cont .box .ico img{height: 100%; object-fit: cover;}


/* 서브페이지_진료과목_아코디언_01 */
.accordion01{}
.accordion01 .acc_wrap{counter-reset: acc; border-top: 1px solid var(--gray20);}
.accordion01 .acc_wrap > .item{counter-increment: acc;}
.accordion01 .acc_tit{display: flex; align-items: center; justify-content: space-between; padding: 3rem; border-bottom: 1px solid var(--gray20); font-size: var(--p1); cursor: pointer; transition: background 0.4s;}
.accordion01 .acc_tit .ico{flex-shrink: 0; position: relative; width: 1.2em; height: 1.2em;}
.accordion01 .acc_tit .ico::before{content: ''; position: absolute; top: calc(50% - 1px); left: 0; width: 100%; height: 2px; background: #000; transition: transform 0.4s;}
.accordion01 .acc_tit .ico::after{content: ''; position: absolute; top: 0; left: calc(50% - 1px); width: 2px; height: 100%; background: #000; transition: transform 0.4s;}
.accordion01 .acc_tit p{position: relative; font-weight: 700;}
.accordion01 .item.active .ico::before{transform: rotate(180deg);}
.accordion01 .item.active .ico::after{transform: rotate(270deg);}
.accordion01 .item.active .acc_tit{border-bottom: none;}
.accordion01 .acc_cont{display: none; padding: 0 3rem 3rem; border-bottom: 1px solid var(--gray20);}
.accordion01 .acc_cont .sect{}
.accordion01 .acc_cont .sect +.sect{margin-top: var(--contMt4);}
.accordion01 .acc_cont .sect .tit{margin-bottom: 1em; font-size: 2.4rem; font-weight: 700;}
.accordion01 .acc_cont .sect .txt_box{font-size: var(--p4); color: var(--gray70); max-width: 90%;}
/* 타이틀 앞 숫자 있는 경우 */
/* .accordion01 .acc_tit p{padding-left: 3em;}
.accordion01 .acc_tit p::before{content: counter(acc, decimal-leading-zero); display: flex; align-items: center; justify-content: center; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 2.75em; height: 2.75em; background: var(--point01); color: #fff; font-size: 0.7em; font-weight: 700; border-radius: 50%;}  */




/* hover */
@media screen and (min-width: 1241px) {

    .link_btn:hover,
    .link_btn.line:hover,
    .link_btn.wh:hover {background-color: #000; color: #fff;}
    .link_btn.line:hover .ico {background: url('data:image/svg+xml,<svg width="18" height="15" viewBox="0 0 18 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.7578 7.96875L10.7813 13.9844L10.1172 14.6484L8.78906 13.3203L9.45313 12.6562L13.8281 8.24219L0.9375 8.24219H0L0 6.36719H0.9375L13.8281 6.36719L9.45312 1.99219L8.78906 1.32812L10.1172 0L10.7812 0.664062L16.7578 6.64062L17.4219 7.30469L16.7578 7.96875Z" fill="%23fff"/></svg>') no-repeat center / contain}
    .link_btn.line.wh:hover {background-color: #fff; border-color: #fff; color: #000;}
    .link_btn.line.wh:hover .ico {background: url('data:image/svg+xml,<svg width="18" height="15" viewBox="0 0 18 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.7578 7.96875L10.7813 13.9844L10.1172 14.6484L8.78906 13.3203L9.45313 12.6562L13.8281 8.24219L0.9375 8.24219H0L0 6.36719H0.9375L13.8281 6.36719L9.45312 1.99219L8.78906 1.32812L10.1172 0L10.7812 0.664062L16.7578 6.64062L17.4219 7.30469L16.7578 7.96875Z" fill="%23000000"/></svg>') no-repeat center / contain}
    .link_btn.down:hover .ico {background: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17.5 12.5V15.8333C17.5 16.2754 17.3244 16.6993 17.0118 17.0118C16.6993 17.3244 16.2754 17.5 15.8333 17.5H4.16667C3.72464 17.5 3.30072 17.3244 2.98816 17.0118C2.67559 16.6993 2.5 16.2754 2.5 15.8333V12.5" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M5.83203 8.33301L9.9987 12.4997L14.1654 8.33301" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M10 12.5V2.5" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat center / contain;}
    .main_cont_banner14 .cont_box .txt_box .link_btn:hover {background-color: #fff; color: var(--black);}
    .main_cont_banner14 .cont_box .txt_box .link_btn:hover .ico {background: url('data:image/svg+xml,<svg width="18" height="15" viewBox="0 0 18 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.7578 7.96875L10.7813 13.9844L10.1172 14.6484L8.78906 13.3203L9.45313 12.6562L13.8281 8.24219L0.9375 8.24219H0L0 6.36719H0.9375L13.8281 6.36719L9.45312 1.99219L8.78906 1.32812L10.1172 0L10.7812 0.664062L16.7578 6.64062L17.4219 7.30469L16.7578 7.96875Z" fill="%23000000"/></svg>') no-repeat center / contain}


    .tab_rolling03 .controls .swiper_btn_wrap .swiper_btn:not(.swiper-button-disabled):hover {background-color: var(--point01);}
    .tab_rolling03 .controls .swiper_btn_wrap .swiper_btn:not(.swiper-button-disabled):hover .ico {background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20.001 20"><path data-name="패스 13449" d="M10,0,8.237,1.762,15.212,8.75H0v2.5H15.212L8.237,18.237,10,20,20,10Z" transform="translate(0 0)" fill="%23fff"/></svg>') no-repeat center / contain;}

    .sub_directions01_sect .map_cont_box .link_box .btn:hover {background-color: var(--black); border-color: var(--black); color: #fff;}
    .notice_veiw_01 .view_top .share_box .sns_list .ico:hover {background-color: #101010}
    .notice_veiw_01 .view_cont .edit_btn_wrap .edit_btn:hover {border-color:#181818; color: #181818;}
    .notice_veiw_01 .board_li_wrap .box_wrap .btn_wrap a:hover {background-color: #000; color: #fff;}
    .notice_veiw_01 .board_li_wrap .box.next:hover .ico{transform: translateX(1rem);}
    .notice_veiw_01 .board_li_wrap .box.prev:hover .ico{transform: translateX(-1rem);}
    .empty_box .list_back_btn:hover{background-color: #000; color: #fff; border-color: #000;}
    .notice_thumbnail08 .media_list .list li a:hover .img_box img {transform: translate(-50%, -50%) scale(1.05);}
    .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 .num_box .swiper_btn:hover {opacity: 1;}
    .sub_directions03_sect .map_nav .list li .btn:hover {background-color: #000; color: #fff;}
    .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;}
    .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;}
    .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;}
    .notice_list08_sect .one_to_list .write_btn_box .write_btn:hover {background-color: var(--black); color:#fff;}
    .notice_list08_sect .one_to_list .write_btn_box .write_btn:hover svg path {fill: #fff;}
    .consult1_sect .com_inp_cont .file_box .flie_btn:hover {background-color:var(--black); color: #fff;}
    .sub_cont_sorting30 .cont_wrap .cont .item .btn:hover{background-color: var(--point01); border-color: var(--point01); color: #fff;}
    .cont_basic_slide08 .link_btn.line:not(:hover){background-color: transparent;}




    .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,<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15" fill="none"><path d="M15 7.5H0M7.5 15V0" stroke="%23fff" stroke-width="1.8" stroke-linejoin="round"/></svg>') 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,<svg width="18" height="15" viewBox="0 0 18 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.7578 7.96875L10.7813 13.9844L10.1172 14.6484L8.78906 13.3203L9.45313 12.6562L13.8281 8.24219L0.9375 8.24219H0L0 6.36719H0.9375L13.8281 6.36719L9.45312 1.99219L8.78906 1.32812L10.1172 0L10.7812 0.664062L16.7578 6.64062L17.4219 7.30469L16.7578 7.96875Z" fill="%23fff"/></svg>') 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: var(--point01); 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,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12" fill="none"><path d="M0.707031 11L10.707 1" stroke="%23fff" stroke-width="2" stroke-linejoin="round"/><path d="M0.707031 1H10.707V11" stroke="%23fff" stroke-width="2"/></svg>') 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,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20.001 20"><path data-name="패스 13449" d="M10,0,8.237,1.762,15.212,8.75H0v2.5H15.212L8.237,18.237,10,20,20,10Z" transform="translate(0 0)" fill="%23101010"/></svg>') 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,<svg width="18" height="15" viewBox="0 0 18 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.7578 7.96875L10.7813 13.9844L10.1172 14.6484L8.78906 13.3203L9.45313 12.6562L13.8281 8.24219L0.9375 8.24219H0L0 6.36719H0.9375L13.8281 6.36719L9.45312 1.99219L8.78906 1.32812L10.1172 0L10.7812 0.664062L16.7578 6.64062L17.4219 7.30469L16.7578 7.96875Z" fill="%23fff"/></svg>') 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(--point01); box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.25);}
    .basic_slide21_sect .slide .cont:hover .ico_box {background-color: var(--point01);}
    .basic_slide21_sect .slide .cont:hover .ico_box .ico {background: url('data:image/svg+xml,<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="17.5" width="1" height="36" fill="%23ffffff"/><rect y="18.5" width="1" height="36" transform="rotate(-90 0 18.5)" fill="%23ffffff"/></svg>') 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: var(--point01); background-color: #e5e8f2}
    .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(--point01);}
    .list_view03 .board_li_wrap .box:hover .ico svg path { fill:var(--point01);}
    .bulletin_list07 .notice_list .list li a:hover {background-color: #fff; border-color: var(--point01);}
    .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 .view_cont .edit_btn_wrap a.edit_btn:hover{background: var(--point03); border-color: var(--point03); color: #fff;}
    .answer_view01_sect .view_cont .edit_btn_wrap button.edit_btn:hover{background:#D20E0E; border-color: #D20E0E; color: #fff;}
    .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: var(--point01); border-color: var(--point01); 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,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20.001 20"><path data-name="패스 13449" d="M10,0,8.237,1.762,15.212,8.75H0v2.5H15.212L8.237,18.237,10,20,20,10Z" transform="translate(0 0)" fill="%23fff"/></svg>') no-repeat center / contain;}

    .notice_veiw_01 .view_top .share_box:hover .sns_list {opacity: 1;pointer-events: auto;}




    .sub_cont_process04 .step_list .step_box .link_box .step_link_btn:hover .ico{background: var(--point01) url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M17.9199 6.62C17.8185 6.37565 17.6243 6.18147 17.3799 6.08C17.2597 6.02876 17.1306 6.00158 16.9999 6H6.99994C6.73472 6 6.48037 6.10536 6.29283 6.29289C6.1053 6.48043 5.99994 6.73478 5.99994 7C5.99994 7.26522 6.1053 7.51957 6.29283 7.70711C6.48037 7.89464 6.73472 8 6.99994 8H14.5899L6.28994 16.29C6.19621 16.383 6.12182 16.4936 6.07105 16.6154C6.02028 16.7373 5.99414 16.868 5.99414 17C5.99414 17.132 6.02028 17.2627 6.07105 17.3846C6.12182 17.5064 6.19621 17.617 6.28994 17.71C6.3829 17.8037 6.4935 17.8781 6.61536 17.9289C6.73722 17.9797 6.86793 18.0058 6.99994 18.0058C7.13195 18.0058 7.26266 17.9797 7.38452 17.9289C7.50638 17.8781 7.61698 17.8037 7.70994 17.71L15.9999 9.41V17C15.9999 17.2652 16.1053 17.5196 16.2928 17.7071C16.4804 17.8946 16.7347 18 16.9999 18C17.2652 18 17.5195 17.8946 17.707 17.7071C17.8946 17.5196 17.9999 17.2652 17.9999 17V7C17.9984 6.86932 17.9712 6.74022 17.9199 6.62Z" fill="white"/></svg>') no-repeat center / 50%;}
    .sub_cont_sorting39 .cont_wrap .txt_box .link_btn:hover{background-color: var(--point01); border-color: var(--point01);}

}




@media screen and (max-width: 2000px) {
    .size_slide8_sect .cont {height: 75rem;}




    .sub_info_intro01 .cont{padding-top:5rem}
}


@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;}



    .sub_info_intro01 .cont{padding-top:0}
    .sub_info_intro01.active .txt{margin-top: var(--contMt4);}
}



@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 .list {grid-template-columns: repeat(3,minmax(0,1fr));}
    

    .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%; overflow: auto;}
    .com_tab01 .swiper-container::-webkit-scrollbar{display:none}
    .com_tab01 .swiper-slide{padding-bottom: 2px;}
    
    .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;}




    .badge_wrap .badge {font-size: var(--p5);}
    .notice_thumbnail08 .media_list .list {grid-template-columns: repeat(3, minmax(0, 1fr));}


    .intro_branding_11 .visual_cont .img {height: 35vw;}

    .intro_branding_11 .visual_cont .tit_box li {font-size: 5.5vw;}
    .intro_branding_11 .last_scene .logo {width: 20rem;}

    .motion_12 .cont_box .cont .text_box .txt br ,
    .branding_10 .cont .tit_wrap .txt br {display: none;}
    .tab_rolling03 .tab_cont .controls {bottom: 30%;}

    .tab_rolling03 .tab_cont .item .txt_box .com_tag_box .tag {padding: 0.5em 1.2em;}

    .tab_rolling03 .line_tab_wrap {width: calc(100% + var(--inPd) * 2); margin-left: calc(var(--inPd) * -1); padding: 0 var(--inPd);}
    .tab_rolling03 .line_tab_wrap .line_tab_box {justify-content: flex-start; margin-right: var(--inPd);}


    .sub_cont_sorting06 .cont_box.num4 .cont .txt br {display: none;}

    .sub_cont_sorting33 .cont_box {width: 100%;}

    .sub_cont_sorting33 .cont_box .cir {width: 33.5%; padding-top: 33.5%;}
    .sub_cont_sorting33 .cont_box .cir.dash .txt_box {padding-top: 15%;}
    .sub_cont_sorting33 .cont_box .cir.dash .txt_box .tit .badge {font-size: var(--p5);}
    .sub_cont_sorting33 .cont_box .cir.dash .txt_box .txt { font-size: var(--p4);}


    .sub_cont_sorting36 .scroll_list .sticky_box .sub_sect_txt  br {display: none;}





    .cont_basic_slide09 .swiper_controls {top: 4.5rem;}

    .sub_cont_sorting04 .info_cont .txt_box .txt br{display: none;}

    .sub_info_intro01 .txt{display: block; width: max-content; max-width: 100%; margin-left: auto; padding-left: 0; text-align: left;}


    .img_modal{ position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 1); z-index: 2000; display: flex; justify-content: center; align-items: center; opacity: 0; visibility: hidden; transition: 0.3s; }
    .img_modal.on{ opacity: 1; visibility: visible; }
    .img_modal .img_wrap{ position: relative; max-width: 100%; max-height: 90vh;  background-color: #fff;}
    .img_modal .img_wrap img{ display: block; max-width: 100%; width: 100%;}

    .img_modal .close_btn{ position: absolute;top: -20px; right: 20px; transform: translateY(-100%) ;width: 2.8rem;height: 2.8rem;cursor: pointer;z-index: 2;background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="21" height="21" viewBox="0 0 21 21" fill="none"><path d="M20.0919 0.292805C20.4824 0.68333 20.4824 1.31649 20.0919 1.70702L11.6066 10.1923L20.0919 18.6776C20.4824 19.0681 20.4824 19.7013 20.0919 20.0918C19.7014 20.4823 19.0682 20.4823 18.6777 20.0918L10.1924 11.6065L1.7071 20.0918C1.31658 20.4823 0.683412 20.4823 0.292888 20.0918C-0.0976359 19.7013 -0.0976359 19.0681 0.292888 18.6776L8.77817 10.1923L0.292888 1.70702C-0.0976362 1.31649 -0.0976366 0.68333 0.292888 0.292805C0.683413 -0.0977193 1.31658 -0.0977189 1.7071 0.292805L10.1924 8.77809L18.6777 0.292805C19.0682 -0.097719 19.7014 -0.0977193 20.0919 0.292805Z" fill="white"/></svg>') no-repeat center / cover;transition: transform 0.5s;}
    .img_modal .close_btn .ico:after{ transform:translate(-50%,-50%) rotate(135deg); }


    /* 서브페이지_진료과목_단순정렬_49 */
    .sub_cont_sorting49 .top_cont .item .txt_box .txt br{display: none;}

    /* 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: 46%;}
    .sub_rolling01 .cont .sticky_box br {display: none;}
    .sub_rolling01 .cont .philo_txt {width: 48%;}
    .sub_rolling01 .cont .philo_txt .txt_box .tit {font-size: var(--h6);}
    .sub_rolling01 .cont .philo_txt .txt_box .num {width: 2.5em; height: 2.5em; font-size: var(--p3);}

    .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 .cont_box {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_sorting18 .cont_box::-webkit-scrollbar {display: none;}
    .sub_cont_sorting18 .cont_box .cont {flex-shrink: 0; width: 30%; scroll-snap-align: start; scroll-snap-stop: always; flex:none;}


    .main_cont_sorting16 .cont_box .cont.txt_type {padding: 40px 30px;}
    .main_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;}



    .notice_list08_sect .one_to_list .list li {height: auto; padding: 1.5em 0;flex-wrap: wrap;}
    .notice_list08_sect .one_to_list .list li .subj { flex: none; width: 100%; margin-top: 7px; order: 4; padding-right: 0; margin-bottom: 5px;}
    .notice_list08_sect .one_to_list .list li .tit {padding-right: 10px;}
    .notice_list08_sect .one_to_list .list li .num {width: auto; margin-right: 20px; display: none;}
    .notice_list08_sect .one_to_list .list li .badge_wrap {order: 2; margin-right: 0; flex: 1;}
    .notice_list08_sect .one_to_list .list li .state {order: 1; margin-left: 0.5em;}
    .notice_list08_sect .one_to_list .list li .subj .ico {margin-right: 0.4em;}
    .notice_list08_sect .one_to_list .list li .name {order: 5; width: auto; margin-left: auto;}
    .notice_list08_sect .one_to_list .list li .state {margin-right: 0; margin-left: 0;}
    .notice_list08_sect .one_to_list .list li .date  {order: 4; width: auto; margin-left: 0;}
    .notice_list08_sect .one_to_list .list li .state span {font-size: var(--p5); padding: 0.7em 1em;}
    .notice_list08_sect .one_to_list .list li .state.min-w span {min-width:0}
    .notice_list08_sect .one_to_list .list li .cate{order: 3; text-align: left; margin-left: 2rem;}

    .tab_rolling03 .tab_cont .controls {bottom: 25%;}

    .branding_10 .cont .tit_wrap {width: 50%;}
    .branding_10 .cont .img_wrap {width: 45%;}


    .motion_12 .cont_box .cont {padding: 40px 15px; justify-content: flex-start;}
    .motion_12 .cont_box .cont + .cont {margin-left: 15px;}
    .motion_12 .cont_box .cont .icon {width: 13rem; height: 13rem;}
    .motion_12 .cont_box .cont .text_box {margin-top: 30px;}


    .sub_info_motion04 .visual_sect .tit {font-size: 4.5vw;}
    .sub_cont_sorting27 .cont_box .cont .img .img_txt .badge {font-size: var(--p3);}


    .sub_history_img03 .cont_box .history_cont .cont {padding-left: 60px;}

    .bi_cont_01 .cont_box .cont .txt_box .txt br {display: none;}
    .bi_cont_01 .cont_box .cont .logo_box .logo {width: 20%}
    .bi_cont_01 .cont_box .cont + .cont .logo_box .logo {width: 50%}

    .bi_cont_01 .cont_box .cont.full .logo_box .type1 {width: 30%;}
    .bi_cont_01 .cont_box .cont.full .logo_box .type2 {width: 33%;}

    .sub_directions01_sect .time_box .cont {width: 47.5%;}

    .sub_cont_table04 .table_cont .basic_table .tbody .tr .td {font-size: var(--p3);}
    .sub_cont_table04 .table_cont .basic_table .thead .tr .th {font-size: var(--p2);}
    .sub_cont_table04 .table_cont .emp_table .thead .tr .th {font-size: var(--p2);}


    .sub_cont_text03 .cont_box .left_tit {width: auto; flex-shrink: 0; margin-right: 40px;}
    .sub_cont_text03 .cont_box .right_cont .desc br {display: none;}
    .sub_cont_sorting34 .cont_box .cont {padding: 20px;}

    .main_cont_banner10 .bg {padding-top: 35%;}


    .sub_cont_table05 .cont_box .cir {position: relative;flex-shrink:0;width: 70%;padding-top: 30%;border-radius: 50%;}
    .sub_cont_table05 .cont_box .cir + .cir {margin-left: -40%;}
    .sub_cont_table05 .cont_box .cir.type1 .txt_box {right: 60%;}
    .sub_cont_table05 .cont_box .cir.type2 .txt_box {left: 60%;}

    .sub_cont_sorting28 .cont_box .left_cont {width: 56.5%;}
    .sub_cont_sorting28 .cont_box .left_cont .tit br {display: none;}
    .sub_cont_sorting28 .cont_box .right_cont {width: 41%;}
    .sub_cont_sorting35 .cont_box .cont {padding: 30px 20px;}


    .sub_cont_sorting06 .cont_box.num4 {flex-wrap: wrap;}
    .sub_cont_sorting06 .cont_box.num4 .cont:nth-child(2n - 1) {margin-left: 0;}
    .sub_cont_sorting06 .cont_box.num4 .cont:nth-child(n+3) {margin-top: 3rem;}
    .sub_cont_sorting06 .cont_box.num4 .cont {flex: none; width: calc(50% - 1.5rem);}

    .sub_cont_sorting17 .cont_box .cont .img {width: 9rem;}
    .sub_cont_sorting17 .cont_box .cont .txt_box .txt br {display: none;}


    .sub_cont_sorting03 .cont_box .img_box {width: 43%;}
    .sub_cont_sorting03 .cont_box .txt_box {width: 52%;}


    .sub_cont_sorting37 .cont_box .cont {display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 40px 60px;}
    .sub_cont_sorting37 .cont_box .txt_box {width: 100%;}
    .sub_cont_sorting37 .cont_box .txt_box li {white-space: unset; line-height: 1.5;}
    .sub_cont_sorting37 .cont_box .txt_box li .tit .sm_txt {display: block; margin-left: 0;}

    .sub_history_img03 .cont_box .history_cont .cont:last-child::before {top: 15px;}








    .sub_cont_table01 .table_head,
    .sub_cont_table01 .table_body .item {gap: 0 1.2rem}

    .sub_cont_sorting39 .cont_wrap .txt_box .info_list {flex-wrap: wrap;}
    .sub_cont_sorting39 .cont_wrap .txt_box .info_list .item {width: 50%; padding: 15px 10px;}
    .sub_cont_sorting39 .cont_wrap .txt_box .info_list .item + .item {margin-left: 0;}
    .sub_cont_sorting39 .cont_wrap .txt_box .info_list .item:nth-child(2n-1) {border-left: none;}
    .sub_cont_sorting39 .cont_wrap .txt_box .info_list .item:nth-child(n+3) {border-top: 1px solid var(--line2);}
    .sub_cont_sorting39 .cont_wrap .txt_box .info_list .item:nth-child(3):last-child {flex: 1;}

    .cont_basic_slide09 .swiper_controls {top: 0px;}
    .cont_basic_slide09 .slide_wrap .item {grid-template-columns: 55% minmax(0, 1fr); gap: 30px;}

    .cont_basic_slide09 .slide_wrap .item .txt_wrap .tit {flex-direction: column; align-items: flex-start;}
    .cont_basic_slide09 .slide_wrap .item .txt_wrap .tit .badge {margin-bottom: 5px; font-size: var(--p5);}
    .cont_basic_slide09 .slide_wrap .item .txt_wrap .txt br {display: none;}



    .main_cont_sorting22 .cont {flex-direction: column; padding-top: var(--pd1);}
    .main_cont_sorting22 .cont .card_list {display: flex; flex-direction: column;align-items: flex-end;}
    .main_cont_sorting22 .cont .card {}

    .sub_cont_sorting04 .info_cont .txt_box .tit {font-size: var(--h3);}


    .sub_cont_table07 .th {font-size: var(--p2);}

    .sub_cont_sorting41 .diagram_item {width: 35vw; padding-top: 35vw;}

    .sub_cont_sorting43 .cont_box {padding: 60px 30px;}
    .sub_cont_sorting43 .cont_box .img .pc {display: none;}
    .sub_cont_sorting43 .cont_box .img .mo {display: block;}
    .sub_cont_sorting43 .cont_box .txt_box li {display: block;}
    .sub_cont_sorting43 .cont_box .txt_box li .tit {margin-right: 0;}
    .sub_cont_sorting43 .cont_box .txt_box li .txt {margin-top: 5px;}

    .sub_cont_sorting45 .txt_box {min-width: 0; padding: 10px 10px; flex: 1;}

    .sub_cont_sorting21 .cont_box .cont .txt_box .txt br {display: none;}


    .sub_cont_sorting41 .diagram_item .dot_list {padding: 0 1em; font-size: var(--p4);}
    .sub_cont_sorting41 .diagram_item .dot_list br {display: none;}

    .sub_cont_sorting41 .diagram_wrap {--diagramOverlap: calc(var(--diagramSize) * -0.1);}
    .sub_cont_sorting41 .diagram_item {width: 34.5vw; padding-top: 34.5vw;}

    .sub_cont_table01 .table_head div {font-size: var(--p2);}

    .com_tab04.scroll .box_tab .tab_box {overflow-x: auto; width: calc(100% + var(--inPd) * 2); margin-left: calc(var(--inPd) * -1); padding: 0 var(--inPd); justify-content: flex-start; border-radius: 0;}
    .com_tab04.scroll .box_tab .tab_box::-webkit-scrollbar {display: none;}
    .com_tab04.scroll .box_tab .tab_box .tab {flex-shrink: 0; white-space: nowrap;}


    .sub_info_intro01 .bg{padding-top: 70%;}

    .sub_cont_sorting31 .chk_list{flex-direction: column; align-items: flex-start; gap: 5px;}

    .sub_cont_sorting32 .card_list .card_box{padding: 0;}

    .sub_cont_sorting29 .system_card {padding: 20px;}
    .sub_cont_sorting29 .system_card .system_list .item{font-size: var(--p3);}
    .sub_cont_sorting29 .system_card .tit_box + .txt br{display: none;}
    .sub_cont_sorting29 .system_card .tit_box + .txt{width: 90%;}
    .sub_cont_sorting29 .system_card .system_list {gap: 5px;}
    .sub_cont_sorting29 .system_card .system_list .item .txt{ font-size: var(--p4);}

    .cont_basic_slide07 .slide{width: 60%;}


    .sub_directions01_sect .car_box .cont_box .cont + .cont {margin-right: 3rem;}
    .sub_directions01_sect .car_box .cont_box .cont .txt_box .type_txt .badge {font-size: 11px; padding:0.35em 0.65em 0.25em;}


    /* 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;}


    .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_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 .list {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 10px;}
    .sub_cont_sorting06 .cont_box .cont + .cont {margin-left: 15px;}
    .sub_cont_sorting06 .cont_box.num4 .cont:nth-child(n+3) {margin-top: 15px;}
    .sub_cont_sorting06 .cont_box .cont .txt {margin-top: 1em;}
    .sub_cont_sorting06 .cont_box .cont .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(--p6); padding: 0.8em 1.6em;}

    .sub_directions03_sect .img_box .map_cont {padding-top: 65%;}


    .sub_cont_sorting17 .cont_box.num4 {flex-wrap: wrap;}
    .sub_cont_sorting17 .cont_box.num4 > .cont {flex: calc(50% - 5px);}

    .sub_cont_text03 .cont_box .right_cont .txt br {display: none;}
    .sub_cont_text03.right_type .right_cont {flex: 1;}

    .main_cont_sorting16 .cont_tit_box .sect_txt {font-size: var(--p3);}

    .main_cont_sorting16 .cont_box .cont.txt_type {padding: 30px 20px;}
    .main_cont_sorting16 .cont_box .cont.txt_type .logo_img {width: 20rem;}
    .main_cont_sorting16 .cont_box .cont.txt_type .bot_logo_box {margin-top: 40px;}
    .main_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;}
    .consult1_sect .com_inp_cont .inp_txt {height: calc(var(--p4) * 3);}


    .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;}

    .badge_wrap .badge {font-size: var(--p6);}

    .notice_thumbnail08 .media_list .list {gap: 30px 15px;}
    .notice_thumbnail08 .media_list .list li a .txt_box .tit {font-size: var(--p3);}
    .notice_thumbnail08 .media_list .list li a .txt_box .date {font-size: var(--p6);}
    .notice_thumbnail08 .media_list .list li a .img_box {border-radius: 10px;}

    .notice_faq03 .list > li .que {flex-wrap: wrap; padding: 1em 0}
    .notice_faq03 .list > li .que .cate {width: 100%; text-align: left;}


    .motion_12 .cont_box .cont {padding: 30px 15px;}
    .motion_12 .cont_box .cont .text_box {margin-top: 20px;}
    .motion_12 .cont_box .cont .text_box .desc {font-size: var(--p4);min-height: 3.4em;}


    .branding_10 .cont {flex-direction: column; align-items: flex-start;}
    .branding_10 .cont .tit_wrap {width: 60%;}
    .branding_10 .cont .img_wrap {width: 50%; margin-left: auto; margin-top: -10%;}
    .branding_10 .cont .img_wrap .img {border-radius: 10px;}


    .tab_rolling03 .tab_cont {padding-top: var(--contMt3);}
    .tab_rolling03 .tab_cont .item{padding: 0;}
    .tab_rolling03 .tab_cont .item .txt_box a{font-size: 28px;}
    .tab_rolling03 .tab_cont .item .txt_box .com_tag_box{margin-top: 20px;}
    .tab_rolling03 .tab_cont .item .txt_box{padding-right: 50px;}
    .tab_rolling03 .tab_cont .item .txt_box .txt br{display:none;}
    .tab_rolling03 .tab_cont .item .txt_box .com_tag_box .tag {font-size: var(--p6);}
    .tab_rolling03 .controls .swiper_btn_wrap .swiper_btn {width: 35px; height: 35px;}
    .tab_rolling03 .controls .paging .current, .tab_rolling03 .controls .paging .total {font-size: var(--p4);}


    .intro_branding_11 .last_scene .logo {width: 65%;}

    .text_motion06 .cont {padding: var(--pd3) 0;}

    .sub_history_img03 .cont_box .left_box {width: 45%;}
    .sub_history_img03 .cont_box .history_cont .cont {padding-left: 40px;}
    .sub_history_img03 .cont_box .history_cont .cont .img {border-radius: 10px;}
    .sub_history_img03 .cont_box .history_cont .cont .slide {width: 90%; margin-top: 15px;}

    .sub_cont_sorting15 .cont_box .left_box {width: 32%;}

    .sub_info_motion04 .text_sect {height: calc(var(--vh, 1vh) * 50)}
    .sub_info_motion04 .text_sect .basic_txt .tit {font-size: 36px}
    .sub_info_motion04 .text_sect .basic_txt .txt {font-size: var(--h7);}
    .sub_info_motion04 .visual_sect .bg {width: 50%; padding-top: 50%;}

    .sub_cont_sorting27 .cont_box {gap: 30px 15px;}
    .sub_cont_sorting27 .cont_box .cont .img .img_txt .badge {font-size: var(--p4); padding: 0.4em 0.8em;}
    .sub_cont_sorting27 .cont_box .cont .img .img_txt {padding: 20px;}
    .sub_cont_sorting27 .cont_box .cont .tit_box .tag_box .tag {font-size: var(--p5); padding: 0.5em 0.9em;}

    .sub_directions01_sect .car_box .cont_box .cont .txt_box .type_txt li {flex-direction: column; align-items: flex-start;}
    .sub_directions01_sect .car_box .cont_box .cont .txt_box .type_txt .badge {margin-bottom: 5px; font-size: var(--p6); padding: 0.2em 0.6em; margin-right: 0;}


    .sub_directions01_sect .time_box .cont {display: block;}
    .sub_directions01_sect .time_box .cont .txt_box {margin-top: 15px;}


    .sub_cont_sorting35 .cont_box {flex-direction: column;}
    .sub_cont_sorting35 .cont_box .cont + .cont {margin-left: 0; margin-top: 15px;}

    .main_cont_banner10 .bg {padding-top: max(40% , 220px); border-radius: 15px;}

    .sub_cont_table04 .table_cont .emp_table .thead .tr .th {font-size: var(--p1); padding: 3.7rem 1rem ;}

    .sub_cont_sorting28 .cont_box {flex-direction: column;}
    .sub_cont_sorting28 .cont_box .left_cont {width: 100%; order: 2;}
    .sub_cont_sorting28 .cont_box .right_cont {width: 100%;}

    .main_faq_05 .row .que {padding: 1.5em 2em;}
    .main_faq_05 .row .answer {padding: 0 2em 1.5em;}

    .sub_cont_img01 .img {border-radius: 15px; padding-top: 62%;}


    .sub_cont_text03 .cont_box .right_cont .desc {font-size: var(--p2);}



    .sub_cont_sorting34 .cont_box {display: block;}
    .sub_cont_sorting34 .cont_box.col_2 {display: flex;}
    .sub_cont_sorting34 .cont_box.col_2 .cont + .cont {margin-top: 0;}
    .view_cont .board_file .file_txt {max-width: 20rem;}




    .sub_cont_table05 .cont_box .cir {padding-top: 35%;}
    .sub_cont_table05 .cont_box .center_txt .tit,
    .sub_cont_table05 .cont_box .cir .txt_box .tit {font-size: var(--p1);}
    .sub_cont_table05 .cont_box .cir .txt_box .txt {line-height: 1.5;}
    .sub_cont_table05 .cont_box .cir .txt_box .num {font-size: var(--p5); padding: 0.2em 0.9em;}
    .sub_cont_table05 .cont_box .cir.type1 .txt_box {right: 58%;}
    .sub_cont_table05 .cont_box .cir.type2 .txt_box {left: 58%;}

    .sub_cont_sorting28 .cont_box .right_cont .img {border-radius: 15px;}

    .sub_cont_sorting17 .cont_box .cont .img {width: 60px;;}

    .sub_cont_sorting33 .cont_box {flex-direction: column;}
    .sub_cont_sorting33 .cont_box .cir {width: 100%; padding-top: 36%; border-radius: 10em;}
    .sub_cont_sorting33 .cont_box .cir.dash .txt_box {padding-top: 0; justify-content: center;}
    .sub_cont_sorting33 .cont_box .cir + .cir {margin-top: 15px;}
    .sub_cont_sorting33 .cont_box .line {flex: none; width: 2px; height: 40px; border-top: none; border-left: 2px dashed #d2d2d7;}

    .sub_cont_sorting03 .cont_box .cont + .cont {margin-top: var(--pd3);}

    .sub_cont_sorting37 .cont_box .cont {padding: 30px 20px;}

    .sub_cont_sorting36 .scroll_list .sticky_box {width: 45%;}

    .sub_cont_sorting34 .cont_box .cont + .cont {margin-left: 0; margin-top: 15px;}

    .sub_cont_sorting38 .cont_box .txt_box li .txt br {display: none;}




    .board_list_top .sch_box .sch_inp input {padding: 0 1em; font-size: var(--p4);}
    .board_list_top .sch_box {width: 34rem;}






    .sub_cont_table07{overflow-x: auto; width: calc(100% + var(--inPd) * 2); margin-left: calc(var(--inPd) * -1); padding: 0 var(--inPd);}
    .sub_cont_table07::-webkit-scrollbar{display: none;}



    .sub_cont_sorting41 .diagram_wrap{--diagramSize: min(36rem, 88vw); flex-direction: column; gap: 2rem;}
    .sub_cont_sorting41 .diagram_item {width: 100%; border-radius: 15px; padding: 20px 15px;}
    .sub_cont_sorting41 .diagram_item .tit_box .tit {margin-bottom: 10px;}
    .sub_cont_sorting41 .diagram_item.side{transform: none; border-radius: 15px;}
    .sub_cont_sorting41 .diagram_item.center {order: -1; margin: 0; padding: 30px 15px;}
    .sub_cont_sorting41 .diagram_item.center .txt {font-size: var(--p2);}
    .sub_cont_sorting41 .diagram_item.center .logo_box {width: 85px; height: auto;}
    .sub_cont_sorting41 .diagram_item.side {border: 2px dashed rgba(5 21 216 / 0.4);}
    .sub_cont_sorting41 .diagram_box {position: static;}


    .sub_cont_sorting04 .info_cont{flex-direction: column;}
    .sub_cont_sorting04 .info_cont .img_box{width: 100%;}

    .sub_cont_sorting39 .cont_wrap{flex-direction: column; align-items: flex-start;}
    .sub_cont_sorting39 .cont_wrap .txt_box{order: 2; margin-top: var(--contMt4);}
    .sub_cont_sorting39 .cont_wrap .txt_box .txt br{display: none;}
    .sub_cont_sorting39 .cont_wrap .img_box{order: 1; width: 100%; margin-left: 0;}

    .sub_cont_table01 .table_head{gap: 0 6px;}



    .cont_basic_slide09 .slide_wrap .item {display: block;}
    .cont_basic_slide09 .swiper_controls {display: none;}
    .cont_basic_slide09 .slide_wrap .item .txt_wrap {margin-top: 20px;}

    .cont_basic_slide09 .slide_wrap .item .txt_wrap .txt,
    .cont_basic_slide09 .slide_wrap .item .txt_wrap .dot_list {margin-top: 5px;}
    .sub_cont_sorting04 .info_cont .img_box {border-radius: 15px;}
    .sub_cont_sorting04 .info_cont .img_box {padding-top: 62%;}



    .sub_cont_sorting40 .cont_box .top_box .tit {font-size: var(--p3);}

    .sub_cont_table07 .tr {grid-template-columns: 8em repeat(4, minmax(0, 1fr))}

    .sub_cont_table07 .th {font-size: var(--p4); padding: 1em 0.5em; }
    .sub_cont_table07 .td {font-size: var(--p4); padding: 1em 0.5em; }



    .cont_basic_slide08 .item {padding: var(--bgPdCol) var(--bgPdRow) 0;}
    .cont_basic_slide08 .item > .cont {flex-direction: column;}
    .cont_basic_slide08 .item > .cont .img {width: 100%; max-width: 450px;}
    .cont_basic_slide08 .item > .cont .txt_wrap {width: 100%; max-width: 450px; margin-left: 0; margin-top: var(--contMt4);}
    .cont_basic_slide08 .sub_cont_sorting06 .cont_box {flex-direction: row; flex-wrap: wrap; gap: 10px;}
    .cont_basic_slide08 .sub_cont_sorting06 .cont_box .cont {width: calc(50% - 10px / 2); flex: none;}
    .cont_basic_slide08 .sub_cont_sorting06 .cont_box .cont + .cont {margin-top: 0;}


    .sub_info_intro01 .bg{padding-top: 90%;}

    .sub_cont_sorting31 .cont_wrap{padding: var(--bgPdCol) var(--bgPdRow);}
    .sub_cont_sorting31 .cont_box .tit{margin-bottom: 10px;}

    .sub_cont_sorting32 .card .cont{padding: 30px 20px;}
    .sub_cont_sorting32 .card .txt_box{padding-top: 10px; margin-top: 10px;}
    .sub_cont_sorting32 .card .bg{padding-top: 170%;}

    .sub_cont_sorting30 .cont_wrap .cont .item .txt br{display: none;}

    .bi_cont_01 .cont_box {gap: 15px;}
    .bi_cont_01 .cont_box .cont .logo_box .grid_bg {background-size: 10.1%;}
    .bi_cont_01 .cont_box .cont .logo_box {padding: 10rem 0; flex: none; border-radius: 10px;}
    .bi_cont_01 .cont_box .cont .logo_box .logo {height: 9vw; display: flex; align-items: center;}
    .bi_cont_01 .cont_box .cont.full .logo_box .logo + .logo {margin-left: 45px;}
    .bi_cont_01 .cont_box .cont .txt_box .txt {margin-top: 5px;}

    .bi_cont_01 .cont_box .cont.full .logo_box .grid_bg {background-size: 5%;}


    .cont_basic_slide07 .slide {width: calc(60% + var(--inPd)); margin-right: calc(var(--inPd) * -1);}
    .cont_basic_slide07 .slide .swiper-slide { max-width: none;}

    .sub_cont_process04 .step_list {gap: 12px;}
    .sub_cont_process04 .step_list .step_box {padding: 20px 15px;}

    .sub_cont_sorting30 .sub_sect_txt br {display: none;}

    .main_notice_thumbnail07 .item a {padding: 20px;}

    .sub_text_motion01 .move_track {font-size: var(--h1);}

    .sub_cont_sorting32 .card:nth-child(2) {margin-top: 0;}
    .sub_cont_sorting32 .card_list .card_box .card {margin-top: 0;}

    .notice_faq03 .list > li .answer {padding: 20px 15px;}
    .notice_faq03 .list > li .answer .ico {display: none;}
    .notice_faq03 .list > li .answer .txt {margin-left: 0; padding-top: 0;}

    .intro_branding_11 {height: calc(var(--vh, 1vh) * 200)}
    .intro_branding_11 .last_scene {margin-top: 0;}



    .intro_branding_11 .visual_cont .tit_box li .en span,.intro_branding_11 .visual_cont .tit_box li .kr span,.intro_branding_11 .visual_cont .tit_box li p span{display:inline-block;transition:transform 0.3s ease;}

    .intro_branding_11 .visual_cont .tit_box li:nth-child(1) .en span,.intro_branding_11 .visual_cont .tit_box li:nth-child(1) .kr span,.intro_branding_11 .visual_cont .tit_box li:nth-child(2) .en span,.intro_branding_11 .visual_cont .tit_box li:nth-child(2) .kr span{transform:translateY(100%);}

    .intro_branding_11 .visual_cont .tit_box li:nth-child(1) p span{transform:translateY(0%);}

    .intro_branding_11 .visual_cont .tit_box.active li:nth-child(1) .en span{transform:translateY(0%);}

    .intro_branding_11 .visual_cont .tit_box.active li:nth-child(1) .en span:nth-child(1){transition-delay:0s;}

    .intro_branding_11 .visual_cont .tit_box.active li:nth-child(1) .en span:nth-child(2){transition-delay:0.1s;}

    .intro_branding_11 .visual_cont .tit_box.active li:nth-child(1) .en span:nth-child(3){transition-delay:0.2s;}

    .intro_branding_11 .visual_cont .tit_box.active li:nth-child(1) .en span:nth-child(4){transition-delay:0.3s;}
    .intro_branding_11 .visual_cont .tit_box.active li:nth-child(1) .en span:nth-child(5){transition-delay:0.4s;}

    .intro_branding_11 .visual_cont .tit_box.active li:nth-child(1) .kr span{transform:translateY(0%);transition-delay:0.5s;}

    .intro_branding_11 .visual_cont .tit_box.active.active2 li:nth-child(1) p span{transform:translateY(-100%);transition-delay:0s !important;}

    .intro_branding_11 .visual_cont .tit_box.active li:nth-child(2) .en span{transform:translateY(0%);}

    .intro_branding_11 .visual_cont .tit_box.active li:nth-child(2) .en span:nth-child(1){transition-delay:1.2s;}

    .intro_branding_11 .visual_cont .tit_box.active li:nth-child(2) .en span:nth-child(2){transition-delay:1.3s;}

    .intro_branding_11 .visual_cont .tit_box.active li:nth-child(2) .en span:nth-child(3){transition-delay:1.4s;}

    .intro_branding_11 .visual_cont .tit_box.active li:nth-child(2) .en span:nth-child(4){transition-delay:1.5s;}

    .intro_branding_11 .visual_cont .tit_box.active li:nth-child(2) .kr span{transform:translateY(0%);transition-delay:1.6s;}



    .sub_info_motion04 {height: calc(var(--vh, 1vh) * 100);}
    .sub_info_motion04 .visual_sect .tit {transition: opacity 0.3s ease-in-out, top 0.6s ease-in-out, transform 0.6s ease-in-out;}
    .sub_info_motion04 .visual_sect .tit.active {opacity: 1; top: 50%; transform: translate(-50%,-50%);}
    .sub_info_motion04 .visual_sect .tit.active .text {transition: background-position-x 1s ease-in-out; background-position-x: 0;}


    .main_cont_sorting22 .tit_box {opacity: 1; transform: unset;}
    .main_cont_sorting22 .tit_box .tit {transition: opacity 0.3s ease-in-out, top 0.6s ease-in-out, transform 0.6s ease-in-out; opacity: 0; transform: translateY(50px);}
    .main_cont_sorting22 .tit_box .sub_sect_txt  {transition: opacity 0.3s ease-in-out, top 0.6s ease-in-out, transform 0.6s ease-in-out; opacity: 0; transform: translateY(50px);}
    .main_cont_sorting22 .tit_box.active .tit {opacity: 1; transform: translateY(0);}
    .main_cont_sorting22 .tit_box.active .sub_sect_txt {opacity: 1; transform: translateY(0);}
    .main_cont_sorting22 .cont .card{background-color: #fff; color: var(--black);}
    .main_cont_sorting22 .cont .card .badge {background-color: var(--point01);}
    .main_cont_sorting22 .cont .card_list {transform: translateY(35vh);}



    /* 서브페이지_진료과목_단순정렬_49 */
    .sub_cont_sorting49 .top_cont{flex-direction: column;}
    .sub_cont_sorting49 .top_cont .item {display: flex; align-items: center; text-align: left; padding: 3rem;}
    .sub_cont_sorting49 .top_cont .item .ico{flex-shrink: 0; margin-bottom: 0; margin-right: 2rem; width: 7rem; height: 7rem; margin-left: 0;}
    .sub_cont_sorting49 .top_cont .item .txt_box .txt{margin-top: 0.2em;}
    .sub_cont_sorting49 .btm_cont{padding: 4rem 3rem;}

    /* 메인 콘텐츠 단순정렬 01 */
    .cont_sorting01 .cont{gap: 15px;}
    .cont_sorting01 .cont .box{padding: 4rem;}


    
    /* 서브페이지_진료과목_아코디언_01 */
    .accordion01 .acc_tit{padding: 15px 15px;}
    .accordion01 .acc_cont{padding: 0 15px 15px;}
    .accordion01 .acc_tit .ico{width: 1em; height: 1em;}



    /* 7681 */

}

@media screen and (max-width: 600px) {



    .sub_sect_txt br {display: none;}

    .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(--contMt3);}
    .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: 7vw}

    .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(--point01); width: 5rem; height: 5rem;}
    .basic_slide21_sect .slide .cont .btm_box .ico {
        background: url('data:image/svg+xml,<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="17.5" width="2" height="36" fill="%23fff"/><rect y="18.5" width="2" height="36" transform="rotate(-90 0 18.5)" fill="%23fff"/></svg>') 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: 95%;}
    .sub_rolling01 .cont .philo_txt .txt_box .num {font-size:  var(--p5);}
    .sub_rolling01 .cont .philo_txt .txt_box .tit {font-size: var(--h7); margin-top: 0.2em;}
    .sub_rolling01 .cont .philo_txt .txt_box .txt {width: 95%;}
    .sub_rolling01 .cont .philo_txt .txt_box .txt br {display: none;}
    .sub_rolling01 .cont .philo_txt .txt_box .num {background-color: var(--black); 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: 0.5em;}
    .sub_cont_sorting22 .cont_box + .cont_box {margin-top: 40px;}

    .sub_cont_sorting06 .cont_box {flex-direction: column;}
    .sub_cont_sorting06 .cont_box .cont + .cont {margin-left:0; margin-top: 10px;}
    .sub_cont_sorting06 .cont_box .cont .txt {margin-top: 10px;}

    .sub_cont_sorting06 .cont_box.num4 .cont {width: 100%;}


    .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_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 {padding-top: 120%;}
    .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: var(--p4);}
    .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,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="9" viewBox="0 0 14 9" fill="none"><path d="M13 1L7 7L1 1" stroke="%231C1C1C" stroke-width="2" stroke-linecap="round"/></svg>') 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;}
    .sub_cont_sorting17 .cont_box .cont {flex: none; width: calc(50%);}
    .sub_cont_sorting17 .cont_box:not(.no_line) .cont:nth-child(2n - 1) {border-left: none;}
    .sub_cont_sorting17 .cont_box:not(.no_line) .cont:nth-child(n+3) {border-top: 1px solid var(--line);}
    .sub_cont_sorting17 .cont_box .cont .img {width: 50px;}
    .sub_cont_sorting17 .cont_box .cont .txt_box .tit {font-size: var(--p1);}
    .sub_cont_sorting17 .cont_box .cont .txt_box .txt {font-size: var(--p4); margin-top: 0;}
    .sub_cont_sorting17 .cont_box.num4 .cont:nth-child(n+3) {margin-top: 20px;}

    .sub_cont_sorting17 .cont_box .cont {
        transition-delay: 0s !important;
    }


    .sub_cont_sorting17 .cont_box.auto {gap: 0;}
    .sub_cont_sorting17 .cont_box.auto .cont {width: 33.333%;}
    .sub_cont_sorting17 .cont_box .cont:nth-child(3) {border-top: none;}
    .sub_cont_sorting17 .cont_box.auto .cont:nth-child(n+4) {margin-top: 15px; padding-top: 15px;}



    .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;}
    .sub_cont_sorting03 .cont_box .txt_box .txt {margin-top: 5px;}
    .sub_cont_sorting03 .cont_box .txt_box .check_list li + li {margin-top: 0.5em;}

    .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 .txt_box {margin-top: 15px;}

    .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;}

    .consult1_sect .consent_cont .cont_tit {font-size: var(--p1);}
    .consult1_sect .consent_cont .cont {padding: 1em;}

    .consult1_sect .com_info_box {padding: 25px 15px;}


    .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%;}

    .main_cont_sorting16 .cont_box {display: block;}
    .main_cont_sorting16 .cont_box .cont {width: 100%;}
    .main_cont_sorting16 .cont_box .cont + .cont {margin-left: 0; margin-top: 30px;}
    .main_cont_sorting16 .cont_box .cont.img_type .img {position: relative; padding-top: 60%;}


    .notice_thumbnail08 .media_list .list {grid-template-columns: repeat(2, minmax(0, 1fr));}

    .motion_12 .cont_box {flex-direction: column;}
    .motion_12 .cont_box .cont {border-radius: 15px;}
    .motion_12 .cont_box .cont + .cont {margin-left: 0; margin-top: 15px;}
    .motion_12 .cont_box .cont .icon {width: 60px; height: 60px;}
    .motion_12 .cont_box .cont .text_box {margin-top: 10px;}
    .motion_12 .cont_box .cont .text_box .desc {min-height: 0; margin-top: 0;}

    .intro_branding_11 .last_scene .txt {font-size: var(--h5);}
    .intro_branding_11 .last_scene .txt br {display: none;}

    /* .intro_branding_11 { height: calc(var(--vh, 1vh) * 250);} */
    /* .intro_branding_11 .last_scene {margin-top: calc(var(--vh, 1vh) * 50);} */
    .intro_branding_11 .visual_cont .img {height: 50vh;}
    .intro_branding_11 .visual_cont .tit_box li .kr {margin-top: 10px;}
    .intro_branding_11 .visual_cont .tit_box li {flex-direction: column; align-items: center; font-size: var(--h3); text-align: center;}


    .branding_10 .cont .tit_wrap {width:100%}
    .branding_10 .cont .tit_wrap .tit br {display: none;}
    .branding_10 .cont .tit_wrap .txt span + span {margin-top: 0.5em;}

    .branding_10 .cont .img_wrap {margin-top: 40px; width: 100%;}

    .tab_rolling03 .tab_cont .item .txt_box {width: 100%; order: 2; margin-top: 20px; padding-bottom: 50px; padding-right: 0;}
    .tab_rolling03 .tab_cont .item .img_box {width: 100%; padding-top: 70%;}
    .tab_rolling03 .tab_cont .item {flex-direction: column;}
    .tab_rolling03 .tab_cont .controls {bottom: 0; left: 50%; transform: translateX(-50%);}
    .tab_rolling03 .controls .swiper-pagination-progressbar {width: 60px; margin: 0 7px;}
    .tab_rolling03 .controls .paging + .swiper_btn_wrap {margin-left: 15px;}

    .sub_info_motion04 .visual_sect .tit {font-size: 6.5vw;}
    .sub_info_motion04 .visual_sect .tit br {display: none;}

    .sub_history_img03 .cont_box {flex-direction: column;}
    .sub_history_img03 .cont_box .left_box {width: 100%; position: static;}
    .sub_history_img03 .cont_box .history_cont {width: 100%; margin-top: 30px;}
    .sub_history_img03 .cont_box .history_cont .cont {padding-left: 20px; padding-bottom: 30px;}
    .sub_history_img03 .cont_box .history_cont .cont .tit {margin-bottom: 5px;}



    .sub_cont_sorting15 .cont_box {display: block;}
    .sub_cont_sorting15 .cont_box .left_box {width: 100%;}
    .sub_cont_sorting15 .cont_box .left_box .tit {margin-bottom: var(--contMt4);}
    .sub_cont_sorting15 .cont_box .right_box .cont {padding: 15px 0 30px;}



    .sub_directions01_sect .map_cont_box .map_cont_tit {font-size: var(--p1);}
    .sub_directions01_sect .map_cont_box .map_cont_tit .copy_btn {font-size: var(--p5);}
    .sub_directions01_sect .map_cont_box .link_box .btn {font-size: var(--p5); padding: 0.6em 1em;}
    .sub_directions01_sect .map_cont_box .link_box .btn + .btn {margin-left: 10px;}
    .sub_directions01_sect .map_cont_box .link_box .btn svg {height: 1.2em; margin-right: 0.4em;}
    .sub_directions01_sect .map_cont_box .link_box .btn img {width: 2.2rem; margin-right: 0.4em;}
    .sub_directions01_sect .map_cont_box .map_box {padding-top: 300px; border-radius: 15px;}
    .marker_imgbox {height: 7rem;}

    .sub_directions01_sect .car_box .cont_box {flex-direction: column;}
    .sub_directions01_sect .car_box .cont_box .cont {display: flex; }
    .sub_directions01_sect .car_box .cont_box .cont + .cont {margin-left: 0; margin-top: 25px;}
    .sub_directions01_sect .car_box .cont_box .cont .icon {width: 60px; height: 60px; flex-shrink: 0;}
    .sub_directions01_sect .car_box .cont_box .cont .icon .icon_txt {font-size: var(--p6);}
    .sub_directions01_sect .car_box .cont_box .cont .txt_box {margin-top: 0; margin-left: 15px;}
    .sub_directions01_sect .car_box .cont_box .cont .txt_box .type_txt li {flex-direction: row;}
    .sub_directions01_sect .car_box .cont_box .cont .txt_box .type_txt .badge {margin-bottom: 0; margin-right: 5px;}
    .sub_directions01_sect .car_box .cont_box .cont .txt_box .tit {margin-bottom: 6px;}
    .sub_directions01_sect .car_box .cont_box .cont .txt_box .txt .dot_txt + .dot_txt {margin-top: 0.25em;}

    .sub_directions01_sect .time_box {flex-direction: column;}
    .sub_directions01_sect .time_box .cont {width: 100%; padding-top: 20px;}
    .sub_directions01_sect .time_box .cont + .cont {margin-top: 20px;}
    .sub_directions01_sect .time_box .cont .tit {font-size: var(--h5);}
    .sub_directions01_sect .time_box .cont .txt_box .num_txt {font-size: var(--h5);}
    .sub_directions01_sect .time_box .cont .txt_box .num_txt span {margin-right: 2rem;}
    .sub_directions01_sect .time_box .cont .txt_box .dot_txt {margin-top: 10px;}

    .sub_cont_sorting27 .cont_box .cont .img {border-radius: 15px;}
    .sub_cont_sorting27 .cont_box .cont .img .img_txt {padding: 15px 10px; flex-direction: column; align-items: flex-start;}
    .sub_cont_sorting27 .cont_box .cont .img .img_txt .badge {font-size: var(--p6); padding: 0.3em 0.8em 0.2em; margin-bottom: 5px;}
    .sub_cont_sorting27 .cont_box .cont .img .img_txt .txt {font-size: var(--p5); margin-left: 0;}
    .sub_cont_sorting27 .cont_box .cont .tit_box .tit {font-size: var(--p1);}
    .sub_cont_sorting27 .cont_box .cont .tit_box .txt {line-height: 1.5;}
    .sub_cont_sorting27 .cont_box .cont .tit_box .tag_box .tag {font-size: var(--p6);}

    .bi_cont_01 .cont_box .cont .logo_box {padding: 5rem;}
    .bi_cont_01 .cont_box .cont .logo_box .logo {width: 35%;}
    .bi_cont_01 .cont_box .cont + .cont .logo_box .logo {width: 80%;}
    .bi_cont_01 .cont_box .cont.full .logo_box .type1 {width: 35%;}
    .bi_cont_01 .cont_box .cont.full .logo_box .type2 {width: 38%;}
    .bi_cont_01 .cont_box .cont .logo_box .grid_bg {background-size: 15%;}
    .bi_cont_01 .cont_box .cont.full .logo_box .grid_bg {background-size: 7.4%;}

    .bi_cont_01 .cont_box .cont.full .logo_box {padding: var(--contMt2);}
    .bi_cont_01 .cont_box .cont .txt_box {margin-top: 10px;}
    .bi_cont_01 .cont_box .cont .txt_box .txt {margin-top: 5px;}


    .sect_txt  br,
    .sub_cont_txt br {display: none;}

    .sub_cont_sorting34 .cont_box .cont {padding: 20px 15px;}
    .sub_cont_sorting34 .cont_box .cont {border-radius: 15px;}
    .sub_cont_sorting34 .cont_box .cont .img {border-radius: 10px;}
    .sub_cont_sorting34 .cont_box .cont + .cont {margin-left: 0; margin-top: 15px;}

    .sub_cont_sorting34 .cont_box.col_2 .cont {width: 100%;}

    .sub_cont_table04 .table_cont {flex-direction: column; margin-left: -20px; width: calc(100% + 40px); padding: 0 20px; scrollbar-width: thin;}
    .sub_cont_table04 .table_cont::-webkit-scrollbar {display: none;}
    .sub_cont_table04 .table_cont .basic_table {width: 100%; border-radius: 15px 15px 0 0; display: grid; grid-template-columns: minmax(0,75px) minmax(0,1fr) ;}
    .sub_cont_table04 .table_cont .basic_table .tr > div {padding: 0px 5px; height: 5em; flex: none;}
    .sub_cont_table04 .table_cont .basic_table .thead .tr {flex-direction: column;}
    .sub_cont_table04 .table_cont .basic_table .tbody .tr .td,
    .sub_cont_table04 .table_cont .basic_table .thead .tr .th {font-size: var(--p6); flex: none;}
    .sub_cont_table04 .table_cont .basic_table .thead .tr .th:first-child {height: 4.5em; flex: none; padding: 0 0.5em; flex-shrink: 0;}
    .sub_cont_table04 .table_cont .basic_table .tbody {display: flex;}
    .sub_cont_table04 .table_cont .basic_table .tbody .tr {flex-direction: column;  min-width: 0;}
    .sub_cont_table04 .table_cont .basic_table .tbody .tr .td {display: flex; flex-direction: column; align-items: center; justify-content: center;}
    .sub_cont_table04 .table_cont .basic_table .tr div:first-child {height: 4.5em; flex: none; padding: 0 0.5em; flex-shrink: 0; line-height: 1.4; border-bottom: 1px solid var(--line);}
    .sub_cont_table04 .table_cont .emp_table .tbody .tr .td svg,
    .sub_cont_table04 .table_cont .basic_table .tbody .tr .td svg {width: var(--p5);}
    .sub_cont_table04 .table_cont .emp_table .tbody .tr .td {border-bottom: none;}

    .sub_cont_table04 .table_cont .emp_table {width: calc(100% + 15px); border-radius: 15px; display: grid; grid-template-columns: minmax(0,80px) minmax(0,1fr); transform: unset; margin-top: -10px;}
    .sub_cont_table04 .table_cont .emp_table .tbody .tr {flex-direction: row;}
    .sub_cont_table04 .table_cont .emp_table .thead .tr .th {font-size: var(--p5); padding: 2.5rem 1rem;}

    .sub_cont_table05 .cont_box {flex-direction: column;}
    .sub_cont_table05 .cont_box .cir {padding-top: 50%; width: 100%; order: 3;}
    .sub_cont_table05 .cont_box .cir + .cir {margin-left: 0; margin-top:-20%;}

    .sub_cont_table05 .cont_box .cir.type2 .txt_box,
    .sub_cont_table05 .cont_box .cir.type1 .txt_box {left: 50%; right: auto; transform: translate(-50%,-100%); order: 2;}
    .sub_cont_table05 .cont_box .cir.type2 .txt_box {transform: translate(-50%,0%);}
    .sub_cont_table05 .cont_box .cir .txt_box .txt {display: none;}
    .sub_cont_table05 .cont_box .center_txt {width: 100%; }
    .sub_cont_table05 .cont_box .center_txt .txt {display: none;}


    .sub_cont_sorting35 .cont_box .cont {padding: 20px 15px; border-radius: 15px;}
    .sub_cont_sorting35 .cont_box .cont .icon_box + .txt_box {margin-top: 30px;}
    .sub_cont_sorting35 .cont_box .cont .txt_box > li {padding-bottom: 10px;}
    .sub_cont_sorting35 .cont_box .cont .txt_box > li + li {padding-top: 10px;}


    .sub_cont_table06 .top_tit {grid-template-columns: repeat(2,minmax(0,1fr)); gap: 0 10px;}
    .sub_cont_table06 .top_tit .tit {font-size: var(--p3);}
    .sub_cont_table06 .top_tit > div {grid-column: auto / auto;}
    .sub_cont_table06 .top_tit > div.color {grid-column: auto / auto;}

    .sub_cont_table06 .cont_box {background-color: transparent;}
    .sub_cont_table06 .cont_box .row {display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); position: relative; font-size: var(--p4); gap: 0 10px;}
    .sub_cont_table06 .cont_box .row > p.value {position: absolute; left: 50%; top: 1.8em; transform: translate(-50%,-50%); padding:0.3em 1em; border-radius: 10em; font-size: var(--p5);}
    .sub_cont_table06 .cont_box .row:not(:first-child) .value {border-top: none;}
    .sub_cont_table06 .cont_box .row > p.txt {padding-top: 3em; justify-content: flex-start; font-size: var(--p5); line-height: 1.5;}

    .sub_cont_sorting28 .cont_box .left_cont .tit br {display: none;}

    .sub_cont_process05 .cont_box {display: block;}
    .sub_cont_process05 .cont_box .left_tit_box {width: 100%;}
    .sub_cont_process05 .cont_box .right_cont_box {width: 100%; margin-top: var(--contMt4);}

    .main_cont_banner10 .bg {padding-top: 125%;}
    .main_cont_banner10 .txt_box {top: 35px; left: var(--inPd); padding: 20px; max-width: calc(100% - var(--inPd) * 2); transform: unset;}
    .main_cont_banner10 .txt_box .tit {font-size: var(--h6);}
    .main_cont_banner10 .txt_box .txt {margin-top: 10px;}

    .sub_cont_sorting35 .cont_box .cont .icon_box .icon {width: 65px; height: 65px; box-shadow: 0 7.5px 15px 0 rgba(182, 189, 224, 0.60);}
    .sub_cont_sorting35 .cont_box .cont .icon_box .tit {margin-left: 15px;}

    .main_cont_banner14 .cont_box {padding: 30px 0 45vw;}
    .main_cont_banner14 .cont_box .txt_box .tit {font-size: var(--h6);}
    .main_cont_banner14 .cont_box .txt_box .txt {font-size: var(--p3); margin-top: 10px;}
    .main_cont_banner14 .cont_box .img {position: absolute; right: 0; bottom: 0; width: 65%;}


    .sub_cont_process05 .cont_box .right_cont_box .cont {padding: 20px 20px;}



    .sub_cont_sorting33 .cont_box .cir {padding-top: 0;}
    .sub_cont_sorting33 .cont_box .cir.dash .txt_box {position: static; padding: 30px 10px;}
    .sub_cont_sorting33 .cont_box .cir.on .txt_box {position: static; padding: 25px 10px;}
    .sub_cont_sorting33 .cont_box .cir.dash + .cir.dash {margin-left: 0; margin-top: -5%;}
    .sub_cont_sorting33 .cont_box .line {height: 30px;}

    .sub_cont_sorting38 .cont_box {display: block;}
    .sub_cont_sorting38 .cont_box .img_box {margin-right: 0; text-align: center;}
    .sub_cont_sorting38 .cont_box .txt_box {margin-top: var(--contMt3);}

    .main_faq_05 .row .que {padding: 1.2em 1.8em;}
    .main_faq_05 .row .answer {padding: 0 1.8em 1.2em;}

    .sub_cont_sorting36 .scroll_list {flex-direction: column;}
    .sub_cont_sorting36 .scroll_list .sticky_box {width: 100%; padding-bottom: 0; position: static;}
    .sub_cont_sorting36 .scroll_list .list {width: 100%;}

    .sub_cont_sorting36 .scroll_list .list .item + .item {margin-top: var(--contMt2);}


    .sub_cont_sorting37 .cont_box {flex-direction: column;}
    .sub_cont_sorting37 .cont_box .cont + .cont {margin-left: 0; margin-top: 30px;}


    .sub_cont_sorting10 .cont_box .right_cont .check_box > li {align-items: flex-start;}
    .sub_cont_sorting10 .cont_box .right_cont .check_box > li .ico.num {width: 2.4em; height: 2.4em; font-size: var(--p5); margin-right: 10px}
    .sub_cont_sorting10 .cont_box .right_cont .check_box > li .tit {font-size: var(--p1); line-height: 1.6;}


    .sub_cont_sorting34 .cont_box.ba .cont .ba_box_wrap {flex-direction: column; gap: 20px;}
    .sub_cont_sorting34 .cont_box.ba .cont .ba_box {width: 100%; flex: none;}







    .sub_cont_sorting04 .info_cont .txt_box .ref_txt {font-size: var(--p5);}

    .sub_cont_sorting05 .cont .num_list .item {padding: 1.2em 1.5em;}
    .sub_cont_sorting05 .cont .num_list .item .num {margin-right: 15px;}
    .sub_cont_sorting05 .cont .num_list .item .txt {font-size: var(--p2);}

    .com_tab04 .box_tab .tab_box .tab {font-size: var(--p2);}


    .com_toggle01 .com_toggle_row .toggle_cont {padding: 0px var(--bgPdRow) var(--bgPdCol);}

    .sub_cont_sorting40 .cont_wrap {flex-direction: column;}



    .main_cont_sorting22 .cont .card {width: 100%; padding: 20px; }
    .main_cont_sorting22 .cont .card .txt br {display: none;}
    .main_cont_sorting22 .cont .card .img {top: 20px; right: 20px; width: 45px; height: 45px; opacity: 1;}
    .main_cont_sorting22 .cont .card .badge {font-size: var(--p5); background-color: var(--point01); margin-bottom: 30px;}

    .sub_cont_table07 .table_box {width: 490px;}
    .sub_cont_table07 .tr {grid-template-columns: 8em repeat(4, minmax(0, 1fr))}
    .sub_cont_table07 .th {font-size: var(--p5);}
    .sub_cont_table07 .td {font-size: var(--p5);}


    .sub_cont_sorting45 .cont_wrap {flex-direction: column; }
    .sub_cont_sorting45 .txt_box {padding:1em }
    .sub_cont_sorting45 .txt_box + .txt_box {border-left: 0; border-top: 1px solid var(--line);}


    .sub_cont_sorting43 .cont_wrap {flex-direction: column;}

    .sub_cont_sorting43 .cont_box {padding: var(--bgPdCol) var(--bgPdRow);}

    .sub_cont_intro03 .cont_wrap {flex-wrap: wrap; gap: 20px 15px;}
    .sub_cont_intro03 .cont_wrap .item {flex: none; width: calc(50% - 7.5px);}
    .sub_cont_intro03 .cont_wrap .item .img_box .top_tit {padding: 0.4em 1em;}

    .sub_cont_intro03 .cont_wrap.col_3 {gap: 20px 10px;}
    .sub_cont_intro03 .cont_wrap.col_3 .item {width: calc(50% - 5px);}
    .sub_cont_intro03 .cont_wrap .item .img_box {border-radius: 5px;}

    .sub_cont_intro03 .cont_wrap .item .txt_box .txt {line-height: 1.5;}
    .sub_cont_intro03 .cont_wrap .item .txt_box .txt br {display: none;}

    .sub_cont_intro03 .cont_wrap.arr_type {flex-wrap: nowrap; flex-direction: column; gap: 15px;}
    .sub_cont_intro03 .cont_wrap.arr_type .arr {margin-top: 0; transform: rotate(90deg);}
    .sub_cont_intro03 .cont_wrap.arr_type .item {width: 100%;}


    .sub_cont_sorting31 .cont_wrap {gap: 10px;}
    .sub_cont_sorting31 .cont_box {width: 50%;}
    .sub_cont_sorting31 .cont_box .tit {margin-bottom: 7px; }
    .sub_cont_sorting31 .chk_list .chk_txt {font-size: var(--p5);}
    .sub_cont_sorting31 .img_box {border-radius: 10px; overflow: hidden; position: relative; padding-top: 100%;}
    .sub_cont_sorting31 .img_box img {position: absolute; left: 0; top: 0; object-fit: cover; object-position: center; width: 100%; height: 100%;}
    .sub_cont_sorting31 .chk_list {justify-content: flex-start; align-items: flex-start;}


    .sub_cont_sorting32 .card_list{overflow: hidden;width: calc(100% + var(--inPd) * 2); margin-left: calc(var(--inPd) * -1); }
    .sub_cont_sorting32 .card_list .card_box{flex-wrap: nowrap; overflow-x: auto; padding: 0 var(--inPd); -webkit-overflow-scrolling:touch; scroll-snap-type:x mandatory; scroll-padding-left:var(--inPd); overscroll-behavior-x:contain; scroll-behavior:smooth;}
    .sub_cont_sorting32 .card_list .card_box::-webkit-scrollbar {display: none}
    .sub_cont_sorting32 .card_list .card_box .card{width: 80%; min-width: 280px; scroll-snap-align:center; scroll-snap-stop:always;}
    .sub_cont_sorting32 .card .bg{padding-top: 135%;}

    .sub_cont_sorting44 .cont_box {flex-direction: column; gap: 40px;}
    .sub_cont_sorting44 .cont_box .cont .img_box {border-radius: 15px;}
    .sub_cont_sorting44 .cont_box .cont .txt_box {margin-top: 10px;}
    .sub_cont_sorting44 .cont_box .cont .txt_box .badge {font-size: var(--p5);}


    .sub_cont_sorting42 .cont_box .cont {flex-direction: column; align-items: flex-start; gap: 15px;}

    .cont_basic_slide08 .sub_cont_sorting06 .cont_box {flex-direction: column;}
    .cont_basic_slide08 .sub_cont_sorting06 .cont_box .cont {width: 100%;}

    .sub_cont_table01 .table_head div {font-size: var(--p5); padding: 10px 6px; line-height: 1.5;}
    .sub_cont_table01 .table_body .item div {padding: 10px 5px; font-size: 11px; line-height: 1.5;}
    .sub_cont_table01 .table_body .item div .tit {font-size: var(--p4);}
    .sub_cont_table01 .table_body .item div .txt {font-size: var(--p5); margin-top: 5px;}
    .sub_cont_table01 .table_body .item div .txt br {display: none;}


    .sub_info_intro01 .bg{padding-top: 160%;}
    .sub_info_intro01 .bg img{padding-top: 10%; object-position: 45% bottom;}
    .sub_info_intro01 .txt{padding-left: 20%;}
    .sub_info_intro01 .txt br{display: none;}

    .sub_cont_sorting29 .system_card{padding: var(--bgPdCol) var(--bgPdRow); border-radius: 15px;}
    .sub_cont_sorting29 .system_card_wrap{flex-direction: column;}
    .sub_cont_sorting29 .system_card .system_list .item {font-size: var(--p4);}
    .sub_cont_sorting29 .system_card .tit_box .badge{font-size: var(--p6);}

    .sub_cont_process04 .step_list{flex-direction: column;}

    /* .sub_cont_process04 .step_list .step_box .txt_box .dot_list{display: grid; grid-template-columns: repeat(2, minmax(0, 1fr));} */


    .sub_cont_sorting30 .cont_wrap{flex-direction: column;}
    .sub_cont_sorting30 .cont_wrap .cont{width: 100%; margin-top: var(--contMt2);}
    .sub_cont_sorting30 .cont_wrap .cont .item{padding: 20px 0;}
    .sub_cont_sorting30 .cont_wrap .cont .item .btn{padding: 0.8em 1.2em;}
    .sub_cont_sorting30 .cont_wrap .cont .item .btn{font-size: var(--p5);}
    .sub_cont_sorting30 .cont_wrap .cont .item .img{margin-bottom: 15px;}

    .cont_basic_slide07 .cont_wrap{flex-direction: column; gap: 0;}
    .cont_basic_slide07 .slide{width: calc(100% + var(--inPd) * 2); margin-left: calc(var(--inPd) * -1); margin-top: var(--contMt4); margin-right: 0;}
    .cont_basic_slide07 .slide .swiper-container{padding: 0 var(--inPd);}
    .cont_basic_slide07 .slide .swiper-slide { max-width: none;}
    .cont_basic_slide07 .slide .swiper_controls{position: relative; justify-content: center; left: unset; bottom: unset; margin-top: 20px; }

    .sub_cont_sorting29 .system_card .system_list{gap: 5px;}
    .sub_cont_sorting29 .system_card .btm_box{margin-top: 30px;}

    .main_notice_thumbnail07 .item a{flex-direction: column; align-items: flex-start; display: flex;}
    .main_notice_thumbnail07 .item a{padding: 20px 15px;}
    .main_notice_thumbnail07 .item .img_box{width: 100%;  margin-right: 0; padding-top: 62%;}
    .main_notice_thumbnail07 .item .txt_box{width: 100%; margin-top: 15px;}
    .main_notice_thumbnail07 .item .badge_wrap{margin-bottom: 10px;}


    .notice_veiw_01 .view_cont .board_file .file_txt {max-width: 24rem;}

    .notice_thumbnail08 .media_list .list li a .img_box .pin {width: 4.5rem; height: 4.5rem;}


    /* 서브페이지_진료과목_단순정렬_49 */
    .sub_cont_sorting49 .btm_cont .txt{font-size: var(--p3);}
    .sub_cont_sorting49 .btm_cont .txt br{display: none;}
    .sub_cont_sorting49 .btm_cont .desc{margin-bottom: 0.3em;}

    
    /* 메인 콘텐츠 단순정렬 01 */
    .cont_sorting01 .cont{gap: 15px 12px;}
    .cont_sorting01 .cont .box{padding: 20px 15px;}
    .cont_sorting01 .cont .box .txt_box{margin-bottom: 15px;}
    .cont_sorting01 .cont .box .txt_box br{display: none;}
    

    .accordion01 .acc_tit{padding: 15px 10px;}
    .accordion01 .acc_cont{padding: 0 10px 15px;}
    .accordion01 .acc_tit .ico{width: 1em; height: 1em;}


    .answer_view01_sect .view_cont .a_cont .top{flex-direction: column; align-items: flex-start;}
    .answer_view01_sect .view_cont .a_cont{padding: 4rem 3rem;}
    .answer_view01_sect .view_cont .a_cont .board_file { padding: 0.8em 1em;}
    .answer_view01_sect .view_cont .a_cont .top .badge{font-size: var(--p6);}


    /* 6001 */
}




@media (max-width: 400px) {
    .sub_cont_sorting29 .system_card .system_list .item .ico{display: none;}
}




.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; }

/* 
이름이 너무 겹쳐서 일단 주석 처리 필요하면 한줄 씩 클래스 체크 헤서 사용하기
#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,<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 50 50" fill="none"><path d="M24.9995 50C38.6522 50 50 38.6765 50 25C50 11.3476 38.6271 0 24.9744 0C11.2987 0 0 11.3476 0 25C0 38.6765 11.3227 50 24.9995 50ZM24.9765 28.6769C23.6766 28.6769 22.9665 27.9166 22.9163 26.6168L22.5733 14.511C22.5241 13.162 23.5532 12.2072 24.9503 12.2072C26.3234 12.2072 27.3765 13.1871 27.3284 14.5351L26.9844 26.6188C26.9352 27.9417 26.2 28.6779 24.9754 28.6779M24.9754 37.6976C23.5532 37.6976 22.2292 36.5703 22.2292 35.0498C22.2292 33.5292 23.5291 32.404 24.9754 32.404C26.3966 32.404 27.7196 33.5062 27.7196 35.0498C27.7196 36.5944 26.3715 37.6976 24.9754 37.6976Z" fill="%23FFBF00"/></svg>') 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 .cont_tit{font-size: var(--smTit); font-weight: 700;}
#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,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512" fill="%23fff"><path d="M345 137l17-17L328 86.1l-17 17-119 119L73 103l-17-17L22.1 120l17 17 119 119L39 375l-17 17L56 425.9l17-17 119-119L311 409l17 17L361.9 392l-17-17-119-119L345 137z"/></svg>') 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,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512" fill="%23fff"><path d="M345 137l17-17L328 86.1l-17 17-119 119L73 103l-17-17L22.1 120l17 17 119 119L39 375l-17 17L56 425.9l17-17 119-119L311 409l17 17L361.9 392l-17-17-119-119L345 137z"/></svg>') 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,<svg width="230" height="8" viewBox="0 0 230 8" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="4" cy="4" r="4" fill="%23E6D5C1"/><circle cx="26.2031" cy="4" r="4" fill="%23E6D5C1"/><circle cx="48.3984" cy="4" r="4" fill="%23E6D5C1"/><circle cx="70.6016" cy="4" r="4" fill="%23E6D5C1"/><circle cx="92.7969" cy="4" r="4" fill="%23E6D5C1"/><circle cx="115" cy="4" r="4" fill="%23E6D5C1"/><circle cx="137.203" cy="4" r="4" fill="%23E6D5C1"/><circle cx="159.398" cy="4" r="4" fill="%23E6D5C1"/><circle cx="181.602" cy="4" r="4" fill="%23E6D5C1"/><circle cx="203.797" cy="4" r="4" fill="%23E6D5C1"/><circle cx="226" cy="4" r="4" fill="%23E6D5C1"/></svg>') 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,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20.001 20"><path data-name="패스 13449" d="M10,0,8.237,1.762,15.212,8.75H0v2.5H15.212L8.237,18.237,10,20,20,10Z" transform="translate(0 0)" fill="%231c1c1c"/></svg>') 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,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20.001 20"><path data-name="패스 13449" d="M10,0,8.237,1.762,15.212,8.75H0v2.5H15.212L8.237,18.237,10,20,20,10Z" transform="translate(0 0)" fill="%23fff"/></svg>') 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,<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30" fill="none"><circle cx="15" cy="15" r="15" fill="%236B3C30"/><path d="M21.6793 10.2894C21.5867 10.1977 21.4765 10.1249 21.3551 10.0752C21.2337 10.0256 21.1035 10 20.972 10C20.8405 10 20.7103 10.0256 20.5889 10.0752C20.4675 10.1249 20.3574 10.1977 20.2647 10.2894L12.8433 17.5877L9.72529 14.5157C9.62913 14.4245 9.51563 14.3528 9.39125 14.3047C9.26688 14.2565 9.13406 14.2329 9.0004 14.2352C8.86673 14.2375 8.73483 14.2656 8.61222 14.3179C8.48961 14.3702 8.3787 14.4458 8.28582 14.5402C8.19294 14.6346 8.11991 14.7461 8.07089 14.8682C8.02188 14.9904 7.99784 15.1208 8.00015 15.2521C8.00246 15.3834 8.03108 15.5129 8.08437 15.6333C8.13766 15.7537 8.21458 15.8626 8.31073 15.9539L12.136 19.7106C12.2286 19.8023 12.3388 19.8751 12.4602 19.9248C12.5816 19.9744 12.7118 20 12.8433 20C12.9748 20 13.105 19.9744 13.2264 19.9248C13.3478 19.8751 13.458 19.8023 13.5506 19.7106L21.6793 11.7275C21.7804 11.6359 21.8611 11.5247 21.9163 11.401C21.9715 11.2772 22 11.1436 22 11.0085C22 10.8733 21.9715 10.7397 21.9163 10.6159C21.8611 10.4922 21.7804 10.381 21.6793 10.2894Z" fill="white"/></svg>') 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,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="%23FFFFFF" d="M429.8 273l17-17-17-17L276.2 85.4l-17-17-33.9 33.9 17 17L354.9 232 24 232 0 232l0 48 24 0 330.9 0L242.2 392.6l-17 17 33.9 33.9 17-17L429.8 273z"/></svg>') 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,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="%23000" d="M429.8 273l17-17-17-17L276.2 85.4l-17-17-33.9 33.9 17 17L354.9 232 24 232 0 232l0 48 24 0 330.9 0L242.2 392.6l-17 17 33.9 33.9 17-17L429.8 273z"/></svg>') 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,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="%23aaaaaa"><path d="M256 429.3l22.6-22.6 192-192L493.3 192 448 146.7l-22.6 22.6L256 338.7 86.6 169.4 64 146.7 18.7 192l22.6 22.6 192 192L256 429.3z"/></svg>') 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;}





/* KV_기본타입_10 */
.kv_basic10{height: 100svh;}
.kv_basic10 .slide{position: relative; width: 100%; height: 100%;}
.kv_basic10 .swiper-container,
.kv_basic10 .swiper-slide{height: 100%;} 
.kv_basic10 .item{position: relative; display: flex; width: 100%; height: 100%; align-items: center; color: #000;}
.kv_basic10 .item .bg{position: absolute; inset: 0; width: 100%; height: 100%; overflow: hidden;}
.kv_basic10 .item .bg img{transform: scale(1.2); transform-origin: center center; transition: transform 1.8s ease-out; will-change: transform; backface-visibility: hidden;}
.kv_basic10 .item .bg > *,
.kv_basic10 .item .bg iframe{width: 100%; height: 100%; object-fit: cover; object-position: center; }
.kv_basic10 .item .bg iframe{pointer-events: none;}
.kv_basic10 .item .bg .youtube{position: relative;}
.kv_basic10 .item .bg .youtube iframe{display: block; pointer-events: none;}
.kv_basic10 .item .bg .youtube:before{content: ''; position: absolute; width: 100%; height: 100%; background-color: rgba(0,0,0,0.1); z-index: 2;}
.kv_basic10 .item.swiper-slide-active .bg img{transform: scale(1);}
.kv_basic10 .item .txt_box{position: relative; z-index: 2; padding-left: 28rem;}
.kv_basic10 .item .txt_box > *{transform: translateY(5rem); opacity:0; transition: opacity 1.2s ease, transform 1.2s ease, background-color 0.3s ease-in-out, color 0.3s ease-in-out; will-change: transform, opacity; backface-visibility: hidden;}
.kv_basic10 .item.swiper-slide-active .txt_box > *{transform: translateY(0); opacity:1;}
.kv_basic10 .item .desc{font-size: var(--p2); font-weight: 700; margin-bottom: 2rem;}
.kv_basic10 .item .tit{font-size: var(--h2); font-weight: 700; transition-delay: 0.2s; line-height: 1.4;}
.kv_basic10 .item .txt{font-size: var(--p3);  margin-top: 2rem; transition-delay: 0.4s; line-height: 1.5;}
.kv_basic10 .item .link_btn{margin-top: 5rem; transition-property: opacity, transform, background-color, color; transition-duration: 1.2s, 1.2s, 0.3s, 0.3s; transition-timing-function: ease, ease, ease-in-out, ease-in-out; transition-delay: 0.6s, 0.6s, 0s, 0s;}
/* 메인 배너: 글자색(textColor)에 +아이콘도 동일 적용 — mask + currentColor 틴트 */
.kv_basic10 .item .link_btn.plus .ico{ background-image: none; background-color: currentColor; -webkit-mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15" fill="none"><path d="M8.5 6.5H15V8.5H8.5V15H6.5V8.5H0V6.5H6.5V0H8.5V6.5Z" fill="black"/></svg>') no-repeat center / contain; mask: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15" fill="none"><path d="M8.5 6.5H15V8.5H8.5V15H6.5V8.5H0V6.5H6.5V0H8.5V6.5Z" fill="black"/></svg>') no-repeat center / contain;}

.kv_basic10 .com_swiper_btn .swiper_btn.prev{ left: 5rem;}
.kv_basic10 .com_swiper_btn .swiper_btn.next{ right: 5rem;}

.kv_basic10 .pointer .pointer_box{ display: flex; align-items: center; font-size: var(--p4); gap: 1rem; width:11rem; height: 11rem; flex-direction: row; font-size: var(--p5); font-weight: 400; background: rgba(255, 255, 255, 0.15); backdrop-filter: blur(15px);}
.kv_basic10 .pointer .pointer_box .arr svg{ display:block; width: 2.4rem; height: auto;}
.kv_basic10 .pointer .num{ text-align: center;}

.kv_basic10 .progress_bar{position: absolute; left: 0; right: 0; bottom: 0; z-index: 4; height: 0.8rem; background: rgba(255, 255, 255, 0.4); overflow: hidden;}
.kv_basic10 .progress_bar .bar{display: block; width: 0; height: 100%; background: #0E44B7; transition: none;}
.kv_basic10 .progress_bar .bar.active{width: 100%; transition: width var(--kv-basic10-autoplay-delay, 5000ms) linear;}

.kv_basic10 .com_swiper_btn .num_wrap{color: #fff;}

.kv_basic10 .num_wrap_mo{display: none;}

/* 서브페이지_진료과목_텍스트모션_02  */
.sub_text_motion02 {position: relative; height: 100vh; overflow: hidden;}
.sub_text_motion02 .center_txt {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%) ;white-space: nowrap; text-align: center;}
.sub_text_motion02 .center_txt .tit {font-size: var(--h4); font-weight: 700;}
.sub_text_motion02 .center_txt .txt{font-size: var(--h8); font-weight: 600; margin-top: 2rem;}
.sub_text_motion02 .txt_list {position: absolute; width: 100% ;left: 0%; top: 70%; white-space: nowrap; font-size: max(2vw,20px); font-weight: 300;  opacity: 0}
.sub_text_motion02 .txt_list li {display: flex; align-items: center; justify-content: center; height: calc(3.4vw * 2); font-weight: 700}

.sub_text_motion02 .txt_list .img {width: 1vw; margin-left: 6rem; overflow: hidden; display: inline-block; flex-shrink: 0;  position: relative; will-change: width; opacity: 0}
.sub_text_motion02 .txt_list .txt {
    color: var(--black);
    -webkit-mask-image: -webkit-gradient(linear,left top,right top,color-stop(33.3%,black),color-stop(66.6%,rgba(0,0,0,0.1)));
    -webkit-mask-image: linear-gradient(90deg,black 33.3%,rgba(0,0,0,0.1) 66.6%);
    mask-image: -webkit-gradient(linear,left top,right top,color-stop(33.3%,black),color-stop(66.6%,rgba(0,0,0,0.1)));
    mask-image: linear-gradient(90deg,black 33.3%,rgba(0,0,0,0.1) 66.6%);
    -webkit-mask-position: 100% 100%;
    mask-position: 100% 100%;
    -webkit-mask-size: 300% 100%;
    mask-size: 300% 100%;

}




/* 탭_롤링07 */
/* .tab_rolling07{overflow:hidden;} */
.tab_rolling07 .tab_cont{ max-width:100%; margin:var(--contMt1) auto 0; opacity:0; transform:translateY(5rem); transition:opacity 0.8s ease-in-out, transform 0.8s ease-in-out;}
.tab_rolling07.active .tab_cont{opacity:1; transform:unset;}

.tab_rolling07 .item{--cardH:74rem; display:flex; align-items:flex-start; gap:9rem;}
.tab_rolling07 .item .left_card{position:relative; flex:0 0 60rem;}
.tab_rolling07 .item .left_card .bg_img{position:relative; width:100%; height:var(--cardH); overflow:hidden; border-radius:4rem; background:var(--bg);}
.tab_rolling07 .item .left_card .bg_img img{position: absolute; inset: 0; width:100%; height:100%; object-fit:cover;}
.tab_rolling07 .item .left_card .txt_box{position:absolute; left:5.2rem; top:6rem; padding-right: 3rem; z-index:2; color:#fff;}
.tab_rolling07 .item .left_card .tit{font-size:var(--h2); font-weight:700;}
.tab_rolling07 .item .left_card .txt{font-size:var(--p3); line-height:1.5; font-weight:500; margin-top:0.3rem;}
.tab_rolling07 .item .left_card .btn_box {margin-top: 4rem;}

.tab_rolling07 .item .right_box{display:flex; flex-direction:column; flex:1; min-width:0; height:var(--cardH); overflow:hidden;}
.tab_rolling07 .item .right_box > .tit_box{margin-bottom: 7rem;}
.tab_rolling07 .item .right_box > .tit_box .com_tag_box {margin-top: 2rem; max-width: 80%; display:flex; flex-wrap:wrap; gap: 8px 5px;}
.tab_rolling07 .item .right_box > .tit_box .com_tag_box .tag{display:inline-flex; align-items:center; justify-content:center; padding:0.5em 0.7em; border-radius:0.5rem; background:#EEF5FF; color:#32549D; font-size:var(--p6); line-height:1; font-weight:500; white-space:nowrap;}

.tab_rolling07 .item .right_box .shop_list01{flex:1; min-height:0; margin: 0; overflow-y:auto; overflow-x:hidden;}
.tab_rolling07 .item .right_box .shop_list01::-webkit-scrollbar{display:none;}
.tab_rolling07 .item .right_box .shop_list01.swiper-container{overflow:hidden;}
.tab_rolling07 .item .right_box .shop_list01 .swiper-wrapper{height:auto;}
.tab_rolling07 .item .right_box .shop_list01 .shop_item:first-child{margin-top: 0;}
.tab_rolling07 .item .right_box .shop_list01 .shop_item.swiper-slide{height:auto; margin-top:0;}
.tab_rolling07 .item .right_box .shop_list01 .shop_item.swiper-slide + .shop_item.swiper-slide{margin-top:0;}
.tab_rolling07 .item .right_box .shop_list01 .tit_box .tag{font-size: var(--p4);}
.tab_rolling07 .item .right_box .shop_list01 .badge_box{display: flex; margin-left: auto; gap: 5px;}
.tab_rolling07 .item .right_box .shop_list01 .badge_box .badge{background-color: var(--point01); color: #fff; font-size: var(--p6); padding: 0.3em 1em; border-radius: 0.5rem; white-space: nowrap;}
.tab_rolling07 .item .right_box .shop_list01 .com_prd_info {flex: inherit; flex: 1;}
.tab_rolling07 .item .right_box .shop_list01 .com_prd_info .top{justify-content: flex-start; gap: 4rem; display: flex; align-items: flex-start;  line-height: 1.4; font-size: var(--p3);}
.tab_rolling07 .item .right_box .shop_list01 .com_prd_info .like{margin-left: 0;}
.tab_rolling07 .item .right_box .shop_list01 .com_prd_info .name {overflow: hidden; font-weight: 700; display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis;}
.tab_rolling07 .item .right_box .shop_list01 .com_prd_info .like {display: inline-flex; align-items: center;  flex-shrink: 0; color: var(--gray30); font-size: var(--p6); font-weight: 500; }
.tab_rolling07 .item .right_box .shop_list01 .com_prd_info .like::before {content: ""; width: 1em; height: 1em; margin-right: 0.3em; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="13" height="12" viewBox="0 0 13 12" fill="none"><path opacity="0.3" d="M9.49414 0C11.4486 0.0191326 13.0185 1.66563 13 3.67773C12.9999 6.20476 10.7899 8.264 7.44238 11.3857L7.33887 11.4834L7.24707 11.5615C6.77366 11.9273 6.10615 11.9026 5.6582 11.4863L5.55762 11.3926C2.31474 8.36145 0.139632 6.33432 0.00683594 3.91309L0 3.67773V3.60547C0.0203375 1.59433 1.62084 -0.0196967 3.5752 0.000976562L3.78516 0.0078125C4.83222 0.0741275 5.81242 0.574014 6.5 1.39844C7.23253 0.519187 8.29971 0.00978026 9.4248 0.000976562V0H9.49414ZM9.43652 1.50098C8.76057 1.50627 8.10768 1.81188 7.65234 2.3584L6.50098 3.74121L5.34766 2.35938C4.89105 1.81192 4.23899 1.50624 3.56348 1.50098H3.55957C2.47447 1.48947 1.5123 2.39727 1.5 3.62109V3.67773C1.50006 4.46213 1.83035 5.28385 2.69824 6.37598C3.56971 7.47257 4.8348 8.66379 6.49609 10.2168C8.16148 8.66353 9.43006 7.47232 10.3027 6.375C11.1703 5.28409 11.4999 4.46211 11.5 3.67773V3.66406C11.5112 2.44223 10.5708 1.51529 9.48828 1.5L9.43652 1.50098Z" fill="%231F2933"/></svg>') no-repeat center / contain;}
.tab_rolling07 .item .right_box .shop_list01 .com_prd_info .name_num{font-size: var(--p7); color: var(--gray40); }
.tab_rolling07 .item .right_box .shop_list01 .com_prd_info .num {display: flex; align-items: center; margin-top: 1rem; gap: 1rem; color: var(--gray50); font-size: var(--p8); font-weight: 500; line-height: 1.5;}
.tab_rolling07 .item .right_box .shop_list01 .com_prd_info .num .badge {display: inline-flex; align-items: center; justify-content: center; padding: 0.2em 0.625em; border-radius: 0.3rem; background-color: #F0F4F9; color: var(--gray40); font-size:var(--p9); font-weight: 700;}



/* 조합형푸터_08 */
.load_footer08{background-color: var(--point01); padding: 12rem 0; color: #fff;}
.load_footer08 .tit_box > *{opacity: 0; transform: translateY(5rem); transition: opacity 0.6s ease-in-out, transform 0.6s ease-in-out;}
.load_footer08.active .tit_box > *{opacity: 1; transform: unset;}
.load_footer08 .tit_box .desc{font-size: var(--p2); font-weight: 500;}
.load_footer08 .tit_box .tit{font-size: var(--h3); font-weight: 700; line-height: 1.5; margin-top: 1.2rem;}

.load_footer08 .info_cont{display: flex; gap:2.2rem; margin-top: var(--contMt4);}
.load_footer08 .info_cont .cont{flex: 1; background: rgba(255, 255, 255, 0.10); padding: 4rem 6rem; opacity: 0; transform: translateY(5rem); transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out, opacity 0.6s ease-in-out, transform 0.6s ease-in-out;}
.load_footer08.active .info_cont .cont{opacity: 1; transform: unset;}
.load_footer08 .info_cont .cont:nth-child(1){transition-delay: 0s, 0s, 0.3s, 0.3s;}
.load_footer08 .info_cont .cont:nth-child(2){transition-delay: 0s, 0s, 0.6s, 0.6s;}
.load_footer08 .info_cont .cont:nth-child(3){transition-delay: 0s, 0s, 0.9s, 0.9s;}
.load_footer08 .info_cont .cont .ico{margin-bottom: 3rem;}
.load_footer08 .info_cont .cont .ico svg{display: block; width: 2.6rem; height: 2.6rem;}
.load_footer08 .info_cont .cont .ico svg path{fill: #fff; transition:fill 0.3s ease-in-out;}
.load_footer08 .info_cont .cont .cont_tit_box{display: flex; align-items: center; font-size:var(--h7); font-weight:700; line-height:normal;}
.load_footer08 .info_cont .cont .cont_tit_box .arr{margin-left: 0.2em;}
.load_footer08 .info_cont .cont .cont_tit_box .arr svg{display: block; width: 0.8em; height: 0.7em;}
.load_footer08 .info_cont .cont .cont_tit_box .arr svg path{transition:fill 0.3s ease-in-out;}
.load_footer08 .info_cont .cont .txt_box .txt{font-size: var(--p5); margin-top: 2.5rem; line-height: 1.5;}




/* 서브페이지_진료과목_텍스트모션_03 */ 
.sub_text_motion03{padding: 25vh 0 0;
    --motion03-gap: 5rem;
    --motion03-item-height: 4rem;
    --motion03-active-height: 11rem;
    /* landing2.js 사용*/
    --motion03-active-img-width: 11rem;
    --motion03-base-font-size: var(--h5);
    --motion03-active-font-size: var(--h3);
}
.sub_text_motion03 .copyscroll_sect{ 
    position: relative; overflow: hidden; 
    height: calc(var(--motion03-active-height) + (var(--motion03-item-height) * 3) + (var(--motion03-gap) * 3) + max(var(--motion03-gap), 2rem)); 
    margin-top: 1rem; 
    padding-top: max(calc(var(--mainContMt) + 2rem), calc(var(--motion03-item-height) + var(--motion03-gap) + 2rem)); /* 사라지는 영역 */
    opacity: 0; transform: translateY(5rem); transition: opacity 0.6s ease-in-out 0.6s, transform 0.6s ease-in-out 0.6s;}
.sub_text_motion03 .copyscroll_sect:before{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: var(--motion03-fade-height); background: linear-gradient(0, rgba(255,255,255,1), rgba(255,255,255,0));}
.sub_text_motion03.active .copyscroll_sect{opacity: 1; transform: unset;}
.sub_text_motion03 .copy_cont,
.sub_text_motion03 .copy_wrap{position: relative; width: 100%; height: 0; min-height: 0; overflow: visible;}
.sub_text_motion03 .copy_item{position: absolute; left: 0; top: 0; width: 100%; height: var(--motion03-item-height); display: flex; align-items: center; justify-content: center; box-sizing: border-box; color: rgba(31, 41, 51, 0.05); will-change: transform, opacity;}
.sub_text_motion03 .copy_item .cont{position: relative; display: flex; align-items: center; text-align: center; font-size: var(--h5);}
.sub_text_motion03 .copy_item .cont .txt { line-height: 1.5; font-weight: 600; transition: font-size 0.12s linear, font-weight 0.12s linear;; }
.sub_text_motion03 .copy_item .cont .img{display: block; height: 2.75em; width: 0; margin-left: 0.5em; opacity: 0;}
.sub_text_motion03 .copy_item .cont .img img{height: 100%; width: 100%;}



/* 탭_롤링_08 */
.tab_rolling08{background-color: var(--point01); padding: 10rem 0; overflow: hidden; width: 100%;}
.tab_rolling08 .swiper-container{overflow: visible;}
.tab_rolling08 .tit_wrap{display: flex; align-items: flex-start; justify-content: space-between}
.tab_rolling08 .main_tit_box{color: #fff;}
.tab_rolling08 .tab_depth1_wrap{margin-top: 8rem;}
.tab_rolling08 .tab_depth1_wrap .tab_box{display: flex; gap: 2rem; justify-content: center;}
.tab_rolling08 .tab_depth1_wrap .tab_box .tab{font-size: var(--p2); color: #6D8FFF; font-weight: 700; transition: opacity 0.3s ease;}
.tab_rolling08 .tab_depth1_wrap .tab_box .tab .ico{display: flex; align-items: center; justify-content: center; width: 11rem; height:7rem; margin-bottom: 1rem; border-radius: 99rem; background-color: #5078FF; transition: 0.3s ease;}
.tab_rolling08 .tab_depth1_wrap .tab_box .tab .ico img{width: 38%; height: 100%; object-fit: contain;}
.tab_rolling08 .tab_depth1_wrap .tab_box .tab.active{color: #fff;}
.tab_rolling08 .tab_depth1_wrap .tab_box .tab.active .ico{background-color: #fff;}


.tab_rolling08 .cont{margin-top: 5rem; color: #fff}
.tab_rolling08 .tab_depth2_wrap{display: flex; justify-content: center; margin:0 auto 6rem;}
.tab_rolling08 .tab_depth2_wrap .tab_box{display: flex; gap:1rem;}
.tab_rolling08 .tab_depth2_wrap .tab_box .tab{font-size:var(--p4); padding: 0.3em 1.1em; background-color: var(--point01); font-weight: 700; border-bottom:2px solid var(--point01); transition: 0.3s ease;} /*border-radius: 99rem;*/
/* .tab_rolling08 .tab_depth2_wrap .tab_box .tab.active{ background-color: #fff; color: var(--point01);} */
.tab_rolling08 .tab_depth2_wrap .tab_box .tab.active{ border-bottom: 2px solid #fff;}
.tab_rolling08 .tab_depth2_wrap .tab_box{display: none;}
.tab_rolling08 .tab_depth2_wrap .tab_box.active{display: block;}

.tab_rolling08 .slide{opacity: 0; transform: translateY(5rem); transition: opacity 0.8s ease-in-out, transform 0.8s ease-in-out;}
.tab_rolling08 .slide.active{opacity: 1; transform: translateY(0);}
.tab_rolling08 .slide .swiper-slide{opacity: 0.3; transition: opacity 0.3s ease;} /* max-width: 20%; */
.tab_rolling08 .slide .swiper-slide.is-visible-slide{opacity: 1;}

.tab_rolling08 .slide .item_box{background-color: #fff; border-radius: 2rem; padding: 2rem 0 3.7rem;}
.tab_rolling08 .slide .item_box .item_info{display: flex; align-items: center; padding: 0 2rem}
.tab_rolling08 .slide .item_box .item_info .badge{font-size: var(--p7); background-color: var(--gray10); color:var(--gray60); border-radius: 0.5rem; padding: 0.4em 0.8em; font-weight: 700;}
.tab_rolling08 .slide .item_box .item_info .num{font-size: var(--p6); color: var(--point01); font-weight: 700; margin-left: 0.8em;}
.tab_rolling08 .slide .item_box .item_info .like{display: flex; align-items: center; font-size: var(--p6); font-weight: 500; margin-left: auto; color:var(--black);}
.tab_rolling08 .slide .item_box .item_info .like::before {content: ""; width: 1em; height: 1em; margin-right: 0.3em; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="15" height="14" viewBox="0 0 15 14" fill="none"><path d="M13.8582 1.09323C12.1241 -0.677831 8.6006 -0.403873 7.49998 2.70353C6.39936 -0.402587 2.87589 -0.676545 1.14185 1.09323C-0.592196 2.8643 -0.291232 6.14662 1.638 8.37556C3.56724 10.6032 7.49998 14 7.49998 14C7.49998 14 11.4327 10.6032 13.362 8.37556C15.2912 6.1479 15.5922 2.8643 13.8582 1.09323Z" fill="%23FF5B8C"/></svg>') no-repeat center / contain;}
.tab_rolling08 .slide .item_box .img_box{margin-top: 3rem;}
.tab_rolling08 .slide .item_box .img_box img{width: 100%; object-fit: cover;}

.tab_rolling08 .slide .name_box{display: flex; align-items: flex-start; justify-content: space-between; margin-top: 2rem;}
.tab_rolling08 .slide .name_box .name{ font-size:var(--p3); font-weight:600; display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; line-height: 1.4;}
.tab_rolling08 .slide .name_box .cart_btn{display: flex; align-items: center; font-size:var(--p5); font-weight:700; padding: 0.2em 0.8em; border:1px solid #fff; color: #fff; border-radius: 99rem; transition: background 0.3s ease, color 0.3s ease;}
.tab_rolling08 .slide .name_box .cart_btn .ico{width: 1.2em; height: 1.2em; margin-right: 0.5em; transition: background 0.3s ease; background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path d="M10 10.8345C8.89493 10.8345 7.83512 10.3955 7.05372 9.61408C6.27232 8.83268 5.83333 7.77287 5.83333 6.66781H7.5C7.5 7.33085 7.76339 7.96673 8.23223 8.43557C8.70107 8.90441 9.33696 9.16781 10 9.16781C10.663 9.16781 11.2989 8.90441 11.7678 8.43557C12.2366 7.96673 12.5 7.33085 12.5 6.66781H14.1667C14.1667 7.77287 13.7277 8.83268 12.9463 9.61408C12.1649 10.3955 11.1051 10.8345 10 10.8345ZM10 2.50114C10.663 2.50114 11.2989 2.76453 11.7678 3.23337C12.2366 3.70221 12.5 4.3381 12.5 5.00114H7.5C7.5 4.3381 7.76339 3.70221 8.23223 3.23337C8.70107 2.76453 9.33696 2.50114 10 2.50114ZM15.8333 5.00114H14.1667C14.1667 4.45396 14.0589 3.91215 13.8495 3.40662C13.6401 2.9011 13.3332 2.44177 12.9463 2.05486C12.5594 1.66795 12.1 1.36104 11.5945 1.15164C11.089 0.942247 10.5472 0.834473 10 0.834473C8.89493 0.834473 7.83512 1.27346 7.05372 2.05486C6.27232 2.83626 5.83333 3.89607 5.83333 5.00114H4.16667C3.24167 5.00114 2.5 5.74281 2.5 6.66781V16.6678C2.5 17.1098 2.67559 17.5338 2.98816 17.8463C3.30072 18.1589 3.72464 18.3345 4.16667 18.3345H15.8333C16.2754 18.3345 16.6993 18.1589 17.0118 17.8463C17.3244 17.5338 17.5 17.1098 17.5 16.6678V6.66781C17.5 5.74281 16.75 5.00114 15.8333 5.00114Z" fill="white"/></svg>') no-repeat center / contain}

.tab_rolling08 .slide .progress_bar{position: relative; margin: 8rem auto 0; width: 30rem; height: 0.5rem; background-color: rgba(255, 255, 255, 0.15); overflow: hidden;}
.tab_rolling08 .slide .progress_bar .swiper-pagination-progressbar-fill{background-color: #fff;}
.tab_rolling08 .slide .progress_bar.none{display: none !important;}

.tab_rolling08 .pick_box{display: flex; align-items: center; background-color: #fff; padding: 3rem 4rem; gap: 4rem; border-radius: 2rem; margin-top: 5rem;}
.tab_rolling08 .pick_box .tit_box{flex: 0 0 auto;}
.tab_rolling08 .pick_box .tit_box .cont_tit{font-size: var(--h8); font-weight: 700; white-space: nowrap;}
.tab_rolling08 .pick_box .tit_box .link_btn{font-size: var(--p7); margin-top: 5rem; padding: 1em 1.4em; white-space: nowrap;}
.tab_rolling08 .pick_box .tit_box .link_btn .ico{margin-left: 0.7em;}
.tab_rolling08 .pick_box .item_wrap{display: flex; flex: 1 1 auto; min-width: 0; gap: 1.5rem;} 
.tab_rolling08 .pick_box .item_wrap .item_box{position: relative; display: flex; justify-content: center; align-items: center; width: calc((100% - 9rem) / 8); background-color: var(--bg);}
.tab_rolling08 .pick_box .item_wrap .item_box::before{content: ""; display: block; padding-top: 100%;}
.tab_rolling08 .pick_box .item_wrap .item_box > *{position: absolute; width: 100%; height: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); object-fit: cover;}
.tab_rolling08 .pick_box .item_wrap .item_box .ico{width: 25%; height: 25%; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 50 50" fill="none"><g clip-path="url(%23clip0_294_3630)"><path d="M37.5 12.5C37.5 9.18479 36.183 6.00537 33.8388 3.66116C31.4946 1.31696 28.3152 0 25 0C21.6848 0 18.5054 1.31696 16.1612 3.66116C13.817 6.00537 12.5 9.18479 12.5 12.5H0V43.75C0 45.4076 0.65848 46.9973 1.83058 48.1694C3.00268 49.3415 4.5924 50 6.25 50H29.1667V45.8333H6.25C5.69747 45.8333 5.16756 45.6138 4.77686 45.2231C4.38616 44.8324 4.16667 44.3025 4.16667 43.75V16.6667H12.5V20.8333H16.6667V16.6667H33.3333V20.8333H37.5V16.6667H45.8333V29.1667H50V12.5H37.5ZM16.6667 12.5C16.6667 10.2899 17.5446 8.17025 19.1074 6.60744C20.6702 5.04464 22.7899 4.16667 25 4.16667C27.2101 4.16667 29.3298 5.04464 30.8926 6.60744C32.4554 8.17025 33.3333 10.2899 33.3333 12.5H16.6667Z" fill="%23374957" fill-opacity="0.2"/><path d="M43.7506 33.332H39.584V39.582H33.334V43.7487H39.584V49.9987H43.7506V43.7487H50.0006V39.582H43.7506V33.332Z" fill="%23374957" fill-opacity="0.2"/></g><defs><clipPath id="clip0_294_3630"><rect width="50" height="50" fill="white"/></clipPath></defs></svg>') no-repeat center / contain;}



/* 담기 플라이 모션 (상품 이미지 → pick_box 슬라이드 영역) */
.pick_fly_clone{position: fixed; z-index: 9999; pointer-events: none; object-fit: cover; border-radius: 1.2rem; box-shadow: 0 0.6rem 1.6rem rgba(0,0,0,0.18); transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1), opacity 0.6s ease; will-change: transform, opacity;}
.tab_rolling08_2 .pick_box .cont.is-drop .chr_img{animation: pickDropBob 0.45s ease;}
@keyframes pickDropBob{0%{transform: translateY(0);} 35%{transform: translateY(-0.6rem);} 100%{transform: translateY(0);}}
@media (prefers-reduced-motion: reduce){.pick_fly_clone{transition: none;} .tab_rolling08_2 .pick_box .cont.is-drop .chr_img{animation: none;}}


/* 게시판 리스트_핀터레스트형_02 */
.pinter_list02 .list_box li {position: relative;display: block;width: calc(25% - (3rem * 3  / 4) ); margin-bottom: 6rem;}
.pinter_list02 .list_box li.hide {display: none;}
.pinter_list02 .list_box li .img {overflow: hidden;border-radius: 2rem;}
.pinter_list02 .list_box li .img img {width: 100%;}
.pinter_list02 .list_box li .txt_box {margin-top: 1.5rem;}
.pinter_list02 .list_box li .txt_box .tit {text-align: left; font-size: var(--p3);font-weight: 600;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

.youtube .pinter_list02 .list_box li.shorts .img{position: relative; width: 100%; padding-top: 180%;}
.youtube .pinter_list02 .list_box li.video .img{position: relative; width: 100%; padding-top: 56.25%;}
.youtube .pinter_list02 .list_box li .img img{position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover;}
.youtube .pinter_list02 .list_box li button{display: block; width: 100%;}

/* 기본롤링24 */
.main_basic_slide24 {overflow: hidden;}
.main_basic_slide24 .slide {position: relative; }
/* .main_basic_slide24 .slide .swiper-container {overflow: visible;} */
.main_basic_slide24 .slide {border-radius: 3rem; overflow: hidden;}
.main_basic_slide24 .slide .bg {position: relative; padding-top: 30%; }
.main_basic_slide24 .slide .bg img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.main_basic_slide24 .slide .txt_box {color: #fff; position: absolute; left: 10%; top: 50%; transform: translate(0,-50%); width: 80%}
.main_basic_slide24 .slide .txt_box .tit {font-size: var(--h4);font-weight: 600; margin-bottom: 1.5rem; line-height: 1.5;}
.main_basic_slide24 .slide .txt_box .txt {font-size: var(--p3); }
.main_basic_slide24 .slide .swiper_num {position: absolute; right:3rem; bottom: 3rem; z-index: 3; display: flex; align-items: center; gap: 1rem; font-size: var(--p6);}
.main_basic_slide24 .slide .swiper_num .swiper_pagination {border-radius: 999px; background: rgba(0, 0, 0, 0.30);backdrop-filter: blur(15px); width: 4.25em; height: 2em; display: flex; align-items: center; justify-content: center; color: #fff;}
.main_basic_slide24 .slide .swiper_num.hide,
.main_basic_slide24 .slide .swiper_num .swiper_pagination.hide,
.main_basic_slide24 .slide .swiper_num .stop_btn.hide{display: none;}
.main_basic_slide24 .slide .swiper_num .barSpace {margin: 0 0.3em;}
.main_basic_slide24 .slide .swiper_num .stop_btn {width: 2em; height: 2em; border-radius: 50%; background: rgba(0, 0, 0, 0.30);backdrop-filter: blur(15px); display: flex; align-items: center; justify-content: center;}
.main_basic_slide24 .slide .swiper_num .stop_btn svg.stop {width: 28%; height: auto;}
.main_basic_slide24 .slide .swiper_num .stop_btn svg.play {width: 30%; height: auto; display: none;}
.main_basic_slide24 .slide .swiper_num .stop_btn.playing .stop {display: none;}
.main_basic_slide24 .slide .swiper_num .stop_btn.playing .play {display: block;}

/* .main_basic_slide24 .slide .swiper_num .swiper_pagination,
.main_basic_slide24 .slide .swiper_num .stop_btn{display: none;} */



/* --------------------------------------- 쇼핑몰 --------------------------------------- */
/* 공통 상품 리스트 (가로형) */
.shop_list01 .shop_item {display: flex; align-items: center; gap: 2.5rem; padding-bottom: 1.5rem; border-bottom: 1px solid var(--line); }
.shop_list01 .shop_item + .shop_item{margin-top: 2rem;}
.shop_list01 .thum {position: relative; flex-shrink: 0; width: 11rem; height: 11rem; overflow: hidden; border-radius: 1rem; }
.shop_list01 .thum img {width: 100%; height: 100%; object-fit: cover; object-position: center;}
/* .shop_list01 .thum img{background: url(/inc/img/common/store_thum.svg) no-repeat center / cover;} */
.shop_list01 .thum::after {content: ''; position: absolute; inset: 0; background-color: rgba(0,0,0,0.02); z-index: 2; pointer-events: none;}
/* 공통 상품 텍스트 */
.shop_list01 .com_prd_info {flex: 1;}
.shop_list01 .com_prd_info .top {display: flex; align-items: flex-start; justify-content: flex-start;  font-size: var(--p5); gap: 1rem; line-height: 1.4;}
.shop_list01 .com_prd_info .name {overflow: hidden; font-weight: 700; display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis;}
.shop_list01 .com_prd_info .like {display: inline-flex; align-items: center; margin-left: auto; flex-shrink: 0; color: var(--gray30); font-size: var(--p7); font-weight: 500; line-height: 1;}
.shop_list01 .com_prd_info .like::before {content: ""; width: 1em; height: 1em; margin-right: 0.3em; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="13" height="12" viewBox="0 0 13 12" fill="none"><path opacity="0.3" d="M9.49414 0C11.4486 0.0191326 13.0185 1.66563 13 3.67773C12.9999 6.20476 10.7899 8.264 7.44238 11.3857L7.33887 11.4834L7.24707 11.5615C6.77366 11.9273 6.10615 11.9026 5.6582 11.4863L5.55762 11.3926C2.31474 8.36145 0.139632 6.33432 0.00683594 3.91309L0 3.67773V3.60547C0.0203375 1.59433 1.62084 -0.0196967 3.5752 0.000976562L3.78516 0.0078125C4.83222 0.0741275 5.81242 0.574014 6.5 1.39844C7.23253 0.519187 8.29971 0.00978026 9.4248 0.000976562V0H9.49414ZM9.43652 1.50098C8.76057 1.50627 8.10768 1.81188 7.65234 2.3584L6.50098 3.74121L5.34766 2.35938C4.89105 1.81192 4.23899 1.50624 3.56348 1.50098H3.55957C2.47447 1.48947 1.5123 2.39727 1.5 3.62109V3.67773C1.50006 4.46213 1.83035 5.28385 2.69824 6.37598C3.56971 7.47257 4.8348 8.66379 6.49609 10.2168C8.16148 8.66353 9.43006 7.47232 10.3027 6.375C11.1703 5.28409 11.4999 4.46211 11.5 3.67773V3.66406C11.5112 2.44223 10.5708 1.51529 9.48828 1.5L9.43652 1.50098Z" fill="%231F2933"/></svg>') no-repeat center / contain;}
.shop_list01 .com_prd_info .name_num{font-size: var(--p7); color: var(--gray40); font-weight: 400;}
.shop_list01 .com_prd_info .num {display: flex; align-items: center; margin-top: 1rem; gap: 1rem; color: var(--gray50); font-size: var(--p8); font-weight: 500; line-height: 1.5;}
.shop_list01 .com_prd_info .num .badge {display: inline-flex; align-items: center; justify-content: center; padding: 0.2em 0.625em; border-radius: 0.3rem; background-color: #F0F4F9; color: var(--gray40); font-size:var(--p9); font-weight: 700;}
.shop_list01 .com_prd_info .top .like{margin-top: 0.3em;}
/* 베스트 순위 */
.shop_list01 .rank_num{font-weight: 700; font-size: var(--p3); min-width: 1em; }
/* 순위 등락표 */
.shop_list01 .rank{display: flex; margin-left: auto; gap:0.5em; min-width: 3.5em; padding: 0.4em 0.7em; line-height: 1; font-size:var(--p4); border-radius: 99rem;}
.shop_list01 .rank .ico{display: block; width: 0.7em; height: 0.7em;}
.shop_list01 .rank.up{align-items: center; background-color: #FFF4F4;}
.shop_list01 .rank.up .ico{margin-bottom: 0.2em; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="14" viewBox="0 0 16 14" fill="none"><path d="M7.06366 0.5C7.44856 -0.166666 8.41081 -0.166667 8.79571 0.5L15.7239 12.5C16.1088 13.1667 15.6277 14 14.8579 14H1.00148C0.231684 14 -0.249442 13.1667 0.135458 12.5L7.06366 0.5Z" fill="%23FB5353"/></svg>') no-repeat center / contain;}
.shop_list01 .rank.down{ background-color: #ECF5FF;}
.shop_list01 .rank.down .ico{margin-top: 0.1em; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="14" viewBox="0 0 16 14" fill="none"><path d="M7.06366 13.5C7.44856 14.1667 8.41081 14.1667 8.79571 13.5L15.7239 1.5C16.1088 0.833334 15.6277 0 14.8579 0H1.00148C0.231684 0 -0.249442 0.833333 0.135458 1.5L7.06366 13.5Z" fill="%23005DFF"/></svg>') no-repeat center / contain;}


/* 쇼핑몰_상품리스트 01 */
.store_list01 {display: flex; align-items: flex-start;}

.store_list01 .sect_tit {font-size: var(--h8);font-weight: 700;line-height: 1.5; margin-bottom: 2rem;}

/* 상품 필터 */
.store_list01 .form_filter_box {width: max(25rem, 200px); position: sticky; top: calc(var(--hdH) + 3rem); max-height: calc(100vh - 10rem); flex-shrink: 0; margin-right: 6rem; overflow-y: auto; transition: top 0.3s ease-in-out;} 
body:has(.header.down) .store_list01 .form_filter_box {top: 3rem;}

.store_list01 .form_filter_box::-webkit-scrollbar {display: none;}
.store_list01 .form_filter_box .sch_wrap + .box {border-top: 1px solid var(--gray20);}
.store_list01 .form_filter_box .box  {border-bottom: 1px solid var(--gray20);}
.store_list01 .form_filter_box .box_head {display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 2rem 0; cursor: pointer;}
.store_list01 .form_filter_box .box_cont{padding-bottom: 2rem;}
.store_list01 .form_filter_box .box_tit {font-size: var(--p4); font-weight: 700;}
.store_list01 .form_filter_box .box_cont {display: none;}
.store_list01 .form_filter_box .box_toggle {position: relative; width: 2.4rem; height: 2.4rem; flex-shrink: 0;}
.store_list01 .form_filter_box .box_toggle span,
.store_list01 .form_filter_box .box_toggle span::before {content: ""; position: absolute; left: 50%; top: 50%; width: 1.2rem; height: 2px; background-color: var(--gray90); transform: translate(-50%, -50%); transition: 0.2s ease-in-out;}
.store_list01 .form_filter_box .box_toggle span::before {transform: translate(-50%, -50%) rotate(90deg);}
.store_list01 .form_filter_box .box.active .box_toggle span::before {transform: translate(-50%, -50%) rotate(0deg); opacity: 0;}
.store_list01 .form_filter_box .filter_reset_btn {display: block; margin: 2rem 0 0 auto; font-size: 13px; font-weight: 600; color: var(--gray30); transition: 0.2s ease-in-out;}
.store_list01 .form_filter_box .btn_type {display: flex; flex-wrap: wrap; gap: 5px;}
.store_list01 .form_filter_box .btn_type .btn input:checked {}
.store_list01 .form_filter_box .btn_type .btn .txt {display: flex; align-items: center; justify-content: center; border: 1px solid var(--gray90); border-radius: 5px; padding: 0 0.7em; height: 2.5em; font-size: var(--p7); font-weight: 600; color: var(--gray40); border: 1px solid var(--gray20); cursor: pointer;}
.store_list01 .form_filter_box .btn_type .btn input:checked + label .txt {border-color: var(--gray90); color: var(--gray90);}


.store_list01 .form_filter_box .select_type {display: flex; align-items: center; }
.store_list01 .form_filter_box .select_type .select {flex: 1;}
.store_list01 .form_filter_box .select_type .select .nice-select {font-size: 12px; height: 3.75em; border-radius: 0.5rem;}
.store_list01 .form_filter_box .select_type .select .nice-select:after {width: 0.85em; right: 15px;}
.store_list01 .form_filter_box .select_type .select .nice-select .list{max-height: 150px;}
.store_list01 .form_filter_box .select_type .txt {font-size: var(--p6); margin-left: 1rem;}
.store_list01 .form_filter_box .select_type .range {margin: 0 1rem;}
.store_list01 .form_filter_box .info_txt{font-size: var(--p8); margin-top: 1rem;}
.store_list01 .form_filter_box .ref_txt {font-size: 12px; color: var(--gray40); margin-top: 1.5rem;}


.store_list01 .form_filter_box .sch_wrap{padding-bottom: 2rem;}
.store_list01 .form_filter_box .sch_wrap .sch_box .sch_inp{position: relative; border-bottom: 1px solid var(--black); padding: 0.8em 0; font-size: var(--p5);}
.store_list01 .form_filter_box .sch_wrap .sch_box .sch_inp input{width: 90%;}
.store_list01 .form_filter_box .sch_wrap .sch_box .sch_inp .btn { position: absolute;right: 0; top: 50%; transform: translateY(-50%);}
.store_list01 .form_filter_box .sch_wrap .sch_box .sch_inp .btn svg{display: block; height: 1.55em;}

.store_list01 .form_filter_box .form_btn_box {display: flex; gap: 1rem; font-size: var(--p6); margin-top: 2rem; padding-bottom: 125px;}
.store_list01 .form_filter_box .form_btn_box .btn { height: 3.2em; border-radius: 5px;}
.store_list01 .form_filter_box .form_btn_box .btn.reset {width: 3.2em; border:1px solid var(--gray20); display: flex; align-items: center; justify-content: center; transition: 0.3s ease-in-out;}
.store_list01 .form_filter_box .form_btn_box .btn.reset svg {display: block; width: auto; height: 1.2em;}
.store_list01 .form_filter_box .form_btn_box .btn.reset svg path {transition: 0.3s ease-in-out;}
.store_list01 .form_filter_box .form_btn_box .btn.search{flex: 1; background-color: var(--gray90); color: #fff; font-weight: 600; flex: 1; transition: 0.3s ease-in-out;}

/* 상품 리스트_탑 */
.store_list01 .prd_list_box {flex: 1; min-width: 0; padding-top: 3.5em;}
.store_list01 .prd_list_box .top_box {display: flex; align-items: center; margin-bottom: 2rem;}
.store_list01 .prd_list_box .top_box .total_num {font-size: var(--p4);}
.store_list01 .prd_list_box .top_box .total_num strong {font-weight: 700; color: var(--point01);}
.store_list01 .prd_list_box .top_box .select {margin-left: auto;}
.store_list01 .prd_list_box .top_box .select + .select {position: relative; margin-left: 2rem; padding-left: 2rem;  }
.store_list01 .prd_list_box .top_box .select + .select:before {content:''; position: absolute; left: 0; width: 1px; height: 60%; top:20%; border: 1px solid #BCBFC2; }
.store_list01 .prd_list_box .top_box .nice-select {width: 5.8em; padding: 0 1.5em 0 0; border: none; height: auto; line-height: 1.5; font-size: var(--p6);}
.store_list01 .prd_list_box .top_box .nice-select .current{font-weight: 600;}
.store_list01 .prd_list_box .top_box .nice-select:after {right: 0;}
.store_list01 .prd_list_box .top_box .nice-select .list {font-size: var(--p6); right: 0; left: auto; z-index: 99;}
.store_list01 .prd_list_box .top_box .sel_btn_wrap{display: flex; gap: 2rem;}
.store_list01 .prd_list_box .top_box .sel_btn_wrap .opt{display: flex; align-items: center; font-size: var(--p6); font-weight: 600; opacity: 0.4; transition: 0.3s ease ;}
.store_list01 .prd_list_box .top_box .sel_btn_wrap .opt .badge{display: flex; align-items: center; justify-content: center; background-color: #000; font-size:0.8em; padding: 0.25em 0.4em; margin-right: 5px; background-color: #000; height: 1.5em; color: #fff; border-radius: 0.3rem;}
.store_list01 .prd_list_box .top_box .sel_btn_wrap .opt .badge.best{font-weight: 500; } 
.store_list01 .prd_list_box .top_box .sel_btn_wrap .opt .badge.new{width: 1.5em; font-weight: 600; vertical-align: middle;}
.store_list01 .prd_list_box .top_box .sel_btn_wrap .opt.active{opacity: 1;}
.store_list01 .prd_list_box .top_box .sel_btn_wrap .opt.active .badge.best{ background-color:var(--point01);}
.store_list01 .prd_list_box .top_box .sel_btn_wrap .opt.active .badge.new{background-color: #E00606;}





/* 상품 리스트 */
.store_list01 .prd_list_box .prd_list {display: grid; gap: 5rem 2rem; grid-template-columns: repeat(4,minmax(0,1fr));}
.store_list01 .prd_list_box .prd_list.grid_4 {grid-template-columns: repeat(4,minmax(0,1fr));}
.store_list01 .prd_list_box .prd_list.grid_5 {grid-template-columns: repeat(5,minmax(0,1fr));}

.com_prd_cont .prd_img_box {overflow: hidden; position: relative; padding-top: 100%; border-radius: 1rem;}
.com_prd_cont .prd_img_box .img {position: absolute; inset: 0; height: 100%;}
.com_prd_cont .prd_img_box .img::after {content: ''; position: absolute; inset: 0; height: 100%; background-color: rgba(0,0,0,0.02); z-index: 2; pointer-events: none;}
.com_prd_cont .prd_img_box .img img {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 80%; height: 80%; object-position: center; object-fit: cover;}
.com_prd_cont .prd_img_box .badge_wrap {position: absolute; right: 1.5rem; top: 1.5rem;}
.com_prd_cont .prd_img_box .badge_wrap .badge {background-color: #fff; border-radius: 0.5rem; padding: 0 0.7em; height: 2em; display: flex; align-items: center; justify-content: center; color: var(--point01); font-weight: 700; font-size: var(--p6); background-color: #fff; z-index: 3;}   
.com_prd_cont .prd_img_box .badge_wrap .badge.best {background-color: #000; color: #fff; border-radius: 99rem;}

.com_prd_cont .prd_btn_box {position: absolute; right: 0.8rem; bottom: 0.8rem; display: flex; align-items: center; gap: 0.5rem; z-index: 5;}
.com_prd_cont .prd_btn_box .btn {width: 3.5rem; height: 3.5rem; display: flex; align-items: center; justify-content: center; background-color: #fff; border-radius: 0.3rem;}
.com_prd_cont .prd_btn_box .btn svg {display: block; width: 66%; height: auto;}
.com_prd_cont .prd_btn_box .btn.heart svg{width: 54%;}
.com_prd_cont .prd_btn_box .btn.heart.active svg path {fill: #FF5B8C;}
.com_prd_cont .prd_btn_box .btn.heart.active svg g {opacity: 1;}

/* 준비중*/
.com_prd_cont .prd_img_box .soldout{position: absolute; display: flex; align-items: center; justify-content: center; inset: 0; width:100%; height:100%; background: rgba(0, 0, 0, 0.50); color: #fff; z-index: 50; pointer-events: none;}
.com_prd_cont .prd_img_box .soldout + .img{opacity: 0.3;}
.com_prd_cont .prd_img_box .soldout .txt{color:#fff; padding: 0 1em; height: 2em; line-height:2em; font-weight: 700; border-radius: 99rem; background: rgba(255, 255, 255, 0.20); backdrop-filter: blur(10px);}
.com_prd_cont .prd_img_box:has(.soldout) .prd_btn_box{pointer-events: none;}
/* 장바구니(.com_opt_wrap) 아이템 썸네일 준비중 오버레이 */
.com_opt_wrap .prd_info .thum .soldout{position: absolute; display: flex; align-items: center; justify-content: center; inset: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.50); z-index: 5;}
.com_opt_wrap .prd_info .thum .soldout .txt{color:#fff; font-size: var(--p8); font-weight: 700;}

/* 상품 정보 텍스트 */
.com_prd_cont .prd_info {position: relative; margin-top: 1.5rem; display: block; width: 97%;}
.com_prd_cont .prd_info .prd_num {font-size: var(--p9); color: var(--gray40); font-weight: 500;}
.com_prd_cont .prd_info .heart{position: relative; display: flex; align-items: center; min-width: 2.2em; font-size: var(--p9); color: var(--gray40); margin-left: auto; line-height: 1;}
.com_prd_cont .prd_info .heart::before {content: ""; width: 1.2em; height: 1.2em; margin-top: 0.1em; margin-right: 0.3em; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="13" height="12" viewBox="0 0 13 12" fill="none"><path opacity="0.3" d="M9.49414 0C11.4486 0.0191326 13.0185 1.66563 13 3.67773C12.9999 6.20476 10.7899 8.264 7.44238 11.3857L7.33887 11.4834L7.24707 11.5615C6.77366 11.9273 6.10615 11.9026 5.6582 11.4863L5.55762 11.3926C2.31474 8.36145 0.139632 6.33432 0.00683594 3.91309L0 3.67773V3.60547C0.0203375 1.59433 1.62084 -0.0196967 3.5752 0.000976562L3.78516 0.0078125C4.83222 0.0741275 5.81242 0.574014 6.5 1.39844C7.23253 0.519187 8.29971 0.00978026 9.4248 0.000976562V0H9.49414ZM9.43652 1.50098C8.76057 1.50627 8.10768 1.81188 7.65234 2.3584L6.50098 3.74121L5.34766 2.35938C4.89105 1.81192 4.23899 1.50624 3.56348 1.50098H3.55957C2.47447 1.48947 1.5123 2.39727 1.5 3.62109V3.67773C1.50006 4.46213 1.83035 5.28385 2.69824 6.37598C3.56971 7.47257 4.8348 8.66379 6.49609 10.2168C8.16148 8.66353 9.43006 7.47232 10.3027 6.375C11.1703 5.28409 11.4999 4.46211 11.5 3.67773V3.66406C11.5112 2.44223 10.5708 1.51529 9.48828 1.5L9.43652 1.50098Z" fill="%231F2933"/></svg>') no-repeat center / contain;}
.com_prd_cont .prd_info .top{display: flex; align-items: center; justify-content: space-between;}
.com_prd_cont .prd_info .info{margin-top: 0.8rem;}
.com_prd_cont .prd_info .name{display: flex; align-items: flex-start; max-width: 80%; font-size: var(--p3); font-weight: 700; line-height: 1.4;}
.com_prd_cont .prd_info .name .name_text {min-width: 0; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; word-break: break-all;}
.com_prd_cont .prd_info .name .new_badge{flex-shrink: 0; display:inline-flex; align-items: center; justify-content: center; width: 1.3em; height: 1.3em; margin-top: 0.2em; border-radius: 0.2rem; font-size: max(1rem, 7px); line-height: 1; background: #E00606; color: #fff; margin-left: 0.5rem; font-weight: 700; vertical-align: text-top; -webkit-box-orient: initial;}

.com_prd_cont .prd_info .num {display: flex; align-items: center; margin-top: 1.2rem; gap: 0.8rem; color: var(--gray40); font-size: var(--p8); font-weight: 500;}
.com_prd_cont .prd_info .num .badge {display: inline-flex; align-items: center; justify-content: center; padding: 0.2em 0.6em; border-radius: 0.5rem; background-color: #F0F4F9; font-size: var(--p9); font-weight: 600;}
.com_prd_cont .prd_info .txt{font-size: var(--p6); min-height: 3.4em; margin-top: 0.5rem; display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis;}
.com_prd_cont .prd_info .com_tag_box,
.com_prd_cont .prd_info + .com_tag_box{margin-top: 1.5rem; gap: 5px;}
/* 수정 */
.com_prd_cont .prd_info .prd_num{display: none;}
.com_prd_cont .prd_info .heart{position: absolute; right: 0; top: 1rem;}

/* 6개씩 보기 */
.store_list01 .prd_list_box .prd_list.grid_6{grid-template-columns: repeat(6,minmax(0,1fr)); gap: 4rem 1.5rem;}
.store_list01 .prd_list_box .prd_list.grid_6 .com_prd_cont .prd_info .name{font-size: var(--p4);}
.store_list01 .prd_list_box .prd_list.grid_6 .com_prd_cont .prd_btn_box{bottom: 1rem; right: 1rem;}
.store_list01 .prd_list_box .prd_list.grid_6 .com_prd_cont .prd_btn_box .btn{width: 2.8rem; height: 2.8rem;}
.store_list01 .prd_list_box .prd_list.grid_6 .com_prd_cont .prd_btn_box{gap: 0.5rem;}
.store_list01 .prd_list_box .prd_list.grid_6 .com_prd_cont .prd_badge_wrap .prd_badge{font-size: var(--p9);}
.store_list01 .prd_list_box .prd_list.grid_6 .com_prd_cont .prd_img_box .soldout .txt{font-size: var(--p4);}
.store_list01 .prd_list_box .prd_list.grid_6 .com_prd_cont .prd_info .name .new_badge{font-size: 0.9rem;}

.com_prd_cont .prd_badge_wrap { display: flex; flex-wrap: wrap; gap:4px; }
.com_prd_cont .prd_img_box .prd_badge_wrap{position: absolute; z-index: 10; top: 0.8rem; left: 0.8rem;}
.com_prd_cont .prd_badge_wrap .prd_badge{margin-top: 0; background-color: #fff; color: var(--black); font-size: var(--p8); font-weight: 500; line-height: 1; padding:0.4em 0.5em; border-radius: 0.3rem; white-space: nowrap;}
.com_prd_cont .prd_badge_wrap .prd_badge.best{background-color: var(--point01); color: #fff;}
.com_prd_cont .prd_badge_wrap .prd_badge.soldout{position: relative; width: auto;}

/* 랭킹 베스트 */
.store_list01 .com_prd_cont .prd_img_box .rank_num{position: absolute; top: 1rem; left: 1rem; display: flex; align-items: center; justify-content: center; font-size: var(--p8); width: 2em; height: 2em; background:#000; border-radius: 0.3rem; color: #fff; line-height: 1; font-weight: 700; z-index: 2;}

/* 상품없을때*/
.store_list01 .prd_empty_box,
.store_list01 .grid_4 .prd_empty_box{grid-column: span 4;}
.store_list01 .grid_5 .prd_empty_box{grid-column: span 5;}
.store_list01 .grid_6 .prd_empty_box{grid-column: span 6;}
.store_list01 .prd_empty_box{display: flex; flex-direction: column; align-items: center; font-size:var(--p4); padding: var(--pd3) 0; gap: 2rem; justify-content: center; text-align: center;} 
.store_list01 .prd_empty_box .ico svg{display: block; width:3.125em; height:3.125em}
.store_list01 .prd_empty_box .txt{color: var(--gray40); font-weight: 500;}
.store_list01 .prd_empty_box .list_back_btn{margin-top: 2rem; display: flex; align-items: center;border: 1px solid var(--gray20);border-radius: 1rem;font-size: var(--p5); font-weight:600;padding: 0.6em 1em; transition: 0.3s ease-in-out;}

/* 좋아요 리스트 */
.store_list01.likes{width: 100%; display:block;}
.store_list01.likes .prd_likes_list {display: grid; gap: 5rem 3rem; grid-template-columns: repeat(3,minmax(0,1fr));}
.store_list01.likes .prd_likes_list .com_prd_cont .prd_info{margin-bottom: 2rem;}
.store_list01.likes .prd_likes_list .bot_btn_box{margin-top: auto; display: flex; gap: 1rem;} 
.store_list01.likes .prd_likes_list .bot_btn_box .com_basic_btn{flex: 1; min-width: 0;}
.store_list01.likes .prd_likes_list .com_prd_cont{position: relative; display: flex; flex-direction: column;}
.store_list01.likes .prd_likes_list .com_prd_cont .prod_like_chk{position: absolute; top: 1.5rem; right: 1.5rem; z-index: 5;}
.store_list01.likes .prd_likes_list .com_prd_cont .prod_like_chk .chk_box input + label .ico{margin-right: 0; background-color: #fff;}
.store_list01.likes .prd_likes_list .com_prd_cont .prod_like_chk .chk_box input:checked + label .ico{ background-color: var(--black);}

/* 공통_쇼핑몰_옵션 */
.com_opt_wrap .prd_info{display: flex; align-items: center;}
.com_opt_wrap .prd_info .thum{position: relative; width: 10rem; height: 10rem; border-radius: 1rem; overflow: hidden; margin-right: 1.5rem;}
.com_opt_wrap .prd_info .thum:after{content: ''; position: absolute; inset: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.04);}
.com_opt_wrap .prd_info .thum img{position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover;}
.com_opt_wrap .prd_info .name_num{ font-size: var(--p7); font-weight: 500; color: var(--gray40); }
.com_opt_wrap .prd_info .name{font-size: var(--p3); font-weight: 700;}
/* 옵션 선택 */
.com_opt_wrap .inp_cont { display: flex;}
.com_opt_wrap .inp_cont .form_box{margin-top: 2rem;}
.com_opt_wrap .inp_cont .inp_txt{position: relative; display: flex; align-items: center;}
.com_opt_wrap .inp_cont .inp_box{flex: 1;}
.com_opt_wrap .inp_cont .inp_box{font-size: var(--p6);}
.com_opt_wrap .inp_cont .inp_box .select .nice-select,
.com_opt_wrap .inp_cont .inp_box .inp input{font-size: var(--p6); width: 100%; height: 3.5em; border-radius: 1rem; background-color: #fff; border:1px solid var(--gray10);} 
.com_opt_wrap .inp_cont .inp_box .select .nice-select .list{max-height: 110px; z-index: 20;}
.com_opt_wrap .inp_cont .inp_box .inp input{padding: 0 1em;}
.com_opt_wrap .inp_cont.num_type .inp_box .select,
.com_opt_wrap .inp_cont.num_type .inp{width: 100%;}
.com_opt_wrap .inp_cont + .inp_cont{margin-top: 1.5rem;}
.com_opt_wrap .inp_cont.num_type .inp_box{display: flex; align-items: center;}
.com_opt_wrap .inp_unit{margin-left: 1rem;}
.com_opt_wrap .inp_btn{background-color:#fff; border:1px solid var(--gray90); font-weight: 500; padding: 0.2em 1.2em; width: auto; margin-left: 1rem;  height: 2.85em; white-space: nowrap; border-radius: 99rem;transition: 0.3s ease;}

.com_opt_wrap .inp_cont .inp_txt .opt_req{color: var(--point01); margin-left: 0.2rem; font-weight: 700;}

/* 툴팁 */
.com_opt_wrap .tooltip_wrap .tooltip{position: absolute; opacity: 0; pointer-events: none; left: 0; bottom: 95%; width: max(28.5rem, 270px); z-index: 2; background-color: #fff; border-radius: 1rem; padding: 1rem 1.5rem; box-shadow: 0 0 30px 0 rgba(126, 126, 126, 0.15); transition: 0.3s ease;}
.com_opt_wrap .tooltip_wrap .tooltip .txt{font-weight: 500; font-size: var(--p6); line-height: 1.5;}
.com_opt_wrap .tooltip_wrap .tooltip_btn svg,
.com_opt_wrap .tooltip_wrap .tooltip_btn svg path{transition: 0.3s ease;}

/* 선택한 옵션 리스트 */
.com_opt_wrap .form + .opt_selected_list{margin-top: 4rem;}
.com_opt_wrap .opt_selected_list .option {display: flex; justify-content: space-between; gap: 1rem; background-color: var(--gray5); padding: 1em; border-radius: 0.5rem;}
.com_opt_wrap .opt_selected_list .option + .option{margin-top: 1rem;}
.com_opt_wrap .opt_selected_list .option .txt_box{display: flex; font-size: var(--p6); gap: 1rem; align-items: center; flex-wrap: wrap; }
.com_opt_wrap .opt_selected_list .option .txt_box .txt{line-height: 1; font-weight: 500; word-break: break-all;}
.com_opt_wrap .opt_selected_list .option .txt_box .txt + .txt{border-left: 1px solid #B5B9BE; padding-left: 1rem;}
.com_opt_wrap .opt_selected_list .option .txt_box .txt.color {display: flex; align-items: center; gap:0.8rem;}
.com_opt_wrap .opt_selected_list .option .txt_box .txt.color .ball{display: inline-block; flex-shrink: 0; width: 1em; height: 1em; background-color: #000; border:1px solid rgba(31, 41, 51, 0.2); border-radius: 99rem;}
.com_opt_wrap .opt_selected_list .option .option_del_btn svg{display: block;}

/* ----- 상품 모달 ----- */
.modal_wrap .modal_cont.store_type {border-radius: 0; width: max(60rem, 480px); padding: 0 3rem 4rem 4rem; }
.modal_wrap .modal_cont.store_type .head{background-color: transparent; color: var(--black); padding-left: 0; padding-right: 0;}
.modal_wrap .modal_cont.store_type .cont{ background-color: #fff; padding-top: 0; padding: 0; border-radius: 0; overflow: unset;}

/* 옵션 선택 */
.modal_wrap .modal_cont.store_type .com_opt_wrap .form_box{margin-top: 2rem;}
.modal_wrap .modal_cont.store_type .com_opt_wrap .inp_cont .inp_txt{width: 7em;}
.modal_wrap .modal_cont.store_type .com_opt_wrap .inp_cont .inp_box .select,
.modal_wrap .modal_cont.store_type .com_opt_wrap .inp_cont .inp_box .inp{width: calc(100% - 1rem - 8em); max-width: 100%;}
.modal_wrap .modal_cont.store_type .com_opt_wrap .inp_btn{width: 8em; padding: 0.2em 0; flex-shrink: 0;}
/* 옵션 리스트 */
.modal_wrap .modal_cont.store_type .opt_selected_list{border-top: 1px solid var(--gray90); margin-top: 3rem; padding-top: 0;}
.modal_wrap .modal_cont.store_type .opt_selected_list .option:first-child{ margin-top: 3rem;}
/* 필수 옵션 표시 / 선택 옵션 구분선 (담기 모달) */
/* .modal_wrap .modal_cont.store_type .com_opt_wrap .inp_cont .inp_txt .opt_req{color: var(--point01); margin-left: 0.2rem; font-weight: 700;} */
.modal_wrap .modal_cont.store_type .com_opt_wrap .opt_group_divider{border-top: 1px dashed var(--gray90); margin: 2rem 0 0.5rem;}
.modal_wrap .modal_cont.store_type .com_opt_wrap .opt_group_divider .opt_optional_tit{display: inline-block; margin-top: 1.5rem; font-size: var(--p4); font-weight: 600; color: var(--gray70);}
.modal_wrap .modal_cont.store_type .com_opt_wrap .opt_empty_guide{color: var(--gray70); font-size: var(--p5); padding: 1rem 0;}
.page_cart .store_cart01 .cart_empty_guide{padding: 3rem 0; text-align: center; color: var(--gray70); font-size: var(--p4);}
/* 템플릿 */
.modal_wrap .modal_cont.store_type.template {width: 74rem;}
.modal_wrap .modal_cont.store_type.template .cont{max-height: 70svh; overflow: auto; padding-right: 1rem;}
.modal_wrap .modal_cont.store_type.template .cont::-webkit-scrollbar-button:vertical:decrement{height: 0;}
.modal_wrap .modal_cont.store_type.template .cont::-webkit-scrollbar-button:vertical:increment{height: 0;}
.modal_wrap .modal_cont.store_type.template .txt_box{max-width: 100%;}
.modal_wrap .modal_cont.store_type.template .com_info_ico_txt{margin-bottom: 2rem;}
.modal_wrap .modal_cont.store_type.template .info_txt{font-size: var(--p4); color: var(--gray70); margin-top: 2rem;}
.modal_wrap .modal_cont.store_type.template .info_list{color: var(--gray70); margin-top: 2rem;}
.modal_wrap .modal_cont.store_type.template .info_list .tit{font-size: var(--p4);}
.modal_wrap .modal_cont.store_type.template .info_list .com_info_txt{font-size: var(--p5);}
/* 템플릿 탭 */
.modal_wrap .modal_cont.store_type.template .txt_box.active{display: block;}
.modal_wrap .modal_cont.store_type.template .txt_box{display: none;}
.modal_wrap .modal_cont.store_type.template .tab_box{width: 100%; display: flex; margin-bottom: 2rem;}
.modal_wrap .modal_cont.store_type.template .tab_box .tab{flex: 1; border-bottom:2px solid var(--gray20); color: var(--gray40); font-weight: 700; padding: 0.8em 0.5em;}
.modal_wrap .modal_cont.store_type.template .tab_box .tab.active{border-color: var(--black); color: var(--black);}



/* 쇼핑몰 상품상세 01 */
.prd_view_cont01{padding-bottom: var(--contMt1);}
.prd_view_cont01 .prd_cont_box{position: relative; display: flex; align-items: flex-start;}

.prd_view_cont01 .prd_img_wrap {width: 50%; position: sticky; top: var(--hdH);}
.prd_view_cont01 .prd_img_wrap .visual_box {flex: 1; min-width: 0;}
.prd_view_cont01 .prd_img_wrap .visual_box .img {position: relative; padding-top: 100%; overflow: hidden; border-radius: 3rem;}
.prd_view_cont01 .prd_img_wrap .visual_box .img img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; object-position: center;}
.prd_view_cont01 .prd_img_wrap .visual_box .img > *{position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; object-position: center;}
.prd_view_cont01 .prd_img_wrap .visual_box .img:before{content: ''; position: absolute; inset: 0; background-color: rgba(0,0,0,0.02); z-index: 2; pointer-events: none;}
.prd_view_cont01 .prd_img_wrap .visual_box .img.video_frame iframe{pointer-events: none;}

.prd_view_cont01 .prd_img_wrap .thum_slide {display: flex; align-items: center; margin-top: 3rem;}
.prd_view_cont01 .prd_img_wrap .thum_slide .swiper-container { width: 100%; margin-left: 0; margin-right: 0; padding: 1px;}
.prd_view_cont01 .prd_img_wrap .thum_slide .swiper-slide{ border-radius: 1rem; overflow: hidden; max-width: 16.6%; cursor:pointer;} 
/* .prd_view_cont01 .prd_img_wrap .thum_slide .swiper-slide.active{border: 1px solid var(--gray90);} */
.prd_view_cont01 .prd_img_wrap .thum_slide .swiper-slide.active:before{content: ''; position: absolute; inset: 0; border: 1px solid var(--gray90); border-radius: 1rem; z-index:1;}
.prd_view_cont01 .prd_img_wrap .thum_slide .swiper-slide .img{position: relative; padding-top: 100%; }
.prd_view_cont01 .prd_img_wrap .thum_slide .swiper-slide .img img{position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover;}
.prd_view_cont01 .prd_img_wrap .thum_slide .swiper-slide .img:before{content: ''; position: absolute; inset: 0; background-color: rgba(0,0,0,0.02); z-index: 2; pointer-events: none;}
.prd_view_cont01 .prd_img_wrap .thum_slide .swiper-slide .img .ico{position: absolute; display: flex; align-items: center; justify-content: center; width: 35%; height: 35%; top:50%; left: 50%; transform: translate(-50%, -50%); display: none; background-color: rgba(0, 0, 0, 0.30); backdrop-filter: blur(15px); border-radius: 99rem; z-index: 3;}
.prd_view_cont01 .prd_img_wrap .thum_slide .swiper-slide .img.video .ico{display: flex;}
.prd_view_cont01 .prd_img_wrap .thum_slide .swiper-slide .img.video .ico svg{width: 30%; height: 30%;}

.prd_view_cont01 .prd_img_wrap .thum_slide .swiper_btn{display: none;}
.prd_view_cont01 .prd_img_wrap .thum_slide .swiper_btn.prev{margin-right: 0.6rem;}
.prd_view_cont01 .prd_img_wrap .thum_slide .swiper_btn.next{margin-left: 0.6rem;}
.prd_view_cont01 .prd_img_wrap .thum_slide .swiper_btn svg{display: block;}
.prd_view_cont01 .prd_img_wrap .thum_slide .swiper_btn.swiper-button-disabled{opacity: 0.3;}

.prd_view_cont01 .prd_info_wrap {flex: 1; min-width: 0; margin-left: 5.5rem;}
.prd_view_cont01 .prd_info_wrap .prd_tit_box .top {position: relative; display: flex; align-items: flex-end; justify-content: space-between;}
.prd_view_cont01 .prd_info_wrap .prd_tit_box .top .num {font-size: var(--p4); font-weight: 500; color: var(--gray40);}
.prd_view_cont01 .prd_info_wrap .prd_tit_box .top .tit {font-size: var(--h7); font-weight: 700; line-height: 1.5; }
.prd_view_cont01 .prd_info_wrap .prd_tit_box .top .heart{position: relative; display: flex; align-items: center; font-size: var(--p4); font-weight: 600; margin-left: auto; margin-right: 2rem; pointer-events: none;}
.prd_view_cont01 .prd_info_wrap .prd_tit_box .top .heart .ico svg{display: block; height: 1.1em; margin-top: -0.1em; margin-right: 0.3em;}
/* .prd_view_cont01 .prd_info_wrap .prd_tit_box .top .heart::before {content: ""; width: 1em; height: 1em; margin-right: 0.3em; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="15" height="13" viewBox="0 0 15 13" fill="none"><path d="M10.4434 0C12.5931 0.0210448 14.32 1.83178 14.2998 4.04492C14.2998 6.82478 11.8687 9.09038 8.18652 12.5244L8.07227 12.6309C7.54927 13.1211 6.74918 13.1232 6.22363 12.6348L6.11328 12.5322C2.43107 9.0903 0 6.82478 0 4.04492V3.9668C0.0222214 1.75438 1.78279 -0.0217887 3.93262 0.000976562L4.16406 0.00878906C5.31546 0.0818687 6.39324 0.63152 7.14941 1.53809C7.9552 0.570882 9.12958 0.0106225 10.3672 0.000976562V0H10.4434Z" fill="%23FF5B8C"/></svg>') no-repeat center / contain;} */
.prd_view_cont01 .prd_info_wrap .prd_tit_box .txt {margin-top: 1.5rem; font-size: var(--p4);}
/* .prd_view_cont01 .prd_info_wrap .prd_tit_box .share_box {position: absolute; right: 0; top: 1.6em;  z-index: 3} */
.prd_view_cont01 .prd_info_wrap .prd_tit_box .share_box {position: relative; z-index: 3;}
.prd_view_cont01 .prd_info_wrap .prd_tit_box .share_box .btn {position: relative; width: 2.5rem; border-radius: 50%; transition: 0.3s ease-in-out;}
.prd_view_cont01 .prd_info_wrap .prd_tit_box .share_box .btn .ico {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%) ;width: 100%; height: auto}
.prd_view_cont01 .prd_info_wrap .prd_tit_box .share_box .btn .ico path {transition: 0.3s ease-in-out;}
.prd_view_cont01 .prd_info_wrap .prd_tit_box .share_box .btn .ico.x_ico {opacity: 0}
.prd_view_cont01 .prd_info_wrap .prd_tit_box .share_box .btn.on + .sns_list {opacity: 1; pointer-events: auto}
.prd_view_cont01 .prd_info_wrap .prd_tit_box .share_box .sns_list {position: absolute;left: 50%;bottom: 0px;z-index: 1;padding-top: 1.5rem;transform: translate(-50%,100%);width: 5rem;opacity: 0;pointer-events: none;transition: 0.3s ease-in-out;}
.prd_view_cont01 .prd_info_wrap .prd_tit_box .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}
.prd_view_cont01 .prd_info_wrap .prd_tit_box .share_box .sns_list .ico + .ico {margin-top: 10px}
.prd_view_cont01 .prd_info_wrap .prd_tit_box .share_box .sns_list .ico svg {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 38%}
.prd_view_cont01 .prd_info_wrap .prd_tit_box .share_box .sns_list .ico.band svg {width: 35%}
.prd_view_cont01 .prd_info_wrap .prd_tit_box .share_box .sns_list .ico.twitter svg {width: 35%}
.prd_view_cont01 .prd_info_wrap .prd_tit_box .share_box .sns_list .ico.face svg {width: 25%}

.prd_view_cont01 .prd_info_wrap .info_wrap {margin-top: 3rem; padding-top: 3rem; border-top: 1px solid var(--gray20);}
.prd_view_cont01 .prd_info_wrap .info_wrap .txt_list > li {display: flex; align-items: flex-start; font-size: var(--p6);}
.prd_view_cont01 .prd_info_wrap .info_wrap .txt_list > li + li {margin-top: 1.5rem;}
.prd_view_cont01 .prd_info_wrap .info_wrap .txt_list > li .left_txt,
.com_opt_wrap .inp_cont .inp_txt {display:flex; align-items: center; font-size: var(--p6); font-weight: 700; width: 8.5em; flex-shrink: 0;} 
.prd_view_cont01 .prd_info_wrap .info_wrap .txt_list > li .left_txt .ico,
.com_opt_wrap .inp_cont .inp_txt .ico {vertical-align: middle; margin-left: 0.4em;}
.prd_view_cont01 .prd_info_wrap .info_wrap .txt_list > li .left_txt .ico svg,
.com_opt_wrap .inp_cont .inp_txt .ico svg{display: block; height: 1em; margin-top: -0.1em;}

.prd_view_cont01 .prd_info_wrap .info_wrap .txt_list .left_txt{flex-wrap: wrap;}
.prd_view_cont01 .prd_info_wrap .info_wrap .txt_list .right_txt > .more_btn{ width: 100%; } 
.prd_view_cont01 .prd_info_wrap .info_wrap .txt_list .right_txt > .more_btn .btn{display: flex; align-items: center; gap: 0.3em; font-size: var(--p8); font-weight: 600; padding: 0.5em 1.2em; border: 1px solid var(--black); border-radius: 99em;}

.prd_view_cont01 .prd_info_wrap .info_wrap .txt_list > li .right_txt{flex: 1;}
.prd_view_cont01 .prd_info_wrap .info_wrap .txt_list > li .more_btn + .template_box{margin-top: 1rem;}
.prd_view_cont01 .prd_info_wrap .info_wrap .txt_list > li .template_box{padding: 1rem 2rem; border-radius: 1rem; background-color: var(--bg);}
.prd_view_cont01 .prd_info_wrap .info_wrap .txt_list > li .template_list { font-size: var(--p6);}
.prd_view_cont01 .prd_info_wrap .info_wrap .txt_list > li .template_list a{ position:relative; display: flex; align-items: center; font-weight: 500; padding: 0.6em 0; line-height: 1.5;}
.prd_view_cont01 .prd_info_wrap .info_wrap .txt_list > li .template_list a:after{content:''; flex-shrink: 0; position: relative; display:inline-block; margin-left: auto; width: 1.4em; height: 1.4em; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path d="M17.5 12.5V15.8333C17.5 16.2754 17.3244 16.6993 17.0118 17.0118C16.6993 17.3244 16.2754 17.5 15.8333 17.5H4.16667C3.72464 17.5 3.30072 17.3244 2.98816 17.0118C2.67559 16.6993 2.5 16.2754 2.5 15.8333V12.5" stroke="%231F2933" stroke-width="1.5" stroke-linecap="square" stroke-linejoin="round"/><path d="M14.1667 8.33333L10 12.5L5.83337 8.33333" stroke="%231F2933" stroke-width="1.5" stroke-linejoin="round"/><path d="M10 12.5V2.5" stroke="%231F2933" stroke-width="1.5" stroke-linejoin="round"/></svg>') no-repeat center / cover;}
.prd_view_cont01 .prd_info_wrap .info_wrap .txt_list > li .template_box .more_btn{display: flex; justify-content: center; margin: 1rem auto;}
.prd_view_cont01 .prd_info_wrap .info_wrap .txt_list > li .template_box .more_btn.hide{display: none;}
.prd_view_cont01 .prd_info_wrap .info_wrap .txt_list > li .template_box .more_btn .btn {font-size: var(--p6); font-weight: 600; color: var(--gray40);}
.prd_view_cont01 .prd_info_wrap .info_wrap .txt_list > li .template_box .more_btn .btn svg{ height: 0.5em; transition: 0.3s ease;}
.prd_view_cont01 .prd_info_wrap .info_wrap .txt_list > li .template_box .more_btn.open .btn svg{transform: rotate(180deg);}


.prd_view_cont01 .prd_info_wrap .com_opt_wrap{padding-top: 4rem; margin-top: 4rem; border-top: 1px solid var(--gray10);}
.prd_view_cont01 .prd_info_wrap .pay_btn_box{position: relative; z-index: 15; margin-bottom: calc(-1 * var(--hdH));} /* 하단 탭 여백때문에 -hdH */
.prd_view_cont01 .prd_info_wrap .pay_btn_box .btn_box{display: flex; font-size: var(--p4); height: 3.75em; gap: 1rem; margin-top: 3rem;}
.prd_view_cont01 .prd_info_wrap .pay_btn_box .btn {border: 1px solid var(--gray20); border-radius: 1rem; display: flex; align-items: center; justify-content: center; font-weight: 600;}
.prd_view_cont01 .prd_info_wrap .pay_btn_box .btn.heart {width: 3.75em; height: 100%; flex-shrink: 0;}
.prd_view_cont01 .prd_info_wrap .pay_btn_box .btn.heart svg {width: 35%; height: auto; transform-origin: center; overflow: visible;}
.prd_view_cont01 .prd_info_wrap .pay_btn_box .btn.heart.active svg path {fill:#FF5B8C;}
.prd_view_cont01 .prd_info_wrap .pay_btn_box .btn.bag {flex: 1; transition: 0.3s ease-in-out; border-color: var(--point01); color:var(--point01)}
.prd_view_cont01 .prd_info_wrap .pay_btn_box .btn.bag_all {flex: 1; transition: 0.3s ease-in-out; border-color: var(--gray20);}
.prd_view_cont01 .prd_info_wrap .pay_btn_box .btn.buy {flex: 1; background-color: var(--point01); border-color: var(--point01); color: #fff; transition: 0.3s ease-in-out;}

.com_prd_cont .prd_btn_box .btn.heart.active svg,
.prd_view_cont01 .prd_info_wrap .pay_btn_box .btn.heart.active svg {animation: heartPop 0.34s ease-out; }

.prd_view_cont01 .prd_empty_box{display: flex; flex-direction: column; align-items: center; font-size: var(--p4); margin-top: 4rem; border-top: 1px solid var(--gray10); font-weight: 500; justify-content: center; padding:var(--contMt2) 0;}
.prd_view_cont01 .prd_empty_box .ico svg{ display: block; height: 5rem;}
.prd_view_cont01 .prd_empty_box .txt{margin-top:2rem; color: var(--gray40);}

@keyframes heartPop {
    0% {transform: scale(0.8);}
    45% {transform: scale(1.2);}
    72% {transform: scale(0.99);}
    100% {transform: scale(1);}
}

/* 상세설명 탭 */
.prd_view_cont01 .detail_info{position: relative; margin-top: 3rem;}
.prd_view_cont01 .detail_info .tab_box {width: 100%; position: sticky; top: var(--hdH); top: 0; padding-top: var(--hdH); z-index: 10; overflow: hidden; background-color: #fff; transition: top 0.3s ease-in-out; box-shadow: none;}
.prd_view_cont01 .detail_info .tab_box .tab_list{--store-detail-tab-count: 4; display: flex; width: 100%; cursor: grab; user-select: none;}
.prd_view_cont01 .detail_info .tab_box .tab_list:active{cursor: grabbing;}
.prd_view_cont01 .detail_info .tab_box .tab_list .tab{flex: 0 0 calc(100% / var(--store-detail-tab-count)); min-width: 20%; text-align: center; font-size: var(--p4); }
.prd_view_cont01 .detail_info .tab_box .tab_list .tab_btn{display: inline-block; width: 100%; height: 100%; padding: 0.6em 0; color: var(--gray40); border-bottom: 2px solid var(--gray20); font-weight: 600; white-space: nowrap;}
.prd_view_cont01 .detail_info .tab_box .tab_list .tab_btn.active{color: var(--black); border-color: var(--black); font-weight: 700;}

.prd_view_cont01 .detail_info .tab_cont{padding-top: 3rem; }
.prd_view_cont01 .detail_info .tab_cont + .tab_cont{ margin-top: 3rem; border-top: 1px solid var(--gray20);}
.prd_view_cont01 .detail_info .tab_cont .cont_tit{font-size: var(--p3); font-weight: 700; padding: 0 0 1em; line-height: 1; } 
.prd_view_cont01 .detail_info .tab_cont .cont{font-size: var(--p5); padding-top: 0;} 
.prd_view_cont01 .detail_info .tab_cont .cont * + table{margin-top: 2rem;}
.prd_view_cont01 .detail_info .tab_cont .cont table {width: 100%; font-size: var(--p5); border-top: 1px solid #ececec; border-left: 1px solid #ececec;}
.prd_view_cont01 .detail_info .tab_cont .cont table th{background-color: var(--gray10); padding: 10px; text-align: left; border-right: 1px solid #ececec;}
.prd_view_cont01 .detail_info .tab_cont .cont table td{padding: 10px; border-bottom: 1px solid #ececec; border-right: 1px solid #ececec;}
.prd_view_cont01 .detail_info .tab_cont .cont figure{margin: 0; width: 100% !important; max-width: 100%;}
.prd_view_cont01 .detail_info .tab_cont .cont p{ text-indent: -0.8em; padding-left: 0.8em;}
.prd_view_cont01 .detail_info .tab_cont .cont p:has(iframe){text-indent: 0; padding-left: 0;}
.prd_view_cont01 .detail_info .tab_cont .cont .image + .image,
.prd_view_cont01 .detail_info .tab_cont .cont img + img,
.prd_view_cont01 .detail_info .tab_cont .cont .image + p{margin-top: 2rem;}
/* .prd_view_cont01 .detail_info .tab_cont .cont img{margin-bottom: 2rem;} */
.prd_view_cont01 .detail_info .tab_cont .cont iframe,
.prd_view_cont01 .detail_info .tab_cont .cont video{width: calc(100% + 2px); margin-left: -1px; height: auto; aspect-ratio: 16 / 9; border: 0;}
/* .prd_view_cont01 .detail_info .tab_cont .cont iframe > *{position: absolute; width: 100%; height: 100%; inset: 0; object-fit: cover;} */
.prd_view_cont01 .detail_info .tab_cont .cont > *{max-width: 100%;}

/* 쇼핑몰 상품상세 01_2 변형 */
.prd_view_cont01_2 .prd_cont_box{display: flex; align-items: flex-start; gap: 5rem;}
.prd_view_cont01_2 .prd_cont_box .prd_img{position: relative; width: 28rem; height: 28rem; flex-shrink: 0; border-radius: 2rem; overflow: hidden;}
.prd_view_cont01_2 .prd_cont_box .prd_img > *{position: absolute; width: 100%; height: 100%; inset: 0; object-fit: cover;}
.prd_view_cont01_2 .prd_cont_box .tit{font-size: var(--h7);}
.prd_view_cont01_2 .prd_cont_box .com_tag_box{margin-top: 1rem;}
.prd_view_cont01_2 .prd_cont_box .prd_info_list {font-size: var(--p6); margin-top: 3rem;}
.prd_view_cont01_2 .prd_cont_box .prd_info_list .item{display: flex;}
.prd_view_cont01_2 .prd_cont_box .prd_info_list .item + .item{margin-top: 2rem;}
.prd_view_cont01_2 .prd_cont_box .prd_info_list .label{font-weight: 700; min-width: 5em; display: inline-block;}

.prd_view_cont01_2 .slide{margin-top: 3rem;}
.prd_view_cont01_2 .slide .link{position: relative; display: block; width: 100%; padding-top: 100%; border-radius: 2rem; overflow: hidden; }
.prd_view_cont01_2 .slide .link > *{position: absolute; width: 100%; height: 100%; inset: 0;}



/* 장바구니_01 */
.store_cart01 .tit_box.with_num{display: flex; align-items: flex-start;}
.store_cart01 .tit_box .sect_tit{opacity: 1; line-height: 1; transform: unset; margin-bottom: 0;}
.store_cart01 .tit_box .total_num{display: flex; align-items: center; justify-content: center; color: var(--point01); background-color: var(--pointBg); font-size: var(--p6); min-width: 1.8em; height: 1.8em; padding: 0 0.2em; margin-left: 0.4em; line-height: 1; font-weight: 700; border-radius: 50%;}

.store_cart01 .tit_wrap{display: flex; justify-content: space-between; align-items: flex-end;}
.store_cart01 .tit_wrap .com_basic_btn.blue.line{min-width: 14rem; padding: 1em; }

.store_cart01 .cont{position: relative; }
.store_cart01 .tit_wrap + .cont,
.store_cart01 .tit_box + .cont{border-top: 1px solid var(--gray90);}
.store_cart01 .tit_wrap,
.store_cart01 .tit_box {margin-bottom: 3rem;}
.store_cart01 .tit_wrap .tit_box {margin-bottom: 0;}

.page_cart .cont:has(.com_top_sel_box){border-top:none}

/* 상품없음 */
.store_cart01 .cart_empty{ display: flex; justify-content: center; flex-direction: column; }
.store_cart01 .cart_empty .txt_box{padding: 12rem 0; text-align: center; color: var(--gray40); font-size: var(--p4);}
.store_cart01 .cart_empty .txt_box .ico svg{display: block; width: 5rem; height: auto; margin: 0 auto;}
.store_cart01 .cart_empty .txt_box .txt{font-weight: 500; margin-top: 2rem;}
.store_cart01 .btn_box{display: flex; align-items: center; justify-content: center;}

/* 상품있음 */
.store_cart01 .form_box{padding: 3rem 0;}
/* 한번에 견적 */
.store_cart01 .all_info_box{background-color: var(--pointBg); border-radius: 0.5rem; padding: 3rem; margin-top:3rem}
.store_cart01 .all_info_box{display: flex; justify-content: space-between; align-items: flex-start;}
.store_cart01 .all_info_box .left_box .tit{font-size:var(--p6); font-weight: 600;}
.store_cart01 .all_info_box .left_box .tit .ico{display: none;}
.store_cart01 .all_info_box .left_box .list{margin-top: 1rem;}
.store_cart01 .all_info_box .left_box .list li{display: flex; font-size: var(--p8); color: var(--gray50);}
.store_cart01 .all_info_box .left_box .list li + li{margin-top: 0.3em;}
.store_cart01 .all_info_box .left_box .list li .chk_ico{display: block; width: 1.4em; height: 1.4em; margin-top: 0.2em; margin-right: 0.5em; border-radius: 50%; background:var(--gray20) url('data:image/svg+xml,<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="14" height="14" rx="7" fill="transparent"/><path d="M4 7L6.13254 9L10 5" stroke="white"/></svg>') no-repeat center / cover;}
.store_cart01 .all_info_box .left_box .list li .chk_ico.active{background-color:var(--point01);}
.store_cart01 .all_info_box strong.color{color: var(--point01);}
.store_cart01 .all_info_box .right_box{font-size: var(--p8); display: flex; align-items: center; gap: 1rem;}
.store_cart01 .all_info_box .right_box .txt{}
.store_cart01 .all_info_box .right_box .btn{ border:1px solid var(--point01); padding: 0.3em 1em; border-radius: 99rem; color: var(--point01); font-weight: 600; transition: 0.3s ease;}

.store_cart01 .all_info_box.apply{flex-direction: column; align-items: center; text-align: center; padding: 3rem 2.5rem;}
.store_cart01 .all_info_box.apply .txt{font-weight: 600; line-height: 1.5;}
.store_cart01 .all_info_box.apply .ico svg{display: block; width: 2rem; height: 2rem; margin-bottom: 1rem;}

.com_form_chk{ display: flex; align-items: flex-start; gap: 0.8rem; font-weight: 500;}
.com_form_chk + .form_chk{margin-top: 0.5em;}
.com_form_chk .chk_box{position: relative;}
.com_form_chk .chk_box label { display: flex; align-items: center; cursor: pointer; }
.com_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;}
.com_form_chk .chk_box input + label .ico { display: flex; flex-shrink: 0; align-items: center; justify-content: center; margin-right: 0.8rem; border-radius: 0.5rem; width:max(2rem, 18px); height:max(2rem, 18px); background-color: #fff; border:2px solid rgba(0,0,0,0.3); transition: all 0.3s ease;}
.com_form_chk .chk_box input + label .ico svg{display: block; width: 70%; margin-left: 10%;}
.com_form_chk .chk_box input:checked + label .ico{ fill: #fff; background-color:var(--black); border-color: var(--black);}
.com_form_chk .chk_box input:checked + label .ico path{ stroke: #fff;}
.com_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;}

/* 상단_전체선택 / 선택삭제 */
.com_top_sel_box{ display: flex; justify-content: flex-start; gap: 2rem; font-size: var(--p6); font-weight: 500; margin-bottom: 1.5rem;}
.com_top_sel_box .sel_del_btn{display: flex; color:var(--gray60); font-weight: 500;}
.com_top_sel_box .sel_del_btn svg{display: block; height: 1.4em; margin-right: 0.4em;}
.com_top_sel_box + .com_opt_wrap{ border-top: 1px solid var(--gray90); border-bottom: 1px solid var(--gray90);}
.com_top_sel_box .all_del_btn + label{color: var(--gray60); transition: color 0.3s ease;}
.com_top_sel_box .all_del_btn:checked + label{color: var(--black); font-weight: 500;}

/* 옵션 */
.com_opt_wrap .form_box + .form_box{border-top: 1px solid var(--gray20);}
.store_cart01 .prod_chk .chk_box {display: flex;}

.com_opt_wrap .form_box .prod_chk .btn_wrap{margin-left: auto;}
.com_opt_wrap .form_box .prod_chk .btn_wrap .btn{font-size: var(--p8); border: 1px solid var(--gray20); border-radius: 99rem; padding: 0.3em 0.8em 0.2em;}
.com_opt_wrap .form_box .prod_chk .btn_wrap .btn + .btn{margin-left: 5px;}
.com_opt_wrap .form_box .prd_info .name_num{font-size: var(--p7); line-height: 1; margin-bottom: 0.5rem;}
.com_opt_wrap .form_box .form_chk .chk_box input + label .ico{margin-right: 1.5rem;}
.com_opt_wrap .form_box .opt_selected_list{margin-top: 2rem;}
.com_opt_wrap .form_box .opt_selected_list .option .txt_box .txt{font-weight: 400;}

/* 공통_옵션수정시 */
.com_opt_wrap .form_box .add_txt_box{margin-top: 2rem; font-size: var(--p6);}
.com_opt_wrap .form_box .add_txt_box .board_file_wrap{display: flex; flex-direction: column; gap: 1rem; margin-top: 1rem;}
.com_opt_wrap .form_box .add_txt_box .board_file {display: flex; min-width: 0; font-size: var(--p6); color: var(--gray60); font-weight: 500;}
.com_opt_wrap .form_box .add_txt_box .board_file .ico{flex-shrink: 0; width: 1em; height: 1em; margin-right: 0.5rem; background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path d="M12.063 14.4286C12.3882 14.1031 12.3884 13.5755 12.063 13.2501C11.7376 12.925 11.2098 12.9249 10.8845 13.2501L9.0229 15.1116C8.48894 15.6455 7.78165 15.9381 6.98352 15.9322C6.20633 15.9265 5.46993 15.6226 4.92458 15.0599C4.91855 15.0536 4.91238 15.0475 4.90616 15.0414C4.34332 14.496 4.03893 13.7593 4.03321 12.9819C4.02765 12.2167 4.33556 11.4838 4.87682 10.9425L6.73781 9.08155C7.06324 8.75612 7.06324 8.22848 6.73781 7.90304C6.41237 7.57761 5.88473 7.57761 5.55929 7.90304L3.6983 9.76403C2.84939 10.6129 2.35774 11.7719 2.36673 12.9946C2.37567 14.2052 2.85335 15.3721 3.74664 16.2378C4.6105 17.1191 5.76952 17.5905 6.97144 17.5993C8.20615 17.6084 9.34512 17.1463 10.2014 16.2902L12.063 14.4286ZM16.3017 10.2359C17.1506 9.38699 17.6423 8.22804 17.6333 7.00535C17.6243 5.799 17.1499 4.63611 16.2626 3.77135L16.0974 3.61425C15.2544 2.851 14.1622 2.43199 13.0286 2.42366C11.819 2.41479 10.6562 2.87409 9.79802 3.73222L7.93703 5.59321C7.61166 5.91858 7.6118 6.44627 7.93703 6.77172C8.26247 7.09716 8.79011 7.09716 9.11554 6.77172L10.9765 4.91073C11.5085 4.37878 12.2377 4.08455 13.0159 4.09015C13.7947 4.09587 14.5361 4.40191 15.0841 4.94986C15.0871 4.95289 15.0902 4.95608 15.0933 4.95907C15.6561 5.50454 15.9611 6.24063 15.9668 7.01801C15.9724 7.78326 15.6644 8.51611 15.1232 9.05739L13.2622 10.9184C12.9368 11.2438 12.9368 11.7714 13.2622 12.0969C13.5876 12.4223 14.1153 12.4223 14.4407 12.0969L16.3017 10.2359ZM13.3502 7.77817C13.6757 7.45273 13.6757 6.9251 13.3502 6.59966C13.0248 6.27437 12.4971 6.27427 12.1717 6.59966L6.58819 12.1832C6.2628 12.5086 6.2629 13.0363 6.58819 13.3617C6.91363 13.6872 7.44126 13.6872 7.7667 13.3617L13.3502 7.77817Z" fill="%2352606D"/></svg>') no-repeat center/contain;}
.com_opt_wrap .form_box .add_txt_box .board_file .file {display: flex; min-width: 0; max-width: 100%; line-height: 1;}
.com_opt_wrap .form_box .add_txt_box .board_file .file_txt {display: block; max-width: 90%; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.store_cart01 .com_opt_wrap .form_box .opt_selected_list:empty{margin-top: 0;}




/* --------------------------------------- // 쇼핑몰 --------------------------------------- */





/* 메인_기본롤링_23  */
.main_basic_slide23 .slide {position: relative; overflow: visible; width:100%; opacity: 0; transform: translateY(5rem); transition: opacity 0.6s ease-in-out, transform 0.6s ease-in-out;}
.main_basic_slide23.active .slide{opacity: 1; transform: unset;}
/* .main_basic_slide23 .slide.center .swiper-wrapper {justify-content: center;} */
.main_basic_slide23 .slide .swiper-slide {height: auto;}

.main_basic_slide23 .pick_card {display:flex; flex-direction: column; height: 100%; border-radius: 3rem; transition: background 0.3s ease-in-out;}
.main_basic_slide23 .pick_card .img_box {position: relative; overflow: hidden; padding-top: 150%; border-radius: 3rem; }
.main_basic_slide23 .pick_card .img_box[href="javascript:void(0);"]{cursor: default;}
.main_basic_slide23 .pick_card .img_box > img {position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center;}
.main_basic_slide23 .pick_card .label_box {position: absolute; left: 50%; top: 3rem; width: calc(100% - 6rem); padding: 2rem; transform: translateX(-50%); border-radius: 2rem; background-color: rgba(255,255,255,0.7); -webkit-backdrop-filter: blur(15px); backdrop-filter: blur(15px); display: none;}
.main_basic_slide23 .pick_card .label_box .name {font-size: var(--h8); font-weight: 700;}
.main_basic_slide23 .pick_card .label_box .tag_box {display: flex; flex-wrap: wrap; gap: 1rem; margin-top: 1.5rem;}
.main_basic_slide23 .pick_card .label_box .tag_box span {display: inline-flex; align-items: center; justify-content: center; min-height: 3rem; padding: 0.2em 0.8em; border-radius: 0.8rem; background-color: #46C39C; color: #fff; font-size: var(--p4); font-weight: 500; line-height: 1.5;}

.main_basic_slide23 .pick_card .txt_box {display: flex; flex-direction: column; margin-top: 3rem; margin-bottom: 3rem; min-height: 3.8em; padding: 0 2rem;}
.main_basic_slide23 .pick_card .txt_box .tit {font-size: var(--p2); font-weight: 700; line-height: 1.5; }
.main_basic_slide23 .pick_card .txt_box .txt { margin-top: 1rem; min-height: 3em; margin-bottom: 2rem; font-size: var(--p5); font-weight: 500; line-height: 1.5; } 
/* .main_basic_slide23 .pick_card .txt_box .tag_wrap{display: flex; flex-wrap: wrap; gap: 1rem; margin-top: auto;}
.main_basic_slide23 .pick_card .txt_box .tag_wrap .tag{display: inline-flex; align-items: center; justify-content: center; min-height: 3rem; font-size: var(--p7); padding: 0em 0.8em; border-radius: 5px; background-color: #EEF5FF; color: var(--point02); font-weight: 500; line-height: 1.5;} */
.main_basic_slide23 .com_swiper_btn .swiper_btn{top: 32%;}

.main_basic_slide23 .pick_card .shop_list01{margin-bottom: 3rem;}

.main_basic_slide23 .shop_list01 .thum{width: 8rem; height: 8rem;}
.main_basic_slide23 .shop_list01 .shop_item{margin-left:2rem; margin-right: 2rem;}
.main_basic_slide23 .com_tag_box{margin-top: 1.2rem;}
.main_basic_slide23 .com_tag_box .tag{font-size:var(--p8); border-radius: 99rem;}



/* 회사병원소개_모션_05 */
.sub_info_motion05 .slide{margin: var(--contMt3) auto 0; width: calc(40rem * 4 + 3rem * 3); max-width: 100%; padding: var(--inPd);}
.sub_info_motion05 .slide .container {overflow: visible;}
.sub_info_motion05 .slide .wrapper {display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 3rem;}
.sub_info_motion05 .slide .item {position: relative; border-radius: 3rem; height: auto; background-color: #677FD1; color: #fff; padding: 4rem; display: flex; flex-direction: column; transform-origin: 50% 50%; transition: transform 1.5s cubic-bezier(.22,1,.36,1) 0.4s, opacity 0.45s ease;}
.sub_info_motion05 .slide .item .txt_box{margin-top: 4rem}
.sub_info_motion05 .slide .item .step_box {display: flex; align-items: center;}
.sub_info_motion05 .slide .item .step_box .num {font-size: var(--p5); padding: 0.4em 1em ; font-weight: 700; color: #677FD1; background-color: #fff; border-radius: 99rem;}
.sub_info_motion05 .slide .item .step_box .txt {font-size: var(--p4); font-weight: 700; margin-left: 1rem;}
.sub_info_motion05 .slide .item .tit{margin-top: 2rem; font-size: var(--p1); font-weight: 700;}
.sub_info_motion05 .slide .item .txt{margin-top: 0.5rem; font-size: var(--p4);}
.sub_info_motion05 .slide .item .img_box{width: 100%; height: 22rem;}
.sub_info_motion05 .slide .item .img_box img{width: 100%; height: 100%; object-fit: contain; object-position: bottom;}
.sub_info_motion05 .slide .item:nth-child(2) {background-color: #40369C}
.sub_info_motion05 .slide .item:nth-child(3) {background-color: #4D8DD2}
.sub_info_motion05 .slide .item:nth-child(4) {background-color: #224ACF}
.sub_info_motion05 .slide .item:nth-child(2) .step_box .num{color: #40369C}
.sub_info_motion05 .slide .item:nth-child(3) .step_box .num{color: #4D8DD2}
.sub_info_motion05 .slide .item:nth-child(4) .step_box .num{color: #224ACF}
.sub_info_motion05 .slide .item:nth-child(1) {transform: translate(64.5rem, 1.6rem) rotate(-8deg); z-index: 1;}
.sub_info_motion05 .slide .item:nth-child(2) {transform: translate(21.5rem, 0.4rem) rotate(-2deg); z-index: 2;}
.sub_info_motion05 .slide .item:nth-child(3) {transform: translate(-21.5rem, -0.8rem) rotate(5deg); z-index: 4;}
.sub_info_motion05 .slide .item:nth-child(4) {transform: translate(-64.5rem, 1.8rem) rotate(11deg); z-index: 3;}
.sub_info_motion05 .slide.active .item {transform: rotate(0deg) translate(0, 0);}


/* 숫자로보는 전문성_12 */
.cont_number12{position: relative; color: #fff; background-color: var(--point01);}
.cont_number12 .tit{opacity: 0; font-size: 10rem; text-align: center; line-height: 1.5; height: 100svh; display: flex; align-items: center; justify-content: center;}
.cont_number12 .tit { height: 100svh;}
.cont_number12 .bg_line { opacity: 0; position: absolute; left: 50%; top: -10%; z-index: 3; height: 0%; width: 3px; background: linear-gradient(180deg, rgba(255, 191, 0, 0.00) 13.25%, rgb(255 255 255 / 50%) 50%, rgb(255 255 255) 100%);}
.cont_number12 .bg_line .dot{position: absolute; width: 5rem; bottom: -1.5em; left: 50%; transform: translateX(-50%); opacity: 1;}
.cont_number12 .bg_line .dot svg{display:block; width: 100%; }
.cont_number12 .cont{display: flex; justify-content: center; width: 100%; gap: 20rem; padding-bottom: var(--pd);} /*margin-top: 60vh;*/
.cont_number12 .cont .item{display: flex; flex-direction: column; justify-content: center; align-items: center; opacity: 0; transform: translateY(5rem); transition: opacity 0.6s ease-in-out, transform 0.6s ease-in-out;}
.cont_number12 .cont.active .item{opacity: 1; transform: unset;}
.cont_number12 .cont .item:nth-child(2){transition-delay: 0.2s;}
.cont_number12 .cont .item:nth-child(3){transition-delay: 0.4s;}
.cont_number12 .cont .item:nth-child(4){transition-delay: 0.6s;}
.cont_number12 .cont .item .ico{width: 8rem; height: 8rem;}
.cont_number12 .cont .item .num_box{line-height: 1; margin-top: 5rem; font-size:9rem;}
.cont_number12 .cont .item .num_box .num{display: inline-flex; align-items: flex-start; font-size:0.66em; font-weight: 600; font-family: var(--en); letter-spacing: normal;}
.cont_number12 .cont .item .num_box .num_count{display: inline-block; font-size:1.5em; width: var(--count-width, auto); text-align: right; white-space: nowrap;}
.cont_number12 .cont .item .num_box .unit{font-size:0.7em; font-weight: 700;}
.cont_number12 .cont .item .txt{color: #DEF2FF; text-align: center; font-weight: 500; line-height: 1; margin-top: 2rem;}



/* 게시판리스트_박스형_03 */
.list_box03 .tit_wrap{display: flex; align-items: flex-end; justify-content: space-between;}
.list_box03 .tit_wrap .sub_sect_tit{opacity: 1; transform: unset;}
.list_box03 .nice-select{min-width: 19rem; height: var(--inpH); line-height: var(--inpH);}
.list_box03 .nice-select .list .option{padding-left: 18px;}
.list_box03 .cont{position: relative; display: flex; margin-top:3rem; border-radius: 3rem; overflow:hidden;}
.list_box03 .cont .txt_box{display: flex; flex-direction: column; background-color: var(--point01); color: #fff; padding: 6rem; }
.list_box03 .cont .txt_box .desc{font-size: var(--p3); font-weight: 600; margin-bottom: 0.5rem;}
.list_box03 .cont .txt_box .tit{font-size: var(--h5); font-weight: 700;}
.list_box03 .cont .txt_box .txt{font-size: var(--p2); font-weight: 500; margin-top: 2rem;}
.list_box03 .cont .txt_box .btn_box{margin-top: auto;}
.list_box03 .cont .txt_box .link_btn.down .ico {height: 1.25em; margin-left: 0.6em; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path d="M17.5 12.5V15.8333C17.5 16.2754 17.3244 16.6993 17.0118 17.0118C16.6993 17.3244 16.2754 17.5 15.8333 17.5H4.16667C3.72464 17.5 3.30072 17.3244 2.98816 17.0118C2.67559 16.6993 2.5 16.2754 2.5 15.8333V12.5" stroke="white" stroke-width="1.5" stroke-linecap="square" stroke-linejoin="round"/><path d="M14.1663 8.33333L9.99967 12.5L5.83301 8.33333" stroke="white" stroke-width="1.5" stroke-linejoin="round"/><path d="M10 12.5V2.5" stroke="white" stroke-width="1.5" stroke-linejoin="round"/></svg>') no-repeat center / contain ;}
.list_box03 .cont .img_box{position: relative; width: 67%; flex-shrink: 0; padding-top: 33.3%;}
.list_box03 .cont .img_box img{position: absolute; width: 100%; height: 100%; inset: 0; object-fit: cover;}


/* 콘텐츠_텍스트모션_09 */
.txt_motion09{position:relative; display:flex; align-items:center; justify-content:center; height:100svh; overflow:hidden;}
.txt_motion09 .txt_wrap{display:flex; flex-direction:column; align-items:center; width:100%; will-change:transform;}
.txt_motion09 .txt_box{display:flex; align-items:center; justify-content:center; width:100%; font-size:var(--h2); opacity:.2; transition:opacity .3s ease, transform .3s ease, font-size .3s ease;}
.txt_motion09 .txt_box.active{font-size: 7rem; opacity: 1;}
.txt_motion09 .txt_box + .txt_box{margin-top: 12rem;}
.txt_motion09 .txt{font-weight: 700; line-height: 1.4;}
.txt_motion09 .img{display: inline-flex; width: 1.1em; height: 1.1em; margin: 0 5px;}
.txt_motion09 .img img{display: block; width: 100%; height:100%; object-fit: contain;}
.txt_motion09 .final_txt{ position: absolute;inset: 0;z-index: 2;display: flex; align-items: center; justify-content: center;  width: 100%;height: 100%;text-align: center;opacity: 0;pointer-events: none;}
.txt_motion09 .final_txt .txt{font-size: 8rem; font-weight: 700;  color: #fff;opacity: 0; transform: translateY(6rem);  transition: color .3s ease;}

/* 콘텐츠_텍스트모션_09_변형 */
.txt_motion09_2{display:flex; align-items:center; justify-content:center; height:100svh; overflow:hidden;}
.txt_motion09_2 .txt_box{display:flex; align-items:center; justify-content:center; font-size:var(--h3); transition:.3s; opacity: 0.2;}
.txt_motion09_2 .txt_box.active{font-size: 7rem; opacity: 1;}
.txt_motion09_2 .txt_box + .txt_box{margin-top: 12rem;}
.txt_motion09_2 .txt{font-weight: 700; line-height: 1.4;}
/* .txt_motion09_2 .img{display: inline-flex; width: 1.1em; height: 1.1em; margin: 0 5px;}
.txt_motion09_2 .img img{display: block; width: 100%; height:100%; object-fit: contain;} */
.txt_motion09_2 .txt_wrap{will-change:transform; text-align: center;}


/* 오시는길_04 */
.sub_directions04_sect .cont_box{display: flex; align-items: center ;}
.sub_directions04_sect .cont_box .map_cont { position: relative; width: 47%; flex-shrink: 0; padding-top: 33.5%; border-radius: 3rem; overflow: hidden;}
.sub_directions04_sect .cont_box .map_cont .map {position: absolute; left: 0; top: 0;width: 100%; height: 100%; pointer-events: none;}
.sub_directions04_sect .cont_box .map_cont .map > *{position: absolute; left: 0; top: 0;width: 100%; height: 100%; object-fit: cover;}
/* 카카오맵(intro_map) — 정적 이미지용 차단/맞춤 규칙 해제 */
.sub_directions04_sect .cont_box .map_cont.intro_map .map{pointer-events: auto;}
.sub_directions04_sect .cont_box .map_cont.intro_map .map > *{position: static; width: auto; height: auto; object-fit: unset;}

.sub_directions04_sect .cont_box .txt_box{margin-left: 8rem;}
.sub_directions04_sect .cont_box .txt_box .addr_txt{ display: flex; font-size: var(--p1); font-weight: 700;}
.sub_directions04_sect .cont_box .txt_box .addr_txt .ico{width: 1.1em; height: 1.1em; margin-top: 0.3em; margin-right: 0.2em;}
.sub_directions04_sect .cont_box .txt_box .btn_box{display: flex; flex-wrap: wrap; margin-top: 2rem; gap: 1.2rem 2rem;}
.sub_directions04_sect .cont_box .txt_box .btn_box .btn{display: flex; align-items: center; justify-content: center; white-space: nowrap; font-size: var(--p4); padding: 0 1.5em; height: 3.3em; font-weight: 600; border: 1px solid var(--gray20); border-radius: 99rem; transition: background 0.3s ease, color 0.3s ease, border-color 0.3s ease;}
.sub_directions04_sect .cont_box .txt_box .btn_box .btn .ico{height: 1.5em; margin-right: 0.5em;}

.sub_directions04_sect .cont_box .tel_list{margin-top: 5rem;}
.sub_directions04_sect .cont_box .tel_list .tel_btn{display: flex; align-items: center; font-size: var(--p1); font-weight: 700;}
.sub_directions04_sect .cont_box .tel_list .tel_btn .ico svg{display: block; width: 1.1em; height: 1.1em; margin-right: 0.3em;}

.sub_directions04_sect .cont_box .info_box{margin-top: 5rem;}
.sub_directions04_sect .cont_box .info_box .info_list{display: flex; gap: 5rem;}
.sub_directions04_sect .cont_box .info_box .info_list li .tit{display: flex; align-items: center; line-height: 1;}
.sub_directions04_sect .cont_box .info_box .info_list li .tit .ico svg{display: block; width: 1.1em; height: 1.1em; margin-top: -0.1em; margin-right: 0.4em;}
.sub_directions04_sect .cont_box .info_box .info_list li .txt{font-size: var(--p3); font-weight: 600; margin-top: 1.5rem;}
.sub_directions04_sect .cont_box .info_box .info_list li .info_txt{font-size: var(--p4); color:var(--gray60); margin-top: 0.2rem;}




/* 견적문의 상담_03 */
/* 상단 안내 박스 */
.consult3_sect .info_cont .cont_box{display: flex; gap: 2rem;}
.consult3_sect .info_cont .cont{display: flex; flex-direction: column; font-size: var(--p4); font-weight: 500; background-color: var(--gray5); border: 1px solid var(--gray5); border-radius: 2rem; padding: 4rem; transition: 0.3s ease;}
.consult3_sect .info_cont .cont1{width: 26%; } 
.consult3_sect .info_cont .cont:not(.cont1){flex: 1;}
.consult3_sect .info_cont .cont .tit{display: flex; align-items: center; font-size: var(--p2); font-weight: 700; margin-bottom: 1rem;}
.consult3_sect .info_cont .cont .btn{display: inline-flex; align-items: center; justify-content: center; text-align: center; white-space: nowrap; font-size: var(--p4); margin-top: auto; font-weight: 500; background-color: #fff; padding: 0.6em 1.5em; border-radius: 99rem; transition: 0.3s ease;} 
.consult3_sect .info_cont .cont .btn svg{display: block; height: 1.1em; margin-right: 0.6em; margin-top: -0.1em;}
.consult3_sect .info_cont .cont2 .tit .tel_btn {display: inline-flex; align-items: center; margin-left: 0.3em;}
.consult3_sect .info_cont .cont2 .tit .tel_btn svg{display: block; height: 1.2em; }
.consult3_sect .info_cont .cont2 .info_list{margin-top: 0.6rem; margin-bottom: 3rem;}
.consult3_sect .info_cont .cont2 .info_list .com_info_txt{font-size: var(--p6); color: var(--gray70);}
.consult3_sect .info_cont .cont2 .btn{margin-left: auto;}
.consult3_sect .info_cont .cont3 .email_box{margin-top: 1rem; margin-bottom: 0.5rem;}
.consult3_sect .info_cont .cont3 .email_box .email_btn{display: flex; align-items: center; font-size: var(--h8); font-weight: 700;}
.consult3_sect .info_cont .cont3 .email_box .email_btn svg{display: block; height: 1em; margin-right: 0.3em;}


/* 상담대타이틀 */
.consult3_sect .info_cont + .form_box{margin-top: 12rem;}
.consult3_sect .sub_sect_tit{font-size: var(--h4); opacity: 1; transform: unset;}
.consult3_sect .sub_sect_txt{opacity: 1; transform: unset;}
.consult3_sect .sub_sect_tit + .sub_sect_txt{margin-top: 0.4em;}

/* form */
.consult3_sect .form_box .cont{margin-top: 5rem; padding-top: 5rem; border-top: 1px solid var(--black);}
.consult3_sect .form_box .cont .cont_tit{font-size: var(--h8); font-weight: 600; margin-bottom: 2rem;}
.consult3_sect .form_box .cont .cont_tit.pd_s{margin-bottom: 1rem;}

.consult3_sect .inp_grid{display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 3rem 5rem;}
.consult3_sect .inp_grid .com_inp_cont.span2{grid-column:span 2;}

.consult3_sect .com_inp_cont .inp_txt{font-size: var(--p4); font-weight: 600; margin-bottom: 1.5rem;}
.consult3_sect .com_inp_cont .inp_txt.ess:after,
.consult3_sect .cont_tit.ess:after {content: '*';color: var(--point01);font-weight: 700; margin-left: 0.25em;}

.consult3_sect .com_inp_cont .inp_box {flex: 1; min-width: 0; font-size: var(--p4);}
.consult3_sect .com_inp_cont .inp_box .inp input {position: relative; width: 100%; border-radius: 1rem; height: var(--inpH); line-height: var(--inpH); padding: 0 1em; background-color: #fff; border: 1px solid var(--gray20); }
.consult3_sect .com_inp_cont .inp_box .inp input:disabled{color: rgba(0,0,0,0.5); background-color: var(--gray10);}
/* .consult3_sect .com_inp_cont .inp_box .inp textarea {width: 100%; border-radius: 10px; height: 25rem; padding: 1em; line-height: 1.5; background-color: #fff; border: 1px solid var(--gray20); resize: none;} */
.consult3_sect .com_inp_cont .inp_box .inp .textarea_box{width: 100%; border-radius: 10px; line-height: 1.5; background-color: #fff; border: 1px solid var(--gray20); padding-bottom: 35px;}
.consult3_sect .com_inp_cont .inp_box .inp textarea{height: 25rem; padding: 1em; line-height: 1.6; resize: none; border: none; background-color: transparent;}
.consult3_sect .com_inp_cont .inp_box .inp textarea::-webkit-scrollbar { display: inherit; width: 10px; }
.consult3_sect .com_inp_cont .inp_box .inp textarea::-webkit-scrollbar-thumb { background: #b8b8b8; border-right: 5px solid #fff; border-radius: 3px; border-top-right-radius: 8px 3px; border-bottom-right-radius: 8px 3px; }
.consult3_sect .com_inp_cont .inp_box .inp textarea::-webkit-scrollbar-track { background: #fff; margin-block: 15px;}
.consult3_sect .com_inp_cont .inp_box .contact_input_count {position: absolute; bottom: 1rem; right: 1rem; z-index: 2; display: inline-flex; align-items: center; min-height: 1.6em; padding: 0 0.35em; border-radius: 0.4rem; background-color: var(--grayBg1); font-size: var(--p6); line-height: 1.2; color: var(--gray30); pointer-events: none;}
.consult3_sect .com_inp_cont .inp_box .contact_input_count .contact_input_count_current {color: var(--gray60);}


.consult3_sect .com_inp_cont .inp_box .radio_box {display: flex; align-items: center; gap:2rem 3.5rem;}
/* .consult3_sect .com_inp_cont .inp_box .radio_box .radio{height: var(--inpH);} */
.consult3_sect .com_inp_cont .inp_box .radio_box .radio label {display: flex; align-items: center; cursor: pointer;}
.consult3_sect .com_inp_cont .inp_box .radio_box .radio > 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;}
.consult3_sect .com_inp_cont .inp_box .radio_box .radio .ico {position: relative; width: var(--h8); height: var(--h8); margin-right: 1rem;}
.consult3_sect .com_inp_cont .inp_box .radio_box .radio .ico .stroke {width: 100%; height: auto;}
.consult3_sect .com_inp_cont .inp_box .radio_box .radio .ico .stroke rect {transition: all 0.2s ease-in-out;}
.consult3_sect .com_inp_cont .inp_box .radio_box .radio .ico .fill {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%) scale(0) ; width: 50%; height: 50%;transition: transform 0.2s ease-in-out;}
.consult3_sect .com_inp_cont .inp_box .radio_box .radio input:checked + label .ico .fill { transform: translate(-50%,-50%) scale(1);}
.consult3_sect .com_inp_cont .inp_box .radio_box .radio input:checked + label .ico .stroke rect {stroke:var(--point01);}
.consult3_sect .com_inp_cont .inp_box .radio_box + .file_cont {margin-top: 2rem;}

.consult3_sect .check_inp {position: relative;}
.consult3_sect .check_inp label { display: flex; align-items: center; cursor: pointer; }
.consult3_sect .check_inp 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;}
.consult3_sect .check_inp 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;}
.consult3_sect .check_inp input + label .ico svg{display: block; width: 0.8em;}
.consult3_sect .check_inp input:checked + label .ico{ fill: #fff; background-color: #000; border-color: #000;}
.consult3_sect .check_inp input:checked + label .ico path{ fill: #fff;}

.consult3_sect .com_inp_cont .inp_box .select .nice-select {background-color: #fff; border:1px solid var(--gray20); border-radius: 1rem; height: var(--inpH); line-height: var(--inpH); padding: 0 2em 0 1em; font-size: var(--p4);}
.consult3_sect .com_inp_cont .inp_box .select .nice-select .list { top: calc(100% + 2px); max-height: 300px; overflow-y: auto; }
.consult3_sect .com_inp_cont .inp_box .select .nice-select .list::-webkit-scrollbar{display: inherit; width: 10px;}
.consult3_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;}
.consult3_sect .com_inp_cont .inp_box .select .nice-select .list::-webkit-scrollbar-track{background: #fff;}
.consult3_sect .com_inp_cont .inp_box .select .nice-select .list::-webkit-scrollbar-button:vertical:decrement{height: 5px;}
.consult3_sect .com_inp_cont .inp_box .select .nice-select .list::-webkit-scrollbar-button:vertical:increment{height: 5px;}
.consult3_sect .com_inp_cont .inp_box .select .nice-select .option:hover, 
.consult3_sect .com_inp_cont .inp_box .select .nice-select .option.focus, 
.consult3_sect .com_inp_cont .inp_box .select .nice-select .option.selected.focus{background: var(--gray5); }

.consult3_sect .com_inp_cont .captcha_wrap{display: flex; align-items: center; justify-content: flex-start; gap: 1.6rem;}
.consult3_sect .com_inp_cont .captcha_wrap > div{width: 50%;}
.consult3_sect .com_inp_cont .captcha_wrap .captcha {position: relative; display: flex; align-items: center; justify-content: space-between; height: var(--inpH); padding: 0 2rem; background-color: var(--gray5); border-radius: 1rem; }
.consult3_sect .com_inp_cont .captcha_wrap .captcha img { height: 100%; }
.consult3_sect .com_inp_cont .captcha_wrap .captcha .btn { position: absolute; right: 2rem; display: flex; align-items: center; justify-content: center; width: 1em; height: 1em; } /* margin-left: 3rem;*/

.consult3_sect .com_inp_cont .file_cont {flex: 1; min-width: 0;}
.consult3_sect .com_inp_cont .file_cont .file_em_txt {display: flex; color: var(--gray1); margin-top: 0.8em; font-size: var(--p4);}
.consult3_sect .com_inp_cont .file_cont .file_em_txt span {margin-right: 0.25em;}
.consult3_sect .com_inp_cont .file_box {display: flex; width: 100%;}
.consult3_sect .com_inp_cont .file_box .file {display: flex; align-items: center; flex: 1; min-width: 0; background-color: #fff; border: 1px solid var(--gray20); padding: 0 4em 0 1.25em; height: var(--inpH); border-radius: 1rem; position: relative;}
.consult3_sect .com_inp_cont .file_box .file .file_svg {margin-right: 10px; width: 1em; flex-shrink: 0;}
.consult3_sect .com_inp_cont .file_box .file .file_name  {display:flex; align-items: center; flex: 0 1 90%; min-width: 0; font-size: var(--p4); color: var(--gray60); font-weight: 600; background-color: transparent;;}
.consult3_sect .com_inp_cont .file_box .file .file_name .name{display: block; min-width: 0; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.consult3_sect .com_inp_cont .file_box .file .file_name .ext{flex-shrink: 0;}
/* .consult3_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;} */
.consult3_sect .com_inp_cont .file_box .commonFileDeleteBtn {position: absolute; right: 1.25em; width:1.5em; height:1.5em; top: 50%; transform: translateY(-50%);display: flex; align-items: center; justify-content: center; width: 1.5em; height: 1.5em; background-color:#DCDDDE; border-radius: 50%; margin-left: auto;}
.consult3_sect .com_inp_cont .file_box .commonFileDeleteBtn svg{width:100%; height:100%;}
.consult3_sect .com_inp_cont .file_box .commonFileDeleteBtn svg path {fill: #09549A;}
.consult3_sect .com_inp_cont .file_box .flie_btn {flex-shrink: 0; font-size: var(--p4); margin-left: 1rem; border: 1px solid var(--black); width: 15rem; border-radius: 1rem; height: var(--inpH); line-height: var(--inpH); font-weight: 600; transition: 0.3s ease-in-out;}


.com_inp_cont .em_txt {font-size: var(--p6); color: var(--gray60); margin-top: 0.8em; display: flex;}
.com_inp_cont .em_txt > span {margin-right: 0.25em;}
.com_inp_cont .em_txt + .em_txt{margin-top: 0;}
.com_inp_cont > .em_txt:first-child{margin-top: 0;}

.consult3_sect .consent_cont {margin-top: 6rem;}
.consult3_sect .consent_cont .cont_tit {font-size: var(--h8); font-weight: 700;}
.consult3_sect .consent_cont .cont_tit:after {content: '*';color: var(--point01);font-weight: 700; margin-left: 0.15em;}
.consult3_sect .consent_cont .cont {display: block; border: 1px solid var(--line); padding: 1.8em; font-size: var(--p4); color: var(--gray70); border-radius: 2rem; font-weight: 500; margin-top: 2rem; overflow-y: auto; max-height: 30rem;}
.consult3_sect .consent_cont .cont::-webkit-scrollbar{width: 10px;}
.consult3_sect .consent_cont .cont::-webkit-scrollbar-thumb{background: #d7d7d7; border-right: 5px solid transparent; background-clip: padding-box; -webkit-background-clip: padding-box; border-radius: 3px; border-top-right-radius: 8px 3px; border-bottom-right-radius: 8px 3px;}
.consult3_sect .consent_cont .cont::-webkit-scrollbar-track{background: #fff; margin-block: 15px;}
/* .consult3_sect .consent_cont .cont::-webkit-scrollbar-button:vertical:decrement{height: 15px;}
.consult3_sect .consent_cont .cont::-webkit-scrollbar-button:vertical:increment{height: 15px;} */


/* Safari */
/* @supports (-webkit-hyphens: none) {
    .consult3_sect .consent_cont .cont::-webkit-scrollbar{width: 5px;}
    .consult3_sect .consent_cont .cont::-webkit-scrollbar-thumb{background: #d7d7d7; border: 0; border-radius: 999px;}
    .consult3_sect .consent_cont .cont::-webkit-scrollbar-track{background: transparent; margin: 15px 0;}
    .consult3_sect .consent_cont .cont::-webkit-scrollbar-button:vertical:decrement{height: 0;}
    .consult3_sect .consent_cont .cont::-webkit-scrollbar-button:vertical:increment{height: 0;}
} */

.consult3_sect .consent_cont .cont p + p {margin-top: 0.5em;}
.consult3_sect .consent_cont [class*="form_chk"] {margin-top: 2rem;}
.consult3_sect .consent_cont [class*="form_chk"] .chk_box input + label .ico {margin-top: 0;}
.consult3_sect .consent_cont [class*="form_chk"] .txt {font-weight: 600; font-size: var(--p4);}
.consult3_sect .consent_cont [class*="form_chk"] .txt span {color: var(--point01); }
.consult3_sect .consent_cont .policy-section + .policy-section{margin-top: 1em;}
.consult3_sect .consent_cont .policy-section h4{margin-top: 1em;}
.consult3_sect .consent_cont .policy-item{margin-top: 0.6em;}
.consult3_sect .consent_cont .policy-notice{margin-top: 1em;}
.consult3_sect .consent_cont li{position: relative; padding-left: 0.5em;}
.consult3_sect .consent_cont li:before{content: '·'; position: absolute; left: 0; top: 0;}
.consult3_sect .consent_cont .policy-notice{text-indent: -0.8em; padding-left: 0.8em;}

/* 폼 개별 스타일 */
.consult3_sect .com_inp_cont .inp_box .flex_box,
.consult3_sect .com_inp_cont .inp_box .phone_box,
.consult3_sect .com_inp_cont .inp_box .email_box {display: flex; align-items: center; }
.consult3_sect .com_inp_cont .inp_box .phone_box .dot,
.consult3_sect .com_inp_cont .inp_box .email_box .dot {margin: 0 5px; text-align: center;}
.consult3_sect .com_inp_cont .inp_box .email_box .inp {flex: 1;}
/* .consult3_sect .com_inp_cont .inp_box .email_box .inp:first-of-type {flex: none; width: 31%; } */
.consult3_sect .com_inp_cont .inp_box .email_box .select {flex: 1;}
.consult3_sect .com_inp_cont .inp_box .email_box .inp + .select {margin-left: 1rem;}
.consult3_sect .com_inp_cont .inp_box .phone_box .inp {flex: 1;}
.consult3_sect .com_inp_cont .inp_box .phone_box .select:first-of-type {flex: none; width: 31%;}
.consult3_sect .com_inp_cont .inp_box .phone_box .select {flex: 1;}
.consult3_sect .com_inp_cont .inp_box .phone_box .inp:last-child {flex: 1;}

.consult3_sect .com_inp_cont.email .inp_box .contact_email_input,
.consult3_sect .com_inp_cont.email .em_txt{max-width: 100%; width: 61rem;}


.consult3_sect .com_inp_cont.date .inp_box .inp{position: relative; }
.consult3_sect .com_inp_cont.date .inp_box .inp::before{ content: ''; position: absolute; top:50%; transform: translateY(-50%); right: 1.5rem; display:block; width: 1.2em; height:1.2em; background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path d="M15.8333 3.33331H4.16667C3.24619 3.33331 2.5 4.07951 2.5 4.99998V16.6666C2.5 17.5871 3.24619 18.3333 4.16667 18.3333H15.8333C16.7538 18.3333 17.5 17.5871 17.5 16.6666V4.99998C17.5 4.07951 16.7538 3.33331 15.8333 3.33331Z" stroke="%231F2933" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M13.3335 1.66669V5.00002" stroke="%231F2933" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M6.6665 1.66669V5.00002" stroke="%231F2933" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M2.5 8.33331H17.5" stroke="%231F2933" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat center / contain; z-index: 1;}
.consult3_sect .com_inp_cont.date .inp_box .inp input{padding-right: 3em;}

.consult3_sect .com_inp_cont.visit .inp_box .radio_box{flex-wrap: wrap; align-items: center; }
.consult3_sect .com_inp_cont.visit .inp_box .radio_box .radio.etc {display: flex; align-items: center; gap: 2rem; height: var(--inpH);}

@media screen and (min-width:1025px) {
    .consult3_sect .com_inp_cont.visit .inp_box .radio_box{flex-wrap: nowrap; column-gap: clamp(2rem, 2.5vw, 3.5rem);}
    .consult3_sect .com_inp_cont.visit .inp_box .radio_box .radio{flex: 0 0 auto;}
    .consult3_sect .com_inp_cont.visit .inp_box .radio_box .radio.etc{gap: 1.5rem;}
    .consult3_sect .com_inp_cont.visit .inp_box .radio_box .radio.etc > .inp_box{flex: 0 0 clamp(20rem, 22vw, 26rem); min-width: 0;}
}

/* 하단 버튼 */
.consult3_sect .bot_btn_box {display: flex; justify-content: center; gap: 1rem; margin-top: 5rem; padding-top: 5rem; border-top: 1px solid var(--black);}
.consult3_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;}
.consult3_sect .com_basic_btn.line {border: 1px solid var(--gray20); color: var(--black); background-color: transparent;}
.consult3_sect .com_basic_btn .ico {background: url('data:image/svg+xml, <svg width="20" height="19" viewBox="0 0 20 19" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M19.3789 10.0225L12.1631 17.959L11.4912 18.6992L10.0107 17.3535L10.6836 16.6133L16.3789 10.3496L-4.52396e-07 10.3496L-3.64973e-07 8.34961L16.3789 8.34961L10.6836 2.08496L10.0107 1.3457L11.4912 -3.71504e-07L12.1631 0.740234L19.3789 8.67676L19.9902 9.34961L19.3789 10.0225Z" fill="%23fff"></path></svg>') no-repeat center / contain;}
.consult3_sect .com_basic_btn.wh {background-color: #fff; color: #1c1c1c; border: 1px solid #1c1c1c;}
.consult3_sect .com_basic_btn.wh .ico {width: 1em; height: 1em; margin-left: 2.2em; background: url('data:image/svg+xml, <svg width="20" height="19" viewBox="0 0 20 19" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M19.3789 10.0225L12.1631 17.959L11.4912 18.6992L10.0107 17.3535L10.6836 16.6133L16.3789 10.3496L-4.52396e-07 10.3496L-3.64973e-07 8.34961L16.3789 8.34961L10.6836 2.08496L10.0107 1.3457L11.4912 -3.71504e-07L12.1631 0.740234L19.3789 8.67676L19.9902 9.34961L19.3789 10.0225Z" fill="%231c1c1c"></path></svg>') no-repeat center / contain; transition: 0.3s ease-in-out;}





/* ----- 로그인_01 *페이지 ----- */
.login_01 {background-color: var(--gray5); display: flex; align-items: center; justify-content: center; min-height: 100svh; padding: calc(var(--hdH) + var(--pd4)) 0 var(--subPd);}

.login_01 .login_wrap {padding: 10rem; background: #fff; margin: 0 auto; border-radius: 3rem; width: 60rem; max-width: 100%;}
.login_01 .login_wrap .logo {width: 25%; margin: 0 auto;}
.login_01 .login_wrap .logo img {width: 100%;} 

.login_01 .login_wrap .tit_box {text-align: center;}
.login_01 .login_wrap .tit_box .tit{font-size: var(--h3); font-weight: 700; line-height: 1;}
.login_01 .login_wrap .tit_box .txt{font-size: var(--p3); font-weight: 400; margin-top: 2rem; }
.login_01 .login_wrap .tit_box .txt br{display: none;}

.login_01 .login_wrap .input_wrap{margin-top: 5rem;}
.login_01 .login_wrap .input_wrap .inp {position: relative; margin-bottom: 1.25rem;}
.login_01 .login_wrap .input_wrap input{width: 100%; height: var(--inpH); padding-left: 1.2em; background-color: var(--bg); font-size: var(--p4); border-radius: 1rem; line-height: var(--inpH); transition: background 0.25s, border 0.25s;}
.login_01 .login_wrap .input_wrap input::placeholder{color: #1F2933; opacity: 0.3; font-weight: 600;}
.login_01 .login_wrap .input_wrap button {width: 100%; height: var(--inpH); background: var(--black); color: #fff; font-size: var(--p3); font-weight: 700; text-align: center; border-radius:1rem; line-height: 1em; transition: background 0.25s;}

.login_01 .login_wrap .util_wrap{display: flex; justify-content: center; margin-top: 2rem;}
.login_01 .login_wrap .util_wrap a{position: relative; color: rgba(0,0,0,0.5); font-size: var(--p5); font-weight: 500; line-height: 1em; transition: color 0.3s;}
.login_01 .login_wrap .util_wrap a + a{padding-left: 1em; margin-left: 1em; border-left: 1px solid rgba(188, 191, 199, 0.5);}

.login_01 .login_wrap .sns_wrap {margin-top: 5rem;}
.login_01 .login_wrap .sns_wrap .btn {display: flex; align-items: center; justify-content: center; font-size: var(--p4); height: var(--inpH); border-radius:1rem; border: 1px solid var(--line); font-weight: 600; transition: 0.3s ease-in-out;}
.login_01 .login_wrap .sns_wrap .btn + .btn {margin-top: 1.25rem;}
.login_01 .login_wrap .sns_wrap .btn .icon-sns {display: flex; align-items: center; margin-right: 10px; font-size: 10px}
.login_01 .login_wrap .sns_wrap .btn .icon-sns img,
.login_01 .login_wrap .sns_wrap .btn .icon-sns svg {width: 100%;}
.login_01 .login_wrap .sns_wrap .btn svg path {transition: 0.3s ease-in-out;}
.login_01 .login_wrap .sns_wrap .btn .icon-sns.icon-naver {width: 2.4em;}
.login_01 .login_wrap .sns_wrap .btn .icon-sns.icon-kakao {width: 2.4em;}
.login_01 .login_wrap .sns_wrap .btn .icon-sns.icon-google {width: 2em;}




/* ----- 회원가입_01 *페이지 ----- */
.join_01 {background-color: var(--gray5); display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 100svh; padding: calc(var(--hdH) + var(--pd4)) 0 var(--subPd);}
.join_01 .join_wrap{width:100%; padding: var(--inPd);}
.join_01 .join_wrap .join_box{padding: 5rem; background: #fff; margin: 0 auto; border-radius: 3rem; width: 70rem; width: 80rem; max-width: 100%;}
.join_01 .join_box .txt_box{ border-bottom:1px solid var(--black); padding-bottom:1.5rem; margin-bottom: 4rem;}
.join_01 .join_box .sect_tit{opacity: 1; transform: unset; margin-bottom: 0;}
.join_01 .join_box .sect_txt{opacity: 1; transform: unset; margin-top: 0.5rem; font-size: var(--p6);}
.join_01 .join_wrap .join_box + .join_box{margin-top: 2rem;}
.join_01 .join_box.basic .form_cont{border-bottom: 1px solid var(--line); padding-bottom: 2rem;}

/* 상단  스텝 */
.join_01 .step_cont{ margin-bottom: 4rem;}
.join_01 .step_cont .step_list{position: relative; display: flex; align-items: flex-start; gap: 6rem; width: 100%; height: 100%; padding: 0; margin: 0; list-style: none;}
.join_01 .step_cont .step_item{position: relative; display: flex; flex-direction: column; align-items: center; justify-content: flex-start; gap: 1.5rem; color: var(--gray30); font-size: var(--p6); font-weight: 600; line-height: 1;}
.join_01 .step_cont .step_item + .step_item::before{content: ''; position: absolute; top: 20%; left: -100%; width: 6rem; left: -6rem; height: 0.4rem; background:url('data:image/svg+xml,<svg width="20" height="4" viewBox="0 0 20 4" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="2" cy="2" r="2" fill="%23CBD2D9"/><circle cx="10" cy="2" r="2" fill="%23CBD2D9"/><circle cx="18" cy="2" r="2" fill="%23CBD2D9"/></svg>') no-repeat center / contain; }
.join_01 .step_cont .step_item.active + .step_item::before{background:url('data:image/svg+xml,<svg width="20" height="4" viewBox="0 0 20 4" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="2" cy="2" r="2" fill="%232F58E0"/><circle cx="10" cy="2" r="2" fill="%232F58E0"/><circle cx="18" cy="2" r="2" fill="%232F58E0"/></svg>') no-repeat center / contain;}
.join_01 .step_cont .step_num{display: flex; align-items: center; justify-content: center; font-size:var(--p6); width: 2.1em; height: 2.1em; border-radius: 50%; background-color: var(--gray20); color: var(--gray30); font-weight: 700; line-height: 1;}
.join_01 .step_cont .step_label{color: currentColor; white-space: nowrap;}
.join_01 .step_cont .step_item.active{color: var(--black); font-weight: 700;}
.join_01 .step_cont .step_item.active .step_num{background-color: var(--point01); color: #fff;}

/* 약관 전체 동의 */
.join_01 .chk_all_wrap {padding-bottom: 4rem; border-bottom: 1px solid var(--gray20); margin-bottom: 4rem;}
.join_01 .chk_all_wrap label {display: flex; align-items: center; gap: 1rem; font-size: var(--p3); font-weight: 600; cursor: pointer;}
.join_01 .chk_all_wrap label svg {width: max(2.5rem, 20px); height: auto;}
.join_01 .chk_all_wrap input:checked + label svg circle {fill-opacity:1; fill: var(--black);}
.join_01 .chk_info_box{background-color: var(--bg); border-radius: 1rem; padding: 2rem; margin-top: 1.5rem;}
.join_01 .chk_info_box .dot_txt{font-size: var(--p6);}
/* 일반 동의 */
.join_01 .chk_wrap {display: flex; align-items: center; width: 100% ;}
.join_01 .chk_wrap svg {width: max(2.5rem, 20px); flex-shrink: 0; height: auto;}
.join_01 .chk_wrap label {display: flex; align-items: center; cursor: pointer;}
.join_01 .chk_wrap input:checked + label svg circle {fill-opacity:1; fill: var(--black);}
.join_01 .chk_wrap .txt {font-size: var(--p4); font-weight: 500; margin-left: 1rem;}
.join_01 .chk_wrap .txt span {color: var(--black);}
.join_01 .chk_wrap .view {margin-left: auto; font-size: var(--p6); color: rgba(0,0,0,0.3);}

.join_01 .btn_wrap{display: flex; justify-content: center; gap: 1rem; margin-top: 4rem;}


/* STEP2_정보입력 */
.join_01 .inp_wrap .radio_box {display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap:2rem 3.5rem; font-size: var(--p4); flex-wrap: wrap; max-width: max(35rem, 300px);}
.join_01 .inp_wrap .radio_box .radio label {display: flex; align-items: center; cursor: pointer;}
.join_01 .inp_wrap .radio_box .radio > 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;}
.join_01 .inp_wrap .radio_box .radio .ico {position: relative; width: var(--h8); height: var(--h8); margin-right: 1rem;}
.join_01 .inp_wrap .radio_box .radio .ico .stroke {width: 100%; height: auto;}
.join_01 .inp_wrap .radio_box .radio .ico .stroke rect {transition: all 0.2s ease-in-out;}
.join_01 .inp_wrap .radio_box .radio .ico .fill {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%) scale(0) ; width: 50%; height: 50%;transition: transform 0.2s ease-in-out;}
.join_01 .inp_wrap .radio_box .radio input:checked + label .ico .fill { transform: translate(-50%,-50%) scale(1);}
.join_01 .inp_wrap .radio_box .radio input:checked + label .ico .stroke rect {stroke:var(--point01);}
.join_01 .inp_wrap .radio_box + .file_cont {margin-top: 2rem;}

.join_01 .inp_wrap .radio_box .radio.etc {display: flex; align-items: flex-start; grid-column: span 2; gap: 2rem; width: 100%; height: var(--inpH);}


/* STEP2_정보입력_기본정보 */
.join_01 .inp_wrap{display: flex;}
.join_01 .inp_wrap + .inp_wrap{margin-top: 2rem;}
.join_01 .inp_wrap .inp_tit{display: flex; align-items: center; justify-content: space-between; font-size: var(--p4); font-weight: 600; width: 11.5em; flex-shrink: 0; margin-bottom: 1rem; font-weight: 500;}
.join_01 .inp_wrap .inp_tit p .ess{margin-left: 3px; color: var(--point01);}
.join_01 .inp_wrap .inp_tit a{display: flex; align-items: center; color: #9A9EA7; font-size: var(--tinyTxt); transition: color 0.25s;}
.join_01 .inp_wrap .inp_tit a svg{margin-left: 0.5em; fill: #9A9EA7; transition: fill 0.25s;}
.join_01 .inp_wrap .inp_tit.al_t{align-items: flex-start;}

.join_01 .inp_wrap .inp_box{width: 100%;}
.join_01 .inp_wrap .inp{position: relative; flex: 1;}
.join_01 .inp_wrap input{width: 100%; height: var(--inpH); font-size: var(--p4); padding: 0 1.2em; background-color: #fff; border: 1px solid var(--gray20); border-radius: 1rem; line-height: var(--inpH); transition: background 0.25s, border 0.25s;}
.join_01 .inp_wrap input:focus{border-color: #232323;}
.join_01 .inp_wrap input::placeholder{color: #BCBFC7;}
.join_01 .inp_wrap .inp input + .ico {position: absolute; right: 15px; top: 50%; transform: translateY(-50%); width: 2.2rem; height: 2.2rem; background-color: var(--point01); border-radius: 50%; display: none;}
.join_01 .inp_wrap .inp input + .ico.checked {display: block;}
.join_01 .inp_wrap .inp input + .ico.checked.enable {display: block; background: var(--point01) url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="8" height="7" viewBox="0 0 8 7" fill="none"><path d="M0.75 2.75L3.25 5.25L7.25 0.75" stroke="white" stroke-width="1.5" stroke-linecap="round"/></svg>') no-repeat 55% 50% / 50%}
.join_01 .inp_wrap .inp input + .ico.checked.unable {display: block; background: #EC5252 url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12" fill="none"><path d="M9 3L3 9" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M3 3L9 9" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat 50% 50% / 70%;}

.join_01 .inp_wrap .flex_wrap{display: flex; align-items: center; width: 100%;}
.join_01 .inp_wrap .flex_wrap button{margin-left: 0.8rem ;flex-shrink: 0; height: var(--inpH); padding: 0 1.5em; width: 12rem; min-width: max-content; font-size: var(--p4); border-radius: 1rem ; color: #fff; background-color: var(--point01); transition: background 0.25s, color 0.25s;}

.join_01 .inp_wrap .phone_box,
.join_01 .inp_wrap .email_box{align-items: center; gap:1rem;}
.join_01 .inp_wrap .phone_box .select{flex: 1; }
.join_01 .inp_wrap .tel_box .nice-select {width: 14em; margin-right: 0.8rem;}

.join_01 .nice-select {font-size: var(--p4);height: var(--inpH);line-height: var(--inpH);padding: 0 1.3em;border: 0;border-radius: 1rem;font-weight: 500;background-color: #fff; border: 1px solid var(--gray20);}
.join_01 .inp_wrap .info_txt {font-size: var(--p6); margin-top: 1rem; color: var(--gray60); line-height: 1.5;}


/* STEP2_정보입력_회사 정보(선택) */
.join_01 .join_box .acco_btn{position: relative; cursor: pointer; transition: 0.3s ease-in-out;}
.join_01 .join_box .acco_btn .ico{position: absolute; right: 0; top: 15%; transition: 0.3s ease-in-out; }
.join_01 .join_box .acco_btn .ico svg{width: 1.5rem; height: auto;}
.join_01 .join_box .acco_btn .ico{transform: rotate(0);}
.join_01 .join_box .acco_btn.close .ico{transform: rotate(180deg);}
.join_01 .join_box .acco_btn.close{margin-bottom: 0; border-bottom: none;}


/* STEP2_정보입력_캐릭터설정 */
.join_01 .join_box.chr_box{background: #FFDEDE; padding: 0; overflow: hidden;}
.join_01 .join_box .chr_display{position: relative;}
.join_01 .join_box .chr_display .img_wrap{position: relative; margin: 0 auto; width: 37.5rem; height: 34.5rem; overflow: hidden;}
.join_01 .join_box .chr_display .img_wrap .parts{position: absolute; width: 100%; height: 100%; inset: 0;}

.join_01 .join_box.chr_box .chr_display .reset_btn{position: absolute; right: 2rem; top: 2rem; color: var(--gray40); font-weight: 600; font-size:var(--p6); border-radius: 99rem; background-color: #fff; z-index: 5; padding: 0.3em 1em; border: 1px solid rgba(31, 41, 51, 0.10); display: flex; align-items: center; gap:0.5rem; transition: 0.3s ease;}
.join_01 .join_box.chr_box .chr_display .reset_btn:before{content:''; width:1em; height:1em; transition: 0.3s ease; background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none"><g clip-path="url(%23clip0_2370_10174)"><path d="M13.417 2.3335V5.8335H9.91699" stroke="%237B8794" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M11.9521 8.74985C11.5729 9.82313 10.8552 10.7441 9.90703 11.374C8.95888 12.0038 7.8317 12.3085 6.69535 12.242C5.55899 12.1755 4.47503 11.7415 3.60679 11.0054C2.73856 10.2693 2.1331 9.27089 1.88165 8.16071C1.6302 7.05053 1.74638 5.8887 2.21269 4.8503C2.679 3.8119 3.47017 2.95318 4.46698 2.40355C5.46379 1.85392 6.61223 1.64315 7.73925 1.80301C8.86626 1.96287 9.9108 2.48469 10.7154 3.28985L13.4163 5.83318" stroke="%237B8794" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></g><defs><clipPath id="clip0_2370_10174"><rect width="14" height="14" fill="white"/></clipPath></defs></svg>') no-repeat center / contain}

.join_01 .join_box.chr_box .chr_panel{background-color: #fff; border-radius: 3rem; box-shadow: 0 0 50px 0 rgba(193, 193, 193, 0.30);}
.join_01 .join_box.chr_box .tab_box{display: flex; padding: 0 var(--inPd); border-bottom: 1px solid var(--gray10);}
.join_01 .join_box.chr_box .tab_box .tab{flex: 1;}
.join_01 .join_box.chr_box .tab_box .tab button{display: flex; flex-direction: column; justify-content:center; align-items: center; height: 8rem; width: 100%;}

.join_01 .join_box.chr_box .tab_box .ico{display: block;}
.join_01 .join_box.chr_box .tab_box .ico svg{display: block; width: 3rem; height: 3rem; margin: 0 auto;}
.join_01 .join_box.chr_box .tab_box .txt{display: block; font-size: var(--p6); color: var(--gray30); line-height: 1; font-weight: 700; margin-top: 0.5em;}
.join_01 .join_box.chr_box .tab_box .tab.active .ico svg path{fill: var(--point01);}
.join_01 .join_box.chr_box .tab_box .tab.active .txt{color: var(--point01);}

.join_01 .join_box.chr_box .tab_cont{display: flex; justify-content: center; flex-wrap: wrap; gap: 2rem 1rem; padding: 2.5rem var(--inPd);}
.join_01 .join_box.chr_box .tab_cont .chr_item{position: relative; width: 7.5rem; height: 7.5rem; background-color: var(--bg); border-radius: 1rem; overflow: hidden;}
.join_01 .join_box.chr_box .tab_cont .chr_item img{width: 100%; height: 100%; object-fit: contain;}
.join_01 .join_box.chr_box .tab_cont .chr_item.active:before{content:''; position: absolute; inset: 0; width: 100%; height: 100%; border-radius: 1rem; border: 1px solid var(--black); }

.join_01 .join_box.chr_box .tab_cont.color_cont .chr_item{margin: 0; border-radius: 50%; border: 0.2rem solid var(--gray10); box-shadow: inset 0 0 0 0.55rem #fff; overflow: hidden;}
.join_01 .join_box.chr_box .tab_cont.color_cont .chr_item.active{border-color: var(--black);}
.join_01 .join_box.chr_box .tab_cont.color_cont .chr_item.active:before{display: none;}


.join_01 .com_basic_btn {display: inline-flex;align-items: center;justify-content: center;min-width: 17rem;background-color: var(--black);color: #fff;padding: 1.2em 0;font-size: var(--p4);font-weight: 600;line-height: 1;border: 1px solid var(--black);border-radius: 1rem;transition: color 0.3s, background-color 0.3s;}
.join_01 .com_basic_btn.line {border-color: var(--gray20);background-color: #fff;color: var(--black);}


/* 마이페이지 */
.join_01 .inp_wrap .btn_find{font-size:var(--p4); border: 1px solid var(--black); border-radius: 99rem; padding: 0 1.2em; height: 2.5em; transition: 0.3s ease;}

.join_01 .my_write_form .join_box.my_chr_box .txt_box{border-bottom:none; margin-bottom:0}
.join_01 .my_write_form .join_box.my_chr_box .chr_box{border-radius: 3rem; overflow: hidden;}
/* .join_01 .my_write_form .join_box.my_chr_box .chr_box .chr_modify{position: absolute; display: flex; align-items: center; justify-content: center; border-radius:50%; width: max(3rem, 25px); height: max(3rem, 25px); top: 1rem; right: 1rem; background:var(--black) url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M7 0C7.33755 3.15705e-08 7.66171 0.134364 7.90039 0.373047C8.13879 0.611633 8.27239 0.935176 8.27246 1.27246V1.33008C8.27329 1.53474 8.3343 1.73461 8.44727 1.90527C8.56033 2.076 8.72096 2.21035 8.90918 2.29102C9.10109 2.37568 9.31412 2.4007 9.52051 2.36328C9.72687 2.32583 9.91745 2.22771 10.0674 2.08105L10.1055 2.04297C10.2237 1.92464 10.3641 1.83065 10.5186 1.7666C10.673 1.70256 10.8386 1.66993 11.0059 1.66992C11.1731 1.66992 11.3387 1.70257 11.4932 1.7666C11.6477 1.83065 11.788 1.92464 11.9062 2.04297C12.0246 2.16116 12.1186 2.30158 12.1826 2.45605C12.2466 2.6105 12.2793 2.77618 12.2793 2.94336C12.2793 3.11056 12.2466 3.27621 12.1826 3.43066C12.1186 3.58514 12.0246 3.72557 11.9062 3.84375L11.8682 3.88184C11.7215 4.0318 11.6234 4.22231 11.5859 4.42871C11.5485 4.63514 11.5735 4.8481 11.6582 5.04004V5.09082C11.7389 5.27904 11.8732 5.43967 12.0439 5.55273C12.2146 5.66567 12.4145 5.72672 12.6191 5.72754H12.7275C13.0648 5.72761 13.3884 5.86121 13.627 6.09961C13.8656 6.33829 14 6.66245 14 7C14 7.33755 13.8656 7.66171 13.627 7.90039C13.3884 8.13879 13.0648 8.27239 12.7275 8.27246H12.6699C12.4653 8.27329 12.2654 8.3343 12.0947 8.44727C11.924 8.56033 11.7897 8.72096 11.709 8.90918C11.6243 9.10109 11.5993 9.31412 11.6367 9.52051C11.6742 9.72687 11.7723 9.91745 11.9189 10.0674L11.957 10.1055C12.0754 10.2237 12.1693 10.3641 12.2334 10.5186C12.2974 10.673 12.3301 10.8386 12.3301 11.0059C12.3301 11.1731 12.2974 11.3387 12.2334 11.4932C12.1693 11.6477 12.0754 11.788 11.957 11.9062C11.8388 12.0246 11.6984 12.1186 11.5439 12.1826C11.3895 12.2466 11.2238 12.2793 11.0566 12.2793C10.8894 12.2793 10.7238 12.2466 10.5693 12.1826C10.4149 12.1186 10.2744 12.0246 10.1562 11.9062L10.1182 11.8682C9.9682 11.7215 9.77769 11.6234 9.57129 11.5859C9.36486 11.5485 9.1519 11.5735 8.95996 11.6582C8.77176 11.7389 8.6111 11.8732 8.49805 12.0439C8.38513 12.2146 8.32406 12.4145 8.32324 12.6191V12.7275C8.32317 13.0649 8.18961 13.3884 7.95117 13.627C7.71249 13.8656 7.38833 14 7.05078 14C6.71331 14 6.39001 13.8656 6.15137 13.627C5.91275 13.3883 5.77839 13.065 5.77832 12.7275V12.6699C5.77338 12.4593 5.70459 12.2553 5.58203 12.084C5.45947 11.9126 5.28854 11.7817 5.09082 11.709C4.89891 11.6243 4.68588 11.5993 4.47949 11.6367C4.27313 11.6742 4.08255 11.7723 3.93262 11.9189L3.89453 11.957C3.77634 12.0754 3.63594 12.1693 3.48145 12.2334C3.32695 12.2974 3.16138 12.3301 2.99414 12.3301C2.82691 12.3301 2.66133 12.2974 2.50684 12.2334C2.35233 12.1693 2.21195 12.0754 2.09375 11.957C1.97545 11.8388 1.88142 11.6984 1.81738 11.5439C1.75339 11.3895 1.7207 11.2238 1.7207 11.0566C1.72073 10.8894 1.75336 10.7238 1.81738 10.5693C1.88143 10.4149 1.97544 10.2744 2.09375 10.1562L2.13184 10.1182C2.27852 9.9682 2.37663 9.77769 2.41406 9.57129C2.45149 9.36486 2.42651 9.1519 2.3418 8.95996C2.26113 8.77176 2.12677 8.6111 1.95605 8.49805C1.7854 8.38513 1.58549 8.32406 1.38086 8.32324H1.27246C0.935146 8.32317 0.611639 8.18961 0.373047 7.95117C0.134364 7.71249 0 7.38833 0 7.05078C3.38039e-05 6.71331 0.134438 6.39001 0.373047 6.15137C0.611667 5.91275 0.935009 5.77839 1.27246 5.77832H1.33008C1.54068 5.77338 1.74467 5.70459 1.91602 5.58203C2.08736 5.45947 2.2183 5.28854 2.29102 5.09082C2.37569 4.89891 2.4007 4.68588 2.36328 4.47949C2.32583 4.27313 2.22771 4.08255 2.08105 3.93262L2.04297 3.89453C1.92464 3.77634 1.83065 3.63594 1.7666 3.48145C1.70256 3.32695 1.66993 3.16138 1.66992 2.99414C1.66992 2.82691 1.70257 2.66133 1.7666 2.50684C1.83065 2.35233 1.92464 2.21195 2.04297 2.09375C2.16116 1.97545 2.30158 1.88142 2.45605 1.81738C2.6105 1.75339 2.77618 1.7207 2.94336 1.7207C3.11056 1.72073 3.27621 1.75336 3.43066 1.81738C3.58514 1.88143 3.72557 1.97544 3.84375 2.09375L3.88184 2.13184C4.0318 2.27852 4.22231 2.37663 4.42871 2.41406C4.63514 2.45149 4.8481 2.42651 5.04004 2.3418H5.09082C5.27904 2.26113 5.43967 2.12678 5.55273 1.95605C5.66567 1.78539 5.72672 1.58551 5.72754 1.38086V1.27246C5.72761 0.935176 5.86121 0.611633 6.09961 0.373047C6.33829 0.134364 6.66245 0 7 0ZM7 4.66699C5.71134 4.66699 4.66699 5.71134 4.66699 7C4.66699 8.28866 5.71134 9.33301 7 9.33301C8.28866 9.33301 9.33301 8.28866 9.33301 7C9.33301 5.71134 8.28866 4.66699 7 4.66699Z" fill="white"/></svg>') no-repeat 50% 50% / 51%;} */

.join_01 .my_write_form .join_box.my_chr_box .chr_box .chr_modify{position: absolute; display: flex; align-items: center; justify-content: center; width: auto; font-size:var(--p6); font-weight:500; padding: 0.3em 0.8em; border-radius: 99rem; background-color: #000; top: 2rem; right: 2rem; color:#fff; transition: 0.3s ease;}
.join_01 .my_write_form .join_box.my_chr_box .chr_box .chr_modify .ico {opacity: 0;}
.join_01 .my_write_form .join_box.my_chr_box .chr_box .chr_modify .ico svg{display: block; height: 1em; width: 1em; transition: 0.3s ease;}
.join_01 .my_write_form .join_box.my_chr_box .chr_box .chr_modify .ico svg path{ transition: 0.3s ease;}
.join_01 .my_write_form .join_box.my_chr_box .chr_box .chr_modify .txt{margin-top: 0.1em; margin-left: 0.3em;}


.join_01 .my_write_form .text_box{ line-height: var(--inpH);}
.join_01 .my_write_form .email_txt{font-weight: 500;  line-height: var(--inpH);}
.join_01 .my_write_form .inp_wrap .radio_box{display: flex;}
.join_01 .my_write_form .inp_wrap .inp_tit{margin-bottom: 0;}



/* 서브탑_풀비쥬얼타입_04 */
.sub_top_visual04 {position: relative; z-index: 0; isolation: isolate; height: calc(var(--vh, 1vh) * 100);}
.sub_top_visual04 .text_sect {position: absolute; height: 100svh; width: 100%; top: 0; left: 0; text-align: center; padding-top: 15vh; } /* height: calc(var(--vh, 1vh) * 60);*/
.sub_top_visual04 .text_sect .basic_txt .tit {font-size: 10rem; font-weight: 700; line-height: 1.5;}
.sub_top_visual04 .text_sect .basic_txt .txt {font-size: var(--h5); font-weight: 600;}

.sub_top_visual04 .visual_sect {position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: calc(var(--vh, 1vh) * 100); display:flex; align-items: flex-end; justify-content: center; overflow: hidden;}
.sub_top_visual04 .visual_sect .bg {position: relative; border-radius: 5rem; overflow: hidden; width: 60rem; padding-top: 30%; transform: translateY(10vh); background-color: #000;}
.sub_top_visual04 .visual_sect .bg img {position: absolute; width: 100%; height: 100%; left: 0; top: 0; object-fit: cover; opacity: 1;}
.sub_top_visual04 .visual_sect .txt_box {position: absolute; top: 100%; left: 50%; transform: translate(-50%, -50%); width: 100%; padding: 0 var(--inPd); font-size:7rem; font-weight: 700; text-align: center; z-index: 3; opacity: 0; line-height: 1.5;}
/* .sub_top_visual04 .visual_sect .tit {position: absolute; top: 100%; left: 50%; transform: translate(-50%, -50%); width: 100%; padding: 0 var(--inPd); font-size:7rem; font-weight: 700; text-align: center; z-index: 3; opacity: 0; line-height: 1.5;} */
/* .sub_top_visual04 .visual_sect .tit .text {background: linear-gradient(to right, #fff 50%, rgba(255,255,255,0.5) 50%);background-size: 200% 100%;background-position-x: 100%;color: transparent;background-clip: text;-webkit-background-clip: text;display: inline;} */

.sub_top_visual04 .visual_sect .txt_box{color: #fff;}
.sub_top_visual04 .visual_sect .txt_box .tit{font-size: var(--h2); font-weight: 700; line-height: 1.5;}
.sub_top_visual04 .visual_sect .txt_box .txt{font-size: var(--p1); font-weight: 600; margin-top: var(--contMt2);}
.sub_top_visual04 .visual_sect .txt_box .txt.lg{font-size: var(--h5); font-weight: 700; margin-top: 1.5rem;}





/* 서브페이지_진료과목_단순정렬_21_변형버전 */
.sub_cont_sorting21_2 .cont{display: grid; grid-template-columns: repeat(4, 1fr); gap: 2rem;}
.sub_cont_sorting21_2 .cont .box{background-color: var(--bg); border-radius: 2rem; padding: 4rem 5rem;}
.sub_cont_sorting21_2 .cont .ico{width: 6rem; height: 6rem;}
.sub_cont_sorting21_2 .cont .ico img{width: 100%; height: 100%; object-fit: cover;}
.sub_cont_sorting21_2 .cont .txt{font-weight: 600; margin-top: 3rem;}
.sub_cont_sorting21_2 .cont .txt .desc{display: inline-block; font-size: var(--p6); color: var(--gray40); font-weight: 500;}






/* Hover */
@media screen and (min-width: 1241px) {

    .kv_basic10 .swiper_btn:hover{background-color: #fff;}
    .kv_basic10 .swiper_btn:hover svg path{stroke: var(--black);}

    .load_footer08 .info_cont a.cont:hover{background-color: #fff; color: var(--point01);}
    .load_footer08 .info_cont a.cont:hover .ico svg path{fill: var(--point01);}
    .load_footer08 .info_cont a.cont:hover .cont_tit_box .arr svg path{fill: var(--point01);}
    
    .search_01 .keword_box .keword_btn_box .btn:hover{background-color:var(--point01); color:#fff; }

    .main_basic_slide23 .pick_card:hover{background-color: #f9f9f9;}

    .store_list01 .form_filter_box .form_btn_box .btn.reset:hover {background-color: var(--gray90); border-color: var(--gray90); color: #fff;}
    .store_list01 .form_filter_box .form_btn_box .btn.reset:hover svg path {stroke: #fff;}
    .store_list01 .form_filter_box .form_btn_box .btn.search:hover {background-color: var(--point01); }

    .login_01 .login_wrap .sns_wrap .btn.naver:hover {background-color: #2EB400; border-color: #2EB400; color: #fff;}
    .login_01 .login_wrap .sns_wrap .btn.naver:hover svg path {fill: #fff;}
    .login_01 .login_wrap .sns_wrap .btn.kakao:hover {background-color: #FFE812; border-color: #FFE812 ;}
    .login_01 .login_wrap .sns_wrap .btn.google:hover {background-color: #000; border-color: #000; color: #fff;}
    .login_01 .login_wrap .input_wrap button:hover {background-color: var(--point01);}
    .login_01 .login_wrap .util_wrap a:hover {color: var(--black);}

    .join_01 .join_box .chr_display .reset_btn:hover{background-color: var(--black); border-color:var(--black); color: #fff;}
    .join_01 .join_box .chr_display .reset_btn:hover:before{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none"><g clip-path="url(%23clip0_2370_10174)"><path d="M13.417 2.3335V5.8335H9.91699" stroke="%23fff" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M11.9521 8.74985C11.5729 9.82313 10.8552 10.7441 9.90703 11.374C8.95888 12.0038 7.8317 12.3085 6.69535 12.242C5.55899 12.1755 4.47503 11.7415 3.60679 11.0054C2.73856 10.2693 2.1331 9.27089 1.88165 8.16071C1.6302 7.05053 1.74638 5.8887 2.21269 4.8503C2.679 3.8119 3.47017 2.95318 4.46698 2.40355C5.46379 1.85392 6.61223 1.64315 7.73925 1.80301C8.86626 1.96287 9.9108 2.48469 10.7154 3.28985L13.4163 5.83318" stroke="%23fff" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></g><defs><clipPath id="clip0_2370_10174"><rect width="14" height="14" fill="white"/></clipPath></defs></svg>') no-repeat center / contain}
    .join_01 .inp_wrap .btn_find:hover{background-color: var(--black); color: #fff;}


    .sub_directions04_sect .cont_box .txt_box .btn_box .btn:hover{background-color: var(--black); color: #fff; border-color: var(--black);}

    .tab_rolling08 .slide .name_box .cart_btn:hover{background-color: #fff; color: var(--point01);}
    .tab_rolling08 .slide .name_box .cart_btn:hover .ico{
    background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path d="M10 10.8345C8.89493 10.8345 7.83512 10.3955 7.05372 9.61408C6.27232 8.83268 5.83333 7.77287 5.83333 6.66781H7.5C7.5 7.33085 7.76339 7.96673 8.23223 8.43557C8.70107 8.90441 9.33696 9.16781 10 9.16781C10.663 9.16781 11.2989 8.90441 11.7678 8.43557C12.2366 7.96673 12.5 7.33085 12.5 6.66781H14.1667C14.1667 7.77287 13.7277 8.83268 12.9463 9.61408C12.1649 10.3955 11.1051 10.8345 10 10.8345ZM10 2.50114C10.663 2.50114 11.2989 2.76453 11.7678 3.23337C12.2366 3.70221 12.5 4.3381 12.5 5.00114H7.5C7.5 4.3381 7.76339 3.70221 8.23223 3.23337C8.70107 2.76453 9.33696 2.50114 10 2.50114ZM15.8333 5.00114H14.1667C14.1667 4.45396 14.0589 3.91215 13.8495 3.40662C13.6401 2.9011 13.3332 2.44177 12.9463 2.05486C12.5594 1.66795 12.1 1.36104 11.5945 1.15164C11.089 0.942247 10.5472 0.834473 10 0.834473C8.89493 0.834473 7.83512 1.27346 7.05372 2.05486C6.27232 2.83626 5.83333 3.89607 5.83333 5.00114H4.16667C3.24167 5.00114 2.5 5.74281 2.5 6.66781V16.6678C2.5 17.1098 2.67559 17.5338 2.98816 17.8463C3.30072 18.1589 3.72464 18.3345 4.16667 18.3345H15.8333C16.2754 18.3345 16.6993 18.1589 17.0118 17.8463C17.3244 17.5338 17.5 17.1098 17.5 16.6678V6.66781C17.5 5.74281 16.75 5.00114 15.8333 5.00114Z" fill="%232358E0"/></svg>') no-repeat center / contain;
    }

    .consult3_sect .com_basic_btn:hover {background-color: var(--point01); border-color: var(--point01); color: #fff;}
    .consult3_sect .com_inp_cont .file_box .flie_btn:hover{background-color: var(--black); color: #fff;}

    .store_cart01 .all_info_box .right_box .btn:hover{color: #fff; background-color: var(--point01);}

    .tab_rolling08_2 .pick_box .estimate_btn:hover {background-color: var(--black); color: #fff;}
    .tab_rolling08_2 .pick_box .estimate_btn:hover .ico {background-color: #fff}
    .tab_rolling08_2 .pick_box .estimate_btn:hover .ico svg path {stroke: var(--black);}
    .store_list01 .form_filter_box .filter_reset_btn:hover {color: var(--gray90);}

    .store_list01 .prd_list_box .top_box .sel_btn_wrap .opt:hover{opacity: 1;}
    .store_list01 .prd_list_box .top_box .sel_btn_wrap .opt:hover .badge.best{ background-color:var(--point01);}
    .store_list01 .prd_list_box .top_box .sel_btn_wrap .opt:hover .badge.new{background-color: #E00606;}

    .com_opt_wrap .inp_btn:hover{color: #fff; background-color: var(--point01); border-color: var(--point01);}

    .com_opt_wrap .tooltip_wrap .tooltip_btn:hover + .tooltip{opacity: 1; pointer-events: inherit;}
    .com_opt_wrap .tooltip_wrap .tooltip_btn:hover svg{fill: var(--black);}
    .com_opt_wrap .tooltip_wrap .tooltip_btn:hover svg path{stroke: #fff;}
    .com_opt_wrap .tooltip_wrap .tooltip_btn:hover svg path:first-child{stroke: var(--black);}

    .prd_view_cont01 .prd_info_wrap .prd_tit_box .share_box:hover .sns_list {opacity: 1;pointer-events: auto;}
    .prd_view_cont01 .prd_info_wrap .prd_tit_box .share_box .sns_list .ico:hover {background-color: #101010}

    .prd_view_cont01 .prd_info_wrap .pay_btn_box .btn.bag_all:hover {background-color: var(--black); color: #fff; border-color: var(--black);}
    .prd_view_cont01 .prd_info_wrap .pay_btn_box .btn.bag:hover {background-color: #F3F6FF;}
    .prd_view_cont01 .prd_info_wrap .pay_btn_box .btn.buy:hover {background-color: #2048BA; color: #fff; border-color: #2048BA;}

    .consult3_sect .info_cont .cont .btn:hover{background-color: var(--point01); color: #fff;}
    .consult3_sect .info_cont .cont .btn:hover svg path{fill: #fff;} 

    .join_01 .my_write_form .join_box.my_chr_box .chr_box .chr_modify:hover{background-color: #fff; color: var(--black);}
    .join_01 .my_write_form .join_box.my_chr_box .chr_box .chr_modify:hover svg path{fill: var(--black);}

}



@media screen and (max-width: 2560px) {

    .kv_basic10 .progress_bar{height: 0.5rem;}

    .com_swiper_btn .swiper_btn{width: 7rem; height: 7rem;}

}
 
@media screen and (max-width: 2000px) {
    .kv_basic10 .item .txt_box{padding-left: 20rem;}

    .login_01 .login_wrap .tit_box .txt br{display: block;}

    .tab_rolling08_2 .tab_depth1_wrap .tab_box .tab .ico img{height: 6rem;}
    .tab_rolling08_2 .tab_depth1_wrap .tab_box .tab{font-size: var(--p4);}
    .tab_rolling08_2 .tab_depth2_wrap .tab_box .tab{font-size: var(--p5);}
    
    .prd_view_cont01 .detail_info .tab_box .tab_list .tab{font-size: var(--p5);}

    .sub_top_visual04 .text_sect{padding-top: 12svh;}


}

@media screen and (max-width: 1640px) {

    .tab_rolling08_2 .pick_box{width:140rem; min-width: 0; max-width: calc(100% - var(--inPd) * 2);}

    .main_basic_slide23 .shop_list01 .thum{width: 10rem; height: 10rem;}

    .sub_top_visual04 .text_sect .basic_txt .tit {font-size: 8rem;}
    .sub_top_visual04 .visual_sect .txt_box .txt{font-size: var(--p3);}



}


@media screen and (max-width: 1440px) {


    .main_basic_slide23 .slide{width: calc(100% + var(--inPd) * 2); margin-left: calc(var(--inPd) * -1);}
    .main_basic_slide23 .slide .swiper-container{padding: 0 var(--inPd);}

    .load_footer08 .info_cont .cont{padding: 4.5rem 4rem;}

    .login_01 .login_wrap{width: 65rem; }


}


@media screen and (max-width: 1240px) {
    .kv_basic10 .com_swiper_btn .swiper_btn.prev{left: 2rem;}
    .kv_basic10 .com_swiper_btn .swiper_btn.next{right: 2rem;}
    .kv_basic10 .item .txt_box{padding-left: 12rem;}
    /* .kv_basic10 .item .bg img{object-position: 65% 50%;} */
    

    .tab_rolling08_2 .pick_box .slide .swiper-slide{max-width: 25%;}
    .tab_rolling08_2 .pick_box .chr_img{width: 14.5%;}
    .tab_rolling08_2 .pick_box .slide{width: 58%; padding-left: 17%;}

    .main_basic_slide23 .slide .swiper-slide{width:280px;}
    .main_basic_slide23 .com_swiper_btn .swiper_btn{display:none;}

    .store_list01 .prd_list_box .top_box .select.grid_view{display: none;}
    .shop_list01 .thum{width: 12rem; height: 12rem;}

    .cont_number12 .cont{gap: 15rem;}

    .login_01 .login_wrap{width: 70rem;}
    
    .join_01 .join_box .acco_btn .ico svg{width: 2rem;}


    .com_prd_cont .prd_btn_box .btn{width: 4.5rem; height: 4.5rem;}


}



@media screen and (max-width: 1024px) {
    .main_basic_slide23 .slide .swiper-slide{width:260px;}

    .kv_basic10{height: max(50svh, 530px);}
    .kv_basic10 .item .txt_box{max-width: 45%; padding: 0 calc(var(--inPd) + 5px); }
    .kv_basic10 .item .txt_box .txt br{display: none;}

    .kv_basic10 .num_wrap_mo{display: block; color: #fff; display: flex !important; align-items: center;}
    .kv_basic10 .com_swiper_btn{position: absolute; bottom: 20px; left: var(--inPd); display: flex; align-items: center; gap: 15px; z-index: 10;}
    .kv_basic10 .com_swiper_btn .swiper_btn{position: unset; top: unset; transform: none; width: 4rem; height: 4rem; background: transparent; border:none;} 
    .kv_basic10 .com_swiper_btn .swiper_btn .arr{width: 100%; height: 100%;}
    .kv_basic10 .num_wrap_mo .num{min-width: 0.8em; display: inline-block; text-align: center;}
    .kv_basic10 .num_wrap_mo .progress_bar{position: relative; left: auto; right: auto; bottom: auto; margin: 0 10px; width: 9.5rem; height: 2px; background: rgba(255, 255, 255, 0.3);}
    .kv_basic10 .num_wrap_mo .progress_bar .swiper-pagination-progressbar-fill{background: #fff;}


    .sub_text_motion03{padding: 15svh 0 0;}
    /* --motion03-gap: 10rem;} */

    .tab_rolling08 .pick_box{padding-right: 0; overflow: hidden;}
    .tab_rolling08 .tit_wrap{flex-direction: column; align-items: flex-start;}
    .tab_rolling08 .tit_wrap .tab_depth1_wrap{margin-top: var(--contMt2);}
    .tab_rolling08 .pick_box .item_wrap{gap: 10px; overflow-x: auto; padding-right: 15px;}
    .tab_rolling08 .pick_box .item_wrap::-webkit-scrollbar{display: none;}
    .tab_rolling08 .pick_box .item_wrap .item_box{width: 100px; height: 100px; flex-shrink: 0; }

    .tab_rolling08_2 .pick_box .slide{width: 55%;}

    .search_01 .sch_box{height: 14rem;}
    .search_01 .sch_box .img_box .img.character1{width: 22rem;}
    .search_01 .sch_box .sch_inp{padding-left: 30rem;}
    .search_01 .sch_box .type_txt{left: 30rem;}
    .search_01 .sch_box .img_box .img.character2{width: 11rem; top: -8rem;}

    .pinter_list02 .list_box li{width: calc(33.3% - (3rem * 3 / 4));}

    .prd_view_cont01 .detail_info .tab_box .tab_list{--store-detail-tab-count: 3;}
    .prd_view_cont01 .detail_info .tab_box .tab_list .tab{min-width: 33.333%;}

    .store_list01 .prd_list_box .prd_list,
    .store_list01 .prd_list_box .prd_list.grid_4,
    .store_list01 .prd_list_box .prd_list.grid_5,
    .store_list01 .prd_list_box .prd_list.grid_6 {grid-template-columns: repeat(3, minmax(0, 1fr));}
    .store_list01 .prd_empty_box,
    .store_list01 .grid_4 .prd_empty_box,
    .store_list01 .grid_5 .prd_empty_box,
    .store_list01 .grid_6 .prd_empty_box{grid-column: span 3;}

    .cont_number12 .cont{gap: 10rem;}
    .cont_number12 .tit{font-size: 8rem;}
    .cont_number12 .cont .item .num_box{font-size:7rem}

    .sub_info_motion05 .slide {overflow: hidden; overflow-x: auto; width: 100%; padding: 0 var(--inPd);}
    .sub_info_motion05 .slide::-webkit-scrollbar{display: none;}
    .sub_info_motion05 .slide .container{width: max-content;}
    .sub_info_motion05 .slide .wrapper{display: flex; padding: 0;}
    .sub_info_motion05 .slide .item{width: 250px; flex-shrink: 0;}
    .sub_info_motion05 .slide .item:nth-child(1),
    .sub_info_motion05 .slide .item:nth-child(2),
    .sub_info_motion05 .slide .item:nth-child(3),
    .sub_info_motion05 .slide .item:nth-child(4){transform: unset;}

    .sub_top_visual04 .visual_sect .bg{ padding-top: 50%;}
    
    .txt_motion09_2 .txt_box.active{font-size: 6rem;}
    .txt_motion09_2 .txt_box{font-size: var(--h4);}
    .txt_motion09_2 .txt_box + .txt_box{margin-top: 10vh;}

    .sub_cont_sorting21_2 .cont .box{padding: 4rem 4.5rem;}


}


@media screen and (max-width: 960px) {

    .sub_directions04_sect .cont_box{flex-direction: column;}
    .sub_directions04_sect .cont_box .map_cont{width: 100%;}
    .sub_directions04_sect .cont_box .txt_box{width: 100%; margin-left: 0; margin-top: var(--contMt4);}
    .sub_directions04_sect .cont_box .txt_box .btn_box{gap: 1rem;}
    .sub_directions04_sect .cont_box .txt_box{margin-left: 0;}

}


@media screen and (max-width: 768px) {


    .main_basic_slide23 .com_swiper_btn{display: none;}
    .main_basic_slide23 .slide .swiper-slide{width: 230px;}

    .tab_rolling07 .item{ gap: 20px;}
    .tab_rolling07 .item .right_box .tit_box{margin-bottom: 35px;}
    .tab_rolling07 .item .left_card{flex: 0 0 55rem;}
    .tab_rolling07 .item .right_box .shop_list01 .badge_box .badge{font-size: var(--p9); padding: 0.3em 0.8em;}


    .tab_rolling08 .tab_depth1_wrap{width: calc(100% + var(--inPd) * 2); margin:4rem calc(var(--inPd) * -1) 0; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch;}
    .tab_rolling08 .tab_depth1_wrap::-webkit-scrollbar{display: none;}
    .tab_rolling08 .tab_depth1_wrap .tab_box{width: max-content; padding: 0 var(--inPd);}
    .tab_rolling08 .tab_depth1_wrap .tab_box .tab{flex: 0 0 auto;}


    .load_footer08 .info_cont .cont{padding: 25px 15px 20px 15px;}
    .load_footer08 .tit_box .desc{font-size: var(--p2);}
    .load_footer08 .tit_box .tit{font-size: var(--h4);}

    .search_01 .sch_box{width: 80%; min-width: 0;}
    .search_01 .sch_box .img_box .img.character1{width: 110px;}
    .search_01 .sch_box .sch_inp{padding-left: 160px;}
    .search_01 .sch_box .type_txt{left: 160px;}
    .search_01 .keword_box{width: 80%;}
    .search_01 .keword_box .keword_btn_box{gap: 5px;}
    .search_01 .keword_box .tit{margin-right: 3rem;}

    .consult3_sect .info_cont .cont3 .email_box .email_btn{font-size: var(--p2);}
    .consult3_sect .info_cont .cont{padding: 20px;}
    .consult3_sect .com_inp_cont.visit .inp_box .radio_box .radio.etc{width: 100%;}
    /* .consult3_sect .com_inp_cont .inp_box .inp input{max-width: 200px;} */

    .sub_top_visual04 {height: calc(var(--vh, 1vh) * 100);}
    .sub_top_visual04 .visual_sect .tit {transition: opacity 0.3s ease-in-out, top 0.6s ease-in-out, transform 0.6s ease-in-out;}
    .sub_top_visual04 .visual_sect .tit.active {opacity: 1; top: 50%; transform: translate(-50%,-50%);}
    .sub_top_visual04 .visual_sect .tit.active .text {transition: background-position-x 1s ease-in-out; background-position-x: 0;}

    .tab_rolling08_2 .pick_box .chr_img{width: 17%;}
    .tab_rolling08_2 .pick_box .slide{padding-left: 20%;}
    .tab_rolling08_2 .pick_box .slide .swiper-slide{max-width: 25%;}

    .main_basic_slide24 .slide .txt_box {left:5%;}

    .store_list01 .prd_list_box .filter_mo_btn { border-radius: 3px; margin-right: 5px;}
    .store_list01 .prd_list_box .filter_mo_btn .btn{font-size: var(--p4); background-color: var(--point01); color: #fff; padding: 0.2em 0.8em; border-radius: 3px; margin-right: 5px; font-weight: 500;}
    .store_list01::before{content: ""; position: fixed; inset: 0; background-color: rgba(0, 0, 0, 0.45); z-index: 998; opacity: 0; pointer-events: none; transition: opacity 0.3s ease-in-out;}
    .store_list01:has(.form_filter_box.open)::before{opacity: 1; pointer-events: auto;}
    .store_list01 .form_filter_box{position: fixed;left: 0; top: 0 !important; width: 300px; height: 100% !important; max-height: 100%; transform: translateX(-100%); background-color: #fff; z-index: 999; padding: 50px 30px 0; transition: transform 0.6s ease-in-out;}
    .store_list01 .form_filter_box.open{transform: translateX(0); }
    .store_list01 .form_filter_box .sect_tit{opacity: 1; transform: unset;}
    .store_list01 .form_filter_box .cls_mo_btn {position: absolute; top: 20px; right: 20px; width: 2.5rem; height: 2.5rem; cursor: pointer; z-index: 2;background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="%23101010" d="M420.7 36.7c6.2-6.2 16.4-6.2 22.6 0s6.2 16.4 0 22.6L246.6 256 443.3 452.7c6.2 6.2 6.2 16.4 0 22.6s-16.4 6.2-22.6 0L224 278.6 27.3 475.3c-6.2 6.2-16.4 6.2-22.6 0s-6.2-16.4 0-22.6L201.4 256 4.7 59.3c-6.2-6.2-6.2-16.4 0-22.6s16.4-6.2 22.6 0L224 233.4 420.7 36.7z"/></svg>') no-repeat center; background-size: 1.2em; transition: transform 0.5s; }
    
    .store_list01 .prd_list_box .top_box{position: sticky; top: var(--hdH); width: calc(100% + var(--inPd) * 2); margin-left: calc(var(--inPd) * -1); padding: 2rem var(--inPd); background-color: #fff; z-index: 100; margin-bottom: 0; transition: top 0.3s ease-in-out;}
    body:has(.header.down) .store_list01 .prd_list_box .top_box{top: 0;}

    .page_store .store_prd_sect .store_list01 .prd_list_box{position: relative;}
    
    .prd_view_cont01 .prd_img_wrap{position: relative; top: unset;}
    .prd_view_cont01 .prd_cont_box{flex-direction: column;}
    .prd_view_cont01 .prd_info_wrap{flex:unset; width: 100%; margin-left: 0; margin-top: 30px;}
    .prd_view_cont01 .prd_img_wrap{width: 100%;}
    .prd_view_cont01 .prd_info_wrap .pay_btn_box{margin-bottom: 0;}
    .prd_view_cont01 .detail_info .tab_box{top: var(--hdH);}
    body:has(.header.down) .prd_view_cont01 .detail_info .tab_box{top:0;}
    .prd_view_cont01 .detail_info .tab_box{width: calc(100% + var(--inPd) * 2); margin-left: calc(var(--inPd) * -1); padding-top: 0;}
    .prd_view_cont01 .detail_info .tab_box .tab_list .tab_btn{padding: 10px 0;}

    /* 슬라이드 full */
    .prd_view_cont01_2 .slide{width: calc(100% + var(--inPd) * 2); margin-left: calc(var(--inPd) * -1); }
    .prd_view_cont01_2 .slide .swiper-container,
    .prd_view_cont01_2 .slide .com_paging{ padding: 0 var(--inPd);}

    .cont_number12 .tit{font-size: 7rem;}
    .cont_number12 .cont{flex-wrap: wrap; gap: 60px 0; width: 580px; max-width: 100%; margin: 0 auto;}
    .cont_number12 .cont .item{width: calc(50%);}
    .cont_number12 .cont .item .ico{width: 6rem; height: 6rem;}
    .cont_number12 .cont .item .num_box{font-size: 9rem; margin-top: 10px;}

    .txt_motion09 .txt_box.active{font-size: 6rem;}
    .txt_motion09 .txt_box{font-size: var(--h4);}

    .list_box03 .cont .txt_box{padding: 25px 20px;}
    .list_box03 .cont .txt_box .desc{font-size: var(--p5);}
    .list_box03 .cont .txt_box .txt{font-size: var(--p3);}

    .sub_top_visual04 .text_sect .basic_txt .tit{font-size: 6rem;}
    .sub_top_visual04 .visual_sect .bg{ transform: translateY(-10vh);}

    .sub_cont_sorting17 .cont{gap: 20px;}
    .sub_cont_sorting17 .cont .tit{font-size: var(--h4);}
    .sub_cont_sorting17 .cont .txt br{display: none;}
    .sub_cont_sorting17 .cont .txt{padding: 0 5%;}
    .sub_cont_sorting17 .cont .img_box{width: 12rem; height: 12rem;}
    .sub_cont_sorting17 .cont .desc{font-size: var(--p5);}
    .sub_cont_sorting17 .cont .txt{margin-top: 3.5rem;}

    .sub_cont_sorting21_2 .cont{grid-template-columns: repeat(7, 1fr); overflow-x: auto; width: calc(100% + var(--inPd) * 2); margin-left: calc(var(--inPd) * -1); padding: 0 var(--inPd);}
    .sub_cont_sorting21_2 .cont::-webkit-scrollbar{display: none;}
    .sub_cont_sorting21_2 .cont .box{width: 230px;}
    .sub_cont_sorting21_2 .cont .txt .desc{font-size:12px}
    .sub_cont_sorting21_2 .cont .box{padding: 20px;}
    

    .txt_motion09_2 .txt_box.active{font-size: var(--h2);}
    
    .join_01 .my_write_form .join_box.my_chr_box .chr_box .chr_modify .txt{display: none;}
    .join_01 .my_write_form .join_box.my_chr_box .chr_box .chr_modify{width: 25px; height: 25px;}
    .join_01 .my_write_form .join_box.my_chr_box .chr_box .chr_modify .ico svg{width: 1.1em; height: 1.1em;}


    .consult3_sect .com_inp_cont.email .inp_box .contact_email_input,
    .consult3_sect .com_inp_cont.email .em_txt{max-width: 100%; width: 100%;}

    
}


@media screen and (max-width: 600px){
    .pinter_list02 .list_box li{width: calc(50% - (3rem * 3 / 4));}
    .pinter_list02 .list_box li{margin-bottom: 25px;}

    .kv_basic10{height: calc(var(--vh, 1vh) * 100);}
    .kv_basic10 .slide .mini_over{display: none !important;}
    .kv_basic10 .slide .mini_only{display: block !important;}
    .kv_basic10 .item{align-items: flex-end;}
    .kv_basic10 .item .txt_box{padding: 0 var(--inPd); padding-bottom: 80px; max-width: 100%;}
    .kv_basic10 .item .bg img{object-position: center 35%;}

    .kv_basic10 .item .txt br{display: none;}
    .kv_basic10 .com_swiper_btn{ border-width: 1px; font-size: var(--p5); gap: 8px;}
    .kv_basic10 .item .txt_box{padding-bottom: 90px;}
    .kv_basic10 .item .desc{font-size: var(--p3);}

    .sub_text_motion03{padding: 25svh 0 0;
        --motion03-gap: 10px;
        --motion03-item-height: calc(60px + 40px);
        --motion03-active-height: calc(60px + 40px);
        --motion03-base-font-size: var(--p1);
        --motion03-active-font-size: var(--h5);
        --motion03-active-img-width: 40px;
    }
    .sub_text_motion03 .copyscroll_sect{padding-top: 50px;}
    .sub_text_motion03 .copy_item{transition: color 0.45s ease-in-out;}
    .sub_text_motion03 .copy_item .cont{flex-direction: column; gap: 0; transition: transform 0.5s ease-in-out;}
    .sub_text_motion03 .copy_item .cont .txt {order: 2; font-size: var(--p1);}
    .sub_text_motion03 .copy_item .cont .img{order: 1; width: 0; height: 20px; margin: 0;}
    .sub_text_motion03 .copy_item .cont .img {height: 50px; }


    .txt_motion09 .txt_box{font-size: var(--h4); flex-direction: column;}
    .txt_motion09 .txt_box + .txt_box{margin-top: 50px;}
    .txt_motion09 .txt_box.active{font-size: var(--h2);}
    .txt_motion09 .img{order: 0; width: 2em; height: 2em; padding-bottom: 0.2em;}
    .txt_motion09 .txt:first-child{order: 2;}
    .txt_motion09 .final_txt .txt{font-size: var(--h1);}



    .main_basic_slide23 .slide .swiper-slide{width: 240px;}


    .tab_rolling07 .item{flex-direction: column; }
    .tab_rolling07 .item .left_card{flex:inherit; width: 100%;}
    .tab_rolling07 .item .left_card .txt_box{top: 40px; left: 20px;}
    .tab_rolling07 .item .right_box{width: 100%; height: auto; overflow: visible; margin-top:20px;}
    .tab_rolling07 .item .right_box .tit_box{margin-bottom: 25px;}
    .tab_rolling07 .item .right_box .shop_list01{flex: none; min-height: auto; height: 320px; overflow: auto;}
    .tab_rolling07 .item .right_box .shop_list01 .badge_box .badge{font-size: 10px; padding: 0.3em 0.8em;}
    .shop_list01 .rank{font-size: 11px;}
    .tab_rolling07 .item .right_box .shop_list01 .shop_item{gap: 2rem; width: 100%;}
    .tab_rolling07 .item .right_box .shop_list01 .com_prd_info .top{gap: 2rem;}
    
    .tab_rolling08 .pick_box{padding: 20px 0 20px 15px; gap: 15px;}
    .tab_rolling08 .pick_box .tit_box .link_btn {padding: 0.8em 1.2em;}

    .load_footer08{padding: 50px 0;}
    .load_footer08 .info_cont{flex-direction: column;}
    .load_footer08 .info_cont .cont .ico{margin-bottom: 0;}
    .load_footer08 .info_cont .cont .top_box{display: flex; align-items: center; gap: 5px;}
    .load_footer08 .info_cont .cont .txt_box .txt{margin-top: 10px;}
    .load_footer08 .info_cont .cont .cont_tit_box .arr svg{width: 1em; height: 0.9em;}

    .search_01 .sch_box{width:100%; height:65px;}
    .search_01 .sch_box .sch_inp input{width: 70%;}
    .search_01 .sch_box .sch_inp input{font-size:18px;}
    .search_01 .sch_box .img_box .img.character1{width: 90px; left:15px}
    .search_01 .sch_box .type_txt{font-size:18px; left:120px;}
    .search_01 .sch_box .sch_inp{padding-left:120px; padding-right:20px}
    .search_01 .sch_box .img_box .img.character2{width:50px; top:-35px;}
    .search_01 .sch_box .sch_inp button svg{width: 20px; height: 20px;}
    .search_01 .keword_box{width: 100%; flex-direction: column; margin-top: 20px;}
    .search_01 .keword_box .tit{margin-top: 0; margin-bottom: 5px;}


    .consult3_sect .info_cont .cont_box{flex-wrap: wrap;}
    .consult3_sect .info_cont .cont1{width: auto; flex: 1;}
    .consult3_sect .inp_grid {grid-template-columns: repeat(1, minmax(0, 1fr));}
    .consult3_sect .inp_grid .com_inp_cont.span2{grid-column:span 1;}
    .consult3_sect .com_inp_cont.visit .inp_box .radio_box .radio.etc{width: 100%;}
    .consult3_sect .info_cont .cont2 .info_list{margin-bottom: 0;}
    .consult3_sect .info_cont .cont .btn{margin-top: 15px;}
    .consult3_sect .com_inp_cont.visit .inp_box .radio_box .radio.etc{align-items: flex-start;}
    .consult3_sect .consent_cont .cont{padding: 20px 15px;}

    .consult3_sect .com_inp_cont .inp_box .radio_box{gap: 15px 10px;}
    .consult3_sect .com_inp_cont .inp_box .radio_box .radio{width: calc(33.3% - 10px);}


    .main_basic_slide23 .pick_card{border-radius: 15px;}
    .main_basic_slide23 .pick_card .txt_box{padding: 0 10px;}
    .main_basic_slide23 .shop_list01 .shop_item{margin-left: 10px; margin-right: 10px;}


    .tab_rolling08_2 .tab_depth1_wrap{overflow-x: auto; width: calc(100% + var(--inPd) * 2); margin: 5rem calc(var(--inPd) * -1) 0; max-width: unset; }
    .tab_rolling08_2 .tab_depth1_wrap .tab_box{padding: 0 var(--inPd); width: max-content;}
    .tab_rolling08_2 .tab_depth1_wrap::-webkit-scrollbar,
    .tab_rolling08_2 .tab_depth2_wrap::-webkit-scrollbar{display: none;}
    .tab_rolling08_2 .tab_depth1_wrap .tab_box{ justify-content: flex-start; gap: 25px; }
    .tab_rolling08_2 .tab_depth1_wrap .tab_box .tab svg{height: 40px;}
    .tab_rolling08_2 .tab_depth1_wrap .tab_box .tab{font-size: var(--p3);}
    .tab_rolling08_2 .cont .top_box{margin-top: 30px;}
    .tab_rolling08_2 .tab_depth2_wrap{overflow-x: auto; width: calc(100% + var(--inPd) * 2); margin: 0 calc(var(--inPd) * -1); max-width: unset; border-bottom: 1px solid var(--gray10);}
    .tab_rolling08_2 .tab_depth2_wrap .tab_box{padding: 0 var(--inPd); width: max-content;}
    .tab_rolling08_2 .tab_depth2_wrap .tab_box .tab{flex-shrink: 0;}
    .tab_rolling08_2 .cont .top_box{border-bottom: none;}

    .tab_rolling08_2 .in{padding-bottom: 55%}
    .tab_rolling08_2 .pick_box{max-width: calc(100% + 2px); left:-1px; transform: unset; margin-top:0; border-radius: 0; padding: 15px var(--inPd); bottom: 0;}
    .tab_rolling08_2 .pick_box.no_fixed{}
    .tab_rolling08_2 .pick_box .cont{flex-wrap: wrap;}
    .tab_rolling08_2 .pick_box .chr_img{bottom: 52px; width: 32%; margin-left: -3%; left: 0;}
    .tab_rolling08_2 .pick_box .slide{width: 100%; padding-left: 28%; padding-bottom: 15px;}
    .tab_rolling08_2 .pick_box .estimate_btn{width: 100%; margin-left: 0; justify-content: center; height: 52px; padding: 0.8em 1em 0.8em 1.5em;}
    .tab_rolling08_2 .pick_box .estimate_btn .ico {width: 1.8em; height: 1.8em;}
    

    .store_list01 .prd_list_box .top_box .sel_btn_wrap{gap: 14px;}
    .store_list01 .prd_list_box .top_box .sel_btn_wrap .opt .badge{display: none;}
    .store_list01 .prd_list_box .top_box .sel_btn_wrap .opt + .opt{position: relative;}
    .store_list01 .prd_list_box .top_box .sel_btn_wrap .opt + .opt:before{content:''; position: absolute; left: -7px; top: 20%; height: 60%; width: 1px; background-color: var(--gray20);}
    .store_list01 .prd_list_box .prd_list,
    .store_list01 .prd_list_box .prd_list.grid_4,
    .store_list01 .prd_list_box .prd_list.grid_5,
    .store_list01 .prd_list_box .prd_list.grid_6 {grid-template-columns: repeat(2, minmax(0, 1fr));}
    .store_list01 .grid_4 .prd_empty_box,
    .store_list01 .grid_5 .prd_empty_box,
    .store_list01 .grid_6 .prd_empty_box{grid-column: span 2;}
    .store_list01 .form_filter_box{padding: 50px 20px 0;} 
    .store_list01 .prd_list_box .com_prd_cont .prd_info .txt{min-height: 0;}

    .store_list01.likes .prd_likes_list{ grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 30px 12px;}
    .store_list01.likes .prd_likes_list .bot_btn_box{}
    .store_list01.likes .prd_likes_list .bot_btn_box .com_basic_btn{padding: 0.9em 0; font-size: 11px; border-radius: 5px;}
    .store_list01.likes .prd_likes_list .bot_btn_box{gap: 5px;}
    .com_prd_cont .prd_info .heart::before{margin-right: 2px; width: 1.1em; height: 1.1em; margin-top: 0;}
    .com_prd_cont .prd_info .name{ max-width: 75%;}
    

    .modal_wrap .modal_cont.store_type{width: 100%; padding:0 20px 20px}
    .modal_wrap .modal_cont.store_type .com_opt_wrap .inp_cont .inp_txt{width: 6em;}
    /* .modal_wrap .modal_cont.store_type .com_opt_wrap .inp_cont .inp_box .select,
    .modal_wrap .modal_cont.store_type .com_opt_wrap .inp_cont .inp_box .inp{width: calc(100% - 1rem - 7em);} */
    .modal_wrap .modal_cont.store_type .com_opt_wrap .inp_cont .inp_box .select,
    .modal_wrap .modal_cont.store_type .com_opt_wrap .inp_cont .inp_box .inp{width: 100%;}
    .modal_wrap .modal_cont.store_type .com_opt_wrap .inp_btn{width: 7em; font-size:11px;}
    .com_opt_wrap .inp_cont .inp_box .select .nice-select,
    .com_opt_wrap .inp_cont .inp_box .inp input{padding-left: 10px;}

    .prd_view_cont01 .detail_info .tab_box .tab_list{--store-detail-tab-count: 3;}
    .prd_view_cont01 .detail_info .tab_box .tab_list .tab{min-width: 33.333%;}
    /* .prd_view_cont01 .prd_info_wrap .info_wrap .txt_list > li.temp{flex-direction: column; margin-top: 20px;} */
    /* .prd_view_cont01 .prd_info_wrap .info_wrap .txt_list > li.temp .left_txt{width: 100%;} */
    .prd_view_cont01 .prd_info_wrap .info_wrap .txt_list .left_txt .more_btn{width: auto; }
    /* .prd_view_cont01 .prd_info_wrap .info_wrap .txt_list > li.temp .right_txt{width: 100%; margin-top: 10px;} */
    .prd_view_cont01 .prd_info_wrap .pay_btn_box .btn_box{gap: 5px; }
    .prd_view_cont01 .prd_info_wrap .pay_btn_box .btn_box{height: 40px; font-size: var(--p6); }
    .prd_view_cont01 .prd_info_wrap .pay_btn_box .btn{line-height: 1;}
    .prd_view_cont01 .prd_info_wrap .pay_btn_box .btn.heart{width: 40px;}
    .prd_view_cont01 .prd_img_wrap .thum_slide .swiper-slide{max-width: 25%;}
    .prd_view_cont01 .prd_img_wrap .thum_slide .swiper_btn.prev{margin-left: -10px; margin-right: 0;}
    .prd_view_cont01 .prd_img_wrap .thum_slide .swiper_btn.next{margin-right: -10px; margin-left: 0;}

    .prd_view_cont01_2 .prd_cont_box{flex-direction: column; gap: 18px;}
    .prd_view_cont01_2 .prd_cont_box .prd_img{position: relative; width: 100%; padding-top: 100%;}
    .prd_view_cont01_2 .prd_cont_box .prd_img img{position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover;}
    .prd_view_cont01_2 .slide{margin-top: var(--contMt2);}
    .prd_view_cont01_2 .prd_cont_box .prd_info_list .item + .item{margin-top: 10px;}
    .prd_view_cont01_2 .slide .link{border-radius: 10px;}

    .prd_view_cont01 .prd_info_wrap .prd_tit_box .top .heart{margin-right: 2.5rem;}
    .prd_view_cont01 .prd_info_wrap .prd_tit_box .share_box .btn{width: 3.5rem;}

    .sub_info_motion05 .slide .swiper-wrapper{gap: 15px;}

    .main_basic_slide24 .slide .bg{padding-top: max(70%, 250px); border-radius: 15px;}
    .main_basic_slide24 .slide .txt_box{top: 25px; transform: unset; left:20px}
    .main_basic_slide24 .slide .txt_box .tit{line-height: 1.4; font-size: var(--h5); margin-bottom: 5px;}

    .cont_number12 .tit{font-size: var(--h1);}
    .cont_number12 .cont .item .num_box{font-size: 30px;}
    .cont_number12 .cont{gap: 50px 0;}
    .cont_number12 .cont{padding-bottom: 100px;}

    .sub_directions04_sect .cont_box .txt_box .btn_box .btn{font-size: 12px; padding: 0 1em; height: 3.1em;}
    .sub_directions04_sect .cont_box .info_box .info_list{gap: 20px;}
    .sub_directions04_sect .cont_box .map_cont{padding-top: 65%;}
     
    .sub_top_visual04 .text_sect .basic_txt .tit{font-size: 4.5rem;}
    .sub_top_visual04 .visual_sect .bg{width: 60%; padding-top: 90%; border-radius:20px;}
    .sub_top_visual04 .visual_sect .txt_box .txt br{display: none;}
    .sub_top_visual04 .visual_sect .txt_box .txt.lg{font-size: var(--h6);}
    .sub_top_visual04 .visual_sect .txt_box .txt{font-weight: 400;}

    .sub_cont_sorting17{overflow-x: auto; width: calc(100% + var(--inPd) * 2); margin-left: calc(var(--inPd) * -1); }
    .sub_cont_sorting17::-webkit-scrollbar{display: none;}
    .sub_cont_sorting17 .cont{justify-content: flex-start; padding: 0 var(--inPd); }
    .sub_cont_sorting17 .cont .item{flex-shrink: 0; width: 220px; transform: translateX(5rem);}
    .sub_cont_sorting17.active .cont .item{transform: unset;}

    .cont_number12 .tit{height: 80svh;}

    /* .list_box03 .tit_wrap{flex-direction: column; align-items: flex-start;}
    .list_box03 .tit_wrap .select{margin-top: 15px; margin-left: auto; } */
    .list_box03 .tit_wrap .select{margin-left: 20px;}
    .list_box03 .tit_wrap .sub_sect_tit br{display: none;}
    .list_box03 .cont{flex-direction: column;}
    .list_box03 .cont .txt_box .btn_box{margin-top: 25px;}
    .list_box03 .cont .img_box{width: 100%; padding-top: 50%;}
    .list_box03 .nice-select{ padding-left: 15px; min-width: 16rem;}


    .login_01{padding: var(--hdH) 0;}
    .login_01 .login_wrap{padding: 50px 35px;}
    .login_01 .login_wrap .input_wrap{margin-top: 20px;}
    .login_01 .login_wrap .tit_box .tit{font-size: var(--h2);}
    .login_01 .login_wrap .tit_box .txt{line-height: 1.6;}

    .join_01 .nice-select{padding-left: 10px;}
    .join_01 .nice-select:after{right: 10px;}

    .join_01 .join_box.chr_box .tab_cont{}
    /* .join_01 .join_box.chr_box .tab_cont .chr_item{width: 20%; height: auto; padding-top: 20%;} */
    /* .join_01 .join_box.chr_box .tab_cont .chr_item img{position: absolute; width: 100%; height: 100%; inset: 0; object-fit: cover;} */
    .join_01 .join_box.chr_box .tab_box .tab button{height: 10rem;}
    .join_01 .join_box.chr_box .tab_cont .chr_item{width: 55px; height: 55px;}

    .join_01 .inp_wrap{flex-direction: column;}
    .join_01 .inp_wrap .inp_tit{}
    /* 마이페이지 */
    .join_01 .join_wrap.my_write_form .inp_wrap {flex-direction: row; gap: 10px;}
    .join_01 .join_wrap.my_write_form .join_box{width: 100%; padding: 0;}
    .join_01 .join_wrap.my_write_form{padding: 0;}
    .join_01 .join_wrap.my_write_form .inp_tit{width: 6.5em; line-height: 1.4;}
    .join_01 .join_wrap.my_write_form .inp_wrap.agree{margin-top: 18px;}

    .store_cart01 .all_info_box{flex-direction: column;}
    .store_cart01 .all_info_box .right_box{margin-top: 15px;}
    .store_cart01 .form_box .prod_chk {flex-direction: column;}
    .com_opt_wrap .form_box .prod_chk .btn_wrap{margin-left: 0; margin-top: 10px;}
    .store_cart01 .tit_wrap .com_basic_btn.blue.line{font-size: 12px;}
    
    .consult3_sect .com_inp_cont .inp_box .inp .textarea_box{ padding-bottom: 25px;}




}



@media screen and (max-width: 380px) {


}


/* ------------------------------------------
 * 에디터 삽입 유튜브 페이사드 (.prd_ytb)
 * 마크업: CKEditor youtubeButton(common.js) / 재생 전환: landing2.js
 * ------------------------------------------ */
.prd_ytb{position: relative; width: 100%; max-width: 100%; aspect-ratio: 16 / 9; margin: 0 auto; background: #fff; overflow: hidden; cursor: pointer;}
.prd_ytb .prd_ytb_thumb{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
/* 재생 버튼 — 빈 span 은 CKEditor 가 제거하므로 가상요소로 표현, 재생 시작(.is-playing) 후 숨김 */
.prd_ytb:not(.is-playing)::before{content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 6.8rem; height: 4.8rem; background: rgba(33, 33, 33, 0.8); border-radius: 1.2rem; transition: background 0.2s; z-index: 1;}
.prd_ytb:not(.is-playing)::after{content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-40%, -50%); border-style: solid; border-width: 1.1rem 0 1.1rem 1.9rem; border-color: transparent transparent transparent #fff; z-index: 1;}
.prd_ytb:hover:not(.is-playing)::before{background: #f00;}
.prd_ytb.is-playing{cursor: default;}
.prd_ytb iframe{position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0;}