@charset "utf-8";

.content_wrap .area {max-width: 1200px; width:100%; margin: 0 auto; }
.content_wrap .sub_tit {font-size: var(--contTit); text-align:center; color:#000;}
.content_wrap .sub_tit small {display:block; font-size: var(--contTits); color:#aaa; font-weight:300; padding: var(--contTits) 0;}

@media only screen and (max-width: 1200px) {
	.content_wrap .area {width: 90%;} 
}

/*  company.php {  */
/*그룹소개*/
.company_info  {width:var(--sizeF); height:auto; padding: var(--contAPd2) 0; background-image:url(../img/content/companyinfo_bg.jpg); background-position:center bottom; background-repeat:no-repeat; background-size:cover;}
.company_info h2 {font-size: var(--contTit); margin-top:var(--contTt); line-height: 1; font-weight: 600; color:#333; text-align:center;}
.company_info h2 small {display:block; color:#949494; margin-top:20px; font-size: var(--contTits);}
.company_info ul {display:flex; margin:var(--contAPd1) 0;}
.company_info ul li {width:48%; margin:1%}
.company_info ul img {width:100%; border-radius:20px;}
.company_info ol {display:flex; justify-content: space-between; align-items: center;}
.company_info ol li {width:20%;}
.company_info ol li img {width:90%; margin:0 5%;}

/* 연혁 */
.company_his > .snb-wrap {width:100%; background: #012685; text-align: center;}
.company_his > .snb-wrap .snb {max-width:1200px; width:var(--sizeF); margin:0 auto; background: #012685;}
.company_his > .snb-wrap h2 {padding:var(--contAPd1) 0; color:#fff; font-size:var(--contTit);}
.company_his > .snb-wrap ul {display:flex; justify-content: space-evenly;}
.company_his > .snb-wrap ul li {font-size:var(--contTits); padding:30px; color:#fff; font-weight:300;}
.company_his > .snb-wrap ul li.active {font-weight:700;}
.company_his > .snb-wrap .snb.fixed {max-width:100%; position: fixed; left: 0; top: 0px; z-index: 99;}
.company_his > .snb-wrap .snb.up.fixed {top: 92px;}
.company_his > .snb-wrap .snb.fixed h2{display:none;}
.company_his > .snb-wrap .snb.fixed ul li {padding:20px;}

.company_his > .contents {padding-top: 110px; max-width:1200px; width:100%; margin:0 auto;}
.company_his > .contents > .section-wrap {position: relative;}
.company_his > .contents > .section-wrap .line {position: absolute; right: 589px; top: 75px; width: 4px; height: calc(100% - 480px); background: #ededed;}
.company_his > .contents > .section-wrap .line > span {position: absolute; right: 0; top: 0; width: 100%; border-radius: 4px; height: 0; background: #012685; transition: all 100ms ease-in-out;}
.company_his > .contents > .section-wrap > .section {display: flex; justify-content: space-between;}
.company_his > .contents > .section-wrap > .section~.section {margin-top: 150px;}
.company_his > .contents > .section-wrap > .section > .history-scroll {width: 630px; position: relative;}
.company_his > .contents > .section-wrap > .section > .history-scroll > div {width: 630px; position: absolute; top: 0;}
.company_his > .contents > .section-wrap > .section > .history-scroll.fixed > div {position: fixed; transform: translate(0, -50%);}
.company_his > .contents > .section-wrap > .section > .history-scroll.end > div {position: absolute; top: auto !important; bottom: 0px; transform: translate(0, 0);}
.company_his > .contents > .section-wrap > .section > .history-scroll > div > p:nth-of-type(1) {font-size: var(--contTit1); font-weight: 700; color: #000;}
.company_his > .contents > .section-wrap > .section > .history-scroll > div > div {margin: 20px 0 100px 0; position: relative;}
.company_his > .contents > .section-wrap > .section > .history-scroll > div > div > div {position: relative; left: 0; top: 0; overflow: hidden;}
.company_his > .contents > .section-wrap > .section > .history-scroll > div > div > div > p {width: 520px; height: 300px; overflow: hidden;	margin-bottom:100px;}
.company_his > .contents > .section-wrap > .section > .history-scroll > div > div > div > p > img {width: 100%; height: 100%; object-fit: cover; object-position: center; border-radius: 20px;}
.company_his > .contents > .section-wrap > .section > .history-scroll > div > div > div > div {line-height: 26px; font-size: 18px; color: #666; margin-top: 10px; background: #fff;}
.company_his > .contents > .section-wrap > .section > .history-scroll > div > div > div~div {position: absolute; left: 0; top: 0; opacity: 0; transition: all 0.5s ease-in-out;}
.company_his > .contents > .section-wrap > .section > .history-scroll > div > div > div~div > p {opacity: 1; transform: scale(1); transition: all 0.5s ease-in-out;}
.company_his > .contents > .section-wrap > .section > .history-scroll > div > div > div~div.active {opacity: 1;}
.company_his > .contents > .section-wrap > .section > .history-scroll > div > div > div~div.active > p {transform: scale(1); opacity: 1;}
.company_his > .contents > .section-wrap > .section > ul {width: 500px; padding-top: 50px;}
.company_his > .contents > .section-wrap > .section > ul > li {}
.company_his > .contents > .section-wrap > .section > ul > li~li {margin-top: 80px;}
.company_his > .contents > .section-wrap > .section > ul > li[data-cnt="1"] {padding-bottom: 120px;}
.company_his > .contents > .section-wrap > .section > ul > li > p {line-height: 58px; font-size: var(--contTit); font-weight: 700; color: #012685; position: relative;}
.company_his > .contents > .section-wrap > .section > ul > li > p::after {content: ''; position: absolute; width: 80px; height: 18px; left: -100px; top: 50%; transform: translate(0, -50%); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='18' viewBox='0 0 80 18' fill='none'%3E%3Ccircle cx='8.5' cy='8.5' r='6' fill='white' stroke='%23012685' stroke-width='4'/%3E%3C/svg%3E");}
.company_his > .contents > .section-wrap > .section > ul > li > dl {margin-top: 30px; font-size: var(--contTxt); color: #000;}
.company_his > .contents > .section-wrap > .section > ul > li > dl > dd {display: flex; gap: 20px; line-height: 25px; padding:10px 0 20px; border-bottom:1px solid #eee;}
.company_his > .contents > .section-wrap > .section > ul > li > dl > dd.green {color: #012685;}
.company_his > .contents > .section-wrap > .section > ul > li > dl > dd.mobile {display:none;}
.company_his > .contents > .section-wrap > .section > ul > li > dl > dd~dd {margin-top: 15px;}
.company_his > .contents > .section-wrap > .section > ul > li > dl > dd > span {width: 25px; font-weight: 700; flex: 0 0 auto;}
.company_his > .contents > .section-wrap > .section > ul > li > dl > dd > p {flex: 1 1 auto;}


@media only screen and (max-width: 1168px) {
	.company_his > .contents {padding:0 5% 0 100px;}
	.company_his > .contents > .section-wrap > .section {display:block; margin-top: 100px;}
	.company_his > .contents > .section-wrap .line {position: absolute; left:-44px; right:auto; top: 160px; height: calc(100% - 700px); background: #D9D7D7;}
	.company_his > .contents > .section-wrap .line span {border-radius: 0.5556vw;}

	.company_his > .contents > .section-wrap > .section > .history-scroll > div > div {display:none;}
	.company_his > .contents > .section-wrap > .section > ul {width: 100%; padding-top: 0;}
	.company_his > .contents > .section-wrap > .section > ul > li~li {margin-top: 40px;}
	.company_his > .contents > .section-wrap > .section > ul > li > p::after {left:-50px}
	.company_his > .contents > .section-wrap > .section > ul > li > dl {margin-top: 10px;}
	.company_his > .contents > .section-wrap > .section > ul > li > dl > dd {position: relative; gap: 3.4722vw 2.7778vw; line-height: 5.6944vw; padding:0; border-bottom:none; padding-left:18px;}
	.company_his > .contents > .section-wrap > .section > ul > li > dl > dd:before {content:""; position:absolute; left:0; width:4px; height:4px; background:#c6d2ef; top:calc(50% - 2px)}
	.company_his > .contents > .section-wrap > .section > ul > li > dl > dd~dd {margin-top: 15px;}
	.company_his > .contents > .section-wrap > .section > ul > li > dl > dd.mobile {display:block;}
	.company_his > .contents > .section-wrap > .section > ul > li > dl > dd.mobile:before {display:none;}
	.company_his > .contents > .section-wrap > .section > ul > li > dl > dd.mobile img {border-radius:20px;}
	.company_his > .contents > .section-wrap > .section > .history-scroll {width:250px;margin-bottom:30px;}
	.company_his > .contents > .section-wrap > .section > .history-scroll > div {width:250px;position: relative;}
	.company_his > .contents > .section-wrap > .section > .history-scroll.end > div {position: relative;}
}

@media only screen and (max-width: 1025px) {
	.company_his > .contents > .section-wrap .line {top: 145px; height: calc(100% - 675px);}
}

@media only screen and (max-width: 768px) {
	.company_his > .contents > .section-wrap .line {top: 125px; height: calc(100% - 655px);}
	.company_his > .snb-wrap ul li {padding:20px}
}

@media only screen and (max-width: 650px) {
	.company_his > .contents > .section-wrap .line {height: calc(100% - 575px);}
	.company_his > .contents > .section-wrap > .section > ul > li > dl > dd.mobile img {width:350px}
}

@media only screen and (max-width: 590px) {
	.company_his > .contents > .section-wrap .line {height: calc(100% - 535px);}
	.company_his > .contents > .section-wrap > .section > ul > li > dl > dd.mobile img {width:250px}
}

/* company 파트너 */
#company_part {padding:var(--contAPd) 0 0;}
.partner_cont table {max-width:1200px; width:100%; margin:var(--contAPd1) auto 0; border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
.partner_cont table th {width:13%; font-size:.9rem; font-weight: 600; padding:0 .5rem; text-align:left; border-bottom: 1px solid #eee;}
.partner_cont table td.none {width:2%;}
.partner_cont table td {width:85%; border-bottom: 1px solid #eee;}
.partner_cont table tr:last-child th, .partner_cont table tr:last-child td {border-bottom:none;}
.partner_cont table td ul {position:relative; overflow:hidden; list-style:none; margin:.5rem 2.5%; width:95%;}
.partner_cont table td ul li {float:left; width:16.666%;}


@media screen and (max-width:1000px) {
	.partner_cont table td ul li {float:left; width:25%;}
}
@media screen and (max-width:768px) {
	.partner_cont table th {width:20%;}
	.partner_cont table td {width:78%;}
	.partner_cont table td ul li {float:left; width:33.333%;}
}
@media screen and (max-width:580px) {
	.partner_cont table td ul li {float:left; width:50%;}
}

/* company 인증 */
#company_cert {padding:var(--contAPd) 0 0;}
#company_cert .cert {display:flex; flex-wrap:wrap; gap:3%; margin-top:var(--contAPd1);}
#company_cert .cert li {width:31.3333%; margin-bottom:40px;}
#company_cert .cert li div {position:relative; text-align:left; border-radius:20px; background:linear-gradient(#4866B4, #183E9E); box-shadow:0 4px 0 #031F66; padding:45px 42px 40px;}
#company_cert .cert li:hover div {background:linear-gradient(#304c95, #062571)}
#company_cert .cert li div h5 {font-size:34px; color:#fff; letter-spacing:-1px;}
#company_cert .cert li div h5 small {font-size:15px; font-weight:400; display:block; color:#fff;}
#company_cert .cert li div p {font-size:14px; color:#7da2ff; padding-top:15px; border-top:1px solid #4766B4; margin-top:27px;}
#company_cert .cert li.cert_iso div:after {content:""; position:absolute; top:50px; left:0; width:calc(100% - 40px); height:100px; background:url('./../img/content/cert_iso.png') top right no-repeat;}
#company_cert .cert li.cert_pat1 div:after {content:""; position:absolute; top:50px; left:0; width:calc(100% - 40px); height:100px; background:url('./../img/content/cert_pat1.png') top right no-repeat;}
#company_cert .cert li.cert_pat2 div:after {content:""; position:absolute; top:50px; left:0; width:calc(100% - 40px); height:100px; background:url('./../img/content/cert_pat2.png') top right no-repeat;}
#company_cert .cert li.cert_gs div:after {content:""; position:absolute; top:50px; left:0; width:calc(100% - 40px); height:100px; background:url('./../img/content/cert_gs.png') top right no-repeat;}
#company_cert .cert li.cert_cen div:after {content:""; position:absolute; top:50px; left:0; width:calc(100% - 40px); height:100px; background:url('./../img/content/cert_cen.png') top right no-repeat;}

.company_link {margin:var(--contAPd2) 0;}
.company_link .link_box {position:relative; display:flex; justify-content: space-between; align-items: center; padding:135px 140px 135px 100px; color:#fff; border-radius:20px; background:url('./../img/content/company01_btnbg.jpg') center no-repeat; background-size:cover;}
.company_link .link_box p {font-size:18px;}
.company_link .link_box a {font-size:48px; color:#fff; font-weight:700; margin-right: 10px;}
.arrow {position: absolute; top: calc(50% - 4px); right: 130px; transform: translate(-50%, -50%); transform: rotate(-90deg); cursor: pointer;}

.arrow span {display: block; width: 1.5vw; height: 1.5vw; border-bottom: 4px solid white; border-right: 4px solid white; transform: rotate(45deg); margin: -10px; animation: animate 2s infinite;}
.arrow span:nth-child(2) {animation-delay: -0.2s;}
.arrow span:nth-child(3) {animation-delay: -0.4s;}

@media only screen and (max-width: 1200px) {
	#company_cert .cert li {width:48%;}	
	.company_link .link_box {flex-direction: column; align-items: flex-start; gap:10px; padding:10%}
	.arrow span {width:4vw; height:4vw; margin: -20px;}
}

@media only screen and (max-width: 768px) {
	#company_cert .cert li {margin-bottom:20px;}
	#company_cert .cert li div {padding:10% 12%;}
	#company_cert .cert li div h5 {font-size: 26px; position: relative; z-index: 2;}
	#company_cert .cert li div h5 small {font-size: 13px;}
	#company_cert .cert li div p {margin-top:0; border-top:none; font-size:14px; position: relative; padding-top: 5px; z-index: 2;}
	#company_cert .cert li.cert_iso div:after, #company_cert .cert li.cert_pat1 div:after, #company_cert .cert li.cert_pat2 div:after, #company_cert .cert li.cert_gs div:after, #company_cert .cert li.cert_cen div:after {top: 0; left: 0; width: 100%; height: 100%;   background-size: auto; background-position: center; z-index: 1; opacity: 0.2;}
	
	.company_link .link_box a {font-size:35px; margin-right:0;}
	.company_link .link_box p {font-size:16px;}

	.arrow {right:15%}	
}

@media only screen and (max-width: 550px) {
	#company_cert .cert li div h5 {font-size: 20px;}
	#company_cert .cert li div h5 small {font-size: 11px;}
	#company_cert .cert li div p {font-size: 13px;}

	.company_link .link_box a {font-size:26px;}
	.company_link .link_box p {font-size:12px; letter-spacing:-1px;}	
	.arrow span {width:5vw; height:5vw; margin: -10px;}
}

@keyframes animate {
    0% {opacity: 0; transform: rotate(45deg) translate(-10px, -10px);}
    50% {opacity: 1;}
    100% {opacity: 0; transform: rotate(45deg) translate(10px, 10px);}
}
/*  } company.php  */


/*  company01.php {  */
/*  intro  */
#company_intro {}
.slg {display:flex; align-items:center; width:100%; height:95vh; background:#f4f4f4;}
.slg .textFill {display:flex; align-items:center; max-width:1480px; width:94%; margin:0 auto;}
.slg .textFill .text {position:relative; font-family:"Pretendard"; font-size:var(--contTit); color:#000; font-weight:700; line-height:1.3em;}
.slg .textFill .text b {color:#1A47FC; font-weight:700;}


/* vision */
.vision {position:relative; display:flex; justify-content: center; width:100%; height:950px; background:#111;}
.vision .visA {display: flex; flex-direction: row-reverse; justify-content: center; width: 100%; max-width: 1400px;}

.vision .visA .visCirc {position:absolute; display:flex; align-items:center; justify-content:center; top:125px; left:50%; width:100%; height:810px; margin-left:-770px; max-width:1540px; background:url(./../img/content/vision_arrow.png) center no-repeat; z-index:1; opacity:0;}
.vision .visA .visCirc span:nth-child(1) {position:absolute; top: 25%; right: 50%; margin-right: -305px; width: 500px; height: 38%;border-radius:50%; background:rgba(255, 255, 255, 0.20); transform:scale(0); opacity:0; transition: opacity 0.8s, transform 0.8s;}
.vision .visA .visCirc span:nth-child(2) {position:absolute; top: 16%; right: 50%; margin-right: -400px; width: 800px; height: 60%;border-radius:50%; background:rgba(121, 226, 255, 0.25); transform:scale(0); opacity:0; transition: opacity 0.8s, transform 0.8s; transition-delay: 0.2s;}
.vision .visA .visCirc span:nth-child(3) {position:absolute; width:1400px; height:95%; border-radius:50%; background:rgba(159, 166, 255, 0.15); opacity:0; transform:scale(0); transition: opacity 0.8s, transform 0.8s; transition-delay: 0.4s;}

.vision .visA .visHosp {width:500px; position:relative; margin-top:10vh; text-align:right; z-index:5;}
.vision .visA .visHosp .visComm {opacity:0; transition: opacity 0.8s;}
.vision .visA .visHosp img {opacity:0; transform: translateY(40px); transition: opacity 0.8s, transform 0.8s;}

.vision .visA .visFut, .vision .visA .visPast {position:relative;width: 250px; z-index: 5;}
.vision .visA .vistit {position:relative; text-align:center;z-index:9;}
.vision .visA .vistit .txt {font-size:35px; color:#fff; font-weight:600; margin-top: 25px; opacity:0;}
.vision .visA .vistit .line {display:block; box-sizing:border-box; border-top:2px solid #fff; position:absolute; width:180px; opacity:0;}

.vision .visA .visFut .vistit {margin-top:6vh;}
.vision .visA .visFut .vistit img {position: absolute; left: 0; top: 250px; opacity:0; transform:scale(0.5);}
.vision .visA .visFut .vistit .line {right:100px; bottom:-105px; transform:rotate(-30deg);}
.vision .visA .visFut .vistit .point {display: block; content: ""; width: 6px; height: 6px;
box-sizing: border-box;  border-top: 6px solid transparent; border-bottom: 6px solid #fff; border-right: 6px solid transparent; border-left: 6px solid transparent; position: absolute; transform: translateX(135px) translateY(50px) rotate(35deg);}
.vision .visA .visFut .visFutM {position:absolute; top:0; right:0; opacity: 0;}
.vision .visA .visFut .visFutM img:nth-child(1) {transform: translateX(-280px) translateY(185px);}
.vision .visA .visFut .visFutM img:nth-child(2) {transform: translateX(200px) translateY(260px);}
.vision .visA .visPast .vistit {margin-top: 63vh;}
.vision .visA .visPast .vistit img {position: absolute; left: 200px; transform:scale(0.5, 0.5); bottom:-10%; opacity:0;}
.vision .visA .visPast .vistit .line {left:240px; bottom:110px; transform:rotate(-30deg);}
.vision .visA .visPast .vistit .point {display: block; content: ""; width: 6px; height: 6px;
box-sizing: border-box;  border-top:6px solid transparent; border-bottom: 6px solid #fff; border-right: 6px solid transparent; border-left:6px solid transparent; position: absolute; transform: translateX(245px) translateY(-8px) rotate(-135deg);}
.vision .visA .visPast .visPastM {position:absolute; bottom: 0; left: 0; opacity: 0;}
.vision .visA .visPast .visPastM img:nth-child(1) {transform: translateX(-60px) translateY(-20px);}
.vision .visA .visPast .visPastM img:nth-child(2) {transform: translateX(290px) translateY(-50px)}

.vision .visA .visComm {position:relative; width:290px; text-align:center; letter-spacing:-1px; padding:10px; margin:0 auto 15px; font-size:17px; background:#fff; border-radius:10px;}
.vision .visA .visComm b {color:#1A47FC;}
.vision .visA .visComm:after {content:""; position:absolute; bottom:-18px; left:50%; margin-left:-5px; border-top:10px solid #fff; border-left:10px solid transparent; border-right:10px solid transparent; border-bottom:10px solid transparent;}
.vision .visComm.vC01, .vision .visComm.vC03 {width:180px;}
.vision .visComm.vC01 {opacity:0;}
.vision .visComm.vC03 {opacity:0;}

@media only screen and (max-width: 1540px) {	
	.vision .visA .visCirc {left: 0; margin-left: 0}
}

@media only screen and (max-width: 1100px) {
	.slg {height:600px;}

	.vision {height: 790px;}
	.vision .visA {flex-wrap: wrap;}
	.vision .visA .visCirc {margin-left: 5%; height: 500px; top: 200px; width: 90%;background-size: contain;}
	.vision .visA .visCirc span:nth-child(1) {margin-right: 0; right: 18%; width: 45%; height: 50%; top: 16%;}
	.vision .visA .visCirc span:nth-child(2) {width: 68%; right: 12%; height: 70%; margin-right: 0; top: 9%;}
	.vision .visA .visCirc span:nth-child(3) {width: 100%; height: 100%;}
	.vision .visA .visCirc:before {content:""; position:absolute; width:100%; height: 100%; background:url(./../img/content/vision_arrow2.png) center no-repeat; background-size: contain;  z-index:2;}
	.vision .visA .visHosp {width: 50%; text-align: center; margin-top: 0; display:flex; flex-direction: column;   justify-content: center; align-items: flex-end;}
	.vision .visA .visHosp img {width: 70%; margin-bottom:270px;}
	.vision .visA .visHosp .visComm {width:165px;}

	.vision .visA .visFut, .vision .visA .visPast {width: 20%; display: flex; height: 400px; justify-content: center;}
	.vision .visA .visFut {margin-top: 60px;}
	.vision .visA .visFut .vistit {margin-top:0;}
	.vision .visA .visPast {align-items: flex-end; margin-top: 200px;}
	.vision .visA .vistit .line, .vision .visA .vistit .point {display:none !important;}
	.vision .visA .vistit img {display:none;}
	.vision .visA .visFut .visFutM img:nth-child(1) {transform: translateX(-140px) translateY(125px) scale(0.5);}
	.vision .visA .visFut .visFutM img:nth-child(2) {transform: translateX(160px) translateY(120px) scale(0.5);}
	.vision .visA .visPast .visPastM img:nth-child(1) {transform: translateX(0px) translateY(178px) scale(0.5);}
	.vision .visA .visPast .visPastM img:nth-child(2) {transform: translateX(150px) translateY(90px) scale(0.5);}	
}

@media only screen and (max-width: 650px) {
	.slg {height:300px;}

	.vision {height: 700px;}
	.vision .visA .vistit .txt {margin-top:100px; font-size: 25px;}
	.vision .visA .visHosp img {margin-bottom:140px; width: 85%;}
	.vision .visA .visFut, .vision .visA .visPast {height: 210px;}
	.vision .visA .visFut {margin-top:0;}
	.vision .visA .visComm {display:none;}

	.vision .visA .visFut .visFutM img:nth-child(1) {transform: translateX(-30px) translateY(80px) scale(0.35);}
	.vision .visA .visFut .visFutM img:nth-child(2) {transform: translateX(180px) translateY(10px) scale(0.35);}
	.vision .visA .visPast .visPastM img:nth-child(1) {transform: translateX(-75px) translateY(245px) scale(0.35);}
	.vision .visA .visPast .visPastM img:nth-child(2) {transform: translateX(70px) translateY(90px) scale(0.35);}

	.vision .visA .visCirc {height: 400px; top: 100px;}
	.vision .visA .visCirc span:nth-child(1) {right: 10%; width: 68%;}
	.vision .visA .visCirc span:nth-child(2) {width: 100%; right: 0;}
	.vision .visA .visCirc span:nth-child(3) {width: 130%; height: 100%;}
	.vision .visA .mbbr {display: flex !important; flex-direction: column; justify-content: center; width: 100%; flex: 1 1 auto; text-align: center;}	
	.vision .visA .mbbr li {font-size: 16px; color: #fff; line-height: 1.5; font-weight: 600;}
	.vision .visA .mbbr li b {color:#1adbfc;}
}

@media only screen and (max-width: 540px) {
	.slg {height:250px;}
	.slg .textFill .text {font-size:20px;}
	
	.vision .visA .vistit .txt {margin-top: 120px; font-size: 25px;}

	.vision .visA .visHosp {width:55%;}
	.vision .visA .visHosp img {margin-bottom: 70px;}

	.vision .visA .visPast {margin-top: 170px;}
	.vision .visA .visPast .visPastM img:nth-child(1) {transform: translateX(-100px) translateY(277px) scale(0.35)}
	.vision .visA .visPast .visPastM img:nth-child(2) {transform: translateX(17px) translateY(155px) scale(0.35);}

	.vision .visA .visFut .visFutM img:nth-child(1) {transform: translateX(27px) translateY(142px) scale(0.35);}
	.vision .visA .visFut .visFutM img:nth-child(2) {transform: translateX(200px) translateY(140px) scale(0.35)}
	.vision .visA .visCirc {height: 330px; top: 135px;}
	.vision .visA .visCirc span:nth-child(1) {right: 10%; width: 68%;}
	.vision .visA .visCirc span:nth-child(2) {width: 100%; right: 0;}
	.vision .visA .visCirc span:nth-child(3) {width: 130%; height: 100%;}
}


/* 인사말 */
.greeting{padding:var(--contAPd) 0 0;}
.greeting .sub_title{font-size:var(--contTit); margin-bottom:var(--contAPd1); line-height:1.3; letter-spacing:-1px; color:#000; text-align:center;}
.greeting .sub_title small {display:block; font-weight:300; color:#717171; font-size:var(--contTits); margin-bottom:var(--contTitg);}
.greeting img {width:100%;}
.greeting .colum {padding:var(--contTit1) 0; text-align:center; line-height:1.8; font-size: var(--contTxt);}
.greeting .colum p {margin-bottom:var(--contTxt);}
.greeting .colum p:last-child {margin-bottom:0px;}
.greeting .sign .name {font-size:24px}

/* 인사말 */

.company_good {padding:var(--contAPd) 0 0;}
.company_good .sub_title {font-size:var(--contTit); margin-bottom:var(--contAPd1); line-height:1.3; letter-spacing:-1px; color:#000; text-align:center;}
.company_good ul {display:flex; flex: 1 1 auto; flex-wrap: wrap;}
.company_good ul li {border-radius: 30px; overflow: hidden; position: relative; padding:3rem; margin: 1%; height: 330px; letter-spacing:-1px; transition: all 0.4s ease 0s;} 
.company_good ul li:nth-child(1) {width:48%; background:#f2f2f2;}
.company_good ul li:nth-child(2) {width:48%; background:#B4CBE5;}
.company_good ul li:nth-child(3) {width:28%; background:linear-gradient(45deg, #EBF2FF, #D9DFFB);}
.company_good ul li:nth-child(4) {width:33%; background:linear-gradient(45deg, #F2F2F2, #E2E2E2)}
.company_good ul li:nth-child(5) {width:33%; background:#DAE2E8}
.company_good ul li:hover {-webkit-box-shadow: 0px 5px 40px -10px rgba(0,0,0,0.2); -moz-box-shadow: 0px 5px 40px -10px rgba(0,0,0,0.2); box-shadow: 5px 40px -10px rgba(0,0,0,0.2); transform:scale(1.03);}
.company_good ul li h6 {color:#000;}
.company_good ul li h6 p {font-size:26px; font-weight:600;}
.company_good ul li h6 small {font-size:18px; font-weight:300;}
.company_good ul li img {position: absolute; right: 10%; bottom: 10%; width: auto;}
.company_good ul li:nth-child(2) img {right:0; bottom:0;}
.company_good ul li:nth-child(4) img {right:0; bottom:5%;}

.company_ci {padding:var(--contAPd) 0;}
.company_ci .sub_title {font-size:var(--contTit); margin-bottom:var(--contAPd1); line-height:1.3; letter-spacing:-1px; color:#000; text-align:center;}
.company_ci .ci_img {border:1px solid #ccc; background:url("/img/sub/ci_bg.gif"); padding:var(--contAPd2) 0; margin:2rem 0 1rem; text-align: center;}
.company_ci .ci_down {position:relative; overflow:hidden;}
.company_ci .ci_down ul {float:left; text-align:left; width:80%;}
.company_ci .ci_down ul li {display:inline-block; font-size:.8rem; margin:0 1rem .6rem 0;}
.company_ci .ci_down ul li span {display:inline-block; width:60px; height:30px; margin-right:10px; vertical-align:middle;} 
.company_ci .ci_down ul li:nth-child(1) span {background:linear-gradient(#EFA423, #EC6834);}
.company_ci .ci_down ul li:nth-child(2) span {background:linear-gradient(#168BC1, #000C36);}
.company_ci .ci_down a {float:left; width:20%; background:#08559C; border-radius:30px; color:#fff; font-weight:600; padding:.5rem 0; font-size:.85rem; text-align:center;}
.company_ci .ci_sub {margin-top:var(--contAPd2); position:relative; overflow:hidden;}
.company_ci .ci_sub li {float:left; width:33.333%; text-align:center;}
.company_ci .ci_sub li h6 {font-size:1rem; font-weight:600; line-height:2;}
.company_ci .ci_sub li p {font-size:.75rem; font-weight:400; line-height:1.4; margin:10px 0 0;}
.company_ci .ci_slogan {background:url("/img/sub/slogan_bg.jpg") top center no-repeat; background-size:cover; padding:5rem 1rem; margin:2rem 0 0;}
.company_ci .ci_slogan small {display:block; line-height:2; color:#A7A7A7; font-size:.9rem; font-family:"Roboto", sans-serif;}
.company_ci .ci_slogan p {color:#fff; font-size:.9rem; font-weight:600; line-height:1.6; margin-top:4rem;}


.location {position:relative; background:url('./../img/content/location_bg.jpg') center no-repeat; background-size:cover; padding:var(--contAPd2) 0;}
.location:after {content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(24, 60, 152, 0.8); z-index:1;}
.location .sub_title {position:relative; z-index:2; color:#fff; text-align:center; font-size:var(--contTit); margin-bottom:var(--contAPd1);}
.location .sub_title small {display:block; font-size:var(--contTits); font-weight:400; margin-top:10px;}
.location .loca {position:relative; z-index:2; color:#fff; font-size:var(--contTits); line-height:1.8}

@media (max-width: 1200px){
	.company_good ul li {padding: 5%; height: 260px}
	.company_good ul li h6 p {font-size: 22px;}
	.company_good ul li h6 small {font-size:16px;}

	.company_good ul li:nth-child(1) img {width:50%}
	.company_good ul li:nth-child(2) img {width:80%}
	.company_good ul li:nth-child(3) img {width:50%}
	.company_good ul li:nth-child(4) img {width:50%}
	.company_good ul li:nth-child(5) img {width:50%}
}

@media screen and (max-width:800px) {
	.company_ci .ci_sub li {float:none; width:100%; margin-top:2rem;}
	.company_ci .ci_sub li:first-child {margin-top:0;}
	.company_ci .ci_sub br {display:none}
	.company_ci .ci_img img {width:50%;}
	.company_ci .ci_down ul, .company_ci .ci_down a {float:none; width:100%; display:block;}
	.company_ci .ci_down ul li span {width:50px; height:20px;}
}

@media (max-width: 740px){	
	.company_good ul li {padding:6%; height:200px;}
	.company_good ul li h6 small {font-size: 14px;}
	.company_good ul li h6 p {font-size:20px;}
	.company_good ul li:nth-child(1) {width:98%;}
	.company_good ul li:nth-child(2), .company_good ul li:nth-child(3),	.company_good ul li:nth-child(4), .company_good ul li:nth-child(5) {width: 48%;}
}

@media (max-width: 540px){
	.company_good ul li {padding:10% 6%;}
	.company_ci .ci_sub li {float:none; width:100%;}
}


/*  그룹소개  */



/*  menu02  */
.content_wrap .content_top {position:relative; overflow:hidden; padding:var(--contAPd1) 0; text-align:center}
.content_wrap .content_top .content_tit {font-size:var(--contTit); text-align:center; font-weight:700; color:#000; margin:var(--contAPd1) 0 var(--contTit);}
.content_wrap .content_top .content_line {position:relative; display: inline-block; margin: 0 auto var(--contTit); padding: 15px 25px; font-size: var(--contTits); font-weight: 600; color: #fff;}
.content_wrap .content_top .content_line span {position:relative; z-index:2;}
.content_wrap .content_top .content_line i {position:absolute; left: 0; top: 0; z-index: 1;}
.content_wrap .content_top small {display:block; font-size:var(--contTits); margin-top:var(--contTt); color:#6a6c9d}

.content_wrap .cont_graph {background:#fff; border-radius:30px; width:100%;}
.content_wrap .cont_graph .graph_wrap {display: grid; height: 20rem; padding: 0 3rem; /*border-bottom: 2px solid rgba(188, 191, 199, 0.3);*/}
.content_wrap .cont_graph .graph_wrap .bar_wrap {position: relative; display: flex; align-items: flex-end; height: 100%;}
.content_wrap .cont_graph .graph_wrap .bar_wrap .bar {position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; border-radius: 1rem 1rem 0 0; background:#012685;}
.content_wrap .cont_graph .graph_wrap .bar_wrap .bar .txt {text-align:center; color:#fff; font-size:15px; font-weight:600; margin-top:20px}
.content_wrap .cont_graph .graph_wrap .bar_wrap .bar .label {position:absolute; transform: translate(0, -140%);
 width: 100%; padding: 0.8em; border-radius: 1em; background-color: #C0C4F8; color: #212F52;
 text-align: center; font-size: 13px; font-weight:600;}
.content_wrap .cont_graph .graph_wrap .bar_wrap .bar .label:before {content: ''; position: absolute; left: 50%; bottom: 0; width: .5rem; height: .5rem; transform: translate(-50%, 50%) rotate(45deg); background-color: #C0C4F8;}
.content_wrap .cont_graph .graph_wrap .bar_wrap .bar .ext_bar {width: 100%; background: #4C7FFF; height: 20%; position: absolute; bottom: 0; border-radius: 1rem 1rem 0 0;}
.content_wrap .cont_graph .tit {color: #000; font-size:var(--contTits); padding-top: var(--contTit); font-weight:500}
	
.ct01_btm {text-align:center; padding: var(--contAPd2) 0;} 
.ct01_btm h5 {font-size:var(--contTit); color:#000; text-align:center;}
.ct01_btm h5 b {color:#1A47FC;}
.ct_btm {display:inline-block; padding:12px 50px; color:#fff; font-size:var(--contTits); background:#1B47B7; border-radius:30px; margin-top:var(--contTit); font-weight:600;}
.ct_btm:hover {background:#092773}


@media screen and (max-width: 540px) {
	.content_wrap .content_top .content_line {display: flex; flex-direction: column; align-items: center; padding:0; gap:5px;}
	.content_wrap .content_top .content_line span {background:#001CCF;padding: 10px 20px;}
	.content_wrap .content_top .content_line i {display:none;}	
}


/* 재청구컨설팅 - content01 */
#content01 .content_top {background:linear-gradient(45deg, #E0E7FF, #E4DFFF);}
#content01 .content_top .content_line i {width:0%; height:100%; background:#001CCF; opacity:0;}
#content01 .cont_graph .graph_wrap {grid-template-columns: repeat(6, minmax(0, 1fr));  gap: 2rem;}
#content01 .cont_graph .graph_wrap .bar_wrap .bar {position: relative; display:block; transition: height 1s;}
#content01 .cont_graph .graph_wrap .bar_wrap .bar .ext_bar {transition: height 1s;}
#content01 .cont_graph .graph_wrap .bar_wrap .bar .txt {transition: opacity 0.8s;}
#content01 .cont_graph .graph_wrap .bar_wrap .bar .label {transition: opacity 0.8s, transform 0.8s;}
#content01 .cont_graph .graph_wrap .bar_wrap .bar .label em {font-style: normal; font-weight:700}
#content01 .cont_graph .graph_wrap .bar_wrap:nth-of-type(1) .bar {height: 0; transition-delay: 0.2s; }
#content01 .cont_graph .graph_wrap .bar_wrap:nth-of-type(1) .bar .ext_bar {height: 0; transition-delay: 0.3s; }
#content01 .cont_graph .graph_wrap .bar_wrap:nth-of-type(1) .bar .txt {opacity: 0; transition-delay: 0.4s; }
#content01 .cont_graph .graph_wrap .bar_wrap:nth-of-type(1) .bar .label {opacity:0; transition-delay: 0.5s; }

#content01 .cont_graph .graph_wrap .bar_wrap:nth-of-type(2) .bar {height: 0; transition-delay: 0.5s; }
#content01 .cont_graph .graph_wrap .bar_wrap:nth-of-type(2) .bar .ext_bar {height: 0; transition-delay: 0.6s; }
#content01 .cont_graph .graph_wrap .bar_wrap:nth-of-type(2) .bar .txt {opacity: 0; transition-delay: 0.7s; }
#content01 .cont_graph .graph_wrap .bar_wrap:nth-of-type(2) .bar .label {opacity:0; transition-delay: 1s; }

#content01 .cont_graph .graph_wrap .bar_wrap:nth-of-type(3) .bar {height: 0; transition-delay: 0.8s; }
#content01 .cont_graph .graph_wrap .bar_wrap:nth-of-type(3) .bar .ext_bar {height: 0; transition-delay: 0.9s; }
#content01 .cont_graph .graph_wrap .bar_wrap:nth-of-type(3) .bar .txt {opacity: 0; transition-delay: 1s; }
#content01 .cont_graph .graph_wrap .bar_wrap:nth-of-type(3) .bar .label {opacity:0; transition-delay: 1.5s; }

#content01 .cont_graph .graph_wrap .bar_wrap:nth-of-type(4) .bar {height: 0; transition-delay: 1.1s; }
#content01 .cont_graph .graph_wrap .bar_wrap:nth-of-type(4) .bar .ext_bar {height: 0; transition-delay: 1.2s; }
#content01 .cont_graph .graph_wrap .bar_wrap:nth-of-type(4) .bar .txt {opacity: 0; transition-delay: 1.3s; }
#content01 .cont_graph .graph_wrap .bar_wrap:nth-of-type(4) .bar .label {opacity:0; transition-delay: 2s; }

#content01 .cont_graph .graph_wrap .bar_wrap:nth-of-type(5) .bar {height: 0; transition-delay: 1.4s; }
#content01 .cont_graph .graph_wrap .bar_wrap:nth-of-type(5) .bar .ext_bar {height: 0; transition-delay: 1.5s; }
#content01 .cont_graph .graph_wrap .bar_wrap:nth-of-type(5) .bar .txt {opacity: 0; transition-delay: 1.6s; }
#content01 .cont_graph .graph_wrap .bar_wrap:nth-of-type(5) .bar .label {opacity:0; transition-delay: 2.5s; }

#content01 .cont_graph .graph_wrap .bar_wrap:nth-of-type(6) .bar {height: 0; transition-delay: 1.7s; }
#content01 .cont_graph .graph_wrap .bar_wrap:nth-of-type(6) .bar .ext_bar {height: 0; transition-delay: 1.8s;}
#content01 .cont_graph .graph_wrap .bar_wrap:nth-of-type(6) .bar .txt {opacity: 0; transition-delay: 1.9s;}
#content01 .cont_graph .graph_wrap .bar_wrap:nth-of-type(6) .bar .label {opacity:0; transition-delay: 3s; }

#content01 .ct01_gd {padding:var(--contAPd) 0;}
#content01 .ct01_gd .before {display:flex; width:100%; flex:1 1 auto; gap:40px; margin-top:var(--contAPd1);}
#content01 .ct01_gd .before li {position:relative; height:100%; background:#012685; padding:40px 20px; color:#fff; font-size:15px; line-height:1.5; text-align:center; border-radius:20px; margin-bottom:20px;}
#content01 .ct01_gd .before li:after {content:""; position:absolute; left: 50%; bottom: 0; width: .5rem; height: .5rem; transform: translate(-50%, 50%) rotate(45deg); background-color: #012685;}
#content01 .ct01_gd .before li:nth-child(even) {margin-top:40px;}
#content01 .ct01_gd span {display:block; width:100%; height:160px; background:url("./../img/content/content01_arrow.png") center no-repeat;}
#content01 .ct01_gd .after {display:flex;}
#content01 .ct01_gd .after li {width:29.33333%; margin:2%;}
#content01 .ct01_gd .after h6 {text-align:center; font-size:22px; color:#000; margin-bottom:20px; letter-spacing:-1px;}
#content01 .ct01_gd .after h6 b {color:#1A47FC;}
#content01 .ct01_gd .after li .af_img {width:100%; padding: 40%; border-radius:20px; box-shadow:0 0 6px #0000003b;}
#content01 .ct01_gd .after li:nth-child(1) .af_img {background:url("./../img/content/cont01_img1.jpg") center no-repeat; background-size:cover;}
#content01 .ct01_gd .after li:nth-child(2) .af_img {background:url("./../img/content/cont01_img2.jpg") center no-repeat; background-size:cover;}
#content01 .ct01_gd .after li:nth-child(3) .af_img {background:url("./../img/content/cont01_img3.jpg") center no-repeat; background-size:cover;}
#content01 .ct01_gd .after p {margin-top:25px; font-size:14px; color:#555; text-align:center;}

#content01 .ct01_rev {position:relative; background:#BDD4FF; padding:var(--contAPd2) 0; text-align:center;}
#content01 .ct01_rev .rev_tap {display:flex; justify-content: center; gap:20px; margin:40px 0;}
#content01 .ct01_rev .rev_tap li {padding:15px 40px; border-radius:40px; background:#D0DFFD; color:#0357A6; font-size:20px; cursor:pointer;}
#content01 .ct01_rev .rev_tap li.active {background:#fff; color:#012685; font-weight:600;}
#content01 .ct01_rev .review_graph {background:#fff; border-radius:30px; height:350px; margin-bottom:20px;}
#content01 .ct01_rev h5 {font-size: var(--contTit); color: #000; padding-top: var(--contAPd1);}
#content01 .ct01_rev h5 b {color:var(--mainColor)}

#content01 table {width:100%; border-top:1px solid #000; border-bottom:1px solid #000; background:#fff; border-collapse: collapse;}
#content01 table thead th:first-child {border-right:1px solid #000;}
#content01 table thead th:last-child {background: #d5e4ff;}
#content01 table thead th {border-bottom:1px solid #000; color:#000; font-size:15px; padding:15px 0;}
#content01 table tbody tr th, #content01 table tbody tr td {padding:18px 0; text-align:center; font-size:16px; color:#000; border-bottom:1px solid #ddd;}
#content01 table tbody tr:last-child th, #content01 table tbody tr:last-child td {border-bottom:none;}
#content01 table tbody th {border-right:1px solid #000;}
#content01 table td ul {display:flex; justify-content: space-around;}
#content01 table td:last-child {background:#EBF2FF; color:#1A47FC; font-weight:600; width:30%;}

#content01 .review_graph {background:#fff; border-radius:30px; width:100%;}
#content01 .review_graph .graph_wrap {display: grid; height: 350px; padding: 50px 3rem 0 3rem; /*border-bottom: 2px solid rgba(188, 191, 199, 0.3);*/}
#content01 .review_graph .graph_wrap .bar_wrap {position: relative; display: flex; align-items: flex-end; height: 100%;}
#content01 .review_graph .graph_wrap .bar_wrap .bar {position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; border-radius: 1rem 1rem 0 0; background:#012685;}
#content01 .review_graph .graph_wrap .bar_wrap .bar.color {background:#003BD1}
#content01 .review_graph .graph_wrap .bar_wrap .bar .txt {text-align:center; color:#fff; font-size:15px; font-weight:600;}
#content01 .review_graph .graph_wrap .bar_wrap .bar .label {position:absolute; top:0; transform: translate(0%, -135%);
 width: 100%; padding: 0.8em; border-radius: 1em; background-color: #C0C4F8; color: #212F52;
 text-align: center; font-size: 13px; font-weight:600;}
#content01 .review_graph .graph_wrap .bar_wrap .bar .label:before {content: ''; position: absolute; left: 50%; bottom: 0; width: .5rem; height: .5rem; transform: translate(-50%, 50%) rotate(45deg); background-color: #C0C4F8;}
#content01 .review_graph .graph_wrap .bar_wrap .bar .label em {font-style: normal; font-weight: 700;}
#content01 .review_graph .graph_wrap .bar_wrap .bar .ext_bar {width: 100%; background: #4C7FFF; height: 20%; position: absolute; bottom: 0; border-radius: 1rem 1rem 0 0;}

#content01 .review_wrap {display:none;} 
#content01 .review_wrap.active {display:block;} 

#review01 .review_graph .graph_wrap {grid-template-columns: repeat(6, minmax(0, 1fr));  gap: 2rem;}
#review01 .review_graph .graph_wrap .bar_wrap:nth-of-type(1) .bar {height: 40%;}
#review01 .review_graph .graph_wrap .bar_wrap:nth-of-type(2) .bar {height: 60%;}
#review01 .review_graph .graph_wrap .bar_wrap:nth-of-type(3) .bar {height: 30%;}
#review01 .review_graph .graph_wrap .bar_wrap:nth-of-type(4) .bar {height: 45%;}
#review01 .review_graph .graph_wrap .bar_wrap:nth-of-type(5) .bar {height: 20%;}
#review01 .review_graph .graph_wrap .bar_wrap:nth-of-type(6) .bar {height: 85%;}

#review02 .review_graph .graph_wrap {grid-template-columns: repeat(6, minmax(0, 1fr));  gap: 2rem;}
#review02 .review_graph .graph_wrap .bar_wrap:nth-of-type(1) .bar {height: 80%;}
#review02 .review_graph .graph_wrap .bar_wrap:nth-of-type(2) .bar {height: 45%;}
#review02 .review_graph .graph_wrap .bar_wrap:nth-of-type(3) .bar {height: 65%;}
#review02 .review_graph .graph_wrap .bar_wrap:nth-of-type(4) .bar {height: 73%;}
#review02 .review_graph .graph_wrap .bar_wrap:nth-of-type(5) .bar {height: 76%;}
#review02 .review_graph .graph_wrap .bar_wrap:nth-of-type(6) .bar {height: 30%;}

#review03 .review_graph .graph_wrap {grid-template-columns: repeat(6, minmax(0, 1fr));  gap: 2rem;}
#review03 .review_graph .graph_wrap .bar_wrap:nth-of-type(1) .bar {height: 80%;}
#review03 .review_graph .graph_wrap .bar_wrap:nth-of-type(2) .bar {height: 75%;}
#review03 .review_graph .graph_wrap .bar_wrap:nth-of-type(3) .bar {height: 65%;}
#review03 .review_graph .graph_wrap .bar_wrap:nth-of-type(4) .bar {height: 30%;}
#review03 .review_graph .graph_wrap .bar_wrap:nth-of-type(5) .bar {height: 33%;}
#review03 .review_graph .graph_wrap .bar_wrap:nth-of-type(6) .bar {height: 55%;}

#review04 .review_graph .graph_wrap {grid-template-columns: repeat(6, minmax(0, 1fr));  gap: 2rem;}
#review04 .review_graph .graph_wrap .bar_wrap:nth-of-type(1) .bar {height: 28%;}
#review04 .review_graph .graph_wrap .bar_wrap:nth-of-type(2) .bar {height: 30%;}
#review04 .review_graph .graph_wrap .bar_wrap:nth-of-type(3) .bar {height: 35%;}
#review04 .review_graph .graph_wrap .bar_wrap:nth-of-type(4) .bar {height: 70%;}
#review04 .review_graph .graph_wrap .bar_wrap:nth-of-type(5) .bar {height: 38%;}
#review04 .review_graph .graph_wrap .bar_wrap:nth-of-type(6) .bar {height: 70%;}


@media (max-width: 1440px){
	#content01 .cont_graph {width:92%}
}

@media (max-width: 1024px){
	#content01 .ct01_gd .before {gap: 10px;}
	#content01 .ct01_gd span {height: 130px;}
	#content01 table tr th, #content01 table tr td {padding: 16px 0; font-size: 15px;}

	#review01 .review_graph .graph_wrap {gap:.8rem;}
}

@media (max-width: 769px){
	#content01 .cont_graph .graph_wrap {gap:.5rem; padding: 0 2rem; height: 18rem;}
	.content_wrap .cont_graph .graph_wrap .bar_wrap .bar .label {transform: translate(0%, -140%);
    width: 100%; padding: 0.4em 0; letter-spacing: -1px;}

	#content01 .ct01_gd .before {flex-direction: column;}
	#content01 .ct01_gd .before li:nth-child(even) {margin-top:0;}

	#content01 .ct01_gd .after {flex-direction: column; gap: 15px;}
	#content01 .ct01_gd .after li {width:98%;}
	#content01 .ct01_gd .after li .af_img {padding:15%;}
	#content01 .ct01_rev .rev_tap li {font-size:16px;}
}

@media screen and (max-width: 650px) {
	.content_wrap .cont_graph {border-radius:10px;}
	.content_wrap .cont_graph .graph_wrap .bar_wrap .bar .txt {font-size:12px;}
	#content01 .cont_graph .graph_wrap {gap:.2rem; padding: 0 1rem;}
	
	#content01 .ct01_rev .rev_tap {display:flex; justify-content: space-between; flex-wrap: wrap; gap:10px;}
	#content01 .ct01_rev .rev_tap li {width:48%; font-size:16px; padding:15px 0;}
	#content01 .ct01_rev .review_graph {display:none;}
	#content01 table tr th, #content01 table tr td {padding:12px 0; font-size:13px;}
	#content01 table tbody tr th, #content01 table tbody tr td {font-size:13px; padding:12px 0;}
}
/* content01 */



/* 재청구 컨설팅 - content02 */
#content02 .content_top {background:linear-gradient(45deg, #D5FFEC, #B0E6E0);}
#content02 .content_top .content_line i {width:0%; height:100%; background:#001CCF; opacity:0;}

#content02 .cont_graph {width: 100%; padding: 0 0 4rem;}
#content02 .cont_graph .tit {font-size:26px; color:#000; margin-bottom:8rem;}
#content02 .cont_graph .graph_wrap {display: grid; grid-template-columns: repeat(2, minmax(0, 1fr));
 gap: 2rem; width: 80%; height: 10rem; margin: 0 auto; padding:0;}
#content02 .cont_graph .graph_wrap .graph_box {position: relative; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2rem; padding: 0 2rem;  border-bottom: 2px solid #D5D9E3; opacity:0;}
#content02 .cont_graph .graph_wrap .graph_box .bar_box {position: relative; display: flex; align-items: flex-end;}

#content02 .cont_graph .graph_wrap .graph_box .bar_box .bar {position: relative; width: 100%; height: 0; background: linear-gradient(to bottom, rgba(154, 158, 167, 1) 7%, rgba(209, 213, 225, 1) 100%); border-radius: 1rem 1rem 0 0; transition: height 1s;}
#content02 .cont_graph .graph_wrap .graph_box .bar_box .dot {position: absolute; left: 50%; top: 0;
 transform: translate(-50%, 150%); width: 1rem; height: 1rem; border-radius: 100%; background-color: #fff; border: 3px solid #012685; z-index: 10; opacity:0; transition: opacity .5s;}
#content02 .cont_graph .graph_wrap .graph_box .bar_box .label {position: absolute; left: 50%; top: -1em; transform: translate(-50%, -70%); color: #9A9EA7; font-size: 0.7rem; font-weight: 700;  text-align: center; white-space: nowrap; opacity:0; transition: opacity .5s;}
#content02 .cont_graph .graph_wrap .graph_box .bar_box.current .label {font-size: 1rem; color: #012685; }
#content02 .cont_graph .graph_wrap .graph_box .bar_box .btm_label {position: absolute; left: 50%; bottom: 1em; transform: translateX(-50%); font-weight: 600; color:#fff; opacity:0; transition: opacity .5s;}
#content02 .cont_graph .graph_wrap .graph_box .line {position:absolute; border-bottom: 2px dashed #D5D9E3; z-index: 5; opacity:0}
#content02 .cont_graph .graph_wrap .graph_box .graph_sum {position: absolute; top: -100px; width: 60%; transform: translate(32%, 0%); padding: 0.8em; border-radius: 1em; background-color: #e2e3ff; color: #212F52; text-align: center; font-size: 15px; font-weight: 600;}
#content02 .cont_graph .graph_wrap .graph_box .graph_sum:before {content: ''; position: absolute; left: 50%; bottom: 0; width: .5rem; height: .5rem; transform: translate(-50%, 50%) rotate(45deg); background-color:#e2e3ff;}
#content02 .cont_graph .graph_wrap .graph_box .bar_txt {position: absolute; bottom: -40px; text-align: center; width: 100%; color:#000}


#content02 .cont_graph .graph_wrap .graph_box:nth-of-type(1) .bar_box:nth-of-type(1) .bar {height: 0%;}
#content02 .cont_graph .graph_wrap .graph_box:nth-of-type(1) .bar_box:nth-of-type(2) .bar {height: 0%; transition-delay: 0.2s;}

#content02 .cont_graph .graph_wrap .graph_box:nth-of-type(2) .bar_box:nth-of-type(1) .bar {height: 0%;}
#content02 .cont_graph .graph_wrap .graph_box:nth-of-type(2) .bar_box:nth-of-type(2) .bar {height: 0%; transition-delay: 0.2s;}

#content02 .cont_graph .graph_wrap .graph_box .bar_box.current .bar {background:#012685}
#content02 .cont_graph .graph_wrap .graph_box .bar_box.current .dot {border-color:#fff; background-color: #012685;}

#content02 .cont_graph .txt_box {display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2rem; width: 80%;  margin: 0 auto;  font-size: var(--landTxt1); color: #000; text-align: center; font-weight: 700;  opacity:0;}
#content02 .cont_graph .txt_box .bar_txt {margin-top: 1em;}


#content02 .ct02_gd {margin:var(--contAPd) auto;}
#content02 .ct02_gd ul {display:flex; flex: 1 1 auto; flex-wrap: wrap; margin-top:var(--contTit1);}
#content02 .ct02_gd ul li {border-radius: 30px; overflow: hidden; position: relative; padding:3rem 2.5rem; margin: 1%; height: 300px; letter-spacing:-1px; transition: all 0.4s ease 0s;} 
#content02 .ct02_gd ul li:nth-child(1) {width:40%; background:linear-gradient(45deg, #D3F4F0, #ACE6FF);}
#content02 .ct02_gd ul li:nth-child(2) {width:26%; background:linear-gradient(45deg, #EAF1FF, #B8CDFE);}
#content02 .ct02_gd ul li:nth-child(3) {width:28%; background:linear-gradient(45deg, #F0F0F0, #C7C7C7);}
#content02 .ct02_gd ul li:nth-child(4) {width:24%; background:linear-gradient(45deg, #b9e1d8, #e8ffe9);}
#content02 .ct02_gd ul li:nth-child(5) {width:28%; background:linear-gradient(45deg, #ACE6FF, #D3F4F0);}
#content02 .ct02_gd ul li:nth-child(6) {width:42%; background:linear-gradient(45deg, #dfc7fd, #d5ffff);}
#content02 .ct02_gd ul li:hover {-webkit-box-shadow: 0px 5px 40px -10px rgba(0,0,0,0.2); -moz-box-shadow: 0px 5px 40px -10px rgba(0,0,0,0.2); box-shadow: 5px 40px -10px rgba(0,0,0,0.2); transform:scale(1.03);}
#content02 .ct02_gd ul li h6 {color:#000;}
#content02 .ct02_gd ul li h6 p {font-size:24px; font-weight:600;}
#content02 .ct02_gd ul li h6 small {font-size:16px; font-weight:300;}
#content02 .ct02_gd ul li img {position: absolute; right: 10%; bottom: 10%; width: auto;}

#content02 .ct02_rv li {margin:var(--contTit1) 0 0; border-radius:20px; display:flex; flex:1 1 auto; background:#fff; box-shadow: 0 0 5px #00000042;}
#content02 .ct02_rv li h6 {width:25%; border-radius:20px 0 0 20px; text-align:center; display:flex; flex-direction: column; justify-content: center; align-items: center; }
#content02 .ct02_rv li h6 dt {    font-size: 1.4rem; font-weight: 700; line-height: 1.8; color:#000;}
#content02 .ct02_rv li h6 dd {font-size: .7rem; color:#333}
#content02 .ct02_rv li h6 p {display:inline-block; padding:10px 20px; margin-top:20px; font-size:.9rem; background:#1A47FC; color:#fff; font-weight:500}
#content02 .ct02_rv li .review_graph {width:75%;}
#content02 .ct02_rv li .review_graph .graph_wrap {display: grid; grid-template-columns: repeat(2, minmax(0, 1fr));  gap: 2rem; width:100%; height: 18rem; margin: 0 auto; padding: 8rem 2rem 2rem;}
#content02 .ct02_rv li .review_graph .graph_wrap .graph_box {position: relative; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2rem; padding: 0 2rem; border-bottom: 1px solid #777;}
#content02 .ct02_rv li .review_graph .graph_wrap .graph_box .bar_box {position: relative; display: flex; align-items: flex-end;}
#content02 .ct02_rv li .review_graph .graph_wrap .graph_box .bar_box .bar {position: relative; width: 100%; height: 0; background: linear-gradient(to bottom, rgba(154, 158, 167, 1) 7%, rgba(209, 213, 225, 1) 100%); border-radius: 1rem 1rem 0 0;}
#content02 .ct02_rv li .review_graph .graph_wrap .graph_box .bar_box .bar .dot {position: absolute; left: 50%; top: 0; transform: translate(-50%, 80%); width: .8rem; height: .8rem; border-radius: 100%; background-color: #fff; border: 3px solid #012685; z-index: 10;}
#content02 .ct02_rv li .review_graph .graph_wrap .graph_box .bar_box .bar .label {position: absolute; left: 50%; top: -1em; transform: translate(-50%, -70%); color: #9A9EA7; font-size: 0.7rem; font-weight: 700; text-align: center; white-space: nowrap;}
#content02 .ct02_rv li .review_graph .graph_wrap .graph_box .bar_box .bar .btm_label {position: absolute; left: 50%; bottom: .5em; transform: translateX(-50%); font-weight: 600;  color: #fff; z-index:5}
#content02 .ct02_rv li .review_graph .graph_wrap .graph_box .line {position: absolute; border-bottom: 2px dashed #D5D9E3; z-index: 5; opacity:0}
#content02 .ct02_rv li .review_graph .graph_wrap .graph_box .graph_sum {position: absolute; top: -100px; width: 80%; transform: translate(10%, 0%); padding: 0.8em; border-radius: 1em; background-color: #C0C4F8; color: #212F52; text-align: center; font-size: 15px; font-weight: 600;}
#content02 .ct02_rv li .review_graph .graph_wrap .graph_box .graph_sum:before {content: ''; position: absolute; left: 50%; bottom: 0; width: .5rem; height: .5rem; transform: translate(-50%, 50%) rotate(45deg);
 background-color: #C0C4F8;}
#content02 .ct02_rv li .review_graph .graph_wrap .graph_box:nth-of-type(2) {border-bottom:none; border-top:1px solid #777}
#content02 .ct02_rv li .review_graph .graph_wrap .graph_box:nth-of-type(2) .bar_box {align-items: flex-start;}
#content02 .ct02_rv li .review_graph .graph_wrap .graph_box:nth-of-type(2) .bar_box .bar {border-radius: 0 0 1rem 1rem;}
#content02 .ct02_rv li .review_graph .graph_wrap .graph_box:nth-of-type(2) .bar_box .bar .label {top: auto; bottom: -1em; transform: translate(-50%, 70%);}
#content02 .ct02_rv li .review_graph .graph_wrap .graph_box:nth-of-type(2) .bar_box .bar .dot {bottom:0; top:auto; transform:translate(-50%, -35%)}
#content02 .ct02_rv li .review_graph .graph_wrap .graph_box:nth-of-type(2) .bar_box .bar .btm_label {top:.5em; bottom:auto;}
#content02 .ct02_rv li .review_graph .txt_box {display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2rem; width: 90%; margin: 0 auto; font-size: 18px;    color: #000; text-align: center;}
#content02 .ct02_rv li .review_graph .txt_box .bar_txt {margin-top: 1em;}

#content02 .ct02_rv li .review_graph .graph_wrap .graph_box .bar_box.current .bar {background:#012685}
#content02 .ct02_rv li .review_graph .graph_wrap .graph_box .bar_box.current .bar .label {color:#012685; font-size:.9rem}
#content02 .ct02_rv li .review_graph .graph_wrap .graph_box .bar_box.current .dot {border-color:#fff; background-color: #012685;}

#content02 .ct02_rv li.review01 h6 {background:url('./../img/content/cont02_rv01.jpg') center no-repeat; background-size:cover;}
#content02 .ct02_rv li.review01 .review_graph .graph_wrap .graph_box:nth-of-type(1) .bar_box:nth-of-type(1) .bar {height: 70%;}
#content02 .ct02_rv li.review01 .review_graph .graph_wrap .graph_box:nth-of-type(1) .bar_box:nth-of-type(2) .bar {height: 90%;}
#content02 .ct02_rv li.review01 .review_graph .graph_wrap .graph_box:nth-of-type(2) .bar_box:nth-of-type(1) .bar {height: 80%;}
#content02 .ct02_rv li.review01 .review_graph .graph_wrap .graph_box:nth-of-type(2) .bar_box:nth-of-type(2) .bar {height: 30%;}

#content02 .ct02_rv li.review02 h6 {background:url('./../img/content/cont02_rv02.jpg') center no-repeat; background-size:cover;}
#content02 .ct02_rv li.review02 .review_graph .graph_wrap .graph_box:nth-of-type(1) .bar_box:nth-of-type(1) .bar {height: 60%;}
#content02 .ct02_rv li.review02 .review_graph .graph_wrap .graph_box:nth-of-type(1) .bar_box:nth-of-type(2) .bar {height: 100%;}
#content02 .ct02_rv li.review02 .review_graph .graph_wrap .graph_box:nth-of-type(2) .bar_box:nth-of-type(1) .bar {height: 80%;}
#content02 .ct02_rv li.review02 .review_graph .graph_wrap .graph_box:nth-of-type(2) .bar_box:nth-of-type(2) .bar {height: 30%;}


@media (max-width: 1440px){
	#content02 .cont_graph {width:92%}
	#content02 .ct02_rv li .review_graph .graph_wrap .graph_box {gap: .5rem; padding: 0px 1rem;}
	#content02 .ct02_rv li .review_graph .graph_wrap .graph_box .bar_box .bar .btm_label {font-size:13px;}
}


@media screen and (max-width: 1024px) {
	#content02 .ct02_gd ul li:nth-child(1) {width:56%}
	#content02 .ct02_gd ul li:nth-child(2) {width:40%}
	#content02 .ct02_gd ul li:nth-child(3) {width:40%}
	#content02 .ct02_gd ul li:nth-child(4) {width:56%}
	#content02 .ct02_gd ul li:nth-child(5) {width:50%}
	#content02 .ct02_gd ul li:nth-child(6) {width:46%}
}

@media screen and (max-width: 767px) {
	#content02 .cont_graph .graph_wrap {grid-template-columns: repeat(1, minmax(0, 1fr)); gap: 10rem;   height: 30rem;}
	#content02 .ct02_gd ul li {padding: 8%; margin: 1%; height: 250px;}
	#content02 .ct02_gd ul li img {height:100px;}
	#content02 .ct02_gd ul li h6 p {font-size:22px;}
	#content02 .ct02_gd ul li h6 small {font-size:14px;}
	#content02 .ct02_rv li h6 {width:30%}
	#content02 .ct02_rv li .review_graph .graph_wrap {grid-template-columns: repeat(1, minmax(0, 1fr)); gap: 10rem; height: 40rem;}
}

@media screen and (max-width: 540px) {
	#content02 .ct02_gd ul li:nth-child(3) {width:98%}
	#content02 .ct02_gd ul li:nth-child(4) {width:50%}
	#content02 .ct02_gd ul li:nth-child(5) {width:46%}
	#content02 .ct02_gd ul li:nth-child(6) {width:98%}

	#content02 .ct02_gd ul li h6 p {font-size:20px;}
	#content02 .ct02_rv li {flex-direction: column;}
	#content02 .ct02_rv li h6 {width:100%; border-radius:20px; padding:20px;}
	#content02 .ct02_rv li .review_graph {width:100%;}
}
/* content02 */



/* content03 */
#content03 .content_top {background:linear-gradient(45deg, #A2D7F7, #B7D4FF);}
#content03 .content_top .content_line i {width:0%; height:100%; background:#001CCF; opacity:0;}
#content03 .cont_graph .graph_wrap {grid-template-columns: repeat(6, minmax(0, 1fr));  gap: 2rem;}
#content03 .cont_graph .graph_wrap .bar_wrap {opacity:0; transition: opacity .5s;}
#content03 .cont_graph .graph_wrap .bar_wrap:nth-of-type(1) .bar {height: 0;}
#content03 .cont_graph .graph_wrap .bar_wrap:nth-of-type(2) .bar {height: 0; transition-delay: 0.2s;}
#content03 .cont_graph .graph_wrap .bar_wrap:nth-of-type(3) .bar {height: 0; transition-delay: 0.4s;}
#content03 .cont_graph .graph_wrap .bar_wrap:nth-of-type(4) .bar {height: 0; transition-delay: 0.6s;}
#content03 .cont_graph .graph_wrap .bar_wrap:nth-of-type(5) .bar {height: 0; transition-delay: 0.7s;}
#content03 .cont_graph .graph_wrap .bar_wrap:nth-of-type(6) .bar {height: 0; transition-delay: 1s;}
#content03 .cont_graph .graph_wrap .bar_wrap .bar.color {background:#ccc;}
#content03 .cont_graph .graph_wrap .bar_wrap .bar.color .txt {color:#012685; font-size: 1.5rem; margin-top: 1rem; font-weight: 700;}
#content03 .cont_graph .graph_wrap .bar_wrap .bar {position: relative; padding-bottom:0px; display:block; transition: height 1s;}

.ct03_how {padding:var(--contAPd) 0;}
.ct03_how ul {display:flex; justify-content: space-between; gap: 20px; margin-top:var(--contTit1);}
.ct03_how ul p {position:relative; width: 100%; padding: 1em; margin-bottom:var(--contTits); border-radius: 1em; background-color: #E0E7FF; color: #000; text-align: center; font-size: var(--contTits); line-height:1.5}
.ct03_how ul p:before {content: ''; position: absolute; left: 50%; bottom: 0; width: .8rem; height: .8rem; transform: translate(-50%, 50%) rotate(45deg); background-color: #E0E7FF;}
.ct03_how ul li .af_img {width:100%; padding: 40%; border-radius:20px; box-shadow:0 0 6px #0000003b;}
.ct03_how ul li:nth-child(1) .af_img {background:url("./../img/content/cont03_img01.jpg") center no-repeat; background-size:cover;}
.ct03_how ul li:nth-child(2) .af_img {background:url("./../img/content/cont03_img02.jpg") center no-repeat; background-size:cover;}
.ct03_how ul li:nth-child(3) .af_img {background:url("./../img/content/cont03_img03.jpg") center no-repeat; background-size:cover;}
.ct03_how ul img {width:100%; border-radius:20px;}

.ct03_gd {padding:var(--contAPd1) 0 var(--contAPd);}
.ct03_gd .before {display:flex; margin-top:var(--contAPd1);}
.ct03_gd .before li {width:23%; text-align:center; margin:0 1%}
.ct03_gd .before li span {display:block; padding:10px 0 25px; background:#E6F6FF; color:#4660A4; font-size:15px; margin-bottom:-20px; border-radius: 20px 20px 0 0;}
.ct03_gd .before li div {background:#fff; box-shadow:0 0 6px #00000034; border-radius:20px; padding:20px 0;}
.ct03_gd .before li div small {display:block; font-size:16px; color:#777}
.ct03_gd .before li div p {font-size:20px; color:#000; font-weight:700;}
.ct03_gd .before li div small:nth-child(3) {margin-top:20px;}
.ct03_gd .area > span {display: block; width: 100%; height: 160px; background: url(./../img/content/content01_arrow.png) center no-repeat;}
.ct03_gd h6 {text-align:center; font-size:var(--contTt); color:#000;}
.ct03_gd .after {display:flex; margin-top:var(--contTit);}
.ct03_gd .after li {width:48%; margin:1%; border-radius:20px; padding:30px; text-align:center; font-size:var(--contTit); color:#000}
.ct03_gd .after li:nth-child(1) {background-color:#FFE1CC}
.ct03_gd .after li:nth-child(1) b {color:#D03F00}
.ct03_gd .after li:nth-child(2) {background-color:#FFEFAE}
.ct03_gd .after li:nth-child(2) b {color:#E09D17}


.ct03_step {padding: var(--contAPd1) 0; background:#012685;}
.ct03_step h4 {color:#fff !important}
.ct03_step .progress_cont { margin-top:var(--contAPd1); }
.ct03_step .progress_cont .in {position: relative; width: calc(100% - 4rem); max-width: 1200px; padding: 0 2rem; margin: 0 auto;}
.ct03_step .progress_cont .ico_cont { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1rem; }
.ct03_step .progress_cont .ico_cont .ico { position: relative; display: flex; align-items: center; justify-content: center; width: 9rem; height: 9rem; margin: 0 auto; border-radius: 100%; /*background-color: #2C62AA;*/ }
.ct03_step .progress_cont .ico_cont .ico img { width: 100%; object-fit: contain; }

.ct03_step .progress_cont .dot_cont { position: relative; }
.ct03_step .progress_cont .dot_cont .line { position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 0%; border-bottom: 1px solid #fff; z-index: 10; transition: width 1.5s linear;}

.ct03_step .progress_cont .dot_cont .dot_wrap { position: relative; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1rem; margin: 3.5rem 0; z-index:5;}
.ct03_step .progress_cont .dot_cont .dot_wrap .box { display: flex; align-items: center; justify-content: center; }
.ct03_step .progress_cont .dot_cont .dot_wrap .box .dot { width: .7rem; height: .7rem; border-radius: 100%; background-color: #fff; }

.ct03_step .progress_cont .txt_cont { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1rem; }
.ct03_step .progress_cont .txt_cont .box { text-align: center; }
.ct03_step .progress_cont .txt_cont .box .tit {font-size: 15px; color:#5884F3}
.ct03_step .progress_cont .txt_cont .box .txt { margin-top: 1em; color:#FFFFFF; font-size:18px;}

.ct03_step .progress_cont .ico_cont .ico,
.ct03_step .progress_cont .txt_cont .box { opacity: 0; transition: opacity 0.4s linear; }

.ct03_step .progress_cont .ico_cont .ico:nth-of-type(1),
.ct03_step .progress_cont .dot_cont .dot_wrap .box:nth-of-type(1) .dot,
.ct03_step .progress_cont .txt_cont .box:nth-of-type(1) { transition-delay: 0.4s; }

.ct03_step .progress_cont .ico_cont .ico:nth-of-type(2),
.ct03_step .progress_cont .dot_cont .dot_wrap .box:nth-of-type(2) .dot,
.ct03_step .progress_cont .txt_cont .box:nth-of-type(2) { transition-delay: 0.8s; }

.ct03_step .progress_cont .ico_cont .ico:nth-of-type(3),
.ct03_step .progress_cont .dot_cont .dot_wrap .box:nth-of-type(3) .dot,
.ct03_step .progress_cont .txt_cont .box:nth-of-type(3) { transition-delay: 1.1s; }

.ct03_step .progress_cont .ico_cont .ico:nth-of-type(4),
.ct03_step .progress_cont .dot_cont .dot_wrap .box:nth-of-type(4) .dot,
.ct03_step .progress_cont .txt_cont .box:nth-of-type(4) { transition-delay: 1.3s; }


@media (max-width: 1440px){
	#content03 .cont_graph {width:92%}
}

@media (max-width: 1024px){
	.ct03_step .progress_cont .ico_cont .ico {width:100%; height:100%;}
}

@media (max-width: 767px){
	.ct03_gd .before {flex-wrap: wrap;}
	.ct03_gd .before li {width:48%; margin:0 1% 10px 1%;}
	.ct03_how ul {flex-wrap: wrap;}
	.ct03_how ul li {width:100%}
	.ct03_how ul li .af_img {padding:20%}

	.ct03_step .progress_cont .in {padding:0;}
}

@media (max-width: 650px){
	#content03 .cont_graph .graph_wrap {height:15rem; gap:.5rem; padding:0 1rem;}

	.ct03_step .progress_cont {display: grid; grid-template-columns: 80px 50px minmax(0, 1fr); align-items: stretch; width: 100%; padding: 0 20px; margin-top: 60px;}
	.ct03_step .progress_cont .txt_cont .box .txt {margin-top:0px;}
	.ct03_step .progress_cont .ico_cont {width:70px; height:70px;}
	.ct03_step .progress_cont .in {width:clamp(1240px, 70vw, 164rem); max-width:100%;}
	.ct03_step .progress_cont .dot_cont .in {height:100%; padding:0 20px; top:-55px}
	.ct03_step .progress_cont .dot_cont .line {right:50%; top:0; bottom:-2.5%; width:17px; height:0%; transform:translateX(50%); transition:height 1.5s linear; transition-delay:0.2s; border-right:1px solid #fff; border-bottom:none;}
	.ct03_step .progress_cont .dot_cont .dot_wrap, .ct03_step .progress_cont .ico_cont, .ct03_step 
	.progress_cont .txt_cont {grid-template-columns: repeat(1, minmax(0, 1fr)); height: 100%; gap: 20px;}
	.ct03_step .progress_cont .txt_cont .box {text-align: left;}
}

/* content03 */




/* roi */
.roi_top {padding:var(--contAPd) 0;}
.roi_top .sub_tit b {color:#002DE3}
.roi_top .sub_tit small {margin-top:15px;}

.roi_intro {padding:var(--contAPd2) 0 var(--contAPd1); background:url(./../img/content/roi_bg.jpg) top center no-repeat; background-size:cover;}
.roi_intro ul {margin-bottom:var(--contTit1); display:flex; justify-content: center; text-align: center;}
.roi_intro ul li {display:flex; flex-direction: column; align-items: center; width: 30%; color:#4a4a4a}
.roi_intro ul li .bub {position:relative; display:block; background:#2544C0; border-radius:20px; margin-bottom:20px; padding:15px 20px; font-size:18px; color:#fff;}
.roi_intro ul li .bub:after {content:""; position:absolute; bottom:-22px; left:50%; margin-left:-6px; border-top: 12px solid #2544C0; border-right: 12px solid transparent; border-bottom: 12px solid transparent; border-left: 12px solid transparent;}
.roi_intro ul li small {font-size:18px; line-height:1.5; margin-top:15px;}
.roi_intro ul li b {font-size:20px;}
.roi_intro .roi_btn {text-align:center;}
.roi_intro .roi_btn a {display:inline-block; margin:20px 5px; padding:15px 5%; font-weight:600; font-size:var(--contTits); border-radius:40px;}
.roi_intro .roi_btn a:nth-child(1) {background:#1a47fc; color:#fff;}
.roi_intro .roi_btn a:nth-child(2) {border:2px solid #1a47fc; background:#fff; color:#1a47fc;}

.roi_gd .sub_tit {padding:var(--contAPd) 10% var(--contAPd1);}
.roi_gd ul {display:flex; flex-direction: column; gap:80px; width:100%;}
.roi_gd ul li {display:flex; width:100%; box-shadow:0 0 10px #00000034; border-radius:20px;}
.roi_gd ul li:nth-child(even) {flex-direction: row-reverse;}
.roi_gd ul li figure {width:40%; background-size:cover; border-radius:20px;}
.roi_gd ul li:nth-child(1) figure {background-image:url(./../img/content/roi_img01.jpg);}
.roi_gd ul li:nth-child(2) figure {background-image:url(./../img/content/roi_img02.jpg);}
.roi_gd ul li:nth-child(3) figure {background-image:url(./../img/content/roi_img03.jpg);}
.roi_gd ul li:nth-child(4) figure {background-image:url(./../img/content/roi_img04.jpg);}
.roi_gd ul li div {width:60%; padding:3rem;}
.roi_gd ul li div h6 {font-size:34px; color:#000; line-height:1.6; margin-bottom:30px;}
.roi_gd ul li div h6 small {display:block; font-size:28px; color:#1A47FC;}
.roi_gd ul li div p {line-height:2; font-size: var(--contTxt);}

.roi_best .sub_tit {padding:var(--contAPd) 10% var(--contAPd1);}
.roi_best .ico_cont {display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1rem; text-align:center;}
.roi_best .ico_cont li {display:flex; flex-direction: column; justify-content: space-between; align-items: center; gap: 20px;}
.roi_best .ico_cont li .ico {width: 260px; height: 260px; border-radius: 50%; border: 6px solid #E0E7FF; display: flex;
 align-content: center; justify-content: center;}
.roi_best .ico_cont p {line-height:2; font-size: var(--contTits);}

.roi_partner {}
.roi_partner .sub_tit {padding:var(--contAPd) 0 var(--contTt);}
.roi_pt > div {margin:var(--contAPd1) 0}
.roi_pt .swiper-container ul {align-items: center;}
.roi_pt .swiper-container ul li {padding:0 40px;}

.roi_rv ul {display:flex; flex-wrap: wrap; justify-content: space-between; margin:var(--contAPd1) 0;}
.roi_rv ul li {width:31.333%; padding:3rem; border-radius:20px; background:#F3F6FD; margin-bottom:var(--contTitg)}
.roi_rv ul li p {font-size:var(--contTits); font-weight:600; line-height:1.6; color:#000}
.roi_rv ul li p b {font-weight:600; color:#1A47FC}
.roi_rv ul li small {display:block; margin-top:10px; font-size:var(--contTxt1); color:#2169AC}

.roi_ftb {position:relative; background:url(./../img/content/roi_bottom.jpg) center no-repeat; background-size:cover; padding:var(--contAPd1) 0; text-align:center; }
.roi_ftb:after {content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0, 32, 102, 0.7); z-index:1;}
.roi_ftb h4 {color:#fff; position:relative; z-index:2; padding:var(--contTt); font-size:var(--contTt);}
.roi_ftb a {position:relative; z-index:2;  display:inline-block; padding:20px 80px; border-radius:40px; border:1px solid #fff; color:#fff; font-size: var(--contTits);}
.roi_ftb a:hover, .roi_ftb a:active {background:rgb(255, 255, 255); color:#002066; font-weight:600;}


@media screen and (max-width: 1200px) {
	.roi_best .ico_cont p {line-height: 1.6;}
	.roi_best .ico_cont li .ico {width: 100%; height: auto; padding: 23% 0;}
	.roi_best .ico_cont li .ico img {width: 50%;}
}

@media screen and (max-width: 767px) {
	.roi_best .ico_cont {grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2rem; margin-bottom:var(--contAPd2)}

	.roi_intro ul {gap: 1%; flex-wrap: wrap;}
	.roi_intro ul li {width:48%;}
	.roi_intro ul li:last-child {margin-top:40px;}
	.roi_intro ul li .bub {width:90%} 	

	.roi_gd ul li {flex-wrap: wrap; flex-direction: column;}
	.roi_gd ul li:nth-child(even) {flex-direction: row;}
	.roi_gd ul li figure {width: 100%; height: 150px; background-position: center; background-repeat: no-repeat; border-radius:20px 20px 0 0;}
	.roi_gd ul li div {width: 100%; padding: 2rem;}

	.roi_pt .swiper-container ul li {padding:0 20px;}
	.roi_pt .swiper-container ul li img {height:26px;}

	.roi_rv ul li {width: 49%; padding:2.5rem;}
}

@media screen and (max-width: 520px) {
	.roi_intro ul li {width:98%}
	.roi_intro ul li:nth-child(2) {margin-top:40px;}
	.roi_rv ul li {width: 99%;}
	.roi_ftb h4 br {display:none;}
}

/* roi */



:root {
	--mainColor: #1A47FC;
	--sizeF: 100%;
	--contAPd: 16rem; /* 전체 외부여백 */
	--contAPd2: 8.5rem; /* 전체 내부여백 */
	--contAPd1: 6rem; /* 전체 내부간여백 */

	--contTt: 2rem; /* 전체 탭 글씨 크기 */
	--contTit: 2.8rem; /* 전체 타이틀 크기 */
	--contTit1: 3.5rem; /* 전체 타이틀2 크기 */ 
	--contTits: 1rem; /* 전체 소타이틀 크기 */
	--contTitg: .85rem; /* 전체 타이틀 간격 */
	--contTxt: .95rem; /* 전체 텍스트 크기 */
	--contTxt1: .9rem; /* 전체 텍스트2 크기 */
}

@media screen and (max-width: 1025px) {
	
	:root {
	--contAPd: 10rem;
	--contAPd2: 6rem;
	--contAPd1: 4rem;

	--contTt: 1.5rem;
	--contTit: 2.4rem;
	--contTit1: 3rem;
	--contTits: .9rem;
	--contTitg: .7rem;
	--contTxt: .85rem;
	--contTxt1: .75rem;
	}
}

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

    :root {
    --contAPd: 100px;
	--contAPd2: 80px;
	--contAPd1: 60px;

	--contTt: 20px;
	--contTit: 32px;
	--contTit1: 38px;
	--contTits: 15px;
	--contTitg: 5px;
	--contTxt: 15px;
	--contTxt1: 14px;
    }	
}

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

    :root {
    --contAPd: 80px;
	--contAPd2: 60px;
	--contAPd1: 50px;

	--contTt: 18px;
	--contTit: 25px;
	--contTit1: 32px;
	--contTits: 14px;
	--contTitg: 5px;
	--contTxt: 14px;
	--contTxt1: 13px;
    }	
}