@import url('sub.css'); 



.tit_wrap {margin:0 0 80px; text-align:center; width:100%;}
.tit_wrap .fs75 {line-height: 1.27; }



/* 인사말 */
#greeting {}
.gre_top_visual {position:relative;}
.gre_top_visual .gre_top_bg {height:759px; overflow:hidden;}
.gre_top_visual .gre_top_bg img {display: block; width: 100%; height: 100%; object-fit: cover; object-position: center;}
.gre_top_visual .gre_top_logo {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}

.gre_info_in {display:flex; flex-wrap:wrap;  gap:0 150px;}
.gre_info_in .gre_info_img {max-width:645px; width:45%; position:relative; z-index:10;}
.gre_info_in .gre_info_img .shape_box {display:block; width:100%; aspect-ratio: 645 / 691; position:absolute; top:0; left:0; z-index:-1;}
.gre_info_in .gre_info_img .shape_box::before {content:''; width: 488.168px; height: 483.579px; background: #E0E0E0; position:absolute; top:0; left:0; border-radius:0 50px 0 50px;}
.gre_info_in .gre_info_img .shape_box::after {content:''; width: 488.168px; height: 483.579px; background: #EFEFEF; position:absolute; bottom:0; right:0; border-radius:50px 50px 0 50px;}
.gre_info_in .gre_info_img .gre_info_sign {position:absolute; bottom:0; left:20px; transform:translateY(50%);}
.gre_info_in .gre_info_img img {max-width:100%; height:auto !important;}
.gre_info_in .gre_info_txt {flex:1; display:flex; flex-wrap:wrap; justify-content:space-between;  flex-direction:column; padding:100px 0; background:url("/about/img/info_symbol.png")no-repeat top right; gap:15px 0;}
.gre_info_in .gre_info_txt .fs18 {color:var(--black); font-weight:500;}
.gre_info_in .gre_info_txt .fs18+.fs18 {margin:30px 0 0;}

.gre_list {display:flex; flex-direction:column; gap:200px 0;}
.gre_list .gre_item {display:flex; gap:0 80px; flex-wrap:wrap;}
.gre_list .gre_item .gre_fig {flex:1; overflow: hidden; aspect-ratio: 915 / 600; border-radius:0 0 300px 0;}
.gre_list .gre_item .gre_fig img {display: block; width: 100%; height: 100%; object-fit: cover; object-position: center;}
.gre_list .gre_item .gre_tBox {max-width:595px; width:42%; display:flex; flex-wrap:wrap; justify-content:space-between;  flex-direction:column; padding:70px 0; gap:15px 0;}
.gre_list .gre_item:nth-of-type(2n-1) .gre_fig {order:2; border-radius:0 0 0 300px;}
.gre_list .gre_item .gre_tBox .gre_tBox_center .fs18 {color:var(--black); font-weight:500;}
.gre_list .gre_item .gre_tBox .gre_tBox_btm {}
.gre_list .gre_item .gre_tBox .gre_tBox_btm dl {display:flex; flex-wrap:wrap; align-items:center; gap:0 30px;}
.gre_list .gre_item .gre_tBox .gre_tBox_btm dl dt {font-weight:500;}
.gre_list .gre_item .gre_tBox .gre_tBox_btm dl dt .fs18 {color:var(--main); font-weight:500;}
.gre_list .gre_item .gre_tBox .gre_tBox_btm dl dd {}
/* 인사말 */



/* 오시는 길 */
#location {}
#location .location-info .location-info-top {text-align:left;}
#location .location-sns {justify-content: flex-start;}
.loc_detail { display: flex; align-items: stretch; gap: 30px; margin-top: 80px; }
.loc_detail .loc_detail_in { flex: 1; display: flex; flex-direction: column; min-width: 0; }
.loc_detail .loc_detail_box { position: relative; display: flex; align-items: flex-start; padding: 35px 40px 35px 220px; box-sizing: border-box; min-height: 240px; background: var(--white); border: 1px solid var(--border); }
.loc_detail .loc_detail_box + .loc_detail_box { border-top: 0; }
.loc_detail .loc_detail_box > figure { position: absolute; left: 63px; top: 49px; display: block; width: 73px; }
.loc_detail .loc_detail_box + .loc_detail_box > figure { left: 55px; top: 54px; width: 109px; }
.loc_detail .loc_detail_box > figure img { width: 100%; height: auto; display: block; }
.loc_detail .loc_detail_box .fs20 { color: var(--black); }
.loc_detail .loc_detail_box .fs20 .fs18 { font-weight: 400; margin-left: 10px; }
.loc_detail .loc_detail_box dl { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-top: 15px; }
.loc_detail .loc_detail_box dl dt span { display: inline-flex; align-items: center; justify-content: center; height: 25px; padding: 0 15px; border-radius: 25px; background: #6b7124; color: var(--white); font-size: 0.875rem; font-weight: 500; line-height: 1.714; letter-spacing: -0.05em; white-space: nowrap; }
.loc_detail .loc_detail_box dl dd.fs18 { color: var(--black); }
.loc_detail .loc_detail_box dl + ul { margin-top: 10px; }
.loc_detail .loc_detail_box p.fs20 + ul { margin-top: 5px; }
.loc_detail .loc_detail_box ul { display: flex; flex-direction: column; gap: 5px; }
.loc_detail .loc_detail_box ul li { position: relative; padding-left: 11px; color: var(--basic); font-size:inherit; line-height:inherit; letter-spacing: inherit;}
.loc_detail .loc_detail_box ul li::before { content: ''; position: absolute; top: 13px; left: 0; width: 3px; height: 3px; background: var(--black); }
.loc_detail > figure { display: block; overflow: hidden; width: 49%; max-width: 780px; aspect-ratio: 780 / 480; flex-shrink: 0; background: var(--black_bg); }
.loc_detail > figure img { width: 100%; height: 100%; object-fit: cover; display: block; }
/* 오시는 길 */



/* 의료진 */
#doctor {}
#doctor .eng.fs75 {text-transform: uppercase;}
#doc_team { display: flex; flex-direction: column; gap: 80px; align-items: center; width: 100%; }
#doc_team .doc_team_tit { color: var(--main);  text-align: center; letter-spacing: 0.75px; line-height: 1.267; }
#doc_team .doc_team_in { display: flex; flex-direction: column; gap: 100px; align-items: center; width: 100%; }
#doc_team .doc_team_in > figure { display: block; overflow: hidden; width: 100%; aspect-ratio: 1590 / 470; background: var(--black);  }
#doc_team .doc_team_in > figure img { width: 100%; height: 100%; object-fit: cover; display: block; }
#doc_team .doc_team_txt { display: flex; flex-direction: column; gap: 150px;  padding: 0 270px; box-sizing: border-box;  width:100%;}
#doc_team .doc_team_txt .fs28 {  color: var(--basic); font-weight: 400; line-height: 1.429; }
#doc_team .doc_team_txt .doc_team_r { text-align: right; }
#doc_team .doc_team_sym { display: flex; justify-content: center; align-items: flex-start;  height: 234px; border-bottom: 1px solid var(--border); overflow: hidden; box-sizing: border-box;  width:100%;}
#doc_team .doc_team_sym figure { width: 320px; /* max-width: 20%;  */ display: block; overflow: hidden; mix-blend-mode: luminosity; }
#doc_team .doc_team_sym figure img { width: 100%; height: auto; display: block; }
#doc_list { display: flex; flex-direction: column; gap: 200px;  padding: 0; list-style: none; width: 100%; }
#doc_list > li { display: flex; flex-direction: column; gap: 60px; width: 100%; }
#doc_list .doc_profile {position:relative;  display: flex; gap: 80px;  align-items: flex-start;   margin: 0 auto; }
#doc_list .doc_profile > figure { width: 40.6%; max-width: 645px; flex-shrink: 0; display: block; overflow: hidden; aspect-ratio: 645 / 780; background: var(--black);  }
#doc_list .doc_profile > figure img { width: 100%; height: 100%; object-fit: cover; display: block; mix-blend-mode: luminosity; opacity: 0.9; }
#doc_list .doc_profile aside {flex: 1; display: flex; flex-direction: column; gap: 50px; padding: 70px 0 130px; min-width: 0; box-sizing: border-box; }
#doc_list > li.pad0 .doc_profile aside {padding-bottom:0 !important;} 
#doc_list .doc_profile aside .doc_head { display: flex; gap: 30px; align-items: center; padding-bottom: 40px; border-bottom: 1px solid var(--border); }
#doc_list .doc_profile aside .doc_head .fs75 {  color: var(--black); font-weight: 400; line-height: 1.2; letter-spacing: -0.04em; }
#doc_list .doc_profile aside .doc_head dl {  }
#doc_list .doc_profile aside .doc_head dl dt {  color: var(--black); font-weight: 400; letter-spacing:0.2px;}
#doc_list .doc_profile aside .doc_head dl dd {  color: var(--black); font-weight: 500; }
#doc_list .doc_profile aside > ul { display: flex; flex-wrap: wrap; gap: 15px 10px;  padding: 0; list-style: none; width: 100%; }
#doc_list .doc_profile aside > ul > li { padding-left:11px; box-sizing:border-box; position:relative;  width: calc(50% - 5px); box-sizing: border-box; font-size: 1.25rem; line-height: 1.7; letter-spacing: -0.04em; font-weight: 400;}
#doc_list .doc_profile aside > ul > li::before { content: ''; width: 3px; height: 3px; background: var(--black); flex-shrink: 0;  position:absolute; top:16px; left:0;}
#doc_list .doc_profile aside .doc_btns { display: flex; gap: 5px; justify-content: flex-end; width: 100%; margin-top: auto; position:absolute; bottom:30px; right:0;}
#doc_list .doc_profile aside .doc_btns .moreBtn { width: 168px; padding: 15px 25px; box-sizing: border-box; justify-content: space-between; gap: 10px; font-size: 1rem; line-height: 1.75; letter-spacing: 0.02em; }
#doctor .ytBtn {position:relative; display:inline-flex; align-items:center; justify-content:space-between; gap:10px; width:168px; padding:15px 25px; box-sizing:border-box; border:1px solid #CA0B0B; color:#CA0B0B; text-decoration:none; font-size:1rem; line-height:1.75; letter-spacing:0.02em; transition:all 0.4s ease-in-out;}
#doctor .ytBtn::before {content:''; width:0; height:100%; background-color:#CA0B0B; position:absolute; top:0; left:0; z-index:-1; transition:all 0.4s ease-in-out;}
#doctor .ytBtn:hover {color:var(--white); transition:all 0.4s ease-in-out;}
#doctor .ytBtn:hover::before {width:100%; transition:all 0.4s ease-in-out;}
#doctor .ytBtn::after {content:''; width:20px; aspect-ratio:1/1; background-color:currentColor; -webkit-mask:url("/about/img/youtube_ico.svg") no-repeat center/contain; mask:url("/about/img/youtube_ico.svg") no-repeat center/contain; display:block; transition:all 0.4s ease-in-out;}

#doc_list .doc_roll_wrap {display: flex; overflow: hidden; width: 100vw; max-width: 100vw; margin-left: calc(50% - 50vw); }
#doc_list .doc_roll {animation: rolling var(--speed) linear infinite; display: flex; gap: 30px; list-style: none; margin: 0 0 0 -37px; padding: 0; width: max-content; }
#doc_list .doc_roll:hover {animation-play-state: paused;}
#doc_list .doc_roll > li {flex-shrink: 0; width: 375px; max-width: 23.6vw; }
#doc_list .doc_roll > li figure {aspect-ratio: 375/280; background: #2F373E; display: block; overflow: hidden;}
#doc_list .doc_roll > li figure img {display: block; height: 100%; object-fit: cover; width: 100%;}
@keyframes rolling {0% {transform: translateX(0);} 100% {transform: translateX(-50%);}}
/* 의료진 */



/* 제너리스의 특별함 */
#info { display: flex; flex-direction: column; gap: 80px; align-items: center; }
#info .info_visual { position: relative; width: 100%; height:610px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; overflow: hidden;}
#info .info_visual figure { display: block; overflow: hidden; background: var(--black); position: absolute; top:0; left:0; width:100%; height:100%;}
#info .info_visual figure img { width: 100%; height: 100%; object-fit: cover; display: block; }
#info .info_visual .info_vtit {text-align:center; color: var(--white); text-align: center;  letter-spacing: 30px; text-transform: uppercase; position:relative; z-index:10; font-size: 1.875rem; width:90%; margin:0 auto;}
#info .info_txt { display: flex; flex-direction: column; gap: 20px; max-width:1050px; width:90%; box-sizing: border-box; margin:0 auto;}
#info .info_txt .fs28 {  }
#info .info_txt .lead .fs28 { color: var(--basic); font-weight: 400;  line-height: 142.857%;}
#info .info_txt .lead b.fs28 {font-weight: 700; display:block; margin:20px 0 0; color:var(--black); line-height:inherit;}

#philosophy { position: relative; display: flex; flex-direction: column; gap: 150px; }
.philosophy_img_box { position: relative; }
#philosophy .left_tit { position: absolute; top: clamp(0px, 1.88vw, 30px); left: 0; width: calc((100% - clamp(20px, 3.76vw, 60px)) / 3); text-align: right;     font-size: clamp(2rem, 4.6vw, 4.6875rem); word-break: keep-all; }
#philosophy .center_tit { position: absolute; bottom: clamp(0px, 10.06vw, 160px); left: 50%; width: calc((100% - clamp(20px, 3.76vw, 60px)) / 3); text-align: center; transform: translateX(-50%);     font-size: clamp(2rem, 4.6vw, 4.6875rem); word-break: keep-all; }
#philosophy ul { display: flex; gap: clamp(10px, 1.88vw, 30px); align-items: flex-start; justify-content: center;  list-style: none; }
#philosophy ul li { flex: 1; max-width: 510px; }
#philosophy ul li:nth-child(1) { margin-top: clamp(0px, 9.43vw, 150px); }
#philosophy ul li:nth-child(3) { margin-top: clamp(0px, 18.86vw, 300px); }
#philosophy ul li figure { display: block; overflow: hidden; aspect-ratio: 510 / 600; background: var(--black); }
#philosophy ul li figure img { width: 100%; height: 100%; object-fit: cover; }
#philosophy .phil_txt { display: flex; align-items: stretch; width: 100%;}
#philosophy .phil_txt > .bracket { width: 50px; flex-shrink: 0; border: 1px solid var(--black); border-bottom: 1px solid var(--black); opacity: 0.3; }
#philosophy .phil_txt > .bracket:first-of-type { border-right: 0; }
#philosophy .phil_txt > .bracket:last-of-type { border-left: 0; }
#philosophy .phil_txt > .bracket_in { flex: 1; display: flex; flex-direction: column; gap: 30px; align-items: center; padding: 50px 0; text-align: center; }
#philosophy .phil_txt .fs28 {  color: var(--basic); }

#principle {}
#principle ul { display: flex; flex-direction: column;  padding: 0; list-style: none; width: 100%; }
#principle ul li { display: flex; align-items: stretch; width: 100%; }
#principle ul li figure { width: 33.33%; display: block; overflow: hidden; aspect-ratio: 530 / 300; background: var(--black); flex-shrink: 0; }
#principle ul li figure img { width: 100%; height: 100%; object-fit: cover; display: block; }
#principle ul li aside { width: 33.33%; display: flex; flex-direction: column; justify-content: center; padding: 30px 70px; box-sizing: border-box; flex-shrink: 0; }
#principle ul li aside .fs20 {color: var(--main); letter-spacing: 0.2px; }
#principle ul li aside p.fs20 {color:var(--black);}
#principle ul li aside .fs50 {color: var(--main);}
#principle ul li aside .fs16 { color: var(--black); opacity: 0.7;}
#principle ul li aside:last-of-type { align-items: center; border-left: 1px dashed var(--border); }
#principle ul li:nth-child(odd) aside { background: var(--grayBg); }
#principle ul li:nth-child(2) aside { background: var(--white); }
#principle ul li:nth-child(2) aside + aside { background: var(--white); }

#treat ul { display: flex; flex-direction: column; gap: 30px;  padding: 0; list-style: none; }
#treat ul li { display: flex; align-items: stretch; gap: 0; }
#treat ul li > .tBox { flex: 1; display: flex; flex-direction: column; gap: 30px; justify-content: center; padding-right: 40px; box-sizing: border-box; }
#treat ul li > .tBox .fs28 {  color: var(--black); font-weight: 400; }
#treat ul li > .tBox .fs18 {  color: var(--basic); }
#treat ul li figure { position: relative; width: 65%; max-width: 915px; display: block; overflow: hidden; aspect-ratio: 915 / 400; background: var(--black); flex-shrink: 0; }
#treat ul li figure img { width: 100%; height: 100%; object-fit: cover; display: block; }
#treat ul li figure .eng.fs40 { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);  color: var(--white); text-align: center; line-height: 1.375; width: 90%; }

#mosaic { display: flex; flex-direction: column; gap: 200px; align-items: center; }
#mosaic > figure { display: block; overflow: hidden; aspect-ratio: 1590 / 817; width: 100%; }
#mosaic > figure img { width: 100%; height: 100%; object-fit: cover; display: block; }
#mosaic .line_tit { display: flex; flex-direction: column; gap: 60px; align-items: center; text-align: center;}
#mosaic .line_tit .eng.fs60 {  color: var(--main); letter-spacing: 0.2em; line-height: 1.25; }
#mosaic .line_tit .fs28 {  color: var(--basic); }
#mosaic .line_tit .fs28 strong { color: var(--black); font-weight: 500; letter-spacing: 0.02em; }

#line { display: flex; flex-direction: column; gap: 30px; }
#line ul { display: flex; flex-direction: column; gap: 30px;  padding: 0; list-style: none; }
#line ul li { display: flex; align-items: stretch; gap: 80px; }
#line ul li > .tBox { flex: 1; display: flex; flex-direction: column; justify-content: space-between; padding: 70px 0; box-sizing: border-box; order:1; gap:15px;}
#line ul li > .tBox .eng.fs60 {  color: var(--black); line-height: 1.25; }
#line ul li > .tBox .fs18 {  color: var(--basic); }
#line ul li figure { width: 65%; max-width: 915px; display: block; overflow: hidden; aspect-ratio: 915 / 550; background: var(--black); flex-shrink: 0;  order:2;}
#line ul li figure img { width: 100%; height: 100%; object-fit: cover; display: block; }
#line .foot_logo { display: block; margin: 170px auto 0; width: 159px; }
#line .foot_logo img { width: 100%; height: auto; display: block; }

#line ul li:nth-of-type(2n) .tBox {order:2;}
#line ul li:nth-of-type(2n) figure {order:1;}
/* 제너리스의 특별함 */



/*******************************************************************************
	@media ~1500px 
*******************************************************************************/
@media all and (max-width:1700px) { 

#principle ul li aside {padding:30px;}
#principle ul li aside br {display:none;}
#principle ul li aside .fs50 {font-size: clamp(2.22rem, 3.3vw, 3.125rem);}

.loc_detail .loc_detail_box { padding: 30px 30px 30px 160px; min-height: auto; }
.loc_detail .loc_detail_box > figure { left: 50px; top: 40px; width: 60px; }
.loc_detail .loc_detail_box + .loc_detail_box > figure { left: 45px; top: 42px; width: 85px; }

}
/*******************************************************************************
	@media ~1500px 
*******************************************************************************/
@media all and (max-width:1500px) { 

    #line ul li { gap: 50px; }
	
    #treat ul li > .tBox { padding-right: 20px; }
	#treat ul li > .tBox br {display:none;}

	.gre_info_in { gap: 0 80px; }
	.gre_info_in br {display:none;}
    .gre_info_in .gre_info_txt { padding: 60px 0; background-size: 35%; }
    
    .gre_info_in .gre_info_img .shape_box::before,
    .gre_info_in .gre_info_img .shape_box::after { width: 75%; height: 75%; }
    
    .gre_list { gap: 140px 0; }
    .gre_list .gre_item { gap: 0 50px; }
    .gre_list .gre_item .gre_tBox { padding: 40px 0; }

    .loc_detail .loc_detail_box { padding: 28px 25px 28px 120px; }
    .loc_detail .loc_detail_box > figure { left: 35px; top: 35px; width: 55px; }
    .loc_detail .loc_detail_box + .loc_detail_box > figure { left: 30px; top: 38px; width: 80px; }

#doc_team .doc_team_txt { padding: 0 150px; gap: 80px; }
    
    #doc_list .doc_profile { gap: 50px; }
    #doc_list .doc_profile aside { min-height: auto; padding-top: 40px; }
	
}

/*******************************************************************************
	@media ~1300px 
*******************************************************************************/
@media all and (max-width:1300px) { 

    #treat ul li figure, 
    #line ul li figure { width: 58%; }


	.gre_info_in { gap: 0 50px; }
    .gre_info_in .gre_info_txt { padding: 40px 0; }
    
    .gre_list { gap: 100px 0; }
    .gre_list .gre_item .gre_tBox { width: 45%; padding: 20px 0; }
    
    .gre_list .gre_item .gre_fig { border-radius: 0 0 200px 0; }
    .gre_list .gre_item:nth-of-type(2n-1) .gre_fig { border-radius: 0 0 0 200px; }
	

    .loc_detail .loc_detail_box { padding: 25px 20px 25px 100px; }
    .loc_detail .loc_detail_box > figure { left: 25px; top: 30px; width: 50px; }
    .loc_detail .loc_detail_box + .loc_detail_box > figure { left: 20px; top: 32px; width: 70px; }

	
	#doc_team { gap: 60px; }
    #doc_team .doc_team_in { gap: 60px; }
    #doc_team .doc_team_txt { padding: 0 0; gap: 50px; width:90%;}
    
    #doc_list > li { gap: 40px; }
    #doc_list .doc_profile { gap: 40px; }
    #doc_list .doc_profile > figure { width: 45%; max-width: 500px; }
	
	
}

/*******************************************************************************
	@media 769~980px 
*******************************************************************************/
@media all and (max-width:980px) { 

    #info .info_visual { height: 400px; }
    #info .info_visual .info_vtit { letter-spacing: 20px; font-size: 1.6rem; }
    #info .info_txt { text-align: center; }

    #philosophy .phil_txt > .bracket { width: 30px; }
    #philosophy .phil_txt > .bracket_in {padding: 30px 0; gap: 20px;}
	#philosophy .phil_txt > .bracket_in br {display:none;}


    #principle ul li { flex-wrap: wrap; }
    #principle ul li figure { width: 100%; aspect-ratio: 16 / 9; }
    #principle ul li aside { width: 50%; padding: 40px 30px; }
    #principle ul li:nth-child(2) figure { order: -1; }
    #principle ul li:nth-child(2) aside { width: 50%; }

    #treat ul {gap:50px;}
	#treat ul li { flex-direction: column; gap: 30px; }
    #treat ul li > .tBox { padding-right: 0; text-align: center; gap: 15px;}
    #treat ul li figure { width: 100%; max-width: 100%; aspect-ratio: 2 / 1;  order:-1;}

	#line ul {gap:50px;}
    #line ul li { flex-direction: column; gap: 30px; }
    #line ul li > .tBox { order: 2 !important; padding:0; text-align: center;  }
    #line ul li figure { width: 100%; max-width: 100%; order: 1 !important; aspect-ratio: 16 / 9; }
	
	 #mosaic { gap: 100px; }
	#mosaic .line_tit {gap:45px;}


	.gre_top_visual .gre_top_bg {height:500px; overflow:hidden;}
	.gre_top_visual .gre_top_logo img {max-width:200px;}
	.gre_info_in { flex-direction: column; gap: 60px 0; }
    .gre_info_in .gre_info_img { width: 80%; max-width: none; margin: 0 auto; }
    .gre_info_in .gre_info_txt { width: 100%; padding: 0; background-image: none; }
	
    
    .gre_list { gap: 80px 0; }
    .gre_list .gre_item { flex-direction: column; gap: 40px 0; }
	 .gre_list .gre_item br {display:none;}
    
    .gre_list .gre_item:nth-of-type(2n-1) .gre_fig { order: 1; border-radius: 0 0 150px 0; }
    .gre_list .gre_item .gre_fig { order: 1; border-radius: 0 0 150px 0; aspect-ratio: auto; }
    .gre_list .gre_item .gre_tBox { width: 100%; max-width: none; order: 2; padding: 0; }
	.gre_list .gre_item .gre_tBox .dots img {max-height:15px; width:auto;}
	.gre_list .gre_item .gre_tBox .gre_tBox_btm dl dd img {max-width:70px;}



/* 프로필 영역 세로(Column) 배치로 전환
    #doctor, #doc_team, #doc_list { gap: 60px; }
    
    #doc_team .doc_team_txt { gap: 40px; }
    #doc_team .doc_team_txt .fs28 { font-size: 22px !important; }
    
    #doc_list .doc_profile { flex-direction: column; align-items: center; gap: 30px; }
    #doc_list .doc_profile > figure { width: 80%; max-width: 450px; }
    
    #doc_list .doc_profile aside { width: 100%; padding-top: 10px; gap: 40px; }
    #doc_list .doc_profile aside .doc_head { padding-bottom: 20px; }
    #doc_list .doc_profile aside .doc_btns { justify-content: flex-start; padding-bottom: 0; } */
    
    /* 하단 롤링 이미지 크기 조정
    #doc_list .doc_roll > li { max-width: 35vw; } */
	
	#doc_list {gap:140px;}
	#doc_list .doc_profile aside {gap:30px;}
	#doc_list .doc_profile aside .doc_head {display:block; padding:0 0 30px;}
	#doc_list .doc_profile aside .doc_head .fs75 {font-size:2.88rem;}
	#doc_list .doc_profile aside .doc_head dl {display:flex; flex-wrap:wrap; align-items:center; gap:10px; margin:15px 0 0;}
	#doc_list .doc_profile aside {padding-top:0;}
	#doc_list .doc_profile aside > ul {gap:10px;}
	#doc_list .doc_profile aside > ul > li {width:100%;}

    .loc_detail { flex-direction: column; }
    .loc_detail > figure { width: 100%; max-width: 100%; }
    .loc_detail .loc_detail_box { padding: 25px 25px 25px 90px; }
    .loc_detail .loc_detail_box > figure { left: 20px; top: 28px; width: 48px; }
    .loc_detail .loc_detail_box + .loc_detail_box > figure { left: 18px; top: 30px; width: 65px; }

}

/*******************************************************************************
	@media 481~680px 
*******************************************************************************/
@media all and (max-width:680px) { 

.tit_wrap {margin:0 0 40px;}



    #info { gap: 40px; }
    #info .info_visual { height: 300px; }
    #info .info_visual .info_vtit { letter-spacing: 10px; font-size: 1.33rem; }
	#info .info_txt .fs28, #info .info_txt .lead b.fs28 {margin:10px 0 0;}
    #info .info_txt .fs28, #info .info_txt .lead b.fs28 { font-size: 1.2rem; }

     #philosophy { gap: 50px; }
    #philosophy .left_tit { position: static; width: 100%; text-align: center; margin-bottom: 20px; }
    #philosophy .center_tit { position: static; width: 100%; text-align: center; margin-top: 20px; transform: none; }
    #philosophy ul { gap: 10px; }
    #philosophy ul li {flex:1;}
	#philosophy ul li:nth-child(1) {margin-top: clamp(25px, 8.43vw, 150px);}
	#philosophy ul li:nth-child(3) {margin-top: clamp(50px, 15.86vw, 300px);}
    
    #philosophy .phil_txt { padding: 0 20px; box-sizing: border-box; }
	#philosophy .phil_txt > .bracket {width:12px;}
    #philosophy .phil_txt > .bracket_in { padding: 20px 15px; gap: 15px;}
	#philosophy .phil_txt .fs28 {font-size:1.12rem; line-height:1.7;}

    #principle ul li aside { width: 100%; padding:  20px; text-align: center; border-left: none !important; }
    #principle ul li aside:last-of-type { border-top: 1px dashed var(--border); padding-bottom:30px;}
	#principle ul li:nth-child(2) aside {width:100%;}

    #treat ul li > .tBox .fs28 { font-size: 1.4rem; }
    #treat ul li figure .eng.fs40 { font-size: 1.4rem; }

    #mosaic { gap: 50px; }
    #mosaic .line_tit { gap: 25px; }
    #mosaic .line_tit .eng.fs60 { font-size: 1.8rem; }
    #mosaic .line_tit .fs28 { font-size: 1.1rem; }
	#mosaic .line_tit .fs28 br {display:none;}
	
	
	.gre_top_visual .gre_top_bg {height:300px; overflow:hidden;}
	.gre_top_visual .gre_top_logo img {max-width:150px;}
	
	.gre_info_in { gap: 40px 0; }
    .gre_info_in .gre_info_img { width: 100%; }
    .gre_info_in .gre_info_img .shape_box::before,
    .gre_info_in .gre_info_img .shape_box::after { width: 80%; height: 80%; border-radius: 30px; }
    

    .gre_info_in .gre_info_img .gre_info_sign { left: 10px; width: 40%; }
   
    .gre_list { gap: 60px 0; }
    .gre_list .gre_item { gap: 30px 0; }
    .gre_list .gre_item .gre_fig { border-radius: 0 0 80px 0; }
    .gre_list .gre_item:nth-of-type(2n-1) .gre_fig { border-radius: 0 0 80px 0; }
    
    .gre_list .gre_item .gre_tBox .gre_tBox_btm dl { gap: 10px 20px; }
    .gre_info_in .gre_info_txt .fs18+.fs18 { margin: 15px 0 0; }
	
	
	
    #line { gap: 60px; }
	#line ul br {display:none;}
    #line ul li > .tBox .eng.fs60 { font-size: 2rem; }
	
    #line .foot_logo { margin-top: 0; width: 100px; }


    #doctor, #doc_team, #doc_list { gap: 50px; }
	#doc_team .doc_team_sym figure {width:140px;}
    #doc_team .doc_team_in { gap: 40px; }
	#doc_team .doc_team_txt br {display:none;}
    #doc_team .doc_team_txt { padding: 0; gap: 30px; }
    #doc_team .doc_team_txt .fs28 { font-size: 18px !important; }
    #doc_team .doc_team_txt .doc_team_r { text-align: left; }
    #doc_team .doc_team_sym { height: 84px; }

	#doc_list {gap:80px;}
	#doc_list .doc_profile {display:block; width:100%;}
	#doc_list .doc_profile > figure {width:100%; max-width:100%;}
    #doc_list .doc_profile aside {margin:30px 0 0; gap:15px; padding:0;}
	#doc_list .doc_profile aside > ul > li { width: 100%; }
	#doc_list .doc_profile aside .doc_head {padding:0 0 15px;}
	#doc_list .doc_profile aside .doc_head .fs75 {font-size:2rem;}
    #doc_list .doc_profile aside .doc_btns { width: 100%; gap: 4px; padding-bottom:0; margin:20px 0 0; position:relative; bottom:0;}
    #doc_list .doc_profile aside .doc_btns .moreBtn,
    #doctor .ytBtn { width: 100%; justify-content: center; }
	
	
    
	#doc_list .doc_roll {gap:15px; margin-left:-15px;}
    #doc_list .doc_roll > li { max-width: 60vw; }
	#doc_list .doc_profile aside > ul {gap:5px;}
	#doc_list .doc_profile aside > ul > li::before {top:14px;}
	
	#doc_list .doc_profile aside .doc_btns .moreBtn {padding:10px 15px;}
	#doctor .ytBtn {padding:10px 15px;}

    .loc_detail { margin-top: 20px; gap: 20px; }
    .loc_detail .loc_detail_box { padding: 20px 18px 20px 90px; }
    .loc_detail .loc_detail_box > figure { left: 20px; top: 22px; width: 42px; }
    .loc_detail .loc_detail_box + .loc_detail_box > figure { left: 12px; top: 24px; width: 58px; }
    .loc_detail .loc_detail_box .fs20 .fs18 { display: block; margin: 5px 0 0; }
   
	
}