@charset "utf-8";
.nav_float ul li {min-width:auto}
.team_intro {background-color:#fff;height: 500px;padding: 5rem 0;margin-bottom: var(--sub_pd);}
.team_intro.team1 {background-color: #fff5cc;}
.team_intro.team2 {background-color: #DFEAFE;}
.team_intro.team3 {background-color: #f8e5ee;}
.team_intro.team4 {background-color: #B2E3EA;}
.team_intro.team5 {background-color: #F7E7FD;}
.team_intro.team6 {background-color: #ecf5b4;}
.team_intro.team7 {background-color: #EFE9E8;}
.team_intro.team8 {background-color: #D8DFEE;}
.team_intro.team9 {background-color: #E8F8F1;}

.teambox {display: flex;align-items: center;height: 100%;width: var(--width-size);margin: 0 auto;padding: 0 30px;}
.teambox .img {width:50%;text-align: center;/* height: 100%; */}
.teambox .img img {height:100%;object-fit: contain;}
.teambox .txt {width:50%;padding: 0;word-break: keep-all;}
.teambox .txt h4 {}
.teambox .txt p {
    word-break: keep-all;
    margin-top: 1.5rem;
}
.tit_box {
    /* border-bottom: 1px solid #ddd; */
    /* border-top: 1px solid #ddd; */
    padding: 2rem 2rem 3rem;
    text-align: center;
    position: relative;
    margin-top: 2rem;
    background-color: #fefced;
    border-radius: 2rem;
}
.tit_box .icon {
    width: 100px;
    height: 100px;
    position: absolute;
    top: 0;
    left: 50%;
    border-radius: 50%;
    transform: translate(-50%, -60%);
    background-repeat: no-repeat;
    background-position: center;
}
.tit_box.col1 .icon {background-color: #FFA826;background-image: url(/img/page/business/bz1_icon.png);}
.tit_box.col2 .icon {background-color: #fd88a2;background-image: url(/img/page/business/bz2_icon.png)}
.tit_box.col3 .icon {background-color: #36a8ca;background-image: url(/img/page/business/bz3_icon.png)}
.tit_box.col4 .icon {background-color: #6bccc8;background-image: url(/img/page/business/bz4_icon.png)}
.tit_box.col5 .icon {background-color: #46698E;background-image: url(/img/page/business/bz5_icon.png)}

.tit_box.col2 {background-color: #ffe9eb;}
.tit_box.col3 {background-color: #d8f1f9;}
.tit_box.col4 {background-color: #e3f5f4;}

.tit_box p {
    /* color: var(--color-main); */
    font-size: 20px;
    font-family: var(--font-point);
    margin-top: 2rem;
    line-height: 1.6;
    font-weight: 600;
    word-break: keep-all;
    color: #464646;
}
.tit_box .sub_p {font-size: 17px;margin-top: 1rem;font-weight: 400;}
.tit_box span {
    color: var(--color-main);
    font-size: 24px;
}
.tit_box.col1 span {color: #FFA826;}
.tit_box.col2 span {color: #E87581;}
.tit_box.col3 span {color: #2E92AF;}
.tit_box.col4 span {color: #74AB54;}
.tit_box.col5 span {color: #46698E;}

.tit_img  {
    display: flex;
    justify-content: space-between;
    padding: 2rem 0;
    flex-wrap: wrap;
}
.tit_img li {
    width: 32%;
    height: 16em;
    overflow:hidden;
    border-radius: 2em;
    display: flex;
    align-items: center;
    justify-content: center;
}
.tit_img li img {
    border-radius: 1rem;
    width: 100%;
    object-fit: cover;
}
.conts {margin: 6rem 0;}
.step {display: flex;flex-wrap: wrap;gap: 2rem 3rem;}			
.step li {width: 21.5%;text-align: center;padding: 1rem;border: 1px solid #ddd;border-radius: 1rem;position: relative;}			
.step li:after {content:"\EA6E";position:absolute;right:0;font-family:'remixicon';top: 50%;transform: translateY(-50%);margin-right: -2.5rem;font-size: 1.5rem;color: #a9a9a9;}
.step li:last-child::after {display:none}
.conts_box {/* border:1px solid #ddd; *//* border-radius: 2rem; */padding: 0 0 4rem;margin-top: 3rem;border-bottom: 1px dashed #7d7d7d61;}
.conts_box:first-of-type {margin-top:1rem}
.conts_box:last-of-type {border-bottom:0;padding-bottom: 0;}
.conts_box .tit {}
.conts_box h5 {margin-bottom:.5rem;font-size:24px;font-weight: 700;color:var(--color-main)}
.conts_box .tit p {color:#666}
.st_tb {
    display: flex;
    flex-wrap: wrap;
    border-top: 2px solid var(--color-main);
    /* border-bottom: 1px solid #eee; */
    margin-top: 1.5rem;
}
.st_tb dt {
    width: 27%;
    text-align: center;
    background-color: #f7f7f6;
    padding-top: 1rem;
    font-weight: 600;
    font-size: 17px;
}
.st_tb dd {
    width: 73%;
    padding-top: 1rem;
    font-size: 17px;
    font-weight: 400;
    padding-left: 2rem;
}
.st_tb dd:last-of-type {border-bottom: 1px solid #eee;}
.st_tb dt:last-of-type, .st_tb dd:last-of-type {padding-bottom: 1rem;}
.st_tb dt br {display:none}
.conts_list {padding: 2.5rem 0;margin-top: 0;}
.conts_list:first-of-type {margin-top:0}
.dta {}
.dta li {padding:.2rem 0;list-style: disc;margin-left: 1rem;}
.dta li::marker {color: #c3e4dc;}
.listbox {margin-top:2rem; border:1px solid #eee;padding:2rem; border-radius:2rem }
.listbox h6 {font-size:20px;font-weight:600;margin-bottom: 2rem;}
.det_dl {display:flex;flex-wrap: wrap;align-items: baseline;gap: 1rem 0;/* padding-top: 1rem; */justify-content: space-between;}
.det_dl dt {
	background-color: #eef7f5;
	width: 15%;
	/* color: var(--color-main); */
	padding: .8rem 1rem;
	text-align: center;
	border-radius: 2rem;
	font-weight: 500;
}
.det_dl dd {width: 82%;}
.det_dl dd .step {}

/* PC */ 
@media only screen and (min-width:1024px) and (max-width: 1500px)  {
	.tit_box p {word-break:keep-all}
	.tit_box p br {display:none;}
	.step {gap: 2rem;}
	.step li {padding:1.5rem;}
	.step li p {word-break: keep-all;}
	.step li:after {margin-right: -2rem;}
	.det_dl {}
	.det_dl dt {}
	.det_dl dd {}
}

/* 테블릿 가로, 테블릿 세로 (해상도 768px ~ 1023px)*/ 
@media (max-width: 1023px) {
	.tit_box p {word-break:keep-all}
	.tit_box p br {display:none;}
	
	.step {gap: 2rem;}
	.step li {/* padding:1.5rem; */width: 20.5%;}
	.step li p {word-break: keep-all;}
	.step li:after {margin-right: -2rem;}
	.det_dl {}
	.det_dl dt {}
	.det_dl dd {}
	.team_intro {padding: 4rem 0;height: auto;}
	.teambox {gap: 2rem;}
	.teambox .img {width:40%}
	.teambox .img img{width:100%}
	.teambox .txt {width: 60%;}
	.teambox .txt br {display:none}
	.teambox .txt h4 {font-size:2rem}
}
	
/* 모바일 가로, 모바일 세로 (해상도 480px ~ 767px)*/ 
@media all and (max-width:767px) {
	.tit_box {padding:1.5rem; border-radius:1rem}
	.tit_box p  {font-size: clamp(.95rem, 4.6vw, 1.1rem);}
	.tit_box .sub_p {font-size: clamp(.9rem, 4.3vw, 1rem);}
	.conts {margin:4rem 0}
	.conts_box:first-of-type {margin-top:0}
	.conts_box h5 {font-size: clamp(1.2rem, 5.5vw, 1.5rem);}
	.conts_box .tit p {font-size: clamp(1rem, 4.5vw, 1.05rem);word-break: keep-all;}
	.step {gap:1rem;}
	.step li {width: 47.5%;padding:.5rem;font-size: clamp(.9rem, 4.2vw, 1rem);}
	.step li p, .dta li, .dta p {font-size: clamp(.9rem, 4.2vw, 1rem);}
	.step li:after {margin-right: -1rem;font-size: 1rem;}
	.st_tb dt {font-size: clamp(.9rem, 4.2vw, 1rem);padding: 1rem.3rem;width: 35%;word-break: keep-all;letter-spacing: -.5px;}
	.st_tb dd {font-size: clamp(.9rem, 4.2vw, 1rem);padding: 1rem 0 0 .5rem;width: 65%;}
	.st_tb dt br {display:unset}
	.listbox {padding: 1.5rem 1rem;border-radius:1rem;margin-top: 1.5rem;}
	.det_dl {gap: .5rem;}
	.det_dl dt {width: auto;padding: .5rem 1.5rem;margin-top: 1rem;font-size: clamp(.95rem, 4.5vw, 1.1rem);}
	.det_dl dt:first-child {margin-top:0; }
	.det_dl dd {width: 100%;font-size: clamp(.9rem, 4.5vw, 1rem);}
	.listbox .det_dl dt {margin-top:.5rem}
	.teambox {flex-wrap:wrap}
	.teambox .img {width:100%}
	.teambox .img img{width:100%}
	.teambox .txt {width: 100%;}
	.teambox .txt h4 {font-size:clamp(1.6rem, 5.5vw, 2rem)}
	.teambox .txt p {font-size:18px;width: 100%;}
}