@charset "utf-8"; /* ===================================================== */
/* 콘텐츠 공통 */
.color-b { color:#222 !important; } 
.color-g { color:#666 !important; } 
.color-1 { color:#0868ac !important; } 
.color-2 { color:#63b32e !important; } 
.color-3 { color:#e00031 !important; } 
.color-4 { color:#0091d4 !important; } 

.fw-1 { font-weight: 100; } 
.fw-2 { font-weight: 200; } 
.fw-3 { font-weight: 300; } 
.fw-4 { font-weight: 400; } 
.fw-5 { font-weight: 500; } 
.fw-6 { font-weight: 600; } 
.fw-7 { font-weight: 700; } 
.fw-8 { font-weight: 800; } 
.fw-9 { font-weight: 900; } 


.alignC { text-align:center !important; } 
.alignL { text-align:left !important; } 
.alignR { text-align:right !important; } 

.upper { text-transform: uppercase; } 

strong { font-weight: 700; } 



/*타이틀*/
.title-wrap { margin-bottom:3rem; line-height: 1.15; } 
.title-wrap .tit-type1 { font-size:max(4rem, 28px); color:#222; font-weight: 700; } 
.title-wrap .tit-type1 .stxt { display: block; font-size:max(2rem, 16px); color:var(--color-sub1); font-weight: 800; } 

.title-wrap .tit-type2 { font-size:max(3rem, 20px); color:#222; font-weight: 700; padding-left:1.8rem; position: relative; } 
.title-wrap .tit-type2::before { content:''; display: block; width:0.6rem; height:2.6rem; border-radius: 1rem; background-color: var(--color-sub1); position: absolute; left:0; top:0.4rem; } 
.tit_st1{font-family: 'NexonFootballGothic'; font-weight:700; font-size:4rem; margin-bottom:4.5rem; color:#222; text-align:center;}
.tit_st2{font-family: 'NexonFootballGothic'; font-weight:700; font-size:2.8rem; margin-bottom:2rem; color:#222;}
.tit_st3{font-family: 'NexonFootballGothic'; font-weight:700; font-size:2.2rem; margin-bottom:1.7rem; color:#009aa0;}




/* sub-content-wrap */
.sub-content-wrap { --inout-padding:calc(var(--inner-padding) - var(--outer-padding)); } 
@media (max-width: 1540px){
 .sub-content-wrap { --inout-padding:var(--outer-padding); } 
 }


@media (hover: hover) and (pointer: fine) { } 
@media (max-width: 1280px) { } 
@media (max-width: 1024px) { } 
@media (max-width: 768px) { } 
@media (max-width: 576px) { } 
@media (max-width: 480px) { }

/* 테이블 */
@media (max-width: 1100px) {
	.tb__scroll {position: relative; padding-top:25px; margin-top:-2rem;}
	.tb__scroll::after {content: ''; display: block; width:24px; height:24px; background:url('../images/common/ico_scrollx.gif') center top no-repeat; position: absolute; top:0; right:0;}
	.tb__scroll-inner {overflow-x:auto; padding-bottom:1rem;}
	.tb__scroll-inner::-webkit-scrollbar {height: 6px; background-color: #fff;}
	.tb__scroll-inner::-webkit-scrollbar-thumb {border: 1px solid transparent; background-color: var(--color-main); background-clip: content-box;}
}
@media (max-width: 506px) {
	.tb__scroll_w506 {position: relative; padding-top:25px; margin-top:-2rem;}
	.tb__scroll_w506::after {content: ''; display: block; width:24px; height:24px; background:url('../images/common/ico_scrollx.gif') center top no-repeat; position: absolute; top:0; right:0;}
	.w506 .tb__scroll-inner.table-st01 {overflow-x:auto; padding-bottom:1rem;}
	.w506 .tb__scroll-inner.table-st01::-webkit-scrollbar {height: 6px; background-color: #fff;}
	.w506 .tb__scroll-inner.table-st01::-webkit-scrollbar-thumb {border: 1px solid transparent; background-color: var(--color-main); background-clip: content-box;}
}


/* 테이블 스타일 */
.table-st01 table {position: relative; font-family: 'Pretendard';}
.table-st01 table th.wid50 {width:50%;}
.table-st01 table thead th, .table-st02 table thead th{background-color:#009aa0; color:#fff; font-weight:600; border-right:1px solid #fff; padding:2rem; font-size:2rem;}
.table-st01 table tbody tr:nth-child(odd){background-color:#f4fafa; }
.table-st01 table tbody tr:nth-child(even){background-color:#fff; }
.table-st01 table tbody tr:last-child, .table-st02 table tbody tr:last-child{border-bottom:2px solid #f4fafa;}
.table-st01 table tbody tr th{font-weight:500; color:#009aa0; font-size:1.7rem; padding:1.7rem;}
.table-st01 table tbody tr td{font-weight:300; color:#666; font-size:1.7rem; padding:1.7rem; border-left:1px solid #c9e8ea; text-align:center;}

.table-st02 table thead th{border-bottom:1px solid #fff;}
.table-st02 table {position: relative; font-family: 'Pretendard';text-align:center;}
.table-st02 table tbody tr th{background-color:#f4fafa; font-weight:400; color:#666; font-size:1.7rem; padding:1.7rem; border-bottom:1px solid #fff;}
.table-st02 table tbody tr td{background-color:#fff;font-weight:300; color:#666; font-size:1.7rem; padding:1.7rem; border-right:1px solid #ddd;border-bottom:1px solid #ddd;}
.table-st02 table tbody tr:last-child td{border-bottom:none;}

.tb_align_left tbody tr td:last-child{ text-align:left; padding-left:3rem;}

.sup_exp{display:flex; font-family: 'Pretendard'; color:#666; font-weight:300; font-size:1.8rem; line-height:1.3;}
.sup_exp sup{margin-right:0.3rem;}
.tb_cap{font-family: 'NexonFootballGothic'; color:#666;font-size:1.8rem; margin-bottom:1.7rem; line-height:1.5;}
@media (max-width: 1300px) {
	.table-st02 table thead th{font-size:1.8rem;}
	.table-st02 table tbody tr th, .table-st02 table tbody tr td{padding:1rem; font-size:1.6rem;}
}
@media (max-width: 1100px) {
	.table-st02 table {min-width:1100px;}
	
}

@media (max-width: 506px) {
	.tb__scroll_w506 .table-st01 table{min-width:510px;}
}

/* 콘텐츠 공통 */
/* ===================================================== */

.ite-cnt { overflow: hidden; line-height: 1.5; }
.mg_tp8{margin-top:8rem;}
.mg_tp3{margin-top:3rem;}
.mg_bt2{margin-bottom:2rem;}
.mg_bt3{margin-bottom:3rem;}
.mg_bt8{margin-bottom:8rem;}
.gr_line{border-bottom:1px solid #cecece;}
.f_gr{color:#009aa0;}
.f_bl{color:#31279f;}
.ofhidden{overflow:hidden;}

/* ===================================================== */
/* 0101_인사말 */
.greeting { text-align: center; overflow: hidden;} 
.greeting .tit { position: relative; } 
.greeting .tit::before { position: absolute; left: 0; top: 0; content: ""; width: 486px; height: 180px; background: url(../images/sub/greeting_logo.png) no-repeat; } 
.greeting h3 { font-size: 4.6rem; font-weight: 700; color: var(--color-main); font-family: 'NexonFootballGothic'; line-height: 1.3; } 
.greeting h3 b { color: var(--color-sub); } 
.greeting .sec02 { background-color: #f7f7f7; padding: 8rem 0; margin-top: 8rem; } 
.greeting .desc p { font-size: 1.8rem; color: #222; margin-top: 3.5rem; line-height: 1.6; } 
.greeting .desc p:last-child { font-family: 'NexonFootballGothic'; font-size: 2rem; font-weight: 700; } 
.greeting .sec03 { padding: 8rem 0; background: url(../images/sub/greeting_sec03_bg.png) 100% 15% no-repeat, #0c1d24; font-family: 'NexonFootballGothic'; } 
.greeting ol { display: grid; grid-template-columns: repeat(4, 1fr); gap: 4rem; } 
.greeting ol li { position: relative; z-index: 0; } 
.greeting ol li .border { position: absolute; top: 1rem; right: -1rem; z-index: -1000; height: 210px; } 
.greeting ol li .border .img { width: 100%; height: 100%; } 
.greeting ol li .border .img img { width: 100%; height: 100%; object-fit: contain; } 
.greeting ol li .box { padding: 5rem 2rem; clip-path: polygon(15% 0%, 100% 0%, 100% 100%, 0 100%, 0 20%); background-color: rgb(0 0 0 / 0.5); backdrop-filter: blur(3px); } 
.greeting ol li .bor_w {position:absolute;top:0; left:0;width:100%;height:100%;transform:translate(5%, 5%);border:1px solid #fff;clip-path: polygon(96% 0%, 100% 0%, 100% 100%, 0 100%, 0 95%); } 
.greeting ol li h4 { font-size: 2.8rem; color: rgb(255, 255, 255, .3); position: relative; display: inline-block; padding: 0 4rem; } 
.greeting ol li h4:before,
.greeting ol li h4:after { position: absolute; content: ""; width: 20px; height: 20px; background: url(../images/sub/ite_triangle_top.png) no-repeat; left: 0; top: -.5rem; } 
.greeting ol li h4:after { background: url(../images/sub/ite_triangle_bottom.png) no-repeat; left: auto; right: 0; top: auto; bottom: .5rem; } 
.greeting ol li h5 { font-size: 3.8rem; font-weight: 700; color: #fff; margin-top: 3rem; } 

@media (max-width: 1024px){
 .greeting .tit::before { background-size: contain; width: 456px; height: 180px; left: 50%; transform: translateX(-50%); opacity: 0.7; } 
 .greeting ol li h4 { font-size: 2.2rem; } 
 .greeting ol li h5 { font-size: 2.8rem; } 
 .greeting ol li h4:before, .greeting ol li h4:after { width: 10px; height: 10px; background-size: contain; } 
 }
@media (max-width: 768px){
 .greeting .tit::before { width: 406px; } 
 }
@media (max-width: 680px){
 .greeting ol { grid-template-columns: repeat(2, 1fr); } 
 .greeting ol li .bor_w { transform: translate(4%, 5%); } 
 }
@media (max-width: 480px){
 .greeting .tit::before { width: 356px; } 
 }
/* 0101_인사말 */
/* ===================================================== */











/* ===================================================== */
/* 0102_연혁 */
.history .year > li { padding: 10rem 0; } 
.history .year > li:first-child { padding: 0 0 10rem 0; } 
.history .year > li:nth-child(even) { background-color: #f7f7f7; } 
.history .wrap { display: flex; justify-content: space-between; } 
.history .wrap .left { font-family: 'NexonFootballGothic'; width: 50%; padding-right: 14rem; } 
.history .wrap .left h3 { font-size: 4rem; font-weight: 700; color: var(--color-sub); } 
.history .wrap .left h4 { font-size: 9.7rem; font-weight: 700; color: #c4c4c4; display: flex; flex-direction: column; line-height: 1.1; } 
.history .wrap .left h4 span { text-align: right; color: var(--color-sub); align-self: flex-end; padding-right: 10rem; } 
.history .wrap .left .img { max-width: 55rem; height: 23rem; margin: 3rem 0 5rem 0; box-shadow: 0 15px 20px rgba(0, 0, 0, 0.08); } 
.history .wrap .left .img img { width: 100%; height: 100%; object-fit: cover; } 
.history .wrap .right { margin-top: 6rem; width: 50%; } 
.history .wrap .right .month li { display: flex; margin-top: 2rem; } 
.history .wrap .right .month li h5 { font-size: 2rem; font-weight: 700; font-family: 'NexonFootballGothic'; color: #222; width: 12rem; flex-shrink: 0; width: 12rem; line-height: 1.7; } 
.history .wrap .right .month li p { font-size: 1.8rem; color: #666; } 

@media (max-width:1024px){
 .history .wrap .left { padding-right: 7rem; } 
 }
@media (max-width:640px){
 .history .wrap { flex-direction: column; } 
 .history .wrap .left { width: 100%; padding-right: 0; } 
 .history .wrap .left .img { max-width: none; width: 100%; } 
 .history .wrap .left h4 { display: unset; width: 100% !important; } 
 .history .wrap .left h4 span { padding-right: 0; padding-left: 2rem; display: inline; } 
 .history .wrap .right { width: 100%; } 
 }
/* 0102_연혁 */
/* ===================================================== */










/* ===================================================== */
/* 0103_조직도 */
.organization { display: flex; flex-direction: column; align-items: center; background: url(../images/sub/organization_bg.jpg) 50% 100% no-repeat; padding-bottom: 15rem; } 
.organization .top { text-align: center; margin-bottom: 8.5rem; font-family: 'NexonFootballGothic'; } 
.organization .top h3 { color: #222; font-size: 4.5rem; font-weight: 700; } 
.organization .top p { color: #666; font-size: 2rem; } 
.organization .bottom .img img:last-child { display: none; } 

@media (max-width: 640px){
 .organization .bottom .img img:first-child { display: none; } 
 .organization .bottom .img img:last-child { display: block; } 
 }
/* 0103_조직도 */
/* ===================================================== */










/* ===================================================== */
/* 0104_주요사업분야 */
.business .sec01 { font-family: 'NexonFootballGothic'; text-align: center; line-height: 1.3; display: flex; flex-direction: column; align-items: center; } 
.business .sec01 h3 { color: #222; font-size: 4rem; font-weight: 700; } 
.business .sec01 h3 b { color: var(--color-sub); } 
.business .sec01 h3 b:nth-child(3) { color: var(--color-main); } 
.business .sec01 h3 strong { color: #c7c7c6; } 
.business .sec01 p { padding: 3rem; background-color: #f7f7f7; font-size: 2.2rem; max-width: 88rem; margin-top: 4rem; } 
.business .sec01 p b { color: var(--color-sub); font-weight: 700; } 
.business .tit h4 { font-size: 4.8rem; font-family: 'NexonFootballGothic'; font-weight: 700; color: #222; } 
.business .sec02 { background: url(../images/sub/business_sec02-bg.jpg) 50% 50% no-repeat; padding: 10rem 0; margin: 10rem 0; } 
.business .sec02 .tit h4 { color: #fff; margin-bottom: 6.5rem; } 
.business .vision-wrap { display: flex; justify-content: center; gap: 8rem; } 
.business .vision-card { width: 280px; height: 380px; position: relative; perspective: 1400px; } 
.business .skew-wrap { position: absolute; inset: 0; transform-style: preserve-3d; backface-visibility: hidden; transform: skewY(15deg); background: rgba(255,255,255, .8); backdrop-filter: blur(5px); overflow: hidden; transition: transform .8s ease; } 
.business .skew-wrap .content { transform: skewY(-15deg); padding: 3rem; color: #fff; font-weight: 700; max-height: 100%; font-family: 'NexonFootballGothic'; } 
.business .skew-wrap.back .content::-webkit-scrollbar-thumb:hover { background: rgba(255, 255, 255, 0.6); } 
.business .skew-wrap .content h3 { font-size: 3rem; font-weight: 700; color: rgb(0, 154, 160, .5); } 
.business .skew-wrap .content p { font-size: 4.5rem; font-weight: 700; color: #222; line-height: 1.2; margin-top: 2rem; } 
.business .skew-wrap.front { transform: skewY(15deg) rotateY(0deg); } 
.business .skew-wrap.front .img { position: absolute; right: 3rem; bottom: 3rem; transform: skewY(-15deg); } 
.business .skew-wrap.back { transform: skewY(-15deg) rotateY(180deg); background: rgba(0,0,0, .5); border: 2px solid #fff; } 
.business .skew-wrap.back .content { transform: skewY(15deg); display: flex; flex-direction: column; align-items: flex-end; overflow-y: auto; text-align: left; scrollbar-width: thin; scrollbar-color: rgba(255, 255, 255, 0.4) transparent; } 
.business .skew-wrap.back .content::-webkit-scrollbar { width: 6px; } 
.business .skew-wrap.back .content::-webkit-scrollbar-track { background: transparent; } 
.business .skew-wrap.back .content::-webkit-scrollbar-thumb { background: rgba(255, 255, 255, 0.4); border-radius: 10px; backdrop-filter: blur(4px); } 
.business .skew-wrap.back .content p { color: #fff; font-size: 1.7rem; font-family: "pretendard"; line-height: 1.5; font-weight: 500; } 
.business .skew-wrap.back .img { position: absolute; left: 3rem; bottom: 3rem; transform: skewY(15deg); } 
.business .vision-card:hover .front { transform: skewY(-15deg) rotateY(180deg); } 
.business .vision-card:hover .back { transform: skewY(-15deg) rotateY(360deg); } 
.business .sec03 > ul { margin: 6rem 0 12rem; } 
.business .sec03 > ul > li { display: flex; justify-content: space-between; margin-top: 8rem; gap: 0 10rem; } 
.business .sec03 > ul > li:first-child { margin-top: 0; } 
.business .sec03 > ul > li .desc h5 { color: var(--color-sub); font-size: 2.8rem; font-weight: 700; font-family: 'NexonFootballGothic'; } 
.business .sec03 > ul > li .img { width: 60rem; height: 40rem; clip-path: polygon(10% 0%, 100% 0%, 100% 100%, 0 100%, 0 15%); } 
.business .sec03 > ul > li .img img { width: 100%; height: 100%; object-fit: cover; } 
.business .sec03 > ul > li .desc { width: 70rem; } 
.business .sec03 > ul > li .desc h5 { color: var(--color-sub); font-size: 2.8rem; font-weight: 700; font-family: 'NexonFootballGothic'; } 
.business .sec03 > ul > li .desc > ul { margin-top: 3rem; padding-top: 3rem; border-top: 1px solid #f2f2f2; } 
.business .sec03 > ul > li .desc > ul > li { font-size: 1.8rem; color: #454545; font-weight: 600; position: relative; margin-top: 1rem; padding-left: 1rem; } 
.business .sec03 > ul > li .desc > ul > li:first-child { margin-top: 0; } 
.business .sec03 > ul > li .desc > ul > li:before { position: absolute; width: 5px; height: 5px; background-color: #454545; content: ""; left: 0; top: 10px; } 
.business .sec03 > ul > li .desc > ul > li > ul > li { font-size: 1.8rem; color: #666666; font-weight: 500; margin-top: 1rem; } 

@media (max-width:1280px){
 .business .vision-wrap { gap: 3rem; } 
 }
@media (max-width:1024px){
 .business .skew-wrap .content p { font-size: 3.6rem; } 
 .business .skew-wrap.front .img,
 .business .skew-wrap.back .img { display: flex; justify-content: flex-end; } 
 .business .skew-wrap.back .img { justify-content: flex-start; } 
 .business .skew-wrap.front .img img,
 .business .skew-wrap.back .img img { width: 60%; height: 60%; object-fit: cover; } 
 .business .sec03 > ul > li { gap: 0 5rem; } 
 .business .sec03 > ul > li .desc > ul > li:before { width: 3px; height: 3px; top: 10px; } 
 }
 @media (max-width:870px){
 .business .sec02 { background-size:cover;}
  .business .vision-wrap { display: grid; grid-template-columns: repeat(2, 2fr); gap: 3rem; } 
 .business .vision-card { width: 100%; height: 300px; } 
 .business .skew-wrap .content { height: 200px; } 
 .business .skew-wrap .content,
 .business .skew-wrap.front,
 .business .vision-card:hover .back,
 .business .skew-wrap.back .content,
 .business .skew-wrap.front .img,
 .business .skew-wrap.back .img { transform: initial; } 
 .business .skew-wrap.back .content p { font-weight: 300; } 
 .business .sec03 > ul > li { flex-direction: column; gap: 3rem 0; } 
 .business .sec03 > ul > li:nth-child(even) { flex-direction: column-reverse; } 
 .business .sec03 > ul > li .img { width: 100%; height: 30rem; } 
 .business .sec03 > ul > li .desc { width: 100%; } 
 .business .sec03 > ul > li .desc > ul > li:before { top: 7px; }
 }
@media (max-width:768px){
 .business .sec02 { background: url(../images/sub/business_sec02-bg_mo.jpg) 50% 50% no-repeat; } 
 .business .sec02 .tit h4 { margin-bottom: 3rem; } 
 .business .vision-wrap { display: grid; grid-template-columns: repeat(2, 2fr); gap: 3rem; } 
 .business .vision-card { width: 100%; height: 300px; } 
 .business .skew-wrap .content { height: 200px; } 
 .business .skew-wrap .content,
 .business .skew-wrap.front,
 .business .vision-card:hover .back,
 .business .skew-wrap.back .content,
 .business .skew-wrap.front .img,
 .business .skew-wrap.back .img { transform: initial; } 
 .business .skew-wrap.back .content p { font-weight: 300; } 
 .business .sec03 > ul > li { flex-direction: column; gap: 3rem 0; } 
 .business .sec03 > ul > li:nth-child(even) { flex-direction: column-reverse; } 
 .business .sec03 > ul > li .img { width: 100%; height: 30rem; } 
 .business .sec03 > ul > li .desc { width: 100%; } 
 .business .sec03 > ul > li .desc > ul > li:before { top: 7px; } 
 }
 @media (max-width:653px){
 .business .sec01 h3{display:ruby;} 
 }
 @media (max-width:581px){
 .business .sec01 p br{display:none;} 
 }
@media (max-width:480px){
 .business .vision-wrap { grid-template-columns: repeat(1, 2fr); } 
 .business .vision-card { height: 250px; } 
 }
/* 0104_주요사업분야 */
/* ===================================================== */












/* ===================================================== */
/* 0105_오시는길 */
.location { position: relative; font-family: 'NexonFootballGothic'; } 
.location:first-child { margin-top: 0; } 
.location .tit { margin-bottom: 4rem; text-align: center; } 
.location .tit h3 { font-size: 4.5rem; color: #222; font-weight: 700; position: relative; display: inline-block; } 
.location-map { height: 40rem; overflow: hidden; } 
.location-map .item { height: 100%; position: relative; } 
.location-map .item iframe { width: 100%; height: 100%; border: 0; aspect-ratio: 16 / 5; position: relative; z-index: 1; } 
.location .info { background-color: #f7f7f7; margin-top: 3rem; position: relative; } 
.location .info:before,
.location .info:after
 {
 position: absolute; content: ""; width: 30px; height: 30px; left: 0; top: 0; background: url(../images/sub/location_triangle-top.png) no-repeat; } 
.location .info:after { left: auto; top: auto; right: 0; bottom: 0; background: url(../images/sub/location_triangle-bottom.png) no-repeat; } 
.location .info ul { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; padding: 2.5rem 4rem; gap: 0 3rem; } 
.location .info ul li { display: flex; align-items: center; gap: 2rem; } 
.location .info ul li h4 { font-size: 2.5rem; font-weight: 700; color: var(--color-sub); } 
.location .info ul li p { font-size: 2rem; color: #666; } 
.location .info ul li:nth-child(2) p { display: flex; align-items: center; } 
.location .info ul li:nth-child(2) p a:last-child { margin-left: 1rem; } 
.location .img-area { background-color: #f7f7f7; padding: 10rem 0 15rem; margin-top: 10rem; } 
.location .img-area ul { display: flex; gap: 2rem; } 
.location .img-area ul li { text-align: center; } 
.location .img-area ul li .img { clip-path: polygon(10% 0%, 100% 0%, 100% 100%, 0 100%, 0 15%); } 
.location .img-area ul li h5 { margin-top: 1.5rem; color: #222; font-size: 2rem; } 

@media (max-width: 1024px){
 .location .info ul { justify-content: flex-start; } 
 }
@media (max-width: 1021px){
 .location .info ul li{gap:1rem;}
 .location .info ul li h4{font-size:2rem;}
 .location .info ul li p{font-size:1.8rem;}
 }
@media (max-width: 897px){
 .location .info ul{padding:2.5rem 12rem;}
.location .info ul li{width:100%; border-bottom:1px dashed #ddd;margin-bottom:1rem; }
.location .info ul li:last-child{border-bottom:none;margin-bottom:0;}
.location .info ul li h4{min-width:10rem;}
 }
@media (max-width: 640px){
 .location .img-area ul { flex-direction: column; gap: 4rem; } 
 .location .info ul{padding:2.5rem 5rem;}
 .location .info ul li p{display:flex; flex-wrap:wrap;}
 .location .info ul li p a:first-child{margin-left:1rem;}
 }
/* 0105_오시는길 */
/* ===================================================== */



/* 0106_ci */
/* ===================================================== */
/*CI*/
.cts0106 { position: relative; font-family: 'NexonFootballGothic'; } 
.cts0106 .inner{margin-bottom:50px;  }
.cts0106 .tit { margin-bottom: 4rem; text-align: center; } 
.cts0106 .tit h3 { font-size: 4.5rem; color: #222; font-weight: 700; position: relative; display: inline-block; } 
.cts0106 .ci_grop {border: 1px solid #e8e8e8;text-align: center;padding: 40px 0 20px 0; background:#f5f5f5;}
.cts0106 .ci_grop .ci_img { width: 80%; display: inline-block; padding-bottom: 20px; }
.cts0106 .ci_grop .ci_img_e { width: 80%; display: inline-block; padding-bottom: 20px; }
.cts0106 .ci_grop .ci_img ul li { width: 50%; float: left; margin-top: 20px; text-align: center; }
.cts0106 .ci_grop .ci_img ul li img { text-align: center; }
.cts0106 .margin_t_30{margin-top:20px;}
.cts0106 .fr{text-align:right;}
.cts0106 .ci_grop .ci_img_e ul li { width: 100%; float: left; margin-top: 20px; text-align: center; }
.cts0106 .ci_grop .ci_img_e ul li img { text-align: center; margin-bottom: 20px; }

@media all and (max-width: 790px){
 .cts0106 .ci_grop .ci_img { text-align: center; vertical-align:middle;}
 .cts0106 .ci_grop .ci_img img { max-width: 80%; }

 .cts0106 .ci_grop .ci_img_e { text-align: center; vertical-align:middle; }
 .cts0106 .ci_grop .ci_img_e img { max-width: 80%; }
 }



/* 버튼스타일 */
.btn{display:inline-block; position:relative; min-width:120px; margin:0; padding:13px 20px; border:1px solid #59585d98; box-sizing:border-box; background-color:#fff; font-size:16px; line-height:18px; color:#444; text-align:center; transition:0.1s; vertical-align:middle;}
.btn:hover{border-color:#59585d; background-color:#59585d; color:#fff;}
.btn.type2{padding:5px 5px; min-width:90px;vertical-align:top;border-color:#59585d;border-radius:3px;}
.btn-list{display:inline;}
/*.btn.type{border:1px solid #01a3b0; background-color:#01a3b0; color:#fff;}
.btn.type:hover{border:1px solid #006a81; background-color:#006a81;}
.btn.type2{border-color:#59585d; background-color:#fff; color:#444;}
.btn.type2:hover{border-color:#59585d; background-color:#59585d; color:#fff;}*/
.btn + .btn{margin-left:6px;}

.btn.link{padding-right: 34px;}
.btn.link:after{content:"";width:17px;height:19px;background:url(../images/sub/link_icon.png) no-repeat;position:absolute;right: 11px;top: 12px;}
.btn.link:hover:after{background:url(../images/sub/link_icon_on.png) no-repeat;}
.btn.down{padding-right: 34px;}
.btn.down:after{content:"";width:15px;height:19px;background:url(../images/sub/down_icon.png) no-repeat;position:absolute;right: 11px;top: 12px;}
.btn.down:hover:after{background:url(../images/sub/down_icon_on.png) no-repeat;}


@media all and (max-width:640px){
    .btn{min-width:107px; padding:5px; font-size:14px; line-height:22px;}
	.btn-list{display:block;margin-top:5px;}
	.btn.link:after{top:7px;}
	.btn.down:after{top:7px;}
}

/* 0106_ci */
/* ===================================================== */




/* ===================================================== */
/* 0401_주요실적 */
.performance { margin-bottom: 10rem; } 
.performance .prod_tabcontent .visual { margin-bottom: 10rem; position: relative; font-family: 'NexonFootballGothic'; height: 25rem;} 
.performance .prod_tabcontent .visual img { width: 100%; height: 100%; object-fit: cover;} 
.performance .prod_tabcontent .visual h3 { position: absolute; color: #fff; font-size: 10.3rem; font-weight: 700; bottom: 1rem; left: 3rem; line-height: 1; } 
/* 0401_주요실적 */
/* ===================================================== */




/* 제품소개 공통:S */
/* 제품탭: S */
.prod_tab{margin:0 var(--inner-padding); margin-bottom:7rem;border-bottom:2px solid #e9f6f7; text-align:center; position:relative; font-size:0; --stab-height:6rem;}
.prod_tab_d{display:inline-block; max-width:100%; position:relative; padding:0 3rem;}
.prod_tab_d::before,
.prod_tab_d::after{
	content:""; 
	background-color: #e9f6f7; display:block; 
	width:3rem;
	height:100%;
	position:absolute;
}
.prod_tab_d::before{left:0; top:0; clip-path: polygon(100% 0, 100% 100%, 0 100%);}
.prod_tab_d::after{right:0; top:0; clip-path: polygon(0 0, 100% 100%, 0 100%);}
.prod_tabnav{position:relative; width:100%; overflow-x:auto; white-space:nowrap; font-family: 'NexonFootballGothic'; font-weight:700; display:flex; justify-content:center; }
.prod_tabnav::-webkit-scrollbar {height: 8px; background-color: #e9f6f7;}
.prod_tabnav::-webkit-scrollbar-thumb {border: 2px solid transparent; background-color: var(--color-main); background-clip: content-box;}
.prod_tabnav li{display: inline-block; background-color:#e9f6f7; text-align:center; }
.prod_tabnav li:first-child{position:relative;}
.prod_tabnav li:first-child::before{ }
.prod_tabnav li:last-child{position:relative;}
.prod_tabnav li:last-child::after{}
.prod_tabnav li a:before{content:""; position:absolute; left:50%; bottom:2px; transform:translateX(-50%); width:2rem; height:0.3rem; }
.prod_tabnav li a.active:before{background-color:#009aa0;}
.prod_tabnav li a{ padding:2rem 2rem; font-size:max(2rem, 15px); position:relative; display:block; background-color: #e9f6f7; color:#888;   text-decoration:none; }
.prod_tabnav li a:hover,
.prod_tabnav li a.active{ color:#009aa0; transition: all 0.5s ease;}
@media (max-width: 863px) {
	.prod_tabnav{justify-content:start;}
}


/* : E */


/* 제품소개_개요: S */
.prod_tabcontent section:last-child{padding-bottom:20rem;}
section.prod {padding:8rem 0;}
.pr_intbg_st01 {background:url('../images/sub/pr_int_bg.jpg') center top no-repeat; width:100%; padding:5rem 4rem;}
.pr_intbg_st01 p {width:70%; text-align:center; font-size:2rem; line-height:1.5; color:#fff; margin:0 auto;}
section.bg_gr{background-color:#f7f7f7; }

.pr_intbg_st02 {margin-bottom:5rem; background:#efefef; width:100%; padding:3rem 4rem; font-family: 'Pretendard'; font-weight:300; color:#222; font-size:1.8rem; line-height:1.5;}

.ps_2{display:flex; flex-wrap:wrap;justify-content:space-between;}
.ps_2box{width:49%;}

@media (max-width: 640px) {
	.pr_intbg p {width:80%; }
	.ps_2box{width:100%;}
}
/* : E */


/* 특징: S */
.pro_chr{display:flex; flex-wrap:wrap; justify-content:space-between; }
.chr_boxst01{background-color:#fff; padding:4rem 3rem; width:49.3%; margin-bottom:2rem; position:relative; display:flex;align-items:center;}
.chr_boxst01::before{content:'';width:5rem; height:5rem; position:absolute; top:0; left:0; background-color:#009aa0; clip-path: polygon(100% 0, 0 0, 0 100%);}
.chr_boxst01 img{object-fit:none; margin-right:3rem;}
.chr_boxst01 .chr_cont h4 {font-family: 'NexonFootballGothic';font-weight:700; font-size:2.2rem; color:#009aa0; margin-bottom:1.5rem;}
.chr_boxst01 .chr_cont .chr_txt {font-family: 'Pretendard'; font-weight:400; color:#666; font-size:1.7rem;}
.chr_boxst01 .chr_cont .chr_txt li{ display:flex; align-items:center; margin-bottom:0.7rem;}
.chr_boxst01 .chr_cont .chr_txt li::before{content:''; text-indent:1rem; margin:0.7rem 0.5rem auto 0rem; height:0.5rem; aspect-ratio:1/1; background-color:#b7dfe1; display:flex;}

.chr_boxst02 {background-color:#fff; border:3px solid #b7dfe1; width:100%; padding:3.5rem 4rem;font-family: 'NexonFootballGothic';font-size:1.8rem; color:#222;}
.chr_boxst02 li{display:flex; margin-bottom:1.7rem; }
.chr_boxst02 li:last-child{margin-bottom:0;}
.chr_boxst02 li::before{content:''; text-indent:1rem; margin:0.7rem 0.5rem auto 0rem; height:0.5rem; aspect-ratio:1/1; background-color:#b7dfe1; display:flex;}
.chr_boxst02 li.be_none{margin-top:-1.5rem;}
.chr_boxst02 li p {font-family: 'Pretendard'; font-size:1.7rem; color:#666; font-weight:300; margin-left:1.5rem;}
.chr_boxst02 li.be_none::before{content:none;}
.chr_boxst02 li p::before{content:'※'; text-indent:1rem; margin:1rem 0.5rem 0 -1rem;}

.chr_boxst03{background-color:#fff; border:3px solid #b7dfe1; padding:4rem; width:49%; margin-bottom:2rem; position:relative; display:flex;align-items:center;}
.chr_boxst03 .chr_cont {max-width:85%;}
.chr_boxst03 .chr_cont h5{font-family: 'NexonFootballGothic';font-weight:700; font-size:2.2rem; color:#009aa0; margin-bottom:1.5rem;}
.chr_boxst03 .chr_cont .chr_txt{font-family: 'Pretendard'; font-weight:400; color:#666; font-size:1.7rem;} 
.chr_boxst03 .chr_cont .chr_txt li{ display:flex; align-items:center; margin-bottom:0.7rem;}
.chr_boxst03 .chr_cont .chr_txt li::before{content:'·'; text-indent:1rem; margin:0 0.5rem auto -1rem; font-weight:500;}
.chr_boxst03 img{position:absolute; bottom:3rem; right:3rem; }

@media (max-width: 1023px) {
	.chr_boxst03 .chr_cont {max-width:80%;}
}
@media (max-width: 840px) {
	.chr_boxst01{width:100%;}
	.chr_boxst01:last-child{margin-bottom:0;}	
	
}
@media (max-width: 770px) {
	.chr_boxst03{width:100%;}
	.chr_boxst03:last-child{margin-bottom:0;}
}

@media (max-width: 480px) {
	.chr_boxst01 img{object-fit:contain; width:17%;margin-right:4%;}
	.chr_boxst02 {padding:3.5rem 3rem;}
	.chr_boxst03 img{object-fit:contain; width:16%;}
}
@media (max-width: 420px) {
	.chr_boxst01{padding:3rem 2rem;}
	.chr_boxst01 .chr_cont h4{margin-bottom:1.2rem;}
}
/* : E */

/* 제품사진박스: S */
.img_box2, .img_box3, .img_box4{display:flex; flex-wrap:wrap; justify-content:space-between; }
.img_box23{display:flex;justify-content:space-between;}
.img_box2 div{width:49%; }
.img_box3 div{width:33%; }
.img_box4 div{width:24%; }
.img_box2 div img, .img_box23 div img, .img_box3 div img, .img_box4 div img{border:1px solid #f7f7f7;}
.img_box2 div p, .img_box23 div p, .img_box3 div p, .img_box4 div p{font-family: 'NexonFootballGothic'; color:#666; text-align:center; margin-top:1.5rem;}
@media (max-width: 1436px) {
	.img_box23 div img{max-height:29rem;}
	.img_box23 div:first-child{width:24%;}
	.img_box23 div:last-child{width:74%;}
}
@media (max-width: 1430px) {
	.img_box3 div {width:32.5%;}

}
@media (max-width: 760px) {
	.img_box4 div {width:49%; margin-bottom:2.5rem;}
}
@media (max-width: 480px) {
	.img_box23{flex-wrap:wrap;}
	.img_box23 div:first-child{width:100%;margin-bottom:2rem;}
	.img_box23 div:last-child{width:100%;}
	.img_box2 div, .img_box3 div{width:100%; margin-bottom:2rem;}
	.img_box2 div img, .img_box23 div img, .img_box3 div img{width:100%;}
	.img_box2 div:last-child, .img_box23 div:last-child, .img_box3 div:last-child{margin-bottom:0;}
}
/* : E */

/* 기대효과: S */
.ex_eff {display:flex; flex-wrap:wrap; justify-content:space-between; padding-bottom:6rem; }
.ex_eff li{width:49%; margin-bottom:2.2rem; padding:3rem; font-family: 'NexonFootballGothic';}
.ex_eff li:nth-child(1), .ex_eff li:nth-child(4){background-color:#e9f6f7;}
.ex_eff li:nth-child(2), .ex_eff li:nth-child(3){background-color:#efeffa;}
.ex_eff li .eff_no{font-weight:700; color:#fff; font-size:9rem; }
.ex_eff li h4{font-weight:700; font-size:2.6rem; margin-bottom:1.3rem;}
.ex_eff li:nth-child(1) h4, .ex_eff li:nth-child(4) h4{color:#009aa0;}
.ex_eff li:nth-child(2) h4, .ex_eff li:nth-child(3) h4{color:#31279f;}
.ex_eff li p {font-size:1.7rem; color:#666;}

@media (max-width: 670px) {
	.ex_eff li{width:100%;}
	.ex_eff li:last-child{margin-bottom:0;}
	.ex_eff li:nth-child(even){background-color:#efeffa;}
	.ex_eff li:nth-child(odd){background-color:#e9f6f7;}
	.ex_eff li:nth-child(even) h4{color:#31279f;}
	.ex_eff li:nth-child(odd) h4{color:#009aa0;}
}
/* : E */

/* 기존장비와 차이점: S */
.compr{position:relative; display:flex; flex-wrap:wrap;}
.compr_box{width:50%; font-family: 'NexonFootballGothic';}
.compr_box h5{width:100%; padding:2rem; display:flex; justify-content:center; align-items:center; color:#fff; font-size:2.4rem; font-weight:700;}
.compr_box div{width:100%; color:#666; font-size:2rem;padding:2rem;display:flex; justify-content:center; align-items:center;text-align:center;}
.f_red{color:#d62546;}
.compr_box.grbox{border-right:1px solid #fff;}
.compr_box.grbox h5{background-color:#009aa0;}
.compr_box.blbox h5{background-color:#31279f;}
.compr_box.grbox div{background-color:#e9f6f7;}
.compr_box.blbox div{background-color:#efeffa;}
.compr_box div img{margin-right:1rem; margin-left:1rem;}

.versus{
	font-family: 'NexonFootballGothic'; 
	position:absolute;top:50%; left:50%; transform:translate(-50%, -50%); 
	border-radius:50%; font-size:4rem; font-weight:700; color:#31279f;
	background-color:#fff;padding:2.5rem; height:70%; aspect-ratio:1/1;
	display:flex; justify-content:center; align-items:center;
	padding-bottom:1rem;
	box-shadow: 10px 10px 10px rgba(0,0,0,0.05), 10px 10px 10px rgba(0,0,0,0.05);
	z-index:100;
}
.ver_ex{font-family: 'NexonFootballGothic'; text-align:center; font-size:2rem;}

@media (max-width: 1448px) {
	.compr_box div{padding:2rem 18rem; min-height:9rem;}
}
@media (max-width: 1381px) {
	.compr_box div{padding:2rem 13rem; }
	.compr_box.grbox div{}
}
@media (max-width: 1072px) {
	.compr_box div{padding:2rem 8rem;}
}
@media (max-width: 914px) {
	.compr_box{width:100%; margin:1rem 0;}
	.compr_box h5{padding:2.5rem;}
	.compr_box div{padding:2.5rem;}
	.versus{height:53px;font-size:2.5rem;padding:1rem 1.5rem 0 1.5rem;}
}
@media (max-width: 505px) {
	.compr_box div{padding:2.5rem 1rem;}
}
@media (max-width: 430px) {
	.compr_box div{padding:2.5rem 9rem;}
	.versus{height:40px;}
}
@media (max-width: 430px) {
	.compr_box div{padding:2.5rem 5rem;}
}
/* : E */


/* 다운로드버튼: S */
.dwl_btn{width:35%; margin:0 auto;box-shadow: 10px 10px 10px rgba(0,0,0,0.05), 10px 10px 10px rgba(0,0,0,0.05);}
.dwl_btn a{
	font-family: 'NexonFootballGothic'; background-color:#009aa0;
	padding:1.8rem 5rem;display:flex; justify-content:center; align-items:center; 
	color:#fff;font-size:2rem;
	clip-path: polygon(30px 0, 100% 0, 100% 100%, 0 100%, 0% 30px);
	
}
.dwl_btn img{margin-left:1.5rem;}

@media (max-width: 1126px) {
	.dwl_btn{width:40%;}
}
@media (max-width: 991px) {
	.dwl_btn{width:50%;}
	.dwl_btn a{padding:1.8rem 3rem;}
}
@media (max-width: 661px) {
	.dwl_btn{width:70%;}
}
@media (max-width: 486px) {
	.dwl_btn{width:90%;}
	.dwl_btn a{clip-path: polygon(10px 0, 100% 0, 100% 100%, 0 100%, 0% 10px);}
	.dwl_btn img{width:3rem;}
}
/* : E */

/* 020504_제품소개_절연상태감시: S */
/* 누설전류 시험방법 순서: S */
.proc_exam{}
.proc_exam li{display:flex; font-family: 'NexonFootballGothic';align-items:center; margin-bottom:2.5rem;}
.proc_exam li:last-child{margin-bottom:0;}
.proc_exam li .pro_no{height:-webkit-fill-available; color:#fff; font-weight:700; font-size:2.5rem;display:flex; justify-content:center; align-items:center; padding:2rem 3rem;}
.proc_exam li:nth-child(odd) .pro_no{background-color:#009aa0;}
.proc_exam li:nth-child(even) .pro_no{background-color:#31279f;}
.proc_exam li .pro_txt {padding:2.5rem 2.5rem; width:-webkit-fill-available; font-size:2rem;}
.proc_exam li:nth-child(odd) .pro_txt{color:#009aa0; border-top:3px solid #b7dfe1; border-bottom:3px solid #b7dfe1; border-right:3px solid #b7dfe1;}
.proc_exam li:nth-child(even) .pro_txt{color:#31279f; border-top:3px solid #efeffa; border-bottom:3px solid #efeffa; border-right:3px solid #efeffa;}

/* 누설전류를 5밀리암페아이하로 하여야하는 이유: S */
.rsn{display:flex; flex-wrap:wrap; justify-content:space-between;}
.rsn .rsn_pic{width:49%; background-color:#fff;border-radius:2rem 2rem 0 2rem; display:flex; justify-content:center; align-items:center;}
.rsn .rsn_cont{width:49%;}
.rsn .rsn_cont li{margin-bottom:2rem; background-color:#fff;border-radius:2rem 2rem 0 2rem; padding:2.5rem; font-family: 'NexonFootballGothic'; font-size:2rem; color:#666; display:flex; align-items:center;}
.rsn .rsn_cont li:last-child{margin-bottom:0;}
.rsn .rsn_cont li.no_harm{background-color:#f4fafa; color:#009aa0; font-weight:700; box-shadow: 10px 10px 10px rgba(0,0,0,0.05), 10px 10px 10px rgba(0,0,0,0.05);}
.rsn .rsn_cont li div:first-child{margin-right:2rem;}
.rsn .rsn_cont li div.circle{height:3rem; aspect-ratio:1/1; background-color:#ddd; border-radius:50%;}
@media (max-width: 874px) {
	.rsn .rsn_pic{width:100%;}
	.rsn .rsn_cont{width:100%; margin-top:2.5rem;}
}

/* 전기화재 스파크 하단 박스: S */
.deco_box{
	background:url('../images/sub/pro0504_05.jpg') center no-repeat; 
	background-size:cover;
	width:100%; min-height:30rem; padding:9rem 3rem;
	display:flex; flex-wrap:wrap; justify-content:center; align-items:center
}
.deco_box p{margin-top:3rem; width:100%; font-family: 'NexonFootballGothic'; font-size:2.2rem; color:#fff; text-align:center;}
@media (max-width: 750px) {
	.deco_box{padding:8rem 5rem}
	.deco_box img{width:30%;}
}
/* 020504_제품소개_절연상태감시: E */