@import url('sub.css'); 





/**** S:: Ŭ¶ó¿ìµå ÀÎÇÁ¶ó > Ŭ¶ó¿ìµå ÀÌÀü/±¸Ãà > Ŭ¶ó¿ìµå ¸¶À̱׷¹ÀÌ¼Ç ****/
.migration_preparation{}
.migration_preparation ul{display: flex; justify-content: center; gap:30px;}
.migration_preparation ul li{}
.migration_preparation ul li div{width: 240px; height: 240px; border:8px solid; box-sizing:border-box; border-radius:50%; display: flex;     flex-direction: column; justify-content: center; align-items: center; text-align:center; padding:0 20px; background:var(--white);}
.migration_preparation ul li img{width: 80px; height: auto; margin:0 auto 18px;}
.migration_preparation ul li .fs18{font-weight: 600; line-height: 150%;}

.migration_preparation ul li:nth-child(1) div{border-color:var(--main_dark);}
.migration_preparation ul li:nth-child(2) div{border-color:var(--sub1);}
.migration_preparation ul li:nth-child(3) div{border-color:var(--sub2);}
.migration_preparation ul li:nth-child(4) div{border-color:var(--sub3);}
.migration_preparation ul li:nth-child(1) .fs18{color:var(--main_dark);}
.migration_preparation ul li:nth-child(2) .fs18{color:var(--sub1);}
.migration_preparation ul li:nth-child(3) .fs18{color:var(--sub2);}
.migration_preparation ul li:nth-child(4) .fs18{color:var(--sub3);}

.migration_strategy{overflow: hidden;}
.migration_strategy ul{display: flex; gap:30px;}
.migration_strategy ul li{flex:1; box-sizing:border-box; background:var(--white); border-radius:var(--borderR30); padding:42px 30px; position: relative; display: flex; flex-wrap:wrap; align-content: flex-start;}
.migration_strategy ul li:after{content:''; display:block; width: 55px; height: 55px; position: absolute; right:-42px; top:50%; margin-top: -27px; background:rgba(255, 255, 255, 0.50)url('/img/arrow_icon.png') no-repeat center/contain; z-index: 10; box-sizing:border-box; border:2px solid rgba(68, 85, 117, 0.40);; box-shadow:0px 8px 20px rgba(0, 0, 0, 0.08); border-radius:50%;}
.migration_strategy ul li:last-child:after{display: none !important;}
.migration_strategy ul li:nth-child(2){flex:2;}
.migration_strategy ul li .num_txt{position: absolute; left: 30px; top:-20px; z-index: 2;}
.migration_strategy ul li .fs20{font-weight: 600; padding: 0 0 8px; line-height: 120%; width: 100%;}
.migration_strategy ul li .fs18{color:var(--black); line-height: 150%; padding: 14px 0 8px; width: 100%;}
.migration_strategy ul li .fs18:first-of-type{padding-top: 0;}
.migration_strategy ul li .dot_list{width: 100%;}
.migration_strategy ul li .dot_list > dd{}
.migration_strategy ul li div{width: 50%; box-sizing:border-box; padding:0 10px 0 0;}
.migration_strategy ul li div:last-child{padding: 0;}

.migration_strategy ul li:nth-child(1) .num_txt{background:var(--sub4);}
.migration_strategy ul li:nth-child(1) .fs20{color:var(--sub4);}
.migration_strategy ul li:nth-child(1) .dot_list > dd:before{background:var(--sub4);}

.migration_strategy ul li:nth-child(2) .num_txt{background:var(--sub3);}
.migration_strategy ul li:nth-child(2) .fs20{color:var(--sub3);}
.migration_strategy ul li:nth-child(2) .dot_list > dd:before{background:var(--sub3);}

.migration_strategy ul li:nth-child(3) .num_txt{background:var(--sub2);}
.migration_strategy ul li:nth-child(3) .fs20{color:var(--sub2);}
.migration_strategy ul li:nth-child(3) .dot_list > dd:before{background:var(--sub2);}

.migration_strategy ul li:nth-child(4) .num_txt{background:var(--sub1);}
.migration_strategy ul li:nth-child(4) .fs20{color:var(--sub1);}
.migration_strategy ul li:nth-child(4) .dot_list > dd:before{background:var(--sub1);}

.migration_strategy ul li:nth-child(5) .num_txt{background:var(--main_dark);}
.migration_strategy ul li:nth-child(5) .fs20{color:var(--main_dark);}
.migration_strategy ul li:nth-child(5) .dot_list > dd:before{background:var(--main_dark);}

/**** E:: Ŭ¶ó¿ìµå ÀÎÇÁ¶ó > Ŭ¶ó¿ìµå ÀÌÀü/±¸Ãà > Ŭ¶ó¿ìµå ¸¶À̱׷¹ÀÌ¼Ç ****/



/**** S:: Ŭ¶ó¿ìµå ÀÎÇÁ¶ó > Ŭ¶ó¿ìµå ÀÌÀü/±¸Ãà > Azure Landing Zone ****/
.alz_cont{}
.alz_landing_zone{}
.alz_landing_zone .border_box{text-align:center;}
.alz_landing_zone .border_box .fs22{padding: 0 0 14px; font-weight: 600; color:var(--black);}
.alz_landing_zone .border_box img{max-width:100%; height: auto;}
.alz_landing_zone .border_box ul{max-width:990px; margin:-80px auto 0; display: flex; gap:10px; position: relative; z-index: 2;}
.alz_landing_zone .border_box ul li{width: calc((100% - 30px)/4); box-sizing:border-box; border-radius:70px; padding:20px 10px; background:rgba(240, 243, 246, 0.9); }
.alz_landing_zone .border_box ul li .fs18{font-weight: 600; color:var(--black);}


.alz_csp_table_wrap{position: relative;}
.alz_csp_table_wrap .responsive-dim{}
	.alz_csp_table{width:100%; border-collapse:separate; border-spacing:0px; text-align:center; border-top:3px solid var(--main_dark);}
	.alz_csp_table th{padding:20px; border-right:1px solid var(--border); border-bottom: 1px solid var(--border); background:var(--grayBg);  box-sizing:border-box;}
	.alz_csp_table th:last-child{border-right: 0;}
	.alz_csp_table th img{max-width:100%; height: auto; margin: 0 auto 10px; mix-blend-mode: multiply;}
	.alz_csp_table th .fs18{color:var(--black); font-weight: 600;}
	.alz_csp_table td{padding: 15px; box-sizing:border-box; border-right:1px solid var(--border); border-bottom: 1px solid var(--border); font-size:1rem; letter-spacing: -0.9px; line-height: 170%;}
	.alz_csp_table td:last-child{border-right: 0;}
	.alz_csp_table td.tit{font-weight: 600; color:var(--black);}


.alz_caf_cont{overflow: hidden;}
.alz_caf{position:relative;}
.alz_caf .responsive-dim{}
	.alz_caf_top{margin: 20px 0 0;}
	.alz_caf_top ul{display: flex; gap:30px; position: relative;}
	.alz_caf_top ul:before{content:''; display: block; width: calc(((100% + 20px)/4)*3); height: calc(100% + 20px); box-sizing:border-box; border-radius:var(--borderR30); border: 1px dashed var(--border); background: var(--grayBg); mix-blend-mode: multiply; position: absolute; right:-10px; top:-10px;}
	.alz_caf_top ul li{box-sizing:border-box; width: calc((100% - 90px)/4); background:var(--white); border-radius:var(--borderR30); padding:35px 30px; position: relative; text-align:center;}
	.alz_caf_top ul li:after{content:''; display:block;  width: 55px; height: 55px; position: absolute; right:-42px; top:50%; margin-top: -27px; background:rgba(255, 255, 255, 0.50) url('/img/arrow_icon.png') no-repeat center/contain; z-index: 2; box-sizing:border-box; border:2px solid rgba(68, 85, 117, 0.40);; box-shadow:0px 8px 20px rgba(0, 0, 0, 0.08); border-radius:50%;}
	
	
	
	.alz_caf_top ul li:last-child:after{display: none;}
	.alz_caf_top ul li .num_txt{position: absolute; left:50%; margin-left: -20px; top:-20px; z-index: 2;}
	.alz_caf_top ul li:nth-child(1) .num_txt{background:var(--sub4);}
	.alz_caf_top ul li:nth-child(2) .num_txt{background:var(--sub3);}
	.alz_caf_top ul li:nth-child(3) .num_txt{background:var(--sub2);}
	.alz_caf_top ul li:nth-child(4) .num_txt{background:var(--sub1);}
	.alz_caf_top ul li img{width: 72px; height: auto; margin: 0 auto 8px;}
	.alz_caf_top ul li .fs20{font-weight: 600;}
	.alz_caf_top ul li:nth-child(1) .fs20{color:var(--sub4);}
	.alz_caf_top ul li:nth-child(2) .fs20{color:var(--sub3);}
	.alz_caf_top ul li:nth-child(3) .fs20{color:var(--sub2);}
	.alz_caf_top ul li:nth-child(4) .fs20{color:var(--sub1);}
	.alz_caf_top ul li div{display: flex;}
	.alz_caf_top ul li div dl{flex:1; padding: 0 10px; border-right: 1px solid var(--border);}
	.alz_caf_top ul li div dl:last-child{border:0;}
	.alz_caf_top ul li dl{box-sizing:border-box;}
	.alz_caf_top ul li dl dt{font-size:1rem; font-weight: 600; color:var(--black); letter-spacing: -0.9px; line-height:150%; padding: 10px 0 0;}
	.alz_caf_top ul li dl dd{padding: 5px 0 0; font-size:0.889rem; letter-spacing: -0.8px; line-height: 150%;}

	.alz_caf_bottom{margin: 50px 0 0; padding: 0 18%; display: flex; justify-content: flex-end; box-sizing:border-box;}
	.alz_caf_bottom ul{display: flex; gap:30px; max-width:650px; width: 60%; position: relative;}
	.alz_caf_bottom ul:before{content:''; display: block; width: calc(100% + 20px); height: calc(100% + 20px); box-sizing:border-box; border-radius:var(--borderR30); border: 1px dashed var(--border); background: var(--grayBg); mix-blend-mode: multiply; position: absolute; right:-10px; top:-10px;}
	.alz_caf_bottom ul li{box-sizing:border-box; width: calc((100% - 30px)/2); background:var(--white); border-radius:var(--borderR30); padding:30px; position: relative; text-align:center;}
	.alz_caf_bottom ul li:nth-child(1):before{content:''; display: block; width: 55px; height: 55px; position: absolute; left:-45px; top:50%; margin-top: -27px; box-sizing:border-box; background:rgba(255, 255, 255, 0.50) url('/img/arrow_icon.png') no-repeat center/contain; border:2px solid rgba(68, 85, 117, 0.40);; box-shadow:0px 8px 20px rgba(0, 0, 0, 0.08); border-radius:50%; transform:rotate(180deg);}
	.alz_caf_bottom ul li:nth-child(2):after{content:''; display: block; width: 55px; height: 55px; position: absolute; right:-45px; top:50%; margin-top: -27px; box-sizing:border-box; background:rgba(255, 255, 255, 0.50) url('/img/arrow_icon.png') no-repeat center/contain; border:2px solid rgba(68, 85, 117, 0.40);; box-shadow:0px 8px 20px rgba(0, 0, 0, 0.08); border-radius:50%;}
	.alz_caf_bottom ul li img{width: 72px; height: auto; margin: 0 auto 12px;}
	.alz_caf_bottom ul li .fs20{font-weight: 600; color:var(--gray_color);} 
	.alz_caf_bottom ul li dl{box-sizing:border-box;}
	.alz_caf_bottom ul li dl dt{font-size:1rem; font-weight: 600; color:var(--black); letter-spacing: -0.9px; line-height:150%; padding: 10px 0 0;}
	.alz_caf_bottom ul li dl dd{padding: 5px 0 0; font-size:0.889rem; letter-spacing: -0.8px; line-height: 150%;}



.alz_plan_list{background:var(--white); border-radius:var(--borderR30); display: flex; flex-wrap:wrap; }
.alz_plan_list dl{display: flex; padding:30px; width: 25%; box-sizing:border-box; border-bottom: 1px solid var(--border); border-right: 1px solid var(--border);}
.alz_plan_list dl:nth-child(4n){border-right: 0;}
.alz_plan_list dl:nth-child(n+5){border-bottom: 0;}
.alz_plan_list dl dt{width: 80px; height: 80px; border-radius:50%;}
.alz_plan_list dl dt img{width: 100%; height: 100%; object-fit:contain;}
.alz_plan_list dl dd{width: calc(100% - 80px); padding: 0 0 0 30px; box-sizing:border-box; display: flex; flex-direction: column; justify-content: center; align-items: flex-start;}
.alz_plan_list dl dd .fs18{color:var(--black);}

.alz_manage{display: flex; flex-wrap:wrap; justify-content: center; gap:30px;}
.alz_manage dl{width: calc((100% - 60px)/3); border:1px solid var(--border); box-sizing:border-box; border-radius:var(--borderR30); padding:30px 30px 35px;}
.alz_manage dl dt{text-align:center;}
.alz_manage dl dt img{max-width:100%; height:auto; margin:0 auto 20px;}
.alz_manage dl dt .fs22{font-weight: 600; color:var(--black);}
.alz_manage dl dd{padding: 18px 0 0; margin: 15px 0 0; border-top: 1px solid var(--border);}
.alz_manage dl dd .fs18{color:var(--black);}
.alz_manage dl dd h5.fs18{padding: 5px 0 0; font-weight: 600;}
.alz_manage dl dd .dot_list{padding: 5px 0 0;}
.alz_manage dl dd .dot_list > li:before{background:var(--main);}


.alz_line{display: flex; flex-wrap:wrap; justify-content: center; gap:30px;}
.alz_line dl{width: calc((100% - 60px)/3); padding: 0 30px 35px; box-sizing:border-box; border-radius:var(--borderR30); background:var(--white); text-align:center;}
.alz_line.one dl{width: 100%; border:1px solid var(--border);}
.alz_line dl dt{padding: 25px 0 15px; box-sizing:border-box; border-bottom: 1px solid var(--border);}
.alz_line dl dd{padding: 20px 0 0;}
.alz_line.one dl dd{padding: 30px 0 0;}
.alz_line dl dd .img{margin: 0 auto;}
.alz_line.one dl dd .img{max-width:1020px; display: flex; gap:20px;}
.alz_line.one dl dd .img li{flex:1;}
.alz_line dl dd .img li img{max-width:100%; height:auto;}

.alz_build{}
.alz_build .icon_basic{padding: 40px 0 60px;}
.alz_build_process{}
.alz_build_process ul{display: flex; flex-wrap:wrap; gap:30px;}
.alz_build_process ul li{width: calc((100% - 90px)/4); box-sizing:border-box; padding:35px 25px; position: relative; text-align:center; background:var(--white); border-radius:var(--borderR30);}
.alz_build_process ul li:after{content:''; display:block; width: 55px; height: 55px; position: absolute; right:-42px; top:50%; margin-top: -27px; background:rgba(255, 255, 255, 0.50) url('/img/arrow_icon.png') no-repeat center/contain; z-index: 2; box-sizing:border-box; border:2px solid rgba(68, 85, 117, 0.40);; box-shadow:0px 8px 20px rgba(0, 0, 0, 0.08); border-radius:50%;}
.alz_build_process ul li:last-child:after{display: none !important;}
.alz_build_process ul li .num_txt{position: absolute; left:50%; top:-20px; margin-left: -20px; z-index: 2;}
.alz_build_process ul li:nth-child(1) .num_txt{background:var(--sub4);}
.alz_build_process ul li:nth-child(2) .num_txt{background:var(--sub3);}
.alz_build_process ul li:nth-child(3) .num_txt{background:var(--sub2);}
.alz_build_process ul li:nth-child(4) .num_txt{background:var(--sub1);}
.alz_build_process ul li img{width: 74px; height: auto; margin: 0 auto 5px;}
.alz_build_process ul li .fs20{font-weight: 600;}
.alz_build_process ul li:nth-child(1) .fs20{color:var(--sub4);}
.alz_build_process ul li:nth-child(2) .fs20{color:var(--sub3);}
.alz_build_process ul li:nth-child(3) .fs20{color:var(--sub2);}
.alz_build_process ul li:nth-child(4) .fs20{color:var(--sub1);}
.alz_build_process ul li dl{padding: 5px 0 0;}
.alz_build_process ul li dl dd{font-size:0.889rem; letter-spacing: -0.8px; line-height: 160%; padding:6px 0; border-bottom: 1px solid var(--border);}
.alz_build_process ul li dl dd:last-child{border-bottom: 0;}

/**** E:: Ŭ¶ó¿ìµå ÀÎÇÁ¶ó > Ŭ¶ó¿ìµå ÀÌÀü/±¸Ãà > Azure Landing Zone ****/


/**** S:: Ŭ¶ó¿ìµå ÀÎÇÁ¶ó > HPC on Azure ****/
.hpc_way{}
.hpc_way dl{box-sizing:border-box; border:1px solid var(--border); border-radius:var(--borderR30); padding:0 30px 30px; text-align:center;}
.hpc_way dl dt{padding:25px 0 16px;}
.hpc_way dl dt .fs22{font-weight:600; color:var(--black);}
.hpc_way dl dd{padding: 30px 0 0; border-top: 1px solid var(--border);}
.hpc_way dl dd ul{display: flex; gap:30px; margin: 0 auto; max-width:990px;}
.hpc_way dl dd ul li{width: 310px;}
.hpc_way dl dd ul li:nth-child(1){width: 650px;}
.hpc_way dl dd ul li img{max-width:100%; height: auto;}

.hpc_feature{}
.hpc_feature .icon_basic.two dl:nth-child(1) dt{border-color:var(--main_dark);}
.hpc_feature .icon_basic.two dl:nth-child(1) dd .fs20{color:var(--main_dark);}
.hpc_feature .icon_basic dl dd .fs18{color:var(--basic);}

.hpc_why{}
.hpc_why ul{display:flex; border-radius:var(--borderR30); overflow: hidden;}
.hpc_why ul li{width:20%; box-sizing:border-box; padding:40px 30px; text-align:center; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.hpc_why ul li .fs20{color:var(--white); font-family:var(--eng); font-weight: 700;}
.hpc_why ul li img{width: 80px; height: auto; margin: 20px auto;}
.hpc_why ul li .fs18{color:var(--white);}

.hpc_why ul li:nth-child(1){background:var(--main_dark);}
.hpc_why ul li:nth-child(2){background:var(--sub1);}
.hpc_why ul li:nth-child(3){background:var(--sub2);}
.hpc_why ul li:nth-child(4){background:var(--sub3);}
.hpc_why ul li:nth-child(5){background:var(--sub4);}
/**** E:: Ŭ¶ó¿ìµå ÀÎÇÁ¶ó > HPC on Azure ****/


/**** S:: °¡»óÈ­ > AVD (Azure Virtual Desktop) ****/
.avd_table{width:100%; border-collapse:separate; border-spacing:0px; border-top: 3px solid var(--main_dark); text-align:center;}
.avd_table th{font-size:1rem; letter-spacing: -0.9px; line-height: 170%; padding:17px 14px 14px; border-right:1px solid var(--border); border-bottom:1px solid var(--border); box-sizing:border-box; font-weight:600; color:var(--black); background:var(--grayBg);}
.avd_table th:last-child{border-right: 0;}
.avd_table td{font-size:0.889rem; letter-spacing: 0; line-height: 150%; padding:17px 14px; border-right:1px solid var(--border); border-bottom:1px solid var(--border); box-sizing:border-box; font-weight:400; color:var(--black); background:var(--white);}
.avd_table td.tit{font-size:1rem; font-weight: 600; color:var(--black);}
.avd_table td.customer{background: rgba(34, 119, 238, 0.10); color:var(--sub1);}
.avd_table td.microsoft{background: rgba(66, 207, 212, 0.10); color:var(--sub3);}
.avd_table td:last-child{border-right: 0;}
.avd_table_info{padding:20px 0 0; display: flex; justify-content: flex-end;}
.avd_table_info dl{display: flex; align-items:center; padding-left: 30px;}
.avd_table_info dl dt{width:40px; height:26px; margin: 0 10px 0 0; border:1px solid var(--border); border-radius:var(--borderR5);}
.avd_table_info dl.customer dt{background: rgba(34, 119, 238, 0.10);}
.avd_table_info dl.microsoft dt{background: rgba(66, 207, 212, 0.10);}
.avd_table_info dl dd{font-size:0.889rem; font-weight: 600; letter-spacing: 0; color:var(--black);}

.avd_feature{}
.avd_feature .icon_basic.two dl:nth-child(1) dt{border-color:var(--main_dark);}
.avd_feature .icon_basic.two dl:nth-child(1) dd .fs20{color:var(--main_dark);}
.avd_feature .icon_basic dl dd .fs18{color:var(--basic);}
/**** E:: °¡»óÈ­ > AVD (Azure Virtual Desktop) ****/


/**** S:: °¡»óÈ­ > AVS (Azure Vmware Service) ****/
.avs_service_banner{width:100%; height:360px; position:relative; background:url('/service/img/avs_service_bg.jpg') no-repeat center/cover; border-radius:var(--borderR30); overflow:hidden; margin:0 0 30px;}
.avs_service_banner h4{font-size:1.333rem; font-weight:500; color:var(--white); font-family:var(--eng); letter-spacing: 0.24px; max-width:330px; position: absolute; left:65%; top:38%; width: 100%;} 

.avs_advantage{display:flex; flex-wrap:wrap; gap:30px;}
.avs_advantage dl{text-align:center; width: calc((100% - 60px)/3); padding:25px 30px 45px; border-radius:var(--borderR30); background:var(--white); box-sizing:border-box;}
.avs_advantage dl dt{padding:0 0 16px;}
.avs_advantage dl dt .fs20{color:var(--black); line-height:150%; font-weight:600;}
.avs_advantage dl dd{padding:30px 0 0; border-top:1px solid var(--border);}
.avs_advantage dl dd img{max-width:100% !important; height:auto !important;}
/**** E:: °¡»óÈ­ > AVS (Azure Vmware Service) ****/


/**** S:: °¡»óÈ­ > Citrix on Azure ****/
.citrix_cont{}
.citrix_cont .icon_basic.two dl{border:1px solid var(--border);}
.citrix_cont .icon_basic.two dl:nth-child(1) dt{border-color:var(--main_dark);}
.citrix_cont .icon_basic.two dl:nth-child(1) dd .fs20{color:var(--main_dark);}
.citrix_cont .icon_basic.two dl:nth-child(2) dt{border-color:var(--sub1);}
.citrix_cont .icon_basic.two dl:nth-child(2) dd .fs20{color:var(--sub1);}
.citrix_cont .icon_basic.two dl:nth-child(3) dt{border-color:var(--sub2);}
.citrix_cont .icon_basic.two dl:nth-child(3) dd .fs20{color:var(--sub2);}
.citrix_cont .icon_basic.two dl:nth-child(4) dt{border-color:var(--sub3);}
.citrix_cont .icon_basic.two dl:nth-child(4) dd .fs20{color:var(--sub3);}
.citrix_cont .icon_basic.two dl:nth-child(5) dt{border-color:var(--sub4);}
.citrix_cont .icon_basic.two dl:nth-child(5) dd .fs20{color:var(--sub4);}

.citrix_cont .icon_basic.two dl:nth-child(6) dt{border-color:var(--main_dark);}
.citrix_cont .icon_basic.two dl:nth-child(6) dd .fs20{color:var(--main_dark);}
.citrix_cont .icon_basic.two dl:nth-child(7) dt{border-color:var(--sub1);}
.citrix_cont .icon_basic.two dl:nth-child(7) dd .fs20{color:var(--sub1);}

.citrix_cont .icon_basic.two dl dd .fs18{color:var(--basic);}
.citrix_cont .icon_basic.two dl.logo{border:0; background:url('/img/logo.svg') no-repeat center/242px auto; mix-blend-mode: luminosity; opacity: 0.3; -webkit-filter: grayscale(1); filter: grayscale(1); filter: gray;}


.citrix_vdi{position: relative; overflow:hidden; padding: 45px 0 0;}
.citrix_vdi .citrix_vdi_dia{position: relative;}
.citrix_vdi .citrix_vdi_dia .tit{position:absolute; left:50%; top:55%; transform:translate(-50%,-50%); text-align:center;}
.citrix_vdi .citrix_vdi_dia .tit img{width: 140px; height: auto; margin:0 auto 20px;}
.citrix_vdi .citrix_vdi_dia .tit .fs35{line-height:135%;}
.citrix_vdi .citrix_vdi_dia .cont{max-width:830px; margin:0 auto;}
.citrix_vdi .citrix_vdi_dia .cont img{max-width:100%; height: auto;}
.citrix_vdi dl{max-width:250px; width: 100%; position: absolute;}
.citrix_vdi dl.one{left:50%; top:0; transform:translateX(-50%); text-align:center;}
.citrix_vdi dl.two{left:50%; top:160px; margin-left:250px; text-align:left;}
.citrix_vdi dl.three{left:50%; top:550px; margin-left:265px; text-align:left;}
.citrix_vdi dl.four{right:50%; top:550px; margin-right:265px; text-align:right;}
.citrix_vdi dl.five{right:50%; top:160px; margin-right:250px; text-align:right;}
.citrix_vdi dl dt{display: none;}
.citrix_vdi dl dt img{}
.citrix_vdi dl dd{}
.citrix_vdi dl dd .fs20{font-weight:600; line-height:140%; color:inherit;}
.citrix_vdi dl dd .fs16{padding:5px 0 0; color:inherit;}


.citrix_vdi dl.one dd{color:var(--sub2);}
.citrix_vdi dl.two dd{color:var(--sub3);}
.citrix_vdi dl.three dd{color:var(--sub4);}
.citrix_vdi dl.four dd{color:var(--main_dark);}
.citrix_vdi dl.five dd{color:var(--sub1);}

.citrix_table_wrap{position: relative;}
.citrix_table_wrap .responsive-dim{}
	.citrix_table{width:100%; border-collapse:separate; border-spacing:0px; border-top:3px solid var(--main_dark); text-align:center;}
	.citrix_table th{padding:14px 14px 12px; background:var(--grayBg); border-bottom:1px solid var(--border); border-right:1px solid var(--border); color:var(--black); font-weight:600; letter-spacing: -0.8px; line-height:160%; font-size:0.889rem;}
	.citrix_table .milestones th{border-right: 0;}
	.citrix_table .milestones th:first-child{border-right:1px solid var(--border);}
	.citrix_table th:last-child{border-right: 0;}
	.citrix_table th .fs16{display: inline-block; color:var(--black); font-weight:600; letter-spacing: -0.8px; line-height:160%; padding:0 17px 0 0;}
	.citrix_table th .fs16:last-child{padding:0;}
	.citrix_table th .fs16 img{display:inline-block; vertical-align:middle; margin:-2px 4px 0 0; width:17px; height:auto;}
	.citrix_table th.w4 div{padding-left:21%;}
	.citrix_table th.w7 div{padding-right:15%;}
	.citrix_table th.w9 div{padding-right:25%;}
	
	
	.citrix_table td{font-size:0.889rem; letter-spacing: -0.8px; line-height:160%; border-bottom:1px solid var(--border); border-right:1px solid var(--border); box-sizing:border-box; position: relative; padding:20px 0;}
	.citrix_table td.top{vertical-align: top;	}
	.citrix_table td.line:before{content:''; display: block; width: 1px; height: 100%; background:var(--border); position: absolute; left:50%; top:0; z-index: 0;}
	.citrix_table td > * {position: relative; z-index: 2;}
	.citrix_table td:last-child{border-right: 0;}
	.citrix_table td.tit{font-weight: 600; color:var(--black); padding:20px;}
	.citrix_table tr.point td{background: rgba(0, 80, 255, 0.05);}
	.citrix_table tr.point td.tit{background:var(--main_dark); color:var(--white);}

	.citrix_table td .arrow{width:100%; position: relative; text-align:center;}
	.citrix_table td .arrow:before{content:''; display:block; width:100%; height: 2px; background:var(--gray_color); position: absolute; left:0; top:50%; margin-top:-1px;}
	.citrix_table td .arrow:after{content:'\e5cc'; display:block; width:32px; height: 32px; line-height:32px; font-size:32px; font-family:var(--icon); color:var(--gray_color); position: absolute; right:-12px; top:50%; margin-top:-16px;}
	.citrix_table td .arrow.sub2:before{background:var(--sub2);}
	.citrix_table td .arrow.sub2:after{color:var(--sub2);}
	.citrix_table td .arrow.sub2 span{color:var(--sub2); border-color:var(--sub2);}
	.citrix_table td .arrow span{display:inline-block; box-sizing:border-box; border-radius:var(--borderR10); border:1px solid var(--gray_color); font-size:0.889rem; font-weight:600; letter-spacing: -0.8px; padding:7px 20px 5px; white-space: nowrap; color:var(--gray_color); background:var(--white); line-height: 120%; position: relative; z-index: 2;}
	.citrix_table td ul{padding:10px 5px 5px; box-sizing:border-box; display: flex; align-items: flex-start; justify-content: center; gap:10px;}
	.citrix_table td ul li{flex:1; font-size:0.778rem; font-weight:500; color:rgba(68, 85, 117, 0.8); padding:10px 20px; box-sizing:border-box; background:var(--grayBg); border-radius:var(--borderR10); }
	.citrix_table td ul li .fs14{line-height: 150%; padding: 0 0 5px;}
	.citrix_table td ul li .fs14:last-child{padding: 0;}
	.citrix_table td .box{display: flex; justify-content: flex-end; box-sizing:border-box; padding: 20px 5px 5px;}
	.citrix_table td .box .fs16{font-weight:600; box-sizing:border-box; border:1px solid var(--sub2); color:var(--sub2);; border-radius:var(--borderR10); padding:5px 20px; line-height:120%; white-space: nowrap; background:var(--white);}
	
	.citrix_table .point td .arrow:before{background:var(--main_dark);}
	.citrix_table .point td .arrow:after{color:var(--main_dark);}
	.citrix_table .point td .arrow span{color:var(--main_dark); border-color:var(--main_dark);}
	.citrix_table .point td ul li{background:var(--white);}
	.citrix_table .point td.w3 ul li{flex:0.5;}
	.citrix_table .point td.w3 .arrow{margin: 30px auto 0;}
	.citrix_table .point td.w7 .arrow{margin: 60px auto 0;}
	.citrix_table .point td.w9 .arrow{margin: 90px auto 0;}
	.citrix_table .point td.w9 .arrow:last-child{margin: 10px auto 0;}
	
	
/**** E:: °¡»óÈ­ > Citrix on Azure ****/



/**** S:: Data & AI  > Inno. AI ****/
.innoAi_service_cont{overflow: hidden;}
.innoAi_service{display: flex; padding: 20px 0 0; position: relative;}
.innoAi_service:after{content:'';  display: block; width: 526px; height: 526px; background:url('/service/img/innoAi_service_logo.png') no-repeat center/contain; position: absolute; left:50%; top:50%; margin-left: -263px; margin-top: -263px;}
.innoAi_service article{width: 50%; position: relative; box-sizing:border-box;}
.innoAi_service article.innoAi_service_logo{display: none;}
.innoAi_service article.tdg{display: flex; flex-direction: column; justify-content: center;}
.innoAi_service article.tdg:before{content:''; display: block; width: 676px; height: 604px; background:url('/service/img/innoAi_service_bg.png') no-repeat center/contain; position: absolute; right: 0; top:50%; transform:translateY(-50%);}
.innoAi_service article.tdg dl{margin: 0 0 4px; border-radius:var(--borderR30); background:var(--main_dark); padding:30px; box-sizing:border-box; display: flex; max-width:645px; width: 80%;}
.innoAi_service article.tdg dl:last-child{margin-bottom: 0;}
.innoAi_service article.tdg dl dt{width: 120px;}
.innoAi_service article.tdg dl dt img{width: 100%; height: auto;}
.innoAi_service article.tdg dl dd{width: calc(100% - 120px); padding: 0 40px; box-sizing:border-box;}
.innoAi_service article.tdg dl dd .fs20{color:var(--white);}
.innoAi_service article.tdg dl dd .dot_list{padding:5px 0 0;}
.innoAi_service article.tdg dl dd .dot_list li{color:rgba(255,255,255,.7);}
.innoAi_service article.tdg dl dd .dot_list li:before{background:var(--white);}
.innoAi_service article.laon{padding: 30px 100px; display: flex; justify-content: center; flex-direction: column; align-items: flex-end;}
.innoAi_service article.laon .laon_in{position: relative; width: 485px; height: 524px;}
.innoAi_service article.laon dl{position: absolute; text-align:center; width:280px;}
.innoAi_service article.laon dl.one{left: 0; top:0;}
.innoAi_service article.laon dl.two{right: 0; top:50%; margin-top: -140px;}
.innoAi_service article.laon dl.three{left: 0; bottom: 0;}
.innoAi_service article.laon dl dt{width: 120px; height: 120px; position: absolute; }
.innoAi_service article.laon dl.one dt{left:50%; top:-60px; margin-left: -60px;}
.innoAi_service article.laon dl.two dt{right:-60px; top:50%; margin-top: -60px;}
.innoAi_service article.laon dl.three dt{left:50%; bottom:-60px; margin-left: -60px;}
.innoAi_service article.laon dl dt img{width: 100%; height: auto;}
.innoAi_service article.laon dl dd{width:280px; height:280px; box-sizing:border-box; padding:80px 50px; border-radius:50%; background: var(--grayBg); mix-blend-mode: multiply;}
.innoAi_service article.laon dl dd .fs20{font-weight: 600; color:var(--gray_color); padding:0 0 8px; line-height: 120%;}

.innoAi_effect{overflow: hidden;}
.innoAi_effect .innoAi_effect_in{display: flex;}
.innoAi_effect .innoAi_effect_in dl{width: 50%; display: flex; align-items:center;}
.innoAi_effect .innoAi_effect_in dl.tdg{flex-direction: row-reverse; margin-right: -10px;}
.innoAi_effect .innoAi_effect_in dl.laon{margin-left: -10px;}
.innoAi_effect .innoAi_effect_in dl dt{width: 510px; height: 510px; position: relative;}
.innoAi_effect .innoAi_effect_in dl dt:before{content:''; display: block; width: 100%; height: 100%; position: absolute; left:0; top:0; border-radius:50%; opacity: 0.1;
background: var(--black); mix-blend-mode: multiply; z-index: 0;}
.innoAi_effect .innoAi_effect_in dl.laon dt:before{background:#2AA651;}
.innoAi_effect .innoAi_effect_in dl dt img{width: 100%; height: auto; position: relative; z-index: 5;}
.innoAi_effect .innoAi_effect_in dl dd{width:calc(100% - 510px); box-sizing:border-box;}
.innoAi_effect .innoAi_effect_in dl.tdg dd{padding: 0 30px 0 0;}
.innoAi_effect .innoAi_effect_in dl.laon dd{padding: 0 0 0 30px;}
.innoAi_effect .innoAi_effect_in dl dd .check_list{}
.innoAi_effect .innoAi_effect_in dl dd .check_list > li{}
.innoAi_effect .innoAi_effect_in dl.tdg dd .check_list > li{padding-left: 0; padding-right: 29px; text-align:right;}
.innoAi_effect .innoAi_effect_in dl.tdg dd .check_list > li:before{color:var(--main_dark); left: auto; right: 0;}
.innoAi_effect .innoAi_effect_in dl.laon dd .check_list > li:before{color:#7AC142;}
.innoAi_effect .check_style{max-width:1050px; margin:0 auto; padding:20px 0 0; position: relative;}
.innoAi_effect .check_style:before{content:''; display:block; width:480px; height:131px; position: absolute; left:50%; top: -80px; margin-left: -240px; background:url('/service/img/innoAi_effect_arrow.png') no-repeat center/contain;}
.innoAi_effect .check_style dl{border:1px solid var(--border); position: relative; z-index: 9;	}


.innoAi_speech{background:var(--white); border-radius:var(--borderR30); overflow:hidden; padding:30px 30px 40px;}
.innoAi_speech .tit{text-align:center;}
.innoAi_speech .tit .fs18{color:var(--black); padding:8px 0 0;}
.innoAi_speech .cont{padding:20px 0 0; margin: 20px 0 0; border-top:1px solid var(--border); box-sizing:border-box;}
.innoAi_speech .cont > .fs18{text-align:center;}
.innoAi_speech .cont > .fs18 img{display: none;}
.innoAi_speech .innoAi_speech_in{display:flex; justify-content:space-between; max-width:990px; margin:16px auto 0; position: relative;}
.innoAi_speech .innoAi_speech_in .icon{display: block; width: 80px; height:80px; border-radius:50%; background:var(--white) url('/service/img/innoAi_speech_icon.png') no-repeat center/contain; position: absolute; left:50%; top:-14px; margin-left: -40px; box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.15); z-index: 9;}
.innoAi_speech .innoAi_speech_in .icon:before{content:''; display: block; width: 40px; height: 40px; background:url('/service/img/innoAi_service_icon.png') no-repeat center/contain; position: absolute; left: -40px; top:50%; margin-top: -20px;}
.innoAi_speech .innoAi_speech_in .icon:after{content:''; display: block; width: 40px; height: 40px; background:url('/service/img/innoAi_service_icon.png') no-repeat center/contain; position: absolute; right: -40px; top:50%; margin-top: -20px;}
.innoAi_speech .innoAi_speech_in > dl{width: calc(50% - 15px); position: relative;}
.innoAi_speech .innoAi_speech_in > dl > dt{padding:12px 70px; box-sizing:border-box; background:var(--gray_color); border-radius:50px; text-align:center; position: absolute; left:0; top:0; width: 100%; z-index: 5;}
.innoAi_speech .innoAi_speech_in > dl > dt .fs20{font-weight:600; color:var(--white); line-height: 150%;}
.innoAi_speech .innoAi_speech_in > dl > dd{margin: 7px 0 0; box-sizing:border-box; padding: 30px; border-radius:var(--borderR30); background:rgba(240, 243, 246, 0.5); position: relative;}
.innoAi_speech .innoAi_speech_in > dl.speech1 > dd:after{content:''; display: block; width: 63px; height: 100px; background:url('/service/img/innoAi_speech_arrow.png') no-repeat center/contain; position: absolute; right:-50px; top:50%; margin-top: -50px;}
.innoAi_speech .innoAi_speech_in > dl > dd.line:after{display: none;}
.innoAi_speech .innoAi_speech_in > dl > dd.line{border:1px solid var(--border); background:var(--white); border-top: 0; margin: 20px 0 0; padding: 50px 20px 20px; height: 350px; overflow-y: auto; border-radius:0 0 var(--borderR30) var(--borderR30);}



.innoAi_speech .innoAi_speech_in > dl > dd.line .fs14{font-size:0.778rem; letter-spacing: -0.7px; line-height:160%;}
.innoAi_speech .innoAi_speech_in > dl > dd.line .fs14 b{color:#FF4D00; font-weight: 400; letter-spacing: inherit; line-height: inherit;}
.innoAi_speech .innoAi_speech_in > dl > dd dl{}
.innoAi_speech .innoAi_speech_in > dl > dd dl dt{font-size:0.889rem; font-weight:600; line-height:160%; letter-spacing: -0.8px; color:#FF4D00; text-align:center; box-sizing:border-box; border-radius:var(--borderR10); background: rgba(255, 77, 0, 0.15); padding: 8px 20px;}
.innoAi_speech .innoAi_speech_in > dl > dd dl dd{padding: 15px 0; }
.innoAi_speech .innoAi_speech_in > dl > dd dl dd .dot_list li:before{background:#FF4D00;}
.innoAi_speech .innoAi_speech_in > dl > dd dl dd .dot_list li b{color:#FF4D00; font-weight: 400;}

.innoAi_speech .innoAi_speech_in > dl.speech2 > dt{background:var(--main_dark);}
.innoAi_speech .innoAi_speech_in > dl.speech2 > dd dl dt{background: rgba(0, 80, 255, 0.15); color:var(--main_dark);}
.innoAi_speech .innoAi_speech_in > dl.speech2 > dd dl dd .dot_list li:before{background:var(--main_dark);}
.innoAi_speech .innoAi_speech_in > dl.speech2 > dd dl dd .dot_list li b{color:var(--main_dark);}


/**** E:: Data & AI  > Inno. AI ****/






/**** S:: Data & AI  > Azure OpenAI(AOAI) ¼­ºñ½º ****/
.aoai_onm{}
	.aoai_onm_in{display: flex; flex-wrap:wrap; gap:30px;}
	.aoai_onm_in article{width: calc((100% - 30px)/2); position: relative;}
	.aoai_onm_in article:after{content:''; display:block; width:80px; height:80px; background:url('/service/img/aoai_plus.png') no-repeat center/contain; position:absolute; right:-55px; top:50%; margin-top:-40px;}
	.aoai_onm_in article:last-child:after{display: none;}
	.aoai_onm_in article dl{position: relative; padding: 110px 0 0;}
	.aoai_onm_in article dl dt{width: 180px; height: 180px; border-radius:50%; position: absolute; left:50%; top:0; margin-left: -97px;}
	.aoai_onm_in article dl dt:before{content:''; width: calc(100% + 30px); height: calc(100% + 30px); background:var(--blackBg); position: absolute; left:50%; top:50%; transform:translate(-50%,-50%); border-radius:50%; }
	.aoai_onm_in article:nth-child(2) dl dt:before{background:#F25022;}
	.aoai_onm_in article dl dt img{width: 100%; height: auto; border-radius:50%; position: relative; z-index: 2; box-shadow:10px 20px 31px rgba(0, 0, 0, 0.08);}
	.aoai_onm_in article dl dd{box-sizing:border-box; padding: 128px 40px 40px; border-radius:var(--borderR30); border:1px solid var(--border); text-align:center;} 
	.aoai_onm_in article ul{padding: 30px 0 0; display: flex; flex-wrap:wrap; gap:30px;}
	.aoai_onm_in article ul li{width: calc((100% - 30px)/2); text-align:center;}
	.aoai_onm_in article ul li .tit{text-align:center; border-radius:40px; padding:10px 20px; box-sizing:border-box;}
	.aoai_onm_in article:nth-child(1) ul li:nth-child(1) .tit{background:var(--sub1);}
	.aoai_onm_in article:nth-child(1) ul li:nth-child(2) .tit{background:var(--sub2);}
	.aoai_onm_in article:nth-child(2) ul li:nth-child(1) .tit{background:var(--sub3);}
	.aoai_onm_in article:nth-child(2) ul li:nth-child(2) .tit{background:var(--sub4);}
	.aoai_onm_in article ul li .tit .fs22{color:var(--white); font-weight: 600; letter-spacing: 0; }
	.aoai_onm_in article ul li .tit .fs22 small{display: inline-block; font-size:0.833rem; }
	.aoai_onm_in article ul li .fs18{padding: 10px 0 0;}
	
	.aoai_feature{}
	.aoai_feature .process_style li img{margin:0 auto 8px;}
/**** E:: Data & AI  > Azure OpenAI(AOAI) ¼­ºñ½º ****/






/**** S:: Data & AI  > Databricks on Azure ****/
.databricks_on_azure_box{display:flex; align-items: flex-end; justify-content:center;  box-sizing:border-box; background:var(--grayBg); border-radius:var(--borderR20); padding:30px; text-align:center; margin:0 0 10px;}
.databricks_on_azure_box .fs22{font-weight:600; color:var(--black); }
.databricks_on_azure_box .fs18{color:rgba(15, 25, 44, 0.7); padding: 0 30px 0 13px;}
.databricks_on_azure_box .number{font-size:2.778rem; font-weight:700; font-family:var(--eng); line-height:100%; color:var(--main_dark);}
.databricks_on_azure .dia_wrap .border_box{padding: 35px;}


.databricks_stage .process_style li img{margin:0 auto 10px;}

.databricks_company{max-width:1050px; margin: 0 auto; display: flex; flex-wrap:wrap; gap:30px;}
.databricks_company dl{width: calc((100% - 60px)/3); background:var(--white); border-radius:var(--borderR30); overflow: hidden;}
.databricks_company dl dt{border-radius:50px; text-align:center; box-sizing:border-box; background:var(--sub1); padding: 10px;}
.databricks_company dl dt .fs20{color:var(--white); font-weight: 600;}
.databricks_company dl:nth-child(even) dt{background:var(--sub2);}
.databricks_company dl:nth-child(6) dt{background:var(--sub1);}
.databricks_company dl:nth-child(7) dt{background:var(--sub2);}
.databricks_company dl:nth-child(8) dt{background:var(--sub1);}
.databricks_company dl:nth-child(9) dt{background:var(--sub2);}
.databricks_company dl dd{display: flex; flex-direction: column; justify-content: center; align-items: center; box-sizing:border-box; padding:15px;}
.databricks_company dl dd img{max-width:100%; height: auto;}
.databricks_company dl.databricks_logo{background:none;}
.databricks_company dl.databricks_logo dd{width: 100%; height: 100%;}

/**** E:: Data & AI  > Databricks on Azure ****/



/**** S:: Ŭ¶ó¿ìµå º¸¾È > º¸¾È Áø´Ü ¼­ºñ½º ****/
.diagnostic_cloud{}
.diagnostic_cloud article{}
.diagnostic_cloud article .fs35{text-align:center; padding: 0 0 20px;}

	.basic_style{display:flex; flex-wrap:wrap; gap:30px; margin: 40px 0 0;}
	.basic_style dl{width:calc((100% - 60px)/3); text-align:center; box-sizing:border-box; border:1px solid var(--border); border-radius:0 0 var(--borderR30) var(--borderR30); border-top:0;}
	.basic_style dl dt{padding:12px 30px 10px; box-sizing:border-box; border-radius:50px; background:var(--main_dark); position: relative; top:-40px;}
	.basic_style dl:nth-child(2) dt{background:var(--sub1);}
	.basic_style dl:nth-child(3) dt{background:var(--sub2);}
	.basic_style dl dt .fs20{color:var(--white); font-weight:600; line-height:120%;}
	.basic_style dl dt .fs16{color:rgba(255,255,255,.7); padding: 4px 0 0; line-height: 150%;}
	.basic_style dl dd{padding:20px 25px; box-sizing:border-box; margin-top: -40px;}
	.basic_style dl dd .fs18{font-weight: 600; color:var(--black); padding:0 0 5px; line-height:130%;}
	.basic_style dl dd .fs16{}

.diagnostic_technology{}
.diagnostic_technology .icon_basic.two dl{border:1px solid var(--border);}
.diagnostic_technology .icon_basic.two dl:nth-child(1) dt{border-color:var(--main_dark);}
.diagnostic_technology .icon_basic.two dl:nth-child(1) dd .fs20{color:var(--main_dark);}
.diagnostic_technology .icon_basic.two dl:nth-child(1) dd .dot_list:before{background:var(--main_dark);}
.diagnostic_technology .icon_basic dl dd .fs18{color:var(--basic); letter-spacing: -0.2pt;}
.diagnostic_technology .icon_basic dl dd .dot_list > li{letter-spacing: -0.2pt;}

.diagnostic_technology .icon_basic.two dl:nth-child(5) dt{border-color:var(--sub4);}
.diagnostic_technology .icon_basic.two dl:nth-child(5) dd .fs20{color:var(--sub4);}
.diagnostic_technology .icon_basic.two dl:nth-child(5) dd .dot_list:before{background:var(--sub4);}
.diagnostic_technology .icon_basic.two dl:nth-child(6) dt{border-color:var(--gray_color);}
.diagnostic_technology .icon_basic.two dl:nth-child(6) dd .fs20{color:var(--gray_color);}
.diagnostic_technology .icon_basic.two dl:nth-child(6) dd .dot_list:before{background:var(--gray_color);}


.diagnostic_process{overflow: hidden;}
.diagnostic_process_in{display: flex; gap:20px;}
.diagnostic_process_in .box{box-sizing:border-box; padding: 30px 10px 20px; text-align:center; border-radius:var(--borderR30); background:rgba(255,255,255,.8);}
.diagnostic_process_in .box:nth-child(1){flex:2;}
.diagnostic_process_in .box:nth-child(2){flex:3;}
.diagnostic_process_in .box:nth-child(3){flex:1;}
.diagnostic_process_in .box ul{display: flex; gap:20px;}
.diagnostic_process_in .box ul li{flex:1; box-sizing:border-box; border:1px solid var(--border); position: relative; border-radius:var(--borderR30); background:var(--white); padding: 30px 20px 20px; min-height:185px;}
.diagnostic_process_in .box ul li:after{content:''; display:block; width: 55px; height: 55px; position: absolute; right:-42px; top:50%; margin-top: -27px; background:rgba(255, 255, 255, 0.50) url('/img/arrow_icon.png') no-repeat center/contain; z-index: 2; box-sizing:border-box; border:2px solid rgba(68, 85, 117, 0.40);; box-shadow:0px 8px 20px rgba(0, 0, 0, 0.08); border-radius:50%;}
.diagnostic_process_in .box ul li.two:after,
.diagnostic_process_in .box ul li.five:after{right: -48px;}
.diagnostic_process_in .box:last-child ul li:after{display: none !important;}
.diagnostic_process_in .box ul li .num_txt{position: absolute; left:50%; top:-20px; margin-left: -20px; z-index: 2;}
.diagnostic_process_in .box ul li.one .num_txt{background:var(--sub4);}
.diagnostic_process_in .box ul li.two .num_txt{background:var(--sub3);}
.diagnostic_process_in .box ul li.three .num_txt{background:var(--sub2);}
.diagnostic_process_in .box ul li.four .num_txt{background:var(--sub1);}
.diagnostic_process_in .box ul li.five .num_txt{background:var(--main_dark);}
.diagnostic_process_in .box ul li.six .num_txt{background:var(--gray_color);}
.diagnostic_process_in .box ul li img{width: 70px; height: auto; margin: 0 auto 6px;}
.diagnostic_process_in .box ul li .fs20{font-weight: 600; line-height: 150%;}
.diagnostic_process_in .box ul li.one .fs20{color:var(--sub4);}
.diagnostic_process_in .box ul li.two .fs20{color:var(--sub3);}
.diagnostic_process_in .box ul li.three .fs20{color:var(--sub2);}
.diagnostic_process_in .box ul li.four .fs20{color:var(--sub1);}
.diagnostic_process_in .box ul li.five .fs20{color:var(--main_dark);}
.diagnostic_process_in .box ul li.six .fs20{color:var(--gray_color);}
.diagnostic_process_in .box > .fs18{text-align:center; color:rgba(15, 25, 44, 0.7); padding:10px 0 0; width:100%;}


.diagnostic_area{}
.diagnostic_area ul{display:flex; flex-wrap:wrap; gap:30px;}
.diagnostic_area ul li{width:calc((100% - 120px)/5); text-align:center; box-sizing:border-box; border:1px solid var(--border); border-radius:var(--borderR30); padding:20px;}
.diagnostic_area ul li img{margin: 0 auto; width:100px; height: auto;}
.diagnostic_area ul li .fs20{font-weight:600; line-height: 140%;}
.diagnostic_area ul li:nth-child(1) .fs20{color:var(--main_dark);}
.diagnostic_area ul li:nth-child(2) .fs20{color:var(--sub1);}
.diagnostic_area ul li:nth-child(3) .fs20{color:var(--sub2);}
.diagnostic_area ul li:nth-child(4) .fs20{color:var(--sub3);}
.diagnostic_area ul li:nth-child(5) .fs20{color:var(--sub4);}
.diagnostic_area ul li:nth-child(6) .fs20{color:var(--sub4);}
.diagnostic_area ul li:nth-child(7) .fs20{color:var(--sub3);}
.diagnostic_area ul li:nth-child(8) .fs20{color:var(--sub2);}
.diagnostic_area ul li:nth-child(9) .fs20{color:var(--sub1);}
.diagnostic_area ul li:nth-child(10) .fs20{color:var(--main_dark);}
/**** E:: Ŭ¶ó¿ìµå º¸¾È > º¸¾È Áø´Ü ¼­ºñ½º ****/



/**** S:: Ŭ¶ó¿ìµå º¸¾È  > º¸¾È ¼Ö·ç¼Ç µµÀÔ ¼­ºñ½º ****/
.pna_list{display: flex; flex-wrap:wrap; gap:30px;}
.pna_list dl{box-sizing:border-box; width:calc((100% - 60px)/3); position: relative;}
.pna_list dl:before{content:''; display: block; width: 100%; height: calc(100% - 30px); border:1px solid var(--border);  border-top: 0; border-radius:0 0 var(--borderR30) var(--borderR30); position: absolute; left: 0; bottom: 0; box-sizing:border-box; z-index: 0;}
.pna_list dl dt{text-align:center; box-sizing:border-box; padding:12px 30px 10px; border-radius:50px; position: relative; z-index: 2;}
.pna_list dl:nth-child(1) dt{background:var(--main_dark);}
.pna_list dl:nth-child(2) dt{background:var(--sub1);}
.pna_list dl:nth-child(3) dt{background:var(--sub2);}
.pna_list dl dt .fs20{color:var(--white); line-height: 120%; letter-spacing: 0.4px; font-weight: 700;}
.pna_list dl dt .fs16{line-height: 150%; color:rgba(255,255,255,.7); padding: 5px 0 0 ;}
.pna_list dl dd{padding:20px 30px 35px; box-sizing:border-box;}
.pna_list dl dd h5{font-weight: 600; color:var(--black); line-height: 150%; padding: 20px 0 5px;}
.pna_list dl dd h5:first-of-type{padding-top: 0;}

.solution_cw{}
.solution_cw .check_list.two{box-sizing:border-box; background:var(--white); border-radius:var(--borderR30); padding: 30px; display: flex; justify-content: center;}
.solution_cw .check_list.two li{padding-bottom: 0; padding-right: 50px;}
.solution_cw .check_list.two li:last-child{padding-right: 0;}
.solution_workshop {padding:30px 0 0; display: flex; flex-wrap:wrap; gap:30px;}
.solution_workshop > dl{width: calc((100% - 30px)/2); position: relative; box-sizing:border-box;}
.solution_workshop > dl:before{content:''; display: block; width: 100%; height: calc(100% - 30px); background:var(--white); border-radius:0 0 var(--borderR30) var(--borderR30); position: absolute; left: 0; bottom: 0; box-sizing:border-box; z-index: 0;}
.solution_workshop > dl > dt{display: flex; align-items:center; justify-content: center; text-align:center; box-sizing:border-box; padding:15px 30px; border-radius:50px; position: relative; z-index: 2; background:var(--gray_color);}
.solution_workshop > dl > dt img{width: auto; height: 50px;}
.solution_workshop > dl > dt .fs20{padding:0 0 0 15px; font-weight: 600; color:var(--white);}
.solution_workshop > dl > dd{position: relative; z-index: 2;}
.solution_workshop > dl > dd strong.fs18{display: block; line-height: 160%; color:var(--black); font-weight: 600; padding: 20px 30px 25px; box-sizing:border-box; text-align:center;} 
.solution_workshop > dl > dd .box{padding: 30px; box-sizing:border-box; border-top:1px solid var(--border);}
.solution_workshop > dl > dd .check_list{}
.solution_workshop > dl > dd .check_list li{}
.solution_workshop > dl > dd .check_list li .dot_list{padding: 5px 0 0;}
.solution_workshop > dl:nth-child(1) > dd .check_list li .dot_list dd:before{background:var(--gray_color);}
.solution_workshop > dl:nth-child(2) > dt{background:var(--main_dark);}

.solution_poc{}
.solution_poc .process_list li{padding: 40px 30px 50px; text-align:left;}
.solution_poc .process_list li .num_txt{left: 30px; margin-left: 0;}
.solution_poc .process_list li img{width: auto; height: 61px; margin: 0 0 15px;}
.solution_poc .process_list li .fs22{font-weight: 600; padding: 0 0 15px;}
.solution_poc .process_list li:nth-child(1) .fs22{color:var(--sub4);}
.solution_poc .process_list li:nth-child(2) .fs22{color:var(--sub3);}
.solution_poc .process_list li:nth-child(3) .fs22{color:var(--sub2);}
.solution_poc .process_list li:nth-child(4) .fs22{color:var(--sub1);}
.solution_poc .process_list li:nth-child(1) .dot_list dd:before{background:var(--sub4);}
.solution_poc .process_list li:nth-child(2) .dot_list dd:before{background:var(--sub3);}
.solution_poc .process_list li:nth-child(3) .dot_list dd:before{background:var(--sub2);}
.solution_poc .process_list li:nth-child(4) .dot_list dd:before{background:var(--sub1);}

.step_style{display: flex; flex-wrap:wrap; gap:30px; justify-content: center;}
.step_style > dl{position: relative; width: calc((100% - 90px)/4); box-sizing:border-box; border:1px solid var(--border); border-radius:var(--borderR30);}
.step_style.five > dl{width: calc((100% - 120px)/5);}
.step_style.three > dl{width: calc((100% - 60px)/3);}
.step_style.three > dl:nth-child(3n):after{display: none;}
.step_style > dl:after{content:''; display:block; width: 55px; height: 55px; position: absolute; right:-42px; top:50%; margin-top: -27px; background:rgba(255, 255, 255, 0.50) url('/img/arrow_icon.png') no-repeat center/contain; z-index: 2; box-sizing:border-box; border:2px solid rgba(68, 85, 117, 0.40);; box-shadow:0px 8px 20px rgba(0, 0, 0, 0.08); border-radius:50%;}
.step_style.arrow_no > dl:after{display: none !important;}
.step_style > dl:last-child:after{display: none !important;}
/* .step_style > dl:before{content:''; display: block; width: 100%; height: calc(100% - 25px); border:1px solid var(--border); border-top:0; border-radius:0 0 var(--borderR30) var(--borderR30); position: absolute; left: 0; bottom: 0; box-sizing:border-box; z-index: 0;} */
.grayBg .step_style > dl{border:0; background:var(--white);}
/* .grayBg .step_style > dl:before{border:0; background:var(--white);} */


.copilot_cont .step_style > dl:before{content:''; display:none; width: 55px; height: 55px; position: absolute; left:-30px; top:50%; margin-top: -27px; background:rgba(255, 255, 255, 0.50) url('/img/arrow_icon.png') no-repeat center/contain; z-index: 2; box-sizing:border-box; border:2px solid rgba(68, 85, 117, 0.40);; box-shadow:0px 8px 20px rgba(0, 0, 0, 0.08); border-radius:50%;}
.copilot_cont .step_style > dl:nth-child(4):before{display: block;}


.step_style > dl > dt{display: flex; align-items:center; box-sizing:border-box; padding:5px; border-radius:50px; position: relative; z-index: 2; background:var(--sub4);}
.step_style > dl > dt .num_txt{background:var(--white); color:var(--sub4);}
.step_style > dl > dt .fs20{color:var(--white); font-weight: 600; width: calc(100% - 40px); padding: 0 0 0 10px; box-sizing:border-box;}
.step_style > dl > dd{padding: 20px 20px 40px; box-sizing:border-box; position: relative; z-index: 2;}
.step_style > dl > dd > dl{padding: 0 0 15px;}
.step_style > dl > dd > dl:last-of-type{padding: 0;}
.step_style > dl > dd > dl dt{padding:10px 10px 8px; box-sizing:border-box; border-radius:var(--borderR5); text-align:center; background: rgba(67, 209, 176, 0.10);}
.step_style > dl > dd > dl dt .fs16{font-weight: 600; color:var(--sub4);}
.step_style > dl > dd > dl dd{padding: 8px 0 0 ;}
.step_style > dl > dd > dl dd .dot_list li:before{background:var(--sub4);}
.step_style > dl > dd .fs14{font-size:0.778rem; color:rgba(119, 119, 119, 0.7); letter-spacing: -0.7px; line-height: 150%; padding: 5px 0 0;}

.step_style > dl:nth-child(1) > dt{background:var(--sub4);}
.step_style > dl:nth-child(1) > dt .num_txt{color:var(--sub4);}
.step_style > dl:nth-child(1) > dd > dl dt{ background: rgba(67, 209, 176, 0.10);}
.step_style > dl:nth-child(1) > dd > dl dt .fs16{color:var(--sub4);}
.step_style > dl:nth-child(1) > dd > dl dd .dot_list li:before{background:var(--sub4);}

.step_style > dl:nth-child(2) > dt{background:var(--sub3);}
.step_style > dl:nth-child(2) > dt .num_txt{color:var(--sub3);}
.step_style > dl:nth-child(2) > dd > dl dt{background: rgba(66, 207, 212, 0.10);}
.step_style > dl:nth-child(2) > dd > dl dt .fs16{color:var(--sub3);}
.step_style > dl:nth-child(2) > dd > dl dd .dot_list li:before{background:var(--sub3);}

.step_style > dl:nth-child(3) > dt{background:var(--sub2);}
.step_style > dl:nth-child(3) > dt .num_txt{color:var(--sub2);}
.step_style > dl:nth-child(3) > dd > dl dt{background: rgba(64, 164, 226, 0.10);}
.step_style > dl:nth-child(3) > dd > dl dt .fs16{color:var(--sub2);}
.step_style > dl:nth-child(3) > dd > dl dd .dot_list li:before{background:var(--sub2);}

.step_style > dl:nth-child(4) > dt{background:var(--sub1);}
.step_style > dl:nth-child(4) > dt .num_txt{color:var(--sub1);}
.step_style > dl:nth-child(4) > dd > dl dt{background: rgba(34, 119, 238, 0.10);}
.step_style > dl:nth-child(4) > dd > dl dt .fs16{color:var(--sub1);}
.step_style > dl:nth-child(4) > dd > dl dd .dot_list li:before{background:var(--sub1);}

.step_style > dl:nth-child(5) > dt{background:var(--main_dark);}
.step_style > dl:nth-child(5) > dt .num_txt{color:var(--main_dark);}
.step_style > dl:nth-child(5) > dd > dl dt{background: rgba(11, 52, 143, 0.10);}
.step_style > dl:nth-child(5) > dd > dl dt .fs16{color:var(--main_dark);}
.step_style > dl:nth-child(5) > dd > dl dd .dot_list li:before{background:var(--main_dark);}


.step_style > dl:nth-child(6) > dt{background:var(--gray_color);}
.step_style > dl:nth-child(6) > dt .num_txt{color:var(--gray_color);}
.step_style > dl:nth-child(6) > dd > dl dt{background: rgba(68,85,117, 0.10);}
.step_style > dl:nth-child(6) > dd > dl dt .fs16{color:var(--gray_color);}
.step_style > dl:nth-child(6) > dd > dl dd .dot_list li:before{background:var(--gray_color);}
/**** E:: Ŭ¶ó¿ìµå º¸¾È  > º¸¾È ¼Ö·ç¼Ç µµÀÔ ¼­ºñ½º ****/



/**** S:: º¯È­°ü¸®/Çù¾÷ > M365+ÆÀÁî µµÀÔ/¿î¿µ ¼­ºñ½º ****/
.m365_product{display:flex; flex-wrap:wrap; gap:30px;}
.m365_product li{margin: 90px 0 0; width: calc((100% - 60px)/3); box-sizing:border-box; padding:120px 50px 70px; border:1px solid var(--border); border-radius:var(--borderR30); text-align:center; position: relative;}
.m365_product li .more_btn{position: absolute; left:50%; bottom: -25px; transform:translateX(-50%);}
.m365_product li img{width: 180px; height:180px; border-radius:50%; position:absolute; left:50%; top:-90px; margin-left:-90px; box-shadow:10px 20px 31px rgba(0, 0, 0, 0.08);}
.m365_product li .fs16 strong{display: block; color:var(--black); font-weight: 500; font-size:1rem; padding: 0 0 8px;}

.m365_cooperation{display: flex; flex-wrap:wrap; gap:30px;}
.m365_cooperation li{padding: 50px; width: calc((100% - 30px)/2); box-sizing:border-box; background:var(--white); border-radius:var(--borderR30); text-align:center;}
.m365_cooperation li img{max-width:100%; height: auto; margin: 0 auto 28px;}
.m365_cooperation li .fs16{line-height: 1.6em; min-height:4.8em;}
.m365_cooperation li .btn_area{padding:20px 0 0;}
/**** E:: º¯È­°ü¸®/Çù¾÷ > M365+ÆÀÁî µµÀÔ/¿î¿µ ¼­ºñ½º ****/


/**** S:: º¯È­°ü¸®/Çù¾÷ > Copilot ±³À°/µµÀÔ ¼­ºñ½º ****/
.copilot_experience{display: flex; gap:30px;}
.copilot_experience article{box-sizing:border-box; border-radius:var(--borderR30); overflow:hidden; text-align:center;}
	.copilot_experience_banner{padding: 40px; flex:1; background:#7963E2 url('/service/img/copilot_bg.jpg') no-repeat center bottom/100% auto;}
	.copilot_experience_banner img{width: 89px; height: auto; margin: 0 auto 24px;}
	.copilot_experience_banner .fs24{line-height: 150%; color:var(--white); font-weight:700;}
	.copilot_experience_banner .fs18{color:rgba(255,255,255,.7); padding:10px 0 0; line-height: 160%;}
	.copilot_experience_program{flex:2.4; border:1px solid var(--border);}
	.copilot_experience_program ul{display: flex;}
	.copilot_experience_program ul li{padding:115px 40px; box-sizing:border-box; flex:1; box-sizing:border-box; border-right: 1px solid var(--border);}
	.copilot_experience_program ul li:last-child{border:0 !important;}
	.copilot_experience_program ul li img{max-width:100%; height: auto; margin: 0 auto 30px;}
	.copilot_experience_program ul li .fs20{font-weight: 600; color:var(--black); line-height: 150%;}
	.copilot_experience_program ul li .fs18{padding: 10px 0 0;}
	
	.copilot_value{background:var(--grayBg);}
	.copilot_value .speech_txt{text-align:center;}
	.copilot_value .speech_txt .fs22{font-weight: 600; display: inline-block; padding: 0 58px; box-sizing:border-box; position: relative;}
	.copilot_value .speech_txt .fs22:before{content:''; display:block; position: absolute; left:0; top:-5px; width: 22px; height: 22px; background:url('/img/speech_txt.png') no-repeat center top/contain;}
	.copilot_value .speech_txt .fs22:after{content:''; display:block; position: absolute; right:0; top:-5px; width: 22px; height: 22px; background:url('/img/speech_txt.png') no-repeat center top/contain; transform:rotate(180deg);}
	.copilot_value ul{padding: 70px 0; margin: 10px 0 0; display: flex; flex-wrap:wrap; gap:30px; position: relative;}
	.copilot_value ul:before{content:''; display: block; width: 100%; height: 100%; background:url('/service/img/copilot_ci_bg.png') no-repeat center/contain; mix-blend-mode: multiply; position: absolute; left:0; top:0;}
	.copilot_value ul li{width: calc((100% - 90px)/4); padding:40px 20px; box-sizing:border-box; background: rgba(255, 255, 255, 0.90); border-radius:var(--borderR30); box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.08); text-align:center; position: relative; z-index: 2;}
	.copilot_value ul li .fs35{font-weight: 700; font-family:var(--eng); line-height:120%; letter-spacing: 0;}
	.copilot_value ul li:nth-child(1) .fs35{color:var(--main_dark);}
	.copilot_value ul li:nth-child(2) .fs35{color:var(--sub1);}
	.copilot_value ul li:nth-child(3) .fs35{color:var(--sub2);}
	.copilot_value ul li:nth-child(4) .fs35{color:var(--sub3);}
	.copilot_value ul li:nth-child(5) .fs35{color:var(--sub4);}
	.copilot_value ul li:nth-child(6) .fs35{color:var(--main_dark);}
	.copilot_value ul li:nth-child(7) .fs35{color:var(--sub1);}
	.copilot_value ul li:nth-child(8) .fs35{color:var(--sub2);}
	.copilot_value ul li .fs18{letter-spacing: -0.2px; padding:10px 0 0; line-height: 160%;}
	
	.copilot_project{}
	.copilot_project .copilot_potential{margin: 0 0 30px; padding:30px; display: flex; align-items:center; justify-content: center; background:var(--grayBg); border-radius:var(--borderR30); box-sizing:border-box;}
	.copilot_project .copilot_potential .fs18{font-weight: 600; color:var(--black);}
	.copilot_project .copilot_potential .check_list{display: flex; align-items:center;}
	.copilot_project .copilot_potential .check_list li{margin-left: 50px; padding-bottom: 0;}
	.copilot_project .step_style > dl > dd{text-align:center; padding: 30px 30px 50px;}
	.copilot_project .step_style > dl > dd img{margin: 15px auto; max-width:100%; height: auto;}
	.copilot_project .step_style > dl > dd .fs16{text-align:left;}
	
	.copilot_coaching{display:flex; flex-wrap:wrap; gap:30px;}
	.copilot_coaching dl{width:calc((100% - 90px)/4); text-align:center;}
	.copilot_coaching dl dt{padding:10px 20px; text-align:center; border-radius:50px; position: relative; z-index: 2;}
	.copilot_coaching dl:nth-child(1) dt{background:var(--sub4);}
	.copilot_coaching dl:nth-child(2) dt{background:var(--sub3);}
	.copilot_coaching dl:nth-child(3) dt{background:var(--sub2);}
	.copilot_coaching dl:nth-child(4) dt{background:var(--sub1);}
	.copilot_coaching dl dt .fs20{font-weight:	600; color:var(--white);}
	.copilot_coaching dl dd{box-sizing:border-box;}
	.copilot_coaching dl dd.middle{padding: 30px 20px 60px; position: relative; }
	.copilot_coaching dl dd.middle:before{content:''; display: block; width: 100%; height: calc(100% + 25px); background:var(--white); position: absolute; left:0; top:-25px; border-radius:0 0 var(--borderR30) var(--borderR30);}
	.copilot_coaching dl dd.middle > * {position: relative; z-index: 2;}
	.copilot_coaching dl dd.middle img{width: auto; height: 66px; margin: 0 auto 24px;}
	.copilot_coaching dl dd.middle h5{font-weight: 600; box-sizing:border-box; border-radius:var(--borderR5); padding: 6px;}
	.copilot_coaching dl:nth-child(1) dd.middle h5{color:var(--sub4); background: rgba(67, 209, 176, 0.10);}
	.copilot_coaching dl:nth-child(2) dd.middle h5{color:var(--sub3); background: rgba(66, 207, 212, 0.10);}
	.copilot_coaching dl:nth-child(3) dd.middle h5{color:var(--sub2); background: rgba(64, 164, 226, 0.10);}
	.copilot_coaching dl:nth-child(4) dd.middle h5{color:var(--sub1); background: rgba(34, 119, 238, 0.10);}
	.copilot_coaching dl dd.middle h6{font-weight: 600; color:var(--black); line-height: 130%; padding:12px 0 0;} 
	.copilot_coaching dl dd.middle p{line-height: 160%; padding: 5px 0 0;}
	.copilot_coaching dl dd.bottom{margin: 20px 0 0; border-radius:var(--borderR10); background: rgba(68, 85, 117, 0.10); padding: 10px 60px; box-sizing:border-box; position: relative;}
	.copilot_coaching dl dd.bottom:before{content:''; display:block; position: absolute; left:20px; top:50%; margin-top: -15px; width: 30px; height: 30px; background:url('/service/img/copilot_coaching_arrow.png') no-repeat center/contain; transform:rotate(180deg);}
	.copilot_coaching dl dd.bottom:after{content:''; display:block; position: absolute; right:20px; top:50%; margin-top: -15px; width: 30px; height: 30px; background:url('/service/img/copilot_coaching_arrow.png') no-repeat center/contain;}
	.copilot_coaching dl dd.bottom .fs18{font-weight: 600; letter-spacing: 0; color:var(--gray_color); line-height: 120%;}
	
	.copilot_ba{}
	.copilot_ba .copilot_ba_list{display: flex; flex-wrap:wrap; gap:30px;}
	.copilot_ba .copilot_ba_list dl{width: calc((100% - 30px)/2); position: relative;}
	.copilot_ba .copilot_ba_list dl:before{content:''; display: block; width: 100%; height: calc(100% - 25px); border:1px solid var(--border); border-top: 0; border-radius:0 0 var(--borderR30) var(--borderR30); position: absolute; left: 0; bottom: 0; box-sizing:border-box; z-index: 0;}
	.copilot_ba .copilot_ba_list dl dt{text-align:center; box-sizing:border-box; padding:12px 30px; border-radius:50px; position: relative; z-index: 2; background:var(--sub2);}
	.copilot_ba .copilot_ba_list dl:nth-child(2) dt{background:var(--main_dark);}
	.copilot_ba .copilot_ba_list dl dt .fs20{font-weight: 600; color:var(--white); line-height: 150%;}
	.copilot_ba .copilot_ba_list dl dd{position: relative; z-index: 2; padding:30px; box-sizing:border-box;}
	.copilot_ba .copilot_ba_list dl dd .fs18{display: block; font-weight: 600; letter-spacing: 0; padding:5px 20px; text-align:center; box-sizing:border-box; border-radius:var(--borderR10); background: rgba(64, 164, 226, 0.10); color:var(--sub2);}
	.copilot_ba .copilot_ba_list dl:nth-child(2) dd .fs18{background: rgba(34, 119, 238, 0.10); color:var(--main_dark);}
	
	.copilot_ba ul{margin: 25px 0 0; box-sizing:border-box; border-radius:var(--borderR30); border:1px solid var(--border); display: flex; justify-content: center; gap:20px; padding: 40px 30px;}
	.copilot_ba ul li{text-align:center; width: calc((100% - 160px)/9); box-sizing:border-box;}
	.copilot_ba ul li img{width: auto; height: 65px; margin:0 auto 15px;}
	.copilot_ba ul li .fs18{font-weight:600; line-height: 150%; color:var(--gray_color);}
	
/**** E:: º¯È­°ü¸®/Çù¾÷ > Copilot ±³À°/µµÀÔ ¼­ºñ½º ****/


/**** S:: º¯È­°ü¸®/Çù¾÷ > One Managed Service ****/
.service_overview{}
	.service_overview_in{display: flex; flex-wrap:wrap; gap:30px; position: relative; z-index: 2;}
	.service_overview_in dl{width: calc((100% - 30px)/2); position: relative;}
	.service_overview_in dl:before{content:''; display: block; width: 100%; height: calc(100% - 40px); border:1px solid var(--border); border-top: 0; border-radius:0 0 var(--borderR30) var(--borderR30); position: absolute; left: 0; bottom: 0; box-sizing:border-box; z-index: 0;  background:var(--white);}
	.service_overview_in dl dt{text-align:center; box-sizing:border-box; padding:12px 30px; border-radius:50px; position: relative; z-index: 2; background:var(--main_dark);}
	.service_overview_in dl dt .fs22{color:var(--white); letter-spacing: 0.66px; font-weight: 700; line-height: 130%;}
	.service_overview_in dl dt .fs16{color:var(--white); font-weight: 500; letter-spacing: 0.32px; line-height: 150%; padding: 3px 0 0;}
	.service_overview_in dl dd{box-sizing:border-box; position: relative; z-index: 2; padding: 20px 26px 30px;}
	.service_overview_in dl dd h5{text-align:center; font-weight: 600; color:var(--main_dark); line-height: 150%; padding:10px 20px; box-sizing:border-box; border-radius:var(--borderR10); background: rgba(11, 52, 143, 0.10); margin: 15px 0;}
	.service_overview_in dl dd h5:first-of-type{margin-top: 0;}
	.service_overview_in dl dd .dot_list li:before{background:var(--main_dark);}
	.service_overview_in dl dd .partner_list{display: flex; flex-wrap:wrap; gap:10px;}
	.service_overview_in dl dd .partner_list li{width: calc((100% - 20px)/3); position: relative; box-sizing:border-box;}
	.service_overview_in dl dd .partner_list li:after{content:''; display: block; width: 100%; height: 100%; border:1px solid var(--border); border-radius:var(--borderR10); box-sizing:border-box; position: absolute; left:0; top:0;	}
	.service_overview_in dl dd .partner_list li img{max-width:100%; height: auto;}

	.service_overview_in dl{}
	.service_overview_in dl:nth-child(2) dt{background:var(--sub2);}
	.service_overview_in dl:nth-child(2) h5{color:var(--sub2); background: rgba(64, 164, 226, 0.10);}
	.service_overview_in dl:nth-child(2) dd .dot_list.small > li:before{background:var(--sub2);}

	.service_overview_tit{margin: 57px 0 0; background:var(--gray_color); padding:10px 30px; text-align:center; box-sizing:border-box; border-radius:50px; position: relative;}
	.service_overview_tit:before{content:''; display: block; width: 480px; height: 131px; background:url('/service/img/service_arrow.png') no-repeat center/contain; position: absolute; left:50%; top:-127px; margin-left: -240px;}
	.service_overview_tit .fs20{line-height: 150%; font-weight: 600; color:var(--white);}


.service_content .process_style li{padding-bottom: 30px;}
.service_content .process_style li img{width: auto; height: 60px; margin: 0 auto 12px;}
	.service_content_list{display:flex; gap:4px; flex-wrap:wrap;}
	.service_content_list dl{width:calc((100% - 8px)/3); box-sizing:border-box; padding:30px; background:var(--white); display: flex; border-radius:var(--borderR30);}
	.service_content_list dl dt{width:130px;}
	.service_content_list dl dt img{width: 100%; height: auto;}
	.service_content_list dl dd{width: calc(100% - 130px); padding: 0 0 0 25px; box-sizing:border-box; display: flex; flex-direction: column; justify-content: center;}
	.service_content_list dl dd .fs20{letter-spacing: 0; font-weight: 600; line-height:140%;}
	.service_content_list dl:nth-child(1) dd .fs20{color:var(--main_dark);}
	.service_content_list dl:nth-child(2) dd .fs20{color:var(--sub1);}
	.service_content_list dl:nth-child(3) dd .fs20{color:var(--sub2);}
	.service_content_list dl:nth-child(4) dd .fs20{color:var(--sub3);}
	.service_content_list dl:nth-child(5) dd .fs20{color:var(--sub4);}
	.service_content_list dl dd .fs16{line-height: 160%; padding: 8px 0 0;}
	.service_content_list dl.logo{background:none; display: flex; flex-direction: column; justify-content: center; background:var(--grayBg);}
	.service_content_list dl.logo dd{width: 100%; padding: 0; text-align:center; display: block;}
	.service_content_list dl.logo dd img{max-width:183px; height: auto;	width: 100%; mix-blend-mode: luminosity; opacity: 0.3;}

	.service_uts{display: flex; flex-wrap:wrap; gap:10px;}
	.service_uts li{width: calc((100% - 30px)/4);}
	.service_uts li p{display: block; aspect-ratio:2/0.57; overflow:hidden; border-radius:var(--borderR10);}
	.service_uts li img{display: block; width: 100%; height: 100%; object-fit:contain;}
 
 
 
.service_level{}
.service_level .responsive-dim{}
	.service_level_table{width:100%; border-collapse:separate; border-spacing:0px; text-align:center; border-top:3px solid var(--main_dark);}
	.service_level_table th{font-size:1rem; font-weight: 600; color:var(--black); background:var(--grayBg); padding:14px; box-sizing:border-box; letter-spacing: -0.9px; line-height: 170%; border-bottom: 1px solid var(--border); border-right:1px solid var(--border);}
	.service_level_table th:last-child{border-right:0;}
	.service_level_table td{font-size:0.889rem; font-weight: 400; letter-spacing: -0.2px; color:var(--basic); background:var(--white); padding:12px 20px; box-sizing:border-box; letter-spacing: -0.9px; line-height: 170%; border-bottom: 1px solid var(--border); border-right:1px solid var(--border);}
	.service_level_table td.tit{font-weight: 600; color:var(--black);}
	.service_level_table td.last{border-right: 0;}
	.service_level_table td.left{text-align:left;}
	.service_level_table td b{font-weight: 600;}
	.service_level_table td b.blue{color:var(--main_dark); font-size:1rem;}
	.service_level_table td b.red{color:#FF0022; font-size:1rem;}
	.service_level_table td b.black{color:var(--black);}
	.service_level_table .gray td{background: rgba(0, 80, 255, 0.05); padding:22px 20px;}
	.service_level_table .etc td{background: var(--grayBg); padding: 10px 20px;}


.service_tam_img{width: 100%; height: 360px; border-radius:var(--borderR30); overflow: hidden; background:url('/service/img/service_tam.jpg') no-repeat center/cover;}
.service_tam_info{display: flex; flex-wrap:wrap; gap:30px; margin: 30px 0 40px;}
.service_tam_info li{width: calc((100% - 60px)/3); padding: 30px; box-sizing:border-box; border-radius:var(--borderR30); border:1px solid var(--border);}
.service_tam_info li .fs20{line-height: 130%; font-weight: 600; color:var(--black);}
.service_tam_info li .dot_list{padding: 8px 0 0;}



.service_process{box-sizing:border-box; border-radius:var(--borderR30); border:1px solid var(--border); padding:30px;}
.service_process .responsive-dim{}
.service_process .service_process_in{}
.service_process .dot_list{margin-top: -56px;}
.service_process_style{max-width:990px; margin: 0 auto; }
.service_process_style > div{display: flex; box-sizing:border-box; position: relative; }
.service_process_style div.top{justify-content: flex-start; padding: 0;}
.service_process_style div.middle{justify-content: flex-start; padding: 60px 0 0 170px;}
.service_process_style div.bottom{justify-content: flex-end; padding: 60px 0 0;}
.service_process_style dl{max-width:580px; width: 100%; text-align:center; display: flex; position: relative;}
.service_process_style dl dd{border-radius:var(--borderR20); box-sizing:border-box; padding: 20px 10px; width: calc((100% - 100px)/2); position: relative;}
.service_process_style div.top dl dd{background:var(--grayBg);}
.service_process_style div.middle dl dd{background:var(--white); border:2px solid var(--sub1);}
.service_process_style div.bottom dl dd:first-of-type{background:var(--white); border:2px solid var(--sub1);}
.service_process_style div.bottom dl dd:last-of-type{background:var(--white); border:2px solid var(--sub3);}
.service_process_style dl dd .fs18{font-weight: 600; padding: 0 0 5px;}
.service_process_style div.top dl dd .fs18{color:var(--gray_color);}
.service_process_style div.middle dl dd .fs18{color:var(--sub1);}
.service_process_style div.bottom dl dd .fs18{color:var(--sub3);}
.service_process_style dl dd.service_microsoft{display: flex; flex-direction: column; justify-content: center;}
.service_process_style dl dd .img{width:auto; height: 48px; margin: 0 auto 10px;}
.service_process_style dl dd .img img{width: auto; height: 100%;}
.service_process_style dl dd.service_microsoft .img{width: 141px; height: auto; margin: 0 auto 10px;}
.service_process_style dl dd.service_microsoft .img img{max-width:100%; height:auto; width: 100%;}
.service_process_style dl dd h4{font-weight: 600;}
.service_process_style dl dd .fs16{line-height: 150%; padding: 0 0 5px;}
.service_process_style dl dd .fs16:last-child{padding:0;}
.service_process_style dl dt{width: 100px; text-align:center; display: flex; flex-direction: column; justify-content: center;}
.service_process_style dl dt img{display: inline-block; max-width:100%; height: auto;}
.service_process_style dl dt img:first-of-type{margin: 0 auto 5px;}
.service_process_style dl dt .fs16{font-weight: 600; line-height: 150%; color:var(--gray_color); display: block;}


.service_process_style div.middle dl{}
.service_process_style div.middle dl:before{content:''; display: block; width: calc(((100% + 102px)/2)*1); height:2px; background:var(--gray_color); position: absolute; left:50%; top:-30px; transform:translateX(-50%);}
.service_process_style div.middle dl:after{content:''; display: block; width: calc(((100% + 102px)/2)*1); height:2px; background:var(--gray_color); position: absolute; left:50%; bottom:-30px; transform:translateX(-50%);}
.service_process_style div.bottom dl:before{content:''; display: block; width: 50%; height:2px; background:var(--gray_color); position: absolute; right:20.5%; top:-32px;}

.service_process_style div dl dd.arrow_t:before{content:''; display: block; width: 2px; height: 30px; background:var(--gray_color); position: absolute; left:50%; bottom:-30px; margin-left: -1px;}
.service_process_style div dl dd.arrow_t:after{content:''; display: block; width: 15px; height: 15px; background:url('/service/img/service_process_arrow.png') no-repeat center/contain; position: absolute; left:50%; bottom:-15px; margin-left: -8px; transform:rotate(-90deg);}
.service_process_style div dl dd.arrow_b:before{content:''; display: block; width: 2px; height: 32px; background:var(--gray_color); position: absolute; left:50%; top:-32px; margin-left: -1px;}
.service_process_style div dl dd.arrow_b:after{content:''; display: block; width: 15px; height: 15px; background:url('/service/img/service_process_arrow.png') no-repeat center/contain; position: absolute; left:50%; top:-15px; margin-left: -7px; transform:rotate(90deg);}
.service_process_style div dl dd .line_b{display: block; width: 2px; height: 30px; background:var(--gray_color); position: absolute; left:50%; margin-left: -1px; bottom: -30px;}

/**** E:: º¯È­°ü¸®/Çù¾÷ > One Managed Service ****/





/**** S:: Ŭ¶ó¿ìµå ÀÎÇÁ¶ó > Ŭ¶ó¿ìµå ÄÁ¼³Æà ****/
.consulting_cont{}
.consulting_style{padding: 60px 0; position: relative;}
.consulting_style:before{content:''; display: block; width: 90%; max-width:1590px; height:1px; background:var(--border); position: absolute; left:50%; bottom: 0; transform:translateX(-50%);}
.consulting_style#consulting1{padding: 100px 0 60px;}
.consulting_style#consulting3{padding: 60px 0 160px;}
.consulting_style#consulting3:before{display: none;}
.consulting_style .basic_in{display:flex; flex-wrap:wrap;}
.consulting_style .tit_area{width: 35%; padding:0 50px 0 0; box-sizing:border-box;}
.consulting_style .cont_area{width: 65%;}
.consulting_style .cont_area .fs20{color:var(--black); line-height: 155%; font-weight:600; padding:0 0 10px;}

.plan_style{margin:30px 0 0;}
.plan_style dl{display: flex; margin:0 0 10px; overflow:hidden; box-sizing:border-box; border:1px solid var(--border); border-radius:var(--borderR30);}
.plan_style dl:last-child{margin:0;}
.plan_style dl dt{width: 240px; padding:20px; text-align:center; box-sizing:border-box; display:flex; flex-direction: column; justify-content: center; align-items: center;}
.plan_style dl dt .fs24{color:var(--white);}
.plan_style dl dd{width: calc(100% - 240px); padding:40px; box-sizing:border-box;}

.plan_style dl:nth-child(1) dt{background:var(--main_dark);}
.plan_style dl:nth-child(2) dt{background:var(--sub2);}
.plan_style dl:nth-child(3) dt{background:var(--sub3);}
.plan_style dl:nth-child(1) dd .dot_list > li:before{background:var(--main_dark);}
.plan_style dl:nth-child(2) dd .dot_list > li:before{background:var(--sub2);}
.plan_style dl:nth-child(3) dd .dot_list > li:before{background:var(--sub3);}
/**** E:: Ŭ¶ó¿ìµå ÀÎÇÁ¶ó > Ŭ¶ó¿ìµå ÄÁ¼³Æà ****/



/**** S:: Ŭ¶ó¿ìµå ÀÎÇÁ¶ó > Ŭ¶ó¿ìµå ¿î¿µ > ±ÝÀ¶±Ç ¾ÈÀü¼º Æò°¡ Áö¿ø ****/
.finance_style{display: flex; flex-wrap:wrap; justify-content:space-between;}
.finance_style dt{width: calc(50% - 15px);}
.finance_style dt img{max-width:100%; height: auto; border-radius:var(--borderR30);}
.finance_style dd{width: calc(50% - 15px); padding: 0 0 0 65px; box-sizing:border-box; display: flex; flex-direction: column; justify-content: center;}
.finance_style dd strong{display: block; line-height: 150%; font-weight: 600; color:var(--black); padding: 0 0 14px;}
.finance_style dd .fs65{}
.finance_style dd p.fs20{color:var(--basic); font-weight: 400; line-height: 160%; padding: 30px 0 0;}
.finance_style dd h5.fs20{padding: 30px 0 8px; font-weight: 600; color:var(--black); line-height: 140%;}
/**** E:: Ŭ¶ó¿ìµå ÀÎÇÁ¶ó > Ŭ¶ó¿ìµå ¿î¿µ > ±ÝÀ¶±Ç ¾ÈÀü¼º Æò°¡ Áö¿ø ****/




/**** S:: Ŭ¶ó¿ìµå ÀÎÇÁ¶ó > ÇÏÀ̺긮µå Ŭ¶ó¿ìµå ****/
.hybrid_img{text-align:center; padding:30px; box-sizing:border-box; position: relative;}
.hybrid_img:before{content:''; display:block; width:100%; height:20%; background:var(--white); position: absolute; left:0; bottom: 0; z-index: 3;}
.hybrid_img .bg{display:block; width:100%; height:80%; border-radius:var(--borderR30); background:url('/service/img/hybrid_bg.jpg') no-repeat center/cover; position: absolute; left:0; top:0; z-index: 1;}
.hybrid_img .bg:after{content:''; display:block; width:660px; height:520px; border-radius:var(--borderR30); background:url('/service/img/hybrid_img02.png') no-repeat center/contain; position: absolute; left:50%; margin-left: -330px; top:30px; background-blend-mode: color-dodge; mix-blend-mode: color-dodge; z-index: 2;}
.hybrid_img .img{max-width:660px; margin: 0 auto; position: relative; z-index: 5;}
.hybrid_img .img img{max-width:100%; width: 100%; height:auto;}

.hybrid_cont .icon_basic.two dl:nth-child(1) dt{border-color:var(--main_dark);}
.hybrid_cont .icon_basic.two dl:nth-child(1) dd .fs20 {color:var(--main_dark);}
.hybrid_cont .icon_basic.two dl:nth-child(1) dd .dot_list > li:before{background:var(--main_dark);}

.hybrid_service{display: flex; justify-content:space-between;}
.hybrid_service dt{width: calc(50% - 15px); border-radius:var(--borderR30); overflow: hidden; background-repeat:no-repeat; background-size:cover; background-position:center;}
.hybrid_service dt img{max-width:100%; height: auto; border-radius:var(--borderR30);}
.hybrid_service dd{width: calc(50% - 15px); box-sizing:border-box; background:var(--grayBg); border-radius:var(--borderR30); padding:50px 40px;}
.hybrid_service dd .fs20{font-weight: 600; color:var(--black);}
.hybrid_service dd .dot_list{padding: 8px 0 0;}
.hybrid_service dd .dot_list > li{padding-left: 150px;}
.hybrid_service dd .dot_list > li b{font-weight: 600; color:var(--black); line-height: 150%; letter-spacing: inherit; position: absolute; left:10px; top:0;}
/**** E:: Ŭ¶ó¿ìµå ÀÎÇÁ¶ó > ÇÏÀ̺긮µå Ŭ¶ó¿ìµå ****/




/**** S:: Ŭ¶ó¿ìµå ÀÎÇÁ¶ó > Ŭ¶ó¿ìµå ¸Å´ÏÁöµå ¼­ºñ½º ****/
.managed_msp{display:flex; flex-wrap:wrap; gap:30px;}
.managed_msp dl{width:calc((100% - 90px)/4); overflow:hidden; box-sizing:border-box; border:1px solid var(--border); border-radius:var(--borderR30); text-align:center;}
.managed_msp dl dt{aspect-ratio:3/2; overflow:hidden;}
.managed_msp dl dt img{display: block; width: 100%; height: 100%; object-fit:cover;}
.managed_msp dl dd{padding:20px; box-sizing:border-box;}
.managed_msp dl dd .fs20{font-weight:600; color:var(--black); line-height:150%;}

.managed_cont{}
.managed_cont .icon_basic dl dd .fs20 small{display:inline-block; font-weight:500; font-family:var(--eng); letter-spacing: 0.32px; font-size:0.889rem; line-height: 150%;}
.managed_cont .icon_basic dl dd .dot_list.two{display: flex; flex-wrap:wrap; width: 100%;}
.managed_cont .icon_basic dl dd .dot_list.two > li{width: 50%; padding-right: 10px;}
.managed_cont .icon_basic.two dl.logo{border:0; background:url('/img/logo.svg') no-repeat center/242px auto; mix-blend-mode: luminosity; opacity: 0.3; -webkit-filter: grayscale(1); filter: grayscale(1); filter: gray;}


.managed_cont .icon_basic.two dl:nth-child(1) dt{border-color:var(--main_dark);}
.managed_cont .icon_basic.two dl:nth-child(1) dd .fs20 {color:var(--main_dark);}
.managed_cont .icon_basic.two dl:nth-child(1) dd .dot_list > li:before{background:var(--main_dark);}
.managed_cont .icon_basic.two dl:nth-child(5) dt{border-color:var(--sub4);}
.managed_cont .icon_basic.two dl:nth-child(5) dd .fs20 {color:var(--sub4);}
.managed_cont .icon_basic.two dl:nth-child(5) dd .dot_list > li:before{background:var(--sub4);}

.managed_grade{}
.managed_grade dl{box-sizing:border-box; border:1px solid var(--border); border-radius:var(--borderR30); overflow: hidden; display: flex; margin:0 0 10px;}
.managed_grade dl:last-child{margin: 0;}
.managed_grade dl dt{width: 240px; padding:30px 20px; box-sizing:border-box; display:flex; flex-direction: column; justify-content: center; align-items: center;}
.managed_grade dl:nth-child(1) dt{background:var(--sub3);}
.managed_grade dl:nth-child(2) dt{background:var(--sub2);}
.managed_grade dl:nth-child(3) dt{background:var(--main_dark);}
.managed_grade dl dt img{width: 80px; height: auto; margin:0 auto 8px;}
.managed_grade dl dt .fs24{letter-spacing: 0; font-weight: 700; color:var(--white); line-height: 130%;}
.managed_grade dl dd{width: calc(100% - 240px); padding: 40px; box-sizing:border-box;}
.managed_grade dl dd .dot_list.two{display: flex; flex-wrap:wrap; width: 100%;}
.managed_grade dl dd .dot_list.two > li{width: 50%; padding-right: 10px;}
.managed_grade dl:nth-child(1) dd .dot_list.two > li:before{background:var(--sub3);}
.managed_grade dl:nth-child(2) dd .dot_list.two > li:before{background:var(--sub2);}
.managed_grade dl:nth-child(3) dd .dot_list.two > li:before{background:var(--main_dark);}
/**** E:: Ŭ¶ó¿ìµå ÀÎÇÁ¶ó > Ŭ¶ó¿ìµå ¸Å´ÏÁöµå ¼­ºñ½º ****/




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

/**** S:: Data & AI  > Inno. AI ****/
.innoAi_service{max-width:1300px; margin: 0 auto;}
.innoAi_service:after{width: 400px; height: 400px; margin-left: -200px; margin-top: -200px;}
.innoAi_service article.laon{padding: 30px 0;}
/**** E:: Data & AI  > Inno. AI ****/


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


/**** S:: Data & AI  > Inno. AI ****/

.innoAi_effect{}
.innoAi_effect .innoAi_effect_in{}
.innoAi_effect .innoAi_effect_in dl dt{width: 430px; height: 430px;}
.innoAi_effect .innoAi_effect_in dl dd{width:calc(100% - 430px);}
/**** E:: Data & AI  > Inno. AI ****/



}

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


/**** S:: °¡»óÈ­ > Citrix on Azure ****/
.citrix_table_wrap{position: relative; overflow-y: hidden; overflow-x: auto;}
.citrix_table_wrap .responsive-dim.show{display: block;}
	.citrix_table{width: 1500px;}
	
/**** E:: °¡»óÈ­ > Citrix on Azure ****/


/**** S:: Data & AI  > Inno. AI ****/

.innoAi_service{padding: 0; flex-wrap:wrap;}
.innoAi_service:after{display: none;}
.innoAi_service article{width: 100%;}
.innoAi_service article.innoAi_service_logo{display: block; text-align:center; margin: -40px auto 0; position: relative; z-index: 5;}
.innoAi_service article.innoAi_service_logo img{max-width:160px; height: auto;}
.innoAi_service article.tdg{}
.innoAi_service article.tdg:before{transform:rotate(90deg); right: auto; top:auto; left: 50%; margin-left: -338px; bottom: -60px;}
.innoAi_service article.tdg dl{margin: 0 auto 4px; max-width:900px; width: 100%;}

.innoAi_service article.laon{margin-top: -120px; align-items: center;}
.innoAi_service article.laon dl.one dt{left:-60px; top:50%; margin-left: 0; margin-top: -60px;}

.innoAi_effect{}
.innoAi_effect .innoAi_effect_in{}
.innoAi_effect .innoAi_effect_in dl dt{width: 300px; height: 300px;}
.innoAi_effect .innoAi_effect_in dl dd{width:calc(100% - 300px);}
.innoAi_effect .check_style:before{width: 380px; height: 107px; margin-left: -190px; top:-50px;}
/**** E:: Data & AI  > Inno. AI ****/


/**** S:: Ŭ¶ó¿ìµå º¸¾È  > º¸¾È ¼Ö·ç¼Ç µµÀÔ ¼­ºñ½º ****/
.step_style.five > dl{width: calc((100% - 60px)/3);}
/**** E:: Ŭ¶ó¿ìµå º¸¾È  > º¸¾È ¼Ö·ç¼Ç µµÀÔ ¼­ºñ½º ****/

}

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



/**** S:: Ŭ¶ó¿ìµå ÀÎÇÁ¶ó > Ŭ¶ó¿ìµå ÀÌÀü/±¸Ãà > Ŭ¶ó¿ìµå ¸¶À̱׷¹ÀÌ¼Ç ****/
.migration_preparation{}
.migration_preparation ul{gap:20px;}
.migration_preparation ul li{}
.migration_preparation ul li div{width: 200px; height: 200px; border:6px solid;}
.migration_preparation ul li img{width: 70px; height: auto;}




.migration_strategy{}
.migration_strategy ul{flex-wrap:wrap;}
.migration_strategy ul li{flex:auto; width: calc((100% - 60px)/3);}
.migration_strategy ul li:nth-child(2){flex:auto; width: calc(((100% - 30px)/3)*2);}
.migration_strategy ul li:nth-child(2):after{display: none;}
/**** E:: Ŭ¶ó¿ìµå ÀÎÇÁ¶ó > Ŭ¶ó¿ìµå ÀÌÀü/±¸Ãà > Ŭ¶ó¿ìµå ¸¶À̱׷¹ÀÌ¼Ç ****/


/**** S:: Ŭ¶ó¿ìµå ÀÎÇÁ¶ó > Ŭ¶ó¿ìµå ÀÌÀü/±¸Ãà > Azure Landing Zone ****/
.alz_caf{}
	.alz_caf_top ul{gap:20px;}
	.alz_caf_top ul li{width: calc((100% - 60px)/4); padding:25px 20px;}

	.alz_caf_top ul li div{display: block;}
	.alz_caf_top ul li div dl{padding: 8px; width: 100%; border-right: 0; border-bottom: 1px solid var(--border);}
	.alz_caf_top ul li dl dt{padding: 0;}
	.alz_caf_top ul li dl dd{padding: 5px 0 0;}

	.alz_caf_bottom{margin: 40px 0 0;}
	.alz_caf_bottom ul{gap:20px;}
	.alz_caf_bottom ul li{width: calc((100% - 20px)/2); padding:25px;}

.alz_plan_list{}
.alz_plan_list dl{width: 50%;}
.alz_plan_list dl:nth-child(4n){border-right: 1px solid var(--border);}
.alz_plan_list dl:nth-child(2n){border-right: 0;}
.alz_plan_list dl:nth-child(n+5){border-bottom: 1px solid var(--border);}
.alz_plan_list dl:nth-child(n+7){border-bottom: 0;}

/**** E:: Ŭ¶ó¿ìµå ÀÎÇÁ¶ó > Ŭ¶ó¿ìµå ÀÌÀü/±¸Ãà > Azure Landing Zone ****/


/**** S:: Ŭ¶ó¿ìµå ÀÎÇÁ¶ó > HPC on Azure ****/
.hpc_why{}
.hpc_why ul{}
.hpc_why ul li{padding:30px 20px;}
.hpc_why ul li img{width: 60px; height: auto;}
/**** E:: Ŭ¶ó¿ìµå ÀÎÇÁ¶ó > HPC on Azure ****/


/**** S:: °¡»óÈ­ > Citrix on Azure ****/
.citrix_cont .icon_basic.two dl.logo{display: none;}

.citrix_vdi{padding: 75px 0 0;}
.citrix_vdi .citrix_vdi_dia{}
.citrix_vdi .citrix_vdi_dia .tit{top:52%;}
.citrix_vdi .citrix_vdi_dia .tit img{width: 120px; height: auto; margin:0 auto 10px;}
.citrix_vdi .citrix_vdi_dia .cont{max-width:650px;}

.citrix_vdi dl{max-width:200px;}
.citrix_vdi dl.two{left:50%; top:160px; margin-left:200px;}
.citrix_vdi dl.three{left:50%; top:470px; margin-left:210px;}
.citrix_vdi dl.four{right:50%; top:470px; margin-right:210px;}
.citrix_vdi dl.five{right:50%; top:160px; margin-right:200px;}




/**** S:: Data & AI  > Inno. AI ****/
.innoAi_effect{}
.innoAi_effect .innoAi_effect_in{}
.innoAi_effect .innoAi_effect_in dl dt{width: 250px; height: 250px;}
.innoAi_effect .innoAi_effect_in dl dd{width:calc(100% - 250px);}
.innoAi_effect .innoAi_effect_in dl.tdg dd{padding: 0 20px 0 0;}
.innoAi_effect .innoAi_effect_in dl.laon dd{padding: 0 0 0 20px;}
.innoAi_effect .check_style{}
.innoAi_effect .check_style:before{width:300px; height:84px; margin-left: -150px; top:-30px;}


	.citrix_table{width: 1300px;}
	.citrix_table th{padding:10px 8px 8px;}
	.citrix_table th .fs16{padding:0 10px 0 0;}
	.citrix_table th .fs16 img{width:12px; height:auto;}

	.citrix_table td{padding:10px 0;}
	.citrix_table td.tit{padding:10px;}

	.citrix_table td .arrow{}
	.citrix_table td .arrow:after{width:24px; height: 24px; line-height:24px; font-size:24px; right:-10px; margin-top:-12px;}
	.citrix_table td .arrow span{padding:5px 10px;}
	.citrix_table td ul{padding:5px; gap:5px;}
	.citrix_table td ul li{padding:5px 10px;}
	.citrix_table td ul li .fs14{padding: 0 0 5px;}
	.citrix_table td .box{padding: 10px 5px 5px;}
	.citrix_table td .box .fs16{padding:5px 10px;}

	.citrix_table .point td.w3 .arrow{margin: 20px auto 0;}
	.citrix_table .point td.w7 .arrow{margin: 40px auto 0;}
	.citrix_table .point td.w9 .arrow{margin: 60px auto 0;}
	.citrix_table .point td.w9 .arrow:last-child{margin: 5px auto 0;}
/**** E:: °¡»óÈ­ > Citrix on Azure ****/


/**** S:: Ŭ¶ó¿ìµå º¸¾È > º¸¾È Áø´Ü ¼­ºñ½º ****/

.diagnostic_process{}
.diagnostic_process_in{gap:10px;}
.diagnostic_process_in .box ul{gap:10px;}
.diagnostic_process_in .box ul li{padding: 30px 10px 15px;}
.diagnostic_process_in .box ul li:after{width: 40px; height: 40px; right:-28px; margin-top: -20px; }
.diagnostic_process_in .box ul li.two:after,
.diagnostic_process_in .box ul li.five:after{right: -36px;}
.diagnostic_process_in .box ul li img{width: 60px; height: auto; margin: 0 auto 6px;}
.diagnostic_process_in .box ul li .fs20{font-size:1rem;}


.diagnostic_area{}
.diagnostic_area ul{gap:20px;}
.diagnostic_area ul li{width:calc((100% - 80px)/5); padding:15px;}
.diagnostic_area ul li img{width:80px; height: auto;}
/**** E:: Ŭ¶ó¿ìµå º¸¾È > º¸¾È Áø´Ü ¼­ºñ½º ****/

/**** S:: º¯È­°ü¸®/Çù¾÷ > M365+ÆÀÁî µµÀÔ/¿î¿µ ¼­ºñ½º ****/
.m365_product{gap:20px;}
.m365_product li{width: calc((100% - 40px)/3); padding: 120px 30px 70px;}

.m365_cooperation li img{max-width:70%; height: auto;}
/**** E:: º¯È­°ü¸®/Çù¾÷ > M365+ÆÀÁî µµÀÔ/¿î¿µ ¼­ºñ½º ****/

/**** S:: Ŭ¶ó¿ìµå º¸¾È  > º¸¾È ¼Ö·ç¼Ç µµÀÔ ¼­ºñ½º ****/
.step_style.three > dl{width: calc((100% - 30px)/2);}
.step_style.three > dl:nth-child(3n):after{display: block;}
.step_style.three > dl:nth-child(2n):after{display: none;}


.copilot_cont .step_style > dl:before{}
.copilot_cont .step_style > dl:nth-child(4):before{display: none;}
.copilot_cont .step_style > dl:nth-child(3):before{display: block;}
.copilot_cont .step_style > dl:nth-child(5):before{display: block;}
/**** E:: Ŭ¶ó¿ìµå º¸¾È  > º¸¾È ¼Ö·ç¼Ç µµÀÔ ¼­ºñ½º ****/


/**** S:: º¯È­°ü¸®/Çù¾÷ > Copilot ±³À°/µµÀÔ ¼­ºñ½º ****/
.copilot_experience{flex-wrap:wrap;}
	.copilot_experience_banner{padding:100px 40px 500px; flex:auto; width: 100%;}
	.copilot_experience_program{flex:auto; width: 100%;}
	.copilot_experience_program ul{}
	.copilot_experience_program ul li{padding:60px 40px;}
	
	.copilot_value{}
	.copilot_value .speech_txt .fs22{padding: 0 40px;}
	.copilot_value ul{padding: 30px 0; margin: 0; gap:20px;}
	.copilot_value ul:before{background-size:50% auto;}
	.copilot_value ul li{width: calc((100% - 20px)/2); padding:30px 20px;}
	.copilot_value ul li .fs18{padding:6px 0 0;}
	
	.copilot_coaching dl{width:calc((100% - 30px)/2);}
	

	
	.copilot_ba ul{gap:30px 20px; flex-wrap:wrap;}
	.copilot_ba ul li{padding:0; width: calc((100% - 80px)/5);}
/**** E:: º¯È­°ü¸®/Çù¾÷ > Copilot ±³À°/µµÀÔ ¼­ºñ½º ****/


/**** S:: º¯È­°ü¸®/Çù¾÷ > One Managed Service ****/
	.service_content_list dl{width:calc((100% - 4px)/2);}

.service_process .dot_list{margin-top: 30px;}
/**** E:: º¯È­°ü¸®/Çù¾÷ > One Managed Service ****/


/**** S:: Ŭ¶ó¿ìµå ÀÎÇÁ¶ó > Ŭ¶ó¿ìµå ¿î¿µ > ±ÝÀ¶±Ç ¾ÈÀü¼º Æò°¡ Áö¿ø ****/
.finance_style{}
.finance_style dd{padding: 0 0 0 30px;}
.finance_style dd p.fs20{padding: 20px 0 0;}
.finance_style dd h5.fs20{padding: 20px 0 8px;}
/**** E:: Ŭ¶ó¿ìµå ÀÎÇÁ¶ó > Ŭ¶ó¿ìµå ¿î¿µ > ±ÝÀ¶±Ç ¾ÈÀü¼º Æò°¡ Áö¿ø ****/


/**** S:: Ŭ¶ó¿ìµå ÀÎÇÁ¶ó > ÇÏÀ̺긮µå Ŭ¶ó¿ìµå ****/
.hybrid_service dd{padding:40px 30px;}
.hybrid_service dd .dot_list > li{padding-left: 10px;}
.hybrid_service dd .dot_list > li b{left:auto; position: static; margin: 0 0 3px; display: block;}
/**** E:: Ŭ¶ó¿ìµå ÀÎÇÁ¶ó > ÇÏÀ̺긮µå Ŭ¶ó¿ìµå ****/

/**** S:: Ŭ¶ó¿ìµå ÀÎÇÁ¶ó > Ŭ¶ó¿ìµå ¸Å´ÏÁöµå ¼­ºñ½º ****/
.managed_cont .icon_basic.two dl.logo{display: none;}
/**** E:: Ŭ¶ó¿ìµå ÀÎÇÁ¶ó > Ŭ¶ó¿ìµå ¸Å´ÏÁöµå ¼­ºñ½º ****/




}

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



/**** S:: Ŭ¶ó¿ìµå ÀÎÇÁ¶ó > Ŭ¶ó¿ìµå ÀÌÀü/±¸Ãà > Ŭ¶ó¿ìµå ¸¶À̱׷¹ÀÌ¼Ç ****/
.migration_preparation{}
.migration_preparation ul{gap:20px; flex-wrap:wrap; margin: 0 auto; max-width:420px;}
.migration_preparation ul li{width: calc((100% - 20px)/2);}

.migration_strategy{}
.migration_strategy ul{gap:25px 20px; flex-wrap:wrap;}
.migration_strategy ul li{flex:auto; width: calc((100% - 40px)/3); padding:35px 20px;}
.migration_strategy ul li:after{width: 40px; height:40px; right:-30px; margin-top: -20px;}
.migration_strategy ul li:nth-child(2){flex:auto; width: calc(((100% - 20px)/3)*2);}
.migration_strategy ul li:nth-child(2):after{display: none;}
.migration_strategy ul li .num_txt{left: 20px;}
.migration_strategy ul li .fs20{padding: 0 0 4px;}
.migration_strategy ul li .fs18{padding: 10px 0 4px;}
/**** E:: Ŭ¶ó¿ìµå ÀÎÇÁ¶ó > Ŭ¶ó¿ìµå ÀÌÀü/±¸Ãà > Ŭ¶ó¿ìµå ¸¶À̱׷¹ÀÌ¼Ç ****/





/**** S:: Ŭ¶ó¿ìµå ÀÎÇÁ¶ó > Ŭ¶ó¿ìµå ÀÌÀü/±¸Ãà > Azure Landing Zone ****/

.alz_landing_zone{}
.alz_landing_zone .border_box .fs22{padding: 0 0 10px;}
.alz_landing_zone .border_box ul{max-width:600px; margin:-60px auto 0;}
.alz_landing_zone .border_box ul li{padding:15px 10px;}


.alz_csp_table_wrap{}
	.alz_csp_table th{padding:15px;}
	.alz_csp_table td{padding: 10px;}



.alz_caf{}
.alz_caf .responsive-dim{}
	.alz_caf_top{margin: 15px 0 0;}
	.alz_caf_top ul{gap:10px;}
	.alz_caf_top ul:before{width: calc(((100% + 10px)/4)*3); height: calc(100% + 10px); right:-5px; top:-5px;}
	.alz_caf_top ul li{width: calc((100% - 30px)/4); padding:25px 20px;}
	.alz_caf_top ul li:after{width: 40px; height: 40px; right:-25px; top:50%; margin-top: -20px;}
	.alz_caf_top ul li .num_txt{margin-left: -20px; top:-20px;}
	.alz_caf_top ul li img{width: 60px; height: auto; margin: 0 auto 4px;}
	.alz_caf_top ul li div{display: block;}
	.alz_caf_top ul li div dl{padding: 8px; width: 100%; border-right: 0; border-bottom: 1px solid var(--border);}
	.alz_caf_top ul li dl dt{padding: 0;}
	.alz_caf_top ul li dl dd{padding: 5px 0 0;}

	.alz_caf_bottom{margin: 30px 0 0; padding: 0 14%;}
	.alz_caf_bottom ul{gap:10px; width: 65%;}
	.alz_caf_bottom ul:before{width: calc(100% + 10px); height: calc(100% + 10px); right:-5px; top:-5px;}
	.alz_caf_bottom ul li{width: calc((100% - 10px)/2); padding:15px;}
	.alz_caf_bottom ul li:nth-child(1):before{width: 40px; height: 40px; left:-30px;  margin-top: -20px;}
	.alz_caf_bottom ul li:nth-child(2):after{width: 40px; height: 40px; right:-30px;  margin-top: -20px;}
	.alz_caf_bottom ul li img{width: 60px; height: auto; margin: 0 auto 8px;}
	.alz_caf_bottom ul li dl dt{padding: 8px 0 0;}
	.alz_caf_bottom ul li dl dd{padding: 3px 0 0;}



.alz_plan_list{}
.alz_plan_list dl{padding:20px; }
.alz_plan_list dl dt{width: 60px; height: 60px;}
.alz_plan_list dl dd{width: calc(100% - 60px); padding: 0 0 0 20px;}

.alz_manage{gap:20px;}
.alz_manage dl{width: calc((100% - 40px)/3); padding:20px 20px 25px;}
.alz_manage dl dt img{margin:0 auto 15px;}
.alz_manage dl dd{padding: 12px 0 0; margin: 10px 0 0; }


.alz_line{gap:20px;}
.alz_line dl{width: calc((100% - 20px)/2); padding: 0 20px 25px;}
.alz_line dl dt{padding: 20px 0 10px;}
.alz_line dl dd{padding: 15px 0 0;}
.alz_line.one dl dd{padding: 20px 0 0;}

.alz_build{}
.alz_build .icon_basic{padding: 30px 0 50px;}
.alz_build_process{}
.alz_build_process ul{gap:20px; flex-wrap:wrap;}
.alz_build_process ul li{width: calc((100% - 20px)/2);}
.alz_build_process ul li:after{right:-30px; width: 40px; height: 40px; margin-top: -20px;}
.alz_build_process ul li:nth-child(2n):after{display: none;}


/**** E:: Ŭ¶ó¿ìµå ÀÎÇÁ¶ó > Ŭ¶ó¿ìµå ÀÌÀü/±¸Ãà > Azure Landing Zone ****/



/**** S:: Ŭ¶ó¿ìµå ÀÎÇÁ¶ó > HPC on Azure ****/
.hpc_way{}
.hpc_way dl{padding:0 20px 20px;}
.hpc_way dl dt{padding:20px 0 10px;}
.hpc_way dl dd{padding: 20px 0 0;}
.hpc_way dl dd ul{gap:20px;}

.hpc_why{}
.hpc_why ul{flex-wrap:wrap;}
.hpc_why ul li{width:33.33%;}
.hpc_why ul li:nth-child(n+4){width:50%;}
/**** E:: Ŭ¶ó¿ìµå ÀÎÇÁ¶ó > HPC on Azure ****/


/**** S:: °¡»óÈ­ > AVD (Azure Virtual Desktop) ****/
.avd_table{}
.avd_table th{padding:14px 10px 10px;}
.avd_table td{padding:14px 10px;}

.avd_table_info{padding:10px 0 0;}
.avd_table_info dl{padding-left: 20px;}
.avd_table_info dl dt{width:30px; height:16px; margin: 0 5px 0 0;}
/**** E:: °¡»óÈ­ > AVD (Azure Virtual Desktop) ****/





/**** S:: °¡»óÈ­ > AVS (Azure Vmware Service) ****/
.avs_service_banner{height:250px; margin:0 0 20px;}
.avs_service_banner h4{top:25%;} 

.avs_advantage{gap:20px;}
.avs_advantage dl{width: calc((100% - 20px)/2); padding:18px 20px 35px;}
.avs_advantage dl dt{padding:0 0 12px;}
.avs_advantage dl dd{padding:20px 0 0;}

/**** E:: °¡»óÈ­ > AVS (Azure Vmware Service) ****/



/**** S:: °¡»óÈ­ > Citrix on Azure ****/

.citrix_vdi{padding: 0;}
.citrix_vdi .citrix_vdi_dia{display: none;}

.citrix_vdi dl{max-width:100%; width: 100%; position: static !important; transform:translateX(0) !important; text-align:left !important; display:flex; align-items:center; border:1px solid var(--border); border-radius:var(--borderR30); margin:0 0 2px !important; padding:15px; box-sizing:border-box;}
.citrix_vdi dl:last-child{margin:0 !important;}
.citrix_vdi dl dt{display: block; width: 80px; height:80px; border-radius:50%; border:4px solid;}
.citrix_vdi dl dt img{width:100%; height:auto;}
.citrix_vdi dl dd{width: calc(100% - 80px); padding:0 0 0 15px; box-sizing:border-box;}
.citrix_vdi dl dd .fs20{}
.citrix_vdi dl dd .fs16{padding:3px 0 0;}

.citrix_vdi dl.one dt{border-color:var(--sub2);}
.citrix_vdi dl.two dt{border-color:var(--sub3);}
.citrix_vdi dl.three dt{border-color:var(--sub4);}
.citrix_vdi dl.four dt{border-color:var(--main_dark);}
.citrix_vdi dl.five dt{border-color:var(--sub1);}

	.citrix_table{width: 1000px; border-top-width:2px;}
	
/**** E:: °¡»óÈ­ > Citrix on Azure ****/

/**** S:: Data & AI  > Inno. AI ****/

.innoAi_service article.innoAi_service_logo{margin: -30px auto 0;}
.innoAi_service article.innoAi_service_logo img{max-width:150px; height: auto;}
.innoAi_service article.tdg{}
.innoAi_service article.tdg:before{width: 400px; height: 400px; margin-left: -200px; bottom: -60px;}

.innoAi_effect{}
.innoAi_effect .innoAi_effect_in{flex-wrap:wrap; max-width:600px; margin: 0 auto;}
.innoAi_effect .innoAi_effect_in dl{width: 100%;}
.innoAi_effect .innoAi_effect_in dl.tdg{margin:0 0  -30px;}
.innoAi_effect .innoAi_effect_in dl.laon{margin:-30px 0 0;}
.innoAi_effect .innoAi_effect_in dl dt{width: 300px; height: 300px;}
.innoAi_effect .innoAi_effect_in dl dd{width:calc(100% - 300px);}
.innoAi_effect .innoAi_effect_in dl.tdg dd .check_list > li{padding-right: 23px;}


.innoAi_effect .check_style:before{top:-40px;}



.innoAi_speech{padding:20px 20px 30px;}
.innoAi_speech .tit .fs18{padding:6px 0 0;}
.innoAi_speech .cont{padding:15px 0 0; margin: 15px 0 0;}
.innoAi_speech .cont > .fs18{}
.innoAi_speech .cont > .fs18 img{width: 40px; height: auto; border-radius:50%; margin: -2px 10px 0 0; display: inline-block; vertical-align: middle; box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.15);}
.innoAi_speech .innoAi_speech_in{margin:10px auto 0; flex-wrap:wrap;}
.innoAi_speech .innoAi_speech_in .icon{display: none;}
.innoAi_speech .innoAi_speech_in > dl{width: 100%;}
.innoAi_speech .innoAi_speech_in > dl.speech1{margin: 0 0 20px;}
.innoAi_speech .innoAi_speech_in > dl.speech2{}
.innoAi_speech .innoAi_speech_in > dl > dt{padding:10px 30px;}
.innoAi_speech .innoAi_speech_in > dl > dt .fs20{}
.innoAi_speech .innoAi_speech_in > dl > dt .fs20:before{content:''; display:inline-block; vertical-align: middle; width:30px; height:30px; background:url('/service/img/innoAi_service_icon.png') no-repeat center/contain; margin: -2px 10px 0 0;}
.innoAi_speech .innoAi_speech_in > dl > dd{padding: 20px;}
.innoAi_speech .innoAi_speech_in > dl > dd.line{margin: 15px 0 0; padding: 40px 15px 15px; height: auto;}
.innoAi_speech .innoAi_speech_in > dl > dd dl{}
.innoAi_speech .innoAi_speech_in > dl > dd dl dd{padding: 10px 0;}
.innoAi_speech .innoAi_speech_in > dl.speech1 > dd:after{right:50%; margin-right: -31px; top:auto; bottom: -40px; margin-top: auto; transform:rotate(90deg);}
/**** E:: Data & AI  > Inno. AI ****/




/**** S:: Data & AI  > Azure OpenAI(AOAI) ¼­ºñ½º ****/
.aoai_onm{}
	.aoai_onm_in{gap:20px;}
	.aoai_onm_in article{width: calc((100% - 20px)/2);}
	.aoai_onm_in article:after{width:60px; height:60px; right:-40px; top:40%; margin-top:-30px;}
	.aoai_onm_in article dl{padding: 75px 0 0;}
	.aoai_onm_in article dl dt{width: 150px; height: 150px; margin-left: -75px;}
	.aoai_onm_in article dl dt:before{width: calc(100% + 20px); height: calc(100% + 20px);}
	.aoai_onm_in article dl dd{padding: 100px 25px 30px;} 
	.aoai_onm_in article ul{padding: 20px 0 0; gap:10px; flex-wrap:wrap;}
	.aoai_onm_in article ul li{width: 100%;}
	.aoai_onm_in article ul li .tit{padding:6px 15px;}
	.aoai_onm_in article ul li .fs18{padding: 8px 0 0;}
/**** E:: Data & AI  > Azure OpenAI(AOAI) ¼­ºñ½º ****/





/**** S:: Data & AI  > Databricks on Azure ****/
.databricks_on_azure_box{padding:20px; margin:0 0 5px;}
.databricks_on_azure_box .fs22{}
.databricks_on_azure_box .fs18{padding: 0 20px 0 10px;}
.databricks_on_azure_box .number{font-size:2.222rem;}
.databricks_on_azure .dia_wrap .border_box{padding: 25px;}

.databricks_company{gap:20px;}
.databricks_company dl{width: calc((100% - 40px)/3);}
.databricks_company dl dt{padding: 10px; border-radius:20px;}
.databricks_company dl dd{padding:10px;}
/**** E:: Data & AI  > Databricks on Azure ****/


/**** S:: Ŭ¶ó¿ìµå º¸¾È > º¸¾È Áø´Ü ¼­ºñ½º ****/
.diagnostic_cloud{}
.diagnostic_cloud article{}
.diagnostic_cloud article .fs35{padding: 0 0 20px;}

	.basic_style{gap:20px;}
	.basic_style dl{width:calc((100% - 40px)/3);}

.diagnostic_process{}
.diagnostic_process_in{gap:10px; flex-wrap:wrap;}
.diagnostic_process_in .box{width: 100%; position: relative;}
.diagnostic_process_in .box:after{content:''; display:block; width: 40px; height: 40px; position: absolute; left: 50%; bottom:; margin-left: -20px; background:rgba(255, 255, 255, 0.50) url('/img/arrow_icon.png') no-repeat center/contain; z-index: 2; box-sizing:border-box; border:2px solid rgba(68, 85, 117, 0.40);; box-shadow:0px 8px 20px rgba(0, 0, 0, 0.08); border-radius:50%; transform:rotate(90deg);}
.diagnostic_process_in .box:nth-child(3):after{display: none;}
.diagnostic_process_in .box:nth-child(1){flex:auto;}
.diagnostic_process_in .box:nth-child(2){flex:auto;}
.diagnostic_process_in .box:nth-child(3){flex:auto;}
.diagnostic_process_in .box:nth-child(1) ul{width: 66.66%; margin: 0 auto;}
.diagnostic_process_in .box:nth-child(3) ul{width: 33.33%; margin: 0 auto;}
.diagnostic_process_in .box ul li{min-height:auto;}
.diagnostic_process_in .box ul li.two:after,
.diagnostic_process_in .box ul li.five:after{display: none;}




.diagnostic_area{}
.diagnostic_area ul{gap:10px;}
.diagnostic_area ul li{width:calc((100% - 40px)/5); padding:12px;}
.diagnostic_area ul li img{width:60px; height: auto;}
/**** E:: Ŭ¶ó¿ìµå º¸¾È > º¸¾È Áø´Ü ¼­ºñ½º ****/

/**** S:: Ŭ¶ó¿ìµå º¸¾È  > º¸¾È ¼Ö·ç¼Ç µµÀÔ ¼­ºñ½º ****/
.pna_list{gap:20px;}
.pna_list dl{width:calc((100% - 40px)/3);}
.pna_list dl dt{padding:12px 20px 10px;}
.pna_list dl dd{padding:15px 20px 25px;}
.pna_list dl dd h5{padding: 15px 0 5px;}

.solution_cw{}
.solution_cw .check_list.two{padding: 20px; }
.solution_cw .check_list.two li{padding-right: 30px;}
.solution_workshop {padding:20px 0 0; gap:20px;}
.solution_workshop > dl{width: calc((100% - 20px)/2);}
.solution_workshop > dl > dt{padding:10px 20px;}
.solution_workshop > dl > dt img{width: auto; height: 40px;}
.solution_workshop > dl > dt .fs20{padding:0 0 0 10px;}
.solution_workshop > dl > dd strong.fs18{padding: 15px 20px;} 
.solution_workshop > dl > dd .box{padding: 20px;}

.solution_poc{}
.solution_poc .process_list li{padding: 35px 25px 40px;}
.solution_poc .process_list li .num_txt{left: 20px;}
.solution_poc .process_list li img{width: auto; height: 50px; margin: 0 0 10px;}
.solution_poc .process_list li .fs22{padding: 0 0 10px;}


.step_style{gap:20px;}
.step_style > dl{width: calc((100% - 20px)/2); border-radius:40px 40px var(--borderR30) var(--borderR30);}
.step_style > dl:after{width:40px; height:40px; right:-29px; margin-top: -20px;}
.step_style > dl:nth-child(2n):after{display: none;}
.copilot_cont .step_style > dl:before{width:40px; height:40px; left:-20px; margin-top: -20px;}

.step_style.five > dl{width: calc((100% - 20px)/2);}
.step_style.three > dl{width: calc((100% - 20px)/2);}
.step_style.three > dl:nth-child(3n):after{display: block;}
.step_style.three > dl:nth-child(2n):after{display: none;}
/**** E:: Ŭ¶ó¿ìµå º¸¾È  > º¸¾È ¼Ö·ç¼Ç µµÀÔ ¼­ºñ½º ****/



/**** S:: º¯È­°ü¸®/Çù¾÷ > M365+ÆÀÁî µµÀÔ/¿î¿µ ¼­ºñ½º ****/
.m365_product{gap:40px;}
.m365_product li{margin: 60px 0 0; width: 100%; padding:80px 20px 50px;}
.m365_product li img{width: 120px; height:120px; top:-60px; margin-left:-60px;}

.m365_cooperation{gap:20px;}
.m365_cooperation li{padding: 30px; width: calc((100% - 20px)/2);}
.m365_cooperation li img{margin: 0 auto 15px;}
.m365_cooperation li .btn_area{padding:15px 0 0;}
/**** E:: º¯È­°ü¸®/Çù¾÷ > M365+ÆÀÁî µµÀÔ/¿î¿µ ¼­ºñ½º ****/



/**** S:: º¯È­°ü¸®/Çù¾÷ > Copilot ±³À°/µµÀÔ ¼­ºñ½º ****/
.copilot_experience{gap:20px;}
	.copilot_experience_banner{padding:60px 30px 380px;}
	.copilot_experience_banner img{width: 70px; height: auto; margin: 0 auto 15px;}
	.copilot_experience_banner .fs18{padding:6px 0 0;}
	.copilot_experience_program ul{}
	.copilot_experience_program ul li{padding:40px 20px;}
	.copilot_experience_program ul li img{margin: 0 auto 20px;}
	.copilot_experience_program ul li .fs18{padding: 6px 0 0;}
	
	.copilot_value{}
	.copilot_value .speech_txt .fs22{padding: 0 25px;}
	.copilot_value .speech_txt .fs22:before{width: 16px; height: 16px;}
	.copilot_value .speech_txt .fs22:after{width: 16px; height: 16px;}
	.copilot_value ul{padding: 20px 0; gap:5px;}
	.copilot_value ul:before{background-size:70% auto;}
	.copilot_value ul li{width: calc((100% - 5px)/2); padding:20px 10px;}
	.copilot_value ul li .fs18{padding:3px 0 0;}
	
	.copilot_project{}
	.copilot_project .copilot_potential{margin: 0 0 20px; padding:20px;}
	.copilot_project .copilot_potential .check_list li{margin-left: 30px;}
	.copilot_project .step_style > dl > dd{padding: 20px 20px 40px;}
	.copilot_project .step_style > dl > dd img{margin: 10px auto;}
	
	.copilot_coaching{gap:20px;}
	.copilot_coaching dl{width:calc((100% - 20px)/2);}
	.copilot_coaching dl dd.middle{padding: 20px 20px 30px; min-height:260px;}
	.copilot_coaching dl dd.bottom{margin: 10px 0 0;}

	
	.copilot_ba{}
	.copilot_ba .copilot_ba_list{gap:20px;}
	.copilot_ba .copilot_ba_list dl{width: calc((100% - 20px)/2);}
	.copilot_ba .copilot_ba_list dl dt{padding:12px 20px;}
	.copilot_ba .copilot_ba_list dl dd{padding:20px;}
	.copilot_ba .copilot_ba_list dl dd .fs18{padding:5px 20px;}
	
	.copilot_ba ul{margin: 15px 0 0; gap:20px 10px; padding:30px 20px;}
	.copilot_ba ul li{width: calc((100% - 40px)/5);}
	.copilot_ba ul li img{width: auto; height: 50px; margin:0 auto 10px;}
/**** E:: º¯È­°ü¸®/Çù¾÷ > Copilot ±³À°/µµÀÔ ¼­ºñ½º ****/



/**** S:: º¯È­°ü¸®/Çù¾÷ > One Managed Service ****/

.service_overview{}
	.service_overview_in{gap:20px;}
	.service_overview_in dl{width: calc((100% - 20px)/2);}
	.service_overview_in dl dd{padding: 15px 20px 20px;}
	.service_overview_in dl dd .partner_list{gap:5px;}
	.service_overview_in dl dd .partner_list li{width: calc((100% - 5px)/2);}
	.service_overview_tit{margin: 40px 0 0;}
	.service_overview_tit:before{width: 300px; height: 82px; top:-70px; margin-left: -150px;}



.service_content .process_style li{padding-bottom: 20px;}
.service_content .process_style li img{width: auto; height: 50px; margin: 0 auto 8px;}
	.service_content_list dl{padding:20px;}
	.service_content_list dl dt{width:90px;}
	.service_content_list dl dd{width: calc(100% - 90px); padding: 0 0 0 15px;}
	.service_content_list dl dd .fs16{padding: 3px 0 0;}
	.service_content_list dl.logo{}

	.service_uts{gap:10px;}
	.service_uts li{width: calc((100% - 10px)/2);}
 



.service_level{position:relative; overflow-x:auto; overflow-y:hidden;}
.service_level .responsive-dim.show{display: block;}
	.service_level_table{width:980px;}
	.service_level_table th{padding:10px;}
	.service_level_table td{padding:8px 15px;}
	.service_level_table .gray td{padding:18px 15px;}
	.service_level_table .etc td{padding: 8px 15px;}



.service_tam_img{height: 280px;}
.service_tam_info{gap:20px; margin: 20px 0 30px;}
.service_tam_info li{width: calc((100% - 40px)/3); padding: 20px;}
.service_tam_info li .dot_list{padding: 5px 0 0;}






.service_process{padding:20px;}
.service_process .responsive-dim{}
.service_process .service_process_in{}
.service_process .dot_list{margin-top: 20px;}
.service_process_style{max-width:600px;}
.service_process_style > div{}
.service_process_style div.top{}
.service_process_style div.middle{padding: 30px 0 0 120px;}
.service_process_style div.bottom{padding: 30px 0 0;}
.service_process_style dl{max-width:400px;}
.service_process_style dl dd{padding: 15px 10px; width: calc((100% - 80px)/2);}
.service_process_style dl dd .fs18{padding: 0 0 3px;}
.service_process_style dl dd .img{width:auto; height: 35px; margin: 0 auto 5px;}
.service_process_style dl dd.service_microsoft .img{width: 100px; height: auto; margin: 0 auto 8px;}
.service_process_style dl dd h4{}
.service_process_style dl dd .fs16{padding: 0 0 3px;}
.service_process_style dl dt{width: 80px;}
.service_process_style dl dt img{max-width:70%;}


.service_process_style div.middle dl{}
.service_process_style div.middle dl:before{width: calc(((100% + 82px)/2)*1); height:2px; top:-15px;}
.service_process_style div.middle dl:after{width: calc(((100% + 82px)/2)*1); height:2px; bottom:-15px;}
.service_process_style div.bottom dl:before{width: 50%; height:2px; right:19.7%; top:-17px;}

.service_process_style div dl dd.arrow_t:before{height: 15px; bottom:-15px; margin-left: -1px;}
.service_process_style div dl dd.arrow_t:after{width: 10px; height: 10px; bottom:-10px; margin-left: -5px; }
.service_process_style div dl dd.arrow_b:before{height: 17px; top:-17px; margin-left: -1px;}
.service_process_style div dl dd.arrow_b:after{width: 10px; height: 10px; top:-10px; margin-left: -5px;}
.service_process_style div dl dd .line_b{height: 15px; margin-left: -1px; bottom: -16px;}


/**** E:: º¯È­°ü¸®/Çù¾÷ > One Managed Service ****/



/**** S:: Ŭ¶ó¿ìµå ÀÎÇÁ¶ó > Ŭ¶ó¿ìµå ÄÁ¼³Æà ****/
.consulting_cont{}
.consulting_style{padding: 50px 0;}
.consulting_style#consulting1{padding: 80px 0 50px;}
.consulting_style#consulting3{padding: 50px 0 120px;}
.consulting_style .tit_area{padding:0 30px 0 0;}

.plan_style{margin:20px 0 0;}
.plan_style dl{margin:0 0 5px;}
.plan_style dl dt{width: 150px; padding:10px;}
.plan_style dl dd{padding:20px; width: calc(100% - 150px); }
/**** E:: Ŭ¶ó¿ìµå ÀÎÇÁ¶ó > Ŭ¶ó¿ìµå ÄÁ¼³Æà ****/

/**** S:: Ŭ¶ó¿ìµå ÀÎÇÁ¶ó > Ŭ¶ó¿ìµå ¿î¿µ > ±ÝÀ¶±Ç ¾ÈÀü¼º Æò°¡ Áö¿ø ****/
.finance_style{}
.finance_style dt{width: calc(50% - 10px);}
.finance_style dd{width: calc(50% - 10px); padding: 0 0 0 20px;}
.finance_style dd strong{padding: 0 0 10px;}
.finance_style dd p.fs20{padding: 15px 0 0;}
.finance_style dd h5.fs20{padding: 15px 0 5px;}
/**** E:: Ŭ¶ó¿ìµå ÀÎÇÁ¶ó > Ŭ¶ó¿ìµå ¿î¿µ > ±ÝÀ¶±Ç ¾ÈÀü¼º Æò°¡ Áö¿ø ****/

/**** S:: Ŭ¶ó¿ìµå ÀÎÇÁ¶ó > ÇÏÀ̺긮µå Ŭ¶ó¿ìµå ****/
.hybrid_img{padding:20px;}
.hybrid_img .bg:after{width:400px; height:315px; margin-left: -200px; top:20px;}
.hybrid_img .img{max-width:400px;} 

.hybrid_service{flex-wrap:wrap;}
.hybrid_service dt{width: 100%; margin: 0 0 10px; height: 300px;}
.hybrid_service dd{width: 100%; padding:30px 25px;}
.hybrid_service dd .dot_list > li b{line-height: 130%;}
.hybrid_service dd .dot_list > li:before{top:8px;}
/**** E:: Ŭ¶ó¿ìµå ÀÎÇÁ¶ó > ÇÏÀ̺긮µå Ŭ¶ó¿ìµå ****/



/**** S:: Ŭ¶ó¿ìµå ÀÎÇÁ¶ó > Ŭ¶ó¿ìµå ¸Å´ÏÁöµå ¼­ºñ½º ****/
.managed_msp{gap:20px;}
.managed_msp dl{width:calc((100% - 20px)/2);}
.managed_msp dl dd{padding:15px;}

.managed_grade{}
.managed_grade dl dt{width: 150px; padding:20px 15px;}
.managed_grade dl dt img{width: 60px; height: auto; margin:0 auto 8px;}
.managed_grade dl dd{width: calc(100% - 150px); padding: 30px;}
.managed_grade dl dd .dot_list.two{}
.managed_grade dl dd .dot_list.two > li{width: 100%; padding-right: 0;}
/**** E:: Ŭ¶ó¿ìµå ÀÎÇÁ¶ó > Ŭ¶ó¿ìµå ¸Å´ÏÁöµå ¼­ºñ½º ****/


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

/**** S:: Ŭ¶ó¿ìµå ÀÎÇÁ¶ó > Ŭ¶ó¿ìµå ÀÌÀü/±¸Ãà > Ŭ¶ó¿ìµå ¸¶À̱׷¹ÀÌ¼Ç ****/
.migration_preparation{}
.migration_preparation ul{gap:10px; max-width:290px;}
.migration_preparation ul li{width: calc((100% - 10px)/2);}
.migration_preparation ul li div{width: 140px; height: 140px; border:4px solid; padding:0 10px;}
.migration_preparation ul li img{width: 45px; height: auto; margin:0 auto 8px;}


.migration_strategy{}
.migration_strategy ul{gap:25px;}
.migration_strategy ul li{width: 100%; padding:25px 15px;}
.migration_strategy ul li:after{width:34px; height:34px; right:auto; left:50%; top:auto; bottom: -30px; margin-left: -17px; transform:rotate(90deg); margin-top: 0;}
.migration_strategy ul li:nth-child(2){width: 100%;}
.migration_strategy ul li:nth-child(2):after{display: block;}
.migration_strategy ul li .num_txt{left: 10px; top:-15px;}
/**** E:: Ŭ¶ó¿ìµå ÀÎÇÁ¶ó > Ŭ¶ó¿ìµå ÀÌÀü/±¸Ãà > Ŭ¶ó¿ìµå ¸¶À̱׷¹ÀÌ¼Ç ****/






/**** S:: Ŭ¶ó¿ìµå ÀÎÇÁ¶ó > Ŭ¶ó¿ìµå ÀÌÀü/±¸Ãà > Azure Landing Zone ****/

.alz_landing_zone{}
.alz_landing_zone .border_box ul{max-width:400px; margin:-30px auto 0; gap:5px; flex-wrap:wrap;}
.alz_landing_zone .border_box ul li{width: calc((100% - 5px)/2); padding:12px 10px;}

.alz_csp_table_wrap{overflow-x: auto; overflow-y: hidden;}
.alz_csp_table_wrap .responsive-dim.show{display: block;}
	.alz_csp_table{border-top-width:2px; width: 680px;}
	.alz_csp_table th{padding:12px;}
	.alz_csp_table td{padding: 8px;}


.alz_caf{overflow-y: hidden; overflow-x: auto; position: relative;}
.alz_caf .responsive-dim.show{display: block;}
	.alz_caf_top{margin: 20px 0 0; width: 680px;}
	.alz_caf_top ul li .num_txt{margin-left: -15px; top:-15px;}
	.alz_caf_top ul li img{width: 50px; height: auto;}
	.alz_caf_bottom{width: 680px; margin: 20px 0 10px;}
	.alz_caf_bottom ul li img{width: 50px; height: auto; margin: 0 auto 8px;}





.alz_plan_list{}
.alz_plan_list dl{padding:15px; width: 100%; border-right: 0; }
.alz_plan_list dl:nth-child(4n){border-right: 0;}
.alz_plan_list dl:nth-child(n+7){border-bottom: 1px solid var(--border);}
.alz_plan_list dl:last-child{border-bottom: 0;}
.alz_plan_list dl dt{width: 40px; height: 40px;}
.alz_plan_list dl dd{width: calc(100% - 40px); padding: 0 0 0 15px;}


.alz_manage{gap:10px;}
.alz_manage dl{width: 100%; padding:15px 15px 20px;}
.alz_manage dl dt img{margin:0 auto 10px;}
.alz_manage dl dd{padding: 10px 0 0; margin: 8px 0 0; }
.alz_manage dl dd h5.fs18{padding: 3px 0 0;}
.alz_manage dl dd .dot_list{padding: 3px 0 0;}

.alz_line{gap:10px;}
.alz_line dl{width: 100%; padding: 0 15px 20px;}
.alz_line dl dt{padding: 15px 0 8px;}
.alz_line dl dd{padding: 10px 0 0;}
.alz_line.one dl dd{padding: 15px 0 0; gap:10px; }
.alz_line.one dl dd .img{flex-wrap:wrap;}
.alz_line.one dl dd .img li{flex:auto; width: 100%;}



.alz_build{}
.alz_build .icon_basic{padding: 20px 0 30px;}
.alz_build_process{}
.alz_build_process ul{gap:50px; flex-wrap:wrap;}
.alz_build_process ul li{width: 100%; padding:25px 20px;}
.alz_build_process ul li:after{width:34px; height:34px; right:auto; left:50%; top:auto; bottom: -20px; margin-left: -17px; transform:rotate(90deg); margin-top: 0;}
.alz_build_process ul li:nth-child(2n):after{display: block;}
.alz_build_process ul li .num_txt{top:-15px; margin-left: -15px;}
.alz_build_process ul li img{width: 50px; height: auto;}
.alz_build_process ul li dl{padding: 3px 0 0;}
.alz_build_process ul li dl dd{padding:3px 0;}



/**** E:: Ŭ¶ó¿ìµå ÀÎÇÁ¶ó > Ŭ¶ó¿ìµå ÀÌÀü/±¸Ãà > Azure Landing Zone ****/




/**** S:: Ŭ¶ó¿ìµå ÀÎÇÁ¶ó > HPC on Azure ****/
.hpc_way{}
.hpc_way dl{padding:0 15px 15px;}
.hpc_way dl dt{padding:15px 0 8px;}
.hpc_way dl dd{padding: 15px 0 0;}
.hpc_way dl dd ul{gap:10px; flex-wrap:wrap;}
.hpc_way dl dd ul li{width: 100%;}
.hpc_way dl dd ul li:nth-child(1){width: 100%;}
.hpc_way dl dd ul li:nth-child(2) img{max-width:50%; height: auto;}

.hpc_why{}
.hpc_why ul li{width:100%; padding:20px 15px;}
.hpc_why ul li:nth-child(n+4){width:100%;}
.hpc_why ul li img{width: 40px; height: auto; margin: 10px auto;}
/**** E:: Ŭ¶ó¿ìµå ÀÎÇÁ¶ó > HPC on Azure ****/


/**** S:: °¡»óÈ­ > AVD (Azure Virtual Desktop) ****/
.avd_table{width: 680px; border-width:2px;}
.avd_table th{padding:12px 8px 8px;}
.avd_table td{padding:12px 8px;}

.avd_table_info{padding:10px 0; justify-content: flex-start;}
.avd_table_info dl{padding: 0 20px 0 0;}
/**** E:: °¡»óÈ­ > AVD (Azure Virtual Desktop) ****/

/**** S:: °¡»óÈ­ > AVS (Azure Vmware Service) ****/
.avs_service_banner{height:200px; margin:0 0 10px;}
.avs_service_banner h4{font-size:1.111rem; right: 5%; left: auto; top:28%; max-width:150px;} 

.avs_advantage{gap:10px;}
.avs_advantage dl{width: 100%; padding:15px 15px 20px;}
.avs_advantage dl dt{padding:0 0 8px;}
.avs_advantage dl dd{padding:15px 0 0;}
/**** E:: °¡»óÈ­ > AVS (Azure Vmware Service) ****/



/**** S:: Data & AI  > Inno. AI ****/
.innoAi_service article.innoAi_service_logo{margin: -20px auto 0;}
.innoAi_service article.innoAi_service_logo img{max-width:100px; height: auto;}
.innoAi_service article.tdg dl{padding:20px 15px;}
.innoAi_service article.tdg dl dt{width: 60px;}
.innoAi_service article.tdg dl dd{width: calc(100% - 60px); padding: 0 0 0 15px;}
.innoAi_service article.tdg dl dd .dot_list{padding: 3px 0 0;}
.innoAi_service article.laon{margin-top: -30px; padding: 0;}
.innoAi_service article.laon .laon_in{width: 300px; height: 450px;}
.innoAi_service article.laon dl{width:200px;}
.innoAi_service article.laon dl.one{left: 0; top:0;}
.innoAi_service article.laon dl.two{right: 0; top:50%; margin-top: -100px;}
.innoAi_service article.laon dl.three{left: 0; bottom: 0;}
.innoAi_service article.laon dl dt{width: 80px; height: 80px;}
.innoAi_service article.laon dl.one dt{left:-40px; top:50%; margin-left: 0; margin-top: -40px;}
.innoAi_service article.laon dl.two dt{right:-40px; top:50%; margin-top: -40px;}
.innoAi_service article.laon dl.three dt{left:-40px; bottom:auto; margin-left: 0; top:50%; margin-left: 0; margin-top: -40px;}
.innoAi_service article.laon dl dd{width:200px; height:200px; padding:40px 40px;}
.innoAi_service article.laon dl dd .fs20{padding:0 0 5px;}

.innoAi_effect{}
.innoAi_effect .innoAi_effect_in{max-width:100%;}
.innoAi_effect .innoAi_effect_in dl{width: 100%; flex-wrap:wrap;}
.innoAi_effect .innoAi_effect_in dl.tdg{margin:0 0 -5px; flex-direction: row;}
.innoAi_effect .innoAi_effect_in dl.laon{margin:-5px 0 0;}
.innoAi_effect .innoAi_effect_in dl dt{width: 150px; height: 150px;}
.innoAi_effect .innoAi_effect_in dl dd{width: calc(100% - 150px);}
.innoAi_effect .innoAi_effect_in dl.tdg dd{padding: 0 0 0 15px;}
.innoAi_effect .innoAi_effect_in dl.laon dd{padding: 0 0 0 15px;}
.innoAi_effect .innoAi_effect_in dl.tdg dd .check_list > li{padding-left: 23px; text-align:left;}
.innoAi_effect .innoAi_effect_in dl.tdg dd .check_list > li:before{right: auto; left: 0;}
.innoAi_effect .check_style{padding:40px 0 0;}
.innoAi_effect .check_style:before{width:250px; height:68px; top:-10px; margin-left: -125px;}


.innoAi_speech .cont{padding:10px 0 0; margin: 10px 0 0;}
.innoAi_speech .innoAi_speech_in{margin:8px auto 0;}
.innoAi_speech .innoAi_speech_in > dl.speech1{margin: 0 0 10px;}
.innoAi_speech .innoAi_speech_in > dl.speech2{}
.innoAi_speech .innoAi_speech_in > dl > dt{padding:8px 20px;}
.innoAi_speech .innoAi_speech_in > dl > dd{padding: 15px;}
.innoAi_speech .innoAi_speech_in > dl > dd dl{}
.innoAi_speech .innoAi_speech_in > dl > dd dl dt{padding: 6px 10px;}
.innoAi_speech .innoAi_speech_in > dl.speech1 > dd:after{width:50px; height:80px; margin-right: -25px; bottom: -30px;}
/**** E:: Data & AI  > Inno. AI ****/


/**** S:: Data & AI  > Azure OpenAI(AOAI) ¼­ºñ½º ****/
.aoai_onm{}
	.aoai_onm_in{gap:70px;}
	.aoai_onm_in article{width: 100%;}
	.aoai_onm_in article:after{width:40px; height:40px; right:50%; margin-right: -20px; top:auto; margin-top:0; bottom: -50px;}
	.aoai_onm_in article dl{padding: 50px 0 0;}
	.aoai_onm_in article dl dt{width: 100px; height: 100px; margin-left: -50px;}
	.aoai_onm_in article dl dt:before{width: calc(100% + 10px); height: calc(100% + 10px);}
	.aoai_onm_in article dl dd{padding: 70px 15px 15px;} 
	.aoai_onm_in article ul{padding: 10px 0 0;}
/**** E:: Data & AI  > Azure OpenAI(AOAI) ¼­ºñ½º ****/




/**** S:: Data & AI  > Databricks on Azure ****/
.databricks_on_azure_box{padding:15px;}
.databricks_on_azure_box .fs22{}
.databricks_on_azure_box .fs18{padding: 0 10px 0 5px;}
.databricks_on_azure_box .number{font-size:1.667rem;}
.databricks_on_azure .dia_wrap .border_box{padding: 15px;}


.databricks_stage .process_style li img{margin:0 auto 5px;}

.databricks_company{gap:10px;}
.databricks_company dl{width: calc((100% - 10px)/2); order:2;}
.databricks_company dl dt{padding: 8px; border-radius:15px;}
.databricks_company dl:nth-child(1) dt{background:var(--sub1);}
.databricks_company dl:nth-child(2) dt{background:var(--sub2);}
.databricks_company dl:nth-child(3) dt{background:var(--sub2);}
.databricks_company dl:nth-child(4) dt{background:var(--sub1);}
.databricks_company dl:nth-child(5) dt{background:var(--sub1);}
.databricks_company dl:nth-child(6) dt{background:var(--sub1);}
.databricks_company dl:nth-child(7) dt{background:var(--sub2);}
.databricks_company dl:nth-child(8) dt{background:var(--sub2);}
.databricks_company dl:nth-child(9) dt{background:var(--sub1);}
.databricks_company dl dd{padding:10px;}
.databricks_company dl.databricks_logo{order:1; width: 100%;}
.databricks_company dl.databricks_logo dd{padding: 0 0 20px;}
.databricks_company dl.databricks_logo dd img{max-width:150px;}

/**** E:: Data & AI  > Databricks on Azure ****/





/**** S:: Ŭ¶ó¿ìµå º¸¾È > º¸¾È Áø´Ü ¼­ºñ½º ****/

	.basic_style{gap:10px; margin: 0; flex-wrap:wrap;}
	.basic_style dl{width:100%; border-radius:50px 50px var(--borderR30) var(--borderR30);}
	.basic_style dl dt{top:0;}
	.basic_style dl dt .fs16{padding: 2px 0 0;}
	.basic_style dl dd{padding:15px 20px; margin-top: 0;}
	.basic_style dl dd .fs18{padding:0 0 4px;}


.diagnostic_process{}
.diagnostic_process_in .box{padding: 25px 5px 15px;}
.diagnostic_process_in .box:after{bottom: -20px; width: 30px; height: 30px; margin-left: -15px;	}
.diagnostic_process_in .box ul{gap:5px;}
.diagnostic_process_in .box:nth-child(1) ul{width: 100%;}
.diagnostic_process_in .box:nth-child(3) ul{width: 100%;}
.diagnostic_process_in .box ul li{padding: 20px 5px 10px;}
.diagnostic_process_in .box ul li:after{width: 30px; height: 30px; right: -20px; margin-top: -15px;}
.diagnostic_process_in .box ul li .num_txt{top:-15px; margin-left: -15px;}
.diagnostic_process_in .box ul li img{width: 45px; height: auto;}
.diagnostic_process_in .box > .fs18{padding:8px 0 0;}


.diagnostic_area{}
.diagnostic_area ul{gap:5px;}
.diagnostic_area ul li{width:calc((100% - 5px)/2); padding:8px 12px 12px;}
.diagnostic_area ul li img{width:50px; height: auto;}
/**** E:: Ŭ¶ó¿ìµå º¸¾È > º¸¾È Áø´Ü ¼­ºñ½º ****/


/**** S:: Ŭ¶ó¿ìµå º¸¾È  > º¸¾È ¼Ö·ç¼Ç µµÀÔ ¼­ºñ½º ****/

.pna_list{gap:10px;} 
.pna_list dl{width:100%;}
.pna_list dl:before{height: calc(100% - 25px);}
.pna_list dl dt{padding:12px 15px 10px;}
.pna_list dl dd{padding:15px 15px 20px;}
.pna_list dl dd h5{padding: 10px 0 3px;}

.solution_cw{}
.solution_cw .check_list.two{padding: 15px; }
.solution_cw .check_list.two li{padding-right: 20px;}
.solution_workshop {padding:10px 0 0; gap:10px;}
.solution_workshop > dl{width: 100%;}
.solution_workshop > dl:before{height: calc(100% - 25px);}
.solution_workshop > dl > dt{padding:6px 15px;}
.solution_workshop > dl > dt img{width: auto; height: 30px;}
.solution_workshop > dl > dd .box{padding:15px 20px;}

.solution_poc{}
.solution_poc .process_list li{padding: 30px 20px 30px;}
.solution_poc .process_list li .num_txt{left: 20px;}
.solution_poc .process_list li img{width: auto; height: 40px; margin: 0 0 8px;}
.solution_poc .process_list li .fs22{padding: 0 0 8px;}


.step_style{gap:20px;}
.step_style > dl{width: 100%;}
.step_style > dl:after{width: 34px; height: 34px; right:auto; left:50%; top:auto; bottom: -20px; margin-left: -17px; transform:rotate(90deg); margin-top: 0;}
.step_style > dl:nth-child(2n):after{display: block;}
.step_style > dl > dt .fs20{width: calc(100% - 30px);}
.step_style > dl > dd{padding: 15px 15px 20px;}
.step_style > dl > dd > dl{padding: 0 0 10px;}
.step_style > dl > dd > dl dt{padding:8px;}
.step_style > dl > dd > dl dd{padding: 6px 0 0 ;}


.copilot_cont .step_style > dl:before{display: none !important;}

.step_style.five > dl{width: 100%;}
.step_style.three > dl{width: 100%;}
.step_style.three > dl:nth-child(3n):after{display: block;}
.step_style.three > dl:nth-child(2n):after{display: block;}
/**** E:: Ŭ¶ó¿ìµå º¸¾È  > º¸¾È ¼Ö·ç¼Ç µµÀÔ ¼­ºñ½º ****/



/**** S:: º¯È­°ü¸®/Çù¾÷ > M365+ÆÀÁî µµÀÔ/¿î¿µ ¼­ºñ½º ****/
.m365_product{gap:30px;}
.m365_product li{margin: 40px 0 0; width:100%; padding:55px 20px 40px;}
.m365_product li img{width: 80px; height:80px; top:-40px; margin-left:-40px;}
.m365_product li .fs16 strong{padding: 0 0 5px;}
.m365_product li .more_btn{bottom: -20px;}
.m365_cooperation{gap:10px;}
.m365_cooperation li{padding: 20px; width: 100%;}
.m365_cooperation li img{max-width:50%; height: auto; margin: 0 auto 10px;}
.m365_cooperation li .btn_area{padding:10px 0 0;}
/**** E:: º¯È­°ü¸®/Çù¾÷ > M365+ÆÀÁî µµÀÔ/¿î¿µ ¼­ºñ½º ****/

/**** S:: º¯È­°ü¸®/Çù¾÷ > Copilot ±³À°/µµÀÔ ¼­ºñ½º ****/
.copilot_experience{gap:10px;}
	.copilot_experience_banner{padding:40px 20px; height: 400px;}
	.copilot_experience_banner img{width: 60px; height: auto; margin: 0 auto 10px;}
	.copilot_experience_banner .fs18{padding:6px 0 0;}
	.copilot_experience_program ul{flex-direction: column;}
	.copilot_experience_program ul li{padding:35px 20px; border-right: 0; border-bottom: 1px solid var(--border);}
	.copilot_experience_program ul li img{margin: 0 auto 12px;}
	

	.copilot_project{}
	.copilot_project .copilot_potential{margin: 0 0 10px; padding:15px; display: block; text-align:center;}
	.copilot_project .copilot_potential .check_list {justify-content: center; margin: 5px 0 0;}
	.copilot_project .copilot_potential .check_list li{margin:0 15px 0 0;}
	.copilot_project .copilot_potential .check_list li:last-child{margin:0px;}
	.copilot_project .step_style > dl > dd{padding: 15px 15px 20px;}
	.copilot_project .step_style > dl > dd img{margin: 6px auto;}
	
		.copilot_coaching{gap:10px;}
	.copilot_coaching dl{width:100%;}
	.copilot_coaching dl dt{padding:8px 15px 6px;}
	.copilot_coaching dl dd.middle{padding: 15px 15px 20px; min-height:auto;}
	.copilot_coaching dl dd.middle:before{height: calc(100% + 20px); top:-20px;}
	.copilot_coaching dl dd.middle img{width: auto; height: 50px; margin: 0 auto 15px;}
	.copilot_coaching dl dd.middle h5{padding: 4px;}
	.copilot_coaching dl dd.middle h6{padding:10px 0 0;} 
	.copilot_coaching dl dd.middle p{padding: 3px 0 0;}
	.copilot_coaching dl dd.bottom{margin: 5px 0 0; padding: 10px 40px;}
	.copilot_coaching dl dd.bottom:before{left:10px; margin-top: -10px; width: 20px; height: 20px;}
	.copilot_coaching dl dd.bottom:after{right:10px; margin-top: -10px; width: 20px; height: 20px;}
	
	.copilot_ba{}
	.copilot_ba .copilot_ba_list{gap:10px;}
	.copilot_ba .copilot_ba_list dl{width: 100%;}
	.copilot_ba .copilot_ba_list dl:before{height: calc(100% - 20px);}
	.copilot_ba .copilot_ba_list dl dt{padding:8px 15px;}
	.copilot_ba .copilot_ba_list dl dd{padding:15px;}
	.copilot_ba .copilot_ba_list dl dd .fs18{padding:5px 15px;}
	
	.copilot_ba ul{margin: 10px 0 0; gap:10px; padding:20px;}
	.copilot_ba ul li{width: calc((100% - 20px)/3);}
	.copilot_ba ul li img{width: auto; height: 40px; margin:0 auto 10px;}
/**** E:: º¯È­°ü¸®/Çù¾÷ > Copilot ±³À°/µµÀÔ ¼­ºñ½º ****/


/**** S:: º¯È­°ü¸®/Çù¾÷ > One Managed Service ****/
.service_content .process_style li{padding-bottom: 15px;}
.service_content .process_style li img{width: auto; height: 40px;}
	.service_content_list{}
	.service_content_list dl{width: 100%; padding:15px;}
	.service_content_list dl dt{width:60px;}
	.service_content_list dl dd{width: calc(100% - 60px);}
	.service_content_list dl.logo{display: none;}

	.service_uts{gap:5px;}
	.service_uts li{width: calc((100% - 5px)/2);}
 



.service_overview{}
	.service_overview_in{gap:10px;}
	.service_overview_in dl{width: 100%;}
	.service_overview_in dl dt{padding:8px 15px;}
	.service_overview_in dl dt .fs22{}
	.service_overview_in dl dt .fs16{padding: 1px 0 0;}
	.service_overview_in dl dd{padding: 15px;}
	.service_overview_in dl dd h5{padding:8px 15px; margin: 10px 0;}
	.service_overview_tit{margin: 30px 0 0; padding:8px 20px;}
	.service_overview_tit:before{width: 200px; height: 55px; top:-50px; margin-left: -100px;}



	.service_level_table{border-top:2px solid var(--main_dark); width:768px;}
	.service_level_table th{padding:8px;}
	.service_level_table td{padding:6px 10px;}
	.service_level_table .gray td{padding:15px 10px;}
	.service_level_table .etc td{padding: 6px 10px;}



.service_tam_img{height: 200px;}
.service_tam_info{gap:5px; margin: 10px 0 20px;}
.service_tam_info li{width: 100%; padding: 15px;}


.service_process{padding:15px; position: relative; overflow-y: hidden; overflow-x:auto;}
.service_process .responsive-dim.show{display:block;}
.service_process .service_process_in{width: 680px;}
.service_process .dot_list{margin-top: 10px;}
.service_process_style{max-width:600px;}



/**** E:: º¯È­°ü¸®/Çù¾÷ > One Managed Service ****/




/**** S:: Ŭ¶ó¿ìµå ÀÎÇÁ¶ó > Ŭ¶ó¿ìµå ÄÁ¼³Æà ****/
.consulting_cont{}
.consulting_style{padding: 40px 0;}
.consulting_style#consulting1{padding: 60px 0 40px;}
.consulting_style#consulting3{padding: 40px 0 80px;}
.consulting_style .tit_area{width: 100%; padding:0 0 10px;}
.consulting_style .cont_area{width: 100%;}
.consulting_style .cont_area .fs20{padding:0 0 6px;}

.plan_style{margin:10px 0 0;}
.plan_style dl {flex-wrap:wrap;}
.plan_style dl dt{width: 100%; padding:8px;}
.plan_style dl dd{padding:15px; width: 100%; }
/**** E:: Ŭ¶ó¿ìµå ÀÎÇÁ¶ó > Ŭ¶ó¿ìµå ÄÁ¼³Æà ****/


/**** S:: Ŭ¶ó¿ìµå ÀÎÇÁ¶ó > Ŭ¶ó¿ìµå ¿î¿µ > ±ÝÀ¶±Ç ¾ÈÀü¼º Æò°¡ Áö¿ø ****/
.finance_style{flex-direction: column-reverse;}
.finance_style dt{width: 100%;}
.finance_style dd{width: 100%; padding: 0 0 20px;}
.finance_style dd .fs65 br{display: none;}
.finance_style dd strong{padding: 0 0 6px;}
.finance_style dd p.fs20{padding: 10px 0 0;}
.finance_style dd h5.fs20{padding: 10px 0 5px;}
/**** E:: Ŭ¶ó¿ìµå ÀÎÇÁ¶ó > Ŭ¶ó¿ìµå ¿î¿µ > ±ÝÀ¶±Ç ¾ÈÀü¼º Æò°¡ Áö¿ø ****/

/**** S:: Ŭ¶ó¿ìµå ÀÎÇÁ¶ó > ÇÏÀ̺긮µå Ŭ¶ó¿ìµå ****/
.hybrid_img .bg:after{width:240px; height:189px; margin-left: -120px;}
.hybrid_img .img{max-width:240px;} 

.hybrid_service dt{height: 250px;}
.hybrid_service dd{padding:25px 20px;}
/**** E:: Ŭ¶ó¿ìµå ÀÎÇÁ¶ó > ÇÏÀ̺긮µå Ŭ¶ó¿ìµå ****/


/**** S:: Ŭ¶ó¿ìµå ÀÎÇÁ¶ó > Ŭ¶ó¿ìµå ¸Å´ÏÁöµå ¼­ºñ½º ****/
.managed_msp{gap:10px;}
.managed_msp dl{width:calc((100% - 10px)/2);}
.managed_msp dl dd{padding:10px;}

.managed_cont{}
.managed_cont .icon_basic dl dd .dot_list.two > li{width: 100%; padding-right: 0;}

.managed_grade{}
.managed_grade dl{margin:0 0 5px; flex-wrap:wrap;}
.managed_grade dl dt{width: 100%; padding:10px; flex-direction: row;}
.managed_grade dl dt img{width: 40px; height: auto; margin:0 10px 0 0;}
.managed_grade dl dd{width: 100%; padding: 15px;}
/**** E:: Ŭ¶ó¿ìµå ÀÎÇÁ¶ó > Ŭ¶ó¿ìµå ¸Å´ÏÁöµå ¼­ºñ½º ****/



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



/**** S:: Data & AI  > Inno. AI ****/
.innoAi_service article.laon .laon_in{width: 230px; height: 550px;}
/**** S:: Data & AI  > Inno. AI ****/

}