@charset "utf-8";

/* sub 공통 ========================================================================================= */
figure { margin: 0; }

/* sub 상단 ========================================================================================= */
 .sub_visual { position: relative; /*max-width: 2560px;*/ margin: 0 auto; height: 400px; overflow: hidden; background-repeat: no-repeat; background-position: center top; } 
 .subpage .sub_visual { position: relative; /*max-width: 2560px;*/ margin: 0 auto; height: 850px; overflow: hidden; background-repeat: no-repeat; background-position: center top; } 
 .subpage .sub_visual.visual01 .bg { background-image: url(../img/d_main_doc_img_bg_06.jpg); background-position: top center; background-attachment: fixed; }
 .sub_visual.visual01 .bg { background-image: url(../img/d_main_doc_img_bg_06.jpg); }
.sub_visual.visual02 .bg { background-image: url(../img/sub_visual02.jpg); }
.sub_visual.visual03 .bg { background-image: url(../img/sub_visual03.jpg); }
.sub_visual.visual04 .bg { background-image: url(../img/sub_visual04.jpg); }
.sub_visual.visual05 .bg { background-image: url(../img/sub_visual05.jpg); }
.sub_visual.visual06 .bg { background-image: url(../img/sub_visual06.jpg); }

.sub_visual .title_warp { max-width: 1600px; margin: 0 auto; padding: 0 20px;text-align: right; }
.sub_visual .title_warp .title_page { height: 280px; position: relative; text-align: left;  margin: 0;transform: translateY(60%);  z-index: 2;}
.sub_visual h3 {font-size: 19px; font-weight: 500;padding-bottom: 10px; letter-spacing: 1px;  color: #fff; opacity: 0.8;}
.sub_visual h3.sub_title {font-size: 14px; font-weight: 100; padding-top:10px; letter-spacing: 10px; color: #fff; opacity: 0.8; text-align: left; margin-left: 10px}
.sub_visual .main_title {  font-size: 50px; font-weight: 600;text-align: left;  color: #fff;  letter-spacing: -1px; }
.subpage .sub_visual .title_warp .title_page { height: 280px; position: relative; text-align: left;  margin: 0;transform: translateY(60%);  z-index: 2; margin-top: 400px;}
.subpage .sub_visual .main_title {  font-size: 60px; font-weight: 600;text-align: left;  color: #fff;}


.sub_visual .inBox { font-size: 14px; padding-top: 10px; color: #fff; }
.sub_visual .inBox i { font-size: 14px; color: #fff; display: inline-block; }
.sub_visual .inBox a { padding: 0 13px 0 0; }
.sub_visual .inBox span { padding: 0 13px; opacity: 0.8; }
.sub_visual .inBox span.strong { opacity: 1; padding: 0 0 0 13px; }
.sub_visual .cover { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../img/sub_visual_cover.png) center bottom no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; min-width: 1200px; opacity: 0.2; z-index: 1; }
.sub_visual .bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; }
.sub_visual.tmp { height: 100px; background-color: #000; }
.sub_visual.tmp .title_warp { display: none; }

.sub_visual h3, .sub_visual .main_title, .sub_visual .inBox { animation-duration: 0.7s; animation-fill-mode: both; animation-iteration-count: 1; animation-timing-function: ease; -webkit-animation-duration: 0.7s; -webkit-animation-fill-mode: both; -webkit-animation-iteration-count: 1; -webkit-animation-timing-function: ease; animation-delay: 0.3s; -webkit-animation-delay: 0.3s; animation-name: visual-tit; -webkit-animation-name: visual-tit; }

.sub_visual .main_title { animation-delay: 0.6s; -webkit-animation-delay: 0.6s; }
.sub_visual .inBox { animation-delay: 0.9s; -webkit-animation-delay: 0.9s; }

.sub_visual .bg { content: ""; animation-duration: 3s; animation-fill-mode: both; animation-iteration-count: 1; animation-timing-function: ease; -webkit-animation-duration: 3s; -webkit-animation-fill-mode: both; -webkit-animation-iteration-count: 1; -webkit-animation-timing-function: ease; animation-delay: 0.4s; -webkit-animation-delay: 0.4s; animation-name: visual-zoom; -webkit-animation-name: visual-zoom; }

.sub-size {padding-top:150px;}

@keyframes visual-zoom { 0% { transform: scale(1.2); } 100% { transform: scale(1); } }
@-webkit-keyframes visual-zoom { 0% { transform: scale(1.2); } 100% { transform: scale(1); } }

@keyframes visual-tit { 0% { opacity: 0; -webkit-opacity: 0; transform: translateY(20px); } 100% { opacity: 1; -webkit-opacity: 1; transform: translateY(0px); } }
@-webkit-keyframes visual-tit { 0% { opacity: 0; -webkit-opacity: 0; transform: translateY(20px); } 100% { opacity: 1; -webkit-opacity: 1; transform: translateY(0px); } }

@media (max-width: 1200px) {
.subpage .sub_visual .main_title { font-size: 34px; }
}

@media screen and (max-width: 576px) {
  .sub_visual { height: 422px; }
  .sub_visual .title_warp { width: 100%; }
  .sub_visual .title_warp .title_page { height: 422px; }
  .sub_visual h3 { font-size: 12px; }
  .sub_visual .main_title { font-size: 34px; }
  .sub_visual .inBox { font-size: 12px; }
  .subpage .sub_visual .main_title {  font-size: 26px; font-weight: 600;text-align: left;  color: #fff;}
  .subpage .sub_visual.visual01 .bg { background-image: url(../img/d_main_doc_img_bg_06-m.jpg); background-position: top center; background-attachment: fixed; }
}

/* sub 제목 ========================================================================================= */
.content_wrap { width: 100%; }
.content_wrap .content_area { width: 100%; max-width: 1600px; margin: 0px auto; padding: 0px 20px 100px 20px; }
.content_wrap .txtCon { max-width: 1600px; margin: 0 auto; padding: 150px 0px 50px 0px; clear: both; }
.content_wrap .txtCon .sub_title { text-align: left; padding: 0px 20px 50px 20px; }
.content_wrap .txtCon .sub_title h2 { font-size: 50px; color: #000; }
.content_wrap .txtCon .sub_title p { font-size: 20px; color: #555; padding-top: 10px; word-break: keep-all; }
.content_wrap .txtboard { max-width: 1600px; margin: 0 auto; padding: 50px 0; font-size: 16px; line-height: 1.75; letter-spacing: -0.02em; clear: both; }
.content_wrap .txtboard span { font-size: 14px; }

@media screen and (max-width: 576px) {
  .content_wrap .txtCon {padding: 50px 20px 50px 20px;}
  .content_wrap .txtCon .sub_title { padding: 0px 20px 50px 0px; }
  .content_wrap .txtCon .sub_title h2 { font-size: 32px; }
  .sub-size {padding-top:120px;}
}

/* sub 네비 ========================================================================================= */
.share-area { float: right; display: block; padding-top: 17px; box-sizing: border-box; }
.share-area .hide-wrap { width: 151px; height: 34px; overflow: hidden; float: left; }
.share-area .hide-wrap .hide-area { width: 151px; height: 34px; position: relative; left: 200px; }
.share-area .hide-wrap .hide-area ul { overflow: hidden; padding: 0; margin: 0; }
.share-area .hide-wrap .hide-area ul li { float: left; margin-left: 13px; cursor: pointer; }
.share-area .hide-wrap .hide-area ul li:first-child { margin-left: 0; }
.share-area .share-btn { width: 34px; height: 34px; background-image: url(../img/share_open_bt.png); float: right; text-indent: -9999px; padding-left: 18px; box-sizing: unset; background-repeat: no-repeat; background-position-x: right; transition: all 0.5s ease; background-color: inherit; border: 0; margin-right: 20px; }
.share-area .share-btn.active { background-image: url(../img/share_close_bt.png); border-left: 1px solid #fff; }

@media screen and (max-width: 768px) {
  .share-area { display: none; }
}

@media screen and (max-width: 576px) {
  .share-area .share-btn { display: none; }
  .share-area { display: none; }
}

/* sub wrap 넓이 설정 =============================================================================== */
.sub_wrap { font-size: 16px; padding: 40px 20px 100px; }
.max_wrap { width: 100%; margin: 0 auto; }
.max_w1600 { width: 100%; max-width: 1600px; margin: 0 auto; }
.max-w1400 { width: 100%; max-width: 1400px; margin: 0 auto; }
.max-w1200 { width: 100%; max-width: 1200px; margin: 0 auto; }


/* 다리안 소개 ================================================================================== */
.company_intro_wrap { width: 100%; position: relative; }
.box_tit .tit-h2 { font-size: 50px; font-weight: 700; margin-bottom: 30px; }

 .row { display: flex; justify-content: space-between; flex-direction: column; align-items: center; margin: 0 auto; padding: 0; text-align: left; padding-top: 24px;}
 .row .box_tit { width: calc(100% - 0px); }
 .row .box_tit .tit-h2 { font-size: 50px; font-weight: 700; margin-bottom: 30px;  display: inline-block;  padding-bottom: 4px;  border-bottom: 5px solid deepskyblue; }
 .row .box_tit .t_w_01 { max-width: 800px;}
 .row .box_tit .tit-h4 { font-size: 60px; font-weight: 700; margin-bottom: 72px;  }
 .row .com_wrap {display: flex; width: 100%;}
 .row .campany-txt {width: 100%;} 
.company_msg { margin-top: 150px; color: #555; }
.company_msg h5{ margin-bottom: 30px; color: #333; }
.company_msg p { font-size: 20px; padding: 0px 0 50px 0; line-height: 1.6; word-break: keep-all; }
.company_msg p strong { display: block; font-size: 24px; font-weight: 700;; margin-bottom: 24px; }
.company_intro_list { display: flex; flex-wrap: wrap; padding-top: 80px; }
.company_intro_item { position: relative; width: 48%; height: auto; margin: 0 auto; }
.company_intro_title { position: relative; width: 100%; height: auto; line-height: 40px; font-size: 26px;  color:#5B5B5B; text-align: left; padding: 0px 10px; padding-bottom: 20px; }
.d_intro_wrap{display: flex; width: 100%; justify-content: space-between; position: relative;}
.d_intro_box {width: 50%; color: #333; position: absolute; z-index: 1; background: #fff; padding: 100px 50px 50px 0px;border-radius: 0 30px 0 30px;}
.d_intro_img {margin-top: -60px; margin-left: 600px; width: 100%; border-radius: 0px 30px 0px 30px;}    
.d_intro_box h5{ margin-bottom: 30px; font-weight: 300; font-size: 28px; letter-spacing: 0;line-height: 1.5;}
.d_intro_box_in h3{ margin: 100px auto 30px; font-size: 50px; text-align: center;}
.d_intro_box_in p{ font-size: 20px; line-height: 1.6; word-break: keep-all; text-align: center; max-width: 800px; margin: 0 auto; color: #555;}
.d_intro_msg {display: grid; margin: 100px 0; gap: 1.2%; grid-template-columns: 19% 19% 19% 19% 19%;}
.d_intro_msg .item {width: 100%; position: relative;}
.i_no {position: absolute; padding: 20px; color: #fff; background-color: skyblue; width: 80px; text-align: center;font-weight: 700;}
.d_intro_msg .item img {width: 65%;padding-top: 5px;}
.d_intro_msg .item .i_box {background-color: deepskyblue; text-align: center; width: 170px; height: 170px; border-radius: 50%;margin: 30px auto; padding: 30px;}
.d_intro_msg .item .t_box { text-align: center;}
.d_intro_msg h5{ margin-bottom: 30px; color: #333; font-size: 28px;}
.d_intro_msg p{ font-size: 20px; line-height: 1.6; word-break: keep-all;}
.f_24{ font-size: 24px; line-height: 1.6; word-break: keep-all; font-weight: 500;}

 /* .row .box-con .top_desc {  max-width: 830px; word-break: keep-all; color: #fff;}
 .row .box-con + .top_desc { margin-top: 28px; line-height: 1.6; } */

/* 태블릿 크기 (768px 이하) */
@media (max-width: 1024px) {
.sub_wrap {padding: 0 15px;}
.row .box_tit .tit-h2 {font-size: 36px; margin-bottom: 20px; line-height: 1.2;}
.company_msg {margin-top: 80px;}
.d_intro_wrap {flex-direction: column; position: static;}
.d_intro_box {width: 100%; position: static; padding: 40px 20px; margin-bottom: 30px; border-radius: 20px;}
.d_intro_box h5 {font-size: 22px; line-height: 1.4;}
.d_intro_img {margin: 0; width: 100%;}
.d_intro_box_in h3 {font-size: 32px; margin: 60px auto 20px; line-height: 1.2;}
.d_intro_box_in p {font-size: 18px; padding: 0 10px;}
.d_intro_msg {grid-template-columns: repeat(2, 1fr); gap: 20px; margin: 60px 0;}
.d_intro_msg .item .i_box {width: 120px; height: 120px; margin: 20px auto; padding: 20px;}
.d_intro_msg h5 {font-size: 20px; margin-bottom: 15px;}
.d_intro_msg p {font-size: 16px; line-height: 1.4;}
.max_wrap {padding: 40px 0;}
}


@media (max-width: 768px) {
.sub_wrap {padding: 0 15px;}
.row .box_tit .tit-h2 {font-size: 36px; margin-bottom: 20px; line-height: 1.2;}
.company_msg {margin-top: 80px;}
.d_intro_wrap {flex-direction: column; position: static;}
.d_intro_box {width: 100%; position: static; padding: 40px 20px; margin-bottom: 30px; border-radius: 20px;}
.d_intro_box h5 {font-size: 22px; line-height: 1.4;}
.d_intro_img {margin: 0; width: 100%;}
.d_intro_box_in h3 {font-size: 32px; margin: 60px auto 20px; line-height: 1.2;}
.d_intro_box_in p {font-size: 18px; padding: 0 10px;}
.d_intro_msg {grid-template-columns: repeat(2, 1fr); gap: 20px; margin: 60px 0;}
.d_intro_msg .item .i_box {width: 120px; height: 120px; margin: 20px auto; padding: 20px;}
.d_intro_msg h5 {font-size: 20px; margin-bottom: 15px;}
.d_intro_msg p {font-size: 16px; line-height: 1.4;}
.max_wrap {padding: 40px 0;}
}

/* 모바일 크기 (480px 이하) */
@media (max-width: 480px) {
.sub_wrap {padding: 0 10px;}
.row .box_tit .tit-h2 {font-size: 28px; margin-bottom: 15px; line-height: 1.1;}
.company_msg {margin-top: 50px;}
.d_intro_box {padding: 25px 15px; border-radius: 15px;}
.d_intro_box h5 {font-size: 18px; line-height: 1.3; margin-bottom: 20px;}
.d_intro_box_in h3 {font-size: 24px; margin: 40px auto 15px; padding: 0 10px;}
.d_intro_box_in p {font-size: 16px; padding: 0 5px;}
.d_intro_msg {grid-template-columns: 1fr; gap: 30px; margin: 40px 0;}
.d_intro_msg .item {padding: 20px; background: rgba(255, 255, 255, 0.9); border-radius: 15px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);}
.d_intro_msg .item .i_box {width: 100px; height: 100px; margin: 15px auto; padding: 15px;}
.d_intro_msg h5 {font-size: 18px; margin-bottom: 10px;}
.d_intro_msg p {font-size: 14px; line-height: 1.3;}
.max_wrap {padding: 30px 0;}
.bg_section {background-attachment: scroll;}
}

/* 작은 모바일 크기 (360px 이하) */
@media (max-width: 360px) {
.row .box_tit .tit-h2 {font-size: 24px;}
.d_intro_box h5 {font-size: 16px;}
.d_intro_box_in h3 {font-size: 20px;}
.d_intro_box_in p {font-size: 14px;}
.d_intro_msg h5 {font-size: 16px;}
.d_intro_msg p {font-size: 13px;}
}

/* 다리안 의료진 ================================================================================== */

.profile_bg { width: 100%; display: flex; gap: 50px; }
.profile_bg .p_txt { width: 40%; margin-top: 30px; }
.profile_bg .p_txt h3 { margin-bottom: 30px; font-size: 32px; line-height: 1.4; border-bottom: 1px solid #ddd; padding-bottom: 50px; margin-bottom: 50px; }
.profile_bg .p_txt p { font-size: 20px; line-height: 1.6; word-break: keep-all; color: #333; }
.profile_detl_02 .box_tit p { font-size: 20px; line-height: 1.6; word-break: keep-all; color: #333; padding-bottom: 20px;}
.profile_bg .p_img { width: 60%; margin-top: -150px; display: flex; gap: 30px; }
.profile_bg .p_img .ceo_bg_01 { background-image: url(../img/d_ceo_01.jpg); background-size: cover; background-position: center; width: 60%; height: 700px; border-radius: 30px 0px 30px 0px; }
.profile_bg .p_img .ceo_bg_02 { background-image: url(../img/d_ceo_02.jpg); background-size: cover; width: 40%; margin-top: 350px; height: 550px; border-radius: 30px 0px 30px 0px; }

.profile_sub_wrap { width: 100%; display: flex; margin: 100px 0 0; padding: 0; height: 1000px; }
.profile_sub_wrap h5 { margin-bottom: 30px; font-size: 32px; line-height: 1.4; border-bottom: 1px solid #ddd; padding-bottom: 50px; margin-bottom: 50px; }
.profile_detl_01 { width: 50%; background-image: url(../img/d_ceo_03.jpg); background-position: center; position: relative; background-size: cover; }
.profile_detl_02 { width: 50%; background-color: #f6fafc; padding: 120px; }

.profile_detl_txt_box { display: grid; gap: 2%; grid-template-columns: 48% 48%; }
.profile_detl_txt_box .item { padding: 30px; background-color: deepskyblue; font-size: 24px; color: #fff; border-radius: 0px 30px 0px 30px; position: relative; margin: 20px; }
.profile_detl_txt_box .item span { position: absolute; height: 50px; width: 50px; background-color: #fff; border: 1px solid #fff; top: -20px; left: -20px; border-radius: 50%; color: deepskyblue; padding: 15px; font-weight: 800; font-size: 16px; text-align: center; line-height: 1.5; }

/* 태블릿 크기 (1024px 이하) */
@media (max-width: 1024px) {
  .sub_wrap { padding: 0 15px; }
  .row .box_tit .tit-h2 { font-size: 36px; line-height: 1.2; }
  .profile_sub_wrap .box_tit .tit-h2 { font-size: 36px; line-height: 1.2; }
  .profile_bg { flex-direction: column; gap: 30px; }
  .profile_bg .p_txt { width: 100%; margin-top: 0; }
  .profile_bg .p_txt h3 { font-size: 24px; padding-bottom: 30px; margin-bottom: 30px; }
  .profile_bg .p_txt p { font-size: 18px; }
  .profile_bg .p_img { width: 100%; margin-top: 0; flex-direction: column; gap: 20px; }
  .profile_bg .p_img .ceo_bg_01, .profile_bg .p_img .ceo_bg_02 { width: 100%; margin-top: 0; height: 400px; }
  .profile_sub_wrap { flex-direction: column; height: auto; margin: 50px 0 0; }
  .profile_detl_01 { width: 100%; height: 300px; order: 2; }
  .profile_detl_02 { width: 100%; padding: 60px 30px; order: 1; }
  .profile_detl_txt_box { grid-template-columns: 1fr; gap: 0;}
  .profile_detl_txt_box .item { margin: 20px; padding: 30px 25px; font-size: 20px; }
  .profile_detl_02 .box_tit p { font-size: 18px; }
}


/* 태블릿 크기 (768px 이하) */
@media (max-width: 768px) {
  .sub_wrap { padding: 0 15px; }
  .row .box_tit .tit-h2 { font-size: 36px; line-height: 1.2; }
  .profile_sub_wrap .box_tit .tit-h2 { font-size: 36px; line-height: 1.2; }
  .profile_bg { flex-direction: column; gap: 30px; }
  .profile_bg .p_txt { width: 100%; margin-top: 0; }
  .profile_bg .p_txt h3 { font-size: 24px; padding-bottom: 30px; margin-bottom: 30px; }
  .profile_bg .p_txt p { font-size: 18px; }
  .profile_bg .p_img { width: 100%; margin-top: 0; flex-direction: column; gap: 20px; }
  .profile_bg .p_img .ceo_bg_01, .profile_bg .p_img .ceo_bg_02 { width: 100%; margin-top: 0; height: 400px; }
  .profile_sub_wrap { flex-direction: column; height: auto; margin: 50px 0 0; }
  .profile_detl_01 { width: 100%; height: 300px; order: 2; }
  .profile_detl_02 { width: 100%; padding: 60px 30px; order: 1; }
  .profile_detl_txt_box { grid-template-columns: 1fr; gap: 0; }
  .profile_detl_txt_box .item { margin: 20px; padding: 30px 25px; font-size: 20px; }
  .profile_detl_02 .box_tit p { font-size: 18px; }
}

/* 모바일 크기 (480px 이하) */
@media (max-width: 480px) {
  .sub_wrap { padding: 0 10px; }
  .row .box_tit .tit-h2 { font-size: 28px; line-height: 1.1; }
  .profile_sub_wrap .box_tit .tit-h2 { font-size: 28px; line-height: 1.2; }
  .profile_bg .p_txt h3 { font-size: 20px; padding-bottom: 20px; margin-bottom: 20px; }
  .profile_bg .p_txt p { font-size: 16px; }
  .profile_bg .p_img .ceo_bg_01, .profile_bg .p_img .ceo_bg_02 { height: 300px; border-radius: 20px 0px 20px 0px; }
  .profile_detl_02 { padding: 40px 20px; }
  .profile_detl_txt_box .item { padding: 25px 20px; font-size: 18px; margin: 20px; border-radius: 0px 20px 0px 20px; height: 100px; }
  .profile_detl_txt_box .item span { height: 40px; width: 40px; padding: 12px; font-size: 14px; top: -15px; left: -15px; }
  .profile_detl_02 .box_tit p { font-size: 16px; }
}

/* 작은 모바일 크기 (360px 이하) */
@media (max-width: 360px) {
  .row .box_tit .tit-h2 { font-size: 24px; }
  .profile_sub_wrap .box_tit .tit-h2 { font-size: 24px; line-height: 1.2; }
  .profile_bg .p_txt h3 { font-size: 18px; }
  .profile_bg .p_txt p { font-size: 14px; }
  .profile_detl_02 { padding: 30px 15px; }
  .profile_detl_txt_box .item { padding: 20px 15px; font-size: 16px; }
  .profile_detl_txt_box .item span { height: 35px; width: 35px; padding: 10px; font-size: 12px; top: -12px; left: -12px; }
  .profile_detl_02 .box_tit p { font-size: 14px; }
}

/* 큰 데스크톱 최적화 (1400px 이상) */
@media (min-width: 1400px) {
  .profile_detl_txt_box .item { font-size: 22px; padding: 30px; }
  .profile_detl_txt_box .item span { height: 60px; width: 60px; padding: 18px; font-size: 18px; top: -25px; left: -25px; }
}

/* 다리안 진료시간 ================================================================================== */
.guide_txt_box { width: 55%; }
.guide_txt_img { width: 50%; }
.guide_msg { margin-top: 72px; color: #555; display: flex; gap: 2%; }
.guide_txt_box {}
.guide_txt_box .g_det_box { display: flex; margin-bottom: 50px; }
.guide_txt_box .g_det_box .g_det { display: flex; width: 50%; }
.guide_txt_box .g_det_box .g_det .g_txt { margin-left: 20px; font-size: 20px; }
.guide_txt_box .g_det_box .g_det .g_txt h5 { font-size: 22px; margin-bottom: 10px; }
.guide_txt_box .g_det_box .g_det .g_txt p { font-size: 20px; padding: 0; }
.guide_txt_box .g_det_box .g_icon { background-color: deepskyblue; text-align: center; width: 100px; height: 100px; border-radius: 50%; padding: 30px; }
.guide_txt_box .g_det_box .g_icon img { vertical-align: baseline; width: 100%; }
.guide_msg h5 { margin-bottom: 30px; color: #333; font-size: 28px; }
.guide_msg p { font-size: 20px; padding: 0px 0 50px 0; line-height: 1.6; word-break: keep-all; }
.guide_msg p strong { display: block; font-size: 24px; font-weight: 700; margin-bottom: 24px; }
.guidey_intro_list { display: flex; flex-wrap: wrap; padding-top: 80px; }
.guide_intro_item { position: relative; width: 48%; height: auto; margin: 0 auto; }
.guide_intro_title { position: relative; width: 100%; height: auto; line-height: 40px; font-size: 26px; color: #5B5B5B; text-align: left; padding: 0px 10px; padding-bottom: 20px; }
.guide_txt_box .d_tel { background-color: deepskyblue; border-radius: 50px; width: 100%; text-align: center; padding: 20px; color: #fff; font-size: 24px; font-weight: 600; }

/* Tablet */
@media (max-width: 1024px) {
  .sub_wrap { padding: 0 16px; }
  .row .box_tit .tit-h2 { font-size: 48px; margin-bottom: 24px; }
  .guide_msg { margin-top: 60px; gap: 3%; }
  .guide_txt_box { width: 58%; }
  .guide_txt_img { width: 45%; }
  .guide_txt_box .g_det_box .g_icon { width: 80px; height: 80px; padding: 24px; }
  .guide_txt_box .g_det_box .g_det .g_txt { margin-left: 16px; font-size: 18px; }
  .guide_txt_box .g_det_box .g_det .g_txt h5 { font-size: 20px; }
  .guide_txt_box .g_det_box .g_det .g_txt p { font-size: 18px; }
  .guide_msg h5 { font-size: 24px; margin-bottom: 24px; }
  .guide_msg p { font-size: 18px; padding: 0px 0 40px 0; }
  .guide_txt_box .d_tel { font-size: 20px; padding: 16px; }
}

/* Mobile */
@media (max-width: 768px) {
  .sub_wrap { padding: 0 12px; }
  .row .box_tit .tit-h2 { font-size: 32px; margin-bottom: 20px; border-bottom: 3px solid deepskyblue; }
  .guide_msg { flex-direction: column; margin-top: 40px; gap: 0; }
  .guide_txt_box { width: 100%; margin-bottom: 30px; }
  .guide_txt_img { width: 100%; }
  .guide_txt_box .g_det_box { flex-direction: column; margin-bottom: 40px; }
  .guide_txt_box .g_det_box .g_det { width: 100%; margin-bottom: 24px; }
  .guide_txt_box .g_det_box .g_icon { width: 70px; height: 70px; padding: 20px; }
  .guide_txt_box .g_det_box .g_det .g_txt { margin-left: 12px; font-size: 16px; }
  .guide_txt_box .g_det_box .g_det .g_txt h5 { font-size: 18px; margin-bottom: 8px; }
  .guide_txt_box .g_det_box .g_det .g_txt p { font-size: 16px; }
  .guide_msg h5 { font-size: 20px; margin-bottom: 20px; }
  .guide_msg p { font-size: 16px; padding: 0px 0 30px 0; }
  .guide_txt_box .d_tel { font-size: 18px; padding: 16px; }
}

/* Small Mobile */
@media (max-width: 480px) {
  .row .box_tit .tit-h2 { font-size: 28px; word-break: keep-all; line-height: 1.3; }
  .guide_txt_box .g_det_box .g_icon { width: 60px; height: 60px; padding: 18px; }
  .guide_txt_box .g_det_box .g_det .g_txt { margin-left: 10px; font-size: 14px; }
  .guide_txt_box .g_det_box .g_det .g_txt h5 { font-size: 16px; }
  .guide_txt_box .g_det_box .g_det .g_txt p { font-size: 14px; }
  .guide_msg h5 { font-size: 18px; }
  .guide_msg p { font-size: 14px; }
  .guide_txt_box .d_tel { font-size: 16px; padding: 14px; }
}

/* 다리안 둘러보기 ================================================================================== */
.indoor_msg { margin-top: 50px; color: #555; }
.indoor_msg h5 { margin-bottom: 30px; color: #333; font-size: 28px; }
.indoor_msg p { font-size: 20px; padding: 0px 0 50px 0; line-height: 1.6; word-break: keep-all; }
.indoor_msg .g_det_box { display: flex; }
.indoor_msg .g_det_box .g_icon { background-color: deepskyblue; text-align: center; width: 100px; height: 100px; border-radius: 50%; padding: 30px; }
.indoor_msg .g_det_box .g_txt { margin-left: 20px; }
.indoor_msg .g_det_box .g_icon img { vertical-align: baseline; width: 100%; }

/* 태블릿 반응형 */
@media (max-width: 1024px) {
  .max_w1600 { padding: 0 15px; }
  .row .box_tit .tit-h2 { font-size: 48px; }
  .indoor_msg h5 { font-size: 24px; }
  .indoor_msg p { font-size: 18px; }
  .section07 .right-side { padding: 40px; }
  .section07 #room-info-section07 h2 { font-size: 42px; }
  .section07 #room-info-section07 p { font-size: 16px; }
}

/* 모바일 반응형 */
@media (max-width: 768px) {
  .max_w1600 { padding: 0 10px; }
  .company_intro_wrap { padding: 0; }
  .row .box_tit .tit-h2 { font-size: 32px; margin-bottom: 20px; }
  .indoor_msg { margin-top: 80px; }
  .indoor_msg h5 { font-size: 20px; margin-bottom: 20px; }
  .indoor_msg p { font-size: 16px; padding: 0 0 30px 0; }
  .indoor_msg .g_det_box { flex-direction: column; align-items: center; text-align: center; }
  .indoor_msg .g_det_box .g_icon { width: 80px; height: 80px; padding: 20px; margin-bottom: 20px; }
  .indoor_msg .g_det_box .g_txt { margin-left: 0; }
  .section07 .room { flex-direction: column; }
  .section07 .left-side, .section07 .right-side { width: 100%; }
  .section07 .right-side { padding: 30px 20px; min-height: 300px; }
  .section07 .swiper-section07 { height: 50vh; min-height: 300px; }
  .section07 .logo { font-size: 14px; top: 15px; left: 15px; }
  .section07 #room-info-section07 h2 { font-size: 28px; margin-bottom: 15px; }
  .section07 #room-info-section07 p { font-size: 14px; margin-bottom: 30px; }
  .section07 .pagination-section07 { bottom: 15px; left: 15px; }
  .section07 .side-nav-section07 { bottom: 15px; right: 15px; }
  .section07 .swiper-button-prev-section07, .section07 .swiper-button-next-section07 { font-size: 20px; }
}

/* 소형 모바일 */
@media (max-width: 480px) {
  .row .box_tit .tit-h2 { font-size: 28px; }
  .indoor_msg h5 { font-size: 18px; }
  .indoor_msg p { font-size: 14px; }
  .section07 .right-side { padding: 20px 15px; }
  .section07 #room-info-section07 h2 { font-size: 24px; }
  .section07 #room-info-section07 p { font-size: 13px; }
}
/* 하지정맥류란? ================================================================================== */
.d_vein_wrap { display: flex; width: 100%; gap: 50px; justify-content: space-between; }
.d_vein_box { width: 40%; color: #333; }
.d_vein_box h3 { margin-bottom: 30px; font-size: 32px; }
.d_vein_img { width: 60%; margin-top: -100px; }
.d_vein_img img { border-radius: 0px 30px 0px 30px; }

.vein_wrap_01 { width: 100%; padding: 50px 0px; border-top: 1px solid #ddd; }
.vein_wrap_01 .inner, .vein_wrap_02 { max-width: 1600px; padding: 200px 20px; width: 100%; }
.vein_wrap_01 .inner .box_tit p { margin-top: 20px; font-size: 20px; line-height: 1.65; color: #999; word-break: keep-all; }

.vein_wrap_box { display: flex; gap: 2%; }
.vein_wrap_box h3 { font-size: 28px; padding: 0 0 5px 0; font-weight: bold; margin: 10px 0 5px 0; }
.vein_wrap_box p { font-size: 18px; color: #666; line-height: 1.65; font-weight: 400; word-break: keep-all; max-width: 400px; padding: 0 0 10px 0; margin: 0; }
.vein_wrap_box .item { padding: 30px 0; }
.vein_wrap_box .item img { width: 100%; object-fit: cover; border-radius: 0px 30px 0px 30px; }

@media screen and (max-width: 576px) {
  .d_vein_box { width: 100%; color: #333; }
  .d_vein_box h3 { margin-bottom: 30px; font-size: 24px; }
  .d_vein_img { width: 100%; margin-top: 0px; }
  .company_msg .d_vein_box p { padding: 0px; line-height: 1.6; word-break: keep-all; }
  .d_vein_wrap { display: flex; width: 100%; gap: 50px; justify-content: space-between; flex-direction: column; }
}

.sub-inner { width: 100%; }
.content07 { width: 100%; position: relative; }
.content07 .content_info_section .box_tit h2 { font-size: 48px; color: #fff; font-weight: 700; margin-bottom: 100px; }
.content07 .buttons_container { z-index: 3; position: absolute; left: 45%; top: 0; transform: translateX(-688px); width: 1px; height: calc(100% - 656px); }
.content07 .buttons_container .scroll_btn { position: sticky; left: 0; top: 0; width: 400px; padding-top: 100px; }
.content07 .buttons_container .scroll_btn button { display: block; left: 0; top: 0; color: #999; border: 0 none; background-color: transparent; cursor: pointer; }
.content07 .buttons_container .scroll_btn button b { display: inline-block; width: 48px; font-size: 16px; font-weight: 500; line-height: 1.65; vertical-align: middle; color: inherit; }
.content07 .buttons_container .scroll_btn button strong { display: inline-block; font-size: 20px; font-weight: 700; line-height: 1.65; vertical-align: middle; color: inherit; }
.content07 .buttons_container .scroll_btn button+button { margin-top: 24px; }
.content07 .buttons_container .scroll_btn button.active { color: #111; }
.content07 .buttons_container .scroll_btn button.active b { margin-top: 9.8px; font-size: 20px; font-weight: 700; vertical-align: top; color: deepskyblue; }
.content07 .buttons_container .scroll_btn button.active strong { font-size: 50px; line-height: 1.4; vertical-align: top; color: deepskyblue; }

.content07 .content_info_section .info_item { position: relative; padding-bottom: 100px; overflow: hidden; border-bottom: 1px solid #555; }
.content07 .content_info_section .info_item .heading { position: absolute; overflow: hidden; width: 1px; height: 1px; clip: rect(-1px, -1px, -1px, -1px); }
.content07 .content_info_section .info_item .info_inner { position: relative; max-width: 1600px; width: 100%; margin: 0 auto; padding-left: 500px; padding-top: 100px; }
.content07 .content_info_section .info_item .text_box { margin-top: 0; }
.content07 .content_info_section .info_item .text_box h3 { font-size: 32px; font-weight: 700; line-height: 1.4; letter-spacing: -1px; word-break: keep-all; color: #fff; }
.content07 .content_info_section .info_item .text_box h3 .point_color { color: #107AF2; }
.content07 .content_info_section .info_item .text_box p.subtext { margin-top: 20px; font-size: 20px; line-height: 1.65; color: #999; word-break: keep-all; }
.content07 .content_info_section .info_item .card_slider { margin-top: 50px; position: relative; }
.content07 .content_info_section .info_item:nth-child(1) .card_slider::before,
.content07 .content_info_section .info_item:nth-child(2) .card_slider::before,
.content07 .content_info_section .info_item:nth-child(3) .card_slider::before {
  content: ""; display: block; position: absolute; left: -1000px; bottom: -100px; width: 1000px; height: 920px; background: #222; z-index: 2;
}
.content07 .content_info_section .info_item .card_slider ul { display: flex; cursor: grab; }
.content07 .content_info_section .info_item .card_slider ul li { flex-shrink: 0; display: flex; flex-direction: column; justify-content: flex-start; width: 500px; height: 360px; margin-right: 20px; padding: 40px; border-radius: 0 30px; color: #fff; }
.content07 .content_info_section .info_item .card_slider ul li h4 { display: block; font-size: 24px; font-weight: 700; line-height: 1.65; word-break: keep-all; margin-bottom: 20px; }
.content07 .content_info_section .info_item .card_slider ul li p { display: block; margin-top: auto; font-size: 18px; line-height: 1.5; word-break: keep-all; }
.content07 .content_info_section .info_item .card_slider ul li:last-child { margin-right: 0; }

.content07 .content_info_section .info_item:nth-child(2) { position: relative; z-index: 1; }
.content07 .content_info_section .info_item:nth-child(2)::before { content: ''; position: absolute; top: 0; width: 100vw; height: 100%; background: #222; z-index: -1; }

.content07 .content_info_section .info_item:nth-child(1) .card_slider ul li:nth-child(1) { background: url(../img/vein_01-01.jpg) no-repeat center center/cover; }
.content07 .content_info_section .info_item:nth-child(1) .card_slider ul li:nth-child(2) { background: url(../img/vein_01-02.jpg) no-repeat bottom center/cover; }
.content07 .content_info_section .info_item:nth-child(1) .card_slider ul li:nth-child(3) { background: url(../img/vein_01-03.jpg) no-repeat center center/cover; }
.content07 .content_info_section .info_item:nth-child(2) .card_slider ul li:nth-child(1) { background: url(../img/vein_02-01.jpg) no-repeat center center/cover; }
.content07 .content_info_section .info_item:nth-child(2) .card_slider ul li:nth-child(2) { background: url(../img/vein_02-02.jpg) no-repeat center center/cover; }
.content07 .content_info_section .info_item:nth-child(3) .card_slider ul li:nth-child(1) { background: url(../img/vein_03-01.jpg) no-repeat center center/cover; }
.content07 .content_info_section .info_item:nth-child(3) .card_slider ul li:nth-child(2) { background: url(../img/vein_03-02.jpg) no-repeat center center/cover; }
.content07 .content_info_section .info_item:nth-child(3) .card_slider ul li:nth-child(3) { background: url(../img/vein_03-03.jpg) no-repeat center center/cover; }
.content07 .content_info_section .info_item:nth-child(4) .card_slider ul li:nth-child(1) { background: url(../img/vein_04-01.jpg) no-repeat center center/cover; }
.content07 .content_info_section .info_item:nth-child(4) .card_slider ul li:nth-child(2) { background: url(../img/vein_04-02.jpg) no-repeat center center/cover; }
.content07 .content_info_section .info_item:nth-child(4) .card_slider ul li:nth-child(3) { background: url(https://sample117.tlogsir.com/theme/sample117/img/sub/content03_slide03_img03.jpg) no-repeat center center/cover; }

@media screen and (max-width: 1420px) {
  .content07 .buttons_container { left: 12px; transform: none; }
  .content07 .content_info_section .info_item .card_slider ul li { min-height: 312.64px; }
}

@media (max-width: 1200px) {
  .content07 { max-width: none; }
  .content_scroll_wrap { padding-left: 0; padding-right: 0; }
  .content07 .buttons_container { display: none; }
  .content07 .content_info_section .info_item { padding-bottom: 80px; }
  .content07 .content_info_section .info_item .info_inner { padding: 20px; margin: 0 auto; }
  .content07 .content_info_section .info_item .heading { position: static; overflow: visible; width: 100%; height: auto; clip: auto; }
  .content07 .content_info_section .info_item .heading b { display: block; font-size: 14px; font-weight: 500; line-height: 1.57; letter-spacing: -.01px; }
  .content07 .content_info_section .info_item .heading strong { display: block; margin-top: .25rem; font-size: 20px; font-weight: 700; line-height: 1.5; letter-spacing: -.02px; }
  .content07 .content_info_section .info_item .text_box { margin-top: 56px; }
  .content07 .content_info_section .info_item .card_slider { margin-top: 80px; max-width: 100%; padding: 0; }
  .content07 .content_info_section .info_item .card_slider ul li h4 { word-break: break-all; font-size: 18px; }
  .content07 .content_info_section .info_item .card_slider ul li p { margin-top: auto; font-size: 18px; font-weight: 700; }
}

@media screen and (max-width: 992px) {
  .content07 .content_info_section .info_item .card_slider ul li { flex-shrink: 0; flex-basis: 296px; min-height: 296px; height: 344px; margin-right: 16px; padding: 24px; color: #fff; }
}

@media screen and (max-width: 576px) {
  .content07 .content_info_section .box_tit h2 { font-size: 24px; color: #fff; font-weight: 700; margin-bottom: 50px; text-align: center; padding-top: 20px; }
  .content07 .content_info_section .info_item .text_box h3 { font-size: 20px; }
  .content07 .content_info_section .info_item .text_box { margin-top: 0; }
  .content07 .content_info_section .info_item .text_box p.subtext { margin-top: 20px; font-size: 14px; }
}


.vein_01 .info_item { position: relative; padding-bottom: 100px; overflow: hidden; border-bottom: 0; }
.vein_01 .info_item .info_inner { position: relative; max-width: 1600px; width: 100%; margin: 0 auto; padding: 100px 20px 0; }
.vein_01 .info_item .text_box { text-align: center; }
.vein_01 .info_item .text_box h3 { font-size: 48px; font-weight: 700; line-height: 1.4; letter-spacing: -1px; word-break: keep-all; color: #333; }
.vein_01 .info_item .text_box p.subtext { margin-top: 40px; font-size: 20px; line-height: 1.65; color: #555; word-break: keep-all; max-width: 1000px; margin-left: auto; margin-right: auto; }

.card_slider { margin-top: 60px; overflow-x: auto; -webkit-overflow-scrolling: touch; }
.card_slider::-webkit-scrollbar { display: none; }
.card_list { display: flex; gap: 20px; padding: 0; margin: 0 0 20px 0; list-style: none; scroll-snap-type: x mandatory; }
.card_item { flex: 0 0 calc(33.333% - 13.34px); display: flex; flex-direction: column; border-radius: 0 30px 0 0; overflow: hidden; background: #fff; scroll-snap-align: start; }
.card_img { height: 260px; background-size: cover; background-position: center; background-repeat: no-repeat; }
.card_text { padding: 30px; background: #fff; color: #333; display: flex; flex-direction: column; justify-content: flex-start; flex: 1; border: 1px solid #ddd; border-radius: 0px 0px 0px 30px; border-top: none; }
.card_text h4 { font-size: 28px; font-weight: 700; line-height: 1.65; margin: 0 0 16px; word-break: keep-all; color: #333; }
.card_text p { font-size: 20px; line-height: 1.5; word-break: keep-all; margin: 0; flex: 1; color: #666; }

.card_item:nth-child(1) .card_img { background-image: url('../img/vein_img_02.jpg'); }
.card_item:nth-child(2) .card_img { background-image: url('../img/vein_img_03.jpg'); }
.card_item:nth-child(3) .card_img { background-image: url('../img/vein_img_04.jpg'); }
.card_list:nth-child(2) .card_item:nth-child(1) .card_img { background-image: url('../img/vein_img_05.jpg'); }
.card_list:nth-child(2) .card_item:nth-child(2) .card_img { background-image: url('../img/vein_img_06.jpg'); }
.card_list:nth-child(2) .card_item:nth-child(3) .card_img { background-image: url('../img/vein_img_07.jpg'); }

@media (max-width: 1420px) {
  .card_img { height: 260px; }
}

@media (max-width: 1200px) {
  .vein_01 .info_item { padding-bottom: 80px; }
  .vein_01 .info_item .info_inner { padding: 80px 20px 0; }
  .vein_01 .info_item .text_box h3 { font-size: 40px; }
  .vein_01 .info_item .text_box p.subtext { font-size: 18px; margin-top: 30px; }
  .card_slider { margin-top: 50px; }
  .card_text h4 { font-size: 24px; }
  .card_text p { font-size: 18px; }
  .card_text { padding: 25px; }
}

@media (max-width: 992px) {
  .card_item { flex: 0 0 300px; }
  .card_img { height: 200px; }
  .vein_01 .info_item .text_box h3 { font-size: 32px; }
  .card_text h4 { font-size: 20px; }
  .card_text p { font-size: 16px; }
  .card_text { padding: 20px; }
}

@media (max-width: 768px) {
  .vein_01 .info_item .info_inner { padding: 60px 15px 0; }
  .vein_01 .info_item .text_box h3 { font-size: 28px; }
  .vein_01 .info_item .text_box p.subtext { font-size: 16px; margin-top: 25px; }
  .card_slider { margin-top: 40px; overflow-x: visible; }
  .card_list { flex-direction: column; gap: 20px; margin-bottom: 30px; }
  .card_item { flex: 1 1 100%; width: 100%; }
  .card_img { height: 200px; }
  .card_text h4 { font-size: 18px; margin-bottom: 12px; }
  .card_text p { font-size: 14px; }
  .card_text { padding: 18px; }
}

@media (max-width: 576px) {
  .vein_01 .info_item { padding-bottom: 60px; }
  .vein_01 .info_item .info_inner { padding: 40px 10px 0; }
  .vein_01 .info_item .text_box h3 { font-size: 24px; }
  .vein_01 .info_item .text_box p.subtext { font-size: 14px; margin-top: 20px; }
  .card_list { gap: 15px; margin-bottom: 20px; }
  .card_item { flex: 1 1 100%; width: 100%; }
  .card_img { height: 180px; }
  .card_text h4 { font-size: 16px; margin-bottom: 10px; }
  .card_text p { font-size: 13px; }
  .card_text { padding: 15px; }
}

/* 치료이유 ================================================================================== */
.g_det_box { display: flex; margin-bottom: 100px; align-items: flex-start; gap: 20px; }
.g_det_box2 { display: flex; margin-bottom: 100px; margin: 50px auto 0; justify-content: center; flex-wrap: wrap; }
.g_det_box2 .g_det_i { width: 20%; text-align: center; min-width: 180px; }
.g_det_box2 .g_det_i h5 { font-size: 24px; color: #333; margin-top: 15px; }
.g_det_box2_img_01, .g_det_box2_img_02, .g_det_box2_img_03, .g_det_box2_img_04, .g_det_box2_img_05 { height: 250px; width: 250px; background-color: #ddd; margin: 20px auto; border-radius: 25%; background-size: cover; background-position: center; background-repeat: no-repeat; }
.g_det_box2_img_01 { background-image: url('../img/vein_img_09.png'); }
.g_det_box2_img_02 { background-image: url('../img/vein_img_10.png'); }
.g_det_box2_img_03 { background-image: url('../img/vein_img_11.png'); }
.g_det_box2_img_04 { background-image: url('../img/vein_img_12.png'); }
.g_det_box2_img_05 { background-image: url('../img/vein_img_13.png'); }
.g_det_box .g_icon { background-color: deepskyblue; text-align: center; width: 100px; height: 100px; border-radius: 50%; padding: 30px; flex-shrink: 0; }
.g_det_box .g_txt { margin-left: 20px; width: 95%; flex: 1; }
.g_det_box .g_txt h5 { font-size: 24px; color: #333; margin-bottom: 20px; }
.g_det_box .g_txt p { font-size: 20px; line-height: 1.6; color: #666; margin-bottom: 30px; word-break: keep-all; }
.g_det_box .g_icon img { vertical-align: baseline; width: 100%; }
.g_det_box .g_img { background: url('../img/vein_img_08.jpg') no-repeat center center/cover; width: 100%; height: 450px; border-radius: 0px 30px 0px 30px; }

/* 태블릿 */
@media (max-width: 1200px) {
  .max_w1600 { padding: 0 15px; }
  .company_intro_wrap { padding: 60px 0; }
  .row .box_tit .tit-h2 { font-size: 48px; }
  .g_det_box .g_txt h5 { font-size: 24px; }
  .g_det_box .g_txt p { font-size: 16px; }
  .g_det_box2 .g_det_i h5 { font-size: 20px; }
  .g_det_box2_img_01, .g_det_box2_img_02, .g_det_box2_img_03, .g_det_box2_img_04, .g_det_box2_img_05 { height: 200px; width: 200px; }
}

/* 모바일 */
@media (max-width: 768px) {
  .max_w1600 { padding: 0 10px; }
  .company_intro_wrap { padding: 40px 0; }
  .row .box_tit .tit-h2 { font-size: 32px; margin-bottom: 20px; line-height: 1.3; }
  .g_det_box { flex-direction: column; margin-bottom: 60px; align-items: center; text-align: center; gap: 10px; }
  .g_det_box .g_txt { margin-left: 0; width: 100%; }
  .g_det_box .g_txt h5 { font-size: 20px; margin-bottom: 15px; }
  .g_det_box .g_txt p { font-size: 14px; margin-bottom: 20px; text-align: left; }
  .g_det_box .g_icon { width: 80px; height: 80px; padding: 20px; margin-bottom: 20px; }
  .g_det_box .g_img { height: 250px; border-radius: 15px; }
  .g_det_box2 { margin: 30px auto 0; gap: 10px; }
  .g_det_box2 .g_det_i { width: calc(50% - 5px); min-width: auto; margin-bottom: 30px; }
  .g_det_box2 .g_det_i h5 { font-size: 16px; margin-top: 10px; }
  .g_det_box2_img_01, .g_det_box2_img_02, .g_det_box2_img_03, .g_det_box2_img_04, .g_det_box2_img_05 { height: 150px; width: 150px; margin: 10px auto; }
}

/* 소형 모바일 */
@media (max-width: 480px) {
  .row .box_tit .tit-h2 { font-size: 28px; }
  .g_det_box .g_txt h5 { font-size: 18px; }
  .g_det_box .g_txt p { font-size: 13px; }
  .g_det_box2 .g_det_i { width: calc(50% - 5px); margin-bottom: 25px; }
  .g_det_box2 .g_det_i h5 { font-size: 14px; }
  .g_det_box2_img_01, .g_det_box2_img_02, .g_det_box2_img_03, .g_det_box2_img_04, .g_det_box2_img_05 { height: 150px; width: 150px; }
  .g_det_box .g_img { height: 200px; }
}

/* 자가진단 ================================================================================== */
.d_self_wrap { display: flex; width: 100%; gap: 100px; justify-content: space-between; }
.d_self_wrap_01 { display: flex; width: 100%; gap: 100px; justify-content: space-between; margin: 100px 0; border-top: 1px solid #ddd; padding-top: 100px; }
.d_self_box { width: 45%; color: #333; }
.d_self_box h3 { margin-bottom: 30px; font-size: 32px; }
.d_self_img { width: 55%; margin-top: -60px; background: url(../img/vein_self_img_03.png) no-repeat center center/cover; height: 600px; border-radius: 0px 30px 0px 30px; }
.d_self_dt_img { width: 30%; }
.d_self_dt { width: 70%; }
.d_self_dt h3 { margin-bottom: 30px; font-size: 32px; }
.d_self_d_box { display: flex; margin-top: 50px; }
.h_img { background: url(../img/vein_self_img_02.png) no-repeat bottom center/cover; width: 100%; height: 350px; border-radius: 50px; text-align: center; padding: 45px; }
.d_self_d_box ul { width: 50%; }
.d_self_d_box li { font-size: 20px; padding: 0px 0 10px 0; line-height: 1.6; word-break: keep-all; }

/* 태블릿 반응형 */
@media (max-width: 1200px) {
  .max_w1600 { padding: 0 15px; }
  .company_intro_wrap { padding: 60px 0; }
  .row .box_tit .tit-h2 { font-size: 48px; }
  .d_self_wrap { gap: 60px; }
  .d_self_wrap_01 { gap: 60px; margin: 80px 0; padding-top: 80px; }
  .d_self_box h3 { font-size: 28px; }
  .d_self_box p { font-size: 16px; }
  .d_self_dt h3 { font-size: 28px; }
  .d_self_d_box li { font-size: 18px; }
  .d_self_img { height: 500px; margin-top: -40px; }
  .h_img { height: 300px; padding: 35px; }
}

/* 모바일 반응형 */
@media (max-width: 768px) {
  .max_w1600 { padding: 0 10px; }
  .company_intro_wrap { padding: 0; }
  .row .box_tit .tit-h2 { font-size: 32px; margin-bottom: 20px; line-height: 1.3; }
  .d_self_wrap { flex-direction: column; gap: 40px; }
  .d_self_box { width: 100%; order: 2; }
  .d_self_box h3 { font-size: 22px; margin-bottom: 20px; }
  .d_self_box p { font-size: 14px; margin-bottom: 25px; }
  .d_self_box a { padding: 12px 25px; font-size: 16px; }
  .d_self_img { width: 100%; height: 300px; margin-top: 0; order: 1; border-radius: 15px; }
  .d_self_wrap_01 { flex-direction: column; gap: 40px; margin: 60px 0; padding-top: 60px; }
  .d_self_dt_img { width: 100%; order: 2; }
  .d_self_dt { width: 100%; order: 1; }
  .d_self_dt h3 { font-size: 20px; margin-bottom: 20px; text-align: center; }
  .d_self_d_box { flex-direction: column; margin-top: 30px; }
  .d_self_d_box ul { width: 100%; }
  .d_self_d_box li { font-size: 16px; padding: 8px 0; margin-bottom: 8px; }
  .h_img { height: 250px; padding: 25px; border-radius: 25px; }
}

/* 소형 모바일 */
@media (max-width: 480px) {
  .row .box_tit .tit-h2 { font-size: 28px; }
  .d_self_box h3 { font-size: 20px; }
  .d_self_box p { font-size: 13px; }
  .d_self_box a { padding: 10px 20px; font-size: 14px; }
  .d_self_img { height: 250px; }
  .d_self_dt h3 { font-size: 18px; }
  .d_self_d_box li { font-size: 14px; padding: 6px 0 6px 12px;margin-bottom: 0px; }
  .h_img { height: 200px; padding: 20px; }
  .d_self_wrap_01 { margin: 40px 0; padding-top: 40px; }
}

/* 예방법 ================================================================================== */
.d_intro_msg_01 { display: grid; margin: 30px 0; gap: 1.2%; grid-template-columns: 32% 32% 32%; }
.d_intro_msg_01 .item { width: 100%; position: relative; margin-bottom: 30px; }
.i_no { position: absolute; padding: 20px; color: #fff; background-color: skyblue; width: 60px; text-align: center; font-weight: 700; font-size: 18px; }
.d_intro_msg_01 .item img { width: 100%; }
.d_intro_msg_01 .item .i_box { background-color: deepskyblue; text-align: center; width: 170px; height: 170px; border-radius: 50%; margin: 30px auto; padding: 30px; }
.item_txt_box { padding: 30px; border: 1px solid #ddd; }
.d_intro_msg_01 h5 { margin-bottom: 20px; color: #333; font-size: 24px; }
.d_intro_msg_01 p { font-size: 20px; line-height: 1.6; word-break: keep-all; color: #666; }
.f_24 { font-size: 24px; line-height: 1.6; word-break: keep-all; font-weight: 500; }

/* 태블릿 반응형 */
@media (max-width: 1200px) {
  .max_w1600 { padding: 0 15px; }
  .company_intro_wrap { padding: 60px 0; }
  .row .box_tit .tit-h2 { font-size: 48px; }
  .d_intro_msg_01 { grid-template-columns: 48% 48%; gap: 2%; }
  .d_intro_msg_01 h5 { font-size: 20px; }
  .d_intro_msg_01 p { font-size: 18px; }
  .f_24 { font-size: 20px; margin-bottom: 40px; }
  .item_txt_box { padding: 25px; }
}

/* 모바일 반응형 */
@media (max-width: 768px) {
  .max_w1600 { padding: 0 10px; }
  .company_intro_wrap { padding: 40px 0; }
  .row .box_tit .tit-h2 { font-size: 32px; margin-bottom: 20px; line-height: 1.3; }
  .d_intro_msg_01 { grid-template-columns: 100%; gap: 30px; margin: 20px 0; }
  .d_intro_msg_01 .item { margin-bottom: 0; }
  .d_intro_msg_01 .item img { height: 200px; }
  .d_intro_msg_01 h5 { font-size: 18px; margin-bottom: 15px; }
  .d_intro_msg_01 p { font-size: 16px; }
  .f_24 { font-size: 18px; margin-bottom: 30px; padding: 0 10px; }
  .item_txt_box { padding: 20px; }
  .i_no { width: 50px; padding: 15px; font-size: 16px; }
}

/* 소형 모바일 */
@media (max-width: 480px) {
  .row .box_tit .tit-h2 { font-size: 28px; }
  .d_intro_msg_01 { gap: 25px; }
  .d_intro_msg_01 .item img { height: 180px; }
  .d_intro_msg_01 h5 { font-size: 16px; margin-bottom: 12px; }
  .d_intro_msg_01 p { font-size: 14px; }
  .f_24 { font-size: 16px; margin-bottom: 25px; }
  .item_txt_box { padding: 18px; }
  .i_no { width: 45px; padding: 12px; font-size: 14px; }
}

/* 레이저 치료 ================================================================================== */
.vein_msg { margin-top: 72px; color: #555; display: flex; gap: 2%; }
.v_txt_box h3 { margin-bottom: 30px; color: #333; font-size: 28px; }
.v_txt_box .s_t { font-size: 14px; color: #555; padding: 0; }
.vein_msg p { font-size: 20px; padding: 0px 0 50px 0; line-height: 1.6; word-break: keep-all; }
.vein_box_msg { display: grid; margin: 30px 0 60px; gap: 1.2%; grid-template-columns: 24% 24% 24% 24%; }
.vein_box_msg .item { width: 100%; position: relative; text-align: center; }
.vein_box_msg .item .g_icon { background-color: deepskyblue; text-align: center; width: 100px; height: 100px; border-radius: 50%; padding: 25px; margin: 20px auto; }
.vein_box_msg .item .g_icon img { vertical-align: baseline; width: 100%; }
.vein_box_msg .item .t_box h5 { font-size: 22px; }
.vein_box_msg .item .t_box p { font-size: 16px; padding: 0; }
.v_img { width: 50%; position: relative; }
.v_txt_box { width: 50%; }
.image-slider { width: 100%; height: 510px; border-radius: 0px 30px 0px 30px; overflow: hidden; position: relative; }
.image-slider .swiper-slide { width: 100%; height: 100%; }
.image-slider .swiper-slide img { width: 100%; height: 100%; object-fit: cover; }
.image-slider .swiper-button-next, .image-slider .swiper-button-prev { color: #fff; background: rgba(0, 0, 0, 0.5); width: 40px; height: 40px; border-radius: 50%; }
.image-slider .swiper-button-next::after, .image-slider .swiper-button-prev::after { font-size: 16px; }
.image-slider .swiper-pagination { bottom: 15px; }
.image-slider .swiper-pagination-bullet { background: rgba(255, 255, 255, 0.7); opacity: 1; }
.image-slider .swiper-pagination-bullet-active { background: #fff; }
.tit-h2 { font-size: 36px; color: #333; font-weight: bold; }
.top_desc { color: #666; margin-bottom: 20px; }
.v_wrap { margin-top: 100px; border-top: 1px solid #ddd; padding-top: 100px; }
.v_wrap .copy_t { font-size: 14px; color: #555; }

/* 태블릿 반응형 */
@media (max-width: 1200px) {
  .max_w1600 { padding: 0 15px; }
  .company_intro_wrap { padding: 60px 0; }
  .row .box_tit .tit-h2 { font-size: 48px; }
  .vein_msg { margin-top: 50px; gap: 3%; }
  .v_txt_box h3 { font-size: 24px; margin-bottom: 20px; }
  .vein_msg p { font-size: 18px; padding: 0px 0 40px 0; }
  .vein_box_msg { margin: 25px 0 50px; }
  .vein_box_msg .item .g_icon { width: 80px; height: 80px; padding: 20px; }
  .vein_box_msg .item .t_box h5 { font-size: 18px; }
  .vein_box_msg .item .t_box p { font-size: 14px; }
  .image-slider { height: 400px; }
  .v_wrap { margin-top: 80px; padding-top: 80px; }
  .v_wrap iframe { height: 400px; }
}

/* 모바일 반응형 */
@media (max-width: 768px) {
  .max_w1600 { padding: 0 10px; }
  .company_intro_wrap { padding: 40px 0; }
  .row .box_tit .tit-h2 { font-size: 32px; margin-bottom: 20px; line-height: 1.3; }
  .vein_msg { flex-direction: column; gap: 30px; margin-top: 30px; }
  .v_img, .v_txt_box { width: 100%; }
  .v_img { order: 1; }
  .v_txt_box { order: 2; }
  .v_txt_box h3 { font-size: 20px; margin-bottom: 15px; }
  .vein_msg p { font-size: 16px; padding: 0px 0 30px 0; }
  .image-slider { height: 300px; border-radius: 15px; }
  .vein_box_msg { grid-template-columns: 1fr 1fr; gap: 20px; margin: 20px 0 40px; }
  .vein_box_msg .item .g_icon { width: 100px; height: 100px; padding: 20px; margin: 15px auto; }
  .vein_box_msg .item .t_box h5 { font-size: 16px; }
  .vein_box_msg .item .t_box p { font-size: 13px; }
  .v_wrap { margin-top: 60px; padding-top: 60px; }
  .v_wrap .v_txt_box h3 { font-size: 18px; margin-bottom: 20px; }
  .v_wrap iframe { height: 300px; }
  .v_wrap .copy_t { font-size: 12px; margin-top: 8px; }
}

/* 소형 모바일 */
@media (max-width: 480px) {
  .row .box_tit .tit-h2 { font-size: 28px; }
  .v_txt_box h3 { font-size: 18px; }
  .vein_msg p { font-size: 14px; padding: 0px 0 25px 0; }
  .image-slider { height: 250px; }
  .vein_box_msg { grid-template-columns: 1fr 1fr; gap: 15px; margin: 15px 0 30px; }
  .vein_box_msg .item .g_icon { width: 100px; height: 100px; padding: 20px; margin: 12px auto; }
  .vein_box_msg .item .t_box h5 { font-size: 14px; }
  .vein_box_msg .item .t_box p { font-size: 11px; }
  .v_wrap .v_txt_box h3 { font-size: 16px; }
  .v_wrap iframe { height: 250px; }
  .v_wrap .copy_t { font-size: 11px; }
}

/* 플레보그립 ================================================================================== */
.vein_msg { margin-top: 72px; color: #555; display: flex; gap: 2%; }
.v_txt_box h3 { margin-bottom: 30px; color: #333; font-size: 28px; }
.v_txt_box .s_t { font-size: 14px; color: #555; padding: 0; }
.vein_msg p { font-size: 20px; padding: 0px 0 50px 0; line-height: 1.6; word-break: keep-all; }
.vein_box_msg { display: grid; margin: 30px 0 60px; gap: 1.2%; grid-template-columns: 24% 24% 24% 24%; }
.vein_box_msg .item { width: 100%; position: relative; text-align: center; }
.vein_box_msg .item .g_icon { background-color: deepskyblue; text-align: center; width: 100px; height: 100px; border-radius: 50%; padding: 25px; margin: 20px auto; }
.vein_box_msg .item .g_icon img { vertical-align: baseline; width: 100%; }
.vein_box_msg .item .t_box h5 { font-size: 22px; }
.vein_box_msg .item .t_box p { font-size: 16px; padding: 0; }
.v_img { width: 50%; position: relative; }
.v_txt_box { width: 50%; }
.image-slider { width: 100%; height: 510px; border-radius: 0px 30px 0px 30px; overflow: hidden; position: relative; }
.image-slider .swiper-slide { width: 100%; height: 100%; }
.image-slider .swiper-slide img { width: 100%; height: 100%; object-fit: cover; }
.image-slider .swiper-button-next, .image-slider .swiper-button-prev { color: #fff; background: rgba(0, 0, 0, 0.5); width: 40px; height: 40px; border-radius: 50%; }
.image-slider .swiper-button-next::after, .image-slider .swiper-button-prev::after { font-size: 16px; }
.image-slider .swiper-pagination { bottom: 15px; }
.image-slider .swiper-pagination-bullet { background: rgba(255, 255, 255, 0.7); opacity: 1; }
.image-slider .swiper-pagination-bullet-active { background: #fff; }
.tit-h2 { font-size: 36px; color: #333; font-weight: bold; }
.top_desc { color: #666; margin-bottom: 20px; }
.v_wrap { margin-top: 100px; border-top: 1px solid #ddd; padding-top: 100px; }
.v_wrap .copy_t { font-size: 14px; color: #555; }

/* 태블릿 반응형 */
@media (max-width: 1200px) {
  .max_w1600 { padding: 0 15px; }
  .company_intro_wrap { padding: 60px 0; }
  .row .box_tit .tit-h2 { font-size: 48px; }
  .vein_msg { margin-top: 50px; gap: 3%; }
  .v_txt_box h3 { font-size: 24px; margin-bottom: 20px; }
  .vein_msg p { font-size: 18px; padding: 0px 0 40px 0; }
  .vein_box_msg { margin: 25px 0 50px; }
  .vein_box_msg .item .g_icon { width: 80px; height: 80px; padding: 20px; }
  .vein_box_msg .item .t_box h5 { font-size: 18px; }
  .vein_box_msg .item .t_box p { font-size: 14px; }
  .image-slider { height: 400px; }
  .v_wrap { margin-top: 80px; padding-top: 80px; }
  .v_wrap iframe { height: 400px; }
}

/* 모바일 반응형 */
@media (max-width: 768px) {
  .max_w1600 { padding: 0 10px; }
  .company_intro_wrap { padding: 40px 0; }
  .row .box_tit .tit-h2 { font-size: 32px; margin-bottom: 20px; line-height: 1.3; }
  .vein_msg { flex-direction: column; gap: 30px; margin-top: 30px; }
  .v_img, .v_txt_box { width: 100%; }
  .v_img { order: 1; }
  .v_txt_box { order: 2; }
  .v_txt_box h3 { font-size: 20px; margin-bottom: 15px; }
  .vein_msg p { font-size: 16px; padding: 0px 0 30px 0; }
  .image-slider { height: 300px; border-radius: 15px; }
  .vein_box_msg { grid-template-columns: 1fr 1fr; gap: 20px; margin: 20px 0 40px; }
  .vein_box_msg .item .g_icon { width: 100px; height: 100px; padding: 20px; margin: 15px auto; }
  .vein_box_msg .item .t_box h5 { font-size: 16px; }
  .vein_box_msg .item .t_box p { font-size: 13px; }
  .v_wrap { margin-top: 60px; padding-top: 60px; }
  .v_wrap .v_txt_box h3 { font-size: 18px; margin-bottom: 20px; }
  .v_wrap iframe { height: 300px; }
  .v_wrap .copy_t { font-size: 12px; margin-top: 8px; }
}

/* 소형 모바일 반응형 */
@media (max-width: 480px) {
  .row .box_tit .tit-h2 { font-size: 28px; }
  .v_txt_box h3 { font-size: 18px; }
  .vein_msg p { font-size: 14px; padding: 0px 0 25px 0; }
  .image-slider { height: 250px; }
  .vein_box_msg { grid-template-columns: 1fr 1fr; gap: 15px; margin: 15px 0 30px; }
  .vein_box_msg .item .g_icon { width: 100px; height: 100px; padding: 20px; margin: 12px auto; }
  .vein_box_msg .item .t_box h5 { font-size: 14px; }
  .vein_box_msg .item .t_box p { font-size: 11px; }
  .v_wrap .v_txt_box h3 { font-size: 16px; }
  .v_wrap iframe { height: 250px; }
  .v_wrap .copy_t { font-size: 11px; }
}

/* 베나실 ================================================================================== */
.vein_msg { margin-top: 72px; color: #555; display: flex; gap: 2%; }
.v_txt_box h3 { margin-bottom: 30px; color: #333; font-size: 28px; }
.v_txt_box .s_t { font-size: 14px; color: #555; padding: 0; }
.vein_msg p { font-size: 20px; padding: 0px 0 50px 0; line-height: 1.6; word-break: keep-all; }
.vein_box_msg { display: grid; margin: 30px 0 60px; gap: 1.2%; grid-template-columns: 24% 24% 24% 24%; }
.vein_box_msg .item { width: 100%; position: relative; text-align: center; }
.vein_box_msg .item .g_icon { background-color: deepskyblue; text-align: center; width: 100px; height: 100px; border-radius: 50%; padding: 25px; margin: 20px auto; }
.vein_box_msg .item .g_icon img { vertical-align: baseline; width: 100%; }
.vein_box_msg .item .t_box h5 { font-size: 22px; }
.vein_box_msg .item .t_box p { font-size: 16px; padding: 0; }
.v_img { width: 50%; position: relative; }
.v_txt_box { width: 50%; }
.image-slider { width: 100%; height: 510px; border-radius: 0px 30px 0px 30px; overflow: hidden; position: relative; }
.image-slider .swiper-slide { width: 100%; height: 100%; }
.image-slider .swiper-slide img { width: 100%; height: 100%; object-fit: cover; }
.image-slider .swiper-button-next, .image-slider .swiper-button-prev { color: #fff; background: rgba(0, 0, 0, 0.5); width: 40px; height: 40px; border-radius: 50%; }
.image-slider .swiper-button-next::after, .image-slider .swiper-button-prev::after { font-size: 16px; }
.image-slider .swiper-pagination { bottom: 15px; }
.image-slider .swiper-pagination-bullet { background: rgba(255, 255, 255, 0.7); opacity: 1; }
.image-slider .swiper-pagination-bullet-active { background: #fff; }
.tit-h2 { font-size: 36px; color: #333; font-weight: bold; }
.top_desc { color: #666; margin-bottom: 20px; }
.v_wrap { margin-top: 100px; border-top: 1px solid #ddd; padding-top: 100px; }
.v_wrap .copy_t { font-size: 14px; color: #555; }

/* 태블릿 */
@media (max-width: 1200px) {
  .max_w1600 { padding: 0 15px; }
  .company_intro_wrap { padding: 60px 0; }
  .row .box_tit .tit-h2 { font-size: 48px; }
  .vein_msg { margin-top: 50px; gap: 3%; }
  .v_txt_box h3 { font-size: 24px; margin-bottom: 20px; }
  .vein_msg p { font-size: 18px; padding: 0px 0 40px 0; }
  .vein_box_msg { margin: 25px 0 50px; }
  .vein_box_msg .item .g_icon { width: 80px; height: 80px; padding: 20px; }
  .vein_box_msg .item .t_box h5 { font-size: 18px; }
  .vein_box_msg .item .t_box p { font-size: 14px; }
  .image-slider { height: 400px; }
  .v_wrap { margin-top: 80px; padding-top: 80px; }
  .v_wrap iframe { height: 400px; }
}

/* 모바일 */
@media (max-width: 768px) {
  .max_w1600 { padding: 0 10px; }
  .company_intro_wrap { padding: 40px 0; }
  .row .box_tit .tit-h2 { font-size: 32px; margin-bottom: 20px; line-height: 1.3; }
  .vein_msg { flex-direction: column; gap: 30px; margin-top: 30px; }
  .v_img, .v_txt_box { width: 100%; }
  .v_img { order: 1; }
  .v_txt_box { order: 2; }
  .v_txt_box h3 { font-size: 20px; margin-bottom: 15px; }
  .vein_msg p { font-size: 16px; padding: 0px 0 30px 0; }
  .image-slider { height: 300px; border-radius: 15px; }
  .vein_box_msg { grid-template-columns: 1fr 1fr; gap: 20px; margin: 20px 0 40px; }
  .vein_box_msg .item .g_icon { width: 100px; height: 100px; padding: 20px; margin: 15px auto; }
  .vein_box_msg .item .t_box h5 { font-size: 16px; }
  .vein_box_msg .item .t_box p { font-size: 13px; }
  .v_wrap { margin-top: 60px; padding-top: 60px; }
  .v_wrap .v_txt_box h3 { font-size: 18px; margin-bottom: 20px; }
  .v_wrap iframe { height: 300px; }
  .v_wrap .copy_t { font-size: 12px; margin-top: 8px; }
}

/* 소형 모바일 */
@media (max-width: 480px) {
  .row .box_tit .tit-h2 { font-size: 28px; }
  .v_txt_box h3 { font-size: 18px; }
  .vein_msg p { font-size: 14px; padding: 0px 0 25px 0; }
  .image-slider { height: 250px; }
  .vein_box_msg { grid-template-columns: 1fr 1fr; gap: 15px; margin: 15px 0 30px; }
  .vein_box_msg .item .g_icon { width: 100px; height: 100px; padding: 20px; margin: 12px auto; }
  .vein_box_msg .item .t_box h5 { font-size: 14px; }
  .vein_box_msg .item .t_box p { font-size: 11px; }
  .v_wrap .v_txt_box h3 { font-size: 16px; }
  .v_wrap iframe { height: 250px; }
  .v_wrap .copy_t { font-size: 11px; }
}

/* 초음파유도하 혈관경화요법 ================================================================================== */
.vein_msg { margin-top: 72px; color: #555; display: flex; gap: 2%; }
.v_txt_box h3 { margin-bottom: 30px; color: #333; font-size: 28px; }
.v_txt_box .s_t { font-size: 14px; color: #555; padding: 0; }
.vein_msg p { font-size: 20px; padding: 0px 0 50px 0; line-height: 1.6; word-break: keep-all; }
.vein_box_msg { display: grid; margin: 30px 0 60px; gap: 1.2%; grid-template-columns: 24% 24% 24% 24%; }
.vein_box_msg .item { width: 100%; position: relative; text-align: center; }
.vein_box_msg .item .g_icon { background-color: deepskyblue; text-align: center; width: 100px; height: 100px; border-radius: 50%; padding: 25px; margin: 20px auto; }
.vein_box_msg .item .g_icon img { vertical-align: baseline; width: 100%; }
.vein_box_msg .item .t_box h5 { font-size: 22px; }
.vein_box_msg .item .t_box p { font-size: 16px; padding: 0; }
.v_img { width: 50%; position: relative; }
.v_txt_box { width: 50%; }
.image-slider { width: 100%; height: 510px; border-radius: 0px 30px 0px 30px; overflow: hidden; position: relative; }
.image-slider .swiper-slide { width: 100%; height: 100%; }
.image-slider .swiper-slide img { width: 100%; height: 100%; object-fit: cover; }
.image-slider .swiper-button-next, .image-slider .swiper-button-prev { color: #fff; background: rgba(0, 0, 0, 0.5); width: 40px; height: 40px; border-radius: 50%; }
.image-slider .swiper-button-next::after, .image-slider .swiper-button-prev::after { font-size: 16px; }
.image-slider .swiper-pagination { bottom: 15px; }
.image-slider .swiper-pagination-bullet { background: rgba(255, 255, 255, 0.7); opacity: 1; }
.image-slider .swiper-pagination-bullet-active { background: #fff; }
.tit-h2 { font-size: 36px; color: #333; font-weight: bold; }
.top_desc { color: #666; margin-bottom: 20px; }
.v_wrap { margin-top: 100px; border-top: 1px solid #ddd; padding-top: 100px; }
.v_wrap .copy_t { font-size: 14px; color: #555; }

/* 태블릿 */
@media (max-width: 1200px) {
  .max_w1600 { padding: 0 15px; }
  .company_intro_wrap { padding: 60px 0; }
  .row .box_tit .tit-h2 { font-size: 48px; }
  .vein_msg { margin-top: 50px; gap: 3%; }
  .v_txt_box h3 { font-size: 24px; margin-bottom: 20px; }
  .vein_msg p { font-size: 18px; padding: 0px 0 40px 0; }
  .vein_box_msg { margin: 25px 0 50px; }
  .vein_box_msg .item .g_icon { width: 80px; height: 80px; padding: 20px; }
  .vein_box_msg .item .t_box h5 { font-size: 18px; }
  .vein_box_msg .item .t_box p { font-size: 14px; }
  .image-slider { height: 400px; }
  .v_wrap { margin-top: 80px; padding-top: 80px; }
  .v_wrap iframe { height: 400px; }
}

/* 모바일 */
@media (max-width: 768px) {
  .max_w1600 { padding: 0 10px; }
  .company_intro_wrap { padding: 40px 0; }
  .row .box_tit .tit-h2 { font-size: 32px; margin-bottom: 20px; line-height: 1.3; }
  .vein_msg { flex-direction: column; gap: 30px; margin-top: 30px; }
  .v_img, .v_txt_box { width: 100%; }
  .v_img { order: 1; }
  .v_txt_box { order: 2; }
  .v_txt_box h3 { font-size: 20px; margin-bottom: 15px; }
  .vein_msg p { font-size: 16px; padding: 0px 0 30px 0; }
  .image-slider { height: 300px; border-radius: 15px; }
  .vein_box_msg { grid-template-columns: 1fr 1fr; gap: 20px; margin: 20px 0 40px; }
  .vein_box_msg .item .g_icon { width: 100px; height: 100px; padding: 20px; margin: 15px auto; }
  .vein_box_msg .item .t_box h5 { font-size: 16px; }
  .vein_box_msg .item .t_box p { font-size: 13px; }
  .v_wrap { margin-top: 60px; padding-top: 60px; }
  .v_wrap .v_txt_box h3 { font-size: 18px; margin-bottom: 20px; }
  .v_wrap iframe { height: 300px; }
  .v_wrap .copy_t { font-size: 12px; margin-top: 8px; }
}

/* 소형 모바일 */
@media (max-width: 480px) {
  .row .box_tit .tit-h2 { font-size: 28px; }
  .v_txt_box h3 { font-size: 18px; }
  .vein_msg p { font-size: 14px; padding: 0px 0 25px 0; }
  .image-slider { height: 250px; }
  .vein_box_msg { grid-template-columns: 1fr 1fr; gap: 15px; margin: 15px 0 30px; }
  .vein_box_msg .item .g_icon { width: 100px; height: 100px; padding: 20px; margin: 12px auto; }
  .vein_box_msg .item .t_box h5 { font-size: 14px; }
  .vein_box_msg .item .t_box p { font-size: 11px; }
  .v_wrap .v_txt_box h3 { font-size: 16px; }
  .v_wrap iframe { height: 250px; }
  .v_wrap .copy_t { font-size: 11px; }
}

/* 보존적 치료 ================================================================================== */
.g_det_box { display: flex; margin-bottom: 0px;}
.g_det_box .g_txt h5 { font-size: 28px; }
.g_det_box .g_icon { background-color: deepskyblue; text-align: center; width: 100px; height: 100px; border-radius: 50%; padding: 30px; }
.g_det_box .g_txt { margin-left: 20px; width: 80%; }
.g_det_box .g_icon img { vertical-align: baseline; }

.d_hand01_msg { display: flex; margin: 0; gap: 2%; width: 100%; }
.d_hand01_msg .item { width: 50%; position: relative; }
.d_hand01_msg .item img { width: 100%; margin-bottom: 20px; border-radius: 0px 30px 0px 30px; }
.d_hand01_msg h5 { margin-bottom: 30px; color: #333; font-size: 28px; }
.d_hand01_msg p { font-size: 20px; line-height: 1.6; word-break: keep-all; }

/* 태블릿 (768px ~ 1023px) */
@media screen and (max-width: 1023px) {
  .sub_wrap { padding: 0 15px; }
  .row .box_tit .tit-h2 { font-size: 45px; margin-bottom: 25px; }
  .g_det_box .g_txt h5 { font-size: 24px; }
  .g_det_box .g_txt p { font-size: 16px; }
  .d_hand01_msg h5 { font-size: 24px; margin-bottom: 20px; }
  .d_hand01_msg p { font-size: 18px; }
  .d_hand01_msg { margin: 40px 0; }
}

/* 모바일 (767px 이하) */
@media screen and (max-width: 767px) {
  .sub_wrap { padding: 0 10px; }
  .row .box_tit .tit-h2 { font-size: 32px; margin-bottom: 20px; border-bottom: 3px solid deepskyblue; }
  .g_det_box { flex-direction: column; align-items: center; text-align: center; margin-bottom: 30px; }
  .g_det_box .g_icon { width: 80px; height: 80px; padding: 20px; margin-bottom: 20px; }
  .g_det_box .g_txt { margin-left: 0; width: 100%; }
  .g_det_box .g_txt h5 { font-size: 20px; margin-bottom: 15px; }
  .g_det_box .g_txt p { font-size: 14px; text-align: left; }
  .d_hand01_msg { flex-direction: column; gap: 30px; margin: 30px 0; }
  .d_hand01_msg .item { width: 100%; }
  .d_hand01_msg h5 { font-size: 20px; margin-bottom: 15px; }
  .d_hand01_msg p { font-size: 16px; }
  .d_hand01_msg .item img { margin-bottom: 15px; border-radius: 0px 20px 0px 20px; }
}

/* 작은 모바일 (480px 이하) */
@media screen and (max-width: 480px) {
  .row .box_tit .tit-h2 { font-size: 28px; }
  .g_det_box .g_txt h5 { font-size: 18px; }
  .g_det_box .g_txt p { font-size: 13px; }
  .d_hand01_msg h5 { font-size: 18px; }
  .d_hand01_msg p { font-size: 14px; }
}

/* 손등 정맥류 ================================================================================== */

/* company_intro ==================================================================================== */



/* .sticky_container { position: sticky; transition: all 0.5s; padding-top: 266px; z-index: 1; }
.sticky_container > .sticky_text { width: 100%; position: absolute; transform: translate(0%, -130px); text-align: center; font-size: 40px; font-weight: 100; letter-spacing: -1px; opacity: 1; transition: all 0.5s; }
.sticky_image > img { position: absolute; top: 394px; left: 50%; transform: translateX(-50%); width: 100%;  transition: all 0.5s; clip-path: inset(0 15% 0 15%); z-index: -2; } */









.company_intro_title::after { position: absolute; bottom: -1px; left: 0px; display: inline-block; content: ""; width: 100%; height: 2px; background-color: rgba(0, 0, 0, 0); z-index: 1; transition: all 0.3ms ease-in-out; -webkit-transition: all 0.3ms ease-in-out; }
.company_intro_desc { width: 100%; height: auto; min-height: calc(4.8em + 30px); line-height: 1.6; font-size: 18px;  color: #666; text-align: left; padding-left: 10px; padding-right: 5px; padding-top: 30px; border-top: 1px solid #999; word-break: keep-all; }
.company_intro_item:nth-child(n + 5) { width: 98%; margin-top: 30px; }
.company_intro_item:hover .company_intro_title { font-weight: bold; }
.company_intro_item:hover .company_intro_title::after { background-color: #107af2; }
.company_intro_item:hover .company_intro_desc { color: #107af2; }
.company_place { width: 100%; height: auto; padding: 200px 20px; background-color: #3e3e3e; }
.company_place_title { width: 100%; height: auto; line-height: 1; font-size: clamp(48px, 4vw, 60px); color: #fff; text-align: center; position: relative; display: inline-block; box-sizing: border-box; }
.company_place_list { width: 100%; max-width: 1400px; margin: 80px auto 0; display: flex; flex-wrap: wrap; }
.company_place_item:nth-child(n + 3) { margin-top: 65px; }
.company_place_item { width: 50%; height: auto; }
.company_place_item:nth-child(odd) { width: 58%; height: auto; }
.company_place_item:nth-child(even) { width: 42%; height: auto; }
.company_place_item .company_place_title::before { position: absolute; top: 50%; left: 0px; display: inline-block; content: ""; width: 9px; height: 9px; border-radius: 100%; margin-top: -4px; background-color: #107af2; }
.company_place_item .company_place_title { width: 100%; height: auto; line-height: 1; padding-left: 30px; font-size: 26px; font-size: clamp(20px, 4vw, 26px); font-weight: 700; color: #fff; text-align: left; }
.company_place_item .company_place_desc { width: 100%; height: 68px; line-height: 1.7; padding-left: 30px; margin-top: 30px; font-size: 20px; font-size: clamp(16px, 4vw, 20px); color: #d1d1d1; text-align: left; opacity: 0.5; }












.d_self_wrap a {font-size: 20px;  color: #fff; background-color: skyblue; border-radius: 50px; border: 1px solid skyblue; padding: 14px 30px;}
.d_self_wrap a:hover {font-size: 20px;  color: #fff;background-color: b; border-radius: 50px; border: 1px solid #555; padding: 14px 30px;}

.d_hand_msg {display: grid; margin: 200px 0; gap: 6%; grid-template-rows: 100%;}
.d_hand_msg .item {width: 100%; position: relative;}

@media (max-width: 1024px) {
  .text_below_image { top: 20vh; }
  .text_below_image .row { align-items: flex-start; padding-top: 24px; }
  .text_below_image .row .box-con { width: calc(100% - 0px); }
  .company_intro_wrap { }
  .sticky_image img { min-height: 300px; }
  .sticky_container > .sticky_text { font-size: 24px; padding: 0 20px; }
}

@media (max-width: 768px) {
  .company_place_item:nth-child(odd),
  .company_place_item:nth-child(even) { width: 100%; }
  .company_place_item:nth-child(n + 2) { margin-top: 32px; }
  .company_place_item .company_place_desc { margin-top: 16px; }
  .text_below_image .row .com_wrap {flex-direction: column;}
  .text_below_image .row .campany-logo { width: 100%; text-align: center;margin-top: 0px;} 
  .text_below_image .row .campany-txt { width: 100%;}   
  .text_below_image .row .box-con .top_desc { font-size: 34px;}  
  .company_msg p { font-size: 16px}
}

@media (max-width: 510px) {
  .company_intro_wrap { /*height: 1400px;*/ }
}

@media (max-width: 370px) {
  .company_intro_wrap { /*height: 1400px;*/ }
}

/* history 연혁 ==================================================================================== */
.content_history { margin-top: 100px; }
.content_history .history_wrap { position: relative; max-width: 1600px; margin: 0 auto; box-sizing: border-box; padding: 0 20px; }
.content_history .history_wrap .history_menu { position: absolute; top: 0; left: 20px; height: 100%; }
.content_history .history_wrap .history_menu.fixed { position: fixed; left: 50%; max-width: 1560px; width: calc(100% - 3%); transform: translateX(-50%); }
.content_history .history_wrap .history_menu .h_menu { width: 260px; height: 100%; border-left: 1px solid #e9e9e9; box-sizing: border-box; }
.content_history .history_wrap .history_menu .select-active { display: none; }
.content_history .history_wrap .history_menu ul { display: none; position: sticky; top: 100px; }
.content_history .history_wrap .history_menu.open ul { display: block; }
.content_history .history_wrap .history_menu ul li { position: relative; margin-bottom: 30px; }
.content_history .history_wrap .history_menu ul li a { display: block; padding: 10px 19px; font-size: 16px; color: #979797; padding: 0; line-height: 28px; letter-spacing: -0.16px; position: relative; }
.content_history .history_wrap .history_menu ul li.active a { color: #000; font-weight: 800; }
.content_history .history_wrap .history_menu .h_menu { border-left: 0; }
.content_history .history_wrap .content_box { width: calc(100% - 260px); margin-left: 260px; margin-bottom: 120px; position: relative; }
.content_history .history_wrap .history_list { border-top: 1px solid #e9e9e9; padding: 60px 0 58px; display: flex; opacity: 0.1; transition: 0.3s; }
.content_history .history_wrap .history_list.on { opacity: 1; }
.content_history .history_wrap .history_list h3 { width: 320px; color: #000; font-size: 60px; font-weight: 800; line-height: 80px; letter-spacing: -0.6px; transition: 0.3s; }
.content_history .history_wrap .history_list.on h3 { font-size: 72px; line-height: 90px; letter-spacing: -0.72px; }
.content_history .history_wrap .history_list ul { width: calc(100% - 320px); }
.content_history .history_wrap .history_list li + li { margin-top: 17px; }
.content_history .history_wrap .history_list div { display: flex; }
.content_history .history_wrap .history_list strong { color: #000; font-size: 16px; font-weight: 800; line-height: 28px; letter-spacing: -0.16px; margin-right: 20px; }
.content_history .history_wrap .history_list img { margin-top: 40px; max-width: 100%; border-radius: 20px; }
.content_history .history_wrap .history_list span { color: #555; font-size: 18px; line-height: 30px; letter-spacing: -0.18px; }

@media screen and (max-width: 992px) {
  .content_history { margin-top: 50px; }
  .content_history .history_wrap { padding: 0 20px; }
  .content_history .history_wrap .history_menu { left: 0; height: auto; width: 100%; background-color: #fff; z-index: 1; }
  .content_history .history_wrap .history_menu.fixed { left: 0; max-width: none; width: 100%; transform: translateX(0); z-index: 8001; }
  .content_history .history_wrap .history_menu .h_menu { width: 100%; height: auto; padding-top: 0; border-left: 0; }
  .content_history .history_wrap .history_menu .select-active { display: block; position: relative; font-size: 16px; font-weight: 800; line-height: 28px; letter-spacing: -0.16px; padding: 26px 10px 25px 24px; border-bottom: 1px solid #e9e9e9; box-sizing: border-box; }
  .content_history .history_wrap .history_menu .select-active::after { position: absolute; top: 50%; right: 30px; transform: translateY(-50%); content: url("../img/arrow_btn.webp"); transition: transform 0.3s ease; }
  .content_history .history_wrap .history_menu.open .select-active::after { transform: translateY(-50%) rotate(180deg); }
  .content_history .history_wrap .history_menu ul { position: relative; top: 0; padding: 16px 0; border-bottom: 1px solid #dbdbdb; box-shadow: 0px 0px 3px 0px #dbdbdb; }
  .content_history .history_wrap .history_menu ul li { margin-bottom: 0; }
  .content_history .history_wrap .history_menu ul li a { padding: 14px 24px; }
  .content_history .history_wrap .history_menu ul li.active a { color: #979797; font-weight: 400; }
  .content_history .history_wrap .content_box { width: 100%; margin-left: 0; margin-bottom: 80px; padding-top: 65px; }
  .content_history .history_wrap .content_box > div:first-child { padding-top: 60px; }
  .content_history .history_wrap .history_list { padding: 40px 0 48px; flex-direction: column; }
  .content_history .history_wrap .content_box > div:first-child .history_list:first-child { border-top: none; padding-top: 0; }
  .content_history .history_wrap .history_list h3 { width: 100%; font-size: 48px; line-height: 72px; letter-spacing: -0.48px; }
  .content_history .history_wrap .history_list.on h3 { font-size: 48px; line-height: 72px; letter-spacing: -0.48px; }
  .content_history .history_wrap .history_list ul { width: 100%; }
  .content_history .history_wrap .history_list li { margin-top: 25px; }
  .content_history .history_wrap .history_list li + li { margin-top: 16px; }
  .content_history .history_wrap .history_list strong { font-size: 14px; line-height: 26px; letter-spacing: -0.14px; margin-right: 18px; }
  .content_history .history_wrap .history_list img { margin-top: 30px; }
  .content_history .history_wrap .history_list span { font-size: 16px; line-height: 28px; letter-spacing: -0.16px; }
}

/* location 오시는 길 ==================================================================================== */
.location .maparea { display: flex; flex-wrap: wrap; margin-bottom: 100px; padding-bottom: 100px; border-bottom: 1px solid #ccc; }
.location .maparea:last-child { margin-bottom: 0; border-bottom: 0; }
.location .maparea .map-a { width: 100%;}
.location .maparea .loca_info_box { width: 100%; padding: 80px 65px; box-sizing: border-box; border-top: 0px solid #111; border-bottom: 0px solid #111; }
.location .maparea h3 { color: #171717; font-size: 36px; font-weight: 800; letter-spacing: -0.36px; }
.location .maparea .loca_address { color: #171717; font-size: 24px; letter-spacing: -0.2px; margin-top: 32px; }
.location .maparea .loca_contact { color: #646464; font-size: 24px; letter-spacing: -0.16px; margin-top: 15px; }
.location .maparea .loca_guide { margin-top: 48px;border-top: 1px solid #ddd; padding-top: 48px; }
.location .maparea .loca_guide dl { display: flex; align-items: flex-start; margin-bottom: 30px; }
.location .maparea .loca_guide dl + dl { margin-top: 12px; }
.location .maparea .loca_guide dt { width: 100px; text-align: center; margin-right: 16px; border-radius: 110px; color: #fff; font-size: 17px; font-weight: 500; line-height: 46px; letter-spacing: -0.16px; }
.location .maparea .loca_guide dd { color: #646464; font-size: 20px; line-height: 1.8; letter-spacing: -0.18px; }
.location .maparea .loca_guide .loca_sub1 { background-color: #3cb44a; }
.location .maparea .loca_guide .loca_bus1 { background-color: #386de8; }
.location .maparea .loca_guide .loca_sub2 { background-color: #3cb44a; }
.location .maparea .loca_guide .loca_car { background-color: cadetblue }
.location .maparea .loca_guide .loca_sub3 { background-color: #3cb44a; }
.location .maparea .loca_guide .loca_bus3 { background-color: #87c700; }

@media screen and (max-width: 1200px) {
  .location .maparea .map-a { width: 100%;}
  .location .maparea .loca_info_box { width: 635px; padding: 55px 40px; box-sizing: border-box; }
}

@media screen and (max-width: 992px) {
  .location .maparea { margin-bottom: 50px; padding-bottom: 50px; }
  .location .maparea .map-a { width: 100%;  }
  .location .maparea .loca_info_box { width: 100%; padding: 40px 20px; }
  .location .maparea h3 { font-size: 24px; letter-spacing: -0.24px; }
  .location .maparea .loca_guide { margin-top: 20px; }
  .location .maparea .loca_address { font-size: 17px; letter-spacing: -0.18px; margin-top: 22px; }
  .location .maparea .loca_guide dt, .location .maparea .loca_guide dd { font-size: 15px; }
}
@media all and (max-width: 768px) {
  .location .maparea .loca_guide dl { flex-direction: column; }
  .location .maparea .loca_guide dt {margin-bottom: 20px; }  
}
/* ci ==================================================================================== */
.content_ci { padding: 100px 0 0 0; }

.ci_wrap { max-width: 1600px; margin: 0 auto; padding: 0 20px; }
.ci_section { padding-bottom: 150px; }
.ci_section .ci_box { display: flex; margin-bottom: 4rem; }
.ci_section .ci_box h3 { width: 27.5rem; font-size: 38px; font-weight: 700; letter-spacing: -0.02em; color: #000; line-height: 1.26; }
.ci_section .ci_box .ci_txt { width: calc(100% - 27.5rem); }
.ci_section .ci_box .ci_txt .txt01 { font-size: 18px; font-weight: 400; letter-spacing: -0.02em; color: #444444; line-height: 1.76; }
.ci_section .ci_box .ci_txt .txt02 { font-size: 15px; font-weight: 400; letter-spacing: -0.02em; color: rgba(0, 0, 0, 0.5); line-height: 1.4; padding-top: 1.3rem; }
.ci_section .ci_img { display: flex; align-items: center; justify-content: center; min-height: 25rem; padding: 0 15rem; border: 4px solid #f2f2f2; border-radius: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.ci_section .ci_img img { max-width: 100%; }
.ci_section.ci_color_seciton .ci_box h3 { font-size: 38px; }
.ci_section .ci_color_box { display: flex; margin: 0 -1rem; padding-top: 2rem; }
.ci_section .ci_color_box .ci_color { width: calc(50% - 2rem); margin: 0 1rem; border-radius: 20px; padding: 3rem; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.ci_section .ci_color_box .ci_color.color_1 { background: #115d84; }
.ci_section .ci_color_box .ci_color.color_2 { background: #088a68; }
.ci_section .ci_color_box .ci_color strong { display: block; font-size: 24px; font-weight: 700; letter-spacing: -0.02em;  color: #fff; }
.ci_section .ci_color_box .ci_color .color_txt { padding-top: 3rem; }
.ci_section .ci_color_box .ci_color .color_txt span { display: inline-block; font-size: 17px; font-weight: 400; letter-spacing: -0.02em; color: rgba(255, 255, 255, 0.7); margin-right: 2rem; }

@media all and (max-width: 1280px) {
  .ci_section .ci_box .ci_txt .txt01 > br { display: none; }
}

@media all and (max-width: 992px) {
  .ci_section { padding-bottom: 100px; }
  .ci_section .ci_box { display: block; }
  .ci_section .ci_box h3 { width: 100%; }
  .ci_section .ci_box .ci_txt { width: 100%; padding-top: 1.5rem; }
  .ci_section .ci_img { min-height: 18rem; padding: 0 5rem; }
  .ci_section .ci_color_box { padding-top: 0; display: block; margin: 0; }
  .ci_section .ci_color_box .ci_color { width: 100%; margin: 0; margin-bottom: 2rem; }
}

@media all and (max-width: 768px) {
  .ci_section .ci_color_box .ci_color .color_txt span { width: 100%; margin-right: 0; margin-bottom: 1rem; }
  .ci_section .ci_color_box .ci_color .color_txt span:last-of-type { margin-bottom: 0rem; }
}

[data-scroll="fade-up"] { opacity: 0; -webkit-transform: translate3d(0, 30px, 0); transform: translate3d(0, 30px, 0); transition: opacity 0.6s ease-out, transform 0.6s ease-out; }
[data-scroll="fade-up"].is-visible { opacity: 1; -webkit-transform: translate3d(0, 0px, 0); transform: translate3d(0, 0px, 0); }

/* sub01 ==================================================================================== */
.sub01_wrap { padding: 0px 0 0 0; }
.sub01_wrap .inner .sub01_box_wrap { border-bottom: 1px solid #d6d6db; padding: 0 0 100px; }
.sub01_wrap .inner .sub01_swiper { overflow: hidden; }
.sub01_wrap .inner .sub01_swiper .swiper-wrapper { padding: 0 0 22px; }
.sub01_wrap .inner .sub01_swiper .swiper-wrapper .swiper-slide:hover { cursor: grab; }
.sub01_wrap .inner .sub01_swiper .swiper-wrapper .swiper-slide .swiper_img { border-radius: 0px; padding-top: 50%; position: relative; overflow: hidden; display: block; height: 230px; }
.sub01_wrap .inner .sub01_swiper .swiper-wrapper .swiper-slide .swiper_img img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -o-object-fit: cover; object-fit: cover; width: 100%; height: 100%; }
.sub01_wrap .inner .sub01_swiper .swiper-wrapper .swiper-slide .slide_txt { position: absolute; top: 0; left: 0; bottom: 0; right: 0; padding: 18px; display: flex; align-items: flex-end; color: #fff; font-size: 28px; font-weight: 500; letter-spacing: -0.84px; padding: 70px 65px; }
.sub01_wrap .inner .sub01_swiper .swiper_page_wrap { display: flex; justify-content: center; align-items: center; }
.sub01_wrap .inner .sub01_swiper .swiper_page_wrap .swiper-button-prev,
.sub01_wrap .inner .sub01_swiper .swiper_page_wrap .swiper-button-next { display: block; background: none; color: #000; font-size: 18px; font-weight: bold; margin: 0 5px; cursor: pointer; top: auto; left: auto; right: auto; position: relative; width: 20px; height: 20px; }
.sub01_wrap .inner .sub01_swiper .swiper_page_wrap .swiper-pagination { bottom: auto; top: auto; padding: 0; margin: 0; display: flex; justify-content: center; align-items: center; gap: 0px; padding: 0 5px; color: #979797; text-align: center; font-size: 17px; font-weight: 300; position: relative; align-items: center; width: fit-content; }
.sub01_wrap .inner .sub01_swiper .swiper_page_wrap .swiper-pagination .cnt { color: #000; text-align: center; font-size: 17px; font-weight: 300; line-height: 100%; width: 30px; }
.sub01_wrap .inner .sub01_swiper .swiper_page_wrap .swiper-pagination .total { color: #979797; text-align: center; font-size: 17px; font-weight: 300; width: 30px; }

.sub01_wrap .inner .sub01_box_wrap2 { display: flex; flex-direction: column; gap: 78px; padding: 64px 0; }
.sub01_wrap .inner .sub01_box_wrap2 .sub01_flex { display: flex; flex-direction: row; gap: 0; }
.sub01_wrap .inner .sub01_box_wrap2 .sub01_flex .c01_left { flex: 0 0 19.6vw; font-size: 24px; font-weight: 600; letter-spacing: -0.72px; line-height: 1; color:#000 }
.sub01_wrap .inner .sub01_box_wrap2 .sub01_flex .c01_left .num { display: inline-flex; color: #555; justify-content: center; align-items: center; text-align: center; font-size: 18px; font-weight: 300; width: 36px; height: 36px; position: relative; right: 15px; border-radius: 50%; border: 1px solid #d6d6db; background: #fff; }
.sub01_wrap .inner .sub01_box_wrap2 .sub01_flex .c01_right { transform: translateY(3px); flex-grow: 1; text-align: left; }
.sub01_wrap .inner .sub01_box_wrap2 .sub01_flex .c01_right .c01_right_txt { color: #333; font-size: 20px; font-weight: 500; letter-spacing: -0.6px; position: relative; top: -2px; }
.sub01_wrap .inner .sub01_box_wrap2 .sub01_flex .c01_right .table_wrap { margin-top: -5px; }
.sub01_wrap .inner .sub01_box_wrap2 .sub01_flex .c01_right .table_wrap .con1_tbl { display: flex; }
.sub01_wrap .inner .sub01_box_wrap2 .sub01_flex .c01_right .table_wrap .con1_tbl table { flex-grow: 1; }

.sub01_wrap .inner .sub01_bottom_box { display: flex; flex-direction: column; border: 1px solid #d0d0d0; background: var(--write-bg); margin: 50px 0 80px; border-radius: 15px; padding: 58px 48px; gap: 28px; }
.sub01_wrap .inner .sub01_bottom_box h2 { color: #000; font-size: 24px; font-weight: 600; line-height: 100%; letter-spacing: -0.72px; }
.sub01_wrap .inner .sub01_bottom_box ul { padding-left: 6px; display: flex; flex-flow: column nowrap; gap: 10px; }
.sub01_wrap .inner .sub01_bottom_box ul li { position: relative; padding-left: 4px; color: #555; font-size: 17px; line-height: 1.6; letter-spacing: -0.5px; }
.sub01_wrap .inner .sub01_bottom_box ul li:after { content: ""; display: block; background-color: #666; width: 2px; height: 2px; position: absolute; top: 11px; left: -5px; border-radius: 50%; }


.sub01_wrap .inner .work-wrap {position: relative; height: 600px; }
.sub01_wrap .inner .work-wrap .work-img{ width: 95%; position: absolute; opacity: 0.8; top: 0px; background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url(../img/work_01.jpg); height: 550px;}
.sub01_wrap .inner .work-wrap .work-txt{ position: absolute; right: 0; background-color: #171717; padding: 60px; color: #fff; font-size: 30px; font-weight: 100; z-index: 1; bottom: 0; }

@media screen and (max-width: 992px) {
  .sub01_wrap .inner .sub01_swiper .swiper-wrapper .swiper-slide .slide_txt { padding: 40px; }
  .sub01_wrap .inner .sub01_box_wrap2 .sub01_flex { flex-direction: column; }
  .sub01_wrap .inner .sub01_box_wrap2 .sub01_flex .c01_left { flex: 0 0 50px; }
  .sub01_wrap .inner .sub01_box_wrap2 { gap: 40px; }
}

@media screen and (max-width: 640px) {
  .sub01_wrap .inner .sub01_box_wrap { padding: 0 0 50px; }
  .sub01_wrap .inner .sub01_swiper .swiper-wrapper .swiper-slide .slide_txt { font-size: 17px; padding: 25px; }
  .sub01_wrap .inner .sub01_box_wrap2 .sub01_flex .c01_left { font-size: 21px; }
  .sub01_wrap .inner .sub01_box_wrap2 .sub01_flex .c01_left .num { width: 30px; height: 30px; right: 5px; }
  .sub01_wrap .inner .sub01_box_wrap2 .sub01_flex .c01_right .slide_txt { font-size: 17px; }
  .sub01_wrap .inner .sub01_bottom_box { padding: 38px 30px; margin: 20px 0 20px; }
  .sub01_wrap .inner .sub01_bottom_box h2 { font-size: 19px; }
  .sub01_wrap .inner .work-wrap .work-img{ width: 100%; position: relative; opacity: 0.8; top: 40px; background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url(../img/work_02.jpg); background-size: cover; height: 350px;}
  .sub01_wrap .inner .work-wrap .work-txt{ position: relative;background-color: #171717; padding: 20px; color: #fff; font-size: 20px; font-weight: 100;  }  
}

@media screen and (max-width: 576px) {
  .sub01_wrap { padding: 0; }
}



/* sub02 ==================================================================================== */
.sub02_top_tit { font-size: 50px; letter-spacing: -1px;  font-weight: 700; text-align: center; padding: 120px 20px; color: #000; }
.sub02_top_text { background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url(../img/sub02_img01.jpg); background-attachment: fixed; padding: 160px 20px; text-align: center; color: #fff; }
.sub02_top_text > p { text-align: center; }

[class^="sub02_contents0"] { padding: 80px 20px 0; }

.sub02_top_text h3 { font-size: 50px; font-weight: 700; }
.sub02_top_text p { font-size: 25px; font-weight: 400; color: #fff; opacity: 0.9; margin-top: 20px }
.sub02_contents01 p { padding-top: 40px; }

[class^="sub02_contents0"] h4 { font-size: 32px; padding-top: 160px; color: #333; }
[class^="sub02_contents0"] p { font-size: 18px; line-height: 32px; text-align: justify; color:#555 }

.sub02_contents02, .sub02_contents03 { display: flex; flex-wrap: wrap; justify-content: space-between; }

[class^="sub02_contents0"] img { border-radius: 20px; width: 100%; }

.sub02_img_wrap01 { width: 40%; }
.sub02_img_wrap02 { width: 41%; }
.sub02_contents02 p { width: 52%; }
.sub02_contents02 p strong {color: #1a1a1a}
.sub02_contents03 p { width: 52%; }
.sub02_contents03 p strong { color: #1a1a1a}
.sub02_contents04 p { padding: 40px 0; }
.sub02_img_wrap04 { width: 40%; }
.sub02_contents05_2 { display: flex; flex-wrap: wrap; justify-content: space-between; padding: 80px 20px; }
.sub02_contents05_2 p { width: 52%; }
.sub02_contents06_wrap { padding: unset; background-color: #f4f8ff; }
.sub02_img_wrap05 { padding-top: 80px; }

.sub02_contents06_wrap .sub02_list { display: flex; flex-wrap: wrap; justify-content: space-between; padding: 80px 0; }
.sub02_contents06_wrap .sub02_list .sub02_item:nth-child(n + 3) { padding-top: 40px; }
.sub02_contents06_wrap .sub02_item { width: 48%; }
.sub02_contents06_wrap .sub02_item p:first-child { font-size: 20px; font-weight: 700; padding-bottom: 20px; }

.sub02_contents07 p, .sub02_contents08 p { padding: 40px 0; }
.sub02_contents09 { background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url(../img/sub02_img08.jpg) no-repeat center; color: #fff; height: 600px; margin-top: 160px; padding: 0 20px; display: flex; justify-content: center; align-items: center; }
.sub02_contents09 p { display: flex; justify-content: center; font-size:24px; font-weight: 600; text-align: center; line-height: 1.65; color: #fff }

@media (max-width: 1024px) {
  [class^="sub02_img_wrap0"] { width: 100%; }
  [class^="sub02_contents0"] p:not(.sub02_item p, .sub02_contents09 p) { width: 100%; line-height: 32px; padding-top: 40px; }
  .sub02_img_wrap02 { order: 1; }
  .sub02_contents03 p { order: 2; }
}

@media (max-width: 768px) {
  .sub02_top_tit { font-size: 32px; font-size: clamp(30px, 4vw, 32px); }
  [class^="sub02_contents0"] h4 { padding-top: unset; }
  .sub02_contents06_wrap .sub02_item { width: 100%; }
  .sub02_contents06_wrap .sub02_list .sub02_item:nth-child(n + 2) { padding-top: 40px; }
  .sub02_top_text { background-attachment: unset; }
}

/* sub03 ======================================================================================================*/
.sub03_wrap { position: relative; width: 100%; }
.sub03_wrap .sub03_scroll_wrap { position: relative; }
.sub03_wrap .sub03_scroll_wrap .buttons_container { z-index: 3; position: absolute; left: 50%; top: 0; transform: translateX(-48rem); width: 1px; height: calc(100% - 41rem); }
.sub03_wrap .sub03_scroll_wrap .buttons_container .scroll_btn { position: sticky; left: 0; top: 0; width: 20.875rem; padding-top: 100px; }
.sub03_wrap .sub03_scroll_wrap .buttons_container .scroll_btn button { display: block; left: 0; top: 0; color: #999; border: 0 none; background-color: transparent; cursor: pointer; }
.sub03_wrap .sub03_scroll_wrap .buttons_container .scroll_btn button b { display: inline-block; width: 3rem; font-size: 1rem; font-weight: 500; line-height: 1.5; letter-spacing: -0.02px; vertical-align: middle; color: inherit; }
.sub03_wrap .sub03_scroll_wrap .buttons_container .scroll_btn button strong { display: inline-block; font-size: 1.25rem; font-weight: 700; line-height: 1.5; letter-spacing: -0.02px; vertical-align: middle; color: inherit; }
.sub03_wrap .sub03_scroll_wrap .buttons_container .scroll_btn button + button { margin-top: 1.5rem; }
.sub03_wrap .sub03_scroll_wrap .buttons_container .scroll_btn button.active { color: #111; }
.sub03_wrap .sub03_scroll_wrap .buttons_container .scroll_btn button.active b { margin-top: 0.6125rem; font-size: 1.25rem; font-weight: 700; vertical-align: top; }
.sub03_wrap .sub03_scroll_wrap .buttons_container .scroll_btn button.active strong { font-size: 3.125rem; line-height: 1.4; vertical-align: top; }

.sub03_wrap .sub03_scroll_wrap .sub03_info_section .info_item { position: relative; padding-bottom: 100px; overflow: hidden; }
.sub03_wrap .sub03_scroll_wrap .sub03_info_section .info_item .heading { position: absolute; overflow: hidden; width: 1px; height: 1px; clip: rect(-1px, -1px, -1px, -1px); }
.sub03_wrap .sub03_scroll_wrap .sub03_info_section .info_item .info_inner { position: relative; max-width: 1540px; width: 100%; margin: 0 auto; padding-left: 380px; padding-top: 100px; }
.sub03_wrap .sub03_scroll_wrap .sub03_info_section .info_item .text_box { margin-top: 0; }
.sub03_wrap .sub03_scroll_wrap .sub03_info_section .info_item .text_box h3 { font-size: 38px; font-weight: 700; line-height: 1.4; letter-spacing: -0.02em; word-break: keep-all; }
.sub03_wrap .sub03_scroll_wrap .sub03_info_section .info_item .text_box h3 .point_color { color: #107af2; }
.sub03_wrap .sub03_scroll_wrap .sub03_info_section .info_item .text_box p.subtext { margin-top: 2.5rem; font-size: 17px; line-height: 1.65; color: #555;  word-break: keep-all; }
.sub03_wrap .sub03_scroll_wrap .sub03_info_section .info_item .card_slider { margin-top: 7.5rem; position: relative; }
.sub03_wrap .sub03_scroll_wrap .sub03_info_section .info_item:nth-child(1) .card_slider::before { content: ""; display: block; position: absolute; left: -1000px; bottom: -100px; width: 1000px; height: 920px; background: #fff; z-index: 2; }
.sub03_wrap .sub03_scroll_wrap .sub03_info_section .info_item:nth-child(2) .card_slider::before { content: ""; display: block; position: absolute; left: -1000px; bottom: -100px; width: 1000px; height: 920px; background: linear-gradient(to top, #eef6f4 0, #fff 500px, #fff); z-index: 2; }
.sub03_wrap .sub03_scroll_wrap .sub03_info_section .info_item:nth-child(3) .card_slider::before { content: ""; display: block; position: absolute; left: -1000px; bottom: -100px; width: 1000px; height: 920px; background: #fff; z-index: 2; }
.sub03_wrap .sub03_scroll_wrap .sub03_info_section .info_item .card_slider ul { display: flex; cursor: grab; }
.sub03_wrap .sub03_scroll_wrap .sub03_info_section .info_item .card_slider ul li { flex-shrink: 0; display: flex; flex-direction: column; justify-content: flex-start; width: 460px; height: 460px; margin-right: 20px; padding: 2.5rem; border-radius: 20px; color: #fff; }
.sub03_wrap .sub03_scroll_wrap .sub03_info_section .info_item .card_slider ul li h4 { display: block; font-size: 1.5rem; font-weight: 700; line-height: 1.5; letter-spacing: -0.02px; color: inherit; word-break: keep-all; margin-bottom: 1.25rem; }
.sub03_wrap .sub03_scroll_wrap .sub03_info_section .info_item .card_slider ul li p { display: block; margin-top: auto; font-size: 1.5rem; font-weight: 700; line-height: 1.38; letter-spacing: -0.06px; color: inherit; word-break: keep-all; }
.sub03_wrap .sub03_scroll_wrap .sub03_info_section .info_item .card_slider ul li:last-child { margin-right: 0; }
.sub03_wrap .sub03_scroll_wrap .sub03_info_section .info_item:nth-child(1) { padding-top: 0; }
.sub03_wrap .sub03_scroll_wrap .sub03_info_section .info_item:nth-child(2) { position: relative; z-index: 1; }

.sub03_wrap .sub03_scroll_wrap .sub03_info_section .info_item:nth-child(2)::before { content: ""; position: absolute; top: 0; width: 100vw; height: 100%; background: linear-gradient(to top, #eef6f4 0, #fff 500px, #fff); z-index: -1; }
.sub03_wrap .sub03_scroll_wrap .sub03_info_section .info_item:nth-child(1) .card_slider ul li:nth-child(1) { background: url(../img/sub03_slide01_img01.jpg) no-repeat center center/cover; }
.sub03_wrap .sub03_scroll_wrap .sub03_info_section .info_item:nth-child(1) .card_slider ul li:nth-child(2) { background: url(../img/sub03_slide01_img02.jpg) no-repeat center center/cover; }
.sub03_wrap .sub03_scroll_wrap .sub03_info_section .info_item:nth-child(1) .card_slider ul li:nth-child(3) { background: url(../img/sub03_slide01_img03.jpg) no-repeat center center/cover; }
.sub03_wrap .sub03_scroll_wrap .sub03_info_section .info_item:nth-child(2) .card_slider ul li:nth-child(1) { background: url(../img/sub03_slide02_img01.jpg) no-repeat center center/cover; }
.sub03_wrap .sub03_scroll_wrap .sub03_info_section .info_item:nth-child(2) .card_slider ul li:nth-child(2) { background: url(../img/sub03_slide02_img02.jpg) no-repeat center center/cover; }
.sub03_wrap .sub03_scroll_wrap .sub03_info_section .info_item:nth-child(2) .card_slider ul li:nth-child(3) { background: url(../img/sub03_slide02_img03.jpg) no-repeat center center/cover; }
.sub03_wrap .sub03_scroll_wrap .sub03_info_section .info_item:nth-child(3) .card_slider ul li:nth-child(1) { background: url(../img/sub03_slide03_img01.jpg) no-repeat center center/cover; }
.sub03_wrap .sub03_scroll_wrap .sub03_info_section .info_item:nth-child(3) .card_slider ul li:nth-child(2) { background: url(../img/sub03_slide03_img02.jpg) no-repeat center center/cover; }
.sub03_wrap .sub03_scroll_wrap .sub03_info_section .info_item:nth-child(3) .card_slider ul li:nth-child(3) { background: url(../img/sub03_slide03_img03.jpg) no-repeat center center/cover; }

.guide_wrap{margin-top: 72px; color: #555; display: flex; flex-direction: column; gap: 50px;}
.guide_bg {width: 100%; height: 500px; background: url(../img/d_guide_01.jpg) no-repeat center center/cover; border-radius: 300px;}









@media screen and (max-width: 1540px) {
  .sub03_wrap .sub03_scroll_wrap .buttons_container { left: 0.75rem; transform: none; }
  .sub03_wrap .sub03_scroll_wrap .sub03_info_section .info_item .card_slider ul li { min-height: 19.54rem; }
}

@media (max-width: 1200px) {
  .sub03_wrap { max-width: none; }
  .sub03_wrap .sub03_scroll_wrap { padding-left: 0; padding-right: 0; }
  .sub03_wrap .sub03_scroll_wrap .buttons_container { display: none; }
  .sub03_wrap .sub03_scroll_wrap .sub03_info_section .info_item { padding-bottom: 5rem; }
  .sub03_wrap .sub03_scroll_wrap .sub03_info_section .info_item .info_inner { padding: 0 20px 0; margin: 0 auto; }
  .sub03_wrap .sub03_scroll_wrap .sub03_info_section .info_item .heading { position: static; overflow: visible; width: 100%; height: auto; clip: auto; }
  .sub03_wrap .sub03_scroll_wrap .sub03_info_section .info_item .heading b { display: block; font-size: 0.875rem; font-weight: 500; line-height: 1.57; letter-spacing: -0.01px; }
  .sub03_wrap .sub03_scroll_wrap .sub03_info_section .info_item .heading strong { display: block; margin-top: 0.25rem; font-size: 1.25rem; font-weight: 700; line-height: 1.5; letter-spacing: -0.02px; }
  .sub03_wrap .sub03_scroll_wrap .sub03_info_section .info_item .text_box { margin-top: 3.5rem; }
  .sub03_wrap .sub03_scroll_wrap .sub03_info_section .info_item .card_slider { margin-top: 5rem; max-width: 100%; padding: 0; }
  .sub03_wrap .sub03_scroll_wrap .sub03_info_section .info_item:nth-child(1) .card_slider::before,
  .sub03_wrap .sub03_scroll_wrap .sub03_info_section .info_item:nth-child(2) .card_slider::before,
  .sub03_wrap .sub03_scroll_wrap .sub03_info_section .info_item:nth-child(3) .card_slider::before { display: none; }
  .sub03_wrap .sub03_scroll_wrap .sub03_info_section .info_item .card_slider ul li h4 { word-break: break-all; font-size: 1.125rem; }
  .sub03_wrap .sub03_scroll_wrap .sub03_info_section .info_item .card_slider ul li p { margin-top: auto; font-size: 1.125rem; font-weight: 700; }
  .sub03_wrap .sub03_scroll_wrap .sub03_info_section .info_item .card_slider ul li:last-child { margin-right: 0; }
}

@media screen and (max-width: 992px) {
  .sub03_wrap .sub03_scroll_wrap .sub03_info_section .info_item .card_slider ul li { flex-shrink: 0; flex-basis: 18.5rem; min-height: 18.5rem; height: 21.5rem; margin-right: 1rem; padding: 1.5rem; color: #fff; }
}

@media screen and (max-width: 640px) {
  .sub03_wrap .sub03_scroll_wrap .sub03_info_section .info_item .text_box h3 { font-size: 28px; }
  .sub03_wrap .sub03_scroll_wrap .sub03_info_section .info_item .text_box { margin-top: 0; }
}






/* sub04 ======================================================================================================*/
.sub04_branditem { display: flex; margin-bottom: 160px; }

[class^="sub04"] h2 { width: 20%; font-size: 40px; font-weight: 700; }
[class^="sub04"] h3 { font-size: 24px; font-weight: 700; }

.sub04_symbol { width: 100%; }
.sub04_symbol p { font-size: 17px; font-weight: 500; color: #555;  line-height: 1.65 }
.sub04_mark { width: 100%; border: 1px solid #d2d2d2; border-radius: 20px; background-color: #fff; padding: 180px 0; position: relative; margin-bottom: 40px; text-align: center; }
.sub04_contents01 { display: flex; }
.sub04_color_wrap { width: 100%; }
.sub04_color_main { width: 100%; display: flex; gap: 56px; margin: 24px 0 120px 0; }
.sub04_color_main li { width: calc((100% - 3.5rem) / 2); }
.sub04_color_main p { font-size: 24px; color: #fff; font-weight: 700; color: #fff;  padding: 32px; margin-bottom: 32px; border-radius: 20px; }

[class^="sub04_color"] span { display: block; font-size: 16px; line-height: 1.75;  font-weight: 600; }

.sub04_color_main li:nth-of-type(1) p { background-color: #c5a253; }
.sub04_color_main li:nth-of-type(2) p { background-color: #85677b; }
.sub04_color_sub { width: 100%; display: flex; column-gap: 80px; row-gap: 80px; flex-wrap: wrap; margin-top: 24px; }
.sub04_color_sub li { width: calc((100% - 10rem) / 3); }
.sub04_color_sub li p { padding: 40px 0 0 0; margin-bottom: 12px; border-radius: 20px; }
.sub04_color_sub li:nth-of-type(1) p { background: #d8c8bd; }
.sub04_color_sub li:nth-of-type(2) p { background: #a78c7b; }
.sub04_color_sub li:nth-of-type(3) p { background: #964f4c; }
.sub04_color_sub li:nth-of-type(4) p { background: #ffbe98; }
.sub04_color_sub li:nth-of-type(5) p { background: #ca848a; }
.sub04_color_sub strong { font-size: 20px; line-height: 1.5; font-weight: 700; margin: 12px 0 20px 0; }

@media (max-width: 960px) {
  .sub04_branditem { flex-direction: column; row-gap: 24px; margin-bottom: 120px; }
  .sub04_mark img { width: 80%; }
  .sub04_contents01 { display: flex; flex-direction: column; row-gap: 24px; margin-bottom: 120px; }
  .sub04_color_main { width: 100%; flex-direction: column; gap: 24px; margin-bottom: 58px; }
  .sub04_color_sub { flex-direction: column; column-gap: initial; row-gap: 24px; }
  [class^="sub04"] h2 { width: 100%; }
  [class^="sub04_color"] li { width: 100%; }
}

/* sub05 ======================================================================================================*/
.sub05_wrap .sub05_tab_box .sub05_tab { top: 0; left: 0; width: 100%; height: 80px; text-align: center; background-color: #fff; }
.sub05_wrap .sub05_tab_box .sub05_tab.fixed { position: fixed; top: 0px; z-index: 9; transition: 250ms ease-in-out; box-shadow: 0 0 3px rgba(12, 12, 12, 0.3); }
.sub05_wrap .sub05_tab_box .sub05_tab li { display: inline-block; position: relative; height: 100%; }
.sub05_wrap .sub05_tab_box .sub05_tab li + li { margin-left: 40px; }
.sub05_wrap .sub05_tab_box .sub05_tab li:before { display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background-color: #107af2; transform: rotateY(90deg); content: ""; }
.sub05_wrap .sub05_tab_box .sub05_tab li .tab_btn { display: inline-flex; justify-content: center; align-items: center; height: 100%; color: #717171; font-size: 24px; font-weight: 500; padding: 0 5px; background: none; border: none; }
.sub05_wrap .sub05_tab_box .sub05_tab li.active:before { transform: rotateY(0); transition: 300ms ease-in-out; }
.sub05_wrap .sub05_tab_box .sub05_tab li.active .tab_btn { color: #107af2; font-weight: 600; }

@media (max-width: 1200px) {
  .sub05_wrap .sub05_tab_box { height: 60px; }
  .sub05_wrap .sub05_tab_box .sub05_tab { height: 80px; }
  .sub05_wrap .sub05_tab_box .sub05_tab li + li { margin-left: 35px; }
}

@media (max-width: 1000px) {
  .sub05_wrap .sub05_tab_box { border-bottom: none; }
  .sub05_wrap .sub05_tab_box .sub05_tab { box-shadow: none; white-space: nowrap; overflow-x: auto; padding: 0 10px; }
  .sub05_wrap .sub05_tab_box .sub05_tab li:before { display: none; }
  .sub05_wrap .sub05_tab_box .sub05_tab li + li { margin-left: 20px; }
  .sub05_wrap .sub05_tab_box .sub05_tab li .tab_btn { font-size: 19px; color: #262626; font-weight: 300; }
  .sub05_wrap .sub05_tab_box .sub05_tab li.active .tab_btn { font-weight: 700; }
}

.sub05_wrap .sub05_info_section { padding: 100px 0; }
.sub05_wrap .sub05_box { display: none; }
.sub05_wrap .sub05_box.active { display: block; }
.sub05_wrap .sub05_box .sub05_flex { display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; width: 100%; margin: 0 auto; }
.sub05_wrap .sub05_box .sub05_flex .sub05_img { position: relative; border-radius: 20px; width: 32%; }
.sub05_wrap .sub05_box .sub05_flex .sub05_img:nth-child(n + 4) { margin-top: 30px; }
.sub05_wrap .sub05_box .sub05_flex .sub05_img img { border-radius: 20px; width: 100%; }
.sub05_wrap .sub05_box .sub05_flex .sub05_img span { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.8); color: white; display: flex; justify-content: center; align-items: center; text-align: center; font-size: 17px; line-height:1.65; word-break: keep-all; padding: 0 30px; border-radius: 20px; visibility: hidden; opacity: 0; }

.sub05_wrap .sub05_box .sub05_flex .sub05_img:focus span,
.sub05_wrap .sub05_box .sub05_flex .sub05_img:hover span { opacity: 1; visibility: visible; transition: 200ms ease-out; transition-property: opacity, visibility; }

@media (max-width: 1000px) {
  .sub05_wrap .sub05_box .sub05_flex .sub05_img { width: 49%; }
  .sub05_wrap .sub05_box .sub05_flex .sub05_img:nth-child(n + 3) { margin-top: 2vw; }
  .sub05_wrap .sub05_box .sub05_flex .sub05_img span { font-size: 19px; line-height: 24px; }
}

@media (max-width: 640px) {
  .sub05_tab_box .sub05_tab li .tab_btn { font-size: 17px; }
  .sub05_wrap .sub05_box .sub05_flex .sub05_img { width: 100%; }
  .sub05_wrap .sub05_box .sub05_flex .sub05_img:nth-child(n + 2) { margin-top: 20px; }
  .sub05_wrap .sub05_box .sub05_flex .sub05_img span { font-size: 17px; line-height: 20px; }
}

/* sub06 ======================================================================================================*/
.sub06_contents01 { display: flex; justify-content: space-between; }
.sub06_left_txt { display: flex; flex-direction: column; }
.sub06_conbox:nth-of-type(n + 2) { padding-top: 32px; }
.sub06_conbox strong { font-size: 24px; font-weight: 700; padding-bottom: 20px; display: block }
.sub06_cate > span { font-weight: 500; display: block; line-height: 1.65; color: #555;}
.sub06_cate h2 { padding-bottom: 5px; display: block; font-size: 18px}
.sub06_infotxt { color: #555; line-height: 1.7; font-weight: 500; margin-bottom: 10px; }
.sub06_right_img { width: calc(100% - 490px); }
.sub06_right_img ul { display: flex; flex-wrap: wrap; gap: 10px; }
.sub06_right_img ul li { flex-basis: calc(50% - 10px); height: 300px; border-radius: 20px; overflow: hidden; }
.sub06_right_img ul li img { width: 100%; height: 100%; object-fit: cover; }

@media (max-width: 960px) {
  .sub06_right_img { width: calc(100% - 50vw); }
  .sub06_right_img ul { flex-direction: column; }
  .sub06_right_img ul li { flex-basis: 100%; height: 16vw; }
}

@media (max-width: 640px) {
  .sub06_contents01 { flex-direction: column; }
  .sub06_right_img { width: 100%; margin-top: 40px; }
  .sub06_right_img ul { flex-direction: unset; }
  .sub06_right_img ul li { flex-basis: calc(50% - 10px); height: 30vw; }
}

 .section05{ width:100%; padding:150px 0; text-align:center; overflow:hidden; background-color: lightslategray; background-image:linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ),url(../img/d_intro_item_img_04.jpg); background-position: center; background-size: cover; position:relative; background-attachment: fixed;}
 .section05 h2 { max-width:1200px; margin:0 auto; overflow:hidden; font-size:42px; padding-bottom:10px; font-weight:bold; color:#fff;}
 .section05 span  {max-width:1200px; margin:0 auto; overflow:hidden; display:block; padding:20px 20px 30px 20px; color:#fff; text-align:center; opacity: 0.8; font-size:18px; line-height:1.6; font-weight:400; word-break: keep-all}
 .section05 ul li { width:50%; height:450px; padding: 65px 50px; float:left; background-repeat:no-repeat; background-position: center center; background-size: cover; border-radius: 25px; }
 .section05 ul li h3 { font-size:18px; color:#fff; font-weight:400; padding-bottom:10px; text-align:left; }
 .section05 ul li h2 { font-size:28px; color:#fff; letter-spacing:0; text-align:left; font-weight:400; line-height:1.2}
 .section05 ul li span { display:block; font-size:20px; padding:20px 0; color:#fff;  opacity:0.8; text-align:left; font-weight:400; letter-spacing:0}
 .section05 ul li a {display:inline-block;  border-top:1px solid rgba(0,0,0,0.3); border-bottom:1px solid rgba(0,0,0,0.3); padding:7px 30px;  color:#000; font-size:12px; float:left;  transition: all .2s}
 .section05 ul .box01 { background-image: url(../img/foot_bg_01-1.png); background-color: lightblue; background-size: 80%;}
 .section05 ul .box01 a { border-top:1px solid rgba(255,255,255,0.3); border-bottom:1px solid rgba(255,255,255,0.3); color:#fff;}
 .section05 ul .box01 a:hover { background-color:#000; color:#fff}
 .section05 ul .box02 { background-image: url(../img/foot_bg_02.png); }
 .section05 ul .box02 h3 { color: aliceblue}
 .section05 ul .box02 h2 { color:#fff}
 .section05 ul .box02 span { color:#fff; opacity:0.8}
 .section05 ul .box02 a { border-top:1px solid rgba(255,255,255,0.3); border-bottom:1px solid rgba(255,255,255,0.3); color:#fff;}
 .section05 ul .box02 a:hover { background-color:#f83a9d; color:#fff}
@media screen and (max-width: 768px) {
	.section05 ul li { width:100%;}

}

@media screen and (max-width: 576px) {
 .section05 {padding: 60px 0; background-image: none;} 
 .section05 ul li {height: 250px;}
 .section05 h2 { font-size:32px}
 .section05 ul li h2 { font-size:26px}
.section05 ul .box01 {background-size: 90%;} 
}



 [data-aos="reveal-line"] {
      clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
      -webkit-clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
      /* Safari 지원 */
      transition: clip-path 1.5s ease-out, -webkit-clip-path 1.5s ease-out;
    }

    [data-aos="reveal-line"].aos-animate {
      clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
      -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    }

    /* 만약 clip-path가 지원되지 않는 브라우저용 fallback */
    @supports not (clip-path: polygon(0 0, 0 0, 0 100%, 0 100%)) {
      [data-aos="reveal-line"] {
        transform: translateX(-100px);
        opacity: 0;
        transition: all 1.5s ease-out;
      }

      [data-aos="reveal-line"].aos-animate {
        transform: translateX(0);
        opacity: 1;
      }
    }

    /* 줌 애니메이션 */
    [data-aos*="bg-zoom-out"] {
      transform: scale(1.3) translateY(-50%) rotate(-8deg);
      opacity: 0.6;
      transition: all 1s ease-out;
      /* transition 추가 */
    }

    [data-aos*="bg-zoom-out"].aos-animate {
      transform: scale(1) translateY(-50%) rotate(-8deg);
      opacity: 1;
    }