/** 탑 이미지 **/
.top_bg_box { margin-bottom:6rem; padding:4rem 4.25rem; min-height:21.875rem; background-color: #D7E0E4; background-repeat: no-repeat; background-position: center center; background-size: cover; border-radius: 20px; } 
.top_bg_box > p { font-size: 1.875rem; font-weight: 600; line-height: 140%; color:#fff; letter-spacing: -1.2px; word-break: keep-all; } 
.top_bg_box.center { display: flex; align-items: center; justify-content: center; flex-direction: column; } 
.top_bg_box.center > p { font-size: 2.25rem; font-weight: 700; line-height: 150%; text-align: center; letter-spacing: -1.44px; } 




@media (max-width: 640px){
 .top_bg_box { display: flex; align-items: center; justify-content: center; flex-direction: column; padding:4rem 1.5rem; min-height:16.25rem; text-align: center; } 
 .top_bg_box > p { font-size:1.5rem; word-break: keep-all; } 
 .top_bg_box > p br { display: none; } 
 .top_bg_box.center > p { font-size: 1.875rem; } 
 }


/** 인사말 **/
#greeting .top_bg_box { background-image: url("/assets/common/images/sub/introduction_wide.jpg"); } 

#greeting h4 { position: relative; font-size: 2rem; font-weight: 700; } 
#greeting h4 span { display: block; margin-bottom: 2.4rem; padding-left: 2rem; border-left: 0.375rem solid var(--primary); font-family: var(--montserrat); line-height: 1.2; word-break: keep-all; } 

#greeting .intro_info .intro_info_text { display: grid; gap: 0.9375rem; } 
#greeting .intro_info .intro_info_text p { font-size:1.125rem; line-height: 1.6; } 
#greeting .intro_info .intro_info_text p.lg { margin-bottom:1.25rem; font-size: 1.6rem; font-weight: 600; line-height: 140%; } 

#greeting .intro_box_list { display:flex; gap: 4rem; } 

#greeting .intro_box_list li { padding:3.125rem; border: 1px solid #C8C8C8; width:33.334%; background: rgba(255, 255, 255, 0.70); color:#fff; text-align:center; border-radius: 50px; } 
#greeting .intro_box_list li .item-name { margin:1.5rem 0; font-family: var(--montserrat); font-size: 1.8rem; font-weight:600; color: #00244F; } 
#greeting .intro_box_list li .item-desc { font-size:1.125rem; line-height:1.6; color: #00244F; word-break:keep-all; } 


@media screen and (max-width:1024px){
 #greeting .intro_box_list { gap:3rem; flex-direction: column; padding-top:0; } 
 #greeting .intro_box_list li { display: flex; gap:1rem; flex-direction: column; padding:3rem 1rem; border: 1px solid var(--gray-250); width:100%; text-align: center; } 
 #greeting .intro_box .intro_box_list li .item-name { margin:0; font-size:1.8rem; } 
 }




/** 주요 관게사 **/
#partners article { margin-top:4.375rem; } 
#partners article:first-of-type { margin-top:0; } 
#partners h4 { margin-bottom:1.25rem; font-size: 1.5rem; font-weight: 600; } 
#partners .partner_list { display: grid; gap:1.25rem; grid-template-columns: repeat(4,1fr); } 
#partners .partner_list li { display: flex; align-items: center; justify-content: center; padding:1.5rem 1rem; border: 1px solid var(--gray-200, #CCC); height:10rem;background: #FFF; border-radius: 10px; } 
#partners .partner_list li img { max-width:100%; max-height:8.75rem; } 

@media (max-width: 1024px){
 #partners .partner_list { grid-template-columns: repeat(2,1fr); } 
 }

@media (max-width: 640px){
 #partners .partner_list { grid-template-columns: repeat(1,1fr); } 
 }


/** 인증서 **/
#certificate .top_bg_box { background-image: url("/assets/basic/images/sub/bg_certi.png"); } 
#certificate .award_list { display: grid; gap:3.125rem; overflow: hidden; grid-template-columns: repeat(4,1fr); } 
#certificate .award_list li .img { display: block; border:1px solid #ddd; overflow: hidden; width:100%; } 
#certificate .award_list li .img img { display: block; width:100%; } 
#certificate .award_list li .txt { margin-top:0.875rem; font-weight: 600; line-height: 171.429%; text-align: center; letter-spacing: -0.14px; } 

@media screen and (max-width:1024px){
 #certificate .award_list { grid-template-columns: repeat(2,1fr); } 
 }

@media screen and (max-width:640px){
 #certificate .award_list { gap:1rem; grid-template-columns: repeat(1,1fr); } 
 }



/** 오시는 길 **/
#map article { margin-bottom:5rem; } 
#map .top_bg_box { background-image: url("/assets/basic/images/sub/bg_map.png"); } 
#map .map_logo { padding-top:2.5rem; padding-bottom:3.75rem; border-bottom:1px solid #A9D1EA; text-align: center; } 
#map .map_iframe { overflow: hidden; } 
#map .map_iframe iframe { margin-top:3rem; width:100%; height:24.6875rem; border-radius: 20px; } 

#map ul { display: flex; gap:1.75rem 8.75rem; flex-wrap: wrap; } 
#map ul li { display: flex; gap:1.125rem; align-items: center; } 
#map ul li:first-child { width:100%; } 
#map ul li .ico { display: flex; align-items: center; justify-content: center; flex-shrink: 0; width:4.375rem; height:4.375rem; background: var(--gray-50, #F8F8F8); border-radius: 10px; } 
#map ul li .txt { display: flex; gap:0.625rem; flex-direction: column; } 
#map ul li .txt p { font-size: 1.125rem; font-weight: 500; line-height: 1.2; color: var(--gray-650, #595959); letter-spacing: -0.36px; word-break: keep-all; } 
#map ul li .txt p.tit { font-size: 1.5rem; font-weight: 600; line-height: normal; color: #000; letter-spacing: -0.48px; } 



/** 연혁 **/
#history .top_bg_box { background-image: url("/assets/basic/images/sub/bg_history.png"); } 



/** 조직도 **/
#organization .top_bg_box { background-image: url("/assets/basic/images/sub/bg_organization.png"); } 


/** 비즈니스 **/
.business h4 { font-size: 3rem; font-weight: 600; line-height: 140%; color: var(--gray-900, #111); text-align: center; letter-spacing: -1.92px; word-break: keep-all; } 
.business .business_service { display: grid; gap:4.375rem; margin-top:5rem; grid-template-columns: repeat(3,1fr); } 
.business .business_service .service_box h5 { margin-bottom:1.875rem; margin-bottom:5.625rem; padding:1.625rem; position: relative; width:100%; background-color:var(--secondary); font-size: 1.5rem; font-weight: 700; line-height: 160%; color:#fff; text-align: center; letter-spacing: -0.96px; border-radius: 70px; } 
.business .business_service .service_box h5::after { display: block; border:1px dashed #C8C8C8; position: absolute; top:100%; left:50%; width:0px; height:60px; content: ""; transform: translateX(-50%); } 
.business .business_service .service_box h5::before { display: block; border:1px solid #C8C8C8; position: absolute; top:calc(100% + 3.75rem); left:50%; z-index: 1; width:0.75rem; height:0.75rem; background-color: #fff; content: ""; transform: translateX(-50%); border-radius: 100%; } 
.business .business_service .service_box:nth-child(2) h5 { background-color: #C8C8C8; } 
.business .business_service .service_box:nth-child(3) h5 { background-color: var(--primary); } 
.business .business_service .service_box p { padding:0 2rem; font-size: 1.125rem; line-height: 160%; letter-spacing: -0.72px; } 

.business .business_service.type1 { gap:0; grid-template-columns: repeat(1,1fr);} 
.business .business_service.type1 > div {display: grid; gap:4.375rem; grid-template-columns: repeat(3,1fr); }
.business .business_service.type1 > p {padding:0 2rem; font-size: 1.125rem; line-height: 160%; text-align: center; letter-spacing: -0.72px;}


@media screen and (max-width:640px){
 .business h4 { font-size: 2.5rem; } 
 .business .business_service { margin-top:4rem; grid-template-columns: repeat(1,1fr); } 

 .business .business_service.type1 {gap:1rem;}
 .business .business_service.type1 > div { gap:1rem;grid-template-columns: repeat(1,1fr) }
 }


.business .business_desc { display: flex; align-items: flex-end; justify-content: center; margin-top:4.6875rem; width:100%; min-height:21.875rem; background-repeat: no-repeat; background-position: top center; background-size: cover; } 
.business .business_desc.it { background-image: url("/assets/basic/images/sub/bg_it.png"); } 
.business .business_desc.maintenance { background-image: url("/assets/basic/images/sub/bg_maintenance.png"); } 
.business .business_desc.system { background-image: url("/assets/basic/images/sub/bg_system.png"); } 
.business .business_desc.rental { background-image: url("/assets/basic/images/sub/bg_rental.png"); } 

.business .business_desc .desc_box { padding:2.625rem 2.625rem 2rem; width: 75%; background-color: #fff; text-align: center; } 
.business .business_desc .desc_box p { font-size: 1.45rem; line-height: 160%; letter-spacing: -0.96px; } 
.business .business_desc .desc_box p.lg { margin-bottom:1.25rem; font-size: 2rem; line-height: 160%; text-align: center; } 
.business .business_desc .desc_box p.lg b { font-weight: 700; } 


@media screen and (max-width:1024px){
 .business .business_desc { align-items: center; border-radius: 20px; } 
 .business .business_desc .desc_box { padding:16px; width: 100%; max-height:auto; background-color: transparent; color:#fff; } 
 .business .business_desc .desc_box p.lg { font-size: 1.8rem; } 
 .business .business_desc .desc_box p.lg br { display: none; } 
 }

@media screen and (max-width:640px) {.business .business_desc { min-height:auto; } 
.business .business_desc .desc_box { padding:4rem 2rem; } 
 }



.business_circle { margin-top:4.375rem; } 
.business_circle ul { display: grid; gap:4.375rem; grid-template-columns: repeat(5,1fr); } 
.business_circle ul li { display: flex; gap:1.875rem; flex:1; flex-direction: column; text-align: center; } 
.business_circle ul li span { display: block; font-size: 1.125rem; line-height: 160%; letter-spacing: -0.72px; word-break: keep-all; } 
.business_circle ul li span.ico img { width:100%; } 

@media (max-width: 768px) {
  .business_circle ul li span.ico img {width: 70%;}
}

@media screen and (max-width:1024px){
 .business_circle ul { gap:2rem; } 
 }

@media screen and (max-width:768px){
 .business_circle ul { grid-template-columns: repeat(3,1fr); } 
 }

@media screen and (max-width:640px){
 .business_circle ul { grid-template-columns: repeat(1,1fr); } 
 .business_circle ul li span.ico img { width:45%; } 
 }



.business_system { display: grid; gap:1.25rem; margin-top:4.375rem; grid-template-columns: repeat(2,1fr); } 
.business_system.type1 { grid-template-columns: repeat(1,1fr); } 
.business_system.type3 { grid-template-columns: repeat(3,1fr); } 

.business_system .system_box { display: flex; gap:1rem; flex-direction: column; padding:2.1875rem 2.5rem; min-height:14.375rem; background: var(--gray-50, #F8F8F8); border-radius: 20px; } 
.business_system .system_box h4 { display: flex; gap:0.625rem; align-items: center; margin-bottom:0; padding-bottom:14px; border-bottom:1px solid #fff; font-size: 1.25rem; font-weight: 600; line-height: 120%; color: var(--primary); letter-spacing: -0.4px; } 
.business_system .system_box h4.ico01::before { content: url("/assets/basic/images/sub/ico_system01.svg"); } 
.business_system .system_box h4.ico02::before { content: url("/assets/basic/images/sub/ico_system02.svg"); } 
.business_system .system_box h4.ico03::before { content: url("/assets/basic/images/sub/ico_system03.svg"); } 
.business_system .system_box h4.ico04::before { content: url("/assets/basic/images/sub/ico_system04.svg"); } 

.business_system .system_box .ico_box { display: flex; align-items: center; margin-top:1rem; } 
.business_system .system_box .ico_box .ico { width:10.875rem; text-align: center; } 
.business_system .system_box .ico_box ul { flex:1; } 

.business_system .system_box ul li { display: flex; gap:0.625rem; font-weight: 500; line-height: 150%; color: var(--gray-900, #1A1A1A); letter-spacing: -0.32px; word-break: keep-all; } 
.business_system .system_box ul li::before { line-height: 150%; content: "•"; } 

@media (max-width: 640px){
 .business_system,
 .business_system.type1,
 .business_system.type3 { grid-template-columns: repeat(1,1fr); } 
 .business_system .system_box { padding:2rem; } 

 .business_system .system_box .ico_box { gap:1.5rem; flex-direction: column; } 
 }

.business .system_img_box { margin-top:4.375rem; padding:0 16%; } 
.business .system_img_box img { max-width:100%; } 

@media (max-width: 640px) {.business .system_img_box { padding:0; } 
 }



/** 사이버 감사실 **/
.board.cyber article { margin-bottom:6.25rem; } 
.board.cyber .privacy_box { padding:2.5rem; background: var(--gray-50); border-radius: 20px; } 
.board.cyber .privacy_box.scroll { overflow-y: auto; height: 15.625rem; } 
.board.cyber .privacy_box p { font-size: 1.125rem; line-height: 170%; color: var(--gray-700, #4D4D4D); letter-spacing: -0.8px; word-break: keep-all; } 
.board.cyber .privacy_agree { margin-top:1.25rem; line-height: 1.2; } 
.board.cyber .privacy_agree label { cursor: pointer; } 

@media screen and (max-width:640px){
 .board.cyber article { margin-bottom:5rem; } 
 .board.cyber .privacy_box { padding:1.8rem; } 
 }


.board.cyber .board_table th { font-size:1.25rem; } 

.board.cyber .board_table input,
.board.cyber .board_table select,
.board.cyber .board_table .file-label { height:3.5rem } 
.board.cyber .board_table textarea { height:15.625rem; } 
.board.cyber .board_table .email_box { display: flex; gap:0.75rem; align-items: center; } 
.board.cyber .board_table .email_box input { width:12.5rem; } 
.board.cyber .board_table .email_box select { width:12.5rem; } 

.board.cyber .board_table .radio_box { display: flex; gap:0.75rem; align-items: center; } 
.board.cyber .board_table .radio_box label { display: flex; gap:0.75rem; align-items: center; cursor: pointer; } 

.board.cyber .btn_submit { display: flex; justify-content: flex-end; margin-top:3.125rem; } 
.board.cyber .btn_submit button { border: transparent; width:20rem; height:5.1875rem; background: var(--primary); font-size: 1.25rem; font-weight: 600; color: #FFF; text-align: center; letter-spacing: -0.8px; } 


@media screen and (max-width:640px){
 .board.cyber .board_table input { max-width:100%; } 
 .board.cyber .board_table .email_box { flex-wrap: wrap; } 
 .board.cyber .board_table .email_box input { width:45%; } 
 .board.cyber .board_table .email_box select { width:100%; } 

 .board.cyber .btn_submit button { width:100%; height:5.1875rem; } 
}