/* #sub_page { position: relative; z-index: -1; } */

.content-visual { position: relative; /*height: 100vh;*/height:600px; color: #fff; } 
.m-compulsion-br { display: none; } 
.m-compulsion-br2 { display: none; }
.visual-img { position:absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; z-index: -1; } 
.visual-img::after { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: block; width: 101%; height: 101%; z-index: -1; animation: bg_eff 2s ease; } 
@keyframes bg_eff { 
 0% { transform: translate(-50%, -50%) scale(1.2); } 
 100% { transform: translate(-50%, -50%) scale(1); } 
 } 
@keyframes visual_txt_eff { 
 0% { transform: translateY(40px); opacity: 0; } 
 100% { transform: translateY(0px); opacity: 1; } 
 } 
.sub-10 .visual-img::after { background: url(/images/s_banner1.jpg) no-repeat center; background-size: cover; } 
.sub-20 .visual-img::after { background: url(/images/s_banner2.jpg) no-repeat center; background-size: cover; } 
.sub-30 .visual-img::after { background: url(/images/s_banner3.jpg) no-repeat center; background-size: cover; }
.sub-40 .visual-img::after { background: url(/images/s_banner4.jpg) no-repeat center; background-size: cover; } 
.sub-50 .visual-img::after { background: url(/images/s_banner5.jpg) no-repeat center; background-size: cover; } 
.content-visual h2 { font-size: clamp(40px, calc( 60 / var(--inner) * 100vw ), 60px); font-weight: 900; text-shadow: 0 0 10px #00000041; margin-bottom: clamp(20px, calc( 40 / var(--inner) * 100vw ), 40px); text-align: center; } 
.content-visual .visual-text { display: flex; justify-content: center; align-items: center; height: 100%; animation: visual_txt_eff 2s ease; } 
.content-visual .locationUl { background: #0000005e; border-radius: 50px; font-weight: 700; } 
.content-visual .locationUl > li { position: relative; height: 60px; } 
.content-visual .locationUl > li+li { width: 150px; display: flex; justify-content: space-between; align-items: center; margin-right: 20px; } 
.content-visual .locationUl > li+li::after { content: ''; width: 12px; height: 6px; background: url(/images/ico_arr_bt01.png) no-repeat center; } 
.content-visual .locationUl > li:last-child { margin-left: 40px; } 
.content-visual .locationUl .home,.content-visual .ildong-gnb-box .link-home { display: flex; justify-content: center; align-items: center; width: 60px; height: 60px; background: #0000005e; border-radius: 50%; margin-right: 20px; } 
.content-visual .locationUl .menuMore { display: none; position: absolute; top: 100%; left: -10px; width: calc(100% + 22px); } 
.content-visual .locationUl ul { background: #0000005e; width: 100%; border-radius: 20px; margin-top: 10px; padding: 10px 0; } 
.content-visual .locationUl ul a { display: block; padding: 10px; } 
/* .content-visual .ildong-gnb-box { display: none; position: absolute; bottom: 0; left: 0; width: 100%; height: 80px; background: #0000005e; justify-content: center; z-index: 100; } */
.content-visual .ildong-gnb-box { position: fixed; top: -180px; left: 0; width: 100%; height: 73px; background: var(--point); z-index: 100; } 
.content-visual .ildong-gnb-box > div { max-width: 1600px; margin: 0 auto; } 
.ildong_cont_nav .content-visual .ildong-gnb-box { top: 0; } 
.content-visual .ildong-gnb-box .depth { position: relative; width: 200px; font-weight: bold; display: block; } 
.content-visual .ildong-gnb-box .depth > span::after { content: ''; width: 12px; height: 6px; background: url(../img/common/ico-arr-bottom_outline.svg) no-repeat center; } 
.content-visual .ildong-gnb-box .depth .menuMore { position: absolute; top: 100%; left: -20px; width: 100%; background: #0000007e; display: none;border-radius: 0 0 10px 10px; width: calc(100% + 12px); } 
.content-visual .ildong-gnb-box .depth > span { line-height: 73px; height: 73px; font-size: clamp(16px, calc( 20 / var(--inner) * 100vw ), 20px); display: flex; align-items: center; justify-content: space-between; padding-right: 20px; } 
.content-visual .ildong-gnb-box .depth a { display: block; padding: 15px 20px; } 
/* .sub-ildong #container_wr { position: relative; z-index: 10; } 
.sub-ildong #anchor { position: relative; z-index: 2; } */
.m-img-box { display: none; justify-content: center; } 
.content-visual .ildong-gnb-box .link-home { display: none; } 



.cont-sect { padding: clamp(40px, calc( 100 / var(--inner) * 100vw ), 100px) 0; } 
.content-hd-text span { font-size: clamp(18px, calc( 22 / var(--inner) * 100vw ), 22px); color: var(--point); font-weight: bold; text-transform: uppercase; } 
.content-hd-text h3 { font-size: clamp(24px, calc( 38 / var(--inner) * 100vw ), 38px); font-weight: bold; margin-top: clamp(20px, calc( 30 / var(--inner) * 100vw ), 30px); } 
.cont-sect h4 { font-size: clamp(23px, calc( 28 / var(--inner) * 100vw ), 28px); font-weight: bold; } 
.cont-sect h5 { font-size: clamp(28px, calc( 36 / var(--inner) * 100vw ), 36px); font-weight: bold; } 
.cont-sect h6 { font-size: clamp(18px, calc( 26 / var(--inner) * 100vw ), 26px); font-weight: bold; } 
.cont-sect p { color: #666666; } 
.cont-sect p.color_black { color: #111111; }
/* .cont-sect p { font-size: 14px; } */
.effect01 { transform: translateY(100px); transition: 0.5s; opacity: 0; } 
.effect02 { transform: translateX(100px); transition: 0.5s; opacity: 0; } 
.effect03 { transform: translateY(-100px); transition: 0.5s; opacity: 0; } 
.effect04 { transform: translateX(-100px); transition: 0.5s; opacity: 0; } 
.ct-sect-on .effect01,.ct-sect-on .effect03,.ct-sect-on.effect01,.ct-sect-on.effect03 { transform: translateY(0px); opacity: 1; } 
.ct-sect-on .effect02,.ct-sect-on .effect04,.ct-sect-on.effect02,.ct-sect-on.effect04 { transform: translateX(0px); opacity: 1; } 
.trt-d-01 { transition-delay: 0.5s; } 
.trt-d-02 { transition-delay: 1s; } 
.trt-d-03 { transition-delay: 1.3s; } 
.trt-d-04 { transition-delay: 1.5s; } 
.trt-d-05 { transition-delay: 2s; } 
.trt-d-06 { transition-delay: 2.5s; } 
.trt-d-07 { transition-delay: 0.8s; } 
.color-point { color: var(--point); } 
.color-water { color: #0069C5; } 
.color-yellow { color: #fff8a5; }


.title h3 {font-size: clamp(18px, calc(22 / var(--inner) * 100vw), 22px);color: var(--point);font-weight: bold;text-transform: uppercase;}

.ctt_greeting #ctt_con { padding-top: 100px; } 
.ctt_greeting .content-hd-text { flex: 1; padding-left: 80px; } 
.ctt_greeting .content-hd-text span { position: relative; z-index: 5; } 
.ctt_greeting .se-01 { position: relative; } 
.ctt_greeting .se-01::before { content: ''; position: absolute; top: 50%; transform: translateY(-50%); right: 0; display: block; width: 95%; height: 450px; background: #f1f1f1; border-radius: 500px 0 0 500px; } 
.ctt_greeting .se-01::after { content: 'LKENGINEERING'; position: absolute; bottom: 0; right: 0; color: #fff; font-size: clamp(100px, calc( 220 / var(--inner) * 80vw ), 250px); font-weight: 900; line-height: 1; } 
.ctt_greeting .ceo-info { justify-content: end; text-align: right; padding-bottom: clamp(20px, calc( 40 / var(--inner) * 100vw ), 40px); font-weight: bold; } 
.ctt_greeting .ceo-info em { font-size: clamp(20px, calc( 24 / var(--inner) * 100vw ), 24px); color: #E3E3E3; } 
.ctt_greeting .ceo-info span { font-size: clamp(18px, calc( 22 / var(--inner) * 100vw ), 22px); margin-top: 5px; } 
.ctt_greeting p { margin-top: clamp(20px, calc( 40 / var(--inner) * 100vw ), 40px); width: 80%; } 
.ctt_greeting .se-01 .img-box { transform: translateY(60px); position: relative; z-index: 5; mix-blend-mode: darken; } 
.ctt_greeting .se-02 { padding-top: 20px; } 




.ctt_vision .se-01 { height: 100vh; background: url(../img/content/vision-se-01-bg.jpg)no-repeat 78%; background-size: cover; color: #fff; } 
.ctt_vision .se-01 .inner { justify-content: center; height: 100%; } 
.ctt_vision .se-01 p { font-size: clamp(16px, calc( 18 / var(--inner) * 100vw ), 18px); margin-top: 20px; color: #FDFDFD; } 
.ctt_vision .se-02 .content-hd-text { text-align: center; } 
.ctt_vision .se-02 .content-hd-text span { background: var(--point); color: #fff; width: 160px; height: 50px; margin: 0 auto; border-radius: 30px; font-weight: normal; } 
.ctt_vision .se-02 .img-box img { margin: 0 auto; } 
.ctt_vision .vision-list { position: relative; gap: 20px; } 
/* .ctt_vision .vision-list::before { content: ''; position: absolute; top: -62%; left: 50%; transform: translateX(-50%); display: block; background: url(../img/content/vision-list-top.png)no-repeat center; width: 80%; height: 20vw; z-index: -1; } */
.ctt_vision .vision-list li { width: calc((100% - 40px) / 3); aspect-ratio: auto 2 / 1.2; border-radius: 300px; background: url(../img/content/vision_01.jpg)no-repeat; background-size: cover; color: #fff; justify-content: end; align-items: center; padding-bottom: 30px; gap: 10px; } 

.ctt_vision .vision-list li:nth-child(2) { background: url(../img/content/vision_02.jpg)no-repeat; background-size: cover; } 
.ctt_vision .vision-list li:nth-child(3) { background: url(../img/content/vision_03.jpg)no-repeat; background-size: cover; } 
.ctt_vision .se-02 { position: relative; overflow: hidden; } 
.ctt_vision .se-02::after { content: 'ILDONGCARE'; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); font-size: clamp(200px, calc( 250 / var(--inner) * 80vw ), 250px); font-weight: 900; line-height: 0.7; color: #F8F8F8; z-index: -1; } 



.ctt_ci .cont-sect { overflow: hidden; } 
.ctt_ci .content-hd-text { width: 430px; } 
.ctt_ci .se-02 h3,.ctt_ci .se-03 h3 { margin: 0; } 
.ctt_ci .se-01 .img-box { width: 100%; height: 400px; background: #F8F6F4; border-radius: 30px; margin-top: 60px; padding: 20%; } 
.ctt_ci .content-hd-text p { margin-top: 30px; } 
.ctt_ci p { margin-top: 40px; font-weight: 300; } 
.ctt_ci img { mix-blend-mode: darken; } 
.ctt_ci .logo-list { flex-wrap: wrap; gap: 1px; } 
.ctt_ci .logo-list li { width: calc((100% - 2px) / 3); height: 200px; align-items: center; background: #F8F6F4; justify-content: center; } 
.ctt_ci .logo-list li:nth-child(1) { border-radius: 30px 0 0 0; } 
.ctt_ci .logo-list li:nth-child(3) { border-radius: 0 30px 0 0; } 
.ctt_ci .logo-list li:nth-child(4) { border-radius: 0 0 0 30px; } 
.ctt_ci .logo-list li:nth-child(6) { border-radius: 0 0 30px 0; } 
.ctt_ci .logo-list li span { color: #666; font-size: 18px; } 
.ctt_ci .color-list { gap: 20px; } 
.ctt_ci .color-list li { width: calc(50% - 10px); height: 200px; border-radius: 30px; background: #898989; color: #fff; padding: 40px; flex-direction: column; } 
.ctt_ci .color-list li:last-child { background:#E60122; } 
.ctt_ci .color-list strong { font-weight: bold; } 
.ctt_ci .color-list span { font-size: 14px; font-weight: 300; } 

.ctt_business2 .cont-sect { overflow: hidden; } 
.ctt_business2 .content-hd-text { width: 430px; } 
.ctt_business2 .se-02 h3,.ctt_business2 .se-03 h3 { margin: 0; } 
/*.ctt_business2 .se-01 .img-box { width: 100%; height: 400px; background: #F8F6F4; border-radius: 30px; margin-top: 60px; padding: 20%; }*/ 
.ctt_business2 .content-hd-text p { margin-top: 30px; } 
.ctt_business2 p { margin-top: 40px; font-weight: 300; } 
.ctt_business2 img { mix-blend-mode: darken; } 
.ctt_business2 .txt_tit1 { font-size:22px; font-weight:bold; margin-bottom:10px;}
.ctt_business2 .logo-center { position:relative; transform: translate(50%, -50%); left:49.5%; margin-left:-147px;/* top:50%;*/ margin-top:-200px; z-index:99; background:var(--point); width:150px; height:150px; text-align:center; padding-top:40px; border-radius:50%;}
.ctt_business2 ul .logo-center span { font-size:24px; color:#ffffff; font-weight:bold;}
.ctt_business2 .logo-list { flex-wrap: wrap; gap: 0px; } 
.ctt_business2 .logo-list li { width: calc((100% - 2px) / 2); height: 200px; align-items: left; background: #ffffff; justify-content: top; border:1px solid #999999; padding:30px 80px;} 
.ctt_business2 .logo-list li:nth-child(1) { border-radius: 30px 0 0 0; border-bottom:1px solid #dddddd; border-right:1px solid #dddddd;} 
.ctt_business2 .logo-list li:nth-child(2) { border-radius: 0 30px 0 0; border-bottom:1px solid #dddddd; border-left:0;} 
.ctt_business2 .logo-list li:nth-child(3) { border-radius: 0 0 0 30px; border-top:0; border-right:1px solid #dddddd;;} 
.ctt_business2 .logo-list li:nth-child(4) { border-radius: 0 0 30px 0; border-top:0; border-left:0;} 
.ctt_business2 .logo-list li span { color: #666; font-size: 16px; margin-left:6px;} 
.ctt_business2 .logo-list li span .dotstyle01 { width:2px; height:2px; background:#999999; display:inline-block; position:relative; left:-6px; top:-4px;}
.ctt_business2 .logo-list li dl dd { font-size:13px; color:#666666; padding-left:15px;word-break:keep-all;}
.ctt_business2 .logo-list li dl dd .dotstyle02 { width:5px; height:1px; background:#999999; display:inline-block; position:relative; left:-6px; top:-4px;}
.ctt_business2 .color-list { gap: 20px; } 
.ctt_business2 .color-list li { width: calc(50% - 10px); height: 200px; border-radius: 30px; background: #898989; color: #fff; padding: 40px; flex-direction: column; } 
.ctt_business2 .color-list li:last-child { background:#E60122; } 
.ctt_business2 .color-list strong { font-weight: bold; } 
.ctt_business2 .color-list span { font-size: 14px; font-weight: 300; }

/*.ctt_business3 .cont-sect { overflow: hidden; } 
.ctt_business3 .content-hd-text { width: 430px; } 
.ctt_business3 .se-02 h3,.ctt_business3 .se-03 h3 { margin: 0; } 
.ctt_business3 .content-hd-text p { margin-top: 30px; } 
.ctt_business3 p { margin-top: 40px; font-weight: 300; } 
.ctt_business3 img { mix-blend-mode: darken; } 
.ctt_business3 .txt_tit1 { font-size:22px; font-weight:bold; margin-bottom:10px;}
.ctt_business3 .logo-center { position:relative; transform: translate(50%, -50%); left:49.5%; margin-left:-147px; margin-top:-200px; z-index:99; background:var(--point); width:150px; height:150px; text-align:center; padding-top:40px; border-radius:50%;}
.ctt_business3 ul .logo-center span { font-size:24px; color:#ffffff; font-weight:bold;}
.ctt_business3 .logo-list { flex-wrap: wrap; gap: 0px; } 
.ctt_business3 .logo-list li { width: calc((100% - 2px) / 2); height: 200px; align-items: left; background: #ffffff; justify-content: top; border:1px solid #999999; padding:30px 80px;} 
.ctt_business3 .logo-list li:nth-child(1) { border-radius: 30px 0 0 0; border-bottom:1px solid #dddddd; border-right:1px solid #dddddd;} 
.ctt_business3 .logo-list li:nth-child(2) { border-radius: 0 30px 0 0; border-bottom:1px solid #dddddd; border-left:0;} 
.ctt_business3 .logo-list li:nth-child(3) { border-radius: 0 0 0 30px; border-top:0; border-right:1px solid #dddddd;;} 
.ctt_business3 .logo-list li:nth-child(4) { border-radius: 0 0 30px 0; border-top:0; border-left:0;} 
.ctt_business3 .logo-list li span { color: #666; font-size: 16px; margin-left:6px;} 
.ctt_business3 .logo-list li span .dotstyle01 { width:2px; height:2px; background:#999999; display:inline-block; position:relative; left:-6px; top:-4px;}
.ctt_business3 .logo-list li dl dd { font-size:13px; color:#666666; padding-left:15px;word-break:keep-all;}
.ctt_business3 .logo-list li dl dd .dotstyle02 { width:5px; height:1px; background:#999999; display:inline-block; position:relative; left:-6px; top:-4px;}
.ctt_business3 .color-list { gap: 20px; } 
.ctt_business3 .color-list li { width: calc(50% - 10px); height: 200px; border-radius: 30px; background: #898989; color: #fff; padding: 40px; flex-direction: column; } 
.ctt_business3 .color-list li:last-child { background:#E60122; } 
.ctt_business3 .color-list strong { font-weight: bold; } 
.ctt_business3 .color-list span { font-size: 14px; font-weight: 300; }*/

.ctt_history {background: url(/images/bg_logo_01.png) no-repeat center 50%;}
.ctt_history .cont-sect { overflow: hidden; } 
.ctt_history .content-hd-text { width: 430px; } 
.ctt_history .se-02 h3,.ctt_history .se-03 h3 { margin: 0; } 
.ctt_history .se-01 h3.yeartext:after { content:''; width:60%; border-bottom:1px dashed #aaaaaa; display:inline-block; position:absolute; top:86px; margin-left:30px;}
.ctt_history .se-02 h3.yeartext:after { content:''; width:60%; border-bottom:1px dashed #aaaaaa; display:inline-block; position:absolute; top:25px; margin-left:30px;}
.ctt_history .se-01 .img-box { width: 100%; height: 400px; background: #F8F6F4; border-radius: 30px; margin-top: 60px; padding: 20%; } 
.ctt_history .content-hd-text p { margin-top: 30px; } 
.ctt_history .firsthistory { margin-top:61px;}
.ctt_history p { margin-top:5px; font-weight:500; color:#333333; font-size:18px;}
.ctt_history p:before { content:''; width:2px; height:2px; background:#aaaaaa; display:block; position:relative; top:20px; left:47px;}
.ctt_history strong { font-size:24px; font-weight:bold; color:#dd4117; width:55px; height:25px; display:inline-block;}
.ctt_history img { mix-blend-mode: darken; } 
.ctt_history .logo-list { flex-wrap: wrap; gap: 1px; } 
.ctt_history .logo-list li { width: calc((100% - 2px) / 3); height: 200px; align-items: center; background: #F8F6F4; justify-content: center; } 
.ctt_history .logo-list li:nth-child(1) { border-radius: 30px 0 0 0; } 
.ctt_history .logo-list li:nth-child(3) { border-radius: 0 30px 0 0; } 
.ctt_history .logo-list li:nth-child(4) { border-radius: 0 0 0 30px; } 
.ctt_history .logo-list li:nth-child(6) { border-radius: 0 0 30px 0; } 
.ctt_history .logo-list li span { color: #666; font-size: 18px; } 
.ctt_history .color-list { gap: 20px; } 
.ctt_history .color-list li { width: calc(50% - 10px); height: 200px; border-radius: 30px; background: #898989; color: #fff; padding: 40px; flex-direction: column; } 
.ctt_history .color-list li:last-child { background:#E60122; } 
.ctt_history .color-list strong { font-weight: bold; } 
.ctt_history .color-list span { font-size: 14px; font-weight: 300; }


.ctt_philosophy .se-01 { overflow: hidden; } 
.ctt_philosophy .se-01 .content-area { margin-top: 30px; } 
#ctt .img_text_info .img-box { /*width: 650px;*/width:48%; overflow: hidden; border-radius: 0px 0 0px 0; } 
#ctt .img_text_info .img-box img { width: 100%; height: 100%; object-fit: cover; } 
.ctt_philosophy .se-01 img { height: 100%; } 
#ctt .img_text_info .info-list { /*width: 790px;*/width:48%; display: flex; flex-direction: column; justify-content: space-between; } 
#ctt .img_text_info .info-list li { flex: 1; display: flex; flex-direction: column; justify-content: center; padding: 20px 0; } 
#ctt .img_text_info .info-list li+li { border-top: 1px solid #ccc; } 
#ctt .img_text_info .info-list span { display: block; color: var(--point); font-weight: bold; } 
#ctt .img_text_info .info-list em { color: #333333; font-weight: bold; font-size: 18px; margin: 10px 0 20px; } 
#ctt .img_text_info .info-list em .tit_txt1 { background:var(--point); padding:2px 5px; color:#ffffff; font-size:16px; border-radius:4px;}
.ctt_philosophy .se-02 { background: #F8F8F8; } 
.ctt_philosophy .se-02 .content-hd-text { text-align: center; } 
.ctt_philosophy .se-02 .ico-box { width: 120px; height: 120px; } 
.ctt_philosophy .core-value-list { position: relative; z-index: 1; flex-wrap: wrap; height: 600px; padding: 40px 0; max-width: 1090px; margin: 0 auto; } 
.ctt_philosophy .core-value-list li { width: 50%; } 
.ctt_philosophy .core-value-list li > div { gap: 40px; } 
.ctt_philosophy .core-value-list li .text { width: 230px; } 
.ctt_philosophy .core-value-list li:nth-child(n+3) { display: flex; align-items: end; } 
.ctt_philosophy .core-value-list li:last-child { justify-content: end; } 
.ctt_philosophy .core-value-list li:nth-child(even) > div { justify-content: end; } 
.ctt_philosophy .core-value-list li:nth-child(odd) { text-align: right; } 
.ctt_philosophy .core-value-list li:nth-child(odd) i { order: 1; } 
.ctt_philosophy .core-value-list li em { font-weight: bold; color: #333; font-size: 18px; margin-bottom: 20px; display: block; } 
.ctt_philosophy .core-value-area { position: relative; margin-top: clamp(40px, calc( 60 / var(--inner) * 100vw ), 60px); } 
.ctt_philosophy .circle-box { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } 
.ctt_philosophy .circle-box span { display: flex; width: 240px; height: 240px; justify-content: center; align-items: center; text-align: center; background: var(--point); font-size: clamp(20px, calc( 35 / var(--inner) * 100vw ), 35px); border-radius: 50%; color: #fff; font-weight: bold; position: absolute; z-index: 1; } 
.ctt_philosophy .circle-box::after { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: block; width: 340px; height: 340px; background: #fff; border-radius: 50%; box-shadow: 0 0 20px #00000009; z-index: -1; } 
.ctt_philosophy .circle-box::before { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: block; width: 600px; height: 100%; background: url(../img/content/philosophy-circle.png)no-repeat center; animation: loopcircle 30s linear infinite; transform-origin: 50% 50%; } 

.ctt_business .business_area { /*background: #ffffff;*/ } 
.ctt_business .business_area .content-hd-text { /*text-align: center;*/ } 
.ctt_business .business_area .ico-box { width: 120px; height: 120px; } 
.ctt_business .core-value-list { position: relative; z-index: 1; flex-wrap: wrap; height: 600px; /*padding: 40px 0;*/ max-width: 1090px; margin: 0 auto; }
.ctt_business .core-value-list h5 { font-size: clamp(40px, calc(60 / var(--inner) * 100vw), 60px); font-style:italic; letter-spacing:-2px; display:inline-block; margin-left:250px; margin-top:20px;} 
.ctt_business .core-value-list li { /*width: 50%;*/ padding-bottom:5px; padding-top:5px; position:absolute} 
.ctt_business .core-value-list li > div { gap: 40px;} 
.ctt_business .core-value-list li .text { /*width: 230px;*/ width:130px; height:130px; background:#ffffff; border-radius:50%; text-align:center; display:flex;flex-direction: column;align-items: center;justify-content: center;box-shadow: 0 0 20px #00000025; border:1px dashed var(--point);} 
.ctt_business .core-value-list li:nth-child(n+1) { transform: translate(-50%, -260%); left:50%;top:50%;}
.ctt_business .core-value-list li:nth-child(n+2) { transform: translate(90%, -220%); left:50%;top:50%;}
.ctt_business .core-value-list li:nth-child(n+3) { transform: translate(170%, -110%); left:50%;top:50%;}
.ctt_business .core-value-list li:nth-child(n+4) { transform: translate(170%, 20%); left:50%;top:50%;}
.ctt_business .core-value-list li:nth-child(n+5) { transform: translate(80%, 120%); left:50%;top:50%;}
.ctt_business .core-value-list li:nth-child(n+6) { transform: translate(-60%, 160%); left:50%;top:50%;}
.ctt_business .core-value-list li:nth-child(n+7) { transform: translate(-200%, 110%); left:50%;top:50%;}
.ctt_business .core-value-list li:nth-child(n+8) { transform: translate(-270%, -10%); left:50%;top:50%;}
.ctt_business .core-value-list li:nth-child(n+9) { transform: translate(-260%, -140%); left:50%;top:50%;}
/*.ctt_business .core-value-list li:nth-child(n+3) { display: flex; align-items: end; }*/ 
.ctt_business .core-value-list li:last-child { justify-content: end; transform:} 
.ctt_business .core-value-list li:nth-child(even) > div { justify-content: end; } 
.ctt_business .core-value-list li:nth-child(odd) { text-align: right; } 
.ctt_business .core-value-list li:nth-child(odd) i { order: 1; } 
.ctt_business .core-value-list li em { font-weight: bold; color: #333; font-size: 18px; /*margin-bottom: 20px;*/ display: block; } 
.ctt_business .core-value-area { position: relative; margin-top: clamp(40px, calc( 60 / var(--inner) * 100vw ), 60px); } 
.ctt_business .circle-box { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } 
.ctt_business .circle-box span { display: flex; width: 240px; height: 240px; justify-content: center; align-items: center; text-align: center; background:#ffffff; font-size: clamp(20px, calc( 35 / var(--inner) * 100vw ), 35px); border-radius: 50%; color: #333; font-weight: bold; position: absolute; z-index: 1; } 
.ctt_business .circle-box::after { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: block; width: 340px; height: 340px; background:var(--point); border-radius: 50%; box-shadow: 0 0 20px #00000009; /*z-index: -1;*/ } 
.ctt_business .circle-box::before { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: block; width: 600px; height: 100%; background: url(/images/business_circle.png) no-repeat center; animation: loopcircle 30s linear infinite; transform-origin: 50% 50%; }


.ctt_business2 .business_area { /*background: #ffffff;*/ } 
.ctt_business2 .business_area .content-hd-text { /*text-align: center;*/ } 
.ctt_business2 .business_area .ico-box { width: 120px; height: 120px; } 
.ctt_business2 .core-value-list { position: relative; z-index: 1; flex-wrap: wrap; height: 600px; /*padding: 40px 0;*/ max-width: 1090px; margin: 0 auto; }
.ctt_business2 .core-value-list h5 { font-size: clamp(40px, calc(60 / var(--inner) * 100vw), 60px); font-style:italic; letter-spacing:-2px; display:inline-block; margin-left:250px; margin-top:20px;} 
.ctt_business2 .core-value-list li { /*width: 50%;*/ padding-bottom:5px; padding-top:5px; position:absolute} 
.ctt_business2 .core-value-list li > div { gap: 40px;} 
.ctt_business2 .core-value-list li .text { /*width: 230px;*/ width:130px; height:130px; background:#ffffff; border-radius:50%; text-align:center; display:flex;flex-direction: column;align-items: center;justify-content: center;box-shadow: 0 0 20px #00000025; border:1px dashed var(--point);} 
.ctt_business2 .core-value-list li:nth-child(n+1) { transform: translate(-50%, -260%); left:50%;top:50%;}
.ctt_business2 .core-value-list li:nth-child(n+2) { transform: translate(90%, -220%); left:50%;top:50%;}
.ctt_business2 .core-value-list li:nth-child(n+3) { transform: translate(170%, -110%); left:50%;top:50%;}
.ctt_business2 .core-value-list li:nth-child(n+4) { transform: translate(170%, 20%); left:50%;top:50%;}
.ctt_business2 .core-value-list li:nth-child(n+5) { transform: translate(80%, 120%); left:50%;top:50%;}
.ctt_business2 .core-value-list li:nth-child(n+6) { transform: translate(-60%, 160%); left:50%;top:50%;}
.ctt_business2 .core-value-list li:nth-child(n+7) { transform: translate(-200%, 110%); left:50%;top:50%;}
.ctt_business2 .core-value-list li:nth-child(n+8) { transform: translate(-270%, -10%); left:50%;top:50%;}
.ctt_business2 .core-value-list li:nth-child(n+9) { transform: translate(-260%, -140%); left:50%;top:50%;}
/*.ctt_business2 .core-value-list li:nth-child(n+3) { display: flex; align-items: end; }*/ 
.ctt_business2 .core-value-list li:last-child { justify-content: end; transform:} 
.ctt_business2 .core-value-list li:nth-child(even) > div { justify-content: end; } 
.ctt_business2 .core-value-list li:nth-child(odd) { text-align: right; } 
.ctt_business2 .core-value-list li:nth-child(odd) i { order: 1; } 
.ctt_business2 .core-value-list li em { font-weight: bold; color: #333; font-size: 18px; /*margin-bottom: 20px;*/ display: block; } 
.ctt_business2 .core-value-area { position: relative; margin-top: clamp(40px, calc( 60 / var(--inner) * 100vw ), 60px); } 
.ctt_business2 .circle-box { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } 
.ctt_business2 .circle-box span { display: flex; width: 240px; height: 240px; justify-content: center; align-items: center; text-align: center; background:#ffffff; font-size: clamp(20px, calc( 35 / var(--inner) * 100vw ), 35px); border-radius: 50%; color: #333; font-weight: bold; position: absolute; z-index: 1; } 
.ctt_business2 .circle-box::after { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: block; width: 340px; height: 340px; background:var(--point); border-radius: 50%; box-shadow: 0 0 20px #00000009; /*z-index: -1;*/ } 
.ctt_business2 .circle-box::before { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: block; width: 600px; height: 100%; background: url(/images/business_circle.png) no-repeat center; animation: loopcircle 30s linear infinite; transform-origin: 50% 50%; }

.ctt_business3 .business_area { /*background: #ffffff;*/ } 
.ctt_business3 .business_area .content-hd-text { /*text-align: center;*/ } 
.ctt_business3 .business_area .ico-box { width: 120px; height: 120px; } 
.ctt_business3 .core-value-list { position: relative; z-index: 1; flex-wrap: wrap; height: 600px; /*padding: 40px 0;*/ max-width: 1090px; margin: 0 auto; }
.ctt_business3 .core-value-list h5 { font-size: clamp(40px, calc(60 / var(--inner) * 100vw), 60px); font-style:italic; letter-spacing:-2px; display:inline-block; margin-left:250px; margin-top:20px;} 
.ctt_business3 .core-value-list li { /*width: 50%;*/ padding-bottom:5px; padding-top:5px; position:absolute} 
.ctt_business3 .core-value-list li > div { gap: 40px;} 
.ctt_business3 .core-value-list li .text { /*width: 230px;*/ width:130px; height:130px; background:#ffffff; border-radius:50%; text-align:center; display:flex;flex-direction: column;align-items: center;justify-content: center;box-shadow: 0 0 20px #00000025; border:1px dashed var(--point);} 
.ctt_business3 .core-value-list li:nth-child(n+1) { transform: translate(-50%, -260%); left:50%;top:50%;}
.ctt_business3 .core-value-list li:nth-child(n+2) { transform: translate(90%, -220%); left:50%;top:50%;}
.ctt_business3 .core-value-list li:nth-child(n+3) { transform: translate(170%, -110%); left:50%;top:50%;}
.ctt_business3 .core-value-list li:nth-child(n+4) { transform: translate(170%, 20%); left:50%;top:50%;}
.ctt_business3 .core-value-list li:nth-child(n+5) { transform: translate(80%, 120%); left:50%;top:50%;}
.ctt_business3 .core-value-list li:nth-child(n+6) { transform: translate(-60%, 160%); left:50%;top:50%;}
.ctt_business3 .core-value-list li:nth-child(n+7) { transform: translate(-200%, 110%); left:50%;top:50%;}
.ctt_business3 .core-value-list li:nth-child(n+8) { transform: translate(-270%, -10%); left:50%;top:50%;}
.ctt_business3 .core-value-list li:nth-child(n+9) { transform: translate(-260%, -140%); left:50%;top:50%;}
/*.ctt_business3 .core-value-list li:nth-child(n+3) { display: flex; align-items: end; }*/ 
.ctt_business3 .core-value-list li:last-child { justify-content: end; transform:} 
.ctt_business3 .core-value-list li:nth-child(even) > div { justify-content: end; } 
.ctt_business3 .core-value-list li:nth-child(odd) { text-align: right; } 
.ctt_business3 .core-value-list li:nth-child(odd) i { order: 1; } 
.ctt_business3 .core-value-list li em { font-weight: bold; color: #333; font-size: 18px; /*margin-bottom: 20px;*/ display: block; } 
.ctt_business3 .core-value-area { position: relative; margin-top: clamp(40px, calc( 60 / var(--inner) * 100vw ), 60px); } 
.ctt_business3 .circle-box { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } 
.ctt_business3 .circle-box span { display: flex; width: 240px; height: 240px; justify-content: center; align-items: center; text-align: center; background:#ffffff; font-size: clamp(20px, calc( 35 / var(--inner) * 100vw ), 35px); border-radius: 50%; color: #333; font-weight: bold; position: absolute; z-index: 1; } 
.ctt_business3 .circle-box::after { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: block; width: 340px; height: 340px; background:var(--point); border-radius: 50%; box-shadow: 0 0 20px #00000009; /*z-index: -1;*/ } 
.ctt_business3 .circle-box::before { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: block; width: 600px; height: 100%; background: url(/images/business_circle.png) no-repeat center; animation: loopcircle 30s linear infinite; transform-origin: 50% 50%; }

@keyframes loopcircle { 
 100% { 
 transform: translate(-50%, -50%) rotate(360deg); 
 } 
 } 


.ctt_map { } 
.ctt_map .content-area { margin-top: 30px; padding: 40px; border-radius: 30px; gap: 60px; border: 1px solid #ccc; } 
.ctt_map .map-box { width: 750px; height: 400px; border-radius:20px; overflow: hidden; } 
.ctt_map .se-01 .map-info .text { padding-bottom: 40px; } 
.ctt_map .addr { margin-top: 30px; gap: 5px; color: #333; } 
.ctt_map .btn-copy { width: 24px; height: 24px; background: url(../img/common/ico-copy.png)no-repeat center; } 
.ctt_map address { border-top: 1px solid #ccc; padding-top: 40px; } 
.ctt_map dl { display: grid; grid-template-columns: 110px auto; row-gap: 20px; } 
.ctt_map dt { font-weight: bold; color: #333; } 
.ctt_map dt span { gap:8px; } 
.ctt_map dt span::before { content: ''; display: block; width: 18px; height: 18px; background: url(/images/ico_tel.png)no-repeat center; } 
.ctt_map dt.ico02 span::before { background: url(/images/ico_fax.png)no-repeat center; } 
.ctt_map dt.ico03 span::before { background: url(/images/ico_email.png)no-repeat center; } 
.ctt_map dd { font-weight: 300; color: #666; } 

.ctt_organization {background: url(/images/bg_logo_01.png) no-repeat 70% 20%;/*animation: visual_txt_eff 6s ease;*/} 
.ctt_organization .content-area { margin-top: 30px; padding: 40px; border-radius: 30px; gap: 60px; border: 1px solid #ccc; } 
.ctt_organization .map-box { width: 750px; height: 400px; border-radius:20px; overflow: hidden; } 
.ctt_organization .se-01 .map-info .text { padding-bottom: 40px; } 
.ctt_organization .addr { margin-top: 30px; gap: 5px; color: #333; } 
.ctt_organization .btn-copy { width: 24px; height: 24px; background: url(../img/common/ico-copy.png)no-repeat center; } 
.ctt_organization address { border-top: 1px solid #ccc; padding-top: 40px; } 
.ctt_organization dl { display: grid; grid-template-columns: 110px auto; row-gap: 20px; } 
.ctt_organization dt { font-weight: bold; color: #333; } 
.ctt_organization dt span { gap:8px; } 
.ctt_organization dt span::before { content: ''; display: block; width: 18px; height: 18px; background: url(/images/ico_tel.png)no-repeat center; } 
.ctt_organization dt.ico02 span::before { background: url(/images/ico_fax.png)no-repeat center; } 
.ctt_organization dt.ico03 span::before { background: url(/images/ico_email.png)no-repeat center; } 
.ctt_organization dd { font-weight: 300; color: #666; }

.ver_pc { display:block;}
.ver_te { display:none;}
.ver_mo { display:none;}





.ctt_talent .content-area { margin-top: 30px; } 
.ctt_talent .talent-list { gap: 25px; flex-wrap: wrap; } 
#ctt .ul-list-type li { border-radius: 30px; padding: 40px; border: 1px solid #ccc; gap: 20px; transition: 0.5s; } 
.ctt_talent .talent-list li { width: calc((100% - 100px)/5); height: 420px; background: url(../img/content/talent-ico-01.svg)no-repeat bottom 40px right 40px; } 

#ctt .ul-list-type li:hover { border: 1px solid var(--point); } 
.ctt_talent .talent-list li:nth-child(2) { background: url(../img/content/talent-ico-02.svg)no-repeat bottom 40px right 40px; } 
.ctt_talent .talent-list li:nth-child(3) { background: url(../img/content/talent-ico-03.svg)no-repeat bottom 40px right 40px; } 
.ctt_talent .talent-list li:nth-child(4) { background: url(../img/content/talent-ico-04.svg)no-repeat bottom 40px right 40px; } 
.ctt_talent .talent-list li:nth-child(5) { background: url(../img/content/talent-ico-05.svg)no-repeat bottom 40px right 40px; } 
#ctt .ul-list-type li span { color: var(--point); font-weight: bold; } 
#ctt .ul-list-type li strong { color: #333; font-weight: bold; font-size: clamp(20px, calc( 24 / var(--inner) * 100vw ), 24px); }
#ctt .ul-list-type2 li span { color: var(--point); font-weight: bold; } 
#ctt .ul-list-type2 li strong { color: #333; font-weight: bold; font-size: clamp(20px, calc( 24 / var(--inner) * 100vw ), 24px); }
#ctt .ul-list-type3 li span { color: var(--point); font-weight: bold; } 
#ctt .ul-list-type3 li strong { color: #333; font-weight: bold; font-size: clamp(20px, calc( 24 / var(--inner) * 100vw ), 24px); } 
.ctt_talent .talent-list li p { } 

.ctt_business .talent-list { gap:10px; flex-wrap: wrap; }
.ctt_business .talent-list li { width: calc((100% - 30px)/4); height: 420px; background: url(../img/content/talent-ico-01.svg)no-repeat bottom 40px right 40px; }  
.ctt_business .talent-list li:nth-child(2) { background: url(../img/content/talent-ico-02.svg)no-repeat bottom 40px right 40px; } 
.ctt_business .talent-list li:nth-child(3) { background: url(../img/content/talent-ico-03.svg)no-repeat bottom 40px right 40px; } 
.ctt_business .talent-list li:nth-child(4) { background: url(../img/content/talent-ico-04.svg)no-repeat bottom 40px right 40px; } 
.ctt_business .talent-list li:nth-child(5) { background: url(../img/content/talent-ico-05.svg)no-repeat bottom 40px right 40px; }
.ctt_business .ul-list-type li { border-radius:20px !important; padding: 20px !important; border: 1px solid #ccc !important; gap:10px !important; transition: 0.5s; }
.ctt_business .ul-list-type li strong { color: #333; font-weight: bold; font-size: clamp(20px, calc( 24 / var(--inner) * 100vw ), 24px); padding:5px 0;}
.ctt_business .talent-list li p { padding-left:6px; word-break:keep-all; line-height:1.2;}
.ctt_business .talent-list li .dotstyle01 { width:2px; height:2px; background:#999999; display:inline-block; position:relative; left:-6px; top:-4px;}
.ctt_business .talent-list li dl { margin-top:-8px;}
.ctt_business .talent-list li dl dd { font-size:13px; color:#666666; padding-left:15px;word-break:keep-all;}
.ctt_business .talent-list li dl dd .dotstyle02 { width:5px; height:1px; background:#999999; display:inline-block; position:relative; left:-6px; top:-4px;}


.ctt_business .talent-list2 { gap:10px; flex-wrap: wrap; }
.ctt_business .talent-list2 li { width: calc((100% - 20px)/3); height: 440px; background: url(../img/content/talent-ico-01.svg)no-repeat bottom 40px right 40px; }  
.ctt_business .talent-list2 li:nth-child(2) { background: url(../img/content/talent-ico-02.svg)no-repeat bottom 40px right 40px; } 
.ctt_business .talent-list2 li:nth-child(3) { background: url(../img/content/talent-ico-03.svg)no-repeat bottom 40px right 40px; } 
.ctt_business .talent-list2 li:nth-child(4) { background: url(../img/content/talent-ico-04.svg)no-repeat bottom 40px right 40px; } 
.ctt_business .talent-list2 li:nth-child(5) { background: url(../img/content/talent-ico-05.svg)no-repeat bottom 40px right 40px; }
.ctt_business .ul-list-type2 li { border-radius:20px !important; padding: 20px !important; border: 1px solid #ccc !important; gap:10px !important; transition: 0.5s; }
.ctt_business .ul-list-type2 li strong { color: #333; font-weight: bold; font-size: clamp(20px, calc( 24 / var(--inner) * 100vw ), 24px); padding:5px 0;}
.ctt_business .talent-list2 li p { padding-left:6px; word-break:keep-all; line-height:1.2;}
.ctt_business .talent-list2 li .dotstyle01 { width:2px; height:2px; background:#999999; display:inline-block; position:relative; left:-6px; top:-4px;}
.ctt_business .talent-list2 li dl { margin-top:-8px;}
.ctt_business .talent-list2 li dl dd { font-size:13px; color:#666666; padding-left:15px;word-break:keep-all;}
.ctt_business .talent-list2 li dl dd .dotstyle02 { width:5px; height:1px; background:#999999; display:inline-block; position:relative; left:-6px; top:-4px;}


.ctt_business .talent-list3 { gap:10px; flex-wrap: wrap; }
.ctt_business .talent-list3 li { width: calc((100% - 20px)/3); height: 300px; background: url(../img/content/talent-ico-01.svg)no-repeat bottom 40px right 40px; }  
.ctt_business .talent-list3 li:nth-child(2) { background: url(../img/content/talent-ico-02.svg)no-repeat bottom 40px right 40px; } 
.ctt_business .talent-list3 li:nth-child(3) { background: url(../img/content/talent-ico-03.svg)no-repeat bottom 40px right 40px; } 
.ctt_business .talent-list3 li:nth-child(4) { background: url(../img/content/talent-ico-04.svg)no-repeat bottom 40px right 40px; } 
.ctt_business .talent-list3 li:nth-child(5) { background: url(../img/content/talent-ico-05.svg)no-repeat bottom 40px right 40px; }
.ctt_business .ul-list-type3 li { border-radius:20px !important; padding: 20px !important; border: 1px solid #ccc !important; gap:10px !important; transition: 0.5s; }
.ctt_business .ul-list-type3 li strong { color: #333; font-weight: bold; font-size: clamp(20px, calc( 24 / var(--inner) * 100vw ), 24px); padding:5px 0;}
.ctt_business .talent-list3 li p { padding-left:6px; word-break:keep-all; line-height:1.2;}
.ctt_business .talent-list3 li .dotstyle01 { width:2px; height:2px; background:#999999; display:inline-block; position:relative; left:-6px; top:-4px;}
.ctt_business .talent-list3 li dl { margin-top:-8px;}
.ctt_business .talent-list3 li dl dd { font-size:13px; color:#666666; padding-left:15px;word-break:keep-all;}
.ctt_business .talent-list3 li dl dd .dotstyle02 { width:5px; height:1px; background:#999999; display:inline-block; position:relative; left:-6px; top:-4px;}


.ctt_business2 .talent-list { gap:10px; flex-wrap: wrap; }
.ctt_business2 .talent-list li { width: calc((100% - 30px)/4); height: 420px; background: url(../img/content/talent-ico-01.svg)no-repeat bottom 40px right 40px; }  
.ctt_business2 .talent-list li:nth-child(2) { background: url(../img/content/talent-ico-02.svg)no-repeat bottom 40px right 40px; } 
.ctt_business2 .talent-list li:nth-child(3) { background: url(../img/content/talent-ico-03.svg)no-repeat bottom 40px right 40px; } 
.ctt_business2 .talent-list li:nth-child(4) { background: url(../img/content/talent-ico-04.svg)no-repeat bottom 40px right 40px; } 
.ctt_business2 .talent-list li:nth-child(5) { background: url(../img/content/talent-ico-05.svg)no-repeat bottom 40px right 40px; }
.ctt_business2 .ul-list-type li { border-radius:20px !important; padding: 20px !important; border: 1px solid #ccc !important; gap:10px !important; transition: 0.5s; }
.ctt_business2 .ul-list-type li strong { color: #333; font-weight: bold; font-size: clamp(20px, calc( 24 / var(--inner) * 100vw ), 24px); padding:5px 0;}
.ctt_business2 .talent-list li p { padding-left:6px; word-break:keep-all; line-height:1.2;}
.ctt_business2 .talent-list li .dotstyle01 { width:2px; height:2px; background:#999999; display:inline-block; position:relative; left:-6px; top:-4px;}
.ctt_business2 .talent-list li dl { margin-top:-8px;}
.ctt_business2 .talent-list li dl dd { font-size:13px; color:#666666; padding-left:15px;word-break:keep-all;}
.ctt_business2 .talent-list li dl dd .dotstyle02 { width:5px; height:1px; background:#999999; display:inline-block; position:relative; left:-6px; top:-4px;}


.ctt_business2 .talent-list2 { gap:10px; flex-wrap: wrap; }
.ctt_business2 .talent-list2 li { width: calc((100% - 20px)/3); height: 440px; background: url(../img/content/talent-ico-01.svg)no-repeat bottom 40px right 40px; }  
.ctt_business2 .talent-list2 li:nth-child(2) { background: url(../img/content/talent-ico-02.svg)no-repeat bottom 40px right 40px; } 
.ctt_business2 .talent-list2 li:nth-child(3) { background: url(../img/content/talent-ico-03.svg)no-repeat bottom 40px right 40px; } 
.ctt_business2 .talent-list2 li:nth-child(4) { background: url(../img/content/talent-ico-04.svg)no-repeat bottom 40px right 40px; } 
.ctt_business2 .talent-list2 li:nth-child(5) { background: url(../img/content/talent-ico-05.svg)no-repeat bottom 40px right 40px; }
.ctt_business2 .ul-list-type2 li { border-radius:20px !important; padding: 20px !important; border: 1px solid #ccc !important; gap:10px !important; transition: 0.5s; }
.ctt_business2 .ul-list-type2 li strong { color: #333; font-weight: bold; font-size: clamp(20px, calc( 24 / var(--inner) * 100vw ), 24px); padding:5px 0;}
.ctt_business2 .talent-list2 li p { padding-left:6px; word-break:keep-all; line-height:1.2;}
.ctt_business2 .talent-list2 li .dotstyle01 { width:2px; height:2px; background:#999999; display:inline-block; position:relative; left:-6px; top:-4px;}
.ctt_business2 .talent-list2 li dl { margin-top:-8px;}
.ctt_business2 .talent-list2 li dl dd { font-size:13px; color:#666666; padding-left:15px;word-break:keep-all;}
.ctt_business2 .talent-list2 li dl dd .dotstyle02 { width:5px; height:1px; background:#999999; display:inline-block; position:relative; left:-6px; top:-4px;}


.ctt_business2 .talent-list3 { gap:10px; flex-wrap: wrap; }
.ctt_business2 .talent-list3 li { width: calc((100% - 20px)/3); height: 300px; background: url(../img/content/talent-ico-01.svg)no-repeat bottom 40px right 40px; }  
.ctt_business2 .talent-list3 li:nth-child(2) { background: url(../img/content/talent-ico-02.svg)no-repeat bottom 40px right 40px; } 
.ctt_business2 .talent-list3 li:nth-child(3) { background: url(../img/content/talent-ico-03.svg)no-repeat bottom 40px right 40px; } 
.ctt_business2 .talent-list3 li:nth-child(4) { background: url(../img/content/talent-ico-04.svg)no-repeat bottom 40px right 40px; } 
.ctt_business2 .talent-list3 li:nth-child(5) { background: url(../img/content/talent-ico-05.svg)no-repeat bottom 40px right 40px; }
.ctt_business2 .ul-list-type3 li { border-radius:20px !important; padding: 20px !important; border: 1px solid #ccc !important; gap:10px !important; transition: 0.5s; }
.ctt_business2 .ul-list-type3 li strong { color: #333; font-weight: bold; font-size: clamp(20px, calc( 24 / var(--inner) * 100vw ), 24px); padding:5px 0;}
.ctt_business2 .talent-list3 li p { padding-left:6px; word-break:keep-all; line-height:1.2;}
.ctt_business2 .talent-list3 li .dotstyle01 { width:2px; height:2px; background:#999999; display:inline-block; position:relative; left:-6px; top:-4px;}
.ctt_business2 .talent-list3 li dl { margin-top:-8px;}
.ctt_business2 .talent-list3 li dl dd { font-size:13px; color:#666666; padding-left:15px;word-break:keep-all;}
.ctt_business2 .talent-list3 li dl dd .dotstyle02 { width:5px; height:1px; background:#999999; display:inline-block; position:relative; left:-6px; top:-4px;}



.ctt_business3 .talent-list { gap:10px; flex-wrap: wrap; }
.ctt_business3 .talent-list li { width: calc((100% - 30px)/4); height: 420px; background: url(../img/content/talent-ico-01.svg)no-repeat bottom 40px right 40px; }  
.ctt_business3 .talent-list li:nth-child(2) { background: url(../img/content/talent-ico-02.svg)no-repeat bottom 40px right 40px; } 
.ctt_business3 .talent-list li:nth-child(3) { background: url(../img/content/talent-ico-03.svg)no-repeat bottom 40px right 40px; } 
.ctt_business3 .talent-list li:nth-child(4) { background: url(../img/content/talent-ico-04.svg)no-repeat bottom 40px right 40px; } 
.ctt_business3 .talent-list li:nth-child(5) { background: url(../img/content/talent-ico-05.svg)no-repeat bottom 40px right 40px; }
.ctt_business3 .ul-list-type li { border-radius:20px !important; padding: 20px !important; border: 1px solid #ccc !important; gap:10px !important; transition: 0.5s; }
.ctt_business3 .ul-list-type li strong { color: #333; font-weight: bold; font-size: clamp(20px, calc( 24 / var(--inner) * 100vw ), 24px); padding:5px 0;}
.ctt_business3 .talent-list li p { padding-left:6px; word-break:keep-all; line-height:1.2;}
.ctt_business3 .talent-list li .dotstyle01 { width:2px; height:2px; background:#999999; display:inline-block; position:relative; left:-6px; top:-4px;}
.ctt_business3 .talent-list li dl { margin-top:-8px;}
.ctt_business3 .talent-list li dl dd { font-size:13px; color:#666666; padding-left:15px;word-break:keep-all;}
.ctt_business3 .talent-list li dl dd .dotstyle02 { width:5px; height:1px; background:#999999; display:inline-block; position:relative; left:-6px; top:-4px;}


.ctt_business3 .talent-list2 { gap:10px; flex-wrap: wrap; }
.ctt_business3 .talent-list2 li { width: calc((100% - 20px)/3); height: 440px; background: url(../img/content/talent-ico-01.svg)no-repeat bottom 40px right 40px; }  
.ctt_business3 .talent-list2 li:nth-child(2) { background: url(../img/content/talent-ico-02.svg)no-repeat bottom 40px right 40px; } 
.ctt_business3 .talent-list2 li:nth-child(3) { background: url(../img/content/talent-ico-03.svg)no-repeat bottom 40px right 40px; } 
.ctt_business3 .talent-list2 li:nth-child(4) { background: url(../img/content/talent-ico-04.svg)no-repeat bottom 40px right 40px; } 
.ctt_business3 .talent-list2 li:nth-child(5) { background: url(../img/content/talent-ico-05.svg)no-repeat bottom 40px right 40px; }
.ctt_business3 .ul-list-type2 li { border-radius:20px !important; padding: 20px !important; border: 1px solid #ccc !important; gap:10px !important; transition: 0.5s; }
.ctt_business3 .ul-list-type2 li strong { color: #333; font-weight: bold; font-size: clamp(20px, calc( 24 / var(--inner) * 100vw ), 24px); padding:5px 0;}
.ctt_business3 .talent-list2 li p { padding-left:6px; word-break:keep-all; line-height:1.2;}
.ctt_business3 .talent-list2 li .dotstyle01 { width:2px; height:2px; background:#999999; display:inline-block; position:relative; left:-6px; top:-4px;}
.ctt_business3 .talent-list2 li dl { margin-top:-8px;}
.ctt_business3 .talent-list2 li dl dd { font-size:13px; color:#666666; padding-left:15px;word-break:keep-all;}
.ctt_business3 .talent-list2 li dl dd .dotstyle02 { width:5px; height:1px; background:#999999; display:inline-block; position:relative; left:-6px; top:-4px;}


.ctt_business3 .talent-list3 { gap:10px; flex-wrap: wrap; }
.ctt_business3 .talent-list3 li { width: calc((100% - 20px)/3); height: 300px; background: url(../img/content/talent-ico-01.svg)no-repeat bottom 40px right 40px; }  
.ctt_business3 .talent-list3 li:nth-child(2) { background: url(../img/content/talent-ico-02.svg)no-repeat bottom 40px right 40px; } 
.ctt_business3 .talent-list3 li:nth-child(3) { background: url(../img/content/talent-ico-03.svg)no-repeat bottom 40px right 40px; } 
.ctt_business3 .talent-list3 li:nth-child(4) { background: url(../img/content/talent-ico-04.svg)no-repeat bottom 40px right 40px; } 
.ctt_business3 .talent-list3 li:nth-child(5) { background: url(../img/content/talent-ico-05.svg)no-repeat bottom 40px right 40px; }
.ctt_business3 .ul-list-type3 li { border-radius:20px !important; padding: 20px !important; border: 1px solid #ccc !important; gap:10px !important; transition: 0.5s; }
.ctt_business3 .ul-list-type3 li strong { color: #333; font-weight: bold; font-size: clamp(20px, calc( 24 / var(--inner) * 100vw ), 24px); padding:5px 0;}
.ctt_business3 .talent-list3 li p { padding-left:6px; word-break:keep-all; line-height:1.2;}
.ctt_business3 .talent-list3 li .dotstyle01 { width:2px; height:2px; background:#999999; display:inline-block; position:relative; left:-6px; top:-4px;}
.ctt_business3 .talent-list3 li dl { margin-top:-8px;}
.ctt_business3 .talent-list3 li dl dd { font-size:13px; color:#666666; padding-left:15px;word-break:keep-all;}
.ctt_business3 .talent-list3 li dl dd .dotstyle02 { width:5px; height:1px; background:#999999; display:inline-block; position:relative; left:-6px; top:-4px;}



.ctt_jobintroduction .cont-sect { overflow: hidden; } 
.ctt_jobintroduction .content-area { margin-top: 30px; } 
.ctt_jobintroduction .se-02 { background: #F8F8F8; } 


.ctt_benefits .content-area { margin-top: 30px; } 
.ctt_benefits .benefits-list { gap: 25px; flex-wrap: wrap; } 
.ctt_benefits .benefits-list li { width: calc((100% - 100px) / 5); aspect-ratio: auto 1 / 1; background: url(../img/content/benefits-ico-01.svg)no-repeat bottom 40px right 40px; } 
.ctt_benefits .benefits-list li:nth-child(2) { background: url(../img/content/benefits-ico-02.svg)no-repeat bottom 40px right 40px; } 
.ctt_benefits .benefits-list li:nth-child(3) { background: url(../img/content/benefits-ico-03.svg)no-repeat bottom 40px right 40px; } 
.ctt_benefits .benefits-list li:nth-child(4) { background: url(../img/content/benefits-ico-04.svg)no-repeat bottom 40px right 40px; } 
.ctt_benefits .benefits-list li:nth-child(5) { background: url(../img/content/benefits-ico-05.svg)no-repeat bottom 40px right 40px; } 
.ctt_benefits .benefits-list li:nth-child(6) { background: url(../img/content/benefits-ico-06.svg)no-repeat bottom 40px right 40px; } 
.ctt_benefits .benefits-list li:nth-child(7) { background: url(../img/content/benefits-ico-07.svg)no-repeat bottom 40px right 40px; } 
.ctt_benefits .benefits-list li:nth-child(8) { background: url(../img/content/benefits-ico-08.svg)no-repeat bottom 40px right 40px; } 
.ctt_benefits .benefits-list li:nth-child(9) { background: url(../img/content/benefits-ico-09.svg)no-repeat bottom 40px right 40px; } 
.ctt_benefits .benefits-list li:nth-child(10) { background: url(../img/content/benefits-ico-10.svg)no-repeat bottom 40px right 40px; } 
.ctt_benefits .benefits-list li:nth-child(11) { background: url(../img/content/benefits-ico-11.svg)no-repeat bottom 40px right 40px; } 
.ctt_benefits .benefits-list li:nth-child(12) { background: url(../img/content/benefits-ico-12.svg)no-repeat bottom 40px right 40px; } 
.ctt_benefits .benefits-list li:nth-child(13) { background: url(../img/content/benefits-ico-13.svg)no-repeat bottom 40px right 40px; } 
.ctt_benefits .benefits-list li:nth-child(14) { background: url(../img/content/benefits-ico-14.svg)no-repeat bottom 40px right 40px; } 
#ctt.ctt_benefits .benefits-list li span { color: #999999; transition: 0.3s; } 
#ctt.ctt_benefits .benefits-list li:hover span { color: var(--point); } 



.ctt_corporateculture .cont-sect { overflow: hidden; } 
.ctt_corporateculture .corporateculture-list { height: 500px; margin-top: clamp(40px, calc( 60 / var(--inner) * 100vw ), 60px); } 
.ctt_corporateculture .text-box > p { margin-top: 40px; } 
.ctt_corporateculture .img-box { height: fit-content; } 
.ctt_corporateculture .content-area { margin-top: 30px; } 
.ctt_corporateculture .content-area h3 { margin-top: 0px; } 
.ctt_corporateculture .se-02 { background: #F8F8F8; } 
.ctt_corporateculture .se-02 .text-box { width: 50%; } 




.ctt_recruitment .se-01 { overflow: hidden; } 
.ctt_recruitment .recruitment-list { position: relative; justify-content: space-between; z-index: 1; margin: clamp(40px, calc( 100 / var(--inner) * 100vw ), 100px) 0 clamp(40px, calc( 60 / var(--inner) * 100vw ), 60px); width: 50%; transition: width 1s, opacity 0.5s 0.3s; opacity: 0; } 
.ctt_recruitment .ct-sect-on .recruitment-list { width: 100%; opacity: 1; position: relative; z-index: 5; } 
.ctt_recruitment .recruitment-list::after { content: ''; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 100%; height: 100%; background: url(../img/content/recruitment-list-dot.png)no-repeat center; z-index: -1; } 
.ctt_recruitment .recruitment-list li { position: relative; width: 220px; height: 220px; justify-content: center; align-items: center; gap: 20px; font-weight: bold; margin: 15px; z-index: 1; } 
.ctt_recruitment .recruitment-list li::after { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: block; width: 250px; height: 250px; border: 1px solid #ccc; background: #fff; border-radius: 50%; z-index: -2; } 
.ctt_recruitment .recruitment-list li::before { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: block; width: 220px; height: 220px; background: #eee; border-radius: 50%; z-index: -1; } 
.ctt_recruitment .recruitment-list li:last-child em,.ctt_recruitment .recruitment-list li:last-child span { color: #fff; } 
.ctt_recruitment .recruitment-list em { color: var(--point); } 
.ctt_recruitment .recruitment-list li:last-child::before { background: var(--point); } 
.ctt_recruitment .recruitment-list span { font-size: 22px; color: #333; } 
.ctt_recruitment strong { display: block; font-size: 22px; font-weight: bold; margin-bottom: 20px; } 
.ctt_recruitment p { color: #666666; } 
.ctt_recruitment p a { font-weight: bold; } 
.ctt_recruitment .content-hd-text { position: relative; } 
.ctt_recruitment .content-hd-text::after { content: 'ILDONGCARE'; position: absolute; top: 50%; right: 0; font-size: clamp(70px, calc( 150 / var(--inner) * 100vw ), 150px); color: #F8F6F4; font-weight: 900; line-height: 1; z-index: -1; } 

/*.sub-30 { display: none; } 
.sub-ildong .sub-30 { display: block; }*/ 

#hd.brand_hd #gnb_1dul > li:nth-child(3) > a { color: var(--point); } 
.ctt_brand .se-01 { padding-top: 153px; height: 100vh; overflow: hidden; } 
.ctt_brand .brand-list { height: 100%; } 
.ctt_brand .brand-list li { width: 20%; height: 100%; background: url(../img/content/se_brand_01.png)no-repeat right center; color: #fff; transition: 0.5s; background-size: cover; } 
.ctt_brand .brand-list li+li { border-left: 2px solid #fff; } 
.ctt_brand .brand-list li:nth-child(2) { background: url(../img/content/se_brand_02.png)no-repeat right center; background-size: cover; } 
.ctt_brand .brand-list li:nth-child(3) { background: url(../img/content/se_brand_03.png)no-repeat right center; background-size: cover; } 
.ctt_brand .brand-list li:nth-child(4) { background: url(../img/content/se_brand_04.png)no-repeat right center; background-size: cover; } 
.ctt_brand .brand-list li:nth-child(5) { background: url(../img/main/se_brand_05.jpg)no-repeat right center; background-size: cover; } 
.ctt_brand .brand-list a { height: 100%; padding: 40px; background: #00000049; transition: 0.5s; display: flex; flex-direction: column; justify-content: center; } 
.ctt_brand .brand-list a:hover { background: #00000010; } 
.ctt_brand .brand-list h4 { font-size: clamp(20px, calc( 36 / var(--inner) * 100vw ), 36px); font-weight: bold; } 
.ctt_brand .brand-list span { font-size: clamp(16px, calc( 18 / var(--inner) * 100vw ), 18px); display: block; padding-top: 20px; height: 100px; } 
.ctt_brand .brand-list i { display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; border: 1.5px solid #fff; border-radius: 50%; } 
/* .ctt_brand .brand-list i { display: block; width: 40px; height: 40px; border: 1.5px solid #fff; background: url(../img/common/ico-arr2.png) no-repeat center; border-radius: 50%; } */
.ctt_brand .brand-list .hover-text { height: 0; overflow: hidden; transition: 0.5s; } 
/* .ctt_brand .brand-list a:hover .hover-text,.ctt_brand .brand-list a:hover h4 { background: #00000031; } */
/* .ctt_brand .brand-list .hover-text { height: 0; overflow: hidden; transition: 0.5s; opacity: 0; } 
.ctt_brand .brand-list a:hover .hover-text { height: 140px; opacity: 1; } */





.sub-ildong .locationUl { display: none; } 
.brand-30 { height: 100vh; } 
.brand-30 .inner { height: 100%; } 
.brand-30 .text-box { animation: visual_txt_eff 2s ease; } 
.brand-30 .text-box h3 { font-size: clamp(35px, calc( 60 / var(--inner) * 100vw ), 60px); font-weight: 900; } 
.sub-ildong .visual-text .text-box h3 { text-shadow: 0 0 10px #000000dc; } 
.brand-30 .text-box p { font-size: 18px; display: block; margin: 20px 0 clamp(30px, calc( 60 / var(--inner) * 100vw ), 60px); } 
.sub-ildong .visual-text .text-box p { text-shadow: 0 0 10px #000000dc; } 
.link-lidongmall { width: 160px; height: 50px; border-radius: 50px; background: var(--point); color: #fff; } 


.brand-30.se-01,.sub-ildong .content-visual { position: relative; } 
.brand-30.se-01::after,.sub-ildong .visual-img::after { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: block; width: 100%; height: 100%; z-index: -1; animation: bg_eff 2s ease; } 
.ctt_biovita .se-01::after { background: url(../img/content/biovita_bg.jpg)no-repeat; background-size: cover; } 
.ctt_gqlab .se-01::after { background: url(../img/content/gqlab_bg.jpg)no-repeat; background-size: cover; } 
.ctt_myni .se-01::after { background: url(../img/content/myni_bg.jpg)no-repeat; background-size: cover; } 
.ctt_firstlab .se-01::after { background: url(../img/content/firstlab_bg.jpg)no-repeat; background-size: cover; } 
.brand-30.se-01 .img-box { display: none; } 


.sub-ildong .visual-img::after { background: url(../img/content/ildong_bg.jpg)no-repeat 40%; background-size: cover; } 
.sub-ildong .brand-30 > .flex-mid { height: 100%; } 
.sub-ildong .link-list { width: 220px; } 
.sub-ildong .link-list li { padding: 20px; font-weight: bold; border-bottom: 1px solid #ffffff5b; justify-content: space-between; } 
.sub-ildong .link-list li::after { content: ''; display: block; width: 12px; height: 6px; background: url(../img/common/ico-arr-bottom_outline.svg)no-repeat; transform: rotate(-90deg); } 


.ctt_ildong .group-content-ild { justify-content: space-between; } 
.ctt_ildong .group-content-ild .anchor-box .anchor { height: 100%; } 
.ctt_ildong .group-content-ild .anchor-box .anchor-title { display: none; } 
.ctt_ildong .group-content-ild .anchor-box { position: relative; padding: clamp(40px, calc( 100 / var(--inner) * 100vw ), 100px) 0; padding-right: 20px; } 
.ctt_ildong .group-content-ild .anchor-box ul { position: sticky; top: 200px; } 
.ctt_ildong .group-content-ild .anchor-box ul::before { content: ''; position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; } 
.ctt_ildong .group-content-ild .anchor-box li { position: relative; z-index: 5; width: 250px; font-weight: bold; color: #333; background: #eee; } 
.ctt_ildong .group-content-ild .anchor-box li a { display: block; padding: 15px; } 
.ctt_ildong .group-content-ild .anchor-box li a.on { width: calc(100% + 20px); height: 100%; background: url(../img/common/ico-arr-forward.png)no-repeat center right 20px var(--point); border-radius: 0 30px 30px 0; } 
.ctt_ildong .group-content-ild .anchor-box li:nth-child(1) { border-radius: 0 15px 0 0; } 
.ctt_ildong .group-content-ild .anchor-box li:nth-child(4) { border-radius: 0 0 15px 0; } 
.ctt_ildong .group-content-ild .anchor-box .on { color: #fff; } 
.ctt_ildong .group-content-ild .content-hd-text h3 { margin-top: 0; font-weight: 900; } 
.ctt_ildong .group-content-ild .content-area { width: 1200px; } 

.ctt_business .content-area { margin-top: 30px; }
.ctt_business .group-content-ild { justify-content: space-between; } 
.ctt_business .group-content-ild .anchor-box .anchor { height: 100%; } 
.ctt_business .group-content-ild .anchor-box .anchor-title { display: none; } 
.ctt_business .group-content-ild .anchor-box { position: relative; padding: clamp(40px, calc( 100 / var(--inner) * 100vw ), 100px) 0; padding-right: 20px; } 
.ctt_business .group-content-ild .anchor-box ul { position: sticky; top: 200px; } 
.ctt_business .group-content-ild .anchor-box ul::before { content: ''; position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; } 
.ctt_business .group-content-ild .anchor-box li { position: relative; z-index: 5; width: 250px; font-weight: bold; color: #333; background: #eee; } 
.ctt_business .group-content-ild .anchor-box li a { display: block; padding: 15px; } 
.ctt_business .group-content-ild .anchor-box li a.on { width: calc(100% + 20px); height: 100%; background: url(/images/ico-arr-forward.png)no-repeat center right 20px var(--point); border-radius: 0 30px 30px 0; } 
.ctt_business .group-content-ild .anchor-box li:nth-child(1) { border-radius: 0 15px 0 0; } 
.ctt_business .group-content-ild .anchor-box li:nth-child(4) { border-radius: 0 0 15px 0; } 
.ctt_business .group-content-ild .anchor-box .on { color: #fff; } 
.ctt_business .group-content-ild .content-hd-text h3 { margin-top: 0; font-weight: bold; } 
.ctt_business .group-content-ild .content-area { width:100%; max-width:1200px;}

.ctt_business2 .content-area { margin-top: 30px; }
.ctt_business2 .group-content-ild { justify-content: space-between; } 
.ctt_business2 .group-content-ild .anchor-box .anchor { height: 100%; } 
.ctt_business2 .group-content-ild .anchor-box .anchor-title { display: none; } 
.ctt_business2 .group-content-ild .anchor-box { position: relative; padding: clamp(40px, calc( 100 / var(--inner) * 100vw ), 100px) 0; padding-right: 20px; } 
.ctt_business2 .group-content-ild .anchor-box ul { position: sticky; top: 200px; } 
.ctt_business2 .group-content-ild .anchor-box ul::before { content: ''; position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; } 
.ctt_business2 .group-content-ild .anchor-box li { position: relative; z-index: 5; width: 250px; font-weight: bold; color: #333; background: #eee; } 
.ctt_business2 .group-content-ild .anchor-box li a { display: block; padding: 15px; } 
.ctt_business2 .group-content-ild .anchor-box li a.on { width: calc(100% + 20px); height: 100%; background: url(/images/ico-arr-forward.png)no-repeat center right 20px var(--point); border-radius: 0 30px 30px 0; } 
.ctt_business2 .group-content-ild .anchor-box li:nth-child(1) { border-radius: 0 15px 0 0; } 
.ctt_business2 .group-content-ild .anchor-box li:nth-child(5) { border-radius: 0 0 15px 0; } 
.ctt_business2 .group-content-ild .anchor-box .on { color: #fff; } 
.ctt_business2 .group-content-ild .content-hd-text h3 { margin-top: 0; font-weight: bold; } 
.ctt_business2 .group-content-ild .content-area { width:100%; max-width:1200px;}

.ctt_business3 .content-area { margin-top: 30px; }
.ctt_business3 .group-content-ild { justify-content: space-between; } 
.ctt_business3 .group-content-ild .anchor-box .anchor { height: 100%; } 
.ctt_business3 .group-content-ild .anchor-box .anchor-title { display: none; } 
.ctt_business3 .group-content-ild .anchor-box { position: relative; padding: clamp(40px, calc( 100 / var(--inner) * 100vw ), 100px) 0; padding-right: 20px; } 
.ctt_business3 .group-content-ild .anchor-box ul { position: sticky; top: 200px; } 
.ctt_business3 .group-content-ild .anchor-box ul::before { content: ''; position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; } 
.ctt_business3 .group-content-ild .anchor-box li { position: relative; z-index: 5; width: 250px; font-weight: bold; color: #333; background: #eee; } 
.ctt_business3 .group-content-ild .anchor-box li a { display: block; padding: 15px; } 
.ctt_business3 .group-content-ild .anchor-box li a.on { width: calc(100% + 20px); height: 100%; background: url(/images/ico-arr-forward.png)no-repeat center right 20px var(--point); border-radius: 0 30px 30px 0; } 
.ctt_business3 .group-content-ild .anchor-box li:nth-child(1) { border-radius: 0 15px 0 0; } 
.ctt_business3 .group-content-ild .anchor-box li:nth-child(4) { border-radius: 0 0 15px 0; } 
.ctt_business3 .group-content-ild .anchor-box li:last-child { border-radius: 0 0 15px 0; }
.ctt_business3 .group-content-ild .anchor-box .on { color: #fff; } 
.ctt_business3 .group-content-ild .content-hd-text h3 { margin-top: 0; font-weight: bold; } 
.ctt_business3 .group-content-ild .content-area { width:100%; max-width:1200px;}

.anchor-info-list { display: flex; flex-direction: column; } 
.anchor-info-list > li { padding: clamp(40px, calc( 60 / var(--inner) * 100vw ), 60px) 0; } 
.anchor-info-list > li+li { border-top: 1px solid #ccc; } 

.ctt_ildong .se-01 .anchor-info-list > li .content-box,.solution-li .content-box, .business_li .content-box, .business2_li .content-box, .business3_li .content-box { padding: 80px 40px; } 
.ctt_ildong .se-01 .anchor-info-list > li:nth-child(1) .content-box { background: url(../img/content/ildong-se-01-item-01-bg.jpg)no-repeat; background-size: cover; } 
.ctt_ildong h4 { font-size: clamp(24px, calc( 38 / var(--inner) * 100vw ), 38px); margin-bottom: 40px; } 
.ctt_ildong .se-01 .anchor-info-list .water-box { padding: 25px; border-radius: 20px; background: #ffffffb6; width: 460px; font-size: 18px; font-weight: bold; line-height: 1.8; margin-bottom: clamp(40px, calc( 60 / var(--inner) * 100vw ), 60px); } 
.ctt_ildong .solution-li .content-box { background: url(../img/content/ildong-se-01-item-02-bg.jpg)no-repeat; background-size: cover; } 

.ctt_business .se-01 .anchor-info-list > li .content-box,.solution-li .content-box, .business_li .content-box { /*padding: 80px 40px;*/ padding: 80px 40px;} 
.business_li .business_box { padding: 80px 0px !important; }
.ctt_business .se-01 .anchor-info-list > li:nth-child(1) .content-box { background: url(/images/business01_img01.jpg)no-repeat; background-size: cover; } 
.ctt_business h4 { font-size: clamp(24px, calc( 38 / var(--inner) * 100vw ), 38px); margin-bottom: 40px; } 
.ctt_business .se-01 .anchor-info-list .water-box { padding: 25px; border-radius: 20px; background: #ffffffb6; width: 460px; font-size: 18px; font-weight: bold; line-height: 1.8; margin-bottom: clamp(40px, calc( 60 / var(--inner) * 100vw ), 60px); } 
.ctt_business .business_li .content-box { background: url(/images/bg_logo_01.png) no-repeat right center; background-size:contain; }

.ctt_business2 .se-01 .anchor-info-list > li .content-box,.solution-li .content-box, .business2_li .content-box { /*padding: 80px 40px;*/ padding: 80px 40px;} 
.business2_li .business2_box { padding: 80px 0px !important; }
.ctt_business2 .se-01 .anchor-info-list > li:nth-child(1) .content-box { background: url(/images/business02_img09.jpg)no-repeat; background-size: cover; } 
.ctt_business2 h4 { font-size: clamp(24px, calc( 38 / var(--inner) * 100vw ), 38px); margin-bottom: 40px; } 
.ctt_business2 .se-01 .anchor-info-list .water-box { padding: 25px; border-radius: 20px; background: #ffffffb6; width: 460px; font-size: 18px; font-weight: bold; line-height: 1.8; margin-bottom: clamp(40px, calc( 60 / var(--inner) * 100vw ), 60px); } 
.ctt_business2 .business2_li .content-box { background: url(/images/bg_logo_01.png) no-repeat right center; background-size:contain; }

.ctt_business3 .se-01 .anchor-info-list > li .content-box,.solution-li .content-box, .business3_li .content-box { /*padding: 80px 40px;*/ padding: 80px 40px;} 
.business3_li .business3_box { padding: 80px 0px !important; }
.ctt_business3 .se-01 .anchor-info-list > li:nth-child(1) .content-box { background: url(/images/business03_img01.jpg)no-repeat; background-size: cover; } 
.ctt_business3 h4 { font-size: clamp(24px, calc( 38 / var(--inner) * 100vw ), 38px); margin-bottom: 40px; } 
.ctt_business3 .se-01 .anchor-info-list .water-box { padding: 25px; border-radius: 20px; background: #ffffffb6; width: 460px; font-size: 18px; font-weight: bold; line-height: 1.8; margin-bottom: clamp(40px, calc( 60 / var(--inner) * 100vw ), 60px); } 
.ctt_business3 .business3_li .content-box { background: url(/images/bg_logo_01.png) no-repeat right center; background-size:contain; }
.ctt_business3 h4.big_tit { text-align:center; margin:30px 0 0; font-size: clamp(28px, calc( 46 / var(--inner) * 100vw ), 46px); font-weight:400; color:#555555; /*font-style:italic;*/}
.ctt_business3 h4.big_tit .color-water-bold { font-weight:bold; color:var(--point);}

.business_list { position: relative; display: flex; align-items: center; justify-content: space-between; text-align: center; flex-wrap: wrap; gap:20px;} 
.business_list::after { content: ''; position: absolute; top: 0; left: 50%; transform: translateX(-50%) translatey(0%); width: 90%; height: 100%; background: url(/images/business_list_dot.png)no-repeat center 25%; } 
.business_list::before { content: ''; position: absolute; top: 0; left: 50%; transform: translateX(-50%) translatey(52%); width: 90%; height: 100%; background: url(/images/business_list_dot.png)no-repeat center 25%; }
.business_list li { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; width:18%; aspect-ratio: auto 1 / 1; z-index: 1; } 
.business_list li::before { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: block; /*border-radius: 50%;*/border-radius:10%; width: 100%; height: 100%; border: 1px solid #0069c57c; z-index: -2; } 
.business_list li::after { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); display: block; /*border-radius: 50%;*/border-radius: 10%; width: 100%; height: 100%; background: #fff; box-shadow: 0 0 20px #00000025; z-index: -1; } 
.business_list em { font-size: clamp(14px, calc( 16 / var(--inner) * 100vw ), 16px); font-weight: bold; } 
.business_list span { font-weight: bold; font-size: clamp(15px, calc( 18 / var(--inner) * 100vw ), 18px); margin-top: 5px; margin-bottom:5px; color: #333; letter-spacing:-0.5px; } 
.business_list p { margin-top: 0px; font-size: clamp(13px, calc( 14 / var(--inner) * 100vw ), 14px); height:20px; letter-spacing:-0.7px;}

/*.business1_list { position: relative; display: flex; align-items: center; justify-content: space-between; text-align: center; flex-wrap: wrap; gap:30px;} 
.business1_list::after { content: ''; position: absolute; top: 0; left: 50%; transform: translateX(-50%) translatey(0%) rotate(90deg); width: 90%; height: 100%; background: url(/images/business_list_dot.png-)no-repeat center center; } 
.business1_list::before { content: ''; position: absolute; top: 0; left: 50%; transform: translateX(-50%) translatey(52%); width: 90%; height: 100%; background: url(/images/business_list_dot.png-)no-repeat center 25%; }
.business1_list li { position: relative; display: flex; flex-direction: row; align-items: center; justify-content: start; width:100%; aspect-ratio: auto; z-index: 1; height:80px;} 
.business1_list li::before { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: block; border-radius:40px; width: 100%; height: 100%; border: 1px solid #0069c57c; z-index: -2; } 
.business1_list li::after { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.8); display: block; border-radius:40px; width: 123%; height: 100%; background: #fff; box-shadow: 0 0 20px #00000025; z-index: -1; } 
.business1_list i { display: block; width: 32px; height: 16px; background: url(/images/ico-arr-forward2.png) no-repeat center center; mix-blend-mode: exclusion; margin-left:50%; transform: translateX(-50%) translatey(0%) rotate(90deg); opacity:0.5;}
.business1_list em { font-size: clamp(14px, calc( 16 / var(--inner) * 100vw ), 16px); font-weight: bold; width:100px;} 
.business1_list span { font-weight: bold; font-size: clamp(15px, calc( 18 / var(--inner) * 100vw ), 18px); margin-top: 5px; margin-bottom:5px; color: #333; letter-spacing:-0.5px; }
.business1_list span.nd3 { position:absolute; z-index:99; top:50%; transform: translate(0%, 105%); right:20%; background:#ffffff; border:1px dashed #999999; padding:10px 20px; border-radius:30px;} 
.business1_list span.nd3:before {content: ''; position: absolute; top: 50%; left: 0%; transform: translate(-100%, -50%); display: block; width: 100%; height: 1px; border-top: 1px dashed #999999; z-index: -2;}
.business1_list p { margin-top: 0px; font-size: clamp(13px, calc( 14 / var(--inner) * 100vw ), 14px); height:20px; letter-spacing:-0.7px;}*/

.business1_list { position: relative; display: flex; align-items: center; justify-content: center; text-align: center; flex-wrap: wrap; gap:59px; column-gap:20px;} 
/*.business1_list::after { content: ''; position:relative; top: 0; left: 0%; transform: translateX(-0%) translatey(0%); width:16px; height:16px;background: url(/images/ico-arr-forward.png) no-repeat center center;mix-blend-mode: exclusion; display:block;}*/ 
/*.business1_list::before { content: ''; position: absolute; top: 0; left: 50%; transform: translateX(-50%) translatey(52%); width: 90%; height: 100%; background: url(/images/business_list_dot.png-)no-repeat center 25%; }*/
.business1_list li { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; width:15%; aspect-ratio: auto 1 / 1; z-index: 1;} 
.business1_list li::before { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: block; /*border-radius: 50%;*/border-radius:30px; width: 100%; height: 100%; border: 1px solid #0069c57c; z-index: -2; } 
.business1_list li::after { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); display: block; /*border-radius: 50%;*/border-radius:30px; width: 100%; height: 100%; background: #fff; box-shadow: 0 0 20px #00000025; z-index: -1; } 
.business1_list i { display:block; width:16px; height: 16px; background: url(/images/ico-arr-forward.png) no-repeat center center; mix-blend-mode: exclusion; margin-top:0; margin-left:0; transform: translateX(0%) translatey(0%)/* rotate(90deg)*/; opacity:0.5; position:relative;}
.business1_list i:nth-child(10) {position:absolute; transform: translateX(-600%) translatey(50%) rotate(120deg); margin-left:100%;}
.business1_list i:nth-child(12), .business1_list i:nth-child(14), .business1_list i:nth-child(16) {transform: translateX(0%) translatey(0%) rotate(180deg);}
.business1_list em { font-size: clamp(14px, calc( 16 / var(--inner) * 100vw ), 16px); font-weight: bold; width:100px;} 
.business1_list span { font-weight: bold; font-size: clamp(15px, calc( 18 / var(--inner) * 100vw ), 18px); margin-top: 5px; margin-bottom:5px; color: #333; letter-spacing:-0.5px; }
.business1_list span.nd3 { position:absolute; z-index:9; top:50%; transform: translate(15%, 210%); left:50%; background:#ffffff; border:1px dashed #999999; padding:7px 10px; width:100%; border-radius:30px; display:block;} 
.business1_list span.nd3:before {content: ''; position: absolute; top: -100%; left: 50%; transform: translate(-50%, -100%) rotate(90deg); display: block; width:45%; height: 1px; border-top: 1px dashed #999999; z-index: -2;}
.business1_list p { margin-top: 0px; font-size: clamp(13px, calc( 14 / var(--inner) * 100vw ), 14px); height:20px; letter-spacing:-0.7px;}



.diagram-list { position: relative; display: flex; align-items: center; justify-content: space-between; text-align: center; } 
.diagram-list::after { content: ''; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 90%; height: 100%; background: url(../img/content/recruitment-list-dot.png)no-repeat center; } 
.diagram-list li { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 20%; aspect-ratio: auto 1 / 1; z-index: 1; } 
.diagram-list li::before { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: block; border-radius: 50%; width: 100%; height: 100%; border: 1px solid #0069c57c; z-index: -2; } 
.diagram-list li::after { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); display: block; border-radius: 50%; width: 100%; height: 100%; background: #fff; box-shadow: 0 0 20px #00000025; z-index: -1; } 
.diagram-list em { font-size: clamp(14px, calc( 16 / var(--inner) * 100vw ), 16px); font-weight: bold; } 
.diagram-list span { font-weight: bold; font-size: clamp(18px, calc( 24 / var(--inner) * 100vw ), 24px); margin-top: 15px; color: #333; } 
.diagram-list p { margin-top: 10px; } 

.business2_list { position: relative; display: flex; align-items: center; justify-content: space-between; text-align: center; } 
.business2_list::after { content: ''; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 90%; height: 100%; background: url(/images/business_list_dot.png)no-repeat center; } 
.business2_list li { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; width:18%; aspect-ratio: auto 1 / 1; z-index: 1; } 
.business2_list li::before { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: block; /*border-radius: 50%;*/border-radius:10%; width: 100%; height: 100%; border: 1px solid #0069c57c; z-index: -2; } 
.business2_list li::after { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); display: block; /*border-radius: 50%;*/border-radius: 10%; width: 100%; height: 100%; background: #fff; box-shadow: 0 0 20px #00000025; z-index: -1; } 
.business2_list em { font-size: clamp(14px, calc( 16 / var(--inner) * 100vw ), 16px); font-weight: bold; } 
.business2_list span { font-weight: bold; font-size: clamp(15px, calc( 18 / var(--inner) * 100vw ), 18px); margin-top: 5px; margin-bottom:5px; color: #333; } 
.business2_list p { margin-top: 0px; font-size: clamp(13px, calc( 14 / var(--inner) * 100vw ), 14px); height:20px; letter-spacing:-0.7px;}

.business3_list { position: relative; display: flex; align-items: center; justify-content: space-between; text-align: center; } 
.business3_list::after { content: ''; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 90%; height: 100%; background: url(/images/business_list_dot.png)no-repeat center; } 
.business3_list li { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; width:20%; aspect-ratio: auto 1 / 1; z-index: 1; } 
.business3_list li::before { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: block; /*border-radius: 50%;*/border-radius:10%; width: 100%; height: 100%; border: 1px solid #0069c57c; z-index: -2; } 
.business3_list li::after { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); display: block; /*border-radius: 50%;*/border-radius: 10%; width: 100%; height: 100%; background: #fff; box-shadow: 0 0 20px #00000025; z-index: -1; } 
.business3_list em { font-size: clamp(14px, calc( 16 / var(--inner) * 100vw ), 16px); font-weight: bold; } 
.business3_list span { font-weight: bold; font-size: clamp(15px, calc( 18 / var(--inner) * 100vw ), 18px); margin-top: 5px; margin-bottom:5px; color: #333; } 
.business3_list p { margin-top: 0px; font-size: clamp(13px, calc( 14 / var(--inner) * 100vw ), 14px); height:20px; letter-spacing:-0.7px;}

.business4_list { position: relative; display: flex; align-items: center; justify-content: space-between; text-align: center; } 
.business4_list::after { content: ''; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 90%; height: 100%; background: url(/images/business_list_dot.png)no-repeat center; } 
.business4_list li { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 15%; aspect-ratio: auto 1 / 1; z-index: 1; padding:20px;} 
.business4_list li::before { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: block; border-radius: 50%; width: 100%; height: 100%; border: 1px solid #0069c57c; z-index: -2; } 
.business4_list li::after { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); display: block; border-radius: 50%; width: 100%; height: 100%; background: #fff; box-shadow: 0 0 20px #00000025; z-index: -1; } 
.business4_list em { font-size: clamp(14px, calc( 16 / var(--inner) * 100vw ), 16px); font-weight: bold; } 
.business4_list span { font-weight: 500; font-size: clamp(13px, calc( 16 / var(--inner) * 100vw ), 16px); margin-top: 15px; color: #333; } 
.business4_list p { margin-top: 10px; }
.business4_list.ver2 span, .business4_list.ver2 em { color: #fff; } 
.business4_list.ver2 li:nth-child(odd)::after { background: #1a4985; } 
.business4_list.ver2 li:nth-child(even)::after { background: var(--point); }

.down_btn { display:flex;align-items: center;justify-content: space-between;text-align: center; width:420px; margin:0 auto 50px;}
.down_btn .link-down { width:200px; height: 50px; border-radius: 30px; gap: 15px; text-transform: uppercase; margin-top: clamp(15px, calc( 40 / var(--inner) * 100vw ), 40px);} 
.down_btn .link-down svg { transition: 0.5s; } 
.down_btn .link-down span { transition: 0.5s; transition-delay: 0.2s; } 
.down_btn .link-down:hover svg,.business4_list .link-down:hover span { transform: translateX(5px); }
.down_btn.scroll-on .link-down { opacity: 1; }
.down_btn .link-down.down1 path { fill: #fff; }
.down_btn .link-down.down2 path { fill: #333; }
.down_btn .link-down.down1 {background: #0080b9; color: #fff;}
.down_btn .link-down.down2 {background: none; border: 1px solid #333; color: #333; /*opacity: 0;*/ transition: 0.5s; transition-delay: 1s;}

.diagram-list { position: relative; display: flex; align-items: center; justify-content: space-between; text-align: center; } 
.diagram-list::after { content: ''; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 90%; height: 100%; background: url(../img/content/recruitment-list-dot.png)no-repeat center; } 
.diagram-list li { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 20%; aspect-ratio: auto 1 / 1; z-index: 1; } 
.diagram-list li::before { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: block; border-radius: 50%; width: 100%; height: 100%; border: 1px solid #0069c57c; z-index: -2; } 
.diagram-list li::after { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.9); display: block; border-radius: 50%; width: 100%; height: 100%; background: #fff; box-shadow: 0 0 20px #00000025; z-index: -1; } 
.diagram-list em { font-size: clamp(14px, calc( 16 / var(--inner) * 100vw ), 16px); font-weight: bold; } 
.diagram-list span { font-weight: bold; font-size: clamp(18px, calc( 24 / var(--inner) * 100vw ), 24px); margin-top: 15px; color: #333; } 
.diagram-list p { margin-top: 10px; }


.ctt_ildong .solution-li .diagram-list em { color: #0069C5; } 

.ctt_business .solution-li .business_list em { color: #0069C5; } 
.ctt_business .business_li .business_list em { color: #0069C5; }

.ctt_business .solution-li .business1_list em { color: #0069C5; } 
.ctt_business .business_li .business1_list em { color: #0069C5; }

.ctt_business2 .solution-li .business2_list em { color: #0069C5; } 
.ctt_business2 .business2_li .business2_list em { color: #0069C5; }

.ctt_business3 .solution-li .business3_list em { color: #0069C5; } 
.ctt_business3 .business3_li .business3_list em { color: #0069C5; }

.ul-list-type-01 { display: flex; flex-wrap: wrap; } 
.ul-list-type-01 > li { border-radius: 30px; border: 1px solid #ccc; padding: 40px; } 
.ul-list-type-01 h5 { font-size: clamp(24px, calc( 30 / var(--inner) * 100vw ), 30px); margin-bottom: 20px; } 
.ul-list-type-01 strong { font-weight: 500; font-size: clamp(20px, calc( 22 / var(--inner) * 100vw ), 22px); color: #333; margin-bottom: 20px; display: block; } 


.ctt_ildong .H-li .ul-list-type-01 { gap: 15px; } 
.ctt_ildong .H-li .ul-list-type-01 > li { width: calc((100% - 15px)/2); height: 340px; } 
.ctt_ildong .H-li .ul-list-type-01 > li:nth-child(1) { background: url(../img/content/ildong-ico-01.png)no-repeat bottom 20px right 20px; } 
.ctt_ildong .H-li .ul-list-type-01 > li:nth-child(2) { background: url(../img/content/ildong-ico-02.png)no-repeat bottom 20px right 20px; } 
.ctt_ildong .H-li .ul-list-type-01 > li:nth-child(3) h5 { margin: 0; } 
.ctt_ildong .H-li .ul-list-type-01 > li:nth-child(4) { background: url(../img/content/ildong-ico-03.png)no-repeat bottom 20px right 20px; } 
.ctt_ildong .H-li .ul-list-type-01 > li:nth-child(5) { background: url(../img/content/H-li-bg.jpg)no-repeat !important; width: 100%; background-size: cover!important; } 

.ctt_ildong .safety-li strong { font-weight: bold; font-size: 18px; } 
.ctt_ildong .safety-li .m-img-box { margin: 20px 0 40px; } 
.ctt_ildong .safety-li .diagram-list { margin: 30px 0 40px; } 
.ctt_ildong .diagram-list.ver2 span,.ctt_ildong .diagram-list.ver2 em { color: #fff; } 
.ctt_ildong .diagram-list.ver2 li:nth-child(odd)::after { background: #28427B; } 
.ctt_ildong .diagram-list.ver2 li:nth-child(even)::after { background: #279EBC; } 
.ctt_ildong .safety-li p { margin-top: 20px; } 

.ctt_ildong .principle-li strong { display: block; font-size: clamp(18px, calc( 24 / var(--inner) * 100vw ), 24px); margin-bottom: 40px; color: #333; } 
.ctt_ildong .principle-li .img-box { background: #FDFDFD; border: 1px solid #ccc; border-radius: 30px; display: flex; justify-content: center; align-items: center; overflow: hidden; } 

.ctt_ildong .youtube-box { position: relative; width: 100%; padding-bottom: 56.25%; } 
.ctt_ildong .youtube-box iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 30px; } 
.ctt_ildong .youtube-li .link-lidongmall { width: 215px; margin: clamp(40px, calc( 80 / var(--inner) * 100vw ), 80px) auto 0; } 


.ctt_business .H-li .ul-list-type-01 { gap: 15px; } 
.ctt_business .H-li .ul-list-type-01 > li { width: calc((100% - 15px)/2); height: 340px; } 
.ctt_business .H-li .ul-list-type-01 > li:nth-child(1) { background: url(../img/content/ildong-ico-01.png)no-repeat bottom 20px right 20px; } 
.ctt_business .H-li .ul-list-type-01 > li:nth-child(2) { background: url(../img/content/ildong-ico-02.png)no-repeat bottom 20px right 20px; } 
.ctt_business .H-li .ul-list-type-01 > li:nth-child(3) h5 { margin: 0; } 
.ctt_business .H-li .ul-list-type-01 > li:nth-child(4) { background: url(../img/content/ildong-ico-03.png)no-repeat bottom 20px right 20px; } 
.ctt_business .H-li .ul-list-type-01 > li:nth-child(5) { background: url(../img/content/H-li-bg.jpg)no-repeat !important; width: 100%; background-size: cover!important; } 

.ctt_business .safety-li strong { font-weight: bold; font-size: 18px; } 
.ctt_business .safety-li .m-img-box { margin: 20px 0 40px; } 
.ctt_business .safety-li .business_list { margin: 30px 0 40px; } 
.ctt_business .business_list.ver2 span,.ctt_business .business_list.ver2 em { color: #fff; } 
.ctt_business .business_list.ver2 li:nth-child(odd)::after { background: #28427B; } 
.ctt_business .business_list.ver2 li:nth-child(even)::after { background: #279EBC; } 
.ctt_business .safety-li p { margin-top: 20px; } 

.ctt_business .principle-li strong { display: block; font-size: clamp(16px, calc( 20 / var(--inner) * 100vw ), 20px); margin-bottom: 40px; color: #333; } 
.ctt_business .principle-li .img-box { background: #FDFDFD; border: 0px solid #ccc; border-radius: 0px; display: flex; justify-content: center; align-items: center; overflow: hidden; gap:1%; margin-bottom:1%;} 
.ctt_business .principle-li .img-box2 { background: #FDFDFD; border: 0px solid #ccc; border-radius: 0px; display: flex; justify-content: center; align-items: center; overflow: hidden; gap:1%; margin-bottom:1%;}
.ctt_business .principle-li .img-box.type01 img { width:32.58%;}
.ctt_business .principle-li .img-box.type02 img { width:24.25%;}
.ctt_business .principle-li .img-box.type03 img { width:50%;}
.ctt_business .principle-li .img-box.lefttype { justify-content: left;}
.ctt_business .principle-li .bs_txt1 { margin-top:25px;}
.ctt_business .principle-li .bs_txt1 li { font-size: clamp(14px, calc( 18 / var(--inner) * 100vw ), 18px); padding-left:10px;}
.ctt_business .principle-li .bs_txt1 li:before { content:''; width:2px; height:2px; background:#aaaaaa; display:block; position:relative; top:14px; left:-10px;}

.ctt_business .youtube-box { position: relative; width: 100%; padding-bottom: 56.25%; } 
.ctt_business .youtube-box iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 30px; } 
.ctt_business .youtube-li .link-lidongmall { width: 215px; margin: clamp(40px, calc( 80 / var(--inner) * 100vw ), 80px) auto 0; }


.ctt_business2 .H-li .ul-list-type-01 { gap: 15px; } 
.ctt_business2 .H-li .ul-list-type-01 > li { width: calc((100% - 15px)/2); height: 340px; } 
.ctt_business2 .H-li .ul-list-type-01 > li:nth-child(1) { background: url(../img/content/ildong-ico-01.png)no-repeat bottom 20px right 20px; } 
.ctt_business2 .H-li .ul-list-type-01 > li:nth-child(2) { background: url(../img/content/ildong-ico-02.png)no-repeat bottom 20px right 20px; } 
.ctt_business2 .H-li .ul-list-type-01 > li:nth-child(3) h5 { margin: 0; } 
.ctt_business2 .H-li .ul-list-type-01 > li:nth-child(4) { background: url(../img/content/ildong-ico-03.png)no-repeat bottom 20px right 20px; } 
.ctt_business2 .H-li .ul-list-type-01 > li:nth-child(5) { background: url(../img/content/H-li-bg.jpg)no-repeat !important; width: 100%; background-size: cover!important; } 

.ctt_business2 .safety-li strong { font-weight: bold; font-size: 18px; } 
.ctt_business2 .safety-li .m-img-box { margin: 20px 0 40px; } 
.ctt_business2 .safety-li .business2_list { margin: 30px 0 40px; } 
.ctt_business2 .business2_list.ver2 span,.ctt_business2 .business2_list.ver2 em { color: #fff; } 
.ctt_business2 .business2_list.ver2 li:nth-child(odd)::after { background: #28427B; } 
.ctt_business2 .business2_list.ver2 li:nth-child(even)::after { background: #279EBC; } 
.ctt_business2 .safety-li p { margin-top: 20px; } 

.ctt_business2 .principle-li strong { display: block; font-size: clamp(16px, calc( 20 / var(--inner) * 100vw ), 20px); margin-bottom: 40px; color: #333; } 
.ctt_business2 .principle-li span.purpose { font-size:18px; color:#ffffff; background:var(--point); padding:5px 10px; margin-bottom:0px; border-radius:15px 15px 0 0; display:block; text-align:center;}
.ctt_business2 .principle-li span.work { font-size:18px; margin-bottom:40px; display:block; text-align:center; background:#ececec; padding:15px 10px; border-radius:0 0 15px 15px;}
.ctt_business2 .principle-li .img-box { background: #FDFDFD; border: 0px solid #ccc; border-radius: 0px; display: flex; justify-content: center; align-items: center; overflow: hidden; gap:1%; margin-bottom:1%;} 
.ctt_business2 .principle-li .img-box2 { background: #FDFDFD; border: 0px solid #ccc; border-radius: 0px; display: flex; justify-content: center; align-items: center; overflow: hidden; gap:1%; margin-bottom:1%;}
.ctt_business2 .principle-li .img-box.type01 img { width:32.65%;}
.ctt_business2 .principle-li .img-box.type02 img { width:24.25%;}
.ctt_business2 .principle-li .img-box.type03 img { width:49%;}
.ctt_business2 .principle-li .img-box.type04 img { width:100%;}
.ctt_business2 .principle-li .img-box.type05 img { max-height:197px; height:100%; width:32.65%;}
.ctt_business2 .principle-li .img-box.type06 img { width:65%;}
.ctt_business2 .principle-li .img-box.type07 img { max-height:197px; height:100%; width:32.65%; border:1px solid #dddddd;}
.ctt_business2 .principle-li .img-box.type08 img { max-height:197px; height:100%; width:24.25%; border:1px solid #dddddd;}
.ctt_business2 .principle-li .img-box.type05 img { max-height:197px; height:100%; width:24.25%;}

.ctt_business2 .principle-li .img-box.lefttype { justify-content: left;}
.ctt_business2 .principle-li .img-box.line01 { border:1px solid #dddddd;}
.ctt_business2 .principle-li .bs_txt1 { margin-top:25px;}
.ctt_business2 .principle-li .bs_txt1 li { font-size: clamp(14px, calc( 18 / var(--inner) * 100vw ), 18px); padding-left:10px;}
.ctt_business2 .principle-li .bs_txt1 li:before { content:''; width:2px; height:2px; background:#aaaaaa; display:block; position:relative; top:14px; left:-10px;}
.ctt_business2 .principle-li .bs_txt1 .bs_txt1_tit { font-size: clamp(14px, calc( 18 / var(--inner) * 100vw ), 18px); font-weight:bold; margin:15px 0 5px;}
.ctt_business2 .principle-li .bs_txt_li { display:inline-block; margin:5px 0;}
.ctt_business2 .principle-li .bs_txt_li p.bs_txt_li_01 { display:inline-block; font-size:15px; background:#fff; color:#444; padding:3px 10px 2px; border:1px solid #aaaaaa; border-radius:30px; font-weight:500; margin:5px 0;}
.ctt_business2 .principle-li .bs_txt_box1 { border-radius: 30px; display: flex; gap:5px; margin:15px 0 20px;flex-wrap: wrap;}
.ctt_business2 .principle-li .bs_txt_box1 p {width: calc((100% - 10px)/3); height:auto; border:1px solid #dddddd; padding:10px; border-radius:15px; margin:0; line-height:1.2;}
.ctt_business2 .principle-li .bs_txt_box2 { border-radius: 30px; display: flex; gap:10px; margin:15px 0 20px;flex-wrap: wrap;}
.ctt_business2 .principle-li .bs_txt_box2 p {width: calc((100% - 10px)/2); height:auto; border:1px solid #dddddd; padding:20px 40px; border-radius:15px; margin:0; line-height:1.2; font-size:18px; font-weight:500; vertical-align:middle;}
.ctt_business2 .principle-li .bs_txt_box2 .bs_txt_box2_ico1 {background: url(/images/bs_txt_box2_ico1.png) no-repeat 0 0; width:25px; height:30px; display:inline-block; position:relative; vertical-align:-9px; margin-right:15px}
.ctt_business2 .principle-li .bs_txt_box2 .bs_txt_box2_ico2 {background: url(/images/bs_txt_box2_ico2.png) no-repeat 0 0; width:32px; height:32px; display:inline-block; position:relative; vertical-align:-9px; margin-right:15px}
.ctt_business2 .principle-li .bs_txt_box2 .bs_txt_box2_ico3 {background: url(/images/bs_txt_box2_ico3.png) no-repeat 0 0; width:31px; height:31px; display:inline-block; position:relative; vertical-align:-9px; margin-right:15px}
.ctt_business2 .principle-li .bs_txt_box2 .bs_txt_box2_ico4 {background: url(/images/bs_txt_box2_ico4.png) no-repeat 0 0; width:32px; height:32px; display:inline-block; position:relative; vertical-align:-9px; margin-right:15px}

.ctt_business2 .youtube-box { position: relative; width: 100%; padding-bottom: 56.25%; } 
.ctt_business2 .youtube-box iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 30px; } 
.ctt_business2 .youtube-li .link-lidongmall { width: 215px; margin: clamp(40px, calc( 80 / var(--inner) * 100vw ), 80px) auto 0; }

.ctt_business2 .youtube-box { position: relative; width: 100%; padding-bottom: 56.25%; } 
.ctt_business2 .youtube-box iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 30px; } 
.ctt_business2 .youtube-li .link-lidongmall { width: 215px; margin: clamp(40px, calc( 80 / var(--inner) * 100vw ), 80px) auto 0; }


.ctt_business3 .H-li .ul-list-type-01 { gap: 15px; } 
.ctt_business3 .H-li .ul-list-type-01 > li { width: calc((100% - 15px)/2); height: 340px; } 
.ctt_business3 .H-li .ul-list-type-01 > li:nth-child(1) { background: url(../img/content/ildong-ico-01.png)no-repeat bottom 20px right 20px; } 
.ctt_business3 .H-li .ul-list-type-01 > li:nth-child(2) { background: url(../img/content/ildong-ico-02.png)no-repeat bottom 20px right 20px; } 
.ctt_business3 .H-li .ul-list-type-01 > li:nth-child(3) h5 { margin: 0; } 
.ctt_business3 .H-li .ul-list-type-01 > li:nth-child(4) { background: url(../img/content/ildong-ico-03.png)no-repeat bottom 20px right 20px; } 
.ctt_business3 .H-li .ul-list-type-01 > li:nth-child(5) { background: url(../img/content/H-li-bg.jpg)no-repeat !important; width: 100%; background-size: cover!important; } 

.ctt_business3 .safety-li strong { font-weight: bold; font-size: 18px; } 
.ctt_business3 .safety-li .m-img-box { margin: 20px 0 40px; } 
.ctt_business3 .safety-li .business3_list { margin: 30px 0 40px; } 
.ctt_business3 .business3_list.ver2 span,.ctt_business3 .business3_list.ver2 em { color: #fff; } 
.ctt_business3 .business3_list.ver2 li:nth-child(odd)::after { background: #28427B; } 
.ctt_business3 .business3_list.ver2 li:nth-child(even)::after { background: #279EBC; } 
.ctt_business3 .safety-li p { margin-top: 20px; } 

.ctt_business3 .principle-li strong { display: block; font-size: clamp(16px, calc( 20 / var(--inner) * 100vw ), 20px); margin-bottom: 40px; color: #333; } 
.ctt_business3 .principle-li span.purpose { font-size:18px; color:#ffffff; background:var(--point); padding:5px 10px; margin-bottom:0px; border-radius:15px 15px 0 0; display:block; text-align:center;}
.ctt_business3 .principle-li span.work { font-size:18px; margin-bottom:40px; display:block; text-align:center; background:#ececec; padding:15px 10px; border-radius:0 0 15px 15px;}
.ctt_business3 .principle-li .img-box { background: #FDFDFD; border: 0px solid #ccc; border-radius: 0px; display: flex; justify-content: center; align-items: center; overflow: hidden; gap:1%; margin-bottom:1%;} 
.ctt_business3 .principle-li .img-box2 { background: #FDFDFD; border: 0px solid #ccc; border-radius: 0px; display: flex; justify-content: center; align-items: center; overflow: hidden; gap:1%; margin-bottom:1%;}
.ctt_business3 .principle-li .img-box.type01 img { width:32.65%;}
.ctt_business3 .principle-li .img-box.type02 img { width:24.25%;}
.ctt_business3 .principle-li .img-box.type03 img { width:49%;}
.ctt_business3 .principle-li .img-box.type04 img { width:100%;}
.ctt_business3 .principle-li .img-box.type05 img { max-height:197px; height:100%; width:32.65%;}
.ctt_business3 .principle-li .img-box.type06 img { width:65%;}
.ctt_business3 .principle-li .img-box.type07 img { max-height:197px; height:100%; width:32.65%; border:1px solid #dddddd;}
.ctt_business3 .principle-li .img-box.type08 img { max-height:197px; height:100%; width:24.25%; border:1px solid #dddddd;}
.ctt_business3 .principle-li .img-box.type05 img { max-height:197px; height:100%; width:24.25%;}

.ctt_business3 .principle-li .img-box.lefttype { justify-content: left;}
.ctt_business3 .principle-li .img-box.line01 { border:1px solid #dddddd;}
.ctt_business3 .principle-li .bs_txt1 { margin-top:25px;}
.ctt_business3 .principle-li .bs_txt1 li { font-size: clamp(14px, calc( 18 / var(--inner) * 100vw ), 18px); padding-left:10px;}
.ctt_business3 .principle-li .bs_txt1 li:before { content:''; width:2px; height:2px; background:#aaaaaa; display:block; position:relative; top:14px; left:-10px;}
.ctt_business3 .principle-li .bs_txt1 .bs_txt1_tit { font-size: clamp(14px, calc( 18 / var(--inner) * 100vw ), 18px); font-weight:bold; margin:15px 0 5px;}
.ctt_business3 .principle-li .bs_txt_li { display:inline-block; margin:5px 0;}
.ctt_business3 .principle-li .bs_txt_li p.bs_txt_li_01 { display:inline-block; font-size:15px; background:#fff; color:#444; padding:3px 10px 2px; border:1px solid #aaaaaa; border-radius:30px; font-weight:500; margin:5px 0;}
.ctt_business3 .principle-li .bs_txt_box1 { border-radius: 30px; display: flex; gap:5px; margin:15px 0 20px;flex-wrap: wrap;}
.ctt_business3 .principle-li .bs_txt_box1 p {width: calc((100% - 10px)/3); height:auto; border:1px solid #dddddd; padding:10px; border-radius:15px; margin:0; line-height:1.2;}
.ctt_business3 .principle-li .bs_txt_box2 { border-radius: 30px; display: flex; gap:10px; margin:15px 0 20px;flex-wrap: wrap;}
.ctt_business3 .principle-li .bs_txt_box2 p {width: calc((100% - 10px)/2); height:auto; border:1px solid #dddddd; padding:20px 40px; border-radius:15px; margin:0; line-height:1.2; font-size:18px; font-weight:500; vertical-align:middle;}
.ctt_business3 .principle-li .bs_txt_box2 .bs_txt_box2_ico1 {background: url(/images/bs_txt_box2_ico1.png) no-repeat 0 0; width:25px; height:30px; display:inline-block; position:relative; vertical-align:-9px; margin-right:15px}
.ctt_business3 .principle-li .bs_txt_box2 .bs_txt_box2_ico2 {background: url(/images/bs_txt_box2_ico2.png) no-repeat 0 0; width:32px; height:32px; display:inline-block; position:relative; vertical-align:-9px; margin-right:15px}
.ctt_business3 .principle-li .bs_txt_box2 .bs_txt_box2_ico3 {background: url(/images/bs_txt_box2_ico3.png) no-repeat 0 0; width:31px; height:31px; display:inline-block; position:relative; vertical-align:-9px; margin-right:15px}
.ctt_business3 .principle-li .bs_txt_box2 .bs_txt_box2_ico4 {background: url(/images/bs_txt_box2_ico4.png) no-repeat 0 0; width:32px; height:32px; display:inline-block; position:relative; vertical-align:-9px; margin-right:15px}

.ctt_business .principle-li .img-box .img_line, .ctt_business3 .principle-li .img-box .img_line { border:1px solid #dddddd;}

@media (max-width: 500px) {
	.ctt_business .principle-li .img-box.type03 img { width:49%;}
	.ctt_business .principle-li .img-box, .ctt_business2 .principle-li .img-box, .ctt_business3 .principle-li .img-box{flex-wrap: wrap;}
	.ctt_business .principle-li .img-box.type01 img, .ctt_business .principle-li .img-box.type02 img, .ctt_business2 .principle-li .img-box.type02 img, .ctt_business3 .principle-li .img-box.type02 img { width:49%; margin-top:1%;}
	.ctt_business .principle-li .img-box.type08 img, .ctt_business2 .principle-li .img-box.type08 img, .ctt_business3 .principle-li .img-box.type08 img { max-height:100%; width:49%; margin-top:1%}
}

.ul-list-type-02 { margin-top: 40px; } 
.ul-list-type-02 li { display: flex; gap: 40px; padding: 40px; border: 1px solid #ccc; border-radius: 30px; align-items: center; } 
.ul-list-type-02 li h4 { margin-bottom: 20px; font-size: clamp(18px, calc( 30 / var(--inner) * 100vw ), 30px); } 
.ul-list-type-02 li+li { margin-top: 20px; } 
.ul-list-type-02 li .text-box { flex: 1; } 

.ctt_ildong .rental-li .content-box { background: url(../img/content/rental-bg.jpg) 37%; background-size: cover; padding: clamp(40px, calc( 100 / var(--inner) * 100vw ), 100px) clamp(40px, calc( 80 / var(--inner) * 100vw ), 80px); } 
.ctt_ildong .rental-li p { font-size: 22px; color: #333333; } 
.ctt_ildong .rental-li p b { font-weight: bold; } 
.ctt_ildong .rental-li span { display: flex; align-items: center; margin: 40px 0; padding: 20px 30px; background: #ffffffb6; border-radius: 20px; width: fit-content; font-weight: bold; color: #333; } 
.ctt_ildong .rental-li span b { font-size: 22px; margin-left: 5px; } 
.ctt_ildong .rental-li strong { font-size: 22px; font-weight: 900; color: #333; } 


.ctt_business .rental-li .content-box { background: url(../img/content/rental-bg.jpg) 37%; background-size: cover; padding: clamp(40px, calc( 100 / var(--inner) * 100vw ), 100px) clamp(40px, calc( 80 / var(--inner) * 100vw ), 80px); } 
.ctt_business .rental-li p { font-size: 22px; color: #333333; } 
.ctt_business .rental-li p b { font-weight: bold; } 
.ctt_business .rental-li span { display: flex; align-items: center; margin: 40px 0; padding: 20px 30px; background: #ffffffb6; border-radius: 20px; width: fit-content; font-weight: bold; color: #333; } 
.ctt_business .rental-li span b { font-size: 22px; margin-left: 5px; } 
.ctt_business .rental-li strong { font-size: 22px; font-weight: 900; color: #333; }

.ctt_business2 .rental-li .content-box { background: url(../img/content/rental-bg.jpg) 37%; background-size: cover; padding: clamp(40px, calc( 100 / var(--inner) * 100vw ), 100px) clamp(40px, calc( 80 / var(--inner) * 100vw ), 80px); } 
.ctt_business2 .rental-li p { font-size: 22px; color: #333333; } 
.ctt_business2 .rental-li p b { font-weight: bold; } 
.ctt_business2 .rental-li span { display: flex; align-items: center; margin: 40px 0; padding: 20px 30px; background: #ffffffb6; border-radius: 20px; width: fit-content; font-weight: bold; color: #333; } 
.ctt_business2 .rental-li span b { font-size: 22px; margin-left: 5px; } 
.ctt_business2 .rental-li strong { font-size: 22px; font-weight: 900; color: #333; }

.ctt_business3 .rental-li .content-box { background: url(../img/content/rental-bg.jpg) 37%; background-size: cover; padding: clamp(40px, calc( 100 / var(--inner) * 100vw ), 100px) clamp(40px, calc( 80 / var(--inner) * 100vw ), 80px); } 
.ctt_business3 .rental-li p { font-size: 22px; color: #333333; } 
.ctt_business3 .rental-li p b { font-weight: bold; } 
.ctt_business3 .rental-li span { display: flex; align-items: center; margin: 40px 0; padding: 20px 30px; background: #ffffffb6; border-radius: 20px; width: fit-content; font-weight: bold; color: #333; } 
.ctt_business3 .rental-li span b { font-size: 22px; margin-left: 5px; } 
.ctt_business3 .rental-li strong { font-size: 22px; font-weight: 900; color: #333; }


membership-li p { color: #333; font-size: 18px; } 
.ctt_ildong .membership-li .content-box+.content-box { margin-top: clamp(40px, calc( 80 / var(--inner) * 100vw ), 80px); } 
.ctt_ildong .rent-wrap { display: flex; align-items: center; gap: 20px; height: 200px; margin-top: 30px; } 
.ctt_ildong .rent-wrap .rent-box { flex: 1; display: flex; flex-direction: column; justify-content: center; padding: 0 40px; border-radius: 30px; border: 1px solid #ccc; height: 100%; gap: 20px; } 
.ctt_ildong .rent-wrap .rent-box:last-child { text-align: center; font-size: 30px; font-weight: bold; color: #fff; background: #0069C5; } 
.ctt_ildong .rent-wrap strong { font-size: clamp(20px, calc( 30 / var(--inner) * 100vw ), 30px); font-weight: bold; } 
.ctt_ildong .rent-wrap span { font-weight: 600; font-size: 22px; color: #333; } 
.ctt_ildong .rent-wrap i { display: block; width: 16px; height: 16px; background: url(../img/common/ico-arr-forward.png)no-repeat center; mix-blend-mode: exclusion; } 
.ctt_ildong .membership-li .diagram-list span { margin: 0; } 
.ctt_ildong .membership-li .diagram-list p { color: #fff; font-size: 16px; } 
.ctt_ildong .membership-li .diagram-list+p { margin-top: 40px; font-weight: 300; color: #666; } 
.ctt_ildong .membership-li .m-img-box { margin: 20px 0 40px; } 

.ctt_ildong .care-li > p { color: #333333; } 
.ctt_ildong .care-li .content-box { margin-top: clamp(40px, calc( 80 / var(--inner) * 100vw ), 80px); } 
.ctt_ildong .care-li .ul-list-type-01 { gap: 20px; margin-top: 20px; } 
.ctt_ildong .care-li .ul-list-type-01 > li { width: calc((100% - 40px) / 3); height: 340px; } 
.ctt_ildong .care-li .care-list li:nth-child(1) { background: url(../img/content/ildong-ico-04.png)no-repeat bottom 20px right 20px; } 
.ctt_ildong .care-li .care-list li:nth-child(2) { background: url(../img/content/ildong-ico-05.png)no-repeat bottom 20px right 20px; } 
.ctt_ildong .care-li .care-list li:nth-child(3) { background: url(../img/content/ildong-ico-06.png)no-repeat bottom 20px right 20px; } 
.ctt_ildong .care-li .care-list li:nth-child(4) { background: url(../img/content/ildong-ico-07.png)no-repeat bottom 20px right 20px; } 
.ctt_ildong .care-li .care-list li:nth-child(5) { background: url(../img/content/ildong-ico-08.png)no-repeat bottom 20px right 20px; } 
.ctt_ildong .care-li .care-list li:nth-child(6) { background: url(../img/content/ildong-ico-09.png)no-repeat bottom 20px right 20px; } 
.ctt_ildong .care-li .care-list02 li:nth-child(1) { background: url(../img/content/ildong-ico-10.png)no-repeat bottom 20px right 20px; } 
.ctt_ildong .care-li .care-list02 h5 { font-size: clamp(20px, calc( 26 / var(--inner) * 100vw ), 26px); } 
.ctt_ildong .care-li .care-list02 h5 b { font-size: clamp(24px, calc( 30 / var(--inner) * 100vw ), 30px); } 
.ctt_ildong .care-li .care-list02 li:last-child { flex: 1; display: flex; flex-direction: column; justify-content: center; background: none; padding: 20px !important; } 
.ctt_ildong .care-li .care-list02 li:last-child a { font-weight: bold; } 


.ctt_business .membership-li .content-box+.content-box { margin-top: clamp(40px, calc( 80 / var(--inner) * 100vw ), 80px); } 
.ctt_business .rent-wrap { display: flex; align-items: center; gap: 20px; height: 200px; margin-top: 30px; } 
.ctt_business .rent-wrap .rent-box { flex: 1; display: flex; flex-direction: column; justify-content: center; padding: 0 40px; border-radius: 30px; border: 1px solid #ccc; height: 100%; gap: 20px; } 
.ctt_business .rent-wrap .rent-box:last-child { text-align: center; font-size: 30px; font-weight: bold; color: #fff; background: #0069C5; } 
.ctt_business .rent-wrap strong { font-size: clamp(20px, calc( 30 / var(--inner) * 100vw ), 30px); font-weight: bold; } 
.ctt_business .rent-wrap span { font-weight: 600; font-size: 22px; color: #333; } 
.ctt_business .rent-wrap i { display: block; width: 16px; height: 16px; background: url(../img/common/ico-arr-forward.png)no-repeat center; mix-blend-mode: exclusion; } 
.ctt_business .membership-li .business_list span { margin: 0; } 
.ctt_business .membership-li .business_list p { color: #fff; font-size: 16px; } 
.ctt_business .membership-li .business_list+p { margin-top: 40px; font-weight: 300; color: #666; } 
.ctt_business .membership-li .m-img-box { margin: 20px 0 40px; } 

.ctt_business .care-li > p { color: #333333; } 
.ctt_business .care-li .content-box { margin-top: clamp(40px, calc( 80 / var(--inner) * 100vw ), 80px); } 
.ctt_business .care-li .ul-list-type-01 { gap: 20px; margin-top: 20px; } 
.ctt_business .care-li .ul-list-type-01 > li { width: calc((100% - 40px) / 3); height: 340px; } 
.ctt_business .care-li .care-list li:nth-child(1) { background: url(../img/content/ildong-ico-04.png)no-repeat bottom 20px right 20px; } 
.ctt_business .care-li .care-list li:nth-child(2) { background: url(../img/content/ildong-ico-05.png)no-repeat bottom 20px right 20px; } 
.ctt_business .care-li .care-list li:nth-child(3) { background: url(../img/content/ildong-ico-06.png)no-repeat bottom 20px right 20px; } 
.ctt_business .care-li .care-list li:nth-child(4) { background: url(../img/content/ildong-ico-07.png)no-repeat bottom 20px right 20px; } 
.ctt_business .care-li .care-list li:nth-child(5) { background: url(../img/content/ildong-ico-08.png)no-repeat bottom 20px right 20px; } 
.ctt_business .care-li .care-list li:nth-child(6) { background: url(../img/content/ildong-ico-09.png)no-repeat bottom 20px right 20px; } 
.ctt_business .care-li .care-list02 li:nth-child(1) { background: url(../img/content/ildong-ico-10.png)no-repeat bottom 20px right 20px; } 
.ctt_business .care-li .care-list02 h5 { font-size: clamp(20px, calc( 26 / var(--inner) * 100vw ), 26px); } 
.ctt_business .care-li .care-list02 h5 b { font-size: clamp(24px, calc( 30 / var(--inner) * 100vw ), 30px); } 
.ctt_business .care-li .care-list02 li:last-child { flex: 1; display: flex; flex-direction: column; justify-content: center; background: none; padding: 20px !important; } 
.ctt_business .care-li .care-list02 li:last-child a { font-weight: bold; }


.ctt_business2 .undergroundsafety-li .content-box+.content-box { margin-top: clamp(40px, calc( 80 / var(--inner) * 100vw ), 80px); } 
.ctt_business2 .rent-wrap { display: flex; align-items: center; gap: 20px; height: 200px; margin-top: 30px; } 
.ctt_business2 .rent-wrap .rent-box { flex: 1; display: flex; flex-direction: column; justify-content: center; padding: 0 40px; border-radius: 30px; border: 1px solid #ccc; height: 100%; gap:0px;text-align: center;} 
.ctt_business2 .rent-wrap .rent-box:last-child { text-align: center; font-size: 30px; font-weight: bold; color: #fff; background: #0069C5; } 
.ctt_business2 .rent-wrap strong { font-size: clamp(18px, calc( 24 / var(--inner) * 100vw ), 24px); font-weight: bold; } 
.ctt_business2 .rent-wrap span { font-weight: 600; font-size: 18px; color: #333; } 
.ctt_business2 .rent-wrap .rent-box:last-child strong { font-size: clamp(18px, calc( 24 / var(--inner) * 100vw ), 24px); font-weight: bold;color: #fff; } 
.ctt_business2 .rent-wrap .rent-box:last-child span { font-weight: 600; font-size: 18px; color: #fff; }
.ctt_business2 .rent-wrap i { display: block; width: 16px; height: 16px; background: url(/images/ico-arr-forward.png) no-repeat center; mix-blend-mode: exclusion; }
.ctt_business2 .rent-wrap i.ico-plus { display: block; width: 16px; height: 16px; background: url(/images/ico-plus-forward.png) no-repeat center; mix-blend-mode: exclusion; }

.ctt_business2 .undergroundsafety-li .bs_txt1 { margin-top:25px;}
.ctt_business2 .undergroundsafety-li .bs_txt1 li { font-size: clamp(14px, calc( 18 / var(--inner) * 100vw ), 18px); padding-left:10px;}
.ctt_business2 .undergroundsafety-li .bs_txt1 li:before { content:''; width:2px; height:2px; background:#aaaaaa; display:block; position:relative; top:14px; left:-10px;}
.ctt_business2 .undergroundsafety-li .bs_txt1 .bs_txt1_tit { font-size: clamp(14px, calc( 18 / var(--inner) * 100vw ), 18px); font-weight:bold; margin:15px 0 5px;}

.ctt_business2 .undergroundsafety-li .business2_list span { margin: 0; } 
.ctt_business2 .undergroundsafety-li .business2_list p { color: #fff; font-size: 16px; } 
.ctt_business2 .undergroundsafety-li .business2_list+p { margin-top: 40px; font-weight: 300; color: #666; } 
.ctt_business2 .undergroundsafety-li .m-img-box { margin: 20px 0 40px; } 

.ctt_business2 .care-li > p { color: #333333; } 
.ctt_business2 .care-li .content-box { margin-top: clamp(40px, calc( 80 / var(--inner) * 100vw ), 80px); } 
.ctt_business2 .care-li .ul-list-type-01 { gap: 20px; margin-top: 20px; } 
.ctt_business2 .care-li .ul-list-type-01 > li { width: calc((100% - 40px) / 3); height: 340px; } 
.ctt_business2 .care-li .care-list li:nth-child(1) { background: url(../img/content/ildong-ico-04.png)no-repeat bottom 20px right 20px; } 
.ctt_business2 .care-li .care-list li:nth-child(2) { background: url(../img/content/ildong-ico-05.png)no-repeat bottom 20px right 20px; } 
.ctt_business2 .care-li .care-list li:nth-child(3) { background: url(../img/content/ildong-ico-06.png)no-repeat bottom 20px right 20px; } 
.ctt_business2 .care-li .care-list li:nth-child(4) { background: url(../img/content/ildong-ico-07.png)no-repeat bottom 20px right 20px; } 
.ctt_business2 .care-li .care-list li:nth-child(5) { background: url(../img/content/ildong-ico-08.png)no-repeat bottom 20px right 20px; } 
.ctt_business2 .care-li .care-list li:nth-child(6) { background: url(../img/content/ildong-ico-09.png)no-repeat bottom 20px right 20px; } 
.ctt_business2 .care-li .care-list02 li:nth-child(1) { background: url(../img/content/ildong-ico-10.png)no-repeat bottom 20px right 20px; } 
.ctt_business2 .care-li .care-list02 h5 { font-size: clamp(20px, calc( 26 / var(--inner) * 100vw ), 26px); } 
.ctt_business2 .care-li .care-list02 h5 b { font-size: clamp(24px, calc( 30 / var(--inner) * 100vw ), 30px); } 
.ctt_business2 .care-li .care-list02 li:last-child { flex: 1; display: flex; flex-direction: column; justify-content: center; background: none; padding: 20px !important; } 
.ctt_business2 .care-li .care-list02 li:last-child a { font-weight: bold; }

.ctt_business3 .undergroundsafety-li .content-box+.content-box { margin-top: clamp(40px, calc( 80 / var(--inner) * 100vw ), 80px); } 
.ctt_business3 .rent-wrap { display: flex; align-items: center; gap: 20px; height: 200px; margin-top: 30px; } 
.ctt_business3 .rent-wrap .rent-box { flex: 1; display: flex; flex-direction: column; justify-content: center; padding: 0 40px; border-radius: 30px; border: 1px solid #ccc; height: 100%; gap:0px;text-align: center;} 
.ctt_business3 .rent-wrap .rent-box:last-child { text-align: center; font-size: 30px; font-weight: bold; color: #fff; background: #0069C5; } 
.ctt_business3 .rent-wrap strong { font-size: clamp(18px, calc( 24 / var(--inner) * 100vw ), 24px); font-weight: bold; } 
.ctt_business3 .rent-wrap span { font-weight: 600; font-size: 18px; color: #333; } 
.ctt_business3 .rent-wrap .rent-box:last-child strong { font-size: clamp(18px, calc( 24 / var(--inner) * 100vw ), 24px); font-weight: bold;color: #fff; } 
.ctt_business3 .rent-wrap .rent-box:last-child span { font-weight: 600; font-size: 18px; color: #fff; }
.ctt_business3 .rent-wrap i { display: block; width: 16px; height: 16px; background: url(/images/ico-arr-forward.png) no-repeat center; mix-blend-mode: exclusion; }
.ctt_business3 .rent-wrap i.ico-plus { display: block; width: 16px; height: 16px; background: url(/images/ico-plus-forward.png) no-repeat center; mix-blend-mode: exclusion; }

.ctt_business3 .undergroundsafety-li .bs_txt1 { margin-top:25px;}
.ctt_business3 .undergroundsafety-li .bs_txt1 li { font-size: clamp(14px, calc( 18 / var(--inner) * 100vw ), 18px); padding-left:10px;}
.ctt_business3 .undergroundsafety-li .bs_txt1 li:before { content:''; width:2px; height:2px; background:#aaaaaa; display:block; position:relative; top:14px; left:-10px;}
.ctt_business3 .undergroundsafety-li .bs_txt1 .bs_txt1_tit { font-size: clamp(14px, calc( 18 / var(--inner) * 100vw ), 18px); font-weight:bold; margin:15px 0 5px;}

.ctt_business3 .undergroundsafety-li .business3_list span { margin: 0; } 
.ctt_business3 .undergroundsafety-li .business3_list p { color: #fff; font-size: 16px; } 
.ctt_business3 .undergroundsafety-li .business3_list+p { margin-top: 40px; font-weight: 300; color: #666; } 
.ctt_business3 .undergroundsafety-li .m-img-box { margin: 20px 0 40px; } 

.ctt_business3 .care-li > p { color: #333333; } 
.ctt_business3 .care-li .content-box { margin-top: clamp(40px, calc( 80 / var(--inner) * 100vw ), 80px); } 
.ctt_business3 .care-li .ul-list-type-01 { gap: 20px; margin-top: 20px; } 
.ctt_business3 .care-li .ul-list-type-01 > li { width: calc((100% - 40px) / 3); height: 340px; } 
.ctt_business3 .care-li .care-list li:nth-child(1) { background: url(../img/content/ildong-ico-04.png)no-repeat bottom 20px right 20px; } 
.ctt_business3 .care-li .care-list li:nth-child(2) { background: url(../img/content/ildong-ico-05.png)no-repeat bottom 20px right 20px; } 
.ctt_business3 .care-li .care-list li:nth-child(3) { background: url(../img/content/ildong-ico-06.png)no-repeat bottom 20px right 20px; } 
.ctt_business3 .care-li .care-list li:nth-child(4) { background: url(../img/content/ildong-ico-07.png)no-repeat bottom 20px right 20px; } 
.ctt_business3 .care-li .care-list li:nth-child(5) { background: url(../img/content/ildong-ico-08.png)no-repeat bottom 20px right 20px; } 
.ctt_business3 .care-li .care-list li:nth-child(6) { background: url(../img/content/ildong-ico-09.png)no-repeat bottom 20px right 20px; } 
.ctt_business3 .care-li .care-list02 li:nth-child(1) { background: url(../img/content/ildong-ico-10.png)no-repeat bottom 20px right 20px; } 
.ctt_business3 .care-li .care-list02 h5 { font-size: clamp(20px, calc( 26 / var(--inner) * 100vw ), 26px); } 
.ctt_business3 .care-li .care-list02 h5 b { font-size: clamp(24px, calc( 30 / var(--inner) * 100vw ), 30px); } 
.ctt_business3 .care-li .care-list02 li:last-child { flex: 1; display: flex; flex-direction: column; justify-content: center; background: none; padding: 20px !important; } 
.ctt_business3 .care-li .care-list02 li:last-child a { font-weight: bold; }


@media (max-width: 1600px) { 
 .content-visual .ildong-gnb-box > div { max-width: none; width: 100%; padding:0 40px; } 
 #ctt .img_text_info .info-list { width: auto; } 
 #ctt .img_text_info .img-box { flex: 1; } 
 #ctt.ctt_jobintroduction .img_text_info .img-box,#ctt.ctt_corporateculture .img_text_info .img-box { width: 50%; flex: none; } 
 #ctt.ctt_jobintroduction .img_text_info .info-list,#ctt.ctt_corporateculture .img_text_info .text-box, #ctt.ctt_business .img_text_info .info-list, #ctt.ctt_business2 .img_text_info .info-list, #ctt.ctt_business3 .img_text_info .info-list { width: calc(50% - 40px); } 
 #ctt.ctt_jobintroduction .img_text_info .info-list em, #ctt.ctt_business .img_text_info .info-list em, #ctt.ctt_business2 .img_text_info .info-list em, #ctt.ctt_business3 .img_text_info .info-list em { margin-bottom: 5px; } 
 
 #ctt.ctt_corporateculture .img_text_info .text-box, #ctt.ctt_business .img_text_info .business_img1, #ctt.ctt_business2 .img_text_info .business2_img1, #ctt.ctt_business3 .img_text_info .business3_img1 { width: 50%; flex: none; } 
 
 .ctt_philosophy .se-01 .content-area,.ctt_jobintroduction .content-area,.ctt_corporateculture .content-area,.ctt_business .content-area,.ctt_business2 .content-area,.ctt_business3 .content-area { gap: 40px; } 
 #ctt.ctt_corporateculture .img_text_info .info-list p br { display: none; } 
 .ctt_ildong .group-content-ild { gap: 30px; } 
 .ctt_ildong .group-content-ild .content-area { flex: 1; } 
 
 .ctt_business .group-content-ild { gap: 30px; } 
 .ctt_business .group-content-ild .content-area { flex: 1; } 
 
 .ctt_business2 .group-content-ild { gap: 30px; } 
 .ctt_business2 .group-content-ild .content-area { flex: 1; }
 
 .ctt_business3 .group-content-ild { gap: 30px; } 
 .ctt_business3 .group-content-ild .content-area { flex: 1; }
 } 

@media (max-width: 1500px) { 
 .ctt_ci .content-hd-text { width: 250px; } 
 .ctt_business2 .content-hd-text { width: 250px; }
 .ctt_business3 .content-hd-text { /*width: 250px;*/ }
 .ctt_history .content-hd-text { width: 250px; }
 .ctt_history .se-01 h3.yeartext:after { width:50%; top:82px; margin-left:20px;}
 .ctt_history .se-02 h3.yeartext:after { width:50%; top:25px; margin-left:20px;}
 .ctt_history .firsthistory { margin-top:55px}
 .ctt_recruitment .recruitment-list li { margin: 0; } 
 .ctt_recruitment .recruitment-list li::before { width: 180px; height: 180px; } 
 .ctt_recruitment .recruitment-list li::after,.ctt_recruitment .recruitment-list li { width: 200px; height: 200px; } 
 } 
@media (max-width: 1400px) { 
 .ctt_map .map-box { width: 50%; } 
 .ctt_organization .map-box { width: 50%; }
 /*#ctt .ul-list-type li { width: calc((100% - 50px)/3); } */
 .ctt_business .ul-list-type li { width: calc((100% - 20px)/3); }
 .ctt_business .ul-list-type2 li { width: calc((100% - 10px)/2); }
 .ctt_business .ul-list-type3 li { width: calc((100% - 10px)/2); }
 .ctt_business2 .ul-list-type li { width: calc((100% - 20px)/3); }
 .ctt_business2 .ul-list-type2 li { width: calc((100% - 10px)/2); }
 .ctt_business2 .ul-list-type3 li { width: calc((100% - 10px)/2); }
 .ctt_business3 .ul-list-type li { width: calc((100% - 20px)/3); }
 .ctt_business3 .ul-list-type2 li { width: calc((100% - 10px)/2); }
 .ctt_business3 .ul-list-type3 li { width: calc((100% - 10px)/2); }
 .ctt_ildong .group-content-ild { flex-direction: column; } 
 .ctt_ildong .group-content-ild .content-area { flex: none; width: 100%; overflow: hidden; } 
 .ctt_ildong .group-content-ild .anchor-box { position: sticky; top:50px; padding: 0; z-index: 99; } 
 .ctt_ildong .group-content-ild .content-area #anchor01 { padding-top: 0; } 
 .ctt_ildong .group-content-ild .anchor-box .anchor { position: relative; background: #fff; padding: 40px 0 10px; } 
 .ctt_ildong .group-content-ild .anchor-box .anchor-title { display: flex; height: 60px; padding: 0 15px; justify-content: space-between; align-items: center; background: var(--point); color: #fff; font-weight: bold; border-radius: 10px; } 
 .ctt_ildong .group-content-ild .anchor-box .anchor-title::after { content: ''; display: block; width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 8px solid rgb(255, 255, 255); } 
 .ctt_ildong .group-content-ild .anchor-box ul { border-radius: 10px; overflow: hidden; display: none; position: absolute; top: calc(100% - 10px); left: 0; width: 100%; } 
 .ctt_ildong .group-content-ild .anchor-box li a.on { background: none; width: 100%; border-radius: 0; color: #333; } 
 .ctt_ildong .group-content-ild .anchor-box li { width: 100%; border-radius: 0 !important; } 
 
 .ctt_business .group-content-ild { flex-direction: column; } 
 .ctt_business .group-content-ild .content-area { flex: none; width: 100%; overflow: hidden; } 
 .ctt_business .group-content-ild .anchor-box { position: sticky; top:50px; padding: 0; z-index: 99; } 
 .ctt_business .group-content-ild .content-area #anchor01 { padding-top: 0; } 
 .ctt_business .group-content-ild .anchor-box .anchor { position: relative; background: #fff; padding: 40px 0 10px; } 
 .ctt_business .group-content-ild .anchor-box .anchor-title { display: flex; height: 60px; padding: 0 15px; justify-content: space-between; align-items: center; background: var(--point); color: #fff; font-weight: bold; border-radius: 10px; } 
 .ctt_business .group-content-ild .anchor-box .anchor-title::after { content: ''; display: block; width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 8px solid rgb(255, 255, 255); } 
 .ctt_business .group-content-ild .anchor-box ul { border-radius: 10px; overflow: hidden; display: none; position: absolute; top: calc(100% - 10px); left: 0; width: 100%; } 
 .ctt_business .group-content-ild .anchor-box li a.on { background: none; width: 100%; border-radius: 0; color: #333; } 
 .ctt_business .group-content-ild .anchor-box li { width: 100%; border-radius: 0 !important; }
 
 .ctt_business2 .group-content-ild { flex-direction: column; } 
 .ctt_business2 .group-content-ild .content-area { flex: none; width: 100%; overflow: hidden; } 
 .ctt_business2 .group-content-ild .anchor-box { position: sticky; top:50px; padding: 0; z-index: 99; } 
 .ctt_business2 .group-content-ild .content-area #anchor01 { padding-top: 0; } 
 .ctt_business2 .group-content-ild .anchor-box .anchor { position: relative; background: #fff; padding: 40px 0 10px; } 
 .ctt_business2 .group-content-ild .anchor-box .anchor-title { display: flex; height: 60px; padding: 0 15px; justify-content: space-between; align-items: center; background: var(--point); color: #fff; font-weight: bold; border-radius: 10px; } 
 .ctt_business2 .group-content-ild .anchor-box .anchor-title::after { content: ''; display: block; width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 8px solid rgb(255, 255, 255); } 
 .ctt_business2 .group-content-ild .anchor-box ul { border-radius: 10px; overflow: hidden; display: none; position: absolute; top: calc(100% - 10px); left: 0; width: 100%; } 
 .ctt_business2 .group-content-ild .anchor-box li a.on { background: none; width: 100%; border-radius: 0; color: #333; } 
 .ctt_business2 .group-content-ild .anchor-box li { width: 100%; border-radius: 0 !important; }
 
 .ctt_business3 .group-content-ild { flex-direction: column; } 
 .ctt_business3 .group-content-ild .content-area { flex: none; width: 100%; overflow: hidden; } 
 .ctt_business3 .group-content-ild .anchor-box { position: sticky; top:50px; padding: 0; z-index: 99; } 
 .ctt_business3 .group-content-ild .content-area #anchor01 { padding-top: 0; } 
 .ctt_business3 .group-content-ild .anchor-box .anchor { position: relative; background: #fff; padding: 40px 0 10px; } 
 .ctt_business3 .group-content-ild .anchor-box .anchor-title { display: flex; height: 60px; padding: 0 15px; justify-content: space-between; align-items: center; background: var(--point); color: #fff; font-weight: bold; border-radius: 10px; } 
 .ctt_business3 .group-content-ild .anchor-box .anchor-title::after { content: ''; display: block; width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 8px solid rgb(255, 255, 255); } 
 .ctt_business3 .group-content-ild .anchor-box ul { border-radius: 10px; overflow: hidden; display: none; position: absolute; top: calc(100% - 10px); left: 0; width: 100%; } 
 .ctt_business3 .group-content-ild .anchor-box li a.on { background: none; width: 100%; border-radius: 0; color: #333; } 
 .ctt_business3 .group-content-ild .anchor-box li { width: 100%; border-radius: 0 !important; }
 
 .business1_list span.nd3 {transform: translate(15%, 240%); } 
 .business1_list span.nd3:before { top: -110%; left: 50%; transform: translate(-50%, -100%) rotate(90deg); width:45%;}
 } 
@media (max-width: 1300px) { 
 .ctt_greeting #ctt_con { padding-top: 0px; } 
 .ctt_greeting .se-01 h3 br,.ctt_greeting .se-01::before { display: none; } 
 .ctt_greeting .se-01 { background: #F8F8F8; } 
 .ctt_greeting .se-01 .img-box { transform: translateY(6vw); } 
 .ctt_greeting .se-01 .content-hd-text { padding-left: 0; } 
 } 
@media (max-width: 1200px) { 
 .ctt_history .se-01 h3.yeartext:after { width:50%; top:67px; margin-left:20px;}
 .ctt_history .se-02 h3.yeartext:after { width:50%; top:20px; margin-left:20px;}
 .ctt_history .firsthistory { margin-top:40px}

 .ctt_philosophy .se-01 .content-area,.ctt_jobintroduction .content-area { flex-direction: column; } 
 #ctt.ctt_jobintroduction .img_text_info .info-list,#ctt.ctt_jobintroduction .img_text_info .img-box { width:100%; } 
 .ctt_philosophy .core-value-list { max-width: 400px; height: 400px; } 
 .ctt_philosophy .circle-box::before { width: 400px; height: 400px; background-size: contain; } 
 .ctt_philosophy .circle-box span { width: 200px; height: 200px; } 
 .ctt_philosophy .circle-box::after { width: 250px; height: 250px; } 
 .ctt_philosophy .core-value-list li > div { position: relative; } 
 .ctt_philosophy .core-value-list li .text { position: absolute; top: 50%; right: calc(100% + 20px); transform: translateY(-50%); } 
 .ctt_philosophy .core-value-list li:nth-child(even) .text { right: auto; left: calc(100% + 20px); } 
 .ctt_philosophy .se-02 .ico-box { width: 80px; height: 80px;} 
 #ctt.ctt_jobintroduction .img_text_info .img-box { height: 300px; } 
 .ctt_philosophy .se-01 .content-area,.ctt_jobintroduction .content-area, .ctt_business .content-area2, .ctt_business2 .content-area2, .ctt_business3 .content-area2{ flex-direction: column; } 
 #ctt.ctt_business .img_text_info .business_img1 { height: 300px; width:100%;}
 #ctt.ctt_business .img_text_info .business_txt1 { width:100%;}
 #ctt.ctt_business2 .img_text_info .business2_img1 { height: 300px; width:100%;}
 #ctt.ctt_business2 .img_text_info .business2_txt1 { width:100%;}
 #ctt.ctt_business3 .img_text_info .business3_img1 { height: 300px; width:100%;}
 #ctt.ctt_business3 .img_text_info .business3_txt1 { width:100%;}
 .ctt_recruitment .recruitment-list li::before { width: 130px; height: 130px; } 
 .ctt_recruitment .recruitment-list li::after,.ctt_recruitment .recruitment-list li { width: 150px; height: 150px; } 
 
 .business1_list span.nd3 {transform: translate(15%, 220%); } 
 .business1_list span.nd3:before { top: -100%; left: 50%; transform: translate(-50%, -100%) rotate(90deg); width:45%;}
 
 .ver_pc { display:none;}
 .ver_te { display:block;}
 .ver_mo { display:none;}
 } 
@media (max-width: 1100px) { 
 #ctt.ctt_corporateculture .img_text_info { flex-direction: column; } 
 .ctt_corporateculture .se-01 .img_text_info .img-box { order: -1; } 
 #ctt.ctt_corporateculture .img_text_info .img-box { height: 300px; } 
 #ctt.ctt_corporateculture .img_text_info > div { width: 100% !important; } 
 
 .business1_list span.nd3 {transform: translate(15%, 200%); } 
 .business1_list span.nd3:before { top: -100%; left: 50%; transform: translate(-50%, 50%) rotate(90deg); width:45%;}
 
 } 
@media (max-width: 1024px) { 
 .business_list { flex-direction: column; gap: 40px; } 
 .business_list::after { transform: translateX(-50%) translatey(0%) rotate(90deg); width: 1100px; background: url(/images/business_list_dot.png)no-repeat center center;} 
 .business_list::before { display:none;} 
 
 .business_list li { flex-direction: row; aspect-ratio: auto; height: 80px; width: 100%; justify-content: start; } 
 .business_list li::before,.business_list li::after { border-radius: 40px; } 
 .business_list li::after { transform: translate(-50%, -50%) scale(0.8); width: 122%; } 
 .business_list p br,.business_list span br { display: none; } 
 .business_list span,.business_list p { margin: 0; text-align: left; } 
 .business_list em { width: 100px; height: 80px; line-height: 80px; } 
 .business_list span { width: 150px; }
 .business_list p.rd3 { padding-right:12px;}
 .business_list p.rd3:after { content:''; width:1px; height:11px; background:#dddddd; display:inline-block; position:relative; right:-6px; top:1px;}
 .business_list p.rd3:last-child:after { display:none;}
 
 .business1_list { flex-direction: column; gap: 20px; } 
 .business1_list::after { transform: translateX(-50%) translatey(0%) rotate(90deg); width: 1100px; background: url(/images/business_list_dot.png-)no-repeat center center;} 
 .business1_list::before { display:none;}  
 .business1_list li { flex-direction: row; aspect-ratio: auto; height: 80px; width: 100%; justify-content: start; } 
 .business1_list li::before,.business1_list li::after { border-radius: 40px; } 
 .business1_list li::after { transform: translate(-50%, -50%) scale(0.8); width: 122%; } 
 .business1_list p br,.business1_list span br { display: none; } 
 .business1_list span,.business1_list p { margin: 0; text-align: left; } 
 .business1_list i { margin-left:0%; transform: translateX(-0%) translatey(0%) rotate(90deg);}
 .business1_list i:nth-child(10) {position:relative; transform: translateX(0%) translatey(0%) rotate(90deg); margin-left:0%;}
 .business1_list li.no09 { order:17; }
 .business1_list .no09_1 { order:16; }
 .business1_list li.no08 { order:15; }
 .business1_list .no08_1 { order:14; }
 .business1_list li.no07 { order:13; }
 .business1_list .no07_1 { order:12; }
 .business1_list li.no06 { order:11; }
 .business1_list i:nth-child(12), .business1_list i:nth-child(14), .business1_list i:nth-child(16) {transform: translateX(0%) translatey(0%) rotate(90deg);}
 .business1_list em { width: 100px; height: 80px; line-height: 80px; } 
 .business1_list span { /*width: 150px;*/ }
 .business1_list span.nd3 { position:absolute; z-index:99; top:50%; transform: translate(0%, 130%); left:inherit; right:18%; background:#ffffff; border:1px dashed #999999; padding:7px 10px; width:130px; border-radius:30px; text-align:center;} 
 .business1_list span.nd3:before {content: ''; position: absolute; top: 50%; left: 0%; transform: translate(-100%, -50%); display: block; width:100%; height: 1px; border-top: 1px dashed #999999; z-index: -2;}
 .business1_list span.nd3.no09type {transform: translate(0%, -240%);}
 .business1_list p.rd3 { padding-right:12px;}
 .business1_list p.rd3:after { content:''; width:1px; height:11px; background:#dddddd; display:inline-block; position:relative; right:-6px; top:1px;}
 .business1_list p.rd3:last-child:after { display:none;}
 
 
 .business2_list { flex-direction: column; gap: 40px; } 
 .business2_list::after { transform: translateX(-50%) rotate(90deg); width: 400px; } 
 .business2_list li { flex-direction: row; aspect-ratio: auto; height: 80px; width: 100%; justify-content: start; } 
 .business2_list li::before,.business2_list li::after { border-radius: 40px; } 
 .business2_list li::after { transform: translate(-50%, -50%) scale(0.8); width: 122%; } 
 .business2_list p br,.business2_list span br { display: none; } 
 .business2_list span,.business2_list p { margin: 0; text-align: left; } 
 .business2_list em { width: 100px; height: 80px; line-height: 80px; } 
 .business2_list span { width: 150px; }
 .business2_list p.rd3 { padding-right:12px;}
 .business2_list p.rd3:after { content:''; width:1px; height:11px; background:#dddddd; display:inline-block; position:relative; right:-6px; top:1px;}
 .business2_list p.rd3:last-child:after { display:none;}
 
 .business3_list { flex-direction: column; gap: 40px; } 
 .business3_list::after { transform: translateX(-50%) rotate(90deg); width: 400px; } 
 .business3_list li { flex-direction: row; aspect-ratio: auto; height: 80px; width: 100%; justify-content: start; } 
 .business3_list li::before,.business3_list li::after { border-radius: 40px; } 
 .business3_list li::after { transform: translate(-50%, -50%) scale(0.8); width: 122%; } 
 .business3_list p br,.business3_list span br { display: none; } 
 .business3_list span,.business3_list p { margin: 0; text-align: left; } 
 .business3_list em { width: 100px; height: 80px; line-height: 80px; } 
 .business3_list span { width: 150px; }
 .business3_list p.rd3 { padding-right:12px;}
 .business3_list p.rd3:after { content:''; width:1px; height:11px; background:#dddddd; display:inline-block; position:relative; right:-6px; top:1px;}
 .business3_list p.rd3:last-child:after { display:none;}

 .business4_list { flex-direction: column; gap: 40px; } 
 .business4_list::after { transform: translateX(-50%) rotate(90deg); width:600px; } 
 .business4_list li { flex-direction: row; aspect-ratio: auto; height: 80px; width: 100%; justify-content: start; } 
 .business4_list li::before,.business4_list li::after { border-radius: 40px; } 
 .business4_list li::after { transform: translate(-50%, -50%) scale(0.8); width: 122%; } 
 .business4_list p br,.business4_list span br { display: none; } 
 .business4_list span br.f_br { display:block;}
 .business4_list span,.business4_list p { margin: 0; text-align: left; } 
 .business4_list em { width:80px; height: 80px; line-height: 80px; } 
 .business4_list span { /*width: 150px;*/ font-size:15px;}

 .diagram-list { flex-direction: column; gap: 40px; } 
 .diagram-list::after { transform: translateX(-50%) rotate(90deg); width: 400px; } 
 .diagram-list li { flex-direction: row; aspect-ratio: auto; height: 80px; width: 100%; justify-content: start; } 
 .diagram-list li::before,.diagram-list li::after { border-radius: 40px; } 
 .diagram-list li::after { transform: translate(-50%, -50%) scale(0.8); width: 122%; } 
 .diagram-list p br,.diagram-list span br { display: none; } 
 .diagram-list span,.diagram-list p { margin: 0; text-align: left; } 
 .diagram-list em { width: 100px; height: 80px; line-height: 80px; } 
 .diagram-list span { width: 150px; } 
 .ctt_ildong .membership-li .diagram-list span { width: auto; } 
 .ctt_ildong .membership-li .diagram-list li { gap: 20px; padding: 0 40px; } 
 .ul-list-type-01 > li { padding: 20px; } 
 .ul-list-type-02 li { padding: 20px; gap: 20px; } 
 .ctt_ildong .rent-wrap .rent-box { padding: 0 20px; } 
 /* .ctt_ildong .H-li .ul-list-type-01 > li:nth-child(3) .img-box { margin-top: 20px; height: auto; } */
 
 .ctt_business .membership-li .business_list span { width: auto; } 
 .ctt_business .membership-li .business_list li { gap: 20px; padding: 0 40px; }
 .ctt_business .rent-wrap .rent-box { padding: 0 20px; }
 
 .ctt_business2 .membership-li .business2_list span { width: auto; } 
 .ctt_business2 .membership-li .business2_list li { gap: 20px; padding: 0 40px; }
 .ctt_business2 .rent-wrap .rent-box { padding: 0 20px; }
 
 .ctt_business3 .membership-li .business3_list span { width: auto; } 
 .ctt_business3 .membership-li .business3_list li { gap: 20px; padding: 0 40px; }
 .ctt_business3 .rent-wrap .rent-box { padding: 0 20px; }
 } 
@media (max-width: 1000px) { 
 .ctt_vision .vision-list { flex-direction: column; } 
 .ctt_vision .vision-list li { width: 100%; } 
 /* .ctt_vision .vision-list::before { top: -7%; width: 100%; } */
 .ctt_philosophy .se-02 { overflow: hidden; } 
 .ctt_philosophy .core-value-list li em { margin-bottom: 0px; } 
 .ctt_map .content-area { flex-direction: column; align-items: start; } 
 .ctt_map .map-box { width: 100%; } 
 .ctt_organization .content-area { flex-direction: column; align-items: start; } 
 .ctt_organization .map-box { width: 100%; }
 .ctt_recruitment .ct-sect-on .recruitment-list { flex-direction: column; gap: 20px; } 
 .ctt_recruitment .recruitment-list::after { left: 50%; transform: translate(-50%,-50%) rotate(90deg); width:550px; } 
 /* .ctt_recruitment .content-hd-text::after { transform: rotate(90deg); top: 500%; right: -40%; } */
 .ctt_recruitment .recruitment-list li::before { width: 220px; height: 220px; } 
 .ctt_recruitment .recruitment-list li::after, .ctt_recruitment .recruitment-list li { width: 250px; height: 250px; } 
 .ctt_recruitment .recruitment-list::after { width: 830px; } 
 /* .sub-ildong .content-visual { height: 600px; } */
 .business1_list span.nd3:before {content: ''; position: absolute; top: 50%; left: 0%; transform: translate(-100%, -50%); display: block; width:90%; height: 1px; border-top: 1px dashed #999999; z-index: -2;}

 } 
@media (max-width: 900px) { 
 .ctt_philosophy .core-value-area { margin-top: 60px; } 
 .ctt_philosophy .core-value-list li > div { width: fit-content; height: fit-content; } 
 .ctt_philosophy .core-value-list li:nth-child(n+1) .text { top: -75%; } 
 .ctt_philosophy .core-value-list li:nth-child(n+3) .text { top: calc(100% + 20px); } 
 .ctt_philosophy .core-value-list li .text { transform: translate(0,0); right: -100%; text-align: center; } 
 .ctt_philosophy .core-value-list li:nth-child(2) { display: flex; justify-content: end; } 
 .ctt_philosophy .core-value-list li:nth-child(2) > div { align-items: start; } 
 .ctt_philosophy .se-02 { padding-bottom: 100px; } 
 .ctt_philosophy .circle-box::before { width: 350px; height: 350px; } 
 .ctt_philosophy .core-value-list li:nth-child(even) .text { left: -100%; } 
 /*#ctt .ul-list-type li { padding: 20px; height: 350px; width: calc((100% - 25px)/2); }*/ 
 .ctt_business .ul-list-type li { padding: 20px; height: 350px; width: calc((100% - 10px)/2); }
 .ctt_business2 .ul-list-type li { padding: 20px; height: 350px; width: calc((100% - 10px)/2); }
 .ctt_business3 .ul-list-type li { padding: 20px; height: 350px; width: calc((100% - 10px)/2); }
 
 .business1_list span.nd3:before {content: ''; position: absolute; top: 50%; left: 0%; transform: translate(-100%, -50%); display: block; width:80%; height: 1px; border-top: 1px dashed #999999; z-index: -2;}
 } 
@media (max-width: 860px) {
 .m-compulsion-br2 { display: block !important; }
 .business_list span { width:100px;}
 .business_list p.rd3 { width:16%; display:flex; align-items: center; height:auto; line-height:1.2; padding-right:10px}
 .business_list p.rd3:after { height:30px; right:-5px;}
 
 .business1_list { gap:20px;}
 .business1_list span { /*width:100px;*/}
 .business1_list p.rd3 { width:16%; display:flex; align-items: center; height:auto; line-height:1.2; padding-right:10px}
 .business1_list p.rd3:after { height:30px; right:-5px;}
 /*.business1_list span.nd3 { transform: translate(0%, 110%); right:6%;}*/
 .business1_list span.nd3:before {content: ''; position: absolute; top: 50%; left: 0%; transform: translate(-100%, -50%); display: block; width:65%; height: 1px; border-top: 1px dashed #999999; z-index: -2;}
 
 .business2_list span { width:100px;}
 .business2_list p.rd3 { width:16%; display:flex; align-items: center; height:auto; line-height:1.2; padding-right:10px}
 .business2_list p.rd3:after { height:30px; right:-5px;}
 
 .business3_list span { width:100px;}
 .business3_list p.rd3 { width:16%; display:flex; align-items: center; height:auto; line-height:1.2; padding-right:10px}
 .business3_list p.rd3:after { height:30px; right:-5px;}
 
 .ctt_business .core-value-list { max-width: 400px; height: 400px; } 
 .ctt_business .circle-box::before { width: 400px; height: 400px; background-size: contain; } 
 .ctt_business .circle-box span { width: 200px; height: 200px; } 
 .ctt_business .circle-box::after { width: 250px; height: 250px; } 
 .ctt_business .core-value-list li > div { /*position: relative; */} 
 .ctt_business .core-value-list li .text { /*position: absolute; top: 50%; right: calc(100% + 20px); transform: translateY(-50%);*/ } 
 .ctt_business .core-value-list li:nth-child(even) .text { /*right: auto; left: calc(100% + 20px);*/ } 
 .ctt_business .se-02 .ico-box { /*width: 80px; height: 80px;*/}
 
 .ctt_business .core-value-list h5 { margin-left:20px; margin-top:0px;} 
 .ctt_business .core-value-list li .text { width:88px; height:88px;} 
 .ctt_business .core-value-list li:nth-child(n+1) { transform: translate(-50%, -260%); left:50%;top:50%;}
 .ctt_business .core-value-list li:nth-child(n+2) { transform: translate(90%, -220%); left:50%;top:50%;}
 .ctt_business .core-value-list li:nth-child(n+3) { transform: translate(170%, -110%); left:50%;top:50%;}
 .ctt_business .core-value-list li:nth-child(n+4) { transform: translate(170%, 20%); left:50%;top:50%;}
 .ctt_business .core-value-list li:nth-child(n+5) { transform: translate(80%, 120%); left:50%;top:50%;}
 .ctt_business .core-value-list li:nth-child(n+6) { transform: translate(-60%, 160%); left:50%;top:50%;}
 .ctt_business .core-value-list li:nth-child(n+7) { transform: translate(-200%, 110%); left:50%;top:50%;}
 .ctt_business .core-value-list li:nth-child(n+8) { transform: translate(-270%, -10%); left:50%;top:50%;}
 .ctt_business .core-value-list li:nth-child(n+9) { transform: translate(-260%, -140%); left:50%;top:50%;}
 .ctt_business .core-value-list li em { font-size: 15px; }
 
 .ctt_business2 .core-value-list { max-width: 400px; height: 400px; } 
 .ctt_business2 .circle-box::before { width: 400px; height: 400px; background-size: contain; } 
 .ctt_business2 .circle-box span { width: 200px; height: 200px; } 
 .ctt_business2 .circle-box::after { width: 250px; height: 250px; } 
 .ctt_business2 .core-value-list li > div { /*position: relative; */} 
 .ctt_business2 .core-value-list li .text { /*position: absolute; top: 50%; right: calc(100% + 20px); transform: translateY(-50%);*/ } 
 .ctt_business2 .core-value-list li:nth-child(even) .text { /*right: auto; left: calc(100% + 20px);*/ } 
 .ctt_business2 .se-02 .ico-box { /*width: 80px; height: 80px;*/}
 
 .ctt_business2 .core-value-list h5 { margin-left:20px; margin-top:0px;} 
 .ctt_business2 .core-value-list li .text { width:88px; height:88px;} 
 .ctt_business2 .core-value-list li:nth-child(n+1) { transform: translate(-50%, -260%); left:50%;top:50%;}
 .ctt_business2 .core-value-list li:nth-child(n+2) { transform: translate(90%, -220%); left:50%;top:50%;}
 .ctt_business2 .core-value-list li:nth-child(n+3) { transform: translate(170%, -110%); left:50%;top:50%;}
 .ctt_business2 .core-value-list li:nth-child(n+4) { transform: translate(170%, 20%); left:50%;top:50%;}
 .ctt_business2 .core-value-list li:nth-child(n+5) { transform: translate(80%, 120%); left:50%;top:50%;}
 .ctt_business2 .core-value-list li:nth-child(n+6) { transform: translate(-60%, 160%); left:50%;top:50%;}
 .ctt_business2 .core-value-list li:nth-child(n+7) { transform: translate(-200%, 110%); left:50%;top:50%;}
 .ctt_business2 .core-value-list li:nth-child(n+8) { transform: translate(-270%, -10%); left:50%;top:50%;}
 .ctt_business2 .core-value-list li:nth-child(n+9) { transform: translate(-260%, -140%); left:50%;top:50%;}
 .ctt_business2 .core-value-list li em { font-size: 15px; }
 
 .ctt_business3 .core-value-list { max-width: 400px; height: 400px; } 
 .ctt_business3 .circle-box::before { width: 400px; height: 400px; background-size: contain; } 
 .ctt_business3 .circle-box span { width: 200px; height: 200px; } 
 .ctt_business3 .circle-box::after { width: 250px; height: 250px; } 
 .ctt_business3 .core-value-list li > div { /*position: relative; */} 
 .ctt_business3 .core-value-list li .text { /*position: absolute; top: 50%; right: calc(100% + 20px); transform: translateY(-50%);*/ } 
 .ctt_business3 .core-value-list li:nth-child(even) .text { /*right: auto; left: calc(100% + 20px);*/ } 
 .ctt_business3 .se-02 .ico-box { /*width: 80px; height: 80px;*/}
 
 .ctt_business3 .core-value-list h5 { margin-left:20px; margin-top:0px;} 
 .ctt_business3 .core-value-list li .text { width:88px; height:88px;} 
 .ctt_business3 .core-value-list li:nth-child(n+1) { transform: translate(-50%, -260%); left:50%;top:50%;}
 .ctt_business3 .core-value-list li:nth-child(n+2) { transform: translate(90%, -220%); left:50%;top:50%;}
 .ctt_business3 .core-value-list li:nth-child(n+3) { transform: translate(170%, -110%); left:50%;top:50%;}
 .ctt_business3 .core-value-list li:nth-child(n+4) { transform: translate(170%, 20%); left:50%;top:50%;}
 .ctt_business3 .core-value-list li:nth-child(n+5) { transform: translate(80%, 120%); left:50%;top:50%;}
 .ctt_business3 .core-value-list li:nth-child(n+6) { transform: translate(-60%, 160%); left:50%;top:50%;}
 .ctt_business3 .core-value-list li:nth-child(n+7) { transform: translate(-200%, 110%); left:50%;top:50%;}
 .ctt_business3 .core-value-list li:nth-child(n+8) { transform: translate(-270%, -10%); left:50%;top:50%;}
 .ctt_business3 .core-value-list li:nth-child(n+9) { transform: translate(-260%, -140%); left:50%;top:50%;}
 .ctt_business3 .core-value-list li em { font-size: 15px; }
 
}
@media (max-width: 800px) { 
 .ctt_greeting .se-01 { height: 450px; } 
 .ctt_greeting .se-01 .content-hd-text { width: 60%; } 
 .ctt_greeting .se-01 .img-box { position: absolute; bottom: 0; right: 0; transform: translateY(0); } 
 .ctt_greeting .se-01 .img-box img { width: 50%; object-fit: contain } 
 .ctt_greeting p { width: 100%; } 
 .ctt_ci .se-01 .img-box { height: 250px; margin-top: 0; } 
 .ctt_ci .logo-list li { height: 150px; width: calc((100% - 2px) / 2); } 
 .ctt_ci .logo-list li:nth-child(2) { border-radius: 0 30px 0 0; } 
 .ctt_ci .logo-list li:nth-child(5) { border-radius: 0 0 0 30px; } 
 .ctt_ci .logo-list li:nth-child(3),.ctt_ci .logo-list li:nth-child(4) { border-radius: 0; } 
 .ctt_ci .color-list li { padding: 20px; } 
 .ctt_ci .content-hd-text { width: 100%; } 
 .ctt_ci .cont-sect > .flex-wrap { flex-direction: column; gap: 40px; } 
 .ctt_ci .se-01 .content-hd-text p br { display: none; } 
 
 .ctt_business2 .logo-center { width:90px; height:90px; padding-top:20px; margin-left:-87px; margin-top:-200px;}
 .ctt_business2 ul .logo-center span { font-size:18px;}
 .ctt_business2 .txt_tit1 { font-size:18px;}
 .ctt_business2 .logo-list li { height: 200px; width: calc((100% - 2px) / 2); padding:30px 10px 30px 35px;} 
 .ctt_business2 .logo-list li span { font-size:14px;}
 /*.ctt_business2 .logo-list li:nth-child(2) { border-radius: 0 30px 0 0; } 
 .ctt_business2 .logo-list li:nth-child(5) { border-radius: 0 0 0 30px; } 
 .ctt_business2 .logo-list li:nth-child(3),.ctt_business2 .logo-list li:nth-child(4) { border-radius: 0; }*/ 
 .ctt_business2 .color-list li { padding: 20px; } 
 .ctt_business2 .content-hd-text { width: 100%; } 
 .ctt_business2 .cont-sect > .flex-wrap { flex-direction: column; gap: 40px; } 
 .ctt_business2 .se-01 .content-hd-text p br { display: none; } 
 
 .ctt_business3 .logo-center { width:90px; height:90px; padding-top:20px; margin-left:-87px; margin-top:-200px;}
 .ctt_business3 ul .logo-center span { font-size:18px;}
 .ctt_business3 .txt_tit1 { font-size:18px;}
 .ctt_business3 .logo-list li { height: 200px; width: calc((100% - 2px) / 2); padding:30px 10px 30px 35px;} 
 .ctt_business3 .logo-list li span { font-size:14px;}
 /*.ctt_business3 .logo-list li:nth-child(2) { border-radius: 0 30px 0 0; } 
 .ctt_business3 .logo-list li:nth-child(5) { border-radius: 0 0 0 30px; } 
 .ctt_business3 .logo-list li:nth-child(3),.ctt_business2 .logo-list li:nth-child(4) { border-radius: 0; }*/ 
 .ctt_business3 .color-list li { padding: 20px; } 
 .ctt_business3 .content-hd-text { width: 100%; } 
 .ctt_business3 .cont-sect > .flex-wrap { flex-direction: column; gap: 40px; } 
 .ctt_business3 .se-01 .content-hd-text p br { display: none; }
 
 .ctt_history .se-01 .img-box { height: 250px; margin-top: 0; } 
 .ctt_history .logo-list li { height: 150px; width: calc((100% - 2px) / 2); } 
 .ctt_history .logo-list li:nth-child(2) { border-radius: 0 30px 0 0; } 
 .ctt_history .logo-list li:nth-child(5) { border-radius: 0 0 0 30px; } 
 .ctt_history .logo-list li:nth-child(3),.ctt_history .logo-list li:nth-child(4) { border-radius: 0; } 
 .ctt_history .color-list li { padding: 20px; } 
 .ctt_history .content-hd-text { width: 100%; } 
 .ctt_history .cont-sect > .flex-wrap { flex-direction: column; /*gap: 40px;*/gap:20px; } 
 .ctt_history .se-01 .content-hd-text p br { display: none; }
 
 .ctt_history .se-01 h3.yeartext:after { width:100%; top:62px;}
 .ctt_history .se-02 h3.yeartext:after { width:100%; top:18px;}
 .ctt_history .firsthistory { margin-top:0px}
 .ctt_history strong { font-size:18px; width:34px; height:19px;}
 .ctt_history p { font-size:16px; letter-spacing:-1px;}
 .ctt_history p:before { top:15px; left:25px; display:none}

 #ctt .img_text_info .img-box,#ctt .img_text_info .img-box img { width: 100%; } 
 .ctt_corporateculture .se-02 h4 br { display: none; } 
 .ctt_ildong .rent-wrap { flex-wrap: wrap; height: auto; } 
 .ctt_ildong .rent-wrap i { width: 100%; transform: rotate(90deg); } 
 .ctt_ildong .rent-wrap .rent-box:last-child { width: 100%; } 
 .ctt_ildong .rent-wrap .rent-box { height: 200px; } 
 .ctt_ildong .rent-wrap .rent-box a { display: block; } 
 .business_list em { width: 80px; } 
 .business1_list em { width: 80px; }
 .business2_list em { width: 80px; }
 .business3_list em { width: 80px; }
 /*.business_list span { width: 120px; }*/
 .diagram-list em { width: 80px; } 
 .diagram-list span { width: 120px; } 
 .ctt_ildong .care-li .ul-list-type-01 > li { width: calc((100% - 20px) / 2); } 
 
 .ctt_business .rent-wrap { flex-wrap: wrap; height: auto; } 
 .ctt_business .rent-wrap i { width: 100%; transform: rotate(90deg); } 
 .ctt_business .rent-wrap .rent-box:last-child { width: 100%; } 
 .ctt_business .rent-wrap .rent-box { height: 200px; } 
 .ctt_business .rent-wrap .rent-box a { display: block; } 
 
 .ctt_business .care-li .ul-list-type-01 > li { width: calc((100% - 20px) / 2); } 
 
 .ctt_business2 .rent-wrap { flex-wrap: wrap; height: auto; } 
 .ctt_business2 .rent-wrap i { width: 100%; transform: rotate(90deg); } 
 .ctt_business2 .rent-wrap i.ico-plus { width:100%;}
 .ctt_business2 .rent-wrap .rent-box:last-child { width: 100%; } 
 .ctt_business2 .rent-wrap .rent-box { height:100px; } 
 .ctt_business2 .rent-wrap .rent-box a { display: block; } 
 
 .ctt_business2 .care-li .ul-list-type-01 > li { width: calc((100% - 20px) / 2); }
 
 .ctt_business2 .principle-li .bs_txt_box2 p {width:100%; font-size:15px; letter-spacing:-0.5px;}
 
 .ctt_business3 .rent-wrap { flex-wrap: wrap; height: auto; } 
 .ctt_business3 .rent-wrap i { width: 100%; transform: rotate(90deg); } 
 .ctt_business3 .rent-wrap i.ico-plus { width:100%;}
 .ctt_business3 .rent-wrap .rent-box:last-child { width: 100%; } 
 .ctt_business3 .rent-wrap .rent-box { height:100px; } 
 .ctt_business3 .rent-wrap .rent-box a { display: block; } 
 
 .ctt_business3 .care-li .ul-list-type-01 > li { width: calc((100% - 20px) / 2); }
 
 .ctt_business3 .principle-li .bs_txt_box2 p {width:100%; font-size:15px; letter-spacing:-0.5px;}
 
 .business1_list span.nd3:before {content: ''; position: absolute; top: 50%; left: 0%; transform: translate(-100%, -50%); display: block; width:60%; height: 1px; border-top: 1px dashed #999999; z-index: -2;}
 } 
@media (max-width: 768px) { 

 /* .content-visual,.sub-ildong .brand-30 { aspect-ratio: auto 1 / 1; height: auto; }  */
 .content-visual { aspect-ratio: auto 1 / 1; height: auto; } 
 .content-visual .locationUl > li+li { width: 37%; } 
 .content-visual .locationUl ul { border-radius: 0 0 10px 10px; } 
 /* #container_wr { position: relative; z-index: 5; } 
 #ctt { position: relative; z-index: 4; } */
 /* .ctt_recruitment .content-hd-text::after { right: -60%; } */
 .ctt_brand .se-01 { padding-top: 75px; height: auto; } 
 .ctt_brand .brand-list { flex-direction: column; } 
 .ctt_brand .brand-list li { width: 100%; height: 200px; } 
 .ctt_brand .brand-list li a { padding: 20px; } 
 .ctt_brand .brand-list li a span { height: 60px; } 
 .ctt_brand .brand-list li a span br { display: none; } 
 .ctt_brand .brand-list li+li { border-left: 0; border-top: 2px solid #ffffff; } 
 .location { position: absolute; bottom: 0px; left: 0; width: 100%; z-index: 100; background: #00000049; } 
 .content-visual .locationUl ul { margin: 0; } 
 .brand-30 { display: flex; flex-direction: column; } 
 .brand-30.se-01::after { display: none; } 
 .brand-30 .inner { height: 60%; } 
 .brand-30.se-01 .img-box { display: block; width: 100%; height: 40%; } 
 .brand-30.se-01 .img-box img { width: 100%; height: 100%; object-fit: cover; } 
 .brand-30 .text-box { width: 100%; padding-top: 50px; } 
 .brand-30 .text-box p br { display: none; } 
 .sub-ildong .locationUl { display: flex; } 
 .sub-ildong .brand-30 .text-box p br { display: block; } 
 .scroll-d-box { display: none; } 
 .content-visual .locationUl { background: none; } 
 .sub-ildong .content-visual { position: relative; aspect-ratio: auto;height: 450px;} 
 .sub-ildong .link-list{width: 160px;}
 .sub-ildong .link-list li{padding: 15px 0;}
 /* .sub-ildong .content-visual { overflow: visible; }  */
 .content-visual .ildong-gnb-box { display: flex; } 
 .sub-ildong .content-visual::after, .content-visual .visual-text { animation: none; } 
 /* .sub-ildong .link-list { display: none; }  */
 .sub-ildong .location{display: none;}
 .ctt_ildong .se-01 .anchor-info-list .water-box { width: 100%; } 
 .ctt_business .se-01 .anchor-info-list .water-box { width: 100%; }
 .ctt_business2 .se-01 .anchor-info-list .water-box { width: 100%; }
 .ctt_business3 .se-01 .anchor-info-list .water-box { width: 100%; }
 /*.m-img-box { display: flex; } 
 .pc-img-box { display: none !important; }*/ 
 .ctt_ildong .membership-li .m-img-box { margin-bottom: 40px; } 
 .ctt_ildong .solution-li .content-box,.ctt_ildong .rental-li .content-box,.ctt_ildong .se-01 .anchor-info-list > li .content-box, .solution-li .content-box { padding: 30px 20px; }
 
 .ctt_business .membership-li .m-img-box { margin-bottom: 40px; } 
 .ctt_business .solution-li .content-box,.ctt_business .rental-li .content-box,.ctt_business .se-01 .anchor-info-list > li .content-box, .solution-li .content-box { padding: 30px 20px; }
 .ctt_business .business_li .content-box,.ctt_business .rental-li .content-box,.ctt_business .se-01 .anchor-info-list > li .content-box, .business_li .content-box { padding: 30px 20px; }
 
 .ctt_business2 .membership-li .m-img-box { margin-bottom: 40px; } 
 .ctt_business2 .solution-li .content-box,.ctt_business2 .rental-li .content-box,.ctt_business2 .se-01 .anchor-info-list > li .content-box, .solution-li .content-box { padding: 30px 20px; }
 .ctt_business2 .business2_li .content-box,.ctt_business2 .rental-li .content-box,.ctt_business2 .se-01 .anchor-info-list > li .content-box, .business2_li .content-box { padding: 30px 20px; }
 
 .ctt_business3 .membership-li .m-img-box { margin-bottom: 40px; } 
 .ctt_business3 .solution-li .content-box,.ctt_business3 .rental-li .content-box,.ctt_business3 .se-01 .anchor-info-list > li .content-box, .solution-li .content-box { padding: 30px 20px; }
 .ctt_business3 .business3_li .content-box,.ctt_business3 .rental-li .content-box,.ctt_business3 .se-01 .anchor-info-list > li .content-box, .business3_li .content-box { padding: 30px 20px; }
 
 .business1_list span.nd3:before {content: ''; position: absolute; top: 50%; left: 0%; transform: translate(-100%, -50%); display: block; width:40%; height: 1px; border-top: 1px dashed #999999; z-index: -2;}
 
 .ver_pc { display:none;}
 .ver_te { display:none;}
 .ver_mo { display:block;} 
 } 
@media (max-width: 700px) { 
 .ul-list-type-01 li { background-size: 15% !important; background-position: bottom 20px right 20px !important; } 
 .ul-list-type-01 li p { padding-right: 19%; } 
 .ctt_ildong .care-li .care-list02 li:last-child p { padding: 0; } 
 .ctt_ildong .H-li .ul-list-type-01 > li:nth-child(3) { padding: 20px; } 
 .ctt_ildong .H-li .ul-list-type-01 > li:nth-child(3) .img-box { flex: 1; } 
 .ctt_ildong .H-li .ul-list-type-01 > li:nth-child(3) .img-box img { object-fit: contain; width: 100%; height: 100%; } 
 
 .ctt_business .care-li .care-list02 li:last-child p { padding: 0; } 
 .ctt_business .H-li .ul-list-type-01 > li:nth-child(3) { padding: 20px; } 
 .ctt_business .H-li .ul-list-type-01 > li:nth-child(3) .img-box { flex: 1; } 
 .ctt_business .H-li .ul-list-type-01 > li:nth-child(3) .img-box img { object-fit: contain; width: 100%; height: 100%; }
 
 .ctt_business2 .care-li .care-list02 li:last-child p { padding: 0; } 
 .ctt_business2 .H-li .ul-list-type-01 > li:nth-child(3) { padding: 20px; } 
 .ctt_business2 .H-li .ul-list-type-01 > li:nth-child(3) .img-box { flex: 1; } 
 .ctt_business2 .H-li .ul-list-type-01 > li:nth-child(3) .img-box img { object-fit: contain; width: 100%; height: 100%; }
 
 .ctt_business3 .care-li .care-list02 li:last-child p { padding: 0; } 
 .ctt_business3 .H-li .ul-list-type-01 > li:nth-child(3) { padding: 20px; } 
 .ctt_business3 .H-li .ul-list-type-01 > li:nth-child(3) .img-box { flex: 1; } 
 .ctt_business3 .H-li .ul-list-type-01 > li:nth-child(3) .img-box img { object-fit: contain; width: 100%; height: 100%; }
 
 .ul-list-type-02 { display: flex; flex-wrap: wrap; gap: 10px; } 
 .ul-list-type-02 li { flex-direction: column; align-items: start; width: calc(50% - 5px); } 
 .ul-list-type-02 li .img-box { width: 100%; border-radius: 10px; overflow: hidden; } 
 .ul-list-type-02 li .img-box img { width: 100%; height: 100%; object-fit: cover; } 
 .ul-list-type-02 li+li { margin: 0; } 
 .ctt_ildong .H-li .ul-list-type-01 > li,.ctt_ildong .care-li .ul-list-type-01 > li { width: 100%; height: 300px; } 
 .ctt_ildong .care-li .ul-list-type-01 > li p br { display: none; } 
 .ctt_ildong .care-li .care-list02 li:nth-child(1) { display: flex; flex-direction: column; justify-content: center; } 
 .ctt_ildong .principle-li strong br { display: none; } 
 .ctt_ildong .H-li .ul-list-type-01 > li:nth-child(5) { background: url(../img/content/H-li-bg-m.jpg)no-repeat !important; } 
 
 .ctt_business .H-li .ul-list-type-01 > li,.ctt_business .care-li .ul-list-type-01 > li { width: 100%; height: 300px; } 
 .ctt_business .care-li .ul-list-type-01 > li p br { display: none; } 
 .ctt_business .care-li .care-list02 li:nth-child(1) { display: flex; flex-direction: column; justify-content: center; } 
 .ctt_business .principle-li strong br { display: none; } 
 .ctt_business .H-li .ul-list-type-01 > li:nth-child(5) { background: url(../img/content/H-li-bg-m.jpg)no-repeat !important; } 
 .ctt_business .ul-list-type li { width: 100%; height: 350px; }
 .ctt_business .ul-list-type2 li { width: 100%; height: 440px; }
 .ctt_business .ul-list-type3 li { width: 100%; height: 270px; }
 
 .ctt_business2 .H-li .ul-list-type-01 > li,.ctt_business2 .care-li .ul-list-type-01 > li { width: 100%; height: 300px; } 
 .ctt_business2 .care-li .ul-list-type-01 > li p br { display: none; } 
 .ctt_business2 .care-li .care-list02 li:nth-child(1) { display: flex; flex-direction: column; justify-content: center; } 
 .ctt_business2 .principle-li strong br { display: none; } 
 .ctt_business2 .H-li .ul-list-type-01 > li:nth-child(5) { background: url(../img/content/H-li-bg-m.jpg)no-repeat !important; } 
 .ctt_business2 .ul-list-type li { width: 100%; height: 350px; }
 .ctt_business2 .ul-list-type2 li { width: 100%; height: 440px; }
 .ctt_business2 .ul-list-type3 li { width: 100%; height: 270px; }
 
 .ctt_business3 .H-li .ul-list-type-01 > li,.ctt_business3 .care-li .ul-list-type-01 > li { width: 100%; height: 300px; } 
 .ctt_business3 .care-li .ul-list-type-01 > li p br { display: none; } 
 .ctt_business3 .care-li .care-list02 li:nth-child(1) { display: flex; flex-direction: column; justify-content: center; } 
 .ctt_business3 .principle-li strong br { display: none; } 
 .ctt_business3 .H-li .ul-list-type-01 > li:nth-child(5) { background: url(../img/content/H-li-bg-m.jpg)no-repeat !important; } 
 .ctt_business3 .ul-list-type li { width: 100%; height: 350px; }
 .ctt_business3 .ul-list-type2 li { width: 100%; height: 440px; }
 .ctt_business3 .ul-list-type3 li { width: 100%; height: 270px; }
 
 .business1_list span.nd3:before {content: ''; position: absolute; top: 50%; left: 0%; transform: translate(-100%, -50%); display: block; width:30%; height: 1px; border-top: 1px dashed #999999; z-index: -2;}
 } 
@media (max-width: 600px) { 
 .content-visual .locationUl .home, .content-visual .ildong-gnb-box .link-home { width: 50px; height: 50px; } 
 .content-visual .locationUl > li+li { margin-right: 0px; } 
 .content-visual .locationUl > li:nth-child(2){margin-right: 20px;}
 .content-visual .locationUl > li:last-child { margin-left: 0; } 
 .content-visual .locationUl .home { margin-right: 15px; } 
 .content-visual .ildong-gnb-box > div { padding:0 20px; } 
 .ctt_greeting .se-01::after { font-size: 15vw; }  .ctt_brand .brand-list li a span { height: 90px; } 

 .ctt_vision .se-01 p { width: 225px; } 
 .ctt_business .business_li .content-box,.ctt_business .rental-li .content-box,.ctt_business .se-01 .anchor-info-list > li .content-box, .business_li .content-box { padding:30px 20px;}
 .business_list em { width:100px;}
 .business_list span { /*width:80px;*/width:100%; letter-spacing:-0.7px;}
 .business_list span .m-compulsion-br2 { display:none !important;}
 .business_list li::after { transform: translate(-50%, -50%) scale(0.8); width: 120%; }
 
 .business1_list em { width:100px;}
 .business1_list span { /*width:80px;width:100%;*/ letter-spacing:-0.7px;}
 .business1_list span .m-compulsion-br2 { display:none !important;}
 .business1_list li::after { transform: translate(-50%, -50%) scale(0.8); width: 120%; }
 .business1_list span.nd3:before {width: 20%;}
 
 
 .ctt_business2 .business2_li .content-box,.ctt_business2 .rental-li .content-box,.ctt_business2 .se-01 .anchor-info-list > li .content-box, .business2_li .content-box { padding:30px 20px;}
 .business2_list em { width:45px;}
 .business2_list span { width:80px; letter-spacing:-0.7px;}
 .business2_list li::after { transform: translate(-50%, -50%) scale(0.8); width: 120%; }
 
 .ctt_business3 .business3_li .content-box,.ctt_business3 .rental-li .content-box,.ctt_business3 .se-01 .anchor-info-list > li .content-box, .business3_li .content-box { padding:30px 20px;}
 .business3_list em { width:45px;}
 .business3_list span { width:80px; letter-spacing:-0.7px;}
 .business3_list li::after { transform: translate(-50%, -50%) scale(0.8); width: 120%; }
 
 .business4_list li::after { transform: translate(-50%, -50%) scale(0.8); width: 120%; }
 
 .down_btn {flex-direction: column;gap:10px; margin:0 auto 0; width:100%;}
 .down_btn .link-down { width:100%; margin-top:0;} 
 } 
@media (max-width: 500px) { 
 .m-compulsion-br { display: block !important; } 
 /* .ctt_vision .se-02 .content-hd-text h3 br { display: none; } */
 /* .ctt_vision .vision-list::before { top: -3%; } */
 .ctt_vision .vision-list li { background-position: 42% center; } 
 .ctt_vision .vision-list li:nth-child(2) { background-position: 20% center; } 
 .ctt_vision .vision-list li:nth-child(3) { background-position: center; } 
 .ctt_philosophy .circle-box span { width: 140px; height: 140px; } 
 .ctt_philosophy .circle-box::after { width: 180px; height: 180px; } 
 .ctt_philosophy .circle-box::before { width: 250px; height: 250px; } 
 .ctt_philosophy .core-value-list { max-width: 280px; height: 370px; } 
 .ctt_philosophy .core-value-list li em { font-size: 14px; } 
 .ctt_philosophy .core-value-list li p { font-size: 12px; } 
 /* .ctt_philosophy .se-02 .ico-box { width: 50px; height: 50px; padding: 15px; } */
 .ctt_philosophy .core-value-list li .text { right: -97%; } 
 
 .ctt_philosophy .core-value-list li:nth-child(n+1) .text { top: -67%; } 
 .ctt_philosophy .core-value-list li:nth-child(n+3) .text { top: calc(100% + 20px); } 
 .ctt_philosophy .core-value-list li:nth-child(even) .text { left: -90%; } 
 
 
 .ctt_business .circle-box span { width: 140px; height: 140px; } 
 .ctt_business .circle-box::after { width: 180px; height: 180px; } 
 .ctt_business .circle-box::before { width: 250px; height: 250px; } 
 .ctt_business .core-value-list { max-width: 280px; height: 370px; } 
 .ctt_business .core-value-list li em { font-size: 14px; letter-spacing:-1px; line-height:1.2;} 
 .ctt_business .core-value-list li p { font-size: 12px; } 
 .ctt_business .core-value-list li .text { right: -97%; } 
 
 .ctt_business .core-value-list li:nth-child(n+1) .text { /*top: -67%;*/ } 
 .ctt_business .core-value-list li:nth-child(n+3) .text { /*top: calc(100% + 20px);*/ } 
 .ctt_business .core-value-list li:nth-child(even) .text { /*left: -90%;*/ }
 
 .ctt_business .core-value-list h5 { margin-left:-10px; margin-top:30px; font-size:30px;} 
 .ctt_business .core-value-list li .text { width:78px; height:78px;} 
 .ctt_business .core-value-list li:nth-child(n+1) { transform: translate(-40%, -250%); left:50%;top:50%;}
 .ctt_business .core-value-list li:nth-child(n+2) { transform: translate(50%, -180%); left:50%;top:50%;}
 .ctt_business .core-value-list li:nth-child(n+3) { transform: translate(120%, -100%); left:50%;top:50%;}
 .ctt_business .core-value-list li:nth-child(n+4) { transform: translate(120%, 0%); left:50%;top:50%;}
 .ctt_business .core-value-list li:nth-child(n+5) { transform: translate(50%, 80%); left:50%;top:50%;}
 .ctt_business .core-value-list li:nth-child(n+6) { transform: translate(-60%, 108%); left:50%;top:50%;}
 .ctt_business .core-value-list li:nth-child(n+7) { transform: translate(-170%, 70%); left:50%;top:50%;}
 .ctt_business .core-value-list li:nth-child(n+8) { transform: translate(-225%, -20%); left:50%;top:50%;}
 .ctt_business .core-value-list li:nth-child(n+9) { transform: translate(-207%, -122%); left:50%;top:50%;}
 
 .ctt_business2 .circle-box span { width: 140px; height: 140px; } 
 .ctt_business2 .circle-box::after { width: 180px; height: 180px; } 
 .ctt_business2 .circle-box::before { width: 250px; height: 250px; } 
 .ctt_business2 .core-value-list { max-width: 280px; height: 370px; } 
 .ctt_business2 .core-value-list li em { font-size: 14px; letter-spacing:-1px; line-height:1.2;} 
 .ctt_business2 .core-value-list li p { font-size: 12px; } 
 .ctt_business2 .core-value-list li .text { right: -97%; } 
 
 .ctt_business2 .core-value-list li:nth-child(n+1) .text { /*top: -67%;*/ } 
 .ctt_business2 .core-value-list li:nth-child(n+3) .text { /*top: calc(100% + 20px);*/ } 
 .ctt_business2 .core-value-list li:nth-child(even) .text { /*left: -90%;*/ }
 
 .ctt_business2 .core-value-list h5 { margin-left:-10px; margin-top:30px; font-size:30px;} 
 .ctt_business2 .core-value-list li .text { width:78px; height:78px;} 
 .ctt_business2 .core-value-list li:nth-child(n+1) { transform: translate(-40%, -250%); left:50%;top:50%;}
 .ctt_business2 .core-value-list li:nth-child(n+2) { transform: translate(50%, -180%); left:50%;top:50%;}
 .ctt_business2 .core-value-list li:nth-child(n+3) { transform: translate(120%, -100%); left:50%;top:50%;}
 .ctt_business2 .core-value-list li:nth-child(n+4) { transform: translate(120%, 0%); left:50%;top:50%;}
 .ctt_business2 .core-value-list li:nth-child(n+5) { transform: translate(50%, 80%); left:50%;top:50%;}
 .ctt_business2 .core-value-list li:nth-child(n+6) { transform: translate(-60%, 108%); left:50%;top:50%;}
 .ctt_business2 .core-value-list li:nth-child(n+7) { transform: translate(-170%, 70%); left:50%;top:50%;}
 .ctt_business2 .core-value-list li:nth-child(n+8) { transform: translate(-225%, -20%); left:50%;top:50%;}
 .ctt_business2 .core-value-list li:nth-child(n+9) { transform: translate(-207%, -122%); left:50%;top:50%;}
 
 .ctt_business3 .circle-box span { width: 140px; height: 140px; } 
 .ctt_business3 .circle-box::after { width: 180px; height: 180px; } 
 .ctt_business3 .circle-box::before { width: 250px; height: 250px; } 
 .ctt_business3 .core-value-list { max-width: 280px; height: 370px; } 
 .ctt_business3 .core-value-list li em { font-size: 14px; letter-spacing:-1px; line-height:1.2;} 
 .ctt_business3 .core-value-list li p { font-size: 12px; } 
 .ctt_business3 .core-value-list li .text { right: -97%; } 
 
 .ctt_business3 .core-value-list li:nth-child(n+1) .text { /*top: -67%;*/ } 
 .ctt_business3 .core-value-list li:nth-child(n+3) .text { /*top: calc(100% + 20px);*/ } 
 .ctt_business3 .core-value-list li:nth-child(even) .text { /*left: -90%;*/ }
 
 .ctt_business3 .core-value-list h5 { margin-left:-10px; margin-top:30px; font-size:30px;} 
 .ctt_business3 .core-value-list li .text { width:78px; height:78px;} 
 .ctt_business3 .core-value-list li:nth-child(n+1) { transform: translate(-40%, -250%); left:50%;top:50%;}
 .ctt_business3 .core-value-list li:nth-child(n+2) { transform: translate(50%, -180%); left:50%;top:50%;}
 .ctt_business3 .core-value-list li:nth-child(n+3) { transform: translate(120%, -100%); left:50%;top:50%;}
 .ctt_business3 .core-value-list li:nth-child(n+4) { transform: translate(120%, 0%); left:50%;top:50%;}
 .ctt_business3 .core-value-list li:nth-child(n+5) { transform: translate(50%, 80%); left:50%;top:50%;}
 .ctt_business3 .core-value-list li:nth-child(n+6) { transform: translate(-60%, 108%); left:50%;top:50%;}
 .ctt_business3 .core-value-list li:nth-child(n+7) { transform: translate(-170%, 70%); left:50%;top:50%;}
 .ctt_business3 .core-value-list li:nth-child(n+8) { transform: translate(-225%, -20%); left:50%;top:50%;}
 .ctt_business3 .core-value-list li:nth-child(n+9) { transform: translate(-207%, -122%); left:50%;top:50%;}
 
 
 .ctt_map .content-area { padding: 25px; gap: 30px; } 
 .ctt_map .map-box { height: 300px; } 
 .ctt_map .addr { margin-top: 20px; font-size: 14px; } 
 .ctt_map dl { display: flex; flex-wrap: wrap; } 
 .ctt_map dd { width: 100%; }
 .ctt_organization .content-area { padding: 25px; gap: 30px; } 
 .ctt_organization .map-box { height: 300px; } 
 .ctt_organization .addr { margin-top: 20px; font-size: 14px; } 
 .ctt_organization dl { display: flex; flex-wrap: wrap; } 
 .ctt_organization dd { width: 100%; }
 /* .ctt_recruitment .content-hd-text::after { right: auto; left: 0; } */
 .ctt_ildong h4 { margin-bottom: 20px; } 
 .ctt_business h4 { margin-bottom: 20px; }
 .ctt_business2 h4 { margin-bottom: 20px; }
 .ctt_business3 h4 { margin-bottom: 20px; }
 /*#ctt .ul-list-type li { width: 100%; height: 300px; }*/ 
 #ctt .ul-list-type li strong br { display: none; } 
 #ctt.ctt_benefits .ul-list-type li { height: 150px; background-size: 40% 40%; background-position: bottom 20px right -10px;} 
 .ctt_brand .brand-list .hover-text { height: auto !important; } 
 .ctt_brand .brand-list li { height: auto; } 
 .ctt_brand .brand-list li a { padding: 50px 20px; } 
 .ctt_brand .brand-list li a span { height: auto; padding-bottom: 10px; } 
 /* .content-visual .ildong-gnb-box .depth { width: 35%; } */
 .ctt_ildong .rent-wrap .rent-box { width: 100%; flex: none; height: auto; padding: 20px; } 
 .ctt_ildong .H-li .ul-list-type-01 > li { height: 300px; } 
 .ctt_ildong .care-li .ul-list-type-01 > li { height: 250px; } 
 .ctt_ildong .H-li .ul-list-type-01 p br { display: none; } 
 .ctt_ildong .H-li .ul-list-type-01 > li:nth-child(5) { background: url(../img/content/H-li-bg-m-01.jpg)no-repeat bottom right !important;background-size: cover !important; }
 
 .ctt_business .rent-wrap .rent-box { width: 100%; flex: none; height: auto; padding: 20px; } 
 .ctt_business .H-li .ul-list-type-01 > li { height: 300px; } 
 .ctt_business .care-li .ul-list-type-01 > li { height: 250px; } 
 .ctt_business .H-li .ul-list-type-01 p br { display: none; } 
 .ctt_business .H-li .ul-list-type-01 > li:nth-child(5) { background: url(../img/content/H-li-bg-m-01.jpg)no-repeat bottom right !important;background-size: cover !important; }
 
 .ctt_business2 .rent-wrap { gap:10px;}
 .ctt_business2 .rent-wrap .rent-box { width: 100%; flex: none; height: auto; padding:10px; } 
 .ctt_business2 .H-li .ul-list-type-01 > li { height: 300px; } 
 .ctt_business2 .care-li .ul-list-type-01 > li { height: 250px; } 
 .ctt_business2 .H-li .ul-list-type-01 p br { display: none; } 
 .ctt_business2 .H-li .ul-list-type-01 > li:nth-child(5) { background: url(../img/content/H-li-bg-m-01.jpg)no-repeat bottom right !important;background-size: cover !important; }
 
 .ctt_business3 .rent-wrap { gap:10px;}
 .ctt_business3 .rent-wrap .rent-box { width: 100%; flex: none; height: auto; padding:10px; } 
 .ctt_business3 .H-li .ul-list-type-01 > li { height: 300px; } 
 .ctt_business3 .care-li .ul-list-type-01 > li { height: 250px; } 
 .ctt_business3 .H-li .ul-list-type-01 p br { display: none; } 
 .ctt_business3 .H-li .ul-list-type-01 > li:nth-child(5) { background: url(../img/content/H-li-bg-m-01.jpg)no-repeat bottom right !important;background-size: cover !important; }
  
 .ul-list-type-01 li p { padding-right: 25%; } 
.ul-list-type-01 li { background-size: 25% !important; } 
 .ctt_ildong .rental-li span,.ctt_ildong .se-01 .anchor-info-list .water-box { padding: 15px; } 
 /* .ctt_ildong .rental-li b { display: block; } */
 .ctt_ildong .rental-li p b { display: inline; } 
 
 .ctt_business .rental-li span,.ctt_business .se-01 .anchor-info-list .water-box { padding: 15px; }
 .ctt_business .rental-li p b { display: inline; }
 
 .ctt_business2 .rental-li span,.ctt_business2 .se-01 .anchor-info-list .water-box { padding: 15px; }
 .ctt_business2 .rental-li p b { display: inline; }
 
 .ctt_business3 .rental-li span,.ctt_business3 .se-01 .anchor-info-list .water-box { padding: 15px; }
 .ctt_business3 .rental-li p b { display: inline; }
 
 .sch_bar { width: 200px; padding-bottom: 10px; gap: 5px; } 
 .sch_bar input { width: 175px; } 
 .ctt_recruitment .content-hd-text::after { font-size: 48px; right: auto; left: 50%; transform: translateX(-50%); top: 80%; } 
 .content-visual .ildong-gnb-box .depth { width: 45%; } 
 .ctt_business .business_li .content-box,.ctt_business .rental-li .content-box,.ctt_business .se-01 .anchor-info-list > li .content-box, .business_li .content-box { padding:30px 20px;}
 .business_list em { width:100px;}
 .business_list span { width:100%; letter-spacing:-0.7px;}
 .business_list li::after { transform: translate(-50%, -50%) scale(0.8); width: 120%; }
 
 .business1_list em { width:100px;}
 .business1_list span { /*width:100%;*/ letter-spacing:-0.7px;}
 .business1_list li::after { transform: translate(-50%, -50%) scale(0.8); width: 120%; }
 .business1_list span.nd3 { padding:6px 10px;transform: translate(0%, 140%);right:0%;} 
 .business1_list span.nd3:before { width:30%;}
 
 .ctt_business2 .business2_li .content-box,.ctt_business2 .rental-li .content-box,.ctt_business2 .se-01 .anchor-info-list > li .content-box, .business2_li .content-box { padding:30px 20px;}
 .business2_list em { width:45px;}
 .business2_list span { width:80px; letter-spacing:-0.7px;}
 .business2_list li::after { transform: translate(-50%, -50%) scale(0.8); width: 120%; } 
  
 .ctt_business2 .logo-center { width:70px; height:70px; padding-top:15px; margin-left:-67px; margin-top:-200px;}
 .ctt_business2 ul .logo-center span { font-size:15px;}
 .ctt_business2 .txt_tit1 { font-size:16px;}
 .ctt_business2 .logo-list li { padding:35px 5px 5px 8px;}
 .ctt_business2 .logo-list li span { letter-spacing:-1px; font-size:13px;}
 
 .ctt_business3 .business3_li .content-box,.ctt_business3 .rental-li .content-box,.ctt_business3 .se-01 .anchor-info-list > li .content-box, .business3_li .content-box { padding:30px 20px;}
 .business3_list em { width:45px;}
 .business3_list span { width:80px; letter-spacing:-0.7px;}
 .business3_list li::after { transform: translate(-50%, -50%) scale(0.8); width: 120%; }
 
  
 .ctt_business3 .logo-center { width:70px; height:70px; padding-top:15px; margin-left:-67px; margin-top:-200px;}
 .ctt_business3 ul .logo-center span { font-size:15px;}
 .ctt_business3 .txt_tit1 { font-size:16px;}
 .ctt_business3 .logo-list li { padding:35px 5px 5px 8px;}
 .ctt_business3 .logo-list li span { letter-spacing:-1px; font-size:13px;}
 } 
@media (max-width: 400px) { 
 .ctt_map .addr { font-size: 10px; } 
 .ctt_organization .addr { font-size: 10px; }
 .ctt_ci .color-list { flex-direction: column; } 
 .ctt_ci .color-list li { width: 100%; height: 150px; } 
 .ctt_ci .se-01 .img-box { height: 200px; } 
 .ctt_business2 .color-list { flex-direction: column; } 
 .ctt_business2 .color-list li { width: 100%; height: 150px; } 
 .ctt_business3 .color-list { flex-direction: column; } 
 .ctt_business3 .color-list li { width: 100%; height: 150px; }
 /*.ctt_business2 .se-01 .img-box { height: 200px; }*/
 .ctt_history .color-list { flex-direction: column; } 
 .ctt_history .color-list li { width: 100%; height: 150px; } 
 .ctt_history .se-01 .img-box { height: 200px; }
 .ctt_philosophy .se-02 { padding-bottom: 80px; } 
 .ctt_philosophy .core-value-area { transform: scale(0.8); margin-top: 0; } 
 .content-visual .ildong-gnb-box .link-home { margin-right: 5px; } 
 .content-visual .ildong-gnb-box .depth > span { padding-right: 10px; } 
 .content-visual .ildong-gnb-box .link-home { width: 50px; height: 50px; } 
 .ul-list-type-02 li { width: 100%; } 
 .ul-list-type-01 li { 
 background-position: bottom 10px right 10px !important; 
 } 
 } 
 
@media (max-width: 1200px) {
	.ht-post-service-table td, .ht-post-service-table th { font-size:15px;}
}
@media (max-width: 768px) {
	.ht-post-service-table td, .ht-post-service-table th { font-size:14px;padding:10px;}
}
@media (max-width: 500px) {
	.ht-post-service-table { width:100% !important; display:block;}
	.ht-post-service-table td, .ht-post-service-table th { font-size:13px;padding:5px;}
} 

 
 /* 테이블 */
.service-team-circle { padding:45px 0 0;}
.pallet_table { padding-top:40px;}
.pallet_table2 { padding:30px 0 225px;}
.ht-post-service-container .tit-box strong {}
.tip_txt1 { color:#e63c00; margin-top:15px; display:block; font-size:16px;}
.tip_txt2 { color:#333333; margin-bottom:15px; display:block; font-size:20px; font-weight:bold;}
.ht-post-service-table {width: 100%; border-top:2px solid #000; /*margin-bottom: 100px;*/border-collapse: collapse;border-spacing: 0;}
.ht-post-service-table .type {background: #f8f8f8; font-weight:600;}
.ht-post-service-table tr {border-bottom:1px solid #ddd;}
.ht-post-service-table td, .ht-post-service-table th {height: 50px; text-align:center; font-size:16px; /*letter-spacing:-0.075em;*/ color: #444444; line-height:1.25; border-right:1px solid #ddd; padding:15px;}
.ht-post-service-table td:last-of-type, .ht-post-service-table th:last-of-type {border-right:0;}
.ht-post-service-table th.nolast {border-right:1px solid #ddd !important;}
.ht-post-service-table tr:first-of-type td:nth-child(3) {border-right:0;}
.ht-post-service-table .xi-check-circle.check {color: var(--main-color);}
.ht-post-service-table .xi-close-circle {color: #ccc;}
.ht-post-service-table .t_txt_left { text-align:left;}

 /* 주요실적 테이블 */
.pallet_table_results { padding-top:40px;}
.ht-post-service-table_results {width: 100%; border-top:2px solid var(--point); /*margin-bottom: 100px;*/border-collapse: collapse;border-spacing: 0;}
.ht-post-service-table_results .type {background: #f0f0f0; font-weight:600;}
.ht-post-service-table_results tr {border-bottom:1px solid #ddd;}
.ht-post-service-table_results td, .ht-post-service-table_results th {height: 50px; text-align:center; font-size:16px; /*letter-spacing:-0.075em;*/ color: #444444; line-height:1.25; border-right:1px solid #ddd; padding:20px;}
.ht-post-service-table_results td:last-of-type, .ht-post-service-table_results th:last-of-type {border-right:0;}
.ht-post-service-table_results th.nolast {border-right:1px solid #ddd !important;}
.ht-post-service-table_results tr:first-of-type td:nth-child(3) {border-right:0;}
.ht-post-service-table_results .xi-check-circle.check {color: var(--main-color);}
.ht-post-service-table_results .xi-close-circle {color: #ccc;}
.ht-post-service-table_results .t_txt_left { text-align:left; word-break:normal;}

 /* 탭 네비 */
.tab-nav { margin:1.5rem 0 0.8rem 0; z-index: 15; }
.tab-nav ul { display: table; width: 100%; text-align: center; }
.tab-nav li { display: table-cell; vertical-align: middle; width: 1%; border: 1px solid #ddd; background-color: #fff; -webkit-transition: all .3s ease; transition: all .3s ease;}
.tab-nav li a { display: block; padding:0.8rem 0.8rem 0.9rem !important; font-weight:500; font-size:18px;}
.tab-nav li a span{ display:none;}
.tab-nav li.active a span{ display:inline;position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0,0,0,0);border: 0;}
.tab-nav li.active { position: relative; z-index:0; border:1px solid var(--point); color:var(--point);}
.tab-nav.fixed { -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); }

@media (max-width: 1200px) {
	.ht-post-service-table td, .ht-post-service-table th { font-size:15px;}
	.ht-post-service-table_results td, .ht-post-service-table_results th { font-size:15px;}
}
@media (max-width: 768px) {
	.ht-post-service-table td, .ht-post-service-table th { font-size:14px;padding:10px;}
	.ctt_business2 .ht-post-service-table td, .ctt_business2 .ht-post-service-table th {word-break:normal;}
	.ht-post-service-table_results td, .ht-post-service-table_results th { font-size:14px;padding:10px;}
	.tip_txt2 { font-size:16px; line-height:1.2;}
	
	 /* 주요실적 테이블 */
	.pallet_table_results { padding-top:20px;}
	
	/* 탭 네비 */ 
	.tab-nav { margin:15px 0 0px 0; z-index: 15; }
	.tab-nav ul { display:inline-block; width: 100%; text-align: center; }
	.tab-nav li { display:inline-block; /*width:32.333%;*/ width:49%; margin-bottom:3px; vertical-align: middle; border: 1px solid #ddd; background-color: #fff; -webkit-transition: all .3s ease; transition: all .3s ease;}
	.tab-nav li a { display: block; padding:0.6rem 0.0rem 0.5rem !important; font-weight:500; font-size:14px; letter-spacing:-0.75px;}
	.tab-nav li a span{ display:none;}
	.tab-nav li.active a span{ display:inline;position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0,0,0,0);border: 0;}
	.tab-nav li.active { position: relative; z-index:0; border:1px solid var(--point); color:var(--point);}
	.tab-nav.fixed { -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); }
}
@media (max-width: 500px) {
	.ht-post-service-table_results { width:100% !important;}
	.ht-post-service-table_results td, .ht-post-service-table_results th { font-size:13px;padding:5px;}
}