@charset "UTF-8";

/*-------------------------------------------------

title       : Sub 메뉴 04
Author      : EASESOFT
Create date : 2024-04

-------------------------------------------------*/

/* 사전정보공표 */
.c040201 .box_group .box {padding:0; transition:all .3s;}
.c040201 .box_group .box a {display:block; padding:4rem 3rem 7rem; position:relative; height:100%;}
.c040201 .box_group .box .title.point {display:block;}
.c040201 .box_group .box .title.point span {display:block; margin-bottom:1rem;}
.c040201 .box_group .box .text {display:block; font-size:1.6rem; color:#555; margin-bottom:2rem;}
.c040201 .box_group .box .more {display:block; font-size:0; width:3rem; height:3rem; line-height:3rem; text-align:center; overflow:hidden; margin:2rem auto 0; position:absolute; bottom:4rem; left:50%; transform:translateX(-50%);}
.c040201 .box_group .box .more i {display:block; font-size:3rem; width:100%; height:100%; line-height:inherit; transition:all .3s;}
@media all and (min-width:1025px) {
	.c040201 .box_group .box:hover {border-color:var(--main-color-light); box-shadow:0px 3px 10px #00000029;}
	.c040201 .box_group .box:hover .more i {color:var(--main-color-light);}
}

/* 개인정보 처리방침 */
.c040401 {font-variant-numeric: tabular-nums;}
.c040401 .labeling {text-align:center; word-break:keep-all;}
.c040401 .labeling .img {background-color:#F4F7F9; height:16rem; display:flex; align-items:center; justify-content:center;}
.c040401 .labeling .img img {width:9rem; height:9rem;}
.c040401 .labeling .title {font-size:2rem; margin-bottom:0;}
.c040401 .labeling .text small {display:block; margin-top:0.5rem;}
.c040401 .labeling .box {display:block; position:relative;}
.c040401 .labeling .button {display:block; }
.c040401 .labeling .popup {opacity:0; visibility:hidden; position:absolute; left:50%; top:3rem; transform:translateX(-50%); width:30rem; background:rgba(255,255,255,0.8); box-shadow:0 0 10px rgba(0,0,0,0.2); border-radius:1.6rem; font-size:1.4rem; padding:2rem; text-align:left; backdrop-filter:blur(5px); transition:0.3s;}
.c040401 .labeling .popup strong {font-size:110%; font-weight:700;}
.c040401 .labeling .box:hover > .popup {opacity:1; visibility:visible;}
.c040401 .labeling .box:focus > .popup {opacity:1; visibility:visible;}


.c040401 .list { gap:1rem; margin-top:4rem;}
.c040401 .list li { }
.c040401 .list li + li {margin-top:5px;}
.c040401 .list li a {display:flex; align-items:center; gap:2rem; letter-spacing:-0.5px; word-break:keep-all;}
.c040401 .list li a i {flex:none; width:19rem; display:flex; flex-direction:row; justify-content:center; align-items:center;}
.c040401 .list li a i img {width:5rem;}
.c040401 .list li a i img.big {width:4.7rem; height:inherit;}
.c040401 .group {margin-top:5rem;}
.c040401 .group .title {color:#000; font-size:2.8rem; font-weight:500; display:flex; align-items:center; gap:1rem; margin-bottom:3rem; word-break:keep-all; }
.c040401 .group .title span {background-color:#0F3362; color:#fff; padding:0 10px; border-radius:4px;}
.c040401 .group .title i {flex:none;  display:flex; flex-direction:row; justify-content:center; align-items:center; }
.c040401 .group .title i img {width:5rem;}
.c040401 .group .title i img.big {width:4.7rem; height:inherit;}
.c040401 .new {background:#ff0000; color:#fff; padding:0 1rem; border-radius:100px; font-size:1.4rem; box-shadow:3px 3px rgba(0,0,0,0.2);}
.c040401 .group .stt {color:#151515; font-size:2rem; font-weight:600; display:block; margin-top:2.5rem;}
.c040401 .group b {font-weight:500;}
.c040401 .group ol.c-num > li {padding-left:3rem; font-size:1.8rem;}
.c040401 .group ol.c-num > li:before {display:flex; flex-direction:row; align-items:center; justify-content:center; width:23px; height:23px; font-size:1.4rem; background:none; border:1px solid #103554; color:#103554; line-height:inherit;}
.c040401 .link {text-decoration:underline; text-decoration-color:rgba(56, 91, 204, 0.5);}
.c040401 .link:hover {color:#385BCC;}
.c040401 .link::after {content:"\ecaf"; font-family:"remixicon";color:rgba(56, 91, 204, 0.5);}

/* 이사회 의사록 */
.c04050201 .box_group .num {display:block; color:var(--main-color-light); font-size:1.6rem; font-weight:700; margin-bottom:1rem;}
.c04050202 .box {display:flex; gap:3rem; height:100%;}
.c04050202 .box + .box {margin-top:4rem;}
.c04050202 .box .tt {flex-shrink:0; background-color:#F2F4FF; color:#151515; font-size:2rem; font-weight:700; min-height:13.5rem; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; width:23.5rem;}
.c04050202 .box .tt small {font-size:1.6rem; font-weight:normal;}
.c04050202 .box .desc {display:flex; align-items:center; witdh:calc(100% - 26.5rem);}

/* 정보주체 권리행사 */
.c040404 {padding:4rem 12rem;}
.c040404 .dep_01 {border:1px solid #002361;  border-radius:10px; font-size:1.8rem; font-weight:600; display:flex; flex-direction:row; justify-content:center; align-items:center; width:37rem; height:6.4rem; margin:0 auto 6rem;}
.c040404 .dep_01::after {content:"\f0d1"; font-family:"remixicon"; margin-left:1rem; font-size:2rem;}
.c040404 .dep_02_outer {display:flex; flex-direction:row; justify-content:space-between; align-items:flex-start; position:relative;}
.c040404 .dep_02_outer::before {content:""; position:absolute; left:16rem; width:calc(100% - 32rem); top:-3rem; border-bottom:1px solid #ddd;}
.c040404 .dep_02_outer::after {content:""; position:absolute; left:50%; height:3rem; top:-6rem; border-right:1px solid #ddd;}
.c040404 .dep_02 {width:32rem; text-align:center;position:relative;}
.c040404 .dep_02::before {content:""; position:absolute; left:50%; top:-3rem; height:3rem; border-right:1px solid #ddd;}
.c040404 .dep_02_inner {background:#B8DBFD; border-radius:4px; padding:3rem 1.6rem 2rem;}
.c040404 .dep_02:nth-child(2) .dep_02_inner {background:#CBB8FD;}
.c040404 .dep_02_inner strong {font-size:1.8rem;}
.c040404 .dep_02_inner ul {margin-top:2rem;}
.c040404 .dep_02_inner li + li {margin-top:3rem; position:relative;}
.c040404 .dep_02_inner li + li::before {content:"\f3e4"; font-family:"remixicon"; position:absolute; left:calc(50% - 0.7rem); top:-2.4rem; transform:rotate(180deg); font-size:1.4rem;}
.c040404 .dep_02_inner li {background:#fff; border-radius:4px; font-size:1.6rem; padding:1rem; word-break:keep-all; line-height:1.2;}
.c040404 .dep_03 {display:flex; flex-direction:row; justify-content:space-between; align-items:flex-start; gap:1.6rem; margin-top:6rem;}
.c040404 .dep_03 > li {position:relative; flex:1;}
.c040404 .dep_03 > li::before {content:""; position:absolute; left:50%; top:-5rem; height:4rem; border-right:1px solid #ddd;}
.c040404 .dep_03 > li::after {content:""; position:absolute; left:calc(50% - 2px); top:-5rem; height:4rem; border:1px solid #707070; border-radius:100%; background:#fff; width:5px; height:5px; box-sizing:border-box;}
.c040404 .dep_03 > li > div::before {content:""; position:absolute; left:calc(50% - 2px); top:-1rem; height:4rem; background:#1B2539; border-radius:100%; width:5px; height:5px; box-sizing:border-box;}
.c040404 .dep_03 div {display:flex; flex-direction:column; justify-content:center; align-items:center; background:#1D3B70; height:12rem; border-radius:4px; padding:1.6rem 0; color:#fff; font-weight:600; font-size:1.6rem;}
.c040404 .dep_03 div em {display:block; font-size:1.3rem; font-weight:400; }
.c040404 .dep_03 div.sm {height:inherit;}
.c040404 .dep_03 div.gray {background:#CBD3E2; color:#333;}
.c040404 .dep_03 ul {position:relative; margin-top:3rem;}
.c040404 .dep_03 ul::before {content:"\f3e4"; font-family:"remixicon"; position:absolute; left:calc(50% - 0.7rem); top:-2.6rem; transform:rotate(180deg); font-size:1.4rem;}



/* 알기쉬운 개인정보 처리방침 */
.c040406 {word-break:keep-all;}
.c040406 .box {border-radius:1.6rem; text-align:center;}
.c040406 .bg {background:#F4F7F9; border-radius:1.6rem; padding:2.4rem; max-width:65rem; width:100%;  margin:0 auto 3rem; text-align:left; word-break:keep-all;}
.c040406 .bg p {font-weight:300;}
.c040406 .bg2 {background:#FBFBFB; padding:4rem 10%; margin-bottom:3rem; border-radius:1.6rem;}
.c040406 .bg2 .tit {font-size:2rem; margin-bottom:2rem; display:block; }
.c040406 .bg2 .box { border-radius:0; text-align:left; padding:2.4rem;}
.c040406 .bg2 .box p {color:#555; margin-top:1rem; font-size:1.6rem;}


/* 공공데이터 제공 */
.c040301 .data_step .step1 {display:flex; flex-direction:row; gap:1rem;}
.c040301 .data_step .line { display:flex; flex-direction:column; justify-content:center; align-items:center; font-size:1.8rem; font-weight:600; border:1px solid #cbd3e2; border-radius:0.8rem; padding:1.6rem; flex:1; text-align:center; line-height:1.2; gap:0.5rem; word-break:keep-all;}
.c040301 .data_step .line span {font-size:1.4rem; color:#777;}
.c040301 .data_step .step1 .gray {flex:none; width:20rem; background:#fafafa; font-size:2rem; font-weight:600; display:flex; flex-direction:row; justify-content:center; align-items:center; border-radius:1.6rem;}
.c040301 .data_step .step2 {display:flex; flex-direction:column; flex:1; gap:1rem;}
.c040301 .data_step .step2 > li {display:flex; flex-direction:row; justify-content:flex-start; align-items:stretch; gap:1rem; flex:1;}
.c040301 .data_step .arrow {font-size:1.4rem; font-weight:500; width:4rem; position:relative;}
.c040301 .data_step .arrow.first {width:6rem;}
.c040301 .data_step .arrow::before {content:""; position:absolute; left:0; top:50%; display:block; width:100%; height:1px; background:#000;}
.c040301 .data_step .arrow::after {content:""; position:absolute; right:0; top:calc(50% - 5px); border-left:8px solid #000; border-top:5px solid transparent; border-bottom:5px solid transparent;}
.c040301 .data_step .arrow .tx {position:absolute; left:50%; transform:translateX(-50%); top:calc(50% - 30px); white-space:nowrap;}
.c040301 .data_step .step3 {display:flex; flex-direction:column; gap:1rem;}
.c040301 .data_step .step3 > li {display:flex; flex-direction:row; justify-content:flex-start; align-items:stretch; gap:1rem; flex:1;}

/*-------------------------------------------------

Responsive

-------------------------------------------------*/

/* Media Query */
@media all and (max-width:1200px) {
	.c040404 {padding:4rem;}

	.c040301 .data_step .line {padding:1.6rem 0.5rem; font-size:1.6rem;}
	.c040301 .data_step .step1 .gray { width:15rem;}
	.c040301 .data_step .arrow { width:3rem; }
}
@media all and (max-width:768px) {
	/* 개인정보 처리방침 */
	.c040401 .list {margin-top:1rem;}
	.c040401 .list li + li {margin-top:1rem;}
	.c040401 .list li a {gap:1rem; font-size:1.5rem;}
	.c040401 .list li a i {width:inherit;}
	.c040401 .list li a i img {width:3.5rem;}
	.c040401 .list li a i img.big {width:3.3rem; height:inherit;}

	.c040401 .group .title {font-size:2.4rem; align-items:flex-start;}
	.c040401 .group .title i {flex:none;}
	.c040401 .group .title i img {width:3.5rem;}
	.c040401 .group .title i img.big {width:3.3rem;}

	/* 이사회 의사록 */
	.c04050202 .box {flex-wrap:wrap; gap:2rem;}
	.c04050202 .box .tt {width:100%; min-height:auto; padding:2rem;}
	.c04050202 .box .desc {width:100%;}

	/* 정보주체 권리행사 */
	.c040404 .dep_01 { font-size:1.5rem; width:100%; height:4.6rem;}
	.c040404 .dep_02_outer {flex-direction:column; gap:4rem; padding-left:calc(100% - 40rem);}
	.c040404 .dep_02_outer::before {left:calc(100% - 44rem); top:0; width:0; height:67.5rem; border-right:1px solid #ddd;}
	.c040404 .dep_02_outer::after {left:calc(100% - 44rem); height:6rem;}
	.c040404 .dep_02 {width:30rem;}
	.c040404 .dep_02::before {left:-4rem; top:12rem; border-bottom:1px solid #ddd; width:4rem; height:0;}


	.c040301 .data_step .step1 {flex-direction:column;}
	.c040301 .data_step .step1 .gray {width:100%; height:10rem;}

	.c040301 .data_step .step2 {flex-direction:row;}
	.c040301 .data_step .step2 > li {flex-direction:column;}

	.c040301 .data_step .arrow { width:auto; height:4rem;}
	.c040301 .data_step .arrow.first {width:auto; height:6rem;}
	.c040301 .data_step .arrow.first::before {height:calc(100% - 20px); top:20px}
	.c040301 .data_step .arrow::before {left:50%; top:0; display:block; width:1px; height:100%; }
	.c040301 .data_step .arrow::after {right:calc(50% - 5px); top:100%; border-top:8px solid #000; border-left:5px solid transparent; border-right:5px solid transparent;}
	.c040301 .data_step .arrow .tx {position:static; transform:none; text-align:center; display:block;}
	.c040301 .data_step .step3 {display:flex; flex-direction:row; gap:1rem;}
	.c040301 .data_step .step3 > li {flex-direction:column; justify-content:flex-start; align-items:stretch; gap:1rem; flex:1;}
}
@media all and (max-width:620px) {
	/* 정보주체 권리행사 */
	.c040404 {padding:4rem 2rem;}
	.c040404 .dep_02_outer {padding-left:calc(100% - 30rem);}
	.c040404 .dep_02_outer::before {left:calc(100% - 34rem); height:67rem;}
	.c040404 .dep_02_outer::after {left:calc(100% - 34rem);}
	.c040404 .dep_02 {width:25rem;}
	.c040404 .dep_03 div {font-size:1.4rem;}
}
@media all and (max-width:480px) {
	.c040401 .group .title i {flex-direction:column;}
	.c040401 #group01 .title {align-items:center;}

	/* 정보주체 권리행사 */
	.c040404 .dep_01 {font-size:1.4rem;}
	.c040404 .dep_01::after {margin-left:0.5rem;}
	.c040404 .dep_02_outer {padding-left:calc(100% - 25rem);}
	.c040404 .dep_02_outer::before {left:calc(100% - 29rem); height:67rem;}
	.c040404 .dep_02_outer::after {left:calc(100% - 29rem);}
	.c040404 .dep_02 {width:25rem;}
}