@charset "UTF-8";
main button{ font-size: 1rem}
*{image-rendering: -moz-crisp-edges; image-rendering:-o-crisp-edges;image-rendering: -webkit-optimize-contrast;image-rendering: crisp-edges;}
.content > h3{ margin-bottom: 40px}
h3+.search-box {margin-top: -40px;}
h4{ display: flex; font-size: 1.428rem; color: #222; font-weight: 600;background: url("../img/org/ico_h4.svg") no-repeat 0 50%; padding-left:24px; background-size: 14px; margin-bottom: 20px; justify-content: space-between; align-items: flex-end    }
[hidden]{ display: none !important}
.content > article{ margin-bottom: 80px}
.content h3.bor_no::after{display: none;}
.sub_tit{ align-items: flex-start; border: none}
.sub_tit .icon{ width: 85px; height: 85px;}
h3+.sub_tit{ padding-top: 0}
.sub_tit .text{ font-size:1.071rem}
.sub_tit .text p.tit{ font-size: 1.571rem; font-weight: 600;letter-spacing: -0.55px;; color: #222; margin-bottom: 12px}
.sub_tit .text p.tit strong{ color: #005bac}
.content .sub_tit + h4::before{ display: none}
table{ table-layout: fixed; border-top:2px solid #999}
table th, table td{ border-bottom: 1px solid #d9d9d9; padding: 18px 30px}
table thead th{ background:#f0f0f0 }
table tbody th{ background:#f9f9f9}

ul.list li{display: flex;align-items: flex-start;font-size: 1.071rem;}
td ul.list li{ display: block; padding-left: 12px; position: relative; text-align: left}
ul.list li:before{width: 3px; height: 3px; display: block; background: #606060; content: ""; margin-right:9px; margin-top:12px;flex-shrink: 0;}
td ul.list li:before{ position: absolute; left: 0; top: 0}

/**************
탭
**************/
.tab_list_w{ display: table; width: 100%; table-layout: fixed}
.tab_list_w li{ display: table-cell; text-align: center; margin-right: -1px}
.tab_list_w li button{ font-size: 1.142rem;border: solid 1px rgb(217, 217, 217); border-right: 0;  padding:10px 18px;  background: #fff; width: 100%; height:52px; ; position: relative; color: #606060; font-weight: 500}
.tab_list_w li:last-of-type button{ border-right: 1px solid rgb(217, 217, 217)}
.tab_list_w li button[aria-selected="true"]{ border-bottom: 0; font-weight: 600; color: #222 }
.tab_list_w li button[aria-selected="true"]:before{ content: ""; position: absolute; left: -1px; top: -4px; display: block; width: calc(100% + 2px); height:4px; background:#00a6e7}


@media screen and (max-width:767px) {
    .content > h3{ margin-bottom: 30px; padding-bottom: 11px}
	h3+.search-box {margin-top: -30px;}
    .sub_tit{ padding: 30px 0; gap:15px}
    .sub_tit .icon{ width: 53px; height:53px; margin:8px 0 0 0}
    .sub_tit .text{ margin: 0}
	h4{ justify-content: flex-start; align-items:  flex-start; background-position: 0 8px}
	.tab_list_w{ overflow-x: auto !important; display: flex !important; width: auto !important; min-width: 100% !important; height: auto !important; }
	.tab_list_w li{ flex-basis: 50%; margin-right: 0}
	.table_box{ overflow-x: auto}
	.tab_list_w li button[aria-selected="true"]:before{ top:0 !important}
	/* td[data-th]{ flex: 1 0 100%; font-weight: 500; text-align: left; color: #606060; padding: 5px 0}
	td[data-th]:before{ content: attr(data-th) " "; color: #000; font-weight: 300; padding-right: 10px; color: #666}  */
}



/**************
컨텐츠
**************/
/* ceo 메시지 */
.hello_w{ position: relative; padding-left: calc(380px + 70px)}
.hello_w:before{ display: block; content: ""; width: 380px; height: 560px; position: absolute; left: 0; top: 0; background: url("../img/org/hello_ceo.jpg") no-repeat 0 0; overflow: hidden; background-size: 100%}
.hello_w h4{ background: none; padding: 0; margin-bottom: 0; padding-top:  20px; color: #222; font-size:1.714rem; font-weight: 500; line-height: 1.33; padding-bottom: 30px}
.hello_w p{ line-height: 24px; font-size:1.0714rem; color: #606060 }
.hello_w p + p{ margin-top: 2.142rem}
.hello_w p strong{ color: #0253a5; font-weight: 600}
.hello_w p.sign{ margin-top: 45px; display: flex; align-items: center; justify-content: flex-end; color: #0457a8; font-size:1.142rem; font-weight: 500 }
.hello_w p.sign img{ margin-left: 20px}

@media screen and (max-width:1023px) {
	.hello_w {padding-left: calc(30vw + 40px); transition: .3s all}
	.hello_w:before{ width: 30vw;; transition: .3s all}
}
@media screen and (max-width:767px) {
	.hello_w{  padding: 0; display: flex; flex-direction: column;transition: none }
	.hello_w:before{ position: relative; width:calc(100% - 40px);  height: 400px; left: auto; top: auto; order: 2; background-position: -20px -50vw; margin: 0 auto; background-size:calc(100% + 40px); transition: none; margin-bottom: 30px  }
	.hello_w h4{ order: 1; padding-top: 0; text-align: center; color: #0253a5;;justify-content: center	}
	.hello_w p{ order: 3}

}
@media screen and (max-width:640px) {
	.hello_w:before{ height: 350px;  background-position: -20px -50vw;  }
}

@media screen and (max-width:560px) {
	.hello_w:before{ height: 240px; background-position: -10px -50vw;  }
}

/* vision 2025 */
.vision_w{}
.vision_w > div{ border: 1px solid #e1e1e1}

.vision_bx{ padding:60px 0 0 0 }
.vision_bx p.tit{ color: #0253a5; font-size:2.428rem; font-weight: 700; letter-spacing:-0.34px; text-align: center; padding-top: 0  }
.vision_bx p.tit+p{ color: #606060; font-size: 1.2857rem; text-align: center; padding-top: 14px; font-weight: 500 }
.vision_bx p.dec{ margin-bottom: 35px}

.vision_bx dl{ margin: 0 auto; width:725px;border: solid 1px rgb(0, 166, 231); padding: 26px; position: relative;  box-shadow: 2.3px 3.3px 6px 0 rgba(0, 0, 0, 0.1); background: #fff }

.vision_bx dl dt{ font-size: 1.142rem; position: absolute; left: -10px; top:25px; background:rgb(0, 123, 203); color: #fff; font-weight: 500; padding: 0 0; line-height:27px; height: 30px; border-radius: 0 15px 15px 0; width: 100px; text-align: center}
.vision_bx dl dt *{ line-height: inherit}
.vision_bx dl dt:before{ content: ""; display: block; border-bottom:10px solid transparent;border-left:10px solid transparent;border-right:10px solid #0253a5; position: absolute; left: -10px; bottom: -10px; }
.vision_bx dl dd{ text-align: center}
.vision_bx dl + dl{ margin-top: 20px}
.vision_bx dl dd > strong{ font-size: 1.857rem; font-weight: 600; color:#007bcb; letter-spacing: -0.65px; line-height:2.2857rem}
.vision_bx dl dd > strong  em{font-size: 1.857rem; font-weight: 600; color:#0253a5}
.vision_bx .box{ display: flex; flex-wrap: wrap;box-shadow: 2.3px 3.3px 6px 0 rgba(0, 0, 0, 0.1); border: solid 1px rgb(211, 223, 204); background-color: rgb(247, 247, 247); width: 725px; margin: 20px auto 50px auto; justify-content: space-between; padding:31px 31px 31px 19px; position: relative }
.vision_bx dl.one_box{ border-color:#d54400; background: none }
.vision_bx dl.one_box dt{ background: #c02d49}
.vision_bx dl.one_box dd > strong{ color: #a92b40; margin-bottom: 14px}
.vision_bx dl.one_box dd{ display: flex; justify-content: center;}
.vision_bx dl.one_box dd > p{ font-size:1.2857rem; font-weight: 600; color: #222; padding: 11px 0 10px 0; border-bottom: 4px solid #c02d49; margin: 0 44px; position: relative}
.vision_bx dl.one_box p:not(:last-of-type):after{ position: absolute; left: 0; bottom: -3px; content: ""; width:calc(100% + 88px); height: 2px; background: #e1e1e1; z-index: -1}
.vision_bx dl.one_box p:nth-of-type(3):before{ position: absolute; left:-44px; bottom:-1px; width: 2px; height: 40px; background: #e1e1e1; content:"" ""}
.vision_bx dl dt:before{ border-right-color:#4e1421}
.vision_bx .box h5{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); background: url("../img/org/vision_tit.png") no-repeat 50% 50%; display: block; width: 168px; height: 168px; background-size: 168px; z-index: 2; text-align: center; font-size: 1.857rem; color: #222; font-weight: 600; line-height: 1.2; box-sizing: border-box; padding-top:60px }
.vision_bx .box h5 strong{ display: block; font-size:1.142rem; color: #606060; font-weight: 500 }
.vision_bx .box dl{ background: #fff; border: none; box-shadow: none;width: calc(50% - 12px); margin: 0 0 12px 12px}
.vision_bx .box dl dd{ display: flex; align-items: flex-start }
.vision_bx .box dl dd+dd{ margin-top: 8px}
.vision_bx .box dl p.tit{ font-size: 0.928rem; color: #fff; left: 0; top: 0; width: 38px; height: auto; text-align: center; padding: 5px 7px; background: #777; border-radius: 3px; font-weight: 500; line-height: 1.2; margin-right: 10px; flex-shrink:0}
.vision_bx .box dl dt{ border-radius:0; position: relative; left: auto; top: auto;background: none; color:#007bcb; font-size: 1.2857rem; border-bottom: 2px solid #e1e1e1; height: auto; width: auto; padding: 0 0 8px 0; min-height: 64px; display: flex;  flex-direction: column; justify-content: flex-end; margin-bottom: 10px; text-align: left}
.vision_bx .box dl dt strong{ font-weight: 700; font-size: 1.571rem; display: block}
.vision_bx .box dl dt:before{ display: none}
.vision_bx .box dl dd p.tit+p{ padding-top: 0; line-height: 40px; text-align: left}
.vision_bx ul{ text-align: left}
.vision_bx ul li{ font-size: 1rem; color: #606060; padding-left: 10px; position: relative; line-height: 1.14;; margin-top: 5px}
.vision_bx ul li:before{  content: ""; width: 6px; height: 6px; background: #606060; border-radius: 100%; position: absolute; left: 0; top: 5px}
.vision_bx .box dl.oranfe dt, .vision_bx .box dl.violet dt{ text-align: right}
.vision_bx .box dl.oranfe dt{ color:#d54400 }
.vision_bx .box dl.violet dt{ color:#3548bd }
.vision_bx .box dl.green dt{ color:#138a00}
.vision_bx .mission_box{ position: relative; }
.vision_bx .bgbox{ background: #f7f7f7; padding: 40px 0 60px 0}
.vision_bx .bgbox dl dd strong{ font-size: 1.428rem; color: #222; letter-spacing: -0.5px; font-weight: 600  }
.vision_bx .bgbox dl{ padding-left:110px;text-align: left}
.vision_bx .bgbox dl dd{ text-align: left}
.vision_bx .bgbox dl dd ul{ padding-top: 10px}
.vision_bx .bgbox dl dd li{ font-size: 1.071rem; margin-top: 7px}
.vision_bx .bgbox dl.mission2_box dt{ background: #0253a5}
.vision_bx .bgbox dl.mission2_box dt:before{ border-right-color: #274380}
.vision_bx .bgbox dl.mission2_box{ display: flex; justify-content: space-between}
.vision_bx .bgbox dl.mission2_box{ flex-basis: 33%; text-align: left}
.vision_bx .bgbox dl.mission2_box p{font-size: 1.071rem; font-weight: 400; color: #606060; line-height: 1.47; letter-spacing: -0.38px; text-align: left; margin-bottom: 14px}
.vision_bx .bgbox dl.mission2_box p strong{ white-space: nowrap;font-size: 1.428rem; color: #222; letter-spacing: -0.5px; font-weight: 600}
.vision_bx .bgbox dl.mission2_box dd + dd{ padding-left:40px}
.vision_w > div + h4{ margin-top: 40px}
.value_bx{ padding: 60px 0}
.value_bx > p.tit,.policy_bx > p.tit{ color: #0253a5; font-size: 2.428rem; font-weight: 600; text-align: center}
.value_bx > p.dec, .policy_bx > p.dec{ color: #606060; font-size: 1.285rem; font-weight: 500; padding-top: 14px; line-height: 1.56; text-align: center}
.value_bx .box{ background: url("../img/org/bg_value.png") no-repeat 50% 50%; background-size: 480px; margin-top: 30px; height:480px; position: relative}
.value_bx .box h5{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); background: #fff; width:220px; height: 220px; border-radius: 100%;  ; display: flex; flex-direction: column; justify-content: center; align-items: center; font-size: 1.2857rem; color: #222; font-weight: 600; line-height: 1.5}
.value_bx .box h5 strong{ color: #005bac; font-size: 1.857rem; display: block; font-weight: 700 }
.value_bx .box h5:before{ display: block; width: 68px; height: 60px; background:url("../img/comm/logo.svg") no-repeat 7px 6px; content: ""; background-size: 280px; margin-bottom:5px}
.value_bx .box dl{ position: absolute; padding: 0 0 0 143px; left: 50%; top: 50%; transform: translate(-50%, -50%); margin-top: 150px; width: 320px; margin-left: 250px}
.value_bx .box dl:before{ position: absolute; left: 0; top: 50%; width: 120px; height: 120px; border-radius: 100%; background:#005bac url("../img/org/ico_value01.png") no-repeat 50% 50%; background-size: 40%; content: ""; display: block; transform: translateY(-50%)}
.value_bx .box dl dt{ color: #222; font-size: 1.428rem; font-weight: 600}
.value_bx .box dl dd{ color: #606060; font-size: 1.071rem; font-weight: 400;line-height: 1.6;}
.value_bx .box dl.blue1,.value_bx .box dl.blue3{ padding: 0 143px 0 0}
.value_bx .box dl.blue1:before,.value_bx .box dl.blue3:before{ left: auto; right: 0}
.value_bx .box dl.blue1, .value_bx .box dl.blue2{ margin-top: -150px}
.value_bx .box dl.blue1, .value_bx .box dl.blue3{ margin-left: -250px; text-align: right}
.value_bx .box dl.blue1:before{ background-image:url("../img/org/ico_value01.png"); background-color: #005bac  }
.value_bx .box dl.blue2:before{ background-image:url("../img/org/ico_value02.png"); background-color: #7ccbfa  }
.value_bx .box dl.blue3:before{ background-image:url("../img/org/ico_value03.png"); background-color: #007be2  }
.value_bx .box dl.blue4:before{ background-image:url("../img/org/ico_value04.png"); background-color: #00a6e7  }
div.target_bx{ border: none; background: #f7f7f7; padding: 40px; padding-bottom: 35px; display: flex; flex-wrap: wrap; justify-content: space-between }
.target_bx dl{ width:  calc(50% - 3px); background: #fff; margin-bottom: 5px; padding: 60px 40px; position: relative}
.target_bx dl dt{ font-size: 1.428rem; font-weight: 600; color: #222; line-height: 1.3; margin-bottom: 18px}
.target_bx dl dd{line-height: 1.6;  letter-spacing: -0.38px;  color: rgb(96, 96, 96); font-size:1.071rem}
.target_bx dl dt i{ position: absolute; left: 0; top: 0; width:40px; height: 40px;background-image: linear-gradient(to top, rgb(25, 115, 196), rgb(0, 166, 231)); line-height: 40px; text-align: center; font-size: 1.142rem; font-weight: 500; color: #fff; font-style: normal}
.policy_bx{ padding: 60px; }
.policy_bx .box{ margin: 0 auto; display: flex; justify-content: center; margin-top: 40px; position: relative}
.policy_bx dl{ display: block; width: 273px; margin-left: -40px; position: relative }
.policy_bx dl:first-of-type{ margin: 0}
.policy_bx dt{ width: 100%; height: 273px; border:40px solid #007bcb; border-radius: 100%;mix-blend-mode: multiply; text-align: center; font-size: 1.428rem; font-weight: 600; color: #274380; line-height: 193px; margin-bottom: 30px}
.policy_bx i{ display: block; width: 40px;  height: 40px; margin-left: -40px; text-align: center; line-height: 40px; margin-top: 130px; position: relative; z-index: 3 }
.policy_bx i img{ width: 21px; margin: 0 auto}
.policy_bx dl:nth-of-type(2) dt{ border-color:#005bac;  }
.policy_bx dd{ padding: 0 70px 0 20px; font-size: 1.0714rem;line-height: 1.47;
  letter-spacing: -0.38px;}
.policy_bx dl:nth-of-type(2) dd{ padding: 0 40px 0 40px}
.policy_bx dl:nth-of-type(3) dd{ padding: 0 20px 0 60px}
.policy_bx dt:before{ content: ""; width: 17px; height: 17px; position: absolute; left: 50%; top: -12px; transform: translateX(-50%); background: #007bcb; border-radius: 100%; border: 4px solid #fff; display: block; z-index: 2}
.policy_bx dt:after{ content: ""; width:2px; height: 50px; display: block; position: absolute; left: 50%; transform: translateX(-50%); top: -58px; background: #999; z-index: 3}
.policy_bx .box:before{ content: ""; width:468px; height: 2px; background:#999; position: absolute; left: 50%; top: -60px; transform: translateX(-50%);}
.policy_bx dl:nth-of-type(2) dt:after{ height: 104px; top:-112px}
.policy_bx dl:nth-of-type(2) dt:before{ background:#005bac }
.policy_bx .box:after{ content: ""; width: 14px; height: 14px; border-radius: 100%; position: absolute; left: 50%; transform: translate(-50%); background:#005bac; top: -120px }
.policy_bx .box{ margin-top: 150px}
@media screen and (max-width:920px) {
	.policy_bx dl{ width: 210px; margin-left: -30px}
	.policy_bx dt{ height: 210px; border-width: 30px; line-height: 150px}
	.policy_bx i{ margin-left:-30px; width: 30px; height: 30px; margin-top: 100px}
	.policy_bx i img{ width: 15px}
	.policy_bx .box:before{ width: 362px}
	.policy_bx dd{ padding: 0 30px !important}
	.policy_bx dl:nth-of-type(2) dd{ padding: 0 30px !important}
	.vision_w > div{ padding:30px 20px 0 20px}
	.vision_w > div.policy_bx{ padding-bottom: 30px}
	.vision_bx dl,.vision_bx .box{ width: calc(100% - 20px)}
	.vision_bx .box dl dd p.tit+p{ line-height: 1.3}
	.vision_bx .box h5{ width: 140px; height: 140px; background-size: cover; padding-top: 50px}
	.vision_bx .box dl dd ul li:last-of-type{ padding-right: 25px}
	.vision_bx .box dl dd:first-of-type{ align-items: center 	}
	.vision_bx .bgbox{ position: relative}
	.vision_bx .bgbox:before{ content: ""; position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; background:#f7f7f7; width: calc(100% + 40px); margin-left: -20px}
	.value_bx .box{ background-size: 330px; height: 400px; margin-top: 0}
	.value_bx .box dl{ margin-left: 185px; margin-top:80px; padding-left: 100px; width: 270px}
	.value_bx .box dl:before{ width: 90px; height: 90px;background-size: 52%;}
	.value_bx .box dl.blue1, .value_bx .box dl.blue3{margin-left: -185px; padding-right: 100px}
	.value_bx .box dl.blue1, .value_bx .box dl.blue2{ margin-top: -80px}
	.value_bx .box dl dd{ line-height: 1.45}
	.value_bx .box h5{ width: 200px ;height: 200px}
}
@media screen and (max-width:767px) {
	.vision_bx{ padding: 30px 20px}
	.vision_bx dl{ width: 100%; }
	.vision_bx dl dt{ width: 70px;}
	.vision_bx dl.one_box dd > p{ margin: 0 15px;}
	.vision_bx dl.one_box p:nth-of-type(3):before{left: -15px;}
	.vision_bx dl.one_box p:not(:last-of-type):after{width: calc(100% + 37px);}
	.vision_bx .box{ margin: 20px 0; width: 100%}
	.vision_bx .bgbox dl{ padding-left: 80px}
	.value_bx .box dl{ width: 200px}
}
@media screen and (max-width:650px) {
	.vision_bx .box{ margin: 20px 0; padding: 20px}
	.vision_bx .box dl{ margin: 0 0 12px 0;width: calc(50% - 6px);padding: 16px;}
	.vision_bx .box dl dd{ flex-direction: column; align-items: flex-start !important}
	.vision_bx .box dl p.tit{ width: auto}
	.vision_bx .box h5{transform: translate(-50%,-50%); }
	.vision_bx .bgbox dl.mission2_box dd + dd{ margin-left: 20px; padding-left: 10px}
	.vision_bx .bgbox dl.mission2_box p strong{ white-space: normal}
	.vision_bx .bgbox dl dd strong{ line-height: 1.35}
	.value_bx{ padding-bottom: 20px !important}
	.value_bx .box{ background-size:240px; height:400px; margin-top: 0}
	.value_bx .box dl{ margin-left: 120px; margin-top:105px; padding-left:0;width: 140px}
	.value_bx .box dl:before{ width: 60px; height: 60px;background-size: 52%; padding-bottom: 0; bottom: 0; top: auto; transform: none}
	.value_bx .box dl.blue3:before,.value_bx .box dl.blue4:before{ bottom: auto; top: 0; }
	.value_bx .box dl.blue1, .value_bx .box dl.blue3{margin-left: -120px; padding-right: 0}
	.value_bx .box dl.blue1, .value_bx .box dl.blue2{ margin-top: -105px; padding-bottom:70px}
	.value_bx .box dl.blue3, .value_bx .box dl.blue4{ padding-top: 65px}
	.value_bx .box h5{ width: 130px; height: 130px; line-height: 1}
	.value_bx .box h5:before{ width: 50px; background-size: 200px; height: 45px;  margin-bottom: 0}
	.target_bx{ padding: 20px !important}
	.policy_bx dl{ width: 145px; }
	.policy_bx dt{ height: 145px; line-height: 1.15; padding-top: 20px}
	.policy_bx i{ margin-top: 65px}
	.policy_bx .box:before{ width: 232px}
	.policy_bx dd{ padding: 0 40px 0 0 !important}
	.policy_bx dl:nth-of-type(2) dd{ padding: 0 10px !important}
	.policy_bx dl:nth-of-type(3) dd{ padding: 0 0 0 40px !important}
}
@media screen and (max-width:450px) {
	.vision_bx dl{ padding-top: 40px}
	.vision_bx dl dt{ top: 10px}
	.vision_bx dl.one_box dd > p{ margin: 0 5px; font-size: 1rem}
	.vision_bx dl.one_box p:nth-of-type(3):before{left: -5px;}
	.vision_bx dl.one_box p:not(:last-of-type):after{width: calc(100% + 13px);}
	.vision_bx .box h5{ position: relative; width: auto; height: auto;  background: none; position: relative; left: auto; top: auto; transform: none; padding-top: 0;text-align: left; letter-spacing: -1px; margin-bottom: 20px}
	.vision_bx .box h5 strong{ display: inline;font-size: 1.857rem;}
	.vision_bx .box{ flex-direction: column;}
	.vision_bx .box dl{ width: auto}
	.vision_bx .box dl dd ul li:last-of-type{ padding-right: 0}
	.vision_bx .box dl.oranfe dt, .vision_bx .box dl.violet dt{ text-align: left}
	.vision_bx .box dl dt{ justify-content: flex-start; min-height: auto}
	.vision_bx .bgbox dl{ padding-left: 20px}
	.vision_bx .bgbox dl.mission2_box dd + dd{ margin-left: 0; margin-top: 10px; padding-left: 0}
	.vision_bx .bgbox dl.mission2_box{ flex-direction: column}
	.vision_bx .bgbox dl.mission2_box p{ margin-bottom:0px}
	.vision_bx .bgbox dl.mission2_box p strong{ margin-bottom: 5px; display: block}
	.value_bx .box{ height: 430px}
	.value_bx .box dl{ text-align: center !important; width: 130px; margin-left: 75px}
	.value_bx .box dl:before{ left: 50%; transform: translateX(-50%)}
	.value_bx .box dl.blue1, .value_bx .box dl.blue3{ margin-left: -75px}
	.target_bx dl{ padding: 60px 10px 30px 10px}
	.policy_bx .box{ justify-content: space-between}
	.policy_bx dl{ width: calc(33.33333% + 8px);}
	.policy_bx dt{ height: 120px; line-height: 1.15; padding-top: 20px; border-width: 13px; border-radius: 60px; padding:30px 5px;    font-size: 1.23rem;}
	.policy_bx i{ margin-top: 50px}
	.policy_bx dd{ padding: 0 20px 0 0 !important}
	.policy_bx dl:nth-of-type(2) dd{ padding: 0 5px !important}
	.policy_bx dl:nth-of-type(3) dd{ padding: 0 0 0 20px !important}
	.policy_bx .box:before{width: calc(100% - 93px);}
}
@media screen and (max-width:355px) {
	.policy_bx .box:before{width: calc(100% - 90px);}
}

/* 경영지표 */
.index_w > div{ border: 1px solid #e1e1e1; margin-bottom: 40px}
.index_w > div:last-of-type{ margin-bottom: 80px}
.index_w > div.vision_bx{ padding-bottom: 10px}
.index_bx > dl{ padding: 40px; text-align: center}
.index_bx > dl dt{ width: 120px; display: block; margin: 0 auto; background:#007bcb;border-radius: 18px; height: 36px; line-height: 36px; color: #fff;letter-spacing: -0.45px; font-size:1.2857rem; margin-bottom: 20px; font-weight: 500 }
.index_bx > dl dd.tit{ font-size: 2.428rem;line-height: 1.29;  letter-spacing: -0.34px; color:#0253a5; font-weight: 600; position: relative}
.index_bx > dl dd.tit:after{ content: ""; width:32px; height: 20px; background: url("../img/org/ico_arrow_top_g.svg") no-repeat 0 50%; background-size: 100%; display: block; margin: 23px auto 28px auto}
.index_bx > dl .box{width: 725px; border: solid 1px rgb(0, 166, 231); padding: 20px 55px 26px 55px; position: relative; box-shadow: 2.3px 3.3px 6px 0 rgb(0 0 0 / 10%);  background: #fff;; margin: 0 auto}
.index_bx > dl .box+.box{ margin-top: 10px}
.index_bx ul.box{ text-align: left; }
.index_bx ul.box li{ color: #606060; padding-left: 15px; position: relative;  margin-top: 5px; font-size: 1.142rem;line-height: 1.63;  letter-spacing: -0.4px;}
.index_bx ul.box li:before{  content: ""; width: 6px; height: 6px; background: #606060; border-radius: 100%; position: absolute; left: 0; top: 11px}
.index_bx .vision_box dt{ background: #0253a5}
.index_bx li.box{ display: flex;padding: 26px 55px 29px 55px; align-items: center }
.index_bx li.box p.tit{  padding-right: 40px; color: #222222; font-size:1.428rem;  font-weight: 600; line-height: 1.3;  letter-spacing: -0.5px; width: 115px; border-right: 1px solid #e1e1e1; margin-right: 40px; min-height: 45px; display: flex; align-items: center}
.index_bx li.box p.dec{ font-size: 1.142rem;line-height: 1.5;  letter-spacing: -0.4px;color: rgb(96, 96, 96); text-align: left}
.task_bx{ padding: 60px 120px;}
.task_bx dl{ display: flex}
.task_bx dl:not(.tit){ overflow: hidden; }
.task_bx dl:not(.tit) dt{ background:rgb(0, 123, 203); font-size: 1.428rem; text-align: center; font-weight: 600;line-height: 1.3;  letter-spacing: -0.2px; color: #fff; width: 240px; padding:36px 35px 39px 55px; position: relative; flex: 1 0 240px; border-radius: 63px 0 0 63px; }
.task_bx dl:not(.tit) dt i{ position: absolute; right: 15px; bottom:-10px;color: rgba(2, 83, 165, 0.6);font-weight: 600; font-size: 3.464rem; font-style: normal }
.task_bx dl + dl{ margin-top: 10px; line-height: 1}
.task_bx dl:not(.tit) dd{ border: 1px solid #e1e1e1; border-left: 0; flex-basis: 100%; border-radius: 0 63px 63px 0; padding: 7px 54px 5px 100px; position: relative}
.task_bx dl:not(.tit) dd:before{ content: ""; width: 32px; height: 20px; position: absolute; left:38px; top:50%; background: url("../img/org/ico_arrow_top_g.svg") no-repeat 0 50%; display: block; background-size: 32px; transform: rotate(90deg) translateX(-50%); margin-top: 5px}
.task_bx ul{ text-align: left; }
.task_bx ul li{color: #606060; padding-left: 15px; position: relative; line-height: 2.4; font-size: 1.0714rem; letter-spacing: -0.38px; }
.task_bx ul li:before{  content: ""; width: 6px; height: 6px; background: #606060; border-radius: 100%; position: absolute; left: 0; top: 15px}
.task_bx ul li + li{border-top: 1px solid #f0f0f0}
.task_bx dl.tit{ margin-bottom: 28px; font-size: 1.714rem; font-weight: 600; color: #0253a5;letter-spacing: -0.24px;}
.task_bx dl.tit dt{ width: 240px; flex: 1 0 240px; text-align: center;padding:0 35px 0 55px; }
.task_bx dl.tit dd{ flex-basis: 100%; text-align: center }
@media screen and (max-width:1023px) {
	.task_bx{ padding: 60px 60px}
}
@media screen and (max-width:920px) {
	.index_bx > dl{ padding: 40px 20px}
	.index_bx > dl .box{ width: 100%}
	.task_bx{ padding: 60px 20px}
	.task_bx dl dt{ width: 200px !important; flex: 1 0 200px !important; padding-left:10px !important ; padding-right: 0px !important }
	.task_bx dl:not(.tit) dd:before{ left: 20px; }
	.task_bx dl:not(.tit) dd{ padding-left:80px}
}
@media screen and (max-width:767px) {
	.task_bx dl dt{ width: 130px !important; flex: 1 0 130px !important; border-radius: 13px 0 0 13px !important;padding:5px !important ;}
	.task_bx dl:not(.tit) dd:before{ background-size: 20px; left: 10px;transform: rotate(90deg) translateX(-5px);}
	.task_bx dl:not(.tit) dd{ padding-left: 50px; padding-right: 30px;border-radius: 0 30px 30px 0; }
	.task_bx dl:not(.tit) dt{ display: flex; align-items: center; justify-content: center}
	.task_bx ul li:before{ top: 14px}
	.task_bx ul li{ line-height: 1.54; padding:7px 7px 7px 15px }
}
@media screen and (max-width:450px) {
	.index_bx > dl dd.tit{ font-size: 1.857rem}
	.index_bx > dl .box{ padding: 20px}
	.index_bx li.box p.tit{ width: auto; padding-right: 15px; margin-right: 15px}
	.task_bx dl:not(.tit) dd{ border-radius: 0 13px 13px 0; padding: 5px 15px}
	.task_bx dl dt{width: 90px !important; flex: 1 0 90px !important;}
	.task_bx dl.tit{ margin-bottom:10px; line-height: 1.32}
	.task_bx dl.tit dd{ padding: 0 15px; text-align: center}
	.task_bx{ padding: 30px 20px 40px 20px}
	.task_bx dl:not(.tit) dt i{ right: 5px}
	.task_bx dl:not(.tit) dd:before{ display: none}
	.task_bx ul li{ line-height: 1.4; padding: 5px 0 5px 12px}
	.task_bx ul li:before{ top: 11px}
}
/* 연혁 */
.history_w{ margin-top: -41px; background: #fff; position: relative; z-index: 2; margin-bottom: 80px}
.history_w .tab-container{ background: #fff;padding-top:6px; position: relative}
.history_w .tab_contents{display: flex; flex-wrap: wrap}
.history_w .box{ flex-basis:100%; margin-top: 40px; padding-left: calc(50% + 50px); position: relative }
.history_w .box h4{ background: none; padding: 0; font-size: 1.714rem; color:#005bac; font-weight: 600; margin-bottom: 10px; position: relative}
.history_w .box li{color: rgb(96, 96, 96); font-size: 1rem; line-height: 2; letter-spacing: -0.35px; display: flex; flex-wrap: wrap}
.history_w .box li > strong{ color: #606060; font-weight: 600; padding-right: 15px}
.history_w .box:nth-of-type(2n+1){ padding-right: calc(50% + 50px); padding-left: 0; width: 100% }
.history_w .box:nth-of-type(2n+1) *{ text-align: right; display: block}
.history_w .box:nth-of-type(2n+1) li strong{ display: inline; order: 2; padding-left: 15px; padding-right: 0}
.history_w .box:nth-of-type(2n+1) li{ display: flex;  justify-content: flex-end;  }
.history_w .box li .img{ margin-top: 15px; order: 4; width: 100%; margin-bottom: 16px}
.history_w .box li .img img{width: 280px; display: inline-block }
.history_w .tab_contents{ margin-top: 20px; position: relative; padding-bottom: 70px; padding-top: 60px}
.history_w .tab-container:before{position: absolute; left: 50%; top:140px; content: ""; width: 1px; height: calc(100% - 150px); background: #00a6e7}
.history_w .box h4:before{ position: absolute; left: -53px;top: 16px; width:8px ; height: 8px;background: #005bac ; content: ""; display: block}
.history_w .box h4:after{position: absolute; left: -53px;top: 16px; width:44px ; height: 4px; border-bottom: 1px dotted #005bac; content: ""; display: block}
.history_w .box:nth-of-type(2n+1) h4:before{ left: auto; right: -53px}
.history_w .box:nth-of-type(2n+1) h4:after{ left: auto; right: -53px}
.history_w .box:first-of-type:before, .history_w .box:last-of-type:before{position: absolute; right:calc(50% - 9px); top: -56px; content: ""; width: 18px; height: 18px;background: url(../img/org/ico_h4.svg) no-repeat 0 50%; display: block; background-size: 18px;  }
.history_w .box:last-of-type:before{ top: auto; bottom:-75px; }
@media screen and (max-width:550px) {
	.history_w .tab-container:before{ top: 105px}
	.history_w .tab_contents{ padding-top: 30px}
	.history_w .box{ margin-top: 20px}
	.history_w .box:first-of-type:before{ top: -40px}
	.history_w .box{padding-left: calc(50% + 20px);}
	.history_w .box:nth-of-type(2n+1){ padding-right: calc(50% + 20px);}
	.history_w .box h4:after{ width: 15px}
	.history_w .box h4:after{ left: -20px; top: 11px}
	.history_w .box:nth-of-type(2n+1) h4:after{ right: -20px}
	.history_w .box:nth-of-type(2n+1) h4:before{ right: -25px}
	.history_w .box h4:before{ top: 11px; left: -24px}
	.history_w .box:last-of-type:before{ bottom: -40px}
	.history_w .box:nth-of-type(2n+1) li strong{ order: 0}
	.history_w .box li{ line-height: 1.43}
	.history_w .box li + li{ margin-top: 10px}
	.tab_list_w li button{ height: auto; padding: 10px 5px; min-height: 55px}
}
/* CI */
.ci_w{}
.ci_w .flex{ display: flex; justify-content: space-between; align-items: flex-end}
.ci_w .flex .btn_bx{ margin-bottom: 20px}
.ci_w .btn_bx button{ height: 38px; padding: 0 35px; min-width: 140px; background: #606060; font-size:1.0714rem; color: #fff ;letter-spacing: -0.38px; line-height: 38px }
.ci_w > div:not(.flex){ margin-bottom: 40px; display: flex;  }
.ci_bx{border: 1px solid #dde2e6; display: block !important}
.ci_bx .dec{ position: relative; font-size:1.0714rem;line-height: 1.47; padding:0; margin: 50px 110px;padding-left: 225px;}
.ci_bx .dec > strong{ color: #222; font-weight: 600}
.ci_bx .dec:before{ content: ""; display: block; width: 127px; height: 115px; background: url("../img/comm/logo.svg") no-repeat 0 0; background-size: 630px;image-rendering: auto; position: absolute; left: 0; top: 0;}
.ci_bx .dec span.color{ margin-top:20px; display: block; position: relative; padding-left: 50px; color: #222; font-size: 1rem }
.ci_bx .dec span.color:before, .ci_bx .dec span.color:after{ display: block; position: absolute; left: 0; top: 4px; width:15px; height: 15px; border-radius: 100%; background: #e12e0d; content: "";}
.ci_bx .dec span.color:after{ background:#0086d1; left: 25px }
.ci_bx .bgbox{ background:#f7f7f7; padding: 40px 30px 35px 30px; }
.ci_bx .bgbox ul{display: flex; justify-content: space-around; text-align: center;}
.ci_bx .bgbox  li{ font-size: 1.0714rem; color: #606060; line-height: 1.47}
.ci_bx .bgbox  li+li{ margin-left: 50px}
.ci_bx .bgbox  li *{ display: block; text-align: center; margin: 0 auto}
.ci_bx .bgbox  li > i{ width:43px; height: 43px }
.ci_bx .bgbox  li > strong{ font-size:1.4285rem; color:#0253a5; font-weight: 600; margin-top: 27px; margin-bottom: 15px }
.ci_w .box{ flex-basis: 50%;border: 1px solid #dde2e6; padding: 30px 40px;  }
.ci_w .box + .box{ margin-left: 15px}
.ci_w dl.box dt{ margin-bottom: 22px; font-size: 1.0714rem; color: #606060; font-weight: 500;}
.ci_w dl.box dd{ display: flex; align-items: center; justify-content: center}
.si_bx dl.box dd{ height: 77px; margin-bottom: 10px}
.siplus_bx dl.box dd{ height: 53px; margin-bottom: 20px;  padding-top:  15px}
.logo_bx dl.box dd{ height: 38px; margin-bottom:  20px}
.bi_bx{border: 1px solid #dde2e6; padding: 50px 90px; display: block !important; text-align: center }
.bi_bx p.dec{ margin-top: 50px; font-size:1.0714rem; color: #606060;line-height: 1.47; }
.bi_bx i+i{ margin-left:150px }
.char_bx{border: 1px solid #dde2e6; padding: 50px 110px 50px 70px; align-items: center}
.char_bx i{ margin-right:95px; width:339px; flex-shrink: 0  }
.char_bx p{font-size:1.0714rem; color: #606060;line-height: 1.47; max-width: 380px}
.char_bx p>strong{ color: #222; font-weight: 600}
@media screen and (max-width:1299px) {
	.char_bx p{ max-width: none}
}
@media screen and (max-width:1023px) {
	.ci_bx .dec{ margin: 50px;    padding-left:175px;}
	.char_bx{ padding: 50px}
	.char_bx i{ width: 280px; margin-right: 50px}
	.bi_bx i+i{ margin-left: 50px}
	.ci_bx .bgbox li+li{ margin-left: 30px}
	.ci_w .box{ padding: 30px 20px}
}
@media screen and (max-width:700px) {
	.ci_bx .dec:before{ width: 80px; background-size: 360px}
	.ci_bx .dec{ padding-left: 110px; }
	.bi_bx{ padding: 50px 30px}
	.bi_bx i{ height: 60px; display: inline-block; margin: 0 10px}
	.bi_bx i img{ height: 60px}
	.char_bx{ padding: 50px 30px}
	.char_bx i{ width: 180px}
}
@media screen and (max-width:550px) {
	.ci_w .flex{ flex-direction: column; align-items: flex-start}
	.ci_w .btn_bx button{ min-width: auto}
	.ci_bx .dec:before{ display: block; margin:30px auto 20px auto; position: relative; left: auto; top: auto; height: 70px}
	.ci_bx .dec{ margin: 0 20px; padding: 0 0 20px 0}
	.ci_bx .dec span.color:before, .ci_bx .dec span.color:after{ width:	10px; height: 10px}
	.ci_bx .dec span.color:after{ left: 15px}
	.ci_bx .dec span.color{ padding-left: 35px}
	.ci_bx .bgbox ul{ flex-direction: column	}
	.ci_bx .bgbox li+li{ margin-left: 0; margin-top: 15px}
	.ci_bx .bgbox ul li{ display: flex; flex-direction: column; position: relative; padding-left: 60px; text-align: left; align-items: flex-start}
	.ci_bx .bgbox ul li i{ position: absolute; left: 0; top:50%; transform: translateY(-50%)}
	.ci_bx .bgbox li strong, .ci_bx .bgbox li p{ padding: 0; margin: 0; text-align: left}
	.ci_w > div:not(.flex){ flex-direction: column}
	.ci_w .box + .box, .bi_bx i+i{ margin-top: 10px; margin-left: 0px}
	.logo_bx dl.box dd, .si_bx dl.box dd, .siplus_bx dl.box dd, .siplus_bx dl.box dd{ height: auto}
	.bi_bx p.dec{ margin-top: 30px}
	.char_bx i{ margin: 0 auto; margin-bottom: 30px}
}

/* 주요사업 */
.work_w{ display: flex; flex-wrap: wrap; justify-content: space-between;gap: 15px}
.work_w .box{ flex-basis: calc(50% - 8px); flex-shrink:1;border: solid 1px #dde2e6;; padding: 60px 40px; position: relative}
.work_w .box dt{ font-size: 1.428rem; font-weight: 600;  letter-spacing: -0.5px; color: #222; padding-bottom: 15px }
.work_w .box dt i{ font-style: normal; width:40px; height: 40px;background-image: linear-gradient(to top, #1973c4, #00a6e7); font-size: 1.142rem; color: #fff; font-weight: 500; display: block; position: absolute; left: -1px; top: -1px; text-align: center; line-height: 40px }
.work_w .box dd p{ display: flex; align-items: flex-start; font-size: 1.071rem; color: #606060 }
.work_w .box dd p:before{ width: 3px; height: 3px; display: block; background: #606060; content: ""; margin-right:9px; margin-top:11px;flex-shrink: 0;}
@media screen and (max-width:550px) {
    .work_w{ flex-direction: column}
    .work_w .box{ padding: 30px 20px 30px 30px}
    .work_w .box dt i{ width: 30px; height: 30px; line-height: 30px}
}
/* 가스안전인 수칙 */
.rule_w{ }
.rule_w > div + h4{ margin-top: 40px}
.rule_w p{font-size: 1.0714rem; line-height: 1.6; color: #606060; font-weight: 500}
.rule_w .box{ border: 1px solid #dde2e6; padding:40px 50px}
.rule_w .box p, .rule_w td p, .rule_w li{ font-weight: 400; margin:2px 0;font-size: 1.0714rem; line-height: 1.6; color: #606060; display: flex; align-items: flex-start }
.rule_w .basic_bx .box{ margin:25px 0 20px 0 }
.rule_w .box p:before, .rule_w td p:before, .rule_w li:before{width: 3px; height: 3px; display: block; background: #606060; content: ""; margin-right:9px; margin-top:11px;flex-shrink: 0;}
.rule_w table{ table-layout: auto; border-top:2px solid #999}
.rule_w tbody th, .rule_w tbody td{ border-bottom: 1px solid #d9d9d9; padding: 20px 30px}
.rule_w tbody th{ border-right: 1px solid #d9d9d9; background:#f9f9f9; width: 260px; vertical-align: middle; font-weight: 500; color: #222; font-size:1.0714rem; text-align: center }
.rule_w .cate_bx tbody th{ width: 130px}
@media screen and (max-width:767px) {
    .rule_w .box{ padding: 20px}
    .rule_w table{ table-layout:auto; }
    .rule_w tbody th{ width:auto !important; word-break: break-all; padding: 10px 5px; min-width: 45px }
    .rule_w tbody td{padding: 10px}
}
/* 공시 */
.alio_w .sub_tit, .self_w .sub_tit{ padding-top: 0; padding-bottom: 40px; align-items: center; border-bottom: 1px solid #d9d9d9}
.alio_w .sub_tit .icon,  .self_w .sub_tit  .icon{ width: 119px; height: auto}
.bt_alio{ background:#0253a5; line-height: 50px; padding: 0 30px; height: 50px; color: #fff; font-size: 1.0714rem; font-weight: 500;letter-spacing: -0.38px;  text-align: center; display: flex; align-items: center; margin-top: 18px}
._blank:after{ content: ""; width: 13px; height: 13px; background-size: 13px; background: url("../img/comm/icon_link.png") no-repeat 0 0; display: block; margin-left: 10px}

span.guide{ color: #606060; font-size: 1rem; font-weight: 400}
.alio_bx{ display: flex; align-items: flex-start; justify-content: space-between; gap:0; position: relative;border: 1px solid #d9d9d9; border-top: 0}
.alio_bx dl{ width: 33.333%;border: 1px solid #d9d9d9; border-width: 0}
.alio_bx dl.alio1{ order: 1; height: 140px }
.alio_bx dl.alio2{ order: 4; position: absolute; left: 0; top: 140px;}
.alio_bx dl.alio3{order: 2; height: 1110px; border-width: 0 1px }
.alio_bx dl.alio4{order:3; height: 308px;border-width: 0 0px 0 0px}
.alio_bx dl.alio5{ order: 5;border-width: 0 0px 0px 0px; position: absolute; right: 0; top: 320px}
.alio_bx dl dt{ background:  #f9f9f9; height: 52px; border-top: 2px solid #999; text-align: center; line-height: 49px; color: #222; font-size:1.142rem; font-weight: 600; text-align: center; border-bottom: 1px solid #d9d9d9}
.alio_bx dl dd{ padding: 30px}
.alio_bx dl dd p{ line-height: 2; color: #606060; font-weight: 400; font-size:1.071rem}
.alio_bx dl dd p a:hover{ text-decoration: underline; color: #0253a5 }
.alio_bx dl dd p span{ display: block; padding-left: 10px}
/*  */
.self_w .alio_bx dl{ position: relative; left: auto; right: auto; top: auto; border-width: 0}
.self_w .alio_bx dl.alio1{ order: 1; }
.self_w .alio_bx dl.alio2{ order:2; border-left-width: 1px; height: 400px}
.self_w .alio_bx dl.alio3{order: 3; border-left-width: 1px; height: 800px }
.self_w .alio_bx dl.alio4{order:4; position: absolute; left: 0; top: 400px }
.self_w .alio_bx dl.alio5{ order: 5; position: absolute; left: 33.333%; top: 400px; border-left-width: 1px; height: 400px  }
.self_w .alio_bx dl dd p{ display: flex;align-items: flex-start}
.self_w .alio_bx dl dd p:before{width: 3px; height: 3px; display: block; background: #606060; content: ""; margin-right:9px; margin-top:14px;flex-shrink: 0;}
.self_w h4{ background: none; justify-content: flex-end}
@media screen and (min-width: 768px) and (max-width: 950px) {
     .alio_bx dl.alio3{height: 1250px;   }
	 .alio_bx dl.alio5{top: 360px;   }
}
@media screen and (max-width:767px) {
	.alio_w .sub_tit, .self_w .sub_tit{ padding-bottom: 30px}
	 .alio_bx dl.alio5{top: 390px;   }
}
@media screen and (max-width:650px) {
    .alio_bx{ flex-direction: column}
    .alio_bx dl{ order: 0 !important; position: relative !important; left: auto !important; top: auto !important; right: auto !important; height: auto !important; width: 100%; border: none !important }
    .alio_bx dl a{ padding: 4px 0; display: block; }
    .alio_w .sub_tit .icon{ width: 80px;}
}

/* 사업현황 */
.present_w table{}
.present_w .tab_list_w{ margin-bottom: 60px}
.present_w table{ table-layout: fixed}
.present_w table th{ border-right: 1px solid #d9d9d9; background:#f9f9f9;vertical-align: middle; font-weight: 500; color: #222; font-size:1.0714rem; text-align: center; padding: 18px 5px 15px 5px}
.present_w table thead tr th:last-of-type{ border-right-width: 0}
.present_w table tbody td{ border-left: 1px solid #d9d9d9; text-align: center; font-size: 1.071rem;    padding: 18px 5px; }
.present_w table tbody tr td:first-of-type{ border-left: 0}
.present_w p.guide + h4{ margin-top: 40px}
.present_w p.guide{ margin-top: 20px; color: #777; font-size: 1rem}
.present_w table tr.total th,.present_w table tr.total td{ font-weight: 600; }
.present_w table tr.total th{ color: #222}
#present_panel01 table{ table-layout: fixed}
#present_panel01 table tbody tr th{ width: 155px }
#present_panel01 .fixtable_box table, #present_panel01 .datatable_box table{ table-layout: auto}
#present_panel01 .datatable_box table tr td{ border-bottom: 0; padding: 5px; text-align: left; padding-left: 30px;  vertical-align: top}
#present_panel01 .datatable_box table tbody tr.total td{ padding: 18px 5px 15px 30px; border-bottom: 1px solid #d9d9d9; border-top: 1px solid #d9d9d9; height: auto}
#present_panel01 .datatable_box table tbody tr.total:first-of-type td{ border-top: 0; color: #222; text-align: center}
#present_panel01 .datatable_box table tbody tr.total + tr td{}
.present_w ul.list{}
.present_w ul.list li{display: flex;align-items: flex-start;font-size: 1.071rem;}
.present_w td ul.list li{ display: block; padding-left: 12px; position: relative; text-align: left}
.present_w ul.list li:before{width: 3px; height: 3px; display: block; background: #606060; content: ""; margin-right:9px; margin-top:12px;flex-shrink: 0;}
.present_w td ul.list li:before{ position: absolute; left: 0; top: 0}
.present_w td ul.list li strong{ color: #222; font-weight: 600}
#present_panel01 .datatable_box td p>strong{ display: block}
#present_panel01 .datatable_box td p{ padding: 10px 15px; border-bottom: 1px solid #606060; width: 250px; }
#present_panel01 .datatable_box td  ul.list { padding: 10px 0;}
.present_w h4+ ul.list li{ color: #606060}
.present_w h5{ margin-top: 40px; color: #222; font-size: 1.1428rem; line-height: 1.5; font-weight: 600; margin-bottom: 20px; display: flex; justify-content: space-between}
#present_panel02 table tbody td{ text-align: right; padding-right: 20px}
.present_w div + h4{ margin-top: 40px}
#present_panel03 .datatable_box  table, #present_panel04  table{ table-layout: auto}
#present_panel03 .datatable_box  table tbody tr th{ width: 100px }
#present_panel03 .datatable_box  table tbody tr td{ text-align: left; padding-left: 30px; padding-right: 30px}
#present_panel04  table .al{ padding-left: 30px}

.present_w ol.step{ display: flex; flex-wrap: wrap;gap:30px}
.present_w p+ol.step{ margin: 20px 0 5px 0}
.present_w ol.step li{border: 1px solid #e1e1e1; padding: 20px; min-width: 150px; text-align: center; font-weight: 600; color: #222; font-size: 1.142rem; position: relative  }
.present_w ol.step li + li:before{ content: ""; width: 8px; height: 13px; background-size: 6px; background: url("../img/org/arrow_next_blue.svg") no-repeat 0 50%; position: absolute; left: -18px; top: 50%; transform: translateY(-50%)}
#present_panel04 ol.step li{ width: 30%}
#present_panel04 ol.step li:nth-of-type(1){ order: 1}
#present_panel04 ol.step li:nth-of-type(2){ order: 2}
#present_panel04 ol.step li:nth-of-type(3){ order: 3}
#present_panel04 ol.step li:nth-of-type(4){ order: 6}
#present_panel04 ol.step li:nth-of-type(5){ order: 5}
#present_panel04 ol.step li:nth-of-type(6){ order: 4}
#present_panel04 .datatable_box table tbody tr th{ width: 130px}
#present_panel04 ol.step li:nth-of-type(4):before{ transform: rotate(90deg) translateY(-50%);top: -20px; left: 50% }
#present_panel04 ol.step li:nth-of-type(5):before{ left: auto; right: -18px;transform: translateY(-50%) rotate(180deg)}
#present_panel04 ol.step li:nth-of-type(6):before{ left: auto; right: -18px;transform: translateY(-50%)  rotate(180deg)}
.present_w{ margin-top: -41px }
@media screen and (max-width:955px) {
	.present_w ol.step { padding-left: 30px}
	.present_w ol.step li{ padding: 10px;order: 1 !important}
	.present_w ol.step li + li:before{ left: -18px !important; top: 50% !important; transform: translateY(-50%) !important ;right: auto !important}
}

@media screen and (max-width:767px) {
	.present_w .tab_list_w{ margin-bottom: 30px 	}
	.present_w table thead tr th{ white-space: nowrap}
	.present_w table{ table-layout: auto !important}
	.present_w table tbody td, .present_w table th{ padding-left: 10px; padding-right: 10px; word-break: keep-all; }
	.present_w table tbody td.al,#present_panel01 .datatable_box table tr td,#present_panel02 table tbody td{ padding-left: 10px !important; padding-right: 5px !important}
	#present_panel01 .datatable_box td p{ width: auto}
	.present_w table tbody th{ width: auto !important}
	.present_w{background: #fff; position: relative; z-index: 2; margin-top: -31px  }
}

/* 임원 */
.official_w table{ table-layout: auto}
.official_w table th{vertical-align: middle; font-weight: 500; color: #222; font-size:1.0714rem; text-align: center;border-right: 1px solid #d9d9d9;  }
.official_w table thead tr th:last-of-type{ border-right-width: 0}
.official_w table tbody td{ border-left: 1px solid #d9d9d9; text-align: center; font-size: 1.071rem; vertical-align: middle}
.official_w table tbody th{ width: 150px}
.official_w table tbody tr td:first-of-type{ border-left: 0}
a.bt_dn{ text-decoration: underline; color:#0253a5 }
a.bt_dn:after{ content: ""; display: inline-block; vertical-align: middle; background: url("../img/org/bt_dn.png") no-repeat 0 0; width:14px; height: 14px; background-size: 14px; margin-left: 11px}
.official_w h5{ margin-top: 40px; color: #222; font-size: 1.1428rem; line-height: 1.5; font-weight: 600; margin-bottom: 20px; display: flex; justify-content: space-between}
.official_w h5+p{ font-size: 1.071rem}
.official_w h4{ margin-top: 40px}
.official_w .box{ border: 1px solid #d9d9d9; padding: 40px 70px; display: flex; gap:40px; justify-content: space-between}
.official_w .box dl{ width: 25%}
.official_w .box dt, .official_w .box dd{ padding: 10px 20px; min-height: 60px; background:#f7f7f7; border: 1px solid #e1e1e1; color: #222; line-height: 1.33; letter-spacing: -0.38px; text-align: center; font-size: 1.0714rem; font-weight: 500; display: flex; align-items: center; justify-content: center; position: relative }
.official_w .box dt{ background:#0253a5; border: none; color: #fff; font-size: 1.142rem; font-weight: 600 }
.official_w .box dd.boss{ background:#007bcb; border: none; color: #fff; font-weight: 600 }
.official_w .box dd{ margin-top:30px }
.official_w .box dd:before{content: ""; width: 12px; height: 19px; background: url("../img/org/arrow_next_blue.svg") no-repeat 50% 50%; position: absolute; left: 50%; top:-23px; transform: translateX(-50%) rotate(-90deg); background-size:9px;}
.official_w .box dt:before{content: ""; width: 12px; height: 19px; background: url("../img/org/arrow_next_blue.svg") no-repeat 50% 50%; position: absolute; left: 50%; bottom:-21px; transform: translateX(-50%) rotate(-90deg); background-size:9px;}
@media screen and (max-width:767px) {
	.official_w table tbody th{ width: 100px}
	.official_w table tbody td{ padding:18px}
	.official_w .datatable_box table thead{ display: none}
	.official_w .datatable_box table tr,.official_w .datatable_box table tbody { display: block}
	.official_w .datatable_box table tr + tr{border-top: 1px solid #d9d9d9;}
	.official_w .datatable_box table tbody tr{ padding: 10px 0}
	.official_w .datatable_box table tbody tr td{ display: block; border: none; text-align: left; padding:2px 0}
	.official_w .datatable_box table tbody tr th,.official_w .datatable_box table tbody tr td[data-th="이름"]{ display: inline; border: none; background: none; text-align: left; padding: 10px 0; font-size: 1.28rem; color: #222; }
	.official_w .datatable_box table tbody tr td[data-th="이름"]{ font-weight: 700}
	.official_w .datatable_box table tbody tr td[data-th="이름"]:before{ display: none}
	.official_w td ul.list li:before{ margin-top: 10px }
	.official_w .datatable_box table tbody tr th[rowspan]{ display: block;    border-bottom: 1px solid #d9d9d9; width: 100%; margin-bottom: 10px; margin-top: -7px; text-align: center}
	.official_w .box{ padding: 20px; flex-wrap: wrap; gap:0}
	.official_w .box dl{ width: calc(50% - 10px); margin: 10px 0}
}

/* 대뇌외평가 */
.value_w{ margin-top: -41px }
.value_w .tab_list_w{ margin-bottom: 60px}
.value_w h4{ margin-top: 40px}
.value_w table{ table-layout: auto}
.value_w table th{vertical-align: middle; font-weight: 500; color: #222; font-size:1.0714rem; text-align: center;border-right: 1px solid #d9d9d9;  }
.value_w table thead tr th:last-of-type{ border-right-width: 0}
.value_w table tbody td{ border-left: 1px solid #d9d9d9; text-align: left; font-size: 1.071rem; vertical-align: middle}
.value_w .fixtable_box table tbody td{ text-align: right}
.value_w table tbody th{ }
.value_w table tbody tr td:first-of-type{ border-left: 0}
.chrt_box{ border: 1px solid #d9d9d9; padding: 40px; text-align: center}
.chrt_box h5{ color: #222; font-size:1.2857rem; text-align: center; margin-bottom: 20px; font-weight: 600 }
.chrt_box + .table_box{ margin-top: 40px}
.value_w .fixtable_box table th, .value_w .fixtable_box table  td{ padding-left: 10px !important; padding-right: 10px !important}
@media screen and (max-width:767px) {
	.value_w{background: #fff; position: relative; z-index: 2; margin-top: -31px  }
	.value_w .tab_list_w{ margin-bottom: 30px}
	.chrt_box{ padding: 20px 10px}
	.value_w table th, .value_w table  td{ padding-left: 10px !important; padding-right: 10px !important}
}

/* 기타 공시 */
.etc_w{ margin-top: 0}
.etc_w h5{ margin-top: 40px; color: #222; font-size: 1.1428rem; line-height: 1.5; font-weight: 600; margin-bottom: 20px; display: flex; justify-content: space-between}
.etc_w p{ font-size: 1.071rem; color: #606060;line-height: 1.6;}
.etc_w p>span{float: right;}
.etc_w p.dec{}
.etc_w p.dec{ display: block; padding-left: 12px; position: relative; text-align: left; margin: 20px 0}
.etc_w p.dec:before{width: 3px; height: 3px; display: block; background: #606060; content: "";  position: absolute; left: 0; top: 11px}
.etc_w h4+ h5{ margin-top: 20px}
.etc_w h5+p{ margin: 20px 0}
.etc_w .table_box:not(:nth-of-type(1)) table tbody td{ text-align: center}
.etc_w td p.tit{ font-size: 1.142rem; margin-bottom: 15px; font-weight: 600}
.etc_w table thead th{  white-space: nowrap}

@media screen and (max-width:1023px) {
	.etc_w table thead th{  white-space: normal}
}


/* 오시는 길 */
.map_w{ margin-top: -31px }
.map_w .tab_list_w{ margin-bottom: 60px}
.map_box{ border: 1px solid #e1e1e1; margin-bottom: 40px}
.map_box .address{ border-top: 1px solid #e1e1e1;background-color: rgb(249, 249, 249); display: flex; justify-content: space-around;}
.map_box .address dl{ display: flex; padding: 28px 0; font-size: 1.0714rem; color: #222; line-height: 1; }
.map_box .address dl dt{ font-weight: 600; padding-right: 20px; border-right: 1px solid #e1e1e1; margin-right:20px }
.map_box .address dl dd + dt{ margin-left:35px}
.traffic_bx dl{ border-top: 1px solid #e1e1e1; padding: 40px 0 40px  130px; background: url("../img/org/icon-bus.png") no-repeat 0 40px; background-size: 80px; min-height: 80px; font-size: 1.0714rem}
.traffic_bx dl dt{ font-size: 1.2857rem; font-weight: 500; margin-bottom: 15px; }
.traffic_bx dl.car{ background-image: url("../img/org/icon-car.png") }
.traffic_bx dl.walk{ background-image: url("../img/org/icon-working.png") }
.traffic_bx dl:last-of-type{border-bottom: 1px solid #e1e1e1; }
.traffic_bx table{ table-layout: auto}
.traffic_bx table th{vertical-align: middle; font-weight: 500; color: #222; font-size:1.0714rem; text-align: center;border-right: 1px solid #d9d9d9; background: #f9f9f9; padding: 12px  }
.traffic_bx table tbody td{ border-right: 1px solid #d9d9d9;  font-size: 1rem; vertical-align: middle; text-align: center}
.traffic_bx table tbody tr td:last-of-type, .traffic_bx table th:last-of-type{ border-right: 0}
.traffic_bx .table_box + p{ margin-top: 20px }
.traffic_bx + .traffic_bx{ margin-top: 40px}
.traffic_bx p.guide{ margin-top: 20px}

.map_w table{ table-layout: fixed}
.map_w table th{ border-right: 1px solid #d9d9d9; background:#f9f9f9;vertical-align: middle; font-weight: 500; color: #222; font-size:1.0714rem; text-align: center; padding: 18px 5px 15px 5px}
.map_w table thead tr th:last-of-type{ border-right-width: 0;width: 610px;}
.map_w table tbody td{ border-left: 1px solid #d9d9d9; text-align: center; font-size: 1.071rem; padding: 18px 5px;vertical-align: middle; }
.map_w table tbody td a{color: #222;}
.map_w table tbody td a:hover{text-decoration: underline; color: #0253a5;}
.map_w table tbody tr .tit{ border-left: 0}
.map_w table tbody tr td:last-child{text-align: justify;padding-left: 30px;}
#present_panel01 table{ table-layout: fixed}
#present_panel01 table tbody tr th{ width: 155px }
.map_w .img_bx {display: flex;gap: 25px;flex-wrap: wrap;}
.map_w .img_bx li {flex-basis: 30%;display: flex;}
.map_w .img_bx .img {padding:20px;border-radius: 5px;border: 1px solid #e1e1e1;}
.map_w .txt_bx {margin-top: 20px;}

@media screen and (max-width:767px) {
	.map_box .address{ padding-left: 10px; padding-right: 10px}
	.map_box .address dl{ flex-wrap: wrap; flex-direction: column; gap:5px; line-height: 1.6}
	.map_box .address dl dt{ border: none}
	.map_box .address dl dd + dt{ margin-left: 0; margin-top: 15px}
	.traffic_bx dl{ background-size: 60px;padding: 30px 0 30px 80px; background-position: 0 30px}
	ul.list li:before{ margin-top: 8px}
	.traffic_bx table td, .traffic_bx table th{ padding-left: 5px; padding-right: 5px}
	.map_w table thead tr th:last-of-type{ border-right-width: 0;width: auto;}
}
@media screen and (max-width:620px) {
    .map_w .tab_list_w{ margin-bottom: 30px}
	.map_w .img_bx li {flex-basis: calc(50% - 25px);}
}

/* 조직도*/
.group_bx{  text-align: center; position: relative; width: 820px; margin: 0 auto  }
.group_bx p{ position: relative}
.group_bx p.ceo{ width:240px; height: 80px; background:#005bac;  color: #fff; text-align: center; line-height: 80px; display: block; font-size: 1.428rem; font-weight: 600  }
.group_bx p.ceo1{ width:90%; height: 55px; background:#005bac;  color: #fff; text-align: center; line-height: 55px; display: block; font-size: 1.20rem; font-weight: 600  }
.group_bx p.g6 {height: 55px; line-height: 55px; font-size: 1.142rem; background: #f7f7f7; color: #606060; width:220px; font-weight: 600 }
.group_bx p.g1, .group_bx dl dt,.group_bx p.g5{ height: 55px; line-height: 55px; font-size: 1.142rem; background: #007bcb; color: #fff; width:195px; font-weight: 600 }
.group_bx dl dd{ margin-top: 10px; background: #f7f7f7;  height: 55px; line-height: 55px; font-size: 1.142rem; width:195px; font-weight: 500; color:#606060  }
.group_bx dl dt, .group_bx dl dd{ width: 100%}
.group_bx dl{ width: 220px; z-index: 2; position: relative}
.group_bx dl dt{ background: #606060}
.group_bx dl.g2 dt, .group_bx dl.g4 dt{background: #007bcb;}
.group_bx dl dd.gl,
.group_bx dl dd.gr {display: flex;position: relative;justify-content: center;}
.group_bx dl dd ul li {position: absolute;width: 195px;background: #f7f7f7; height: 55px; line-height: 55px; font-size: 1.142rem; width: 195px; font-weight: 500; color: #606060;}
.group_bx dl dd.gl ul li::before {content: ""; width: 20px; height: 1px; display: block; position: absolute; top: 50%; right: -20px; background: #e1e1e1; z-index: -1;;}
.group_bx dl dd.gr ul li::before {content: ""; width: 20px; height: 1px; display: block; position: absolute; top: 50%; left: -20px; background: #e1e1e1; z-index: -1;;}
.group_bx dl dd.gl ul li{left: -215px;}
.group_bx dl dd.gr ul li{right: -215px;}


.group_bx dl.g4{ width: 447px; display: flex; flex-wrap: wrap; justify-content: space-between}
.group_bx dl.g4 dd{width: 220px; background: #e8edf8; color: #222222; font-weight: 400}
.group_bx ~ .tell_bx { margin-top: 80px}
.board-top .total_txt{ font-size: 1.04714rem}
.org_g{ display: flex; justify-content: space-between; padding-bottom: 0px; position: relative;margin: 0 auto;}

.orgg01_g{ display: flex; justify-content:flex-start; padding-bottom: 15px; position: relative;margin: 0 auto;}
.boss_g{ display: flex; justify-content: space-between; padding-top:120px; position: relative; padding-bottom: 80px}
.boss_g .ceo{ position: absolute; left: 50%; top: 0; transform: translateX(-50%)}
.boss_g .g1{ margin-top: 55px}

.etc_g{ display: flex; justify-content: space-between}
.boss_g .ceo:after{ content: ""; width: 1px; height:250px; display: block; position: absolute; left: 50%; bottom: -250px; background:#e1e1e1; }
.boss_g .g1:before{ content: ""; height: 1px; width:300px;display: block; position: absolute; right: 50%; top: 50%; background:#e1e1e1; z-index: -1  }
.boss_g .g6:before{ content: ""; height: 1px; width:300px;display: block; position: absolute; right: 50%; top: 50%; background:#e1e1e1; z-index: -1  }
.org_g .g3:before{ content: ""; width: 1px; height: 41px; display: block; position: absolute; top: -41px; left: 50%; background:#e1e1e1; z-index: -1  }
.org_g:before{ content: ""; height: 1px; width:600px;display: block; position: absolute; left: 50%; top:-41px; background:#e1e1e1; z-index: -1; transform: translateX(-50%)}

.orgg01_g .g3:before{ content: ""; width: 1px; height: 41px; display: block; position: absolute; top: -41px; left: 50%; z-index: -1  }
.orgg01_g:before{ content: ""; height: 1px; width:600px;display: block; position: absolute; left: 50%; top:-41px; z-index: -1; transform: translateX(-50%)}
.group_w .sub_tit{ padding: 0 0 30px 0; ;}
.group_w .sub_tit p{font-size: 1rem}
.group_w .sub_tit p strong{ font-weight: 500; font-size: 1.0714rem; color: #606060}
.group_w .search-box label{ padding-right:20px; color:#606060; font-size: 1.0714rem; font-weight: 600  }
.group_w .search-box label:not(:first-of-type){ margin-left: 35px}
.bt-reset { background-color: #777777;}
.group_w .search-box [class^="bt-"] + [class^="bt-"]{ margin-left: 5px}

.gr1_w .group_bx {width: 920px;}
.gr1_w .group_bx dl {width: 170px;}
.gr1_w .group_bx dl dd {margin-top: 5px;font-size: 1.071rem;}
.gr1_w .boss_g {padding-top: 80px;padding-bottom: 175px;}
.gr1_w .boss_g .ceo:after {height: 230px;bottom: -230px;}
/*.gr1_w .org_g {width: calc(100% - 260px);margin: 0;justify-content: flex-start;gap: 40px;} 220210*/
.gr1_w .org_g {justify-content: center;gap: 20px;}
.gr1_w .org_g dl::before {content: ""; width: 1px; height: 186px; display: block; position: absolute; top: -60px; left: 50%; background:#e1e1e1; z-index: -1 }
.gr1_w .org_g:before {top: -61px;width: 381px;left: calc(50% - 0px);}
.gr1_w .org_g .g6 dt{position: relative;}
.gr1_w .org_g .g6:last-child dt::before { content: ""; width: 1px; height: 80px; display: block; position: absolute; bottom: -53px; left: 164%; background:#e1e1e1; z-index: -1 }
.gr1_w .org_g .g6:not(:last-child) dt {margin-bottom: 69px;}
.gr1_w .org_g .g6:last-child dt {margin-bottom: 69px;}
.gr1_w .org_g .g6_sub {position: absolute;top: 60px;left: calc(50% + 22px);background-color: #757575;color: #fff;font-size: 1.143rem;}
.gr1_w .org_g .g6_sub::before {content: ""; width: 100%; height: 1px; display: block; position: absolute; top: -60%; background:#e1e1e1; z-index: -1  }
.gr1_w .org_g .g6_sub.sm::before {left: -22px;}
.gr1_w .org_g .g6_sub.lg::before {left: -85px;}

.gr1_w .org_g .g6_sub.sm {width: 150px;}
.gr1_w .org_g .g6_sub.lg {left: calc(50% + 110px);margin-top: 0;}
.gr1_w .org_g .g6_sub.lg ul {margin-top: 10px;}
.gr1_w .org_g .g6_sub.lg ul li {position: initial;width: 170px;font-size: 1.071rem;}
.gr1_w .org_g .g6_sub.lg ul li ~ li {margin-top: 5px;}

.gr1_w .pr_g {position: absolute;left: 200px;top: 50%;transform: translateY(20px);display: flex;gap: 140px;}
.gr1_w .pr_g:before{ content: ""; height: 1px; width:525px;display: block; position: absolute; top: -41px;left: 50%;transform: translateX(-50%); background:#e1e1e1; z-index: -1  }
.gr1_w .pr_g p.g3,
.gr1_w .pr_g .g4 p{ background: #f7f7f7;height: 55px;line-height: 55px;font-size: 1.142rem; width: 180px; font-weight: 600; color: #606060;}
.gr1_w .pr_g .g4 .se { background: #007bcb;color: #fff;}
.gr1_w .pr_g .g4 {display: flex;gap: 20px;}
.gr1_w .pr_g .g4 p {height: 55px; line-height: 55px; font-size: 1.142rem; width:180px; font-weight: 600 }
.gr1_w .pr_g p {height: 55px; line-height: 55px; font-size: 1.142rem; width:180px; font-weight: 600 }
.gr1_w .pr_g p:before {content: ""; width: 1px; height: 41px; display: block; position: absolute; top: -41px; left: 50%; background:#e1e1e1; z-index: -1  }


.gr1_w .boss_g .ceo:after {height: 230px;bottom: -230px;}
.gr2_w .group_bx {width: 920px;}
.gr2_w .org_g:before {width: 300px;}
.gr2_w .boss_g .ceo:after {height: 80px;bottom: -80px;}
.gr2_w .org_g {width: 490px;}
.gr2_w .group_bx dl {width: 195px;}
.gr3_w .boss_g {justify-content: flex-end;}
.gr3_w .boss_g .ceo:after {height: 210px;bottom: -210px;}
.gr4_w .group_bx {width: 490px;}
.gr4_w .group_bx dl {width: 195px;}
.gr4_w .org_g:before {width: 300px;}
.gr4_w .boss_g .ceo:after {height: 80px;bottom: -80px;}
.gr5_w .boss_g .ceo:after {height: 80px;bottom: -80px;}
.gr6_w .boss_g {justify-content: flex-end;}
.gr6_w .group_bx .last_g dd{background: #fff; border: 1px solid #007bcb;}
.gr6_w .group_bx .last_g dt{background: #007bcb; border: 1px solid #fff;}
.gr7_w .group_bx {width: 900px;padding-bottom: 80px;}
.gr7_w .boss_g {padding-top: 75px;padding-bottom: 20px;}
.gr7_w .boss_g .ceo:after {height: 20px;bottom: -20px;}
.gr7_w .group_bx p.ceo {height: 55px;line-height: 55px;font-size: 1.286rem;}
.gr7_w .group_bx dl {width: 195px;}
.gr7_w .group_bx dl dt {font-size: 1.143rem;}
.gr7_w .org_g {padding-bottom: 0;}
.gr7_w .org_g:before {top: -21px;width: 710px;}
.gr7_w .org_g .g3:before {height: 20px;top: -20px;}
.gr7_w .group_bx ~ .group_bx::before { content: ""; height: 1px; width:100%;display: block; position: absolute; top: -41px; background:#e1e1e1; z-index: -1  }
.gr7_w .group_bx.last_bx .org_g:after { content: ""; height: 1px; width:100%;display: block; position: absolute; bottom: -41px; background:#e1e1e1; z-index: -1  }

.gr7_w .etc_g {position: relative;width: 730px;margin: 0 auto;}
.gr7_w .etc_g  dl.g4 {width: 240px;}
.gr7_w .etc_g  dl.g4 dt{ height: 55px; line-height: 55px; font-size: 1.142rem; background: #005bac; color: #fff; width: 100%; font-weight: 600; text-align: center; }
.gr7_w .etc_g  dl.g4 dd{ margin-top: 10px;height: 55px; line-height: 55px; font-size: 1.142rem; background: #606060; color: #fff; width: 100%; font-weight: 600; text-align: center; }
.gr7_w .etc_g p.g5 { width: 240px; height: 55px; background: #005bac; color: #fff; text-align: center; line-height: 55px; display: block; font-size: 1.142rem; font-weight: 600; }



.grr701_w .boss_g {padding-top: 75px;padding-bottom: 20px;}
.grr701_w .boss_g .ceo:after {height: 20px;bottom: -20px;}
.grr701_w .group_bx p.ceo {height: 55px;line-height: 55px;font-size: 1.286rem;}
.grr701_w .group_bx dl {width: 195px;}
.grr701_w .group_bx dl dt {font-size: 1.143rem; width: 90%}
.grr701_w .orgg01_g {padding-bottom: 15px;}
.grr701_w .orgg01_g:before {top: -21px;width: 710px;}
.grr701_w .orgg01_g .g3:before {height: 20px;top: -20px;}
.grr701_w .group_bx ~ .group_bx::before { content: ""; height: 1px; width:100%;display: block; position: absolute; top: -41px; z-index: -1  }
.grr701_w .group_bx.last_bx .org_g:after { content: ""; height: 1px; width:100%;display: block; position: absolute; bottom: -41px; z-index: -1  }

.grr701_w .etc_g {position: relative;width: 730px;margin: 0 auto;}
.grr701_w .etc_g  dl.g4 {width: 240px;}
.grr701_w .etc_g  dl.g4 dt{ height: 55px; line-height: 55px; font-size: 1.142rem; background: #005bac; color: #fff; width: 100%; font-weight: 600; text-align: center; }
.grr701_w .etc_g  dl.g4 dd{ margin-top: 10px;height: 55px; line-height: 55px; font-size: 1.142rem; background: #606060; color: #fff; width: 100%; font-weight: 600; text-align: center; }
.grr701_w .etc_g p.g5 { width: 240px; height: 55px; background: #005bac; color: #fff; text-align: center; line-height: 55px; display: block; font-size: 1.142rem; font-weight: 600; }


@media screen and (max-width:1023px) {
	.group_bx{ width: 690px}
	.boss_g .g1:before{ width: 235px}
	.org_g:before{ width: 470px}

  .orgg01_g:before{ width: 470px}
	.gr1_w .boss_g .ceo:after {height: 245px;bottom: -245px;}
	.gr1_w .group_bx {width: 690px;}
	.gr1_w .pr_g {left: 125px;gap: 75px;}
	.gr1_w .pr_g:before {width: calc(100% - 180px);}
	/*.gr1_w .org_g:before {width: calc(100% - 115px);left: 50%;}*/
	.gr1_w .group_bx dl dd,
	.gr1_w .group_bx dl dd a { word-break: break-all;display: flex; align-items: center; justify-content: center; line-height: 1.3; }
	.gr1_w .org_g .g6_sub.lg {width: 150px;}
	.gr1_w .org_g .g6_sub.lg ul {width: 100%;position: absolute;top: 65px;margin-top: 0;}
	.gr1_w .org_g .g6_sub.lg ul li {width: 100%;}
	.gr1_w .org_g .g6_sub.lg::before {left: -66px;}
	.gr2_w .group_bx {width: 690px;}
	.gr2_w .org_g:before {width: 200px;}
	.gr2_w .org_g {width: 400px;}
	.gr3_w .boss_g .g6:before {width: 235px;}
	.gr7_w .group_bx {width: 690px;}
	.gr7_w .org_g {gap: 10px;}
	.gr7_w .org_g:before {width: 520px;}

  .grr701_w .group_bx {width: 690px;}
  .grr701_w .orgg01_g {gap: 10px;}
  .grr701_w .orgg01_g:before {width: 520px;}
}
@media screen and (max-width:767px) {
	.tell_bx td[data-th]:before{ display: none}
	.table-theme__default{ table-layout: auto}
	.table-theme__default th, .table-theme__default td{ padding: 15px 5px; text-align: center}
}

@media screen and (max-width:750px) {
	.group_bx{ width: 100%}
	.org_g dl{ width: 29%}
	.org_g dl > *{ height: auto !important; word-break: break-all; padding:15px 5px; line-height: 1.5 !important;  }
  .orgg01_g dl{ width: 29%}
  .orgg01_g dl > *{ height: auto !important; word-break: break-all; padding:15px 5px; line-height: 1.5 !important;  }
	.group_bx .boss_g dl, .group_bx .boss_g p, .group_bx dl.g4, .group_bx .g5{ width: 130px}
	.group_bx dl.g4 dt, .group_bx .g5{ height: auto; padding: 15px 5px; height: auto !important;width: 130px !important; line-height: 1.5 !important }
	.group_bx .etc_g{ align-items: flex-start}
	.org_g:before{ width: calc(100% - 90px)}
	.group_bx dl dd ul li{top: 0;width: 100%;height: auto !important; word-break: break-all; padding: 15px 5px; line-height: 1.5 !important;}

	.group_w .search-box{ flex-wrap: wrap; justify-content: flex-start}
	.group_w .search-box label{ display: block; flex-basis: 100%; margin-left: 0 !important; margin-bottom: 5px !important}
	.group_w .search-box label:not(:first-of-type){ margin-top: 10px}
	.group_w .search-box select{ width: calc(50% - 10px)}
	.group_w .search-box label+input[type="text"], .group_w .search-box label+input[type="password"]{ margin-left: 0; flex-basis: 100%}
	.group_w .search-box  input[type="text"] + button{ margin-left: 0}
	.group_w .search-box button{ margin-top: 	10px}
	.gr1_w .group_bx {width: 100%;}
	.gr1_w .org_g {width: calc(100% - 100px);}
	.gr1_w .group_bx dl {width: 25%;}
	.gr1_w .org_g .g6_sub {top: 56px;padding: 15px 0;}
	.gr1_w .org_g .g6_sub.sm {width: 100%;}
	.gr1_w .org_g .g6_sub.lg {left: calc(50% + 80px);width: 100%;}
	.gr1_w .org_g .g6_sub.lg::before {left: -60px;}
	.gr1_w .org_g .g6:last-child {margin-left: 0;}

	.gr1_w .pr_g {left: 50%;top: 65%;transform: translate(-50% , 0);gap: 20px;}
	.gr1_w .pr_g:before {width: calc(100% - 100px);}
	.group_bx .boss_g dl.g2 {margin-top: 15px;}
	.gr1_w .pr_g:before {top: -26px;}
	.gr1_w .pr_g p:before {height: 25px;top: -26px;}
	.gr1_w .pr_g p.g3, .gr1_w .pr_g .g4 p {width: 100px;}
.gr1_w .pr_g .g4 p:nth-child(2){position: absolute;top: -100px}/*20220217 추가*/
    .gr1_w .pr_g .g4 p:nth-child(2)::before{top: 51px}/*20220217 추가*/
	.gr1_w .org_g:before { width: calc(100% - 248px); left: calc(50% - 1px); }
	.gr2_w .group_bx {width: 100%;}
	.gr2_w .org_g {width: 250px;justify-content: center;gap: 10px;}
	.gr2_w .org_g:before {width: calc(100% - 165px);}
	.gr2_w .group_bx dl {width: 29%;}
	.gr2_w .group_bx dl dd.gl ul li{left: -80px;}
	.gr2_w .group_bx dl dd.gr ul li{right: -80px;}
	.gr3_w .group_bx dl {width: 29%;}

	.gr4_w .group_bx {width: 100%;}
	.gr4_w .org_g {justify-content: center;gap: 20px;}
	.gr4_w .org_g dl {width: 20%;}
	.gr4_w .group_bx dl dd.gr ul li{right:-120%}
	.group_bx dl dd.gr ul li{word-break: break-all;}
	.gr4_w .org_g:before {width: 25%;}
	.gr5_w .group_bx dl {width: 29%;}
	.gr5_w .group_bx p.ceo {padding: 15px;word-break: break-all;line-height: 1.3;}
	.gr6_w .group_bx p.ceo {padding: 15px 8px;word-break: break-all;line-height: 1.3;}
	.gr7_w .group_bx{width: 100%;}
	.gr7_w .org_g:before {width: 77%;}
	.gr7_w .etc_g {width: 100%;}
	.gr7_w .org_g dl {width: 25%;}
	.gr7_w .etc_g dl.g4 {width: 25%;}
	.gr7_w .etc_g p.g5 {width: 25%;}


  .grr701_w .group_bx{width: 100%;}
	.grr701_w .orgg01_g:before {width: 77%;}
	.grr701_w .etc_g {width: 100%;}
	.grr701_w .orgg01_g dl {width: 25%;}
	.grr701_w .orgg01_g dl.g4 {width: 25%;}
	.grr701_w .orgg01_g p.g5 {width: 25%;}
}

@media screen and (max-width:700px) {
	.gr3_w .boss_g .g6:before{ width: 250px}
	.gr6_w .boss_g .g6:before{ width: 250px}
    .gr1_w .org_g:before{width: calc(100% - 231px)}/*20220217 추가*/
}
@media screen and (max-width:650px) {
	.gr3_w .boss_g .g6:before{ width: 220px}
	.gr6_w .boss_g .g6:before{ width: 220px}
    .gr1_w .org_g:before{width: calc(100% - 205px)}/*20220217 추가*/
}
@media screen and (max-width:600px) {
	.gr3_w .boss_g .g6:before{ width: 200px}
	.gr6_w .boss_g .g6:before{ width: 200px}
	.gr1_w .org_g:before { width: calc(100% - 182px); left: calc(50% - 1px); }/*20220217 수정*/
}
@media screen and (max-width:550px) {
	.gr3_w .boss_g .g6:before{ width: 170px}
	.gr6_w .boss_g .g6:before{ width: 170px}
    .gr1_w .org_g:before{width: calc(100% - 156px);}/*20220217 추가*/
}
@media screen and (max-width:500px) {
	.gr3_w .boss_g .g6:before{ width: 155px}
	.gr6_w .boss_g .g6:before{ width: 155px}
	.gr1_w .org_g {width:calc(100% - 50px);gap: 10px;justify-content: flex-start}
	.gr1_w .org_g .g6_sub.lg {left: calc(50% + 50px);}
	.gr1_w .org_g .g6_sub.lg::before {left:-41px}
	.gr1_w .org_g .g6_sub {line-height: 1.2!important;}
	.gr1_w .org_g:before { width: calc(100% - 175px); left: calc(50% - 39px); }/*20220217 수정*/
	.gr1_w .org_g .g6 dt a{word-break: break-all}
	.gr1_w .org_g .g6:last-child dt::before{bottom: -50px;left: 161%;height: 74px}/*20220217 수정 height 추가*/
}
@media screen and (max-width:468px) {
	.gr3_w .boss_g .g6:before{ width: 120px}
	.gr6_w .boss_g .g6:before{ width: 120px}
	.gr3_w .org_g:before {width: calc(100% - 100px);}
	.gr6_w .org_g:before {width: calc(100% - 100px);}
	.gr1_w .org_g dl::before {height: 200px;}
    .gr1_w .org_g:before{width: calc(100% - 160px); left: calc(50% - 35px);}/*20220217 추가*/
    .gr1_w .org_g .g6:last-child dt::before{bottom: -41px;}/*20220217 추가*/
}
@media screen and (max-width:430px) {
	.gr1_w .org_g .g6 dt {min-height: 71px;}
	.gr1_w .org_g .g6_sub {top:70px}
	.gr1_w .org_g .g6_sub.sm {left:calc(50% + 10px)}
	.gr1_w .org_g .g6_sub.sm::before {left: -11px;}
	.gr1_w .org_g:before {width: calc(100% - 141px);left: calc(52% - 36px);}
	.gr1_w .org_g .g6_sub.lg ul {margin-top: 5px;}
    .gr1_w .org_g .g6:last-child dt::before{height: 80px}/*20220217 추가*/

}
@media screen and (max-width:400px) {
	.gr3_w .boss_g .g6:before{ width: 100px}
	.gr6_w .boss_g .g6:before{ width: 100px}
	.gr1_w .org_g:before { width: calc(100% - 123px); left: calc(50% - 26px); }
}

/* 인사제도 */

.system_w table{ table-layout: auto}
.system_w table th{vertical-align: middle; font-weight: 500; color: #222; font-size:1.0714rem; text-align: center;border-left: 1px solid #d9d9d9; background: #f9f9f9; padding: 12px  }
.system_w table tbody td{ border-left: 1px solid #d9d9d9;  font-size: 1rem; vertical-align: middle; text-align: center}
.system_w table tbody tr td:first-of-type, .system_w table th:first-of-type{ border-left: 0}
.system_w table tbody th+td{border-left: 1px solid #d9d9d9 !important;}
.system_w table tbody th{ width: 200px}
.system_w h4:not(:first-of-type){ margin-top: 40px}
.system_w .bt_alio{ margin:0 auto }
.system_w .box{ border: 1px solid #dde2e6; padding: 60px; display: flex; flex-wrap: wrap; justify-content: center}
.system_w .box h5{ text-align: center; flex-basis: 100%; font-size: 1.714rem; color: #606060; font-weight: 600; text-align: center;letter-spacing: -0.6px; margin-bottom:113px }
.system_w .box h5 strong{ color: #005bac; font-weight: 600;}
.system_w .box dl[class^="target"]{ width:calc(33% - 10px); margin: 0 -20px; text-align: center; font-size: 1.142rem; color: #222; position: relative }
.system_w .box dl dt{ border-radius: 60px; background:#0253a5; mix-blend-mode: multiply; padding:25px; color: #fff; font-size: 1.2857rem; font-weight: 500; margin-bottom: 30px   }
.system_w .box dl.target2 dt{ background: #007bcb}
.system_w .box dl[class^="target"] strong{ font-weight: 600}

.system_w .box dl[class^="target"]:before{ content: ""; position: absolute; left: 50%; top: -83px; width: 63px; height: 63px; background: url("../img/org/ico_target01.png") no-repeat 50% 50%; transform: translateX(-50%)}
.system_w .box dl.target2:before{ background-image:url("../img/org/ico_target02.png") }
.system_w .box dl.target3:before{ background-image:url("../img/org/ico_target03.png") }
.system_w .box ol{ flex-basis: 100%; display: flex; justify-content: center; margin-bottom: 30px}
.system_w .box ol li{ font-size: 1.142rem; color: #222; font-weight: 500; text-align: center; position: relative;  }
.system_w .box ol li:before{ content: ""; display: block; width: 130px; height: 130px; background: url("../img/org/step-01.png") no-repeat 50% 50%; margin: 0 auto 14px auto}
.system_w .box ol li:nth-of-type(2):before{ background-image: url("../img/org/step-02.png")}
.system_w .box ol li:nth-of-type(3):before{ background-image: url("../img/org/step-03.png")}
.system_w .box ol li:nth-of-type(4):before{ background-image: url("../img/org/step-04.png")}
.system_w .box ol li + li{ margin-left: 96px}
.system_w .box ol li:not(:last-of-type):after{ content: ""; display: block; width: 17px; height: 11px; background: url("../img/sub/btn_down.png") no-repeat 0 0; transform: rotate(90deg); position: absolute; right: -60px; top: calc(50% - 20px); }

@media screen and (max-width:930px) {
	.system_w .box{ padding-left: 20px; padding-right: 20px}
	.system_w .box ol li:before{ width: 100px; height: 100px}
	.system_w .box ol li + li{ margin-left: 50px}
	.system_w .box ol li:not(:last-of-type):after{ right: -30px}
	.system_w .box dl[class^="target"]{ margin: 0 -10px; }
	.system_w .box dl[class^="target"] dt{ min-height: 78px; padding-left: 5px; padding-right: 5px}
}

@media screen and (max-width:610px) {
	.system_w .box dl[class^="target"] dt{  padding: 10px 20px; display: flex; align-items: center; justify-content: center; word-break: break-all; line-height: 1.3}
	.system_w .box dl[class^="target"] dd{ padding:0 20px}
	.system_w .box dl[class^="target"] {   width: calc(40% - 10px);}
	.system_w .box dl[class^="target"]:before{ width: 53px; background-size: 50px;top: -73px;}
	.system_w .box{ padding: 30px 20px}
	.system_w table tbody td{ padding: 18px}
	.system_w .box ol{}
	.system_w .box ol li:before{ width: 65px; height: 50px; background-size: 60px}
	.system_w .box ol li + li{ margin-left:20px;}
	.system_w .box ol li:not(:last-of-type):after{ right: -15px;width: 10px;height: 5px; background-size: 9px}
	.system_w table tbody th{ width: 120px}
}

/* 게시판 view 단 수정 */
.content .view_area {margin-top: -40px;}
.content .view_area .view_title {border-top: none;}
	@media screen and (max-width:767px){
		.content .view_area {margin-top: -30px;}
	}