/*introduce.css*/
body{overflow-x: hidden;}
#container_title{display: none;}

/*sub top 공통 S*/
.sub_visual_img{width: 100%; height: 375px; background-size: cover; background-position: center; background-repeat: no-repeat;}
.sub_visual_img.intro{background-image: url('../img/company/banner.png');}
.sub_visual_img.custom{background-image: url('../img/company/banner05.png');}


.sub_visual_text{color: #fff; padding: 106px 0;}
.sub_visual_text h6{text-align: center;}
.sub_visual_text p{text-align: center; padding-top: 20px;}

#intro_wrap .sub_page_menu{width: 100%;}

#intro_wrap .sub_intro_tit{width: 100%; padding: 75px 20px 50px; text-align: center; border-bottom: 1px solid #e1e1e1; box-sizing: border-box;}
#intro_wrap .sub_intro_tit .top_small{display: flex; flex-wrap: wrap; justify-content: center; align-items: center; margin-bottom: 20px;}
#intro_wrap .sub_intro_tit .top_small > img{display: inline-block;}
#intro_wrap .sub_intro_tit .top_small .line{width: 25px; height: 1px; background: #ababab; box-sizing: border-box; margin: 0 10px;}
#intro_wrap .sub_intro_tit .top_small span{color: #ababab;}
#intro_wrap .sub_intro_tit h2{color: #323232;}
/*sub top 공통 E*/

/* 서브페이지 공통 S */
.sub_wrap{width: 100%; padding: 80px 0 150px;}
/* 서브페이지 공통 E */


/*인사말 S*/
.sub_wrap.intro{position: relative; width: 100%;}
.sub_wrap.intro::before{content: url(../img/company/intro_bg.png); position: absolute; right: -40px; top: 45%; transform: translateY(-50%); max-width: 80%;}
.sub_wrap.intro .inner > h3{color: #102b33;}
.sub_wrap.intro .inner > p{padding: 60px 0 40px; color: #585858;}
.sub_wrap.intro .inner > span{color: #323232;}
.sub_wrap.intro .inner .sign{display: inline-block; margin-left: 20px;}
.sub_wrap.intro .inner .sign img {max-width:120px; width:100%}

.sub_wrap.intro .inner .font-18 {margin-bottom:20px;     display: inline-block;}
/*인사말 E*/






.inner_sub {max-width:1330px; width:100%; margin:0 auto;}

@media screen and (max-width:1330px){
.inner_sub {padding:0 20px}
}


/* 항암면역치료 S */
.sub_wrap.trp{width: 100%;}
.sub_wrap.trp ul.trp_ex{width: 100%; display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
.sub_wrap.trp ul.trp_ex li:first-child{width: calc(50% - 70px); margin-right: 70px;}
.sub_wrap.trp ul.trp_ex li:first-child > img{box-shadow: 10px 10px 20px #66666667; width:100%}
.sub_wrap.trp ul.trp_ex li:last-child{width: 50%;}
.sub_wrap.trp ul.trp_ex li:last-child span{color: #989898;}
.sub_wrap.trp ul.trp_ex li:last-child h3{padding-bottom: 50px; color: #323232;}
.sub_wrap.trp ul.trp_ex li:last-child p{color: #585858;}

.trp_adv{width: 100%; margin: 100px 0px; padding-bottom:50px; background: #f7f7f7;}
.trp_adv h2 {padding:100px 0px 0px}
.trp_adv ul{width: 100%; padding: 90px 0 80px; display: flex; flex-wrap: wrap;}
.trp_adv ul li{word-break: keep-all; width:calc(50% - 20px); background:#fff; border:1px solid #0fa295; border-radius:20px; position: relative; z-index: 1; display:flex; padding:20px 50px ; align-items: center;}
.trp_adv ul li:nth-child(1) { margin:0px 20px 20px 0px}
.trp_adv ul li:nth-child(2) { margin:0px 0px 20px 20px}
.trp_adv ul li:nth-child(3) { margin:20px 20px 20px 0px}
.trp_adv ul li:nth-child(4) { margin:20px 0px 20px 20px}
.trp_adv ul li:nth-child(5) { margin:20px 20px 0px 0px}
.trp_adv ul li:nth-child(6) { margin:20px 0px 0px 20px}

.trp_adv ul li img {margin-right:50px}

.trp_adv ul li h4{color: #323232; }
.trp_adv ul li h4 b{color: #1db5a8;}
.trp_adv ul li p{color: #585858; font-size: 16px; padding-top: 15px;}




.point_color {color:#10a79a  !important}
.point_color01 {color:#1c9086 !important}

/* 항암면역치료 E */
@font-face {
    font-family: 'MaruBuri-Regular';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10-21@1.0/MaruBuri-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.maru {font-family: 'MaruBuri-Regular' !important;}
.gray {color:#989898 !important}
.gray01 {color:#585858 !important}
@media screen and (max-width:1250px){
    .sub_wrap.intro::before{transform: scale(0.7); right: 0;}
    .sub_visual_img{height: 320px;}
}



.sub_con {width: 100%; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; padding-bottom:50px}
.sub_con li:first-child{width: calc(50% - 70px); margin-right: 70px;}
.sub_con li:first-child > img{width:100%}
.sub_con li:last-child{width: 50%;}
.sub_con li:last-child span{color: #989898;}
.sub_con li:last-child h3{position: relative; padding-bottom:25px; color: #323232; border-bottom:1px solid #d4d4d4}
.sub_con li:last-child h3:after {content:""; display:block; position: absolute; background:#10a79a; height:3px; width:40%; bottom:-2px}



/*프로그램*/

.sub_con li:last-child h4{margin-bottom:10px; color: #989898;}
.sub_con li:last-child p{color: #585858; letter-spacing: -0.5px; padding-top:25px;}
.sub_con li:last-child .mint1{color: #1db5a8;}
.sub_con .program_box{position:relative; height:auto;}
.sub_con .program_box .program_txt{position:relative; padding-left:12px; padding-bottom:20px;}
.sub_con .program_box .program_txt p:before {content:""; width:5px; height:5px; background:#585858; display:inline-block; border-radius:50%; position: relative; vertical-align: middle; left:-10px; top:1px;}
.sub_con div.pro_more{ margin-top:; position:absolute; display:block; right:0; width:235px; height:58px; }
.sub_con div.pro_more a{padding:12px 0; background:#1db5a8; border-radius:18px; text-align:center; color:#fff; font-size:25px;}
.sub_con div.pro_more a:hover{box-shadow: 0px 3px 8px #33333356; color:#fff;}


@media screen and (max-width:1200px){
.trp_adv ul li img {height:95px}
.trp_adv ul li {width: calc(50% - 20px); padding:20px; margin-bottom:30px}
/*.trp_adv ul li:nth-child(odd) {padding-right:15px;}
.trp_adv ul li:nth-child(even) {padding-right:0px; padding-left:15px;}*/
.sub_wrap.trp ul.trp_ex li:first-child {width:50%; margin-right: 0px;}
.sub_wrap.trp ul.trp_ex li:last-child {width: calc(50% - 50px); margin-left: 50px;}


/*프로그램*/
.sub_con .program_box{position:relative; height:auto;}
.sub_con .program_box .program_txt{position:relative; padding-left:12px; padding-bottom:20px;}
.sub_con .program_box .program_txt p:before {content:""; width:5px; height:5px; background:#585858; display:inline-block; border-radius:50%; position: relative; vertical-align: middle; left:-10px; top:1px;}
.sub_con div.pro_more{ margin-top:; position:absolute; display:block; right:0; height:44px;}
.sub_con div.pro_more a{background:#1db5a8; border-radius:18px; text-align:center; color:#fff; font-size:18px;}
.sub_con div.pro_more a:hover{box-shadow: 0px 3px 8px #33333356; color:#fff;}


.sub_con li:first-child {width:50%; margin-right: 0px ;}
.sub_con li:last-child {width: calc(50% - 50px); margin-left: 50px;}
}

@media screen and (max-width:768px){
    .sub_wrap.intro::before{transform: scale(0.5);}
    .sub_visual_img{height: 250px;}
	.sub_wrap.intro .inner > p br.none {display:none}
	
.trp_adv ul li {width:100%; margin:0px !important; margin-bottom:20px !important}



.sub_wrap.trp ul.trp_ex li:first-child {width:100%; margin-right: 0px;}
.sub_wrap.trp ul.trp_ex li:last-child {width: calc(100% - 0px); margin-left: 0px; margin-top:50px}
.sub_wrap.trp ul.trp_ex li:last-child h3 {padding-bottom:25px}

/*프로그램*/
.sub_wrap.trp ul.trp_ex li:last-child h4 {padding-bottom:15px}





.sub_con li:first-child {width:100%; margin-right: 0px;}
.sub_con li:last-child {width: calc(100% - 0px); margin-left: 0px; margin-top:50px}
.sub_con li:last-child h3 {padding-bottom:25px}

/*프로그램*/
.sub_con li:last-child h4 {padding-bottom:4px}
}

@media screen and (max-width:500px){
.trp_adv ul li {flex-direction: column;}
.trp_adv ul li img {margin-bottom:30px; margin-right:0px}
}







/* 의료진 소개 S */
.sub_wrap.staff{width: 100%; padding-bottom: 0;}
.sub_wrap.staff .inner > h3{color: #102b33; text-align: center; padding-bottom: 80px;}

.staff_list{width: 100%; background: #f7f7f7; padding: 140px 0;}

.staff_info_01 {padding-top:50px}

.staff_list .line {position: relative}
.staff_list .line * {margin-left:20px}
.staff_list .line:before {content:""; width:3px; height:75px; background:#1db5a8; display:inline-block; position: absolute; margin-right:10px}

.staff_list ul.staff {display: flex; flex-wrap: wrap;}

.staff_list ul.staff > li:first-child {width:590px;}
.staff_list ul.staff > li:first-child img {width:100%; max-width:590px}
.staff_list ul.staff > li:last-child {width:calc(100% - 590px); padding:80px 20px 80px 80px; background:#fff}
.staff_list ul.staff > li > p {margin-left:20px; padding:50px 0px 60px}


.staff_list ul.staff_box .box02{margin-left:0px; display: flex; flex-wrap: wrap;}
.staff_list ul.staff_box li:first-child {width:100%}
.staff_list ul.staff_box li:last-child {width:100%}
.staff_list ul.staff_box li p{color:#585858; position: relative; margin-left:10px;  margin-right:20px}
.staff_list ul.staff_box li p:before {content:""; width:5px; height:5px; background:#585858; display:inline-block; border-radius:50%; position: relative; vertical-align: middle; left:-10px; top:1px; transform: translateY(-50%);}
.staff_list ul.staff_box li h2 {padding-bottom:10px}

/*.staff_list .staff_01 {background:url('../img/company/staff00.png')  #fff no-repeat center top; background-size:cover} 일러스트 기본 이미지*/
.staff_list .staff_01 {background:url('../img/company/staff01.png')  #fff no-repeat center top; background-size:cover}
.staff_list .staff_02 {background:url('../img/company/staff03_2024.png')   #fff no-repeat center top; background-size:cover}
.staff_list .staff_03 {background:url('../img/company/staff02_2024.png') no-repeat center top; background-size:cover}
.staff_list .staff_04 {background:url('../img/company/staff04.png') no-repeat center top; background-size:cover}



.staff_list .time {margin-left:590px;;width:calc(100% - 590px); padding:50px 80px; background:#1db5a8; display:none}


.staff_list .time table tr th {background:#1c9086; color:#fff; padding:10px 0px}
.staff_list .time table tr td {background:#fff; border:1px solid #c3c3c3;  padding:10px 0px}
.staff_list .time p {color:#fff; text-align:right}

.center {margin:0 auto; text-align:center}
.left {text-align:left}


.staff_list .notice_toggle  {text-align:right; cursor: pointer; padding-top:20px}

.staff_list .notice_toggle img {display:inline-block; margin-left:10px;     vertical-align: text-top;}

.staff_list ul.staff_box li {width:100%}
@media screen and (max-width:1520px){
/*.staff_list ul.staff_box li:first-child {width:60%}
.staff_list ul.staff_box li:last-child {width:40%}
*/
}


@media screen and (max-width:1400px){
.staff_list ul.staff > li:first-child {width:40%;}
.staff_list ul.staff > li:first-child img {width:100%; max-width:100%}
.staff_list ul.staff > li:last-child {width:calc(100% - 40%); padding:50px 20px 50px 50px; background:#fff}
.staff_list ul.staff_box li p {letter-spacing:0.5px; font-size: 14px; padding-left:10px;}
.staff_list .time {margin-left:40%;;width:calc(100% - 40%);}
} 


@media screen and (max-width:1200px){
.staff_list ul.staff > li:first-child {width:50%;}
.staff_list ul.staff > li:last-child  {width:50%;}
.staff_list ul.staff_box li:first-child {width:100%}
.staff_list ul.staff_box li:last-child {width:100%; margin-top:30px}
.staff_list .time {margin-left:50%;;width:50%; padding:30px 30px;}

}


@media screen and (max-width:850px){
.staff_list {padding:80px 0px}
.staff_list ul.staff > li:first-child {width:100%; height:50vh}
.staff_list ul.staff > li:last-child  {width:100%; padding:40px 20px; }
.staff_list ul.staff_box li:first-child {width:100%; }
.staff_list .time {margin-left:0%;;width:100%; padding:40px 20px;}

}
/* 의료진 소개 E */

.money .table {border:1px solid #69cac2}
.money h3 {padding:0px 20px 20px}
.money h4 {padding:100px 20px 20px}
.money .table_th {display:flex; width:100%; background:#10a79a; color:#fff;}
.money .table_th li {width:12.5%; font-size:16px; padding:10px; border:1px solid #c3c3c3; border-top:0px;}
.money .table_th li:first-child {border-left:0px} 
.money .table_th li:nth-child(4) {border-right:2px solid #69cac2} 
.money .table_th li:nth-child(5) {border-left:0px} 
.money .table_th li:last-child {border-right:0px} 

.money .table_td {display:flex; width:100%; flex-wrap: wrap;}
.money .table_td li {width:12.5%;font-size:16px; padding:10px;  border:1px solid #c3c3c3; border-top:0px; border-bottom:0px; border-left:0px}
.money .table_td li { border-top:0px; border-bottom:0px;}
.money .table_td li:first-child {border-left:0px} 
.money .table_td li:nth-child(4n) {border-right:2px solid #69cac2} 
.money .table_td li:nth-child(5) {border-left:0px} 
.money .table_td li:nth-child(8n) {border-right:0px} 
.money .table_td li:nth-child(n+8) {border-top:1px solid #c3c3c3} 

.money .table_td li:last-child {border-right:0px} 


.money table {width:100%; border-collapse: collapse; color:#585858}
.money table .table_th {display:revert; width:100%; background:#10a79a; color:#fff;}
.money table .table_th th {width:25%; font-size:22px; padding:10px; border:1px solid #c3c3c3; border-top:0px;}
.money table .table_th th:first-child {border-left:0px}
.money table .table_th th:last-child {border-right:0px} 

.money table .table_td {display:revert; width:100%; }
.money table .table_td:last-child td{border-top:1px solid #c3c3c3;}
.money table .table_td:last-child td:last-child{border-right:1px solid #c3c3c3;}
.money table .table_td td {width:25%; font-size:22px; padding:30px 10px;  border:1px solid #c3c3c3; border-top:0px; border-bottom:0px; border-left:0px}
.money table .table_td td:first-child {border-left:0px}
.money table .table_td td:last-child {border-right:0px} 

@media screen and (max-width:850px){
.money .table_th li {width:25%;font-size:14px;}
.money .table_th li:nth-child(n+5) {display:none}
.money .table_th li:nth-child(4) {border-right:0px solid #69cac2} 
.money .table_th li:nth-child(2n) {border-right:2px solid #69cac2} 
.money .table_td li:nth-child(2n) {border-right:2px solid #69cac2} 
.money .table_td li {width:25%; font-size:14px; min-height:41px} 
.money .table_td li:nth-child(n+4) {border-top:1px solid #c3c3c3} 
.money .table_td li:nth-child(4n) {border-right:0px solid #69cac2}  
.money .table_td li:nth-child(4) {border-right:0px solid #69cac2} 
.money .table_td li:nth-child(4n) {} 
.money .table_td li.m_none {display:none}
.money table .table_th th {font-size:16px; width:40%} 
.money table .table_th th:first-child {width:20%}

.money table .table_td td {font-size:16px; width:40%}
.money table .table_td td:first-child {width:20%}
}


.white {color:#fff}
.big_img {position: relative; }
.big_img_div {position: absolute; width:100%; background:rgba(0,0,0,0.8); padding:50px 45px; bottom:0px}
.big_img_div b {display:inline-block; padding:0px 50px 0px 20px}
.big_img_div span  {display:inline-block}


@media screen and (max-width:1200px){
.big_img {position: relative; }
}


@media screen and (max-width:768px){
.big_img_div {position: relative;}
.big_img_div {padding:30px 25px; }
.big_img_div b {display:inline-block; padding:0px 30px 0px 20px}
}


.dot_p  {padding-top:30px}
.dot_p p {position: relative;   line-height:180%;  padding-left:20px; color:#585858}
.dot_p p::before {content: "";  width: 5px;  height: 5px;  background: #000;  border-radius: 50%;  position: absolute;  left: 0; display:block;  top: 15px;}



.admission h3 {padding:0px 20px 20px}
.admission h4 {padding:100px 20px 20px}

.admission .admission_ul {padding-top:50px}
.admission .admission_ul_01 {padding-top:0px}
.admission .admission_ul ul {display:flex; width:100%;  align-items: center; flex-wrap: wrap; border:1px solid #c3c3c3;}

.admission .admission_ul ul li {position: relative; padding:20px 10px}
.admission .admission_ul ul li:nth-child(1) {width:10%}
.admission .admission_ul ul li:nth-child(2) {width:15%; text-align:left} 
.admission .admission_ul ul li:nth-child(3) {width:75%; text-align:left} 

.triangle {display: inline-block; border: 40px solid transparent;}
.triangle--top {border-top-color:#c1e5e2;}


@media screen and (max-width:850px){
.admission .admission_ul ul li:nth-child(1) {width:auto; text-align:left; padding:20px 0px 0px 20px}
.admission .admission_ul ul li:nth-child(2) {width:auto;  padding:20px 20px 0px 20px } 
.admission .admission_ul ul li:nth-child(3) {width:100%;  padding:20px} 
.triangle {display: inline-block; border: 30px solid transparent;}
.triangle--top {border-top-color:#c1e5e2;}
}


.life01 {padding-top:100px}
.life01 ul {display:flex}
.life01 ul li {border:1px solid #10a79a; border-radius:20px; padding:40px; width:calc(33.33% - 15px); }
.life01 ul li:nth-child(1) {margin-right:15px}
.life01 ul li:nth-child(2) {margin:0px 15px}
.life01 ul li:nth-child(3) {margin-left:15px}
.life01 ul li:nth-child(1) p {padding-top:30px}
.life01 ul li:nth-child(2) p {padding-top:30px}


@media screen and (max-width:850px){
.life01 ul {flex-wrap: wrap;}
.life01 ul li {width:100%; margin-bottom:30px; padding:20px;}
.life01 ul li:nth-child(1) {margin-right:0px}
.life01 ul li:nth-child(2) {margin:0px;  margin-bottom:30px}
.life01 ul li:nth-child(3) {margin-left:0px}
}

.life02_div {padding-top:50px}
.life02 h3 {padding:0px 20px 20px}
.life02 h4 {padding:100px 20px 20px}

.life02_ul ul {display:flex; width:100%;  border-radius:20px; align-items: center; flex-wrap: wrap; border:1px solid #10a79a; margin-bottom:30px}
.life02_ul ul li {position: relative; padding:30px 20px}
.life02_ul ul li:nth-child(1) {width:20%;}
.life02_ul ul li:nth-child(2) {width:80%; text-align:left} 

@media screen and (max-width:850px){
.life02_ul ul li  img {height:90px}
}


@media screen and (max-width:600px){
.life02_ul ul li  img {height:60px}
.life02_ul ul li .point_color {text-align:Center}
.life02_ul ul li:nth-child(1) {width:100%; padding:30px 20px 0px}
.life02_ul ul li:nth-child(2) {width:100%; text-align:left} 
.life02_ul ul li .dot_p  {padding-top:10px}
}

.map {background:#10a79a; padding:50px; color:#fff}
.map p {color:#fff}
.map p:before {background:#fff}
.map ul {display:flex; align-items: center; flex-wrap: wrap;}
.map ul li {width:50%}
.map_lay {border:1px solid #10a79a}

@media screen and (max-width:1000px){
.map { padding:30px 20px; color:#fff}
.map h4 {padding-bottom:20px}
.map .dot_p {padding-top:10px;}

.map ul li {width:100%}
}

.ideology_img img {width:100%}



.ideology h3 {padding:80px 0px 40px}
.ideology_icon  {padding:80px 0px 80px}
.ideology p{color:#585858}
.ideology_icon .ideology_pc{max-width:1205px; width:100%}
.ideology_icon .ideology_mo{display:none; max-width:220px ; width:100%}
.ideology h3 span{background: linear-gradient(to top, #78e4db 50%, transparent 50%)}

@media screen and (max-width:600px){
.ideology .logo img {width:150px}
.ideology h3 br{display:none}
.ideology_icon .ideology_pc{display:none;}
.ideology_icon .ideology_mo{display:block;}

}


.care_menu {margin-bottom:100px}
.care01  {margin-TOP:100px}