@charset "UTF-8";
@import 'basic.css';
@import url('../../css/common.css');
@import url('../../css/board.css');
/*-------------------------------------------------
title       : 콘텐츠
Author      : yeona
Create date : 2024-01-09
-------------------------------------------------*/
/*공통*/
/*타이틀*/
.title1 {font-size: 2.5rem;display: block;margin-bottom:1.5rem;color: #111;position: relative;font-weight: 700;padding-left: 3.2rem;}
.title1:before, .title1:after{width:1.4rem;height:1.4rem;top:1.2rem;position:absolute;left:0;border-radius:50%;content:'';}
.title1:before{background:#1D8FC9;}
.title1:after{background:#A1D8F3;margin-left:1rem;z-index:-1;}
* + .title1{margin-top:6rem;}
.title1.type2{padding-left:0;display:block;margin-bottom:0.3rem;}
.title1.type2:before,.title1.type2:after{display:none;}
.title1.type3{text-align: center;font-size:4.3rem;padding-left:0;padding-top:2rem;font-weight:800}
.title1.type3:before, .title1.type3:after{top:0;left:50%;}
.title2 {font-size: 2.2rem;display: block;margin: 2rem 0 1rem;color: #111;font-weight: 700;letter-spacing: -0.54px;line-height:1.3;}
.title2:first-child {margin-top: 0;}
.title3 {font-size: 2rem;display: block;margin: 1.7rem 0 1rem;color: #4D57A7;font-weight: 600;letter-spacing: -0.54px; line-height:1.4;}
.title3:first-child {margin-top: 0;}
.title3.border{padding-bottom:2rem;margin-bottom:2rem;border-bottom:1px dashed #C8C8C8;}
.title4 {font-size: 1.8rem;display: block;margin: 0.8rem 0;color: #111;font-weight: 600;letter-spacing: -0.54px;}
.title4:first-child,
.title8:first-child {margin-top: 0;}
.title5 {font-size: 1.7rem;display: block;margin: 0.8rem 0;color: #111;font-weight: 600;}
.title5:first-child {margin-top: 0;}
.title6{color:#111;font-size:2rem;font-weight:700;margin-bottom:2rem;letter-spacing: -0.54px;}
.title7{font-size:2.4rem;font-weight:700;color: #2434B0;margin-bottom:1.6rem;display:block;}
.title8{font-size:2.2rem;font-weight:600;color: #22449C;margin-bottom:.8rem;display:block;margin-top:3rem;}
.box4 .title7{font-size:1.9rem;}
.sub_tit{font-size:2.8rem;font-weight:400;color:#fff;padding-left:3rem;opacity:0.8;line-height:1.2;}
.sub_tit2{font-size:2.2rem;text-align: center;display:block;color:#fff;opacity:0.8;margin-bottom:6rem;}

/*만족도조사*/
.contents_info #satisfy{padding:0;border-radius:5px}
/* .contents_info #satisfy .list, .contents_info #satisfy .form .length{display:none;} */
.contents_info #satisfy .form{position:static;width:100%;padding:0;line-height:inherit;margin-top:.8rem;}
.contents_info #satisfy .form input{border-radius: 5px;width:calc(100% - 13.6rem);border:0}
.contents_info #satisfy .form .btn{position:static;width:13rem;background-color:#0D2259;border-radius: 5px;display:inline-block;line-height:4rem;}
.contents_info #satisfy .title > strong{font-size:1.6rem;font-weight:400;color:#555}
.contents_info .admin_info{padding:2rem 4rem;background:#fff;border-radius:0 0 1rem 1rem}
.contents_info .admin_info li{display:inline-block;vertical-align: middle;color:#111;}
.contents_info .admin_info li .label{color:#111;font-size:1.8rem;font-weight:600;}
.contents_info .admin_info li > *{display:inline-block;vertical-align: middle;color:#111}
.contents_info .admin_info li:first-child:after{content:'';background:#ddd;width:1px;height:1.4rem;margin:1rem;display:inline-block;vertical-align: middle}
.contents_info .cont{padding:3rem 4rem;background: #F4F4F8;border-radius: 1rem 1rem 0}
.contents_info #satisfy .title{margin-bottom:0}
.contents_info #satisfy .cont form{margin-top:1rem}

/*문단*/
.txtp {font-size: 1.7rem;color: #555;letter-spacing: -0.51px;word-break: keep-all;}
.txtp + .txtp{margin-top:1rem;}
.depth1{color: #3E3E3E;font-size:1.8rem;font-weight:600;}
.depth2{color:#111;font-size:3.6rem;display:block;text-align: center;font-weight:bold;line-height:1.25}
.depth3{text-align: center;font-size:3rem;color:#111;font-weight:bold;display:block;line-height:1.25}
.depth4{text-align: center;font-size:2.4rem;color:#111;font-weight:bold;display:block}
.depth_1{color: #3E3E3E;font-size:2.1rem;font-weight:700;}
.depth_2{color: #3E3E3E;font-size:2.0rem;font-weight:600;}
.depth_3{color:#555;font-size:1.5rem;}
.depth_4{color:#111;font-size:1.9rem;}

.bold_box{background:#034EA2;color:#fff;height:3.4rem;line-height:3.4rem;border-radius: 400px;padding:0 1.5rem;display:inline-block;margin-right:1rem;font-size:1.5rem;font-weight:600;}
.highlight{color:#333;font-size:1.5rem;}

.highlight:before{content:'i';color:#fff;margin-right:4px;font-size: 1rem;background:#384687;width:1.5rem;height:1.5rem;line-height:1.5rem;margin-top:1px;text-align: center;border-radius:50%;vertical-align: text-top;display:inline-block;}
.sch_btn{border-radius: 2px;border: 1px solid #DDD;background: #FFF;color:#333;display:inline-block;height:4rem;padding:0 1.5rem;font-size:1.5rem;font-weight:500;line-height:3.9rem;transition:all .3s;}
.sch_btn:after{content:'\F0CD';font-family: 'remixicon';color:#333;padding-left:1rem;font-weight:600;}
.sch_btn:hover, .sch_btn:focus{color:#000;border-color:#000;}
.flex_tp{display:flex;align-items: center;}
.flex_tp > * + *{margin-left:2rem;}
a.blank{color:#2F57BF;font-weight:500;text-decoration: underline;}
a.blank i{color:#000;}
.point{color: #2331A2;}
.point1{color:#E60012;}
.point02{color:#5A6B96;font-weight: 600}
.bg_box{background: #F8F8F8;border-radius:2rem;padding:4.5rem 5rem;margin:2rem 0;}
.mb0{margin-bottom:0 !important;}
.mt0{margin-top:0 !important;}
.gradient{background: linear-gradient(290deg, #0019FB -22.4%, #12BC7F 78.3%);padding:1rem 2rem;font-weight:700;color:#fff;border-radius:100px;margin-top:1rem;display:inline-block}
.dash_top{padding-top:2rem;margin-top:2rem;border-top:1px dashed #D4D4D4;}
.border_box{border-radius: 20px;border: 1px solid #DDD;padding:4rem;margin-top:4rem;}

/*bullet*/
[class*="title"] + [class*="bul"]{margin-top:0;}
[class*="bul"] > li{position:relative;text-align: left;}
[class*="bul"] > li:before{content:'';position:absolute;left:0;}
[class*="bul"] > li + li {margin-top: 0.4rem;}
.bul1 > li > .title:first-child {margin-top: 0;}
.bul1 > li {padding-left:.9rem;text-align: left;color: #3e3e3e; font-size:1.7rem; font-weight:400;}
.bul1 > li::before {top: 1rem;width: 0.4rem;height: 0.4rem;border-radius: 100%;background-color: #9A9A9A;}
.bul1 > li ul {margin-bottom: 1rem;}
.bul1.type1{background: #F8F8FA;padding:3rem 4rem;border-radius:2rem;}
.bul1.type1 b{font-weight:600;margin-right:.8rem;}
.bulli1{padding-left:.9rem;text-align: left;color: #3e3e3e; font-size:1.7rem;position:relative;word-break: keep-all;}
.bulli1:before{content:'';position:absolute;left:0;top: 1rem;width: 0.4rem;height: 0.4rem;border-radius: 100%;background-color: #9A9A9A;}
/*bul2*/
.bul2 > li{padding-left:1.6rem;font-size:1.7rem;}
.bul2 > li:before{background:#333;width:.6rem;height:.6rem;border-radius:50%;top:.9rem;}
.bul2 > li > strong{color:#111;margin-right:1rem;}
* + [class*=bul] {margin-top: 1rem;}
.bul2 > li + li{margin-top:.6rem;}
.bul2.down li:before{top:1.1rem;}
[class*="bul"].w50{display:grid;grid-template-columns: repeat(2,1fr);gap:.6rem;}
[class*="bul"].w50 li + li{margin-top:0;}
/*bul3*/
.bul3 > li{padding-left:1.4rem;color:#333;font-size:1.7rem;font-weight:500;}
.bul3 > li:before{width:4px;height:4px;border-radius:50%;background:#034EA2;position:absolute;left:0;top:1.1rem;}
/*bul4*/
.bul4 > li{padding-left:1.5rem;color:#555;font-size:1.6rem;font-weight:500;}
.bul4 > li:before{width:3px;height:3px;border-radius:50%;background:#555;position:absolute;left:0;top:1.2rem;}
.step_icon{display:inline-block}

/*리스트넘버링*/
ul[class*="list_num"].border{padding-top:3rem;margin-top:3rem;border-top:1px dashed #d4d4d4}
ul[class*="list_num"]{counter-reset:number 0;}
ul[class*="list_num"] > li{position:relative;padding-left:3rem;margin-top:1rem;word-break: keep-all}
ul[class*="list_num"] > li:first-child{margin-top:0}
ul[class*="list_num"] > li:before{counter-increment:number 1;content:counter(number);position:absolute;left:0;top:auto;width:2.4rem;height:2.4rem;background:#0D2259;border-radius:50%;text-align: center;color:#fff;font-size:1.4rem;font-weight: 600;line-height:2.4rem;}
ul[class*="list_num"].bg{background: rgba(248, 248, 250, 0.97);padding:3rem;}
ul.list_num0 > li{font-size:1.7rem;}
ul.list_num0 > li:before{color:#2434B0;font-size:2.2rem;font-weight:800;background:inherit}
ul.list_num2 > li:before{border-radius:2px;}
ul.list_num3{text-align:left;}
ul.list_num3 > li{padding-left:0;}
ul.list_num3 > li:before{background:none;color:#3E3E3E;font-size:1.7rem;width:auto;height:auto;content:counter(number)'.';position:static;}
ul.list_num3 > li.point:before{color:#193B92;font-weight:700;}
ul.list_num4 > li:before{background:#fff; color: #2434B0; font-size: 2rem; font-weight: 800;}
ul.list_num5 > li:before{background:#333333;}
ul.list_num6 > li:before{background:#22449C;}

/*박스*/
.box1{background-color:#F7F8FA;padding:1.7rem 4rem;margin-top:1.5rem;border-radius:1rem;}
.box1.flex_tp{border-radius:1rem;}
.box1 .bold{color:#111;font-weight:600;}
.box1 .bold > i{margin-right:.7rem;color:#474D59;vertical-align: text-bottom;font-size:1.8rem;}
.box2{position:relative;padding:4rem 7rem;color:#3e3e3e;font-size:2rem;font-weight:600;word-break: keep-all;letter-spacing: -1px;}
.box2 + .table_wrap{margin-top:2rem;}
.box2 + *{margin-top:2rem;}
.box2:before, .box2:after{content:'';width:3rem;height:100%;border-top:1.2rem solid #F4F5FB;border-left:1.2rem solid #F4F5FB;border-bottom:1.2rem solid #F4F5FB;position:absolute;left:0;top:0;}
.box2:after{right:0;left:auto;border-left:0 none;border-right:1.2rem solid #F4F5FB;}
.box2.t2{text-align: center;font-weight:800;color:#111;margin-bottom:4rem;font-size:3.5rem;}
.box2.t2 .point{font-weight:800;}
.box3{background: #F8F8F8;border-radius: 5px;padding:2.5rem 3rem;}
.box4{border: 1px solid #D4D4D4;border-radius:2rem;padding:6rem;position:relative;}
.box4 .item{text-align: center;display:flex;gap:6rem;justify-content: center;flex-wrap:wrap;}
.box4 + .box4{margin-top:1.6rem;}
.box5{background:#F4F5FB;border-radius: 10px;min-height:11rem;text-align: center;position:relative;align-items: center;justify-content: center;display:flex;font-size:2.2rem;font-weight:700;padding:1rem;word-break: keep-all;color:#333;}
.box5.point{color:#2331A2;}
.box5.type2:before{content:'';width:0;height:0;border-left:2.8rem solid transparent;border-right:2.8rem solid transparent;border-bottom:1.4rem solid #F4F5FB;position:absolute;top:-1.3rem;left:auto;}
.box6{border-radius:1rem;background:#F4F5FB;padding:3rem 6rem;}
.box7{background:#F6F7FC;border-radius:1rem;padding:7rem 6rem;}
.box8{background:#F4F5FB;border-radius:2rem;padding:4rem 6rem;margin-top:1.2rem;}
.box9{background:#F9F9F9;border-radius:2rem;padding:4.5rem 5rem;margin-top:1.2rem;}

.white_box{background:#fff;padding:7rem;margin-top:3rem;}
.white_box .title6{font-weight:400;word-break: keep-all;}
.white_box .btn{margin-top:5rem;}
.box7 .white_box{padding:7rem 2rem;}

.item.shadow .title6{margin-top:1rem;}
.shadow img{box-shadow: 2px 5px 7px 0 rgba(0, 0, 0, 0.15);}

.diagram2 + .box1{margin-top:0}

.bul3.inline li > *{display:inline-block;vertical-align: top;}
.bul3.inline li > strong{width:9rem;}
.bul3.inline li .title4{margin:0;}
.bul3.inline li span{color:#777;font-size:1.7rem;font-weight:400;}

.block{display:block;}
.mb5{margin-bottom:0.5rem;}

.box_st1 .ti i,
[class^=box_st] .txt_box i{font-weight:600;color:#2F5BC1;}
.box_st1 [class*="btn_st"] i{font-weight:400;font-size:1.8rem;color:#13305A;}
.box_st1 {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;padding:3rem 6rem;border: 2px dashed #DDD;border-radius:10px;align-items:flex-start;}
.box_st1 .icon {-webkit-box-flex:0;text-align:center;}
.box_st1 .txt_box {padding-left:2.4rem;width:calc(100% - 9rem);font-size:1.7rem;}
.box_st1 .ti {font-size:2.2rem;font-weight:700;color:#111;margin-bottom:0.8rem;line-height:1.3;letter-spacing: -0.66px;display:block;}
.box_st1 .ti > img{vertical-align:top;margin-left:.4rem;}
.box_st1 .txtp + *{margin-top:1.2rem;}
.box_st1 .link1{border: 1px solid #DDD;border-radius:30rem;color:#1C2F62;text-align: center;padding:0.3rem 1rem;min-width:8.8rem;font-size:1.5rem;font-weight:700;display:inline-block;transition:all .3s;}
.box_st1 .link1:hover{background:#1C2F62;color:#fff;border-color:#1C2F62;}
.box_st1.type1{background:#F4F5FB;border:0;}

.box_list .box_st1.column{flex-direction: column;}
.box_list .box_st1 > .item{display:flex;}
.box_list .box_st1 > .item + .item{margin-top:4rem}
* + .box_list{margin-top:2rem;}
.box_list{margin-top:1.6rem;display:flex;flex-direction: column;gap:1.6rem;}
.box_list > *{border:4px solid #F4F5FB;border-radius: 2rem;padding:4rem;}
.box_list.w50{flex-wrap:wrap;flex-direction: row;}
.box_list.w50 > *{width:calc(50% - 1.25rem);flex:auto;}
.box_list.w50.center .box_st1{align-items: center;padding:3rem 4rem;position: relative;}
.box_list.w50.center .box_st1 .posi{position:absolute;right:2rem;top:2rem;color:#2434B0;font-size:1.7rem;font-weight:600;}

.box_list * .ti{font-size:2.1rem;line-height:1.2}
.box_list .txt_box .btn_st1{margin-top:2rem;}
.box_list .step{position: relative;}
.box_list .step + .step{margin-top:2rem;}
.box_list .step:before{content: '';width: 0;height: 0;border-left: 8px solid transparent;border-right: 8px solid transparent;border-top: .9rem solid #333;position:absolute;bottom: -2.3rem;left: 50%;transform: translateX(-50%);}
.box_list .step:last-child::before{display:none;}
.box_list.type1 > *{padding:3rem;align-items: center;}
.box_st1 .title3{color:#2331A2;font-size:2.2rem;font-weight:bold;}
.box_list.column{flex-direction: row;}
.box_list.column > *{flex:1;flex-direction: column;align-items: center;text-align:center;padding:3rem 1rem;}
.box_list .viewer{width:9rem;height:9rem;background:#fff;border-radius:50%;text-align: center;line-height:9rem;}
.box_list.img i{flex:0 0 26rem;}
.box_list .title3{color:#2434B0;}

/*경영공시*/
.gradient_link{display:flex;align-items: center;justify-content: center;margin:4rem 0;}
.gradient_link > a{border-radius: 100px;background: linear-gradient(259deg, #0019FB -18.97%, #12BC7F 84.41%);box-shadow: 4px 4px 25px 0px rgba(0, 120, 237, 0.40);height:5.7rem;text-align: center;line-height:5.7rem;color:#fff;font-size:1.8rem;font-weight:600;padding:0 5.8rem;}
.gradient_link > a > i{font-weight:400;padding-left:1rem;}
.gradient_link > a:hover, .gradient_link > a:focus{text-decoration: underline;}
.box_list.depthlst{flex-direction: column;}
.depthlst > li .bul1{display:grid;grid-template-columns: repeat(3, 1fr);}
.depthlst > li .bul1 li + li{margin-top:0;}
.depthlst > li .bul1 li{margin-bottom:0.7rem;}
/* .depthlst a:after{content:"\EA6E";font-family:"remixicon";margin-left:.3rem;vertical-align:top;color:#333;} */
.depthlst a > i.ci{content:url('../img/sub/icon_ci.png');margin-left:.3rem;vertical-align:middle;padding-bottom:0.3rem;height:18px;}
.depthlst a[target="_blank"]:after{content:"\ECAF";;font-family:"remixicon";margin-left:.3rem;vertical-align:top;color:#333;}
.depthlst > li a:hover,
.depthlst > li a:focus{color:#2B76CE;text-decoration:underline;}
.depthlst > li a:hover:after,
.depthlst > li a:focus:after{color:#2B76CE;}

/* 이미지 박스 - 이미지 확대보기(모바일) */
.img_box{position:relative;margin:3rem 0;text-align:center;}
.img_box .img{position:relative;}
.img_box .zoom{display:none;position:absolute;left:50%;bottom:-5rem;width:4rem;height:4rem;line-height:4rem;background:#ddd;border-radius:100%;overflow:hidden;text-align:center;-webkit-transform:translateX(-50%);transform:translateX(-50%);}
.img_box .zoom:before{content:"\ED9C";font-family:"remixicon";display:block;}
.img_box.type_box{margin-top:1rem;padding:5rem;border:1px solid #ddd;border-radius: 15px;background: #F8F8FA;}
.img_box.type_box1{border: 1px solid #DDD;border-radius:2rem;padding:6rem;}
.img_box.bottom .zoom{bottom:0;}
.img_box .btn_st1{position:absolute;left:4rem;bottom:-2rem;width:21.5rem;text-align: center;justify-content: center;}
.img_box .btn_st1 > i{margin-left:0;margin-right:.6rem;}

/*버튼*/
[class*="btn_st"]{ border:1px solid #D3D3D3;border-radius:3px;color:#000;transition:all .3s;background-color:#fff;display:inline-flex;position:relative;font-weight:500;height:6rem;line-height:1.2;vertical-align:middle;z-index:1;overflow:hidden;align-items: center;justify-content: center;}
.btn_st1{letter-spacing:-0.48px;text-align:left;padding:0 1.8rem;height:auto;font-size:1.6rem;height:5rem;}
.btn_st1 > i { font-size:1.6rem;line-height:4.8rem;margin-left:2rem;}
.btn_st2, .btn_line { height:3rem;line-height:2.8rem; font-size:1.4rem;text-align:center;padding:0 1rem;min-width:7.8rem;justify-content: center;}
.btn_st2.type2{height: 4rem; line-height: 3.8rem;}
.btn_st2 > i {margin-left:1rem}
.btn_st3{min-width:12rem;text-align:center}
.btn_st4{min-width:14rem;text-align:center;padding:0 4rem}
.btn_st5{display:inline-flex;min-width:9rem;height:4.2rem;line-height:inherit;border:none;background:#13305A;vertical-align:top;color:#fff;align-items:center;justify-content:center;padding:0 1.8rem;border:1px solid transparent}
.btn_st5:hover:after,
.btn_st5:focus:after{border-color:#01162e}
.btn_st5:hover,
.btn_st5:focus{color:#01162e}
.btns{text-align:center;margin:4rem 0 0}
.table_wrap + .btns{margin-top:2rem}
.btns > *{margin:3px;}
[class*="btn_st"] > i{margin-left:1rem;}
[class*="btn_st"]:after{content:'';position:absolute;top:0;left:0;width:0;height:100%;transition:all 0.3s ease;z-index:-1}
[class*="btn_st"]:hover:after, [class*="btn_st"]:focus:after{width:100%;background-color:#EFEFEF;}
[class*="btn_st"].type1{background-color:#2F57BF;color:#fff;border:0}
[class*="btn_st"].type1:hover:after, [class*="btn_st"].type1:focus:after{background-color:#193B92;border-color:#193B92}
[class*="btn_st"].type2{background-color:#133387;color:#fff;border-color:#133387}
[class*="btn_st"].type2:hover:after, [class*="btn_st"].type2:focus::after{background-color:#133387;border-color:#133387}
[class*="btn_st"].type3{border-color:#E00009;color:#E00009;}
[class*="btn_st"].type3:hover, [class*="btn_st"].type3:focus{color:#fff}
[class*="btn_st"].type3:hover:after, [class*="btn_st"].type3:focus::after{background-color:#E00009;border-color:#E00009;}
[class*="btn_st"].type3:hover > i,
[class*="btn_st"].type3:focus > i{color:#fff}

.down_btn { border:1px solid #d3d3d3;min-width:16rem;height:5rem;line-height:4.7rem;display:inline-block;border-radius:3px;text-align:center;transition:all .3s;margin:1rem 0;padding:0 2rem;background:#fff;color:#000;font-weight:500;}
.down_btn img { margin-right:7px}
.down_btn:hover, .down_btn:focus { background:#EFEFEF}
.down_btn > i { margin-left:5px}
.down_btn.link > i { margin-left:0;margin-right:7px;background-color:#333;color:#fff;width:2.7rem;height:2.7rem;display:inline-block;border-radius:50%;line-height:2.5rem;border:1px solid #333;transition:all .3s}
.down_btn.link:hover > i,
.down_btn.link:focus > i { background-color:#fff;color:#333;border-color:#000}

/*테이블*/
.table_wrap { display:inline-block;overflow:hidden;width:100%;margin:2rem 0;padding-bottom:1px}
.horizontal_scroll { display:none;position:sticky;left:0;margin-bottom:.5rem; text-align: center;}
.horizontal_scroll .xi-touch{position:relative;left:0;animation:h_move 1s infinite linear; margin-right: 1rem;}
.table_wrap table { position:relative;text-align:center;border-spacing:0px;border-collapse:separate;border-top:2px solid #000;margin-bottom:-1px;left:-1px;table-layout:fixed}
.table_wrap th,
.table_wrap td { padding:1.6rem 1rem;border-bottom:1px solid #E0E0E0;border-left:1px solid #E0E0E0;text-align:center;word-break:normal}
.table_wrap td{padding:1.5rem;font-weight:500;color:#6a6a6a;word-break: keep-all;}
.table_wrap td b{color:#333;word-break:keep-all}
.table_wrap td.bg{background:#F7F7F7;}
.table_wrap th { padding:1.6rem 1rem;font-weight:600;color:#333;background:#F7F7F7;font-size:1.7rem;word-break:keep-all;-webkit-print-color-adjust:exact;line-height:1.3}
.table_wrap thead{ border-bottom:1px solid #AAAAAA}
.table_wrap tbody th { font-weight:600;color:#333;font-size:1.7rem;text-align:center}
.table_wrap tfoot td { padding:1.8rem 1rem;border-bottom:1px solid #B5B5B5;font-weight:700;color:#144838;background:#FCFCFC;border-left:1px solid #ddd}
.float_lst li > b{float:left;}
.float_lst li > span{overflow:hidden;float:left;}

@keyframes h_move{
  25%{left:3px}
  50%{left:0}
  75%{left:-3px}
  100%{left:0}
}

/*게시판커스텀*/
table{table-layout: fixed}
.board_list td{line-height:1.5;}
.board_list .icon_notice{line-height:3.5rem;}
.board_info form{float:none;background: #F8F8F8;border:1px solid #E7E6ED;padding:2.8rem 2rem;margin-bottom:3rem;}
.board_info form .form{display:flex;justify-content: center;}
.board_info .form .btn button{border:1px solid #333;background-color:#333;}
.board_info .form > *,
.board_info .form .item.type1{padding-right:.8rem;}
.board_info .form .type1.btn{padding-right:0;}
.board_info{line-height: inherit;}
.board_list td.txt_left a{position: relative;
  padding-right: 1.5rem;white-space: normal;word-break: keep-all;line-height:1.5;}
.tstyle_list .xi-new{border-radius:inherit;background:#353297;color:#fff;margin:0;font-size:1.1rem;line-height:1.6rem;text-align: center;font-weight: bold;width:1.7rem;height:1.7rem;float:none;vertical-align: middle;margin-right:5px;}
.tstyle_list .xi-new:before{content:'N'}
.tstyle_list [class*="st"]{text-align: center;display:inline-block;color:#333;border-radius:4px;font-weight:500;font-size:1.4rem;background:#E1E1E1;min-width:7rem;padding:0.5rem;word-break: keep-all;line-height:1.2}
.tstyle_list .st2{background:#2434B0;color:#fff;}
.tstyle_list .st3{background:#009962;color:#fff;}
.tstyle_list .st4{background:#fff;border:1px solid #ccc;color:#333;}
.board_list .tstyle_write td.contents{padding:1rem;}
.form_textbox[readonly], .form_textbox[disabled]{background:#eee;}
.form_textbox.file_name[readonly], .form_textbox.file_name[disabled]{background:#fff;}
.board_view > .title{font-weight:600;border-bottom:0;padding-bottom:0;font-size:2.4rem;padding:3rem 0 0;color:#111;}
.board_view .info{padding:1.5rem 0;border-top:1px solid #ddd;margin-top:3rem;font-size:1.5rem;background:inherit;color:#111;font-weight:400;}
.board_view .info li strong{color:#707070;}
.board_view > .title.year{position:relative;padding:7.8rem 0 2rem;border-bottom:1px solid #ddd;}
.board_view > .title.year .info{color: #2434B0;background: #F4F5FF;width: auto;height: 4.2rem;line-height: 4.2rem;font-size:1.8rem;text-align: center;font-weight: bold;border-radius:8rem;position:absolute;top:2rem;left:50%;-webkit-transform:translateX(-50%);transform: translateX(-50%);border:0;margin-top:0;min-width:12rem;padding:0 1.4rem;}
.board_pdf .item .title{text-align: center;white-space: inherit;-webkit-line-clamp: 2;height: 4.9rem;line-height: 1.3;display: -webkit-box;-webkit-box-orient: vertical;}
.board_pdf .group .btn{display:flex;}
.board_pdf .group .btn > a{margin:0 auto;}
.board_pdf .blank{text-align: center;}
.form_textbox.sm_size{width:24rem;}
textarea{border: 1px solid #DDD;resize: none;width:100%;}
td .cont{min-height:11rem;}
.pdf_view{padding:2rem 0 4rem}
td .file_list img { width:2.6rem;margin-right:0.5rem}
td .file_list li { overflow:hidden;position:relative;min-height:3.6rem;padding-right:21rem;text-overflow:ellipsis;white-space:nowrap;line-height:3.6rem}
td .file_list li + li {margin-top:0.5rem}
td .file_list li .txt{color:#999;font-size:1.4rem}
td .file_list li .link{position:absolute;right:0;top:3px}
.file_list li .link [class*="btn_st"]{vertical-align:top}

.board_info + *{margin-top:2rem;}
.board_list .tstyle_list tbody tr{transition:background .2s;}
.board_list .tstyle_list tbody tr:hover{background:#F6F6F6}
.board_list .tstyle_list td{position:relative;}
.board_info .item .form_select{min-width:13rem;}
.board_modal {display: none;width: 45rem;padding: 4rem 2rem 2rem;background: rgb(255, 255, 255);position: absolute;right: 1rem;top: 100%;border-radius: 10px;z-index: 1;box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 1rem;text-align: left;}
.board_modal .file_list li {padding-right: 0px;white-space: normal;line-height: 2.8rem;}
.board_modal .file_list li a:hover, .board_modal .file_list li a:focus {text-decoration: underline;}
.board_modal .modal_close {position: absolute;top: 1rem;right: 1.7rem;width: 3rem;height: 3rem;line-height: 3rem;transition: all 0.2s ease 0s;}
.board_modal .modal_close::before {content: "";font-family: remixicon;width: 100%;height: 100%;font-size: 2.3rem;}
.board_modal .modal_close:hover, .board_modal .modal_close:focus {transform: rotate(180deg);}
.write{position:absolute;right:0;margin-top:-4rem;border: 1px solid #D5D4DA;color:#444;padding:0 1.6rem;font-size:1.5rem;height:4rem;line-height:3.9rem;}
.write:before{background:url('../img/sub/write.png') no-repeat;content:'';width:2rem;height:2rem;vertical-align: text-bottom;display:inline-block;}
.write:hover, .write:focus{border-color:#000;}
.board_list .icon{height:3rem;line-height:3rem;min-width:7rem;}
.board_list .icon > i{display:inline-block;vertical-align: middle;margin-top:-3px;}
.board_list .ri-lock-line{background:#353297;border:1px solid #333;color:#fff;text-align: center;width:2rem;height:2rem;border-radius: 50%;display:inline-block;font-size:1.1rem;line-height:1.8rem;vertical-align: middle;margin-right:5px;}
.tstyle_list thead th, .tstyle_list td{padding:1.5rem .5rem;}
.board_list .tstyle_write td .contents{padding:1rem !important;}
.board_list .tstyle_write th{background: #F7F7F7;text-align: center;}
.board_list .tstyle_write textarea{height:15rem !important;}
/*공지사항*/
.board_list .icon_notice{background-color:#1F7FC4;width:4.4rem;height:2.5rem;line-height:2.5rem;border-radius: 4px;text-align: center;margin-right:0.7rem}
.board_list .noti{font-size:2rem !important}
.board_list .date_info{display:flex;margin-top:1rem}
.board_list .date_info > li{color:#757575;font-size:1.7rem}
.board_list .date_info > li+li:before{content:'';margin:0 1rem;height:1.2rem;background:#aaa;width:1px;display:inline-block}
.board_list .date_info > li strong{color:#111;font-size:1.7rem;font-weight: 600;margin-right:0.5rem}
.board_pdf .thumb{border:1px solid #ddd;border-radius:5px;}
/*날짜입력*/
.form_textbox.hasDatepicker + .ui-datepicker-trigger{display:inline-block;position:relative;z-index:0;}


/* FAQ */
.faq{border-top:0;border-bottom:0;}
.faq .group{border-bottom:none;}
.faq .label{border-radius: 300px;background: #F8F8FA;padding:1.5rem 6rem 1.5rem 5.7rem;color:#111;font-size:1.8rem;font-weight:700;display:block;position:relative;}
.faq *:before{font-size:2.2rem;margin-right:1rem;font-weight: 700;top:1.25rem !important;left:3rem !important;position:absolute;background-color:inherit !important;width: auto !important;height: auto !important;line-height: inherit !important;}
.faq .label:before{content:'Q';color:#1F7FC4;}
.faq .item{font-size:1.8rem;opacity:0;visibility: hidden;transition: all 0.2s;height:0;background:none;border-top:0;}
.faq .active .item{padding:1rem 4rem;opacity:1; visibility: visible;height:auto;}
.faq .active .item:before{content:'A';color:#111;}
.faq > li + li{margin-top:2rem;}
.faq .label::after { font-size:1.8rem; position: absolute; right: 3rem; top:50%; font-family: 'xeicon'; font-weight: 400; color: #333; content: '';line-height:1;margin-top:-1.1rem; -webkit-transition: all 0.2s; transition: all 0.2s; }
.faq .group.active .label::after { -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.faq .item::after{display:none;}
.faq .group.active .item{padding:1.5rem 1.5rem 1.5rem 6rem !important;}
.faq .item::before{left:3.2rem !important}

.board_list .tstyle_list td[aria-label=제목] a,
.board_list .tstyle_list td p{max-height:5.5rem;line-height: 1.3;overflow: hidden;text-overflow: ellipsis;display: -webkit-box !important;-webkit-box-orient: vertical;-webkit-line-clamp: 2;text-align: left;width: 100%;white-space: normal;color:#333;font-weight:600}
.board_list .tstyle_list td[aria-label=제목] p,
.board_list .tstyle_list td[aria-label=비고] p{font-size:1.6rem;display:block !important;text-overflow:inherit;overflow:visible;max-height:inherit;}
.board_list .tstyle_list td[aria-label=비고] p{text-align: center;}
.board_list .tstyle_list td[aria-label=제목] a:hover, .board_list .tstyle_list td[aria-label=제목] a:focus{color:#000;text-decoration: underline}
/*회사소개*/
.intro_box{display:flex;margin:5rem 0 10rem;}
.intro_box .tit{flex:0 0 58rem;color:#111;font-size:4rem;font-weight:900;line-height:1.4;word-break:keep-all;}
.intro_txt{font-size:2.2rem;letter-spacing: -0.6px;word-break: keep-all;padding-left:1.5rem;}
.intro_txt > b{color:#111;font-weight:bold;line-height: 1.4;}
.intro_txt > * + *{margin-top:2rem}
.bold_txt{font-size:3rem;color:#111;font-weight:900;margin-top:4rem;display:block;word-break: keep-all;line-height:1.3;padding:3rem 1rem;border-top:1px solid #bbb;border-bottom:1px solid #bbb;text-align:center;}
.bold_txt .point{font-weight:900;}
.boldtxt{color: #3E3E3E;font-size:2.6rem;font-weight: 600}

/*인사말*/
.greeting_wrap{display:flex;flex-direction: row-reverse; gap:6rem; }
.greeting_wrap > .img{border-radius: 2rem;display:block;}
.greeting_wrap em.point{color:#002BC6;font-size:1.8rem;font-weight:bold;display:block;margin-bottom:1.4rem;}
.greeting_wrap .img_wrap{flex-shrink: 0; text-align: right;margin-top:5rem;}
.greeting_wrap .img_wrap .sign{margin-top:3rem;}
.greeting_wrap div > strong{font-size:3.8rem;font-weight:800;color:#111;line-height:1.4;position:relative; display:block; padding-top:4.5rem;}
.greeting_wrap div > strong:before{background:url("../img/sub/quotes.png") no-repeat center/cover;width:3.6rem;height:3.1rem;position: absolute;top:0;left:0;content:'';
}
.greeting_wrap .tit{color:#111;font-size:2.2rem;font-weight:600;margin-top:3rem;}
.greeting_wrap .title6{margin-top:4rem;position:relative;line-height: 1.7}
.greeting_wrap .title6 > p{color:#555;font-weight:400;}
.greeting_wrap .title6 > * + *{margin-top:2.5rem;}
.greeting_wrap .sign{font-size:2rem;font-weight:500;color:#111}
.greeting_wrap .sign img{width:10rem;margin-left:2rem}
.greeting_wrap .title6 b{font-weight:700;}
/*탭*/
.tab_wrap .tab_box {width: 100%;display: -webkit-box;display: -ms-flexbox;display: flex;margin-bottom: 4rem;}
.tab_wrap .tab_box li {-webkit-box-flex: 1;-ms-flex: 1 1 100%;flex: 1 1 100%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;position: relative;}
.tab_wrap .tab_box li a {width: 100%;display: block;text-align: center;line-height: 2rem;padding: 2rem 1rem;position: relative;-webkit-transition: all 0.3s;transition: all 0.3s; border-bottom: 1px solid #D8D8D8; color:#767676; font-size:1.8rem; font-weight:600; position:relative;border-left:1px solid #d8d8d8;border-top:1px solid #d8d8d8;}
.tab_wrap .tab_box li a:before{content:'';width:0;transition:all .2s;position:absolute;top:-1px;left:-1px;transform:scaleX(0);height:calc(100% + 2px);border:2px solid #111;border-bottom:0;z-index:1;border-bottom:0;}
.tab_wrap .tab_box li:last-child a{border-right:1px solid #d8d8d8;}
.tab_wrap .tab_box li.on a:before{transform:scaleX(1);width:calc(100% + 2px);}
.tab_wrap .tab_box li a:hover, .tab_wrap .tab_box li a:focus {color:#333;}
.tab_wrap .tab_box li.on a {color: #111;border-bottom:0;}
.tab_wrap .tab_box li.on i {display: inline-block;}
.tab_wrap .tab_box li + li {border-left: none;}
.tab_wrap .tab_cont {display: none;}
.tab_wrap .tab_cont.active {display: block;}


.tab_wrap .tab_box.type1{gap:0.6rem;}
.tab_wrap .tab_box.type1 li a {color:#555555; font-size:1.7rem; background: #F4F4F8;border-radius: 1rem;border:0;}
.tab_wrap .tab_box.type1 li a:hover, .tab_wrap .tab_box li a:focus {color:#ffffff;background: #1C2F62;box-shadow: 0 0 20px 0 rgba(28, 47, 98, 0.40);}
.tab_wrap .tab_box.type1 li.on a {color: #ffffff;background: #1C2F62;box-shadow: 0 0 20px 0 rgba(28, 47, 98, 0.40);}
.tab_wrap .tab_box.type1 li.on i {display: inline-block;}
.tab_wrap .tab_box.type1 li a:before{display:none;}

/*연혁*/
.history_wrap .list li .month{color:#111;}
.history_wrap .his_pager .emp .txt_box span{color:#111;text-decoration: underline;font-weight:700;}


.history_wrap .list li:nth-child(odd) .his_pager .emp .txt_box span:after{content:'';width:.6rem;height:.6rem;border-radius:50%;background:#5750FD;display: inline-block;position:relative;vertical-align: middle;margin:-0.4rem 0 0 1rem;}
.history_wrap .list li:nth-child(even) .his_pager .emp .txt_box span:before{content:'';width:.6rem;height:.6rem;border-radius:50%;background:#5750FD;display: inline-block;position:relative;vertical-align: middle;margin:-.4rem 1rem 0 0;}

/*비전*/
.vision_box{border: 3px solid #EDEDED;border-radius:1rem;padding:8rem 2rem 9rem;text-align: center;position:relative;margin-top:11rem}
.vision_box .title{border-radius: 136px;background: #0D2259;color:#fff;border:.8rem solid #fff;font-size:2.4rem;font-weight:700;text-align: center;width:18.8rem;height:7.3rem;display:inline-block;line-height:5.8rem;position:absolute;transform: translateX(-50%);left:50%;top:-3.8rem}
.vision_box > div + div{margin-top:5.5rem}
.vision_box .circle_diagram > li{width:22.6rem;height:22.6rem;font-size:2.8rem}
.value_lst{display:flex;justify-content: center;}
.value_lst > li{width:36rem;}

.value_lst > li:nth-child(n+2){margin-left:-6rem;}
.value_lst > li > p{color:#111;font-size:2rem;font-weight:700;line-height: 1.4;border: 3px solid #EEE;border-radius: 30rem;padding:2.5rem;position:relative}
.value_lst > li > p:after{content:'+';color:#2434B0;font-size:2rem;position:absolute;top:47%;right:1.2rem;font-weight:100;font-size: 4rem;transform: translateY(-50%)}
.value_lst > li > p > b{color:#2434B0;font-size:3.2rem;display:block}
.value_lst > li:last-child > p:after{display:none;}
.value_lst > li > span{display:block;padding-top:2.3rem;font-size:1.8rem;}

/*background class*/
.st1{background:#388CEB;}
.st2{background:#0F6ED8;}
.st3{background:#034EA2;}
.st4{background:#013977;}
.st5{background:#0D2259;}
.st6{background:#2E3D4E;}
.st7{background:#4B5561;}
.st8{background:#009962;}
.st9{background:#1F7FC4;}
.st10{background:#0E4B92;}
.st11{background:#034EA2;}
.st12{background:#193B92;}
.st13{background:#013977;}
.st14{background:#31C1D5;}
.st15{background:#4D57A7;}
.st16{background:#333333;}

/*color class*/
.c01{color:#034EA2;}
.c02{color:#013977;}
.c03{color:#4D57A7;}
.c04{color:#333;}
.c05{color:#388CEB;}
.c06{color:#0F6ED8;}
.c07{color:#777;}

/*정보공개*/
.box_lst1{gap:2rem;display:flex;flex-wrap:wrap}
.box_lst1 > li{width:calc(50% - 1rem);background:#F3F4FC;padding:4rem;border-radius:1rem;}
.box_lst1 .title{color: #2434B0;font-size:2rem;font-weight:700;display:block;margin-bottom:1rem}
.box_lst1 .flex{display:flex;justify-content: space-between;}
.box_lst1 .flex .title{margin-bottom:0;}

/*전략체계도*/
.system_wrap .mission{color:#fff;position:relative;}
.system_wrap .mission .img{display:block;height:29.4rem;position:relative;border-radius: 1rem;overflow:hidden}
.system_wrap .mission .img img{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);object-fit: cover;width:100%;height:100%}
.system_wrap .mission p{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);text-align: center;width:100%;padding:0 1rem}
.sub_t1{font-size:2.6rem;font-weight:600;display:block;margin-bottom:4rem}
.system_wrap .mission strong{font-size:3.6rem;font-weight:bold;line-height:1.3}
.system_wrap .mission p > * + *:before{content:'';width:3rem;height:1px;background:rgba(255,255,255,0.3);position:absolute;left:50%;top:auto;margin-top:-2.4rem;-webkit-transform: translateX(-50%);transform: translateX(-50%)}
.sub_t2{margin-bottom:1.6rem;display:flex;align-items: center;justify-content: center}
.sub_t2 > *{background-color:#EEEFFB;border-radius:1.8rem;padding:0.8rem 1.5rem;font-size:2.2rem;color:#2331A2;font-weight: bold;}
.mission, .vision, .goal, .value{text-align: center}
.system_wrap > * + *{margin-top:12rem;}
.circle_diagram{display:flex;align-items: center;justify-content: center;}

.circle_diagram > li{width:26.6rem;height:26.6rem;border-radius:50%;color:#fff;text-align:center;display:flex;align-items: center;justify-content:center;background-color: red;font-size:3.2rem;font-weight:bold}
.circle_diagram > li:nth-child(n+2){margin-left:-3.8rem}
.circle_diagram > li:nth-child(1){background:#5080D2;}
.circle_diagram > li:nth-child(2){background:#243870;mix-blend-mode: multiply;}
.circle_diagram > li:nth-child(3){background:#7B8AAA;}

.digm1{display:flex;gap:2rem;margin-top:3rem;}
.digm1 > li{border:3px solid #EBEBEB;border-radius:6px;text-align: left;flex:1;padding:3rem 2rem;}
.digm1 > li > p{font-size:2.4rem;font-weight:bold;color:#111;min-height:7rem;line-height:1.3;letter-spacing: -0.5px;}
.digm1 > li > span{font-size:1.8rem;font-weight:500;color:#333;padding-top:2.2rem;border-top:1px solid #ddd;display:block}
.digm1 > li > span > b{margin-left:5px;}

/*diagram*/
.system_box{border: .8rem solid #E2E4F1;padding:3.7rem 2rem 3rem;position:relative;border-radius: 10rem;text-align: center;font-size:2.4rem;font-weight:600;letter-spacing: -0.69px;color:#111;margin-top:3rem;word-break: keep-all}
.system_box > strong{padding:0 3.5rem;height:5rem;line-height:1.2;display:block;position: absolute;left:50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);top:-3rem;font-size:2.8rem;font-weight:800;background-color:#fff;display:flex;align-items: center;white-space: nowrap;}
.system_box > strong > span{background: linear-gradient(to right top, #0089EC, #0015D4);color: transparent;-webkit-background-clip: text;}
* + .system_box{margin-top:5rem;}
.system_box + *{margin-top:4rem;}

[class*="diagram1_"]{border-collapse: inherit;border-spacing: 1rem;width: calc(100% + 2rem);margin-left: -1rem;position:relative;table-layout: inherit;}
[class*="diagram1_"] th{width:15.3rem;color:#fff;height:100%;border-radius:1rem;padding:2rem 1rem;font-size:2.1rem;font-weight:700;line-height:1.4;white-space: nowrap;}
[class*="diagram1_"] th > strong{display:block;height:100%;}
[class*="diagram"] td{font-size:1.8rem;padding:0;}
[class*="diagram"] th > span{font-size:1.2rem;font-weight:600;display:block;}
[class*="diagram1_"] .icon_lst{padding:3rem 0;display:flex;align-items: center;justify-content: center;gap:12.4rem;}
[class*="diagram1_"] td.border{border:1px solid #ddd;border-radius: 10px;padding:2rem 3rem;}
[class*="diagram1_"] .icon_lst > li > i{width:12.6rem;height:12.6rem;border-radius:50%;border:2px dashed #ddd;display:inline-block;text-align:center;line-height:12.6rem;margin-bottom:1.5rem;}
[class*="diagram1_"] .icon_lst > li{font-size:2rem;font-weight:700;color:#111;display:flex;flex-direction: column;align-items: center;position:relative;}
[class*="diagram1_"] .icon_lst > li + li:before{width:6.6rem;height:1px;border-top:1px dashed #ccc;content:'';position:absolute;top:6.3rem;left:-75%;}
[class*="diagram1_"] td .box2{padding:3.5rem;text-align: center;color:#111;font-size:2.4rem}
[class*="diagram1_"] td .box2:before, [class*="diagram1_"] td .box2:after{border-width:1rem;border-color:#E6E8F6;width:2.5rem;}
[class*="diagram1_"] .list1{display:flex;gap:1.2rem;flex-wrap: wrap;margin-top:1.2rem;}
[class*="diagram1_"] .list1 > li{width:calc(50% - 0.6rem);border-radius: 10px;border: 1px solid #AEB4E5;background: #F4F5FB;height:18rem;padding:3.5rem 3.5rem 0;color:#333;font-weight:600;}
[class*="diagram1_"] .list1 > li > strong{font-size:2rem;color:#111;display:block;font-weight:700;margin-bottom:2.3rem;}
[class*="diagram1_"] .list1 > li > span{border-radius: 10px;background: #E6E8F6;padding:1.5rem 2rem;display:block;text-align: right;}
[class*="diagram1_"] .border2{border-radius: 10px;border: 1px solid #97BDE8;background: #F9F9FF;color:#111;font-size:2rem;font-weight:700;text-align: center;width:18.5rem;padding:1rem;white-space: nowrap;line-height:1.2;}

[class*="diagram1_"] .list2 > li > p b{color:#034EA2;font-size:2.6rem;display:block;}
[class*="diagram1_"] .list2 > li:first-child{margin-left:0;}
[class*="diagram1_"] .list2 > li:first-child p::before{display:none;}
[class*="diagram1_"] .list2 > li{margin-left:-4.8rem;position:relative;}
[class*="diagram1_"] .list2 > li:nth-child(even) > p{background:rgba(114, 126, 226, 0.15);}
[class*="diagram1_"] .list2 > li:nth-child(even) > p b{color:#4D57A7;}
[class*="diagram1_"] .list2{display:flex;padding:1rem 0;text-align:center;justify-content: center;}
[class*="diagram1_"] .list2 > li > p{color:#111;font-weight:700;text-align: center;padding:1rem 5rem;background: rgba(33, 125, 227, 0.15);border-radius:100px;position:relative;line-height:1.2;padding:1rem 7rem;min-width:25rem;word-break: keep-all}
[class*="diagram1_"] .list2 > li span{margin-top:1.5rem;display:block;line-height:1.4;}
[class*="diagram1_"] .list2 li p:before{content:'+';color:#034EA2;display:inline-block;position:absolute;font-weight:400;font-size:3rem;left:1.5rem;top: 48%;transform: translateY(-50%);line-height: 1;}
[class*="diagram1_"] .list2 > li > p b.type2{font-size:1.8rem;}
[class*="diagram1_"] .list2 > li > p b mark{font-size:2.6rem;background:none;color: inherit;}
[class*="diagram1_"] .diagram3 .label{font-size:1.7rem;}
[class*="diagram1_"] .diagram3{gap:1.5rem 1rem !important;}
[class*="diagram1_"] .diagram3.font .label{min-height:7rem;display:flex;align-items: center;justify-content: center;font-size:2rem;word-break: keep-all;}
[class*="diagram1_"] .diagram3 .label{height:6rem;display:flex;align-items: center;justify-content: center;padding:1rem;}
[class*="diagram1_"] .diagram3 .depth1{height:calc(100% - 7rem);}
[class*="diagram1_"] .box5{min-height:inherit;padding:3rem 1.5rem;}

.diagram1_2{padding-top:8rem;}
.diagram1_2 .icon_lst > li > i{border:0 none;background: #F8F8FA;}
.diagram1_2:before{content:'';width:calc(100% - 2rem);display:block;height:8rem;background:url('../img/sub/triangle.png') no-repeat center/cover;position:absolute;left:1rem;top:2.5rem;}
.diagram2{background-color:#F4F5FB;border-radius:2rem;text-align: center;padding:3.5rem;margin-bottom:4rem;}
.diagram2 > ul{display:flex;justify-content:center;align-items: flex-start;gap:6rem;}
.diagram2 > ul > li > span{display:block;color:#111;font-size:1.8rem;font-weight:600;margin-top:2.2rem;letter-spacing: -1px;word-break: keep-all;line-height:1.2;}
.diagram2 > ul > li{position:relative;flex:1;}
.diagram2 > ul > li:before{content:'';position:absolute;left:100%;top: 7rem;background:url('../img/sub/rightbtn.png') no-repeat center/cover;width:1.1rem;height:1.3rem;margin-left:2.6rem;}
.diagram2 > ul > li:last-child:before{display:none;}
.diagram2 > ul > li > p{line-height:1.2;}

.diagram3{display:flex;gap:3.2rem;position: relative;flex-wrap:wrap;}
.diagram3 > li{flex:1;position: relative;}
.diagram3 > li:before{content:'\F00A';color:#333;font-size:2rem;font-family:'remixicon';position:absolute;right:-2.8rem;top:1.5rem}
.diagram3 > li:last-child:before,
.diagram3.type4 > li:before{display:none;}
.diagram3 .label{padding:1.5rem;color:#fff;font-size:1.9rem;font-weight:600;text-align: center;-webkit-print-color-adjust: exact;border-radius: 10px;display:block;line-height:1.2;}
.diagram3 .label + .depth1{margin-top:1rem;}
.diagram3.type2{gap:1.6rem;}
.diagram3.type2 .depth1{-webkit-box-pack: center;align-items: flex-start;justify-content: flex-start;}
.diagram3.type2 > li:before{display:none;}
.diagram3 .list_num3 .point{color:#193B92;font-weight:700;font-size:1.7rem;}
.diagram3 .list_num3 li > em{background: rgba(233, 30, 30, 0.10);;border-radius:10px;color:#E91E1E;text-align:center;font-size:1.1rem;font-weight:600;display:inline-block;width: 3.9rem;height: 1.8rem;line-height: 1.9rem;margin-left:1rem;vertical-align: middle;}
.diagram3.type4 .label{background: #DCE7F3;color:#034EA2;height:6rem;display:flex;align-items: center;justify-content: center;font-size:1.7rem;color:#034EA2;}
.diagram3.type4{display:grid;grid-template-columns: repeat(3, 1fr);}
.diagram3 .bul3 > li{font-size:1.6rem;color:#3E3E3E;}
.diagram3 .bg_lst > li{background:#F5F5F5;border-radius:1rem;padding:1.8rem 3rem;}
.diagram3 .space{flex:2;}
[class*="diagram"] .depth1{display:flex;align-items: center;word-break: keep-all;padding:2rem 1.5rem;text-align: center;-webkit-box-pack: center;flex-direction: column;}
.diagram3 .depth1{border: 3px solid #EDEDED;border-radius: 10px;font-weight:400;height: calc(100% - 7.4rem);}
.diagram3 .depth1 .title3{font-size:1.8rem}
.diagram3.center .depth1{justify-content: center}

.item_box_lst{display:flex;gap:1.6rem;}
.item_box_lst .item_box{flex:1;}
.item_box_lst .item_box .label{max-width: calc(100% - 6rem);}
.item_box{margin:2rem 0;text-align: center;}
.item_box .label{background-color:#0D2259;border-radius:136px;border: 7px solid #FFF;text-align: center;color:#fff;font-size:2rem;font-weight:bold;padding:1.3rem 5rem;display:inline-flex;margin:auto;position:relative;min-width:33rem;justify-content: center;}
.item_box .txt{border-radius:2rem;background: #F4F5FB;font-size:1.9rem;margin-top:-3rem;padding:6rem 5rem 4rem;word-break: keep-all;text-align: center;height:calc(100% - 4rem);}
.item_box .txt .point{font-weight:bold;}

.item_box .txt .button_wrap{margin-top:1.5rem;}
.item_box .txt .btn_st1{margin:0.5rem 0.2rem;}
.item_box .txt .button_wrap.padd > a{width:25rem; margin-left: 3rem}

.item_box .txt .bg{border-radius:1rem;background:#fff;padding:2rem 3rem;}
.item_box article + article{border-top:1px dashed #ddd;margin-top:4rem;padding-top:4rem;}
.item_box .txt.t2{border-radius:80rem;color:#333;font-weight:600;font-size:2rem}
.item_box .txt .title2,
.item_box .txt .title2 .point{font-weight:800;font-size:3.4rem}
.item_box .txt.t3{color:#111;font-size:2.3rem;font-weight:700}

/*로고타입*/
.ci_box{display:flex;flex-wrap: wrap;gap:4rem;border:1px solid #ddd;border-radius:2rem;padding:4.6rem;justify-content: space-between;}
.ci_box > *{width:calc(50% - 3.5rem);word-break: keep-all;}
.ci_box .img{background:linear-gradient(90deg, #E8E8E8 1px, transparent 1px), linear-gradient(#eeeeee 1px, transparent 1px);background-size: 1.1rem 1.1rem;height:26.5rem;display:flex;flex-wrap: wrap;align-items: center;justify-content: center;padding:1.5rem;}
.ci_box .txt{width:calc(50% - 0.7rem);}
.ci_box > * > .img.t2{padding:6rem;justify-content: flex-start; gap: 4rem;}
.ci_btn{display: flex;align-items: flex-end;justify-content: flex-end;gap:.7rem;}
.ci_btn > a{width:16.6rem;display: inline-flex;justify-content: space-between;}
.ci_box.t2 > *{width:47%;}
.ci_box.t3 > *{width:31%; gap: 2rem !important;}

/*조직도*/
.org_wrap{position:relative; line-height: 1.2;}
.org_wrap .cap{width:14.4rem;height:14.4rem;border:1.2rem solid #e6e9f3;text-align: center;border-radius:100%;display:flex;background: #133387;color:#fff;font-size:2.4rem;font-weight:700;align-items: center;justify-content: center;margin:auto;margin-bottom:4.7rem; padding: 1rem;}
.org_wrap .type1{font-size:1.8rem;font-weight: 500;border-radius: 6PX;height:5rem;text-align: center;display:flex;align-items: center;justify-content: center;width:16.5rem; padding: 0 1rem;}
.org_wrap .group_1{padding-bottom:4.3rem;position:relative;}
.org_wrap .group_1:before{content:'';width:1px;height:100%;border-left:1px solid #ccc;position:absolute;z-index:-1;left:50%;}
.org_wrap .group_1 .lst{display:inline-flex;align-items:center;justify-content:center;gap:18.6rem;position:relative;}
.org_wrap .group_1 .lst:before{width:50%;height:1px;border-top:1px solid #ccc;position:absolute;content:'';left:50%;top:auto;transform: translateX(-50%);z-index:-1;}

.org_wrap .group_1 .type1{background: #F8F8FA;color:#333;font-size:1.5rem;}

.org_wrap [class*="group_"]{position:relative;text-align:center;overflow:hidden;}
.org_wrap .group_2{position:absolute;left:0;top:0;}
.org_wrap .group_2:before{width:1px;height:100%;border-left:1px solid #ccc;position:absolute;content:'';left:50%;top:auto;z-index:-1;}
.org_wrap .group_2 .cap{background:#5080D2;border-color:#ecf1fb;}
.org_wrap .group_2 .type1{background: #F8F8FA;color:#333;font-size:1.5rem;}
.org_wrap .group_3{display: flex;justify-content: space-between;gap:3rem;}
.org_wrap .group_3:before{content:'';border-top:1px solid #ccc;width:78.1%;position:absolute;top:0;left:14.9%;}
.org_wrap .group_3 > div{padding-top:3rem;flex:0 0 calc(16.6% - 3rem);position:relative;}
.org_wrap .group_3 > div:before{content:'';height:17rem;width:1px;background:#ccc;left:50%;top:0;position:absolute;z-index: -1;}
.org_wrap .group_3 .type1{color:#fff;font-weight:600;background:#133387;line-height:1.2;padding:0.5rem;word-break: keep-all;width:100%;}
.org_wrap .group_3 .org_1{flex:0 0 calc(32.3% - 3rem);display:flex;flex-direction: column;align-items: center;}
.org_wrap .group_3 .org_1 > .type1{width:17.2rem;}
.org_wrap .group_3 .org_1 .org_a{display: flex;justify-content: space-between;gap:3rem;width:100%;margin-top:1.4rem;position:relative;}
.org_wrap .group_3 .org_1 .org_a > li{width:100%;}
.org_wrap .group_3 .org_1 .org_a:before{width:calc(50% + 1.5rem);content:'';height:7.7rem;border:1px solid #ccc;border-bottom:0;position:absolute;top:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);background: #fff;}
.org_wrap .org_b > ul{border-radius: 5px;background: #F8F8FA;padding:1.6rem 1.2rem;position: relative;}
.org_wrap .org_b > ul+ul{margin-top:2rem;}
.org_wrap .org_b li{font-size:1.5rem;font-weight:500;color:#181930;}
.org_wrap .org_b li + li{margin-top:1.2rem;}
.org_wrap .org_b li em{padding:.8rem 1rem; color:#444444;background:#fff;display:block;position:relative;}
.org_wrap .org_b li em:before{content:'';position:absolute;border-left:1px solid #ccc;height:5rem;top:100%;left:50%;}
.org_wrap .group_3 .org_3{padding-top:11rem;}
.org_wrap .group_3 .org_3 .type1{background: #5080D2;color: #fff;}
.org_wrap .group_3 .org_3 .org_b{margin-top:1rem;}
.org_wrap .group_3 .org_2 .org_b{margin-top:9rem;}
.org_wrap .group_3 .org_1 .org_a > li{padding-top:1.7rem;position:relative;}
.org_wrap .group_3 .org_1 .org_a > li:first-child{padding-top:7.7rem;}
.org_wrap .group_3 .org_1 .org_a .type1{margin-bottom:1rem;background: #5080D2;color: #fff;}

/*오시는길*/
.map_info .title{color:#111;font-weight:700;font-size:1.8rem;flex:0 0 20rem;}
.map_info .title4{line-height:1.4;}
.map_info .depth{font-size:1.8rem;font-weight:500;padding-top:1.5rem}
.map_info [class*="group"]{position:relative;padding:2rem 0;display:flex;border-bottom:1px solid #ddd;}
.map_info .group1{padding:1.6rem 0 3.6rem 0}
.map_info .lst{width:100%;padding-top:1.5rem}
.map_info .lst > li{border-bottom:1px solid #ddd;padding:4rem 0;}
.map_info .lst > li:first-child{padding-top:0;}
.map_info .lst > li:last-child{border-bottom:0;padding-bottom:2rem;}
.map_info .bul1 > li+li{margin-top:0;}
.map_info  .title img{width:6rem;margin-right:1.5rem}

/*비공개 대상정보*/
.title_area{position:relative;padding:1rem 8.5rem;display:flex;border-radius:2rem;overflow:hidden;align-items: center;justify-content: space-between;height:23.2rem;}

.title_area img{width:100%;height:100%;position:absolute;left:50%;top:50%;z-index:-1;transform: translate(-50%, -50%);width:100%;object-fit:cover;}


.title_area .txt{width:100%;color:#fff;display:flex;justify-content: space-between;    align-items: center;}
.title_area .txt > p > strong{font-weight:700;font-size:2.6rem;margin-bottom:1rem;display:block;}
.title_area .txt > p > span{font-size:1.8rem;font-weight:500;word-break: keep-all;}
.title_area .txt > a{height:9.5rem;-webkit-backdrop-filter: blur(10px);backdrop-filter: blur(10px);background: rgba(0, 0, 0, 0.10);border: 1px solid rgba(211, 211, 211, 0.50);border-radius: 8px;display:flex;padding:1rem 4rem;align-items: center;}
.title_area .txt > a > i{padding-left:2.4rem;}
.title_area .txt > a:hover, .title_area .txt > a:focus{text-decoration: underline;}
.board_list > [class*="list_num"] > li{padding-top:2.5rem;padding-bottom:2.5rem;line-height:1.4}
.board_list > [class*="list_num"] > li + li{border-top:1px dashed #BFBFBF;margin-top:0;}

/*공공데이터 제공*/
.box_4.data_cont{padding:0 0 8rem;border-radius:2rem;}
.box_4 .com_img{margin-top:-17rem;position:relative;text-align:center;}
.box_4 .imgbox .txt_gather .title.center{font-size:4.3rem;}

.data_cont .btn{text-align:center;display:flex;width:100%;gap:2rem;justify-content: center;}
.data_cont .btn > a{border-radius: 300px;color:#fff;width:34rem;height:5.7rem;line-height:5.7rem;text-align: center;font-size:1.8rem;font-weight:600;background: #009962;transition:all .3s;}
.data_cont .btn > a:last-child{background: #193B92;}
.data_cont .btn > a > i{font-weight:400;padding-left:1rem;}
.data_cont .btn > a:hover, .data_cont .btn > a:focus{box-shadow: 7px 7px 10px rgba(0, 0, 0, 0.20);}
.data_cont .gradient_link{margin:0;}

/*esg경영*/
.gradient_circle{border-radius:300px;background: linear-gradient(259deg, #0019FB -18.97%, #12BC7F 84.41%);color:#fff;text-align: center;font-size:2.5rem;font-weight:700;padding:3rem;max-width:74.4rem;margin:5rem auto;position:relative;line-height:1.3;}
.gradient_circle.border:before{content:'';background: linear-gradient(259deg, #0019FB -18.97%, #12BC7F 84.41%);width:calc(100% + 2rem);height:calc(100% + 2rem);top:-1rem;left:-1rem;z-index:-1;opacity:.1;position:absolute;border-radius:100px;}

[class*="diagram1_"] td .box2 .depth1{display:block;color:#111;padding:0;}
.diagram1_3 [class*="lst"]{display:flex;gap:1.3rem;}
.diagram1_3 [class*="lst"] > li{flex:1;}
.diagram1_3 [class*="lst"].w50{flex-wrap:wrap;}
.diagram1_3 [class*="lst"].w50 > li{flex:0 0 calc(50% - 0.65rem)}
.diagram1_3 .lst1 > li{border-radius: 86px;border: 4px solid rgba(3, 78, 162, 0.07);padding:2rem;color:#111;font-size:1.8rem;font-weight:600;line-height:1.3;word-break: keep-all;text-align: center}
.diagram1_3 .lst1.type2 > li{padding:2rem 3rem;text-align:left;border-radius:1rem;display: flex;align-items: center;flex-direction: column;gap:1rem;}
.diagram1_3 .lst1.type2 strong{color:#111;font-size:1.9rem;font-weight:700;}
.diagram1_3 .lst2 > li{background: rgba(3, 78, 162, 0.07);padding:2rem 2.3rem;border-radius:10px;}
.diagram1_3 .lst2 > li:nth-child(2){background:rgba(25, 59, 146, 0.07);}
.diagram1_3 .lst2 > li:nth-child(3){background:rgba(1, 57, 119, 0.07);}
.diagram1_3 .lst2 > li > strong{color:#034EA2;display:block;font-size:1.8rem;font-weight:700;text-align: center;}
.diagram1_3 .lst3 > li > strong{border-radius: 8rem;display:block;color:#fff;text-align: center;padding:0.4rem;font-size:1.7rem;font-weight:600;margin-bottom:1rem;line-height:1.2;}
.diagram1_3 .lst3 > li .txt.hg1{height: calc(100% - 4rem);display:flex;align-items: center;}
.diagram1_3 .lst3.type2 > li > strong{padding:1.2rem 2rem;text-align: left;}
.diagram1_3 .lst3.type2 > li > strong > em{background:#fff;font-size:1.6rem;border-radius: 77px;padding:3px 1rem;margin-right:1rem;}
.diagram1_3 .lst3 > li .txt{border-radius: 1rem;border: 4px solid rgba(1, 57, 119, 0.07);color:#111;font-size:1.8rem;font-weight:600;padding:1.5rem 1rem;text-align: center;word-break: keep-all;line-height:1.3;}
.diagram1_3 .lst3 > li .txt > span{font-size:1.6rem;display:block;font-weight:400;}
.diagram1_3 .box6{padding:3rem}
.task{display:flex;gap:1.4rem;}
.task > li{flex:1;background: #EDF3F8;border-radius:1rem;padding:2.5rem;}
.task > li:nth-child(2){background:#EFF1F7;}
.task > li:nth-child(3){background:#EDF1F5;}
.task > li p{text-align: center;margin-bottom:2rem;}
.task > li p em{border-radius:50%;width:2.4rem;height:2.4rem;text-align:center;color:#fff;display:inline-block;font-size:1.5rem;font-weight:700;line-height:2.4rem;margin-bottom:1rem}
.task > li p strong{display: block;color: #034EA2;font-size:1.8rem;font-weight:700;word-break: keep-all;line-height:1.3;}

.gradient_circle.type2{border-radius: 10px;padding:1.1rem;width:100%;font-size:2.1rem;margin:5rem 0 1.4rem;max-width:100%;position:relative;}
.improve_list{text-align:left;width:100%;}
.improve_list > li{display:flex;justify-content: space-between; flex-wrap: wrap; color:#3E3E3E;font-size:1.7rem;font-weight:600; line-height: 1.3;}
.improve_list > li + li{margin-top:0.8rem;}
.improve_list > li > *{display:inline-block;}
.improve_list > li b{color:#193B92;font-size:1.7rem;font-weight:700;display:inline-block;vertical-align: middle;text-align: right;width:6rem;position:relative; letter-spacing: -0.1rem}
.improve_list > li b:first-child{margin-right:3rem;}
.improve_list > li b:first-child:after{content:'\EA6E';font-family:'remixicon';display:inline-block;vertical-align: middle;color:#B2B2B2;font-size:1.7rem;position:absolute;right:-2.5rem;font-weight:400;}
.improve_list > li b.pb1{width:10rem;}
.rslt_wrap .diagram3:first-child:before{content:'';width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:1.4rem solid #333;left:50%;transform:translateX(-50%);position:absolute;bottom:-3.3rem;}

.diagram3 li:first-child .depth1.type2{justify-content: center;padding-top:0;}
.diagram3 .depth1.type2{ flex-direction: column;border-radius:0;height:auto;border-bottom:0;padding:0.5rem;height:9.7rem;padding-top:2rem;}
.diagram3 .depth1.type2 .txtp{position:relative;line-height:1.3;}
.diagram3 .depth1.type2 .txtp:after{content:'';background:url("../img/sub/path.png") no-repeat center/cover;position:absolute;top:100%;width:.3rem;height:1.3rem;left:50%;margin-top:1rem;}

.diagram3 .depth1 > *{width:100%;}
.diagram3 .lst1{display:flex;justify-content: space-between;gap:3px;padding:0 1.8rem;}
.diagram3 .lst1 > li{background: rgba(33, 125, 227, 0.15);border-radius:5px;padding:1rem;font-size: 1.7rem;line-height:1.2;display: flex;align-items: center;}
.diagram3 .lst1 > li:nth-child(2){background: rgba(114, 126, 226, 0.15);}
.diagram3 .lst1 > li:nth-child(3){background: rgba(173, 128, 231, 0.15);}
.diagram3 .txt_bar{text-align: center;background: rgba(3, 78, 162, 0.10);font-size:1.9rem;font-weight:700;padding:1rem;border-radius: 0px 0px 4px 4px;position:relative;}
.diagram3 .txt_bar:before{content:'';width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:1rem solid #fff;left:50%;transform:translateX(-50%);position:absolute;top:0;}
.diagram3 .txt_bar.c01{background:rgba(3, 78, 162, 0.10);}
.diagram3 .txt_bar.c02{background:rgba(1, 57, 119, 0.10);}
.diagram3 .txt_bar.c03{background:rgba(77, 87, 167, 0.10);}
.diagram3 .txt_bar.c04{background:rgba(51, 51, 51, 0.10);}
.diagram3 .depth1 .txtp em{display:block;width:3px;height:3px;background:#3e3e3e;border-radius:50%;margin:1.8rem auto 0;position:relative;}
.diagram3 .depth1 .txtp em:before,
.diagram3 .depth1 .txtp em:after{content:'';top:-.8rem;width:3px;height:3px;background:#3e3e3e;border-radius:50%;left:50%;position:absolute;transform:translateX(-50%);}
.diagram3 .depth1 .txtp em:after{top:.8rem;}
.diagram3 [class*="block"]{height:100%;}
.diagram3 .label > span{background:#fff;border-radius: 77px;font-size:1.6rem;font-weight: 700;padding:.5rem 1.2rem;display:inline-block;vertical-align: middle;margin-right:1rem;}
.diagram3 .block1{display:flex;flex-direction:column;gap:1rem;justify-content: space-between;}
.diagram3 .block1 > li{ height:100%;}
.diagram3 [class*="block"] .tt{font-size:1.7rem;font-weight:600;display:inline-block;border-radius: 5px;text-align: center;flex:0 0 10rem;height:100%;display:flex;align-items: center;justify-content: center;margin-right:1.5rem;padding:1rem;color:#333}
.diagram3 li:last-child .block1 .tt{flex:0 0 6rem;}
.diagram3 [class*="block"] .b1{background: rgba(3, 78, 162, 0.07);}
.diagram3 [class*="block"] .b2{background: rgba(1, 57, 119, 0.07);}
.diagram3 [class*="block"] .b3{background: rgba(77, 87, 167, 0.07);}
.diagram3 .block2 .tt{flex-direction: column;color:#111;}
.diagram3 .block2 .tt > p + p{margin-top:7rem;position:relative;}
.diagram3 .block2 .tt > p + p:before{width:3rem;height:3rem;background:#fff;color:#013977;font-size:1.8rem;line-height:3rem;border-radius:50%;text-align: center;position:absolute;top:-5.5rem;left:50%;content:'+';transform:translateX(-50%);}
.diagram3 [class*="block"] > li,
.diagram3 .block2{display:flex;}
.diagram3 .block2 > ul{height: 100%;display: flex;flex-direction: column;justify-content: space-between;}
.diagram3 .block2 > ul > li{height:100%;border-bottom:1px solid #ddd;padding-bottom:1.5rem;margin-bottom:1.5rem}
.diagram3 .block2 > ul > li:last-child{padding-bottom:0;margin-bottom:0;border-bottom:0}
.diagram3 [class*="block"] b{text-align: left;letter-spacing: -.5px;line-height:1.3;align-items: center;display:flex;}
.diagram3 .block1 li, .diagram3 .block1 .bulli1{font-size:1.6rem;color:#3E3E3E;margin-top:0;}
.diagram3 [class*="block"] .bul1 > li + li{margin-top:0;}
.diagram3 [class*="block"] * + [class*=bul]{margin-top:5px;}
.diagram3.type3{margin-top:5.4rem;}
.diagram3.type3 > li:before{top:50%;transform:translateY(-50%);}
.diagram3.type3 .depth1{border-radius:0;}
.diagram3.type5{flex-wrap:wrap;gap: 2rem 1rem;}
.diagram3.type5 > li{width:calc(25% - 1rem);flex:auto;}
.diagram3.type5 > li:nth-child(n+5){width:calc(33.3333% - 1rem);}
.diagram3 .label{height:6.5rem;display:flex;align-items: center;justify-content: center;font-size:1.9rem;font-weight:500;}
.diagram3.type5 > li:before{display:none;}
.diagram3.type5 > li .depth1{display:block;}
.diagram3.type5 > li .depth1 .title3{text-align: left;}
.diagram3 [class*="block"] .bul1 > li > span{font-size:1.2rem}



.org_wrap2{position:relative;}
.org_wrap2 .label{background:#2F57BF;}
.org_wrap2 .cap{width:25rem;height:25rem;border-radius:50%;border:1.5rem solid #E7EBF3;display:flex;background:#133387;margin:0 auto 2.5rem;justify-content: center;align-items: center;color:#fff;font-size:2.5rem;font-weight:600;flex-direction: column;position: relative; text-align: center; line-height: 1.3;}
.org_wrap2:before{content:'';border-left:1px dashed #ccc;height:85%;z-index:-1;width:1px;position:absolute;left:50%;top:0;}
.org_wrap2.type2:before{height:57%;}
.org_wrap2 .cap > span{color: #00D785;font-size:1.8rem;font-weight:600;display:block; margin-top: .5rem;}
.org_wrap2 .diagram3{justify-content: space-between;padding-bottom:7.3rem;position:relative;}
.org_wrap2 .diagram3:before{width:100%;content:'';height:1px;border-top:1px dashed #CCCCCC;position:absolute;top:3.2rem;left:0;}
.org_wrap2 .diagram3 > li{flex:0 0 43.3rem;}
.org_wrap2 .box_wrap{display:flex;justify-content: space-between;padding-top: 5.5rem;gap:4.3rem;position:relative;}
.org_wrap2 .box_wrap.type2:before{width:calc(100% - 32rem);left:48%;}
.org_wrap2 .box_wrap:before{content:'';border:1px dashed #ccc;border-bottom:0;top:0;left:50%;width:calc(100% - 40rem);height:5.4rem;position: absolute;transform: translateX(-50%);background:#fff;}
.org_wrap2 .box_wrap li{color:#133387;font-size:1.8rem;display:flex;font-weight:600;border:2px solid #133387;border-radius:10px;height:7.2rem;align-items: center;justify-content: center;flex:1;text-align: center;line-height:1.2;}
.org_wrap2 .box_wrap li.inherit{height:auto;display:inherit;border:0;border-radius:inherit;border:0;flex-direction: column;justify-content: inherit;align-items: inherit;background-color:#fff;padding-bottom:28.6rem;}
.org_wrap2 .box_wrap.type2 li > p{color:#133387;border-radius:10px;height:7.2rem;align-items: center;justify-content: center;display:flex;font-weight:600;border:2px solid #133387;width:28rem;}
.org_wrap2 .box_wrap .line{background:#fff;flex:0 0 43.3rem;flex-direction: column;}
.org_wrap2 .box_wrap .line > span{color:#7387BC;font-size:1.6rem;font-weight:400;display:block;}
.org_wrap2 .box_wrap .middle{align-items: flex-end;width:100%;text-align: center;height:auto;border:0;}
.org_wrap2 .box_wrap .middle > p{border-top:4px dashed #AAADC7;padding-top:1rem;width:100%;position:relative;border-left:0;border-right:0;border-bottom:0;}
.org_wrap2 .box_wrap .middle > p:before,
.org_wrap2 .box_wrap .middle > p:after{width:0;height:0;position:absolute;left:-1rem;border-top:10px solid transparent; border-bottom:10px solid transparent; border-right:1.5rem solid #AAADC7;content:'';top:-1.2rem;}
.org_wrap2 .box_wrap .middle > p:after{right:-1rem;border-right: 0;border-left:1.5rem solid #AAADC7;left:auto;}
.org_wrap2 .subbox{height:24.3rem;font-size:1.7rem;display:flex;gap:1rem;bottom:0;position:absolute;width:100%;}
.org_wrap2 .subbox .s_ub1{background: #E0E9FA;border: 2px dashed #6793E4;height:100%;flex: 0 0 28rem;}
.org_wrap2 .subbox *{border-radius: 5px;display:flex;align-items: center;justify-content: center; text-align: center;}
.org_wrap2 .subbox .s_ub2{background: #E2E2E5;border-radius: 5px;height:100%;flex:0 0 11.5rem;}
.org_wrap2 .subbox .s_ub3 > ul{display:grid;grid-template-columns: repeat(3, 1fr);height:calc(100% - 7.6rem);padding:3rem;gap:1rem;}
.org_wrap2 .subbox .s_ub3{flex-direction: column;justify-content: space-between;width:100%;}
.org_wrap2 .subbox .s_ub3 > *{background:#F4F4F5;width:100%;font-size:1.7rem;color:#181930;}
.org_wrap2 .subbox .s_ub3 > ul > li{height:100%;display:flex;align-items: center;border:0;justify-content: center;background:#fff;border-radius:4px;color:#181930;font-size:1.7rem;line-height:1.2;padding:0.5rem;word-break: keep-all;text-align: center}
.org_wrap2 .subbox .s_ub3 > div{height:7.6rem;margin-top:1rem;}
.org_wrap2 [class*="area"]{padding:1.7rem;border-radius:1rem;font-size:1.9rem;font-weight:600;color:#fff;width:36rem;text-align: center;margin-top:3rem;}
.org_wrap2 [class*="area"] > span{display:block;font-size:1.7rem;font-weight:500;opacity:0.7;line-height:1.2;word-break: keep-all;}
.org_wrap2 .area1{background:#2F57BF;margin-left:auto;}
.org_wrap2 .area2{background:#0D2259;margin:3rem auto 6rem;}
.org_wrap2 .area1:before{content:'';width:50%;left:50%;border-top:1px dashed #ccc;margin-top:2.5rem;top:auto;z-index:-1;position:absolute;}
.org_wrap2 .diagram3 [class*="block"] .tt{flex:0 0 6rem}

.circle_wrap{border: 1px solid #DDD;border-radius:2rem;padding:14rem 2rem 9rem;margin-top:2rem;}
.circle_wrap .title{background: linear-gradient(306deg, #0019FB -11.8%, #12BC7F 87.41%);border-radius:100%;display:flex;align-items: center;justify-content: center;width:24rem;height:24rem;border:1.2rem solid #fff;flex-direction: column;color:#fff;font-size:1.7rem;font-weight:500;z-index:1;}
.circle_wrap .title > em{font-size:3.2rem;font-weight:700;}
.circle_wrap .diagram3{display:block;position:static;}
.circle_wrap .diagram3 .depth1{background:#fff;}
.circle_wrap .diagram3 > *{width:30rem;}
.circle_wrap .inner{width: 55.5rem;height: 55.5rem;border-radius: 50%;border: 5px solid #ddd;margin: auto;display: flex;align-items: center;justify-content: center;position: relative;border: 3px solid transparent;border-radius: 50%;background-image: linear-gradient(#fff, #fff), linear-gradient(to right, rgba(19, 189, 128, 0.2) 0%, rgba(6, 76, 213, 0.2) 100%);background-origin: border-box;background-clip: content-box, border-box;}
.circle_wrap .diagram3 > div{position:absolute;}
.circle_wrap .diagram3 > .f1{top:-10rem;left:50%;transform:translateX(-50%);}
.circle_wrap .diagram3 > .f2{left:-30%;bottom:-4rem;}
.circle_wrap .diagram3 > .f3{right:-30%;bottom:-4rem;}
.circle_wrap .diagram3 .depth1 .bul3 > li + li{margin-top:0;}
.circle_wrap .diagram3 > div:before{content:'';border:1px dashed #ccc;position:absolute;width:1px;height:100%;left:50%;top:100%;}
.circle_wrap .inner .label{position:relative;}
.circle_wrap .diagram3 > .f2:before{transform:rotate(45deg);top:-50%;left:113%;height:12rem;}
.circle_wrap .diagram3 > .f3:before{transform:rotate(-45deg);top:-50%;right:113%;height:12rem;left:inherit;}

.pdf{padding:5.5rem;}
.pdf ul{display:flex;gap:5rem;flex-wrap:wrap;}
.pdf li{flex:0 0 calc(33.3333% - 3.4rem);text-align:center;}
.pdf li > .title6{display:block;}
.pdf li i{margin-bottom:2rem;display:block;box-shadow: 2px 2px 14.1px 0px rgba(0, 0, 0, 0.25);}
.pdf li i img{width:100%;}

.box_2 .title6{display:block;margin-bottom:0;}
.box_2 .title6 ~ *,
.box_2  * ~ .title6{padding-top:3rem;margin-top:3rem;border-top:1px dashed #D4D4D4;}
.box_2 .title3{color:#2434B0;}


.diagram1_3 .lst1.type2 .txtp{color:#333;font-size:1.8rem;font-weight:500;position:relative;text-align: center;}

.diagram1_3 .lst3.type2{flex-direction: column;}
.diagram1_3 .box_icon{display:flex;flex-direction:column;gap:1rem;width:100%;}
.diagram1_3 .box_icon > *{border-radius: 10px;border: 4px solid rgba(25, 59, 146, 0.07);height: 100%;display: flex;align-items: center;flex-direction: column;justify-content: center;text-align:center;padding:1rem;}
.diagram1_3 .box_icon .icon{width:7rem;height:7rem;background:#F6F7F9;border-radius:50%;text-align: center;line-height:7rem;display:inline-block;}
.diagram1_3 .box_icon p{font-size:1.6rem;font-weight:400;margin-top:1rem}
.diagram1_3 .box_icon p > strong{display:block;margin-bottom:0;line-height:1.2;}
.diagram1_3 .box_icon p > span{font-size:1.4rem;}
.diagram1_3 .gradient{background: linear-gradient(0deg, #0019FB -2.33%, #12BC7F 109.31%);flex:0 0 13rem;text-align: center;display:flex;justify-content: center;align-items: center;border-radius: 10px;color:#fff;margin-right:1.3rem;margin-top:0;}
.diagram1_3 .lst_Wrap{justify-content: space-between;position:relative;}
.diagram1_3 .lst_Wrap .flexbox{display:flex;width:50%;}
.diagram1_3 .lst_Wrap .lst3{width:40%;}
.diagram1_3 .lst_Wrap > * + *:before{content: '';border-left: .8rem solid transparent;border-right: .8rem solid transparent;border-top: 1.2rem solid #333;margin-top: 0.7rem;position: absolute;left:44%;top:50%;transform: translateY(-50%) rotate(-90deg);}

.step_box{display:flex;gap:3.8rem;}
.step_box > li{border-radius: 10px;background: #F6F7FC;position:relative;padding:2rem 1.5rem;text-align: center;flex:1;}
.step_box > li:before{content: '';border-left: 7px solid transparent;border-right: 7px solid transparent;border-top: 1rem solid #333;transform:translateY(-50%)  rotate(-90deg);position: absolute;top:45%;right:-2.8rem;}
.step_box > li:last-child::before{display: none;}
.step_box > li .tt{color:#111;font-weight:700;font-size:1.9rem;display:block;margin-bottom:1rem;line-height:1.2;}
.step_box > li .txt{color:#333;font-size:1.7rem;word-break:keep-all;line-height:1.3;display:block;}

.box-1{background:#F8F8FA;border-radius: 1rem;padding:6rem}
.figcaption_img{display: flex;text-align: center;flex-wrap:wrap;gap:8rem 0rem}
.figcaption_img > li{width:33.3333%}

.auth_his{position:relative;}
.auth_his:before{content:'';background:#DDDDDD;height: calc(100% - 3rem);width:1px;position:absolute;left:0.4rem;top:1.6rem;}
.auth_his > li{padding-left:5rem;position:relative;padding-bottom:2rem;overflow: hidden;}
.auth_his > li:before{content:'';width:.9rem;height:.9rem;border-radius:50%;background:#2434B0;position:absolute;left:0;top:1.4rem;}
.auth_his .year{color:#111;font-size:2.4rem;font-weight:700;width:7rem;display:inline-block;vertical-align: middle;float: left;}
.auth_his > li .month{color:#333;font-size:2.4rem;font-weight:700;width:4rem;vertical-align: middle;display:inline-block;float: left;}
.auth_his > li:last-child{padding-bottom:0;}
.auth_his > li > span{font-size:1.8rem;float: left;padding-top:.4rem;width:calc(100% - 11rem);}

.img_st{display:flex;gap:3rem;flex-wrap:wrap;align-items: flex-end;}
* + .img_st{margin-top:4rem;}

.goal_wrap{width:calc(100% + 2rem);overflow:hidden;margin-top:7rem;}
.goal_wrap article{float:left;width:calc(50% - 2rem);margin-right:2rem}

.percent > li{display:flex;justify-content: space-between;align-items: center;}
.percent > li + li{margin-top:0.4rem;}
.txt_box [class*="bar"]{background: #D0E1F5;border-radius:100px;overflow:hidden;position:relative;font-size:0;width:17rem;height:1.6rem;display:inline-block;}
.txt_box [class*="bar"]:after{height:100%;left:0;position:absolute;background:#6EB0FC;content:'';top:0;border-radius:100px;}
.txt_box .bar1:after{width:60%;}
.txt_box .bar2:after{width:90%;}
.txt_box .bar3:after{width:95%;}
.txt_box .bar4:after{width:50%;}
.txt_box .bar5:after{width:70%;}


.img_type1 .img{position: relative;border-radius: 2rem;}
.img_type1 .img .tt{position:absolute;text-transform: uppercase;color:#fff;font-family: "Blender Pro";font-size:3rem;font-weight: bold;letter-spacing: 6px;display:flex;align-items: center;justify-content:space-between;width: calc(100% - 28rem);top:42%;left:50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%)}
.img_type1 .img .tt:before{content:'';width:calc(100% - 50rem);height:1px;position:absolute;left:12rem;top:2.2rem;background:#fff;}
[class*="img_type"] .img{border-radius: 1rem;}
[class*="img_type"] .box{padding:11rem 6rem 6rem;border-radius:1rem;background:#fff;width:calc(100% - 12.4rem);margin:-5rem auto 2rem;font-size: 2.1rem;font-weight: 600;word-break: keep-all;text-align: center;position:relative;}
[class*="img_type"] .box:before, [class*="img_type"] .box:after{width:1.4rem;height:1.4rem;top:7.9rem;position:absolute;left:49%;-webkit-transform: translateX(-50%);border-radius:50%;content:'';}
[class*="img_type"] .box:before{background:#1D8FC9;z-index:1;}
[class*="img_type"] .box:after{background:#A1D8F3;margin-left:1rem;}
[class*="img_type"] .border_box .flex_tp{align-items: center;padding-bottom:2rem;margin-bottom: 2rem;border-bottom: 1px dashed #D4D4D4}
[class*="img_type"] .border_box .flex_tp .point{margin-left:2rem}
.img_type2 .box{margin-top:-33rem}
.img_type3 .box{padding:4rem;}
.img_type3 .box:before, .img_type3 .box:after{display:none}
.img_type3 .box em{color:#111;font-size:2.6rem;font-weight:500;margin-bottom:2rem;padding-bottom:2rem;position:relative;display:block}
.img_type3 .box em:before{content:'';width:3rem;height:1px;background:#aaa;bottom:1px;position:absolute;left:50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);}

.bar_list{text-align: center;}
.bar_list [class*="tit"]{border-radius:6px;color:#009962;background: #DFF2EB;border: 1px solid #009962;padding:1rem;font-weight:500;font-size:2.2rem;display:block;font-weight:700;}
.bar_list .tit2{background: #E4F0F2;border-color:#31C1D5;color:#31C1D5;}
.bar_list .tit3{background: #EAEDF3;border-color:#879BCF;color:#133387;}
.bar_list .txt{border: 3px solid #F4F5FB;padding:1.7rem;margin-top:1rem;font-size:1.8rem;color:#333;font-weight:600;}
.bar_list .txt > span{display:block;font-weight:400;}
.bar_list .step{color:#333;font-weight:600;display:block;margin:1.2rem 0;}
.bar_list .step:before{    content: '';width: 0;height: 0;border-left: 7px solid transparent;border-right: 8px solid transparent;border-top: 0.9rem solid #333;display:inline-block;margin-right:1rem;}

.social_cont > li{position:relative;padding-bottom:5rem;margin-bottom:10rem;}
.social_cont > li .img{display:block;}
.social_cont > li .text{position:absolute;right:3.5rem;bottom:0;width:52rem;padding:5.3rem;color:#fff;word-break: keep-all;border-radius:2rem;}
.social_cont > li .text > strong{font-size:2.6rem;font-weight: 700;display:block;line-height:1.3;}
.social_cont > li .text > strong + span{margin-top:1.7rem;}
.social_cont > li .text > span{display:block;opacity:0.7;font-size:1.7rem;letter-spacing: -0.51px;}
.social_cont > li:nth-child(2n) .text{left:3.5rem;right:auto;}

.simbol_cont{width:calc(100% - 16.2rem);}
.simbol_img{position:absolute;right:6rem;top:4rem;}
.simbol_cont .title3{margin-bottom:1.6rem}
.simbol_cont .txtp{display: flex;}

.simbol_cont .txtp em{flex: 0 0 auto;}
.box_4 .imgbox .txt_gather .title1:before, .box_4 .imgbox .txt_gather .title1:after{top:1.9rem;}
.box_4 .title7{font-size:2.9rem;}
.box_4 .txt_box.depth1{font-weight:500;}
.box_4 .txt_box .img_txt{gap:4rem;display:flex;justify-content: space-between;}
.box_4 .txt_box .img_txt .ceo_img{width:20rem;height:20rem;background:#EAEEF9;border-radius:50%;display:block;text-align: center;overflow:hidden;padding-top:2rem;text-align: center;flex:0 0 20rem;}
.box_4 .txt_box.depth1 p + p{margin-bottom:4rem;}

.chapter > p{overflow:hidden;display: flex;align-items: center;}
.chapter .bold_box{width:5rem;float:left;padding:0;text-align: center;height:2.4rem;line-height:2.4rem}
.chapter span{width:calc(100% - 6.5rem);float:left;}

.depth4_tab.type2 .depth4_menu{background:inherit;border-radius: inherit;padding:0;display:flex;gap:1.5rem;flex-wrap:wrap;}
.depth4_tab.type2 .depth4_menu > li{font-size:1.7rem;flex:1;min-width:14rem;}
.depth4_tab.type2 .depth4_menu > li > a{border-radius:1rem;height:11rem;padding:1rem;display:flex;align-items: center;justify-content: center;background:#F4F4F8;position:relative;flex-direction: column;}
.depth4_tab.type2 .depth4_menu > li.active > a{background:#1C2F62;color:#fff;}
.depth4_tab.type2 .depth4_menu > li > a:before{content:'';background-image:url("../img/sub/list_icon1.png");width:3rem;height:3rem;margin-bottom: 1.2rem;background-position: center;background-repeat: no-repeat;background-size: cover;}
.depth4_tab.type2 .depth4_menu > li:nth-child(2) > a:before{background-image: url("../img/sub/list_icon2.png");}
.depth4_tab.type2 .depth4_menu > li:nth-child(3) > a:before{background-image: url("../img/sub/list_icon3.png");}
.depth4_tab.type2 .depth4_menu > li:nth-child(4) > a:before{background-image: url("../img/sub/list_icon4.png");}
.depth4_tab.type2 .depth4_menu > li:nth-child(5) > a:before{background-image: url("../img/sub/list_icon5.png");}
.depth4_tab.type2 .depth4_menu > li:nth-child(6) > a:before{background-image: url("../img/sub/list_icon6.png");}
.depth4_tab.type2 .depth4_menu > li:nth-child(7) > a:before{background-image: url("../img/sub/list_icon7.png");}
.depth4_tab.type2 .depth4_menu > li:nth-child(8) > a:before{background-image: url("../img/sub/list_icon8.png");}
.depth4_tab.type2 .depth4_menu > li:nth-child(9) > a:before{background-image: url("../img/sub/list_icon9.png");}
.depth4_tab.type2 .depth4_menu > li:nth-child(10) > a:before{background-image: url("../img/sub/list_icon10.png");}
.depth4_tab.type2 .depth4_menu > li:nth-child(11) > a:before{background-image: url("../img/sub/list_icon11.png");}
.depth4_tab.type2 .depth4_menu > li:nth-child(12) > a:before{background-image: url("../img/sub/list_icon12.png");}
.depth4_tab.type2 .depth4_menu > li:nth-child(13) > a:before{background-image: url("../img/sub/list_icon13.png");}
.depth4_tab.type2.type3 .depth4_menu > li > a{height: 7rem;}
.depth4_tab.type2.type3 .depth4_menu > li > a:before{display:none;}
.depth4_tab.type2 .depth4_menu > li.active > a:before{filter: invert(100%) sepia(52%) saturate(20%) hue-rotate(315deg) brightness(103%) contrast(108%);}

/*투자정보*/
.box_4 .item_box{margin:-14rem auto 0;z-index:1;position:relative;width:calc(100% - 30rem);}
.box_list.column .title2{margin:0;}

/*소통센터*/
.webzine_list{display:flex;gap:3rem;}
.webzine_list .web_thumb{flex:0 0 43rem;}
.webzine_list .web_thumb .textbox{background:#F8F8F8;padding:2rem;border:1px solid #E7E6ED;text-align: center;border-radius:5px;margin-top:2rem;height:19rem;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.webzine_list .web_thumb .textbox .title2{line-height:1.2;}
.webzine_list .web_thumb .thumb{display:block;height:53.6rem;position:relative;border-radius:5px;border:1px solid #ddd;overflow:hidden;}
.webzine_list .web_thumb .thumb img{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);object-fit: cover;width:100%;height:100%;max-width:inherit;}
.webzine_list .board_list{width:100%;}

.item_box .txt.video{display:flex;gap:4rem;padding:6rem 4rem 4rem;text-align:left;font-size:1.6rem;}
.item_box .txt.video .thumb{flex:0 0 49rem;margin-top:0;height:36rem;position:relative;}
.item_box .txt.video .thumb:after{content:'\F00A';font-family:'remixicon';color:#fff;background: linear-gradient(290deg, #0019FB -22.4%, #12BC7F 78.3%);font-size:3.3rem;text-align:center;width:6rem;height:6rem;border-radius:50%;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);line-height:6rem;}
.item_box .txt.video .thumb img{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);object-fit: cover;width:100%;height:100%;max-width:inherit;}
.item_box .txt.video .thumb .subtitles{max-height:36rem;overflow-y:auto;}

.gallery_list.t2{width:100%}
.gallery_list.t2 .btn_line{display:none;}
.gallery_list.t2 .btn{display:block;text-align: center}
.gallery_list.t2 .btn > .btn_line{display:inline-block;height:5rem;vertical-align:middle;text-align:center;transition: all .3s;border: 1px solid #D3D3D3;border-radius: 3px;color:#000;background-color:#fff;font-weight:500;padding:0 2rem;font-size:1.6rem;line-height:4.8rem;}
.gallery_list.t2 .desc .btn{display:none;}
.gallery_list.t2 .desc > span:first-of-type{position:absolute;top:3rem;left:50%;transform:translateX(-50%);color:#2434B0;background:#F4F5FF;width:12rem;height:4.2rem;line-height:4.2rem;font-size:1.8rem;text-align: center;font-weight:bold;border-radius:8rem;}
.gallery_list.t2 li{padding:10.2rem 2.5rem 3rem;border-right:1px solid #E6E6E6;position:relative;width:25%;border-bottom: 0}
.gallery_list.t2 li:nth-child(4n){border-right:0}
.gallery_list.t2 li:nth-child(n+5){border-top:1px solid #E6E6E6;}

.gallery_list.t2 .thumb{padding-top:150%;}
.gallery_list.t2 .title{text-align: center;display:block;margin-bottom:1.5rem;}
.gallery_list.t2 .desc br{display:none;}
.gallery_list .thumb{border-radius: 1rem;}
.gallery_list .desc .em{color:#8C8C8C;font-weight:400;font-size:1.5rem;display:block;margin-top:1.5rem}

.gallery{display:flex;width:100%;gap:1.5rem 3.4rem;}
.gallery > li{flex:1;}
.gallery > li .thumb{height:26rem;display:block;position:relative;border-radius:1rem;overflow:hidden;border:1px solid #EEEEEE;margin-bottom:1rem;}
.gallery > li .thumb img{object-fit:cover;position:absolute;top:50%;left:50%;height:100%;width:100%;transform:translate(-50%, -50%);}
.gallery > li .desc > .title{font-size:2rem;text-overflow: ellipsis;display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;height:5.2rem;overflow:hidden;font-weight:600;line-height:1.3}
.gallery > li .desc .title + .date{display:block;margin-top:1rem;}
.gallery > li .desc .date{color:#111;font-size:1.4rem;}
.gallery > li .desc .date .label{color:#707070;margin-right:.75rem;font-weight:400;}
.gallery > li .desc .date .label:after{height:1rem;background:#ddd;width:1px;display:inline-block;content:'';margin-left:0.75rem}
.gallery.t2{gap:1.5rem 1.1rem}
.gallery.t2 > li .thumb{height:20rem}
.gallery.t2 > li .desc > .title{font-size:1.6rem;font-weight:500;color:#333;height:4.1rem;word-break: keep-all}
.gallery.t2 > li .desc .title + .date{color:#8c8c8c;font-size:1.5rem;display:block}
.contents .w50 img{width:50%}


.box_4.type2 .txt_box.margin{margin-top:-13rem;}

/*주식시황*/
.txt_box.flex_tp{align-items: flex-start;gap:3rem;}
[class*="_stock"]{width:50%;}
[class*="_stock"] .label{background:#0D2259;color:#fff;padding:1.5rem;text-align: center;border-radius:8rem;font-size:2.2rem;font-weight:600;line-height:1.2;display:block;}
.today_stock .label{font-size:1.8rem;border:4px solid #F4F5FB;padding:1.2rem 1.5rem;display:inline-block;width:12rem;}

.current_stock .box_type{border:4px solid #F4F5FB;border-radius: 4px;padding:2rem 1rem;margin-top:1rem;display:flex;align-items: center;justify-content: center;height:16rem;}
.current_stock .box_type .label2{background:#009962;color:#fff;border-radius:2.5rem;width:7.6rem;height:3.5rem;line-height:3.5rem;text-align: center;font-weight:bold;box-shadow:1px 3px 12px rgba(21,180,123,0.8);display:inline-block;vertical-align: middle;}
.current_stock .box_type b{font-size:4rem;font-weight:900;color:#111;vertical-align: middle;margin-left:3rem;}
.today_stock .depth_3{text-align: right;display:block;margin-bottom:2rem;}
.today_stock li{display:flex;    align-items: center;}
.today_stock li + li{margin-top:1rem;}
.today_stock li p{text-align: right;font-size:2.4rem;font-weight:600;width: calc(100% - 13rem);}
.today_stock li .up{color:#E60012;}
.today_stock li .down{color:#034EA2;}
.today_stock li:nth-child(2) p{color:#333;}
.today_stock li:nth-child(3) p{color:#009962;}

.up:before{content:'▲';color:#E60012;margin-right:0.7rem;line-height:1;font-size:1.7rem;}
.down:before{content:'▼';color:#034EA2;margin-right:0.7rem;line-height:1;font-size:1.7rem;}
.stay:before{content:'ㅡ';color:#555;margin-right:0.7rem;line-height:1;font-size:2rem;font-weight:900;}
.up, .down, .stay{font-size:0;}

/*본인인증*/
.login2{display: flex;gap:1.5rem 3rem;}
.login2 > a{flex:1;display:flex;align-items: center;padding:3rem 4rem;border: 2px solid #EDEDED;border-radius:2rem}
.login2 .icon{width:auto;margin:0;display:inline-block;margin-right:2.7rem;}
.login2 .ti{font-size:2.2rem;color:#111;font-weight:700;}
.login2 .ti:after{font-family: 'remixicon';content:'\EA6E';display:inline-block;position:relative;}

.board_btns{text-align: center;}
.agree .item{border-radius:1rem;padding:4rem 5rem 0;max-height:50rem;}
.agree .item::-webkit-scrollbar{width:5px;border-radius:2rem;}
.agree .item::-webkit-scrollbar-thumb{background:#767676;border-radius:2rem;}
.agree .item .tit{color:#111;font-weight:600;font-size:1.8rem;margin-bottom:0.8rem}
.agree .item p + .tit{margin-top:2rem;}
.agree .point {font-size: 2rem;color: #4D57A7;font-weight: 700;letter-spacing: -0.54px;}
.agree .underline {text-decoration: underline;text-underline-position:under;}

.privacy_box{border:1px solid #D8D8D8;border-radius:15rem;padding:1.6rem 3rem;margin:1rem 0 2rem; display: block; width: 100%; text-align: left;}
.privacy_box i.ri-error-warning-line{color:#6D81B2;padding-right:5px;font-size:1.8rem;}
/*개인정보처리방침*/
.box_list.privacy .item{display:block;}
.box_list.privacy .item > a{display: flex;align-items: center;flex-direction: column;color:#111;font-size:1.8rem;font-weight:600;}
.box_list.privacy .item .icon{margin-right:0;margin-bottom:1.5rem;}

/*설문조사*/
.survey_view th, .survey_view td{font-size:1.6rem;color:#000;}
.survey_view .hide, .survey_view .title{background:#F7F7F7;}
.survey_view .title{word-break: break-word;}
.survey_view td.grp-item, .survey_view .title{text-align: left;}
.survey_view td.grp-item strong{font-weight:400}
.survey_view td.grp-item > *{display:flex;align-items: center;gap:1rem;}
.survey_view td.grp-item > * > *{flex:1;}
.survey_view td.grp-item .survey-grp{width:100%;background:#EEF0F9;height:1.2rem;border-radius:30rem;position:relative;overflow:hidden;}
.survey_view td.grp-item > span{display:none;}
.survey_view td.grp-item .survey-grp > i{position:absolute;left:0;top:0;height:100%;background:#2434B0;border-radius:30rem;}
.survey_view .scroll_bar{padding:0;}
.survey_view .scroll_bar div{overflow-y:auto;max-height:23.9rem;}
.survey_view .scroll_bar div::-webkit-scrollbar{width:5px;border-radius:2rem;height:auto;}
.survey_view .scroll_bar div::-webkit-scrollbar-thumb{background:#ddd;border-radius:2rem;}
.survey_view .scroll_bar table{border-top:0;}
.survey_view .scroll_bar table tr:last-child td{border-bottom:0;}

.survey_view .group .tit{background:#F4F5FB;;padding:3rem 4rem;border-radius: 1rem}
.survey_view .group .tit > strong{font-size:1.8rem;font-weight:600;color:#111;display:block;}
.survey_view .group .tit em{padding: 4px 8px;background: #DFE3F7;color:#001EB4;font-size:1.4rem;border-radius:4px;margin-left:.8rem;vertical-align: middle}
.survey_view .group .tit > p{color:#555;font-weight:400;font-size:1.6rem;margin-top:.5rem}
.survey_view .group .tit > div{border-radius:1rem;overflow:hidden;display:inline-block;margin-top:1rem;}
.survey_view .group + .group{margin-top:3rem}
.group.blank{font-size:2rem;font-weight:600;color:#2F57BF;;margin-top:0;padding-bottom:0;}
.survey_view .group .item{padding:2rem 4rem;}
.survey_view .group .item li + li{margin-top:1rem;border-top:1px solid #ddd;padding-top:1rem}
.survey_view .group textarea{min-height:10rem}
.survey_view .group li > p{display:block;}
.survey_view .group .list > li{display:flex;}
.survey_view .group .tit > div{display:flex;gap:1rem 2rem;}
.survey_view .survey-img{width:25rem;overflow:hidden;margin-top: 0.4rem;border-radius: 1rem;}
.survey_view .group li .form_check{white-space: nowrap;}
.survey_view .group .survey-img img{border-radius:1rem;}

.survey_view .item .survey-img{margin-top:1rem;}

.input_file [type="file"] {position:absolute;width:10rem;height:3.6rem;padding:0;border:0 none;display:inline-block;z-index:-1;right:0}
.input_file{position:relative;display:block;margin-bottom:.5rem;/* display:-ms-flexbox;display:flex;*/}
.input_file:after{content:"";display:block;clear:both}
.input_file .file_label {display:inline-block;margin-left:.5rem;vertical-align:top;cursor:pointer;height:4rem;line-height:3.8rem;min-width:10rem;}
.input_file .add{width:3.6rem;height:3.6rem;border-radius:3px;display:inline-block;color:#fff;text-align:center;line-height:3.6rem;background:#13305A;margin-left:.5rem}
.input_file .add > i{font-size:2rem;line-height:1;margin-top:2px}
.input_file .file_name{float:left;max-width:calc(100% - 10.5rem)}
.input_file .input_file{float:left}
.input_file ~ .input_file{margin-top:.5rem}
.input_file .btn_st2.type3{min-width:10rem}
.file_del{display:none;position:absolute;right:10rem;top:0;width:3.6rem;height:3.6rem;line-height:3.6rem;overflow:hidden;text-align:center;transition:all .2s}
.file_del:before{content:"\EB99";display:block;font-family:"remixicon";font-size:2rem;color:#333}
.file_del:hover,
.file_del:focus{transform:rotate(180deg)}
.file_download{display:none;position:absolute;right:13rem;top:0;width:3.6rem;height:3.6rem;line-height:3.6rem;overflow:hidden;text-align:center;color:#333;transition:all .2s}
.file_download:before{content:"\ec54";font-family:"remixicon";font-size:1.7rem}
.file_download:hover,
.file_download:focus{color:#2F5BC1;animation:down .4s alternate}
input + .input_file,
textarea + .input_file{margin-top:1rem}
.write_top{margin-bottom:1rem}
.detail_file_list > li{display:flex;margin-bottom:.5rem;min-width:0;width:100%}
.detail_file_list > li > div{flex:1 1 auto;padding:0 1rem;height:3.6rem;line-height:3.6rem;overflow:hidden;text-overflow:ellipsis;border:1px solid #ddd;white-space:nowrap}
.detail_file_list > li [class^=btn_]{flex:0 0 auto;min-width:10rem;margin-left:.5rem;line-height:3.8rem;height:4rem}
input + .detail_file_list,
textarea + .detail_file_list,
div + .detail_file_list{margin-top:.5rem}

.btn [class*="btn-link"]{margin:.5rem .8rem}
[class*="btn-link"]{border-radius:30rem;padding:1.5rem 3rem;color:#fff;font-size:1.8rem;font-weight:600;display:inline-block}
[class*="btn-link"] > i{margin-left:1rem}
.btn-link1{background: #009962;}
.btn-link2{background: #193B92;}

/*환경 책임경영*/
.energy_table .tit{display:block;border-radius: 1rem;color:#fff;font-size:2.2rem;font-weight:700;text-align: center;padding:1rem;margin-bottom:1.5rem}
.energy_table .box{border-radius:1rem;background: #F8F8FA;padding:2rem;text-align: center}
.energy_table .subtit{border: 4px solid rgba(25, 59, 146, 0.07);border-radius:5rem;padding:1.8rem 1rem;text-align: center;margin-bottom:1rem}
.energy_table > ul{gap:1.4rem;display:flex}
.energy_table > ul > li{width:100%;flex:1}
.energy_table .white_box{padding:2rem 3rem;width:73rem;margin:2.5rem auto 0}
.energy_table .subtit{color:#111;font-size:2rem;font-weight:600}
.energy_table .subtit > span{font-weight:500}
.energy_table .subtit > span:before{content:'▶';color:#333;margin:0 1.2rem;display:inline-block;font-size:1.5rem;vertical-align: middle}

/*sns*/
.sns_box{background:url(../img/sub/sns_bg.png) no-repeat center/cover;border-radius:2rem;padding:7.5rem 9rem;}
.sns_box .tit h3{color:#fff;font-size:5rem;font-weight:800;line-height:1.4;}
.sns_box .tit span{display:block;font-size:2rem;font-weight:500;opacity:0.5;color:#fff;}
.sns_box .tit + ul{margin-top:8rem;}
.sns_box li{border-radius:3rem;background: rgba(255, 255, 255, 0.12);-webkit-backdrop-filter: blur(25px);backdrop-filter: blur(25px);width:25rem}
.sns_box li + li{margin-top:1rem;}
.sns_box li > a{display: block;padding:1.4rem .7rem;font-size:1.8rem;font-weight:500;color:#fff;text-align: center;position:relative;}
.sns_box li > a:after{content:'\ECAF';font-family: 'remixicon';color:#fff;opacity:0.5;position:absolute;right:2.3rem;top:auto;font-size:1.8rem;transition: all .2s;}
.sns_box li > a > i{position: absolute;left: 0.7rem;width: 4.2rem;height: 4.2rem;border-radius: 50%;background: #FF0000;top: 0.7rem;font-size: 2.4rem;line-height: 4.2rem;}
.sns_box li > a > i.ri-facebook-fill{background:#255ED0}
.sns_box li > a:hover, .sns_box li > a:focus{text-decoration: underline;}
.sns_box li > a:hover:after, .sns_box li > a:focus:after{opacity:1;}

.bandi_top{position:relative;}
.bandi_top .bandi_link{position:absolute;right:6rem;bottom:6rem;background:#fff;border-radius:30rem;color:#1C2F62;padding:1rem 2.5rem;font-weight:700;font-size:1.8rem;}
.bandi_top .bandi_link:after{font-family: 'remixicon';content:'\EA6E';display: inline-block;position: relative;margin-left:4px;}

.iner_wrap{background:url("../img/sub/inter_bg.png") no-repeat center/cover;height:64rem;display:flex;align-items: center;justify-content: center;    flex-direction: column;border-radius:2rem;padding:2rem;}
.iner_wrap > span{font-size:2.6rem;font-family: "NanumSquareNeo";font-weight:700;display: block;color:#ED1C24;}
.iner_wrap > strong{display:block;color:#fff;font-size:6rem;font-family: "NanumSquareNeo";font-weight:800;}
.iner_wrap > a{background: #B2000E;border-radius:15rem;color:#fff;margin-top:4rem;display:inline-block;padding:1.2rem 2rem;border:1px solid #B2000E;transition:all .3s;font-weight:500;}
.iner_wrap > a i{padding-left:4rem;}
.iner_wrap > a:hover{background:#fff;color:#B2000E;}

.bold_lst > li{display: flex;gap:1rem 1.7rem;}
.bold_lst > li + li{margin-top:1rem;}
.bold_lst > li .square_box{border-radius: 1rem;min-height:12rem;display: inline-block;flex:0 0 26rem;display: flex;align-items: center;justify-content: center;padding:1.5rem;color:#fff;font-size:2rem;font-weight:700;word-break: keep-all;text-align:center;}
.bold_lst > li .txtp{border: 1px solid #D4D5E3;border-radius:1rem;width:100%;display:flex;align-items: center;padding:1rem 5rem;color:#6a6a6a;font-size:1.7rem;}

.s_t1, .s_t2{border-radius:1rem;}
.s_t1{border:1px solid #1F7FC4;;background:rgba(31, 127, 196, 0.10);color: #1F7FC4 !important;}
.s_t2{border:1px solid #1367C8;;;background:rgba(14, 75, 146, 0.10);color: #0E4B92 !important;}
.box_4 .imgbox img{z-index: -1;}
.box_4 .imgbox .txt{font-size:2.2rem;color:#fff;text-align: center;opacity:0.8}
.box_4 .item_box.pad .txt{padding:6rem 5rem;}

/*에러페이지*/
.error_box1{text-align: center;padding:5rem 0;}
.error_box1 .img{display: block;margin-bottom:3.5rem;}
.error_box1 .title{font-size:2.5rem;font-weight:700;color:#111;display: block;line-height:1.2;}
.error_box1 .depth{color: #767676;font-size:1.7rem;margin-top:1.6rem;}
.error_box1 .btn{margin-top:4.5rem;}
.error_box1 .btn > a{border: 2px solid #2D324A;border-radius:4px;display:inline-block;background: #2D324A;color:#fff;width:12rem;height:4.8rem;line-height:4.5rem;font-size:1.7rem;font-weight:500;text-align: center;}
.error_box1 .btn .type2{color:#2D324A;background:#fff;}
.error_box1 .btn > a:hover, .error_box1 .btn > a:focus{text-decoration: underline;}
.error_box1.flex{display: flex;align-items: center;justify-content: center;}
.error_box1.flex > div{text-align:left;padding-left:4rem;}
.error_box1 .title > b{color: #22AABC;}
.error_box1.flex .img{margin-bottom:0;}
.error_box1 .title > b.point{color:#E60012;}

.relative{position:relative;}
.youtube_link{display: inline-flex;flex-direction: column;align-items: center;position:absolute;top:16rem;left:7.5rem;}
.youtube_link .thumb{display: inline-block;margin-bottom:1rem;}
.youtube_link > .button{border: 1px solid #DDD;border-radius: 15rem;background:#fff;width:22rem;height:4.8rem;line-height:4.4rem;display:inline-block;font-size:1.7rem;font-weight:600;color:#111;transition:all .3s;}
.youtube_link > .button > i{color:#FF0000;vertical-align: middle;margin-right:4px;font-size:3.3rem;}
.youtube_link > .button:hover{text-decoration: underline;border-color:#000;}

/*개인정보처리방침*/
.policy{font-size:1.8rem}
.policy .lead_txt p {letter-spacing: -1px;}
.policy .labeling {display: flex;gap: 2rem;}
.policy .labeling li {position: relative; flex:1;}
.policy .labeling li i{width:12rem;height:12rem;border-radius: 50%;background:#fff;text-align: center;display:inline-block;line-height:12rem}
.policy .labeling li .label_box {display: block;padding:1rem;text-align: center;background:#F4F5FB;border-radius: 2rem;-webkit-transition: border-color 0.2s;transition: border-color 0.2s;height: 22.6rem;display: flex;flex-direction: column;justify-content: center;    align-items: center;}
.policy .labeling li .label_box [class*=icon] {display: block;width: 5rem;height: 5rem;margin: 0 auto 2.3rem auto;background-size: 100% auto;background-position: center;background-repeat: no-repeat;}
.policy .labeling li .label_box .tit {font-size: 1.8rem;font-weight: 600;color:#111; margin-top:1.7rem;}
.policy .labeling li:nth-child(n+3) .labeling_area {left: auto;right: 0;}
.policy .labeling li.active .label_box {border-color: #014BAC;-webkit-transition: border-color 0.2s;transition: border-color 0.2s;}
.policy .labeling li.active .labeling_area {visibility: visible;opacity: 1;-webkit-transition: opacity 0.2s;transition: opacity 0.2s;}
.policy .labeling .labeling_area {visibility: hidden;opacity: 0;-webkit-transition: opacity 0.2s;transition: opacity 0.2s;position: absolute;top:100%;left: 0;min-width: 84.5rem;max-width: 84.5rem;background-color: #fff;border-radius: 6px;z-index: 1;overflow: hidden;border: 1px solid #014BAC;}
.policy .labeling .labeling_area table th, .policy .labeling .labeling_area table td{padding:.5rem}
.policy .labeling .labeling_area .title {display: block;background-color: #014BAC;color: #fff;padding: 1.9rem 3rem 1.6rem 3rem;font-weight: 600;line-height: 1.9rem;}
.policy .labeling .labeling_area .inner {padding: 2rem 3rem 1rem;font-size: 1.5rem;color: #242427;}
.policy .labeling .labeling_area .inner > p {margin-bottom: 1.6rem;}
.policy .labeling .labeling_area .inner dl {border-top: 2px solid #222;}
.policy .labeling .labeling_area .inner dl div {display: -webkit-box;display: -ms-flexbox;display: flex;border-bottom: 1px solid #ddd;}
.policy .labeling .labeling_area .inner dl div dt, .policy .labeling .labeling_area .inner dl div dd {-webkit-box-flex: 0;-ms-flex: 0 0 auto;flex: 0 0 auto;padding: 1.2rem 1.7rem;font-weight: 400;}
.policy .labeling .labeling_area .inner dl div dt {width: 35%;border-right: 1px solid #ddd;}
.policy .labeling .labeling_area .inner dl div dd {width: 65%;}
.policy .privacy_list {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;border-radius: 2rem;border:1px solid #ddd;padding:5rem 8rem;}
.policy .privacy_list.column{flex-direction: column;}
.policy .privacy_list.column li{margin-bottom:1.5rem;}
.policy .privacy_list li {-webkit-box-flex: 0;-ms-flex: 0 0 50%;flex: 0 0 50%;margin-bottom: 2.5rem;}
.policy .privacy_list li:last-child{margin-bottom:0;}
.policy .privacy_list li [class*=icon] {display: inline-block;width: 3.2rem;height: 3.2rem;vertical-align: middle;margin-right: 1rem;background-size: 100% auto;background-position: center;background-size: 100% auto;}
.policy .privacy_list li a {display: block;line-height: 3.2rem;color: #333;font-weight: 500;font-size: 1.8rem;}

.policy .privacy_list li .icon1 {
  background-image: url("../img/sub/privacy1.png");
}
.policy .privacy_list li .icon2 {
  background-image: url("../img/sub/privacy2.png");
}
.policy .privacy_list li .icon3 {
  background-image: url("../img/sub/privacy3.png");
}
.policy .privacy_list li .icon4 {
  background-image: url("../img/sub/privacy4.png");
}
.policy .privacy_list li .icon5 {
  background-image: url("../img/sub/privacy5.png");
}
.policy .privacy_list li .icon6 {
  background-image: url("../img/sub/privacy6.png");
}
.policy .privacy_list li .icon7 {
  background-image: url("../img/sub/privacy7.png");
}
.policy .privacy_list li .icon8 {
  background-image: url("../img/sub/privacy8.png");
}
.policy .privacy_list li .icon9 {
  background-image: url("../img/sub/privacy9.png");
}
.policy .privacy_list li .icon10 {
  background-image: url("../img/sub/privacy10.png");
}
.policy .privacy_list li .icon11 {
  background-image: url("../img/sub/privacy11.png");
}
.policy .privacy_list li .icon12 {
  background-image: url("../img/sub/privacy12.png");
}
.policy .privacy_list li .icon13 {
  background-image: url("../img/sub/privacy13.png");
}
.policy .privacy_list li .icon14 {
  background-image: url("../img/sub/privacy14.png");
}
.policy .privacy_list li .icon15 {
  background-image: url("../img/sub/privacy15.png");
}
.policy .privacy_list li .icon16 {
  background-image: url("../img/sub/privacy16.png");
}
.policy .blank{text-decoration: underline;color:#111;}
.policy .blank2{text-decoration: underline;color:#2F57BF;}
.policy .btn_st1{margin:5px 5px 5px 0;}
.policy .ico_title {font-size: 2.5rem;font-weight: 700;line-height: 3.2rem;color: #222;margin-top: 6.5rem;margin-bottom: 1.8rem;}
.policy .ico_title [class*=icon] {display: inline-block;width: 3.2rem;height: 3.2rem;vertical-align: middle;margin-right: 1.2rem;background-size: 100% auto;background-position: center;background-size: 100% auto;}
.policy .ico_title .icon1 {
  background-image: url("../img/sub/privacy1.png");
}
.policy .ico_title .icon2 {
  background-image: url("../img/sub/privacy2.png");
}
.policy .ico_title .icon3 {
  background-image: url("../img/sub/privacy3.png");
}
.policy .ico_title .icon4 {
  background-image: url("../img/sub/privacy4.png");
}
.policy .ico_title .icon5 {
  background-image: url("../img/sub/privacy5.png");
}
.policy .ico_title .icon6 {
  background-image: url("../img/sub/privacy6.png");
}
.policy .ico_title .icon7 {
  background-image: url("../img/sub/privacy7.png"); width:3.1rem; height:3.1rem;
}
.policy .ico_title .icon8 {
  background-image: url("../img/sub/privacy8.png");
}
.policy .ico_title .icon9 {
  background-image: url("../img/sub/privacy9.png");
}
.policy .ico_title .icon10 {
  background-image: url("../img/sub/privacy10.png");
}
.policy .ico_title .icon11 {
  background-image: url("../img/sub/privacy11.png");
}
.policy .ico_title .icon12 {
  background-image: url("../img/sub/privacy12.png");
}
.policy .ico_title .icon13 {
  background-image: url("../img/sub/privacy13.png");
}

.policy .ico_title .icon14 {
  background-image: url("../img/sub/privacy14.png");
}
.policy .ico_title .icon15 {
  background-image: url("../img/sub/privacy15.png");
}
.policy .ico_title .icon16 {
  background-image: url("../img/sub/privacy16.png");
}
.policy .cont_table {margin-top: 2rem;}
.policy .line_box {margin: 1.2rem 0 3rem;padding: 2rem;}
.policy .tip {color: #767676;font-size: 1.6rem;}
.policy .bg_box2 {padding: 2rem;font-size: 1.6rem;}
.policy .bul_list > li {line-height: 2.1rem;}
.policy .bul_list > li + li {margin-top: 1rem;}
.policy .bul_list > li > p {display: -webkit-box;display: -ms-flexbox;display: flex;font-size: 1.6rem;color: #46464A;}
.policy .bul_list > li > p > em {font-weight: 600;margin-right: 0.2rem;}
.policy .bul_list > li .bul_list em {font-weight: 300;}
.policy .bul_list > li .bul_list li + li {margin-top: 0.8rem;}
.policy .step p {line-height: 1.9rem;border-radius: 6px;margin-top: 3rem;text-align: center;margin-bottom: 1.3rem;}
.policy .step li {position: relative;}
.policy .step li::before {content: "\ea4e";position: absolute;top: 0.3rem;left: 50%;margin-left: -4px;width: 9px;height: 20px;font-family: "remixicon";}
.policy .step.step1 > p {background-color: #014BAC;color: #fff;padding: 2rem;font-weight: 600;margin-bottom: 0.5rem;}
.policy .step .step2 > li {float: left;width: calc(50% - 2.5rem);}
.policy .step .step2 > li + li {margin-left: 5rem;}
.policy .step .step2 > li > p {background-color: #556171;color: #fff;padding: 1.6rem;font-weight: 600;}
.policy .step .step3 > li > p {background-color: #fff;margin-bottom: 0;border: 1px solid #E5E5E5;color: #222;padding: 1.2rem;}
.policy .step .step3 > li::before {top: -2.4rem;}
.policy .step .step4 > li {float: left;width: calc(50% - 0.5rem);}
.policy .step .step4 > li::before {top: 0.7rem;}
.policy .step .step4 > li + li {margin-left: 1rem;}
.policy .step .step4 > li > p {background-color: #fff;border: 1px solid #E5E5E5;color: #222;padding: 2.4rem;max-height: 8.8rem;}
.policy .step .step4.type2 li:last-child p {padding: 1.3rem;}
.policy .step .step5 > li > p {background-color: #556171;color: #fff;padding: 1.6rem;font-weight: 600;}
.policy .step .step5 > li::before {top: -2.4rem;}
.policy .labeling_list {position: relative;padding-bottom: 20rem;}
.policy .labeling_list li.active .cont {opacity: 1;visibility: visible;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.policy .labeling_list .cont {opacity: 0;visibility: hidden;position: fixed;top: 50%;left: 50%;z-index: 2;opacity: 0;visibility: hidden;background-color: #fff;min-width: 95rem;border-radius: 6px;overflow: hidden;border: 1px solid #014BAC;}
.policy .labeling_list .cont .close {position: absolute;top: 1.1rem;right: 2.6rem;width: 3rem;height: 3rem;color: #fff;overflow: hidden;font-size: 1.5rem;}
.policy .labeling_list .cont .close i {display: block;width: 3rem;height: 3rem;font-size: 3rem;line-height: 3rem;-webkit-transform: rotate(0);transform: rotate(0);-webkit-transition: all 0.2s;transition: all 0.2s;}
.policy .labeling_list .cont .close i:hover, .policy .labeling_list .cont .close i:focus{-webkit-transform: rotate(90deg);transform: rotate(90deg);-webkit-transition: all 0.2s;transition: all 0.2s;}
.policy .labeling_list .title {display: block;background-color: #014BAC;color: #fff;padding: 1.9rem 6rem 1.6rem 3rem;font-weight: 600;line-height: 1.9rem;}
.policy .labeling_list .inner {position: relative;padding: 2rem 3rem;margin: 0.2rem 0.3rem 0.2rem 0;font-size: 1.5rem;color: #242427;word-break: keep-all;max-height: 60vh;overflow-y: auto;}
.policy .labeling_list .inner::-webkit-scrollbar {width: 8px;}
.policy .labeling_list .inner::-webkit-scrollbar-thumb {background: #ddd;border-radius: 10px;}
.policy .labeling_list .inner .s_tit {font-size: 1.9rem;font-weight: 500;}
.policy .labeling_list .inner .title4 {font-weight: 300;}
.policy .labeling_list .inner dl {border-top: 2px solid #222;margin-top: 1rem;}
.policy .labeling_list .inner dl div {display: -webkit-box;display: -ms-flexbox;display: flex;border-bottom: 1px solid #ddd;}
.policy .labeling_list .inner dl div dt, .policy .labeling_list .inner dl div dd {-webkit-box-flex: 0;-ms-flex: 0 0 auto;flex: 0 0 auto;padding: 1.2rem 1.7rem;word-break: keep-all;font-weight: 400;}
.policy .labeling_list .inner dl div dt {width: 30%;border-right: 1px solid #ddd;}
.policy .labeling_list .inner dl div dd {width: 70%;font-weight: 300;}
.policy .labeling_list .inner dl.type2 div dt {width: 60%;}
.policy .labeling_list .inner dl.type2 div dd {width: 40%;}
.policy .tip {font-size: 1.5rem;margin-top: 1rem;line-height: 2.4rem;}
.list3 {margin-top: 3rem;}
.list3::after {content: "";display: block;clear: both;}
.list3 li {float: left;width: calc(33.3% - 0.7rem);margin-left: 1rem;margin-bottom: 1.2rem;}
.list3 li:nth-child(3n-2) {margin-left: 0;}
.list3 li a {display: block;padding: 1.1rem 1.5rem 1.1rem 2rem;border: 1px solid #D8D8D8;border-radius: 6px;font-size: 1.7rem;-webkit-transition: all 0.2s;transition: all 0.2s;}
.list3 li a i {float: right;color: #B7B7B7;-webkit-transition: all 0.2s;transition: all 0.2s;line-height: 2.5rem;}
.list3 li a:hover, .list3 li a:focus {border-color: #222;-webkit-transition: all 0.2s;transition: all 0.2s;}
.list3 li a:hover i, .list3 li a:focus i {color: #222222;-webkit-transition: all 0.2s;transition: all 0.2s;}
.policy_version{display:flex;gap:2rem 1.5rem;flex-wrap: wrap;margin-top:1.5rem;}
.policy_version > div{flex:0 0 calc(50% - 1.5rem);border: 1px solid #D8D8D8;border-radius: 5px;padding:0 3rem;display: flex;align-items: center;height:7.5rem;}
.policy_version > div a{padding:2rem;text-decoration: underline;color:#111;font-weight:600}
.policy .list_num6 > li:before{top:.2rem;}

/*접근성마크*/
#footer .related{bottom:13rem;}
#footer .mark{bottom:2.5rem; right: 6.5rem;}

/* 조직도_접근성을 위한 계층구조 준수 */
.organization_wrap{position:relative;z-index:0}
.organization{position:relative;text-align:center}
.organization::before{content:"";position:absolute;left:50%;top:0;height:32.2rem;border-left:1px solid #ccc}
.organization li{position:relative}
.organization [class^="org1_"] > em{display:flex;align-items:center;justify-content:center;position:relative;width:18.4rem;height:18.4rem;background:#133387;margin:0 auto 4.7rem;border:1.2rem solid #e5e9f1;border-radius:50%;color:#fff;font-size:3rem;font-weight:700;z-index:1}
.organization .org1_2{position:absolute;left:0;top:0}
.organization .org1_2::before{content:"";position:absolute;left:50%;top:0;height:100%;border-left:1px solid #ccc}
.organization .org1_2 > em{background:#5080D2;border-color:#ecf1fb}
.organization .org1_2 > ul > li,
.organization .org2 [class^="org2_"] > span{display:flex;align-items:center;justify-content:center;position:relative;width:22rem;height:5rem;background:#F8F8FA;border-radius:.6rem;color:#333;font-size:1.5rem;font-weight:500;z-index:1}
.organization .org1_2 > ul > li > a{width:100%;height:100%;display:flex;align-items: center;justify-content: center;}
.organization .org2{position:relative;padding-top:9rem;display:flex;gap:3rem;justify-content:space-between}
.organization .org2::before{content:"";position:absolute;top:9rem;left:calc(calc(21.3% - 3rem) / 2);right:calc(calc(17.6% - 3rem) / 2);border-top:1px solid #ccc}
.organization .org2 > [class^="dep2_"]{flex:auto;}
.organization .org2 .org2_1{right:50%;padding-right:9.3rem}
.organization .org2 .org2_2{left:50%;padding-left:9.3rem}
.organization .org2 [class^="org2_"]{position:absolute;top:0}
.organization .org2 [class^="org2_"]::before{content:"";position:absolute;left:0;top:50%;width:100%;border-bottom:1px solid #ccc}
.organization .org2 > li > span,
.organization .org3 > li > span{position:relative;display:inline-flex;align-items:center;justify-content:center;width:17.2rem;height:5rem;font-size:1.8rem;font-weight:600;color:#fff;background-color:#133387;border-radius:.6rem;z-index:1;letter-spacing:-.05rem}
.organization .org2 .dep2_type1{padding:3rem 2.6rem 0 2.6rem;}
.organization .org2 .dep2_type1 .org_3_1 > li{width:calc(50% - 1rem);}
.organization .org2 .org_3_1{display:flex;flex-wrap:wrap;gap:1rem 2rem;padding-top:3rem;justify-content: space-between;z-index: 1;position: absolute;left:0;}
.organization .org2 .org_3_1 > li{background:rgba(19, 51, 135, 0.05);border-radius: 0.6rem;text-align: center;color:#133387;font-size:1.7rem;font-weight:600;height:4.5rem;display: flex;align-items: center;justify-content: center;padding:0 1.4rem;}
.organization .org2 .org_3_1 > li:before{background:#CCC;width:1rem;height:1px;position:absolute;right:-1rem;content:'';}
.organization .org2 .org_3_1 > li:nth-child(2):before{right:auto;left:-1rem;}
.organization .org2 .dep2_type3 .org_3_1{padding-top:1.5rem;display:grid;grid-template-columns: repeat(2, 1fr);left:-6rem;}
.organization .org2 .dep2_type3.s_2 .org_3_1{left:auto;right:0;grid-template-columns:inherit;}
.organization .org2 .dep2_type3.s_2 .org_3_1 li{padding:0 .5rem;}
.organization .org2 .dep2_type2{padding:3rem 5rem 0 5rem;}
.organization .org2 .dep2_type2.s_1{padding:3rem 0 0 0;margin-left:4rem;}
.organization .org2 .dep2_type3.s_2 .org_3_1 > li:before{right:auto;left:-1rem;}
.organization .org2 .dep2_type2.s_1 .org_3_1{left:-6.8rem;}
.organization .org2 .dep2_type2 .org_3_1{left:-1.9rem;}
.organization .org2 .dep2_type3{padding-top:11rem}
.organization .org2 [class^="dep2_"] > span{width:17.2rem}


.organization .org2 .dep2_type1 .org3 > li:first-child .org4{margin-top:0}

.organization .org2 .dep2_type1 .org3,
.organization .org2 .dep2_type2 .org3{padding-top:15.5rem}

.organization .org2 .dep2_type2 .org4{margin-top:0}
.organization .org2 [class^="dep2_"]::before{content:"";position:absolute;left:50%;top:0;height:11rem;border-left:1px solid #ccc}
.organization .org3{display:flex;gap:3rem;position:relative}
.organization .org3:before{content: "";
  position: absolute;
  left: 50%;
  top: 0;
  height: 35rem;
  border-left: 1px solid #ccc;}
.organization .org3 > li{width:100%}
.organization .org3 > li > span{background-color:#5080D2}
.organization .org4,
.organization .org5{position:relative;width:100%;padding:1.6rem 1.2rem;background-color:#f8f8fa;border-radius:.6rem;color:#181930;font-size:1.7rem;font-weight:500;z-index:1;width:17.2rem;display:inline-flex;flex-direction: column;}
.organization .org4{margin-top:7.4rem}
.organization .org4 > li + li,
.organization .org5 > li + li{margin-top:1.2rem}
.organization .org4 > li > span{padding:.8rem 1rem;color:#444;background:#fff;display:block;position:relative}
.organization .org4 > li > span::before{content:"";position:absolute;left:50%;top:100%;height:5rem;border-left:1px solid #ccc;z-index:-1}
.organization .org5{position:relative;float:left;left:-1.2rem;width:calc(100% + 2.4rem);margin-top:3.6rem;z-index:1}
.organization .org2 .dep2_type3 .org_3_1 > li{color: #5080D2;background: rgba(80, 128, 210, 0.05);}

.table_wrap tbody tr:has(.bg2) th{background:#F3F4FC;color:#2434B0;font-size:1.8rem;font-weight: 700;border-left:0;}