@charset "UTF-8";
.sound_only {display:inline-block !important;position:absolute;top:0;left:0;width:0;height:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}
.basic { position: relative; word-break: keep-all; font-size:18px}
.basic p,.basic ul,.basic li,.basic dl,.basic h1,.basic h2,.basic h3,.basic h4,.basic h5,.basic h6 { margin-bottom:0 }
.basic p.right { margin-top:20px; text-align:right }
.basic .right span{font-weight:800; font-size: 24px; padding-left:15px}
.scroll { overflow: auto; }
.scroll table { min-width: 1000px; }

.department-tbl { width: 100%; border-top: 1px solid #cdcdcd; text-align:center; }
.department-tbl th { padding: 10px 0; text-align: center; background-color: #e2e2e2; color: #333; }
.department-tbl tr { border-bottom: 1px solid #cdcdcd; }
.department-tbl th,
.department-tbl td {border-right: 1px solid #cdcdcd;border-left: 1px solid #cdcdcd;padding:4px 10px}
.department-tbl td.left { text-align: left; }
.department-tbl.left td { text-align: left; padding: 8px 20px; }
.department-tbl .form-control { display: inline-block;}
.department-tbl .btn-primary { padding: 0.375rem 0.75rem; }
.department-tbl td.td_top { vertical-align: text-top; }


.basic .p_con {padding-left: 35px;margin-bottom:30px;}
.basic .h1_tit { font-size:26px; color:#1245a0; margin:60px 0 30px 0; font-weight:700}
.basic .h1_tit.first,.basic .h2_tit.first, .basic h3.num_tit.first { margin-top:0 }
.basic .h2_tit { font-size:22px; padding-left:30px; position:relative; margin:60px 0 20px 0; font-weight:700 }
.basic .h2_tit a.down_btn { float: right; }
/*.basic h2.h2_tit:after { display:block; content:""; width:15px; height:4px; background:#1245a0; position:absolute; top:10px; left:0 }*/
.basic .h2_tit:before { display:block; content:""; width:8px; height:8px; border-radius: 100%; background: #ec6c00; position:absolute; top:8px; left:13px }
.basic .h2_tit span { font-size: 16px; font-weight: 400; margin-left: 30px; }
.basic h3.sm_tit {font-weight:700;margin-top: 40px;margin-bottom: 20px; position:relative}
.basic h3.sm_tit:before { display:inline-block; content:"\f0da"; font-family:'Font Awesome 5 Free';font-weight: 900; padding-right:10px }
.basic h3.num_tit { font-size : 20px; font-weight: 800; margin:60px 0 20px 0; } 
.basic h3.num_tit span {color: #1245a0 ; font-size: 20px; font-weight: bold; }
.basic h4.h4_tit { margin:30px 0 20px; font-size:20px; font-weight: 700; }
.basic .tb_con h4.h4_tit {font-size:18px;padding-left: 18px;position:relative;}
.basic .tb_con h4.h4_tit:before {display:block;content:"";background:#ec6c00;width:10px;height: 3px;border-radius:10px;position:absolute;top: 9px;left: 0;}
.basic .tb_con h4.h4_tit span { font-size:16px }

.basic a.alink { display:inline-block; color:#1245a0; font-weight: 700; }
.basic a.down_btn { display:inline-block; background: #2b2b2b; color:#fff; padding:5px 20px; font-size:18px }
.basic a.down_btn:hover { background: #1245a0; transition: all .2s; }

.basic .txt_box00 { padding:30px 40px; background:#f8f8f8; margin: 20px 0 40px; position: relative;}
.basic .txt_box00 a.alink { float:right }
.basic .txt_box00 a.down_btn { position: absolute; top: 20px; right: 20px; }
.basic .txt_box00 ul.circle { padding-left: 20px; margin-bottom: 0;}
.basic .txt_box00 h3 { color:#1245a0; text-align:center; font-size:22px }
.basic .txt_box00.center { text-align: center; }
.basic .txt_box00.center img { margin:0 auto; display:block; }

.basic .txt_box01 { padding:30px 40px; padding-left: 70px; background:#f8f8f8;  margin: 20px 0 40px; position: relative;}
.basic .txt_box01::before { display: inline-block; content: "\f05a"; font-family: "Font Awesome 5 Free"; font-weight: 900; color:#1245a0; font-size: 30px;position: absolute;
    left: 30px;top: 50px; transform: translateY(-50%);}
.basic .txt_box01 h2 { font-size:18px; color:#1245a0; }
.basic .txt_box02 {padding: 60px;border: 2px solid #1245a0;border-radius: 10px;margin: 20px 0 40px;}
.basic .txt_box03 { background:#f8f8f8; border:1px solid #d7d7d7; margin-top:30px; margin-bottom:30px;}
.basic .txt_box03 img { margin:0 auto; display:block; }

.basic ul.circle { padding-left: 51px; list-style: disc; margin-bottom:30px;}
.basic ul.circle li {margin-bottom:8px;font-size: 16px;}
.basic ul.circle li span { font-weight:700; padding-right:6px }
.basic ul.sm_list { padding-left:0px; margin-top:10px;}
.basic ul.sm_list li {position:relative;padding-left: 9px;}
.basic ul.sm_list li::before {display: inline-block;content: "\f105";font-family: "Font Awesome 5 Free";font-weight: 900;font-size: 12px;margin-right: 5px;position: absolute;left: 0;top: 4px;}
.basic ul.sm_list2 { padding-left: 18px; }

.basic .bs_cicle {background:#f8f8f8;padding:60px;text-align: center;margin-bottom: 20px;width:100%;height:100%;padding-bottom: 100px;}
.basic .bs_cicle h3 { font-size:20px; color:#1245a0; margin-bottom:60px; }
.basic .bs_cicle .c_box {width: 30%;background: #fff; border:1px solid #1245a0}
.basic .bs_cicle .c_box h3 {background:#1245a0;color:#fff;padding:10px 20px;margin-bottom:0}
.basic .bs_cicle .c_box > div { padding:20px }
.basic .bs_cicle .c_box ul.circle { padding-left:20px; text-align:left; margin-bottom:0; }
.basic .bs_cicle .cicle_top {display: flex;position: relative;justify-content: center;}
.basic .bs_cicle .circle_middle {width:100%;height: 500px;background:url('../../../resources/images/theme/base/bs_back.jpg') no-repeat center;background-size: contain;}
.basic .bs_cicle .cicle_bottom {display: flex;position: relative;justify-content: space-between;margin-top: -170px;}
.basic .bs_cicle .midd { position: absolute; }
.basic .bs_cicle .midd_txt01 {left: 9%;top: 279px;}
.basic .bs_cicle .midd_txt02 {left: 50%;transform: translate(-50%);top: 170px;}
.basic .bs_cicle .midd_txt03 {right: 9%;bottom: 371px;}

.basic ul.list_style01 {position: relative;display: flex;gap: 20px 35px;flex-wrap: wrap; margin-bottom: 20px;}
.basic ul.list_style01 li {background: #f8f8f8;padding: 20px;text-align: center;position: relative;width: calc(25% - 30px);}
.basic ul.list_style01 li:after { display:block; content:"\f101"; font-family:"Font Awesome 5 Free"; font-weight:900; position:absolute; right: -25px; top:50%; transform:translateY(-50%); }
.basic ul.list_style01 li:last-child::after { display: none; }
.basic ul.list_style01 li h3 {color: #1245a0;margin-bottom: 20px;font-weight: 600;}

.basic ul.list_style02 {position: relative;display: flex;gap: 35px;flex-wrap: wrap;}
.basic ul.list_style02 li {position: relative;border: 1px solid #1245a0;padding: 30px;text-align: center;display: flex;width: calc(25% - 26.5px);flex-direction: column;}
.basic ul.list_style02 li h4 {font-weight: 800;font-size: 18px;margin-top: 30px;}
.basic ul.list_style02 li p { font-size:16px }
.basic ul.list_style02 li:after { display:block; content:"\f054"; font-family:"Font Awesome 5 Free"; font-weight:900; position:absolute; right: -25px; top:50%; transform:translateY(-50%); }
.basic ul.list_style02 li:last-child::after { display: none; }

.basic ul.list_style03 {position: relative; display: flex;gap: 20px 35px;flex-wrap: wrap; margin-bottom: 20px;}
.basic ul.list_style03 > li {background: #f8f8ff;padding: 20px;text-align: center;position: relative;width: calc(25% - 27px);}
.basic ul.list_style03 li .img_box { overflow:hidden; margin-bottom:20px;}
.basic ul.list_style03 li h3 { font-weight: 800; margin-bottom:20px;}
.basic ul.list_style03 li ul.circle { padding-left:15px; text-align:left; margin-bottom:0; margin-top:5px }

.basic ul.list_style06 {position: relative; display: flex; gap:20px 35px;flex-wrap: wrap; margin-bottom: 20px;}
.basic ul.list_style06 > li {border:1px solid #f8f8ff;position: relative;width: calc(25% - 27px);}
.basic ul.list_style06 li h3 { text-align:center; padding:20px; background:#f8f8ff; border-radius:20px 20px 0 0; color:#404682; font-weight:700; margin-bottom:20px }
.basic ul.list_style06 li ul.circle { padding:20px; text-align:left; margin-bottom:0; padding-top:10px; }
.basic ul.list_style06 li ul.circle ul.sm_list { margin-top:2px; }

.basic ul.list_style07 {position: relative; display: flex; gap:20px 35px;flex-wrap: wrap; margin-bottom: 20px; text-align: center;}
.basic ul.list_style07 > li {background:#f8f8f8;position: relative;padding:30px;display: flex;justify-content: center;width: calc(33.33% - 24px);}

.basic ul.list_style08 {position: relative; display: flex;gap: 20px 35px;flex-wrap: wrap; margin-bottom: 20px;}
.basic ul.list_style08 > li {/* background: #f8f8ff; */padding: 20px;text-align: center;position: relative;width: calc(25% - 27px);border: 1px solid #ddd;}
.basic ul.list_style08 li .img_box { overflow:hidden; margin-bottom:20px;}
.basic ul.list_style08 li h3 {font-weight: 800;margin-bottom:20px;color: #1245a0;}
.basic ul.list_style08 li ul.circle { padding-left:15px; text-align:left; margin-bottom:0; margin-top:5px }
.basic ul.list_style08 .arrow_box {font-weight:700;padding-top:30px;position: relative; color:#404682; }
.basic ul.list_style08 .arrow_box:after { display:block; content:"\f103"; font-family:"Font Awesome 5 Free"; font-weight:900; position:absolute; left:50%; top:0px; transform:translate(-50%)  }


.down_flex {display: flex;flex-wrap: wrap;}
.down_flex .box{text-align: center;padding: 20px;background: #f8f8f8;width: 16.6%;}

.sch_box { padding:30px; background:#F8F8FF; }
.sch_box .input-group { justify-content:center; align-items:center }

.tab_link { width:100%; }
.tab_style01 {display: grid;grid-template-columns: repeat(auto-fit,minmax(14.2%,1fr));grid-template-rows: 1fr;}
.tab_style01 a {text-align: center;background: #f8f8f8;display:block;padding: 15px 10px;font-size: 16px;/* width: 16.6%; */display: flex;align-items: center;justify-content: center;word-break: keep-all;/* flex: 1 1 16.6%; */}
.tab_style01 a.now { background:#1245a0; color:#fff; font-weight:700  }
.tab_style02 {display:flex;flex-wrap:wrap;justify-content: center;margin: 20px 0 40px !important;}
.tab_style02 li { position:relative }
.tab_style02 li:after { display:block; content:""; width:2px; height:15px; background:#7D7D7D; position:absolute; top:50%; transform:translateY(-50%) }
.tab_style02 li:first-child:after {display:none}
.tab_style02 a {padding: 20px;text-align:center;color: #555 !important;display: block;}
.tab_style02 a.on { border-bottom:3px solid #ED6C00; color:#000 !important; font-weight:700 }

.basic .txt_box02{margin-top:48px}
.basic .txt_box02 h3{font-weight:800;font-size: 26px;margin-bottom: 20px;}
.basic ul.poin_list{ margin: 36px 0; font-size : 20px ; background-color: #F8F8FF; padding: 30px; }
.basic ul.poin_list li{ padding : 10px;}
.basic ul.poin_list li span{color:#1245a0 ;font-weight: bold;}

.basic .hello h4{font-size: 24px;}
.basic .hello .hello_tit {background-color: #f7f7f7;padding:60px;background-image: url(/template/resources/images/theme/base/hello.png);background-position: center;}
.basic .hello h1{font-size: 32px;font-weight: 800; line-height:1.6}
.basic .hello h1 span{ color: #1245a0; }
.basic .hello p{margin-top:36px;}

.basic .esg_m_v{ text-align: center;}
.basic .h1_tit{font-weight: 800;}
.basic .esg_m_v .txt_box p{font-size:24px;padding:28px 0;}
.basic .esg_m_v .txt_box { background-color: #E9EFFF;}

.basic .esg{display:flex; flex-direction:row; justify-content: center;  margin-top: 25px;gap:48px; padding-top:250px; background:url('../../../resources/images/theme/base/esg_arrow.jpg') no-repeat}
.basic .esg > div { width:calc(33.3% - 24px); }
.basic .esg .icon img { display:block; margin:0 auto }
.basic .esg h3{ font-size: 24px ; color: #1245a0; font-weight: bold; margin-bottom:33px; text-align: center;}
.basic .esg h5{margin-top: 50px; font-size: 24px; color: #1245a0; text-align: center;}
.basic .esg p{margin-top: 10px; color: #585858; font-size: 20px; text-align: center;}
.basic .esg .hr{background-color: #F8F8F8; width: 5px; height: 55px; margin:25px auto; text-align: center;}
.basic .esg h2{font-size: 20px; background-color: #E1ECFF; padding:20px 0; text-align: center;}
.basic .esg .num_list{margin-top: 28px;padding: 0;} 
.basic .esg .num_list li{margin:10px 0 ;  list-style-type : none ; background-color: #F8F8F8; padding: 14px 0 ;}
.basic .esg .num_list li span{font-size: 16px;color: white;background-color: #1245a0;width: 32px;height: 32px;border-radius: 99999px;padding:7px 12px; margin-left: 30px;
    margin-right: 18px;display: inline-block;text-align: center;line-height: 18px;}

.basic .txt_box { }
.basic .dl_style01 {display: flex;flex-wrap: wrap; gap:15px }
.basic .dl_style01 dl {width: 49%; display: flex; }
.basic .dl_style01 dl dt { color:#1245a0; font-weight:700; min-width:100px }

.basic .list_style04{display:flex;flex-direction: row;gap:20px;margin-top: 20px;flex-wrap: wrap;}
.basic .list_style04 li {width:calc(50% - 10px);background-color: #f8f8ff;padding: 30px;} 
.basic .list_style04 li .q_icon01 {float: left;margin-right: 30px;}
.basic .list_style04 h3{margin-bottom: 9px;font-weight: 800;color: #565980;}
.basic .list_style04 .circle{ margin-left: 26px;}

.basic .list_style05 {margin-top: 60px;}
.basic .list_style05 li{ display: flex; flex-direction: row; margin: 25px 0; align-items: center; flex-wrap: warp; position: relative;}
.basic .list_style05 li .txt_box {margin-left: 150px; width:calc(100% - 334px); position: relative; }
.basic .list_style05 li .txt_box::before { display: block; content: ""; width:100px; height:10px; background: #f8f8f8; position: absolute; left: -125px; top:50%; transform: translateY(-50%); }
.basic .list_style05 h3 {color: #1245a0; border: 10px solid #f8f8f8; border-radius: 50%; width: 184px; height: 184px; padding : 50px 40px; font-size:22px; white-space:nowrap; text-align:center; display: flex;justify-content: center;align-items: center; font-weight:700}


.basic .intro_box {margin-top: 64px;width: 100%;height: 100%;color: white;display:flex;}
.basic .intro_box .img_box {width:503px;height:100%;min-height: 335.58px;}
.basic .intro_box .img_box.img01 { background: url('../../../resources/images/theme/base/depart01.png') no-repeat; }
.basic .intro_box .img_box.img02 { background: url('../../../resources/images/theme/base/depart02.png') no-repeat; }
.basic .intro_box .img_box.img03 { background: url('../../../resources/images/theme/base/depart03.png') no-repeat; }
.basic .intro_box .img_box.img04 { background: url('../../../resources/images/theme/base/depart04.png') no-repeat; }
.basic .intro_box .img_box.img05 { background: url('../../../resources/images/theme/base/depart05.png') no-repeat; }
.basic .intro_box .img_box.img06 { background: url('../../../resources/images/theme/base/depart06.png') no-repeat; }
.basic .intro_box .img_box.img07 { background: url('../../../resources/images/theme/base/depart07.png') no-repeat; }

.basic .intro_box .info{ width:calc(100% - 503px);padding: 40px; background-color: #1245a0;position: relative;}

.basic .intro_box .info h4{}
.basic .intro_box .info h1{font-size: 22px;padding-top: 30px;font-weight: bold;}
.basic .intro_box .info h5{padding-top: 5px; font-weight: 100;}
.basic .intro_box .info p{padding-top: 30px; font-weight: 100;}
.basic .intro_box .info .go { margin-top: 8px; display: block; color: #fff; text-align: right; font-weight: 600; position: absolute; right: 30px; bottom: 20px;}
.basic .intro_box .info .go:before { display:inline-block;  font-family: "Font Awesome 5 Free"; content:"\f0c0"; font-weight:900; margin-right:10px} 
.basic .intro_box .info .go:hover { text-decoration:underline; }

.tb_con {margin-top: 20px;}
.tb_con::after { display: block; content: ""; clear: both; visibility: hidden; }
.tb_con .tit { width:280px; float: left; border-top:1px solid #000; padding:20px}

.tb_con .tit a.go { color: #1d3a8d; display: block; text-align: right; position: relative;}
.tb_con .tit a.go:before { display:inline-block; content:""; margin-right:10px; width:10px; height:2px; background:#1d3a8d; position: relative; top: -6px } 
.tb_con .tit a.go:hover { text-decoration:underline }
.tb_con .tit::after { display: block; content: ""; clear: both; visibility: hidden; }
.tb_con .tit h4 {font-size:20px; font-weight: 500; padding:20px 10px}
.tb_con .tit .h2_tit { margin-top:0 }
.tb_con .tb_conbox { width:calc(100% - 280px);float: left; border-top:1px solid #ddd;padding: 20px 20px 50px;min-height: 130px;}
.tb_con .tb_conbox h3 { color:#1245a0; font-weight:700; font-size:22px; margin-bottom:20px }
.tb_con .tb_conbox::after { display: block; content: ""; clear: both; visibility: hidden; }
.tb_con .tb_conbox.full { width: 100%; border: 0; padding: 20px 0;}
.tb_con .tit.full { border-top: 0; /*border-bottom: 1px solid #000; */}

.basic .mivi {max-width:900px;margin:0 auto;display: flex;margin-bottom: 200px;position: relative;}
.basic .mivi:after {display:block;content:"";width:1px;height: 112px;border:1px dashed #b9b9b9;position:absolute;bottom: -65%;left:50%;transform: translateY(50%);}
.basic .mivi > div { padding:30px;  position:relative}
.basic .mivi > div h3 { position:relative }
.basic .mivi > div h3:after { display:block; content:""; width:10px; height:10px; border-radius:100%; background:#ec6c00; position:absolute; bottom:-50%; transform:translateY(50%); left:50%; }
.basic .mivi:after { display:block; content:""; clear:both; }
.basic .mivi .mission {display:flex;justify-content: center;width: 50%;flex-direction: column;text-align:center;background-color:  #1245a0;color: white;box-sizing: border-box;} 
.basic .mivi .mission h3 {font-weight: bold; font-size: 28px; margin-bottom: 40px;}
.basic .mivi .mission p,.basic .vision p{}
.basic .mivi .vision {display: flex;justify-content: center;text-align: center;width: 50%;border: 2px solid #1245a0;color: #1245a0;flex-direction: column;}
.basic .mivi .vision h3{font-weight: bold; font-size: 28px; margin-bottom: 32px;}
.basic .gogo {}
.basic .gogo h1 { text-align:center }
.basic .gogo p {text-align:center;margin-top: -20px;margin-bottom: 50px;}
.basic .gogo img { display:block; margin:0 auto; }

.basic .history {position: relative}
.basic .history::before {content: "";display: block;width: 1px;height: 100%;background: #aaa;position: absolute;left: 50%;transform: translate(-50%);}
.basic .history > div {display: inline-block;position: relative;width: 100%;}
.basic .history .left {padding-right: 54%;}
.basic .history .left:before {content: "";display: block;width: 15%;height: 1px;position: absolute;left: 35%;top: 50%;transform: translateY(-50%);background: #aaa}
.basic .history .left:after {content: "";display: block;width: 10px;height: 10px;border-radius: 100%;position: absolute;right: calc(50% - 5px);top: 50%;transform: translateY(-50%);background: #1245a0;}
.basic .history .right {padding-left: 54%; text-align: right;}
.basic .history .right:before {content: "";display: block;width: 15%;height: 1px;position: absolute;right: 35%;top: 50%;transform: translateY(-50%);background: #aaa}
.basic .history .right:after { content: "";display: block;width: 10px;height: 10px;border-radius: 100%;position: absolute;left: calc(50% - 5px);top: 50%;transform: translateY(-50%);background: #1245a0}
.basic .history .year {font-weight: 900;font-size: 70px;}
.basic .history .year.now {color: #1245a0;}
.basic .history .what { }
.basic .history .what li { margin-bottom:5px }
.basic .history .what li h4.date { color: #133b80; font-weight: 800; font-size:22px}

.basic .MapCont{background:#f9f9f9;margin-bottom:20px}
.basic .MapCont dl{border-bottom:1px solid #ededed;padding: 20px;margin:0 20px;display: flex;align-items: center;flex-wrap: wrap;}
.basic .MapCont dl.list01 dt:before {display: inline-block;content:"\f3c5";font-family:"Font Awesome 5 Free";font-weight:900;/* position:absolute; */margin-right: 20px;/* left: 30px; *//* top: 55%; *//* transform:translateY(-50%); */font-size: 23px;color: #1245a0;}
.basic .MapCont dl.list01{border-bottom:1px solid #ededed;margin:0 20px;position: relative;}
.basic .MapCont dl.list01:after { display:block; content:""; clear:both; }
.basic .MapCont dl.list01 dt{width:130px;}
.basic .MapCont dl.list01 dd{
    width: calc(100% - 130px);
}
.basic .MapCont dl.list02{border-bottom:1px solid #ededed;margin:0 20px;position: relative;}
.basic .MapCont dl.list02:after { display:block; content:""; clear:both; }
.basic .MapCont dl.list02 dt{width:130px}
.basic .MapCont dl.list02 dt:before {display:inline-block;content:"\f590";font-family:"Font Awesome 5 Free";font-weight:900;/* position:absolute; */margin-right: 20px;/* left: 30px; *//* top: 55%; *//* transform:translateY(-50%); */font-size: 23px;color: #1245a0;}
.basic .MapCont dl.list02 dd{float:left}

/*직원안내*/

.basic .member_list { }
.basic .member_list .box {width: 48%;float:left;border:1px solid #004098;border-top-width:2px;margin-right: 2%;margin-bottom: 2%;display:flex;flex-wrap:wrap;align-content: flex-start;}
.basic .member_list .box:last-child { margin-right:0 }
.basic .member_list .box .name {width:175px;max-height: 131px;font-size:20px;background:#004098;color:#fff;display:flex;justify-content:center;align-items:center;position:relative}
.basic .member_list .box .name:after { display:block; content:""; width:20px; height:20px; background:#ED6C00; position:absolute; bottom:0; right:0; }
.basic .member_list .box .contact { /*width:calc(100% - 175px);*/ width:100%; }
.basic .member_list .box .contact dl {/*padding:8px 15px;*/}
.basic .member_list .box .contact dl:nth-child(2) { border-top:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; }
.basic .member_list .box .contact dl:nth-child(3) {border-bottom:1px solid #d7d7d7;}
.basic .member_list .box .contact dl > * { display:inline-block; padding:4px 10px }
.basic .member_list .box .contact dl dt { width:80px; background:#1245a0; color:#fff; padding:8px 10px }
.basic .member_list .box .Work {width:100%;border-top:1px solid #d7d7d7;padding:8px 15px;font-size: 16px;min-height: 41px;display: flex;align-items: center;}

.basic .member_list .mem > div {display:flex;flex-wrap: wrap;}
.basic .member_list .mem:after,.basic .member_list .mem > div:after { display:block; content:""; clear:both; }

/*인프라*/

.infra-reg {display: flex;flex-direction: row;gap: 40px;justify-content: center;margin: auto;width: 85%;align-content: center;flex-wrap: wrap;}
.reg-container {display: flex;position: relative;margin-top: 50px;flex-direction: column;width: calc(33.3% - 27px);align-items: center;}
.reg-title {margin-top: -20px;position: absolute;width: 140px;background-color: #1245A0;color: white;text-align: center;font-size: 24px;border: none;padding: 10px 0;}

.title-green {background-color: #009187;}
.title-sky {background-color: #1D7BBA;}
.content-green {border: 1px solid #009187;}
.content-sky {border: 1px solid #1D7BBA;}
.reg-content { border: 1px solid #1245A0; display: flex; padding-top: 40px; padding-bottom: 20px; justify-content: center;
    flex-wrap: wrap; gap: 10px; width: 100%; align-items: center;height: 100%;}

.reg-content img {height: 50px;}
.jntp {background-color: #f8f8f8;width: 100%;display: flex;flex-direction: row;margin-top: 40px;}
a.go_btn00 {
    position: absolute;
    font-size: 16px;
    background: #0056b3;
    color: #fff;
    display: inline-block;
    padding: 7px 20px;
    border-radius: 30px;
    right: 0;
}
.jntp img {}
.jntp-content {margin-left: 50px;padding: 20px;}
.jntp-content h1 {font-size: 30px;padding: 0 0 30px 0;font-weight: 700;}
.jntp-content dl {font-size: 18px;display: flex;margin-bottom: 15px;}
.jntp-content dt {width: 80px;font-weight: bold;color: #1245A0;}
.jntp-content dd {flex: 1;margin: 0;}
.infra-container h2 {font-size: 32px;}
.jntp2-container {display: flex;flex-direction: row;flex-wrap: wrap;width: 100%;gap: 50px;}
.jntp2-container .jntp-infra {width: calc(50% - 25px);background-color: #f8f8f8;padding: 40px;}
.jntp-infra img {
    margin-bottom: 20px;
}
.jntp-infra h1 {font-size: 28px;font-weight: 700;margin-bottom: 20px;position: relative;}
.jntp-infra dl {font-size: 18px;display: flex;margin-bottom: 10px;}
.jntp-infra dl:last-child { margin-bottom:0 }
.jntp-infra dt {width: 80px;font-weight: bold;color: #1245A0;}
.jntp-infra dd {flex: 1;margin: 0;}

/* 게시판 상단 검색 */
#search-box { padding: 25px; margin-bottom: 40px; background-color:#f9f9f9; }
#search-box .search-wrap { margin-bottom: 20px; }
#search-box .search-wrap > li { margin-bottom: 15px; }
#search-box .search-wrap > li::after { content: ''; display: block; clear: both; }
#search-box .search-wrap > li > div { width: 100%; padding: 0 15px; }

#search-box .search-wrap .line { float: left; width: 50%; }

#search-box .search-wrap .txt { position: relative; display: inline-block; width: 190px; height: 40px; line-height: 40px; vertical-align: top; font-weight: 600; }
#search-box .search-wrap .txt::after { content: ''; position: absolute; top: 50%; right: 10px; display: block; height: 15px; border-right: 1px solid #e7e7e7; transform: translateY(-50%);  }
#search-box .search-wrap .box { display: inline-block; margin-left: -6px; width: calc(100% - 190px); }
/*#search-box .search-wrap .box .raido_area {line-height:40px;height:40px}*/
#search-box .search-wrap .box .check_area { display: none; border: 1px solid #eee; padding: 12px; background: #fff;}
#search-box .search-wrap .box .check_area.on { display: block; }
#search-box .search-wrap .box .check_area:after {display:block;content:"";clear:both}
#search-box .search-wrap .box .check_area li {float: left; width: 20%; line-height: 1.6;margin-bottom:0}

#search-box .search-wrap .box .in_line > li { display: inline-block; }

#search-box .sc-btn { width: 150px; height: 50px; line-height: 50px; border: 1px solid #000; font-size: 1.2rem; }
#search-box .sc-btn > span { margin-right: 10px; height: 100%; line-height: 45px; vertical-align: top; }
#search-box .refresh-btn { background-color: white; }
#search-box .refresh-btn > span { font-weight: bold; }
#search-box .search-btn { background-color: #023f98; color: white; }
#search-box .search-btn:hover { background-color: #1666d8; }

#search-box .search-wrap > dl { display: flex; margin-bottom: 10px; }
#search-box .search-wrap > dl > dt { position: relative; width: 100px; padding-left: 20px; margin-right: 10px; line-height: 40px; }
#search-box .search-wrap > dl > dt::before { content: ""; position: absolute; top: 50%; left: 0; transfomr: translateY(-50%); width: 10px; border-bottom: 2px solid #4d79b7; }
#search-box .search-wrap > dl > dd { width: 100%; }
#search-box .search-wrap .raido_area ul { display:flex; }
#search-box .search-wrap .raido_area ul li { width:33.3%; }

.alignCenter { text-align:center !important; }
.alignCenter button:focus { outline:2px dashed #6e6e6e !important; }

.list_2 { display:flex; flex-wrap:wrap; gap:20px; }
.list_2 > li {width:calc(50% - 10px);border:1px solid #ededed;display:flex;flex-wrap:wrap;}
.list_2 .img_box {width: 260px;position:relative;}
.list_2 .img_box img { width:100% !important; height:100% !important; object-fit:cover }
.list_2 .img_box span {position:absolute;top:0;left:0;background: #1245a0; color:#fff; padding:5px 20px}
.list_2 .info_box { width:calc(100% - 260px) }
.list_2 .info_box .tit { padding:20px; position:relative;}
.list_2 .info_box .tit:before { display:block; content:""; width:40%; height:5px; background:#ED6C00; position:absolute; bottom:0px; left:0; z-index:1}
.list_2 .info_box .tit:after { display:block; content:""; width:100%; height:5px; background:#1245a0; position:absolute; bottom:0px; left:0;}
.list_2 .info_box .tit h3 { font-size: 20px; font-weight:600; margin-bottom:5px}
.list_2 .info_box .tit p { color:#999; font-size:14px; }
.list_2 .info_box .tit span { position:absolute; bottom:20px; right:20px;  padding:5px 10px; font-size:14px; border-radius:100px; }
.list_2 .info_box .tit span.yes { background:#1c56bc; color:#fff;}
.list_2 .info_box .tit span.no { background:#a01212; color:#fff;}
.list_2 .info_box .txt_box { padding:20px }
.list_2 .info_box .txt_box dl { margin-bottom:5px; display: flex; flex-wrap: wrap;}
.list_2 .info_box .txt_box dl:after {  display:block; content:""; clear:both;}
.list_2 .info_box .txt_box dl dt { width:100px;position:relative}
.list_2 .info_box .txt_box dl dt:after { display:inline-block; content:""; width:2px; height:80%; background:#ededed; position:absolute; right:0; top:5px }
.list_2 .info_box .txt_box dl dd { width:calc(100% - 100px); padding-left:10px}
.list_2 .info_box a { width:100%; text-align:center; background:#2C68B7; color:#fff; display:inline-block; padding:5px 0 }
.list_2 .info_box a:hover { background:#284d7d }

.equipment_info { }
.equipment_info .info_box { display: flex; flex-wrap: wrap; position: relative; padding-bottom:50px}
.equipment_info .info_box:before { display:block; content:""; width:40%; height:5px; background:#ED6C00; position:absolute; bottom:0px; left:0; z-index:1}
.equipment_info .info_box:after { display:block; content:""; width:100%; height:5px; background:#1245a0; position:absolute; bottom:0px; left:0;}
.equipment_info .info_box .tag {position: absolute;bottom: 20px;right: 0;}
.equipment_info .info_box .tag span { background: #DDECFF; color: #004098; padding:5px 10px; font-size: 14px;}
.equipment_info .info_box .img_box { width: 30%; max-width: 365px; }
.equipment_info .info_box .img_box img { width: 100%; height: 100%; object-fit: cover; }
.equipment_info .info_box .txt_box { width: 70%; padding: 40px; }
.equipment_info .info_box .txt_box .tit {padding-bottom:20px;border-bottom: 1px solid #ededed;margin-bottom: 20px;position: relative; display: flex; align-items: center;}
.equipment_info .info_box .txt_box .tit h3 { font-size:26px; font-weight:700 }
.equipment_info .info_box .txt_box dl { margin-bottom: 5px; display: flex; flex-wrap: wrap;}
.equipment_info .info_box .txt_box dl dt {width: 180px; gap: 20px; position: relative;padding-left: 15px;font-size: 18px;}
.equipment_info .info_box .txt_box dl dt::before { display: block; content: ""; width: 10px; height: 10px; background: #ED6C00; position: absolute; left: 0; top: 8px; }
.equipment_info .info_box .txt_box dl dd { }
.equipment_info  .fc .fc-daygrid-body-natural .fc-daygrid-day-events { max-height:100px; overflow:auto }
.equipment_info .btn_box.right { text-align: right; }
.reserve_btn { background-color: #fff; border: 1px solid #004098; color: #004098; padding:8px 15px }
.reserve_btn:hover,.reserve_btn:focus { background: #004098; color: #fff; }

.equipment_reserved { display: flex; flex-wrap: wrap; }
.equipment_reserved .cal_mini { width:51%; }
.equipment_reserved .reserved { width:49%; padding-left: 20px; }
.equipment_reserved .reserved .date_box { background: #f5f5f5; padding: 30px 20px; }
.equipment_reserved .reserved .date_fix {display: flex;gap: 5px;}
.date_fix .form-control { width: auto; display: inline-block;}
.equipment_reserved .fc .fc-toolbar-title { font-size:1.3rem }
.equipment_reserved .department-tbl td {font-size: 16px; padding:4px 10px}
.fc .fc-button .fc-icon { font-size:1.2rem }
.reserved_list .table-board td { text-align: center; }
.fc-media-screen .fc-timegrid-col-bg, .fc-media-screen .fc-timegrid-col-events, .fc-media-screen .fc-timegrid-now-indicator-container { width: 100%; }
.fc .fc-toolbar-title { font-size: 1.15rem; }
.fc .fc-col-header-cell-cushion { font-size: 1.1rem; }
.meeting_reserved { display: flex; flex-wrap: wrap; }
.meeting_reserved .cal_mini { width:51%; }
.meeting_reserved .reserved { width:49%; padding-left: 20px; }
.meeting_reserved .reserved .date_box { background: #f5f5f5; padding: 30px 20px; }

.basic #paginationWrap { margin-top:40px }
 .selection-guide {
    background-color: #fbfbfb;
    border: 1px solid #d8d9d9;
    /* border-radius: 8px; */
    padding: 12px 16px;
    margin-bottom: 16px;
    text-align: center;
}

.selection-guide p {
    margin: 0;
    color: #1245a0;
}

/*달력css*/
.fc-day a { color: #000; }
.fc-day-sun a {color: rgb(182, 15, 15);text-decoration: none;}
.fc-day-sat a {color: rgb(27, 57, 181);text-decoration: none;}


@media (max-width:1280px) {

    
}

@media (max-width:1280px) {

}


@media (max-width:1200px) {
    .basic .bs_cicle .circle_middle { height:420px }
    .basic .bs_cicle .midd_txt01 {bottom: -63%;transform: translateY(-50%); top: unset; }
    .basic .bs_cicle .midd_txt03 {right: 9%;TOP: -63%;transform: translateY(-50%); bottom: unset;}
}

@media (max-width:1080px) {
    .basic .bs_cicle .circle_middle { display:none; }
    .basic .bs_cicle {}
    .basic .bs_cicle h3 {font-size: 18px;color:#1245a0;margin-bottom: 40px;}
    .basic .bs_cicle .c_box {width: 30%;background: #fff; border:1px solid #1245a0}
    .basic .bs_cicle .c_box h3 {background:#1245a0;color:#fff;padding:10px 20px;margin-bottom:0}
    .basic .bs_cicle .c_box > div { padding:20px }
    .basic .bs_cicle .c_box ul.circle { padding-left:20px; text-align:left; margin-bottom:0; }
    .basic .bs_cicle .cicle_bottom {margin-top: 0;}
    .basic .bs_cicle .midd_txt01 {left: 9%;top: 50%;bottom: unset;}
    .basic .bs_cicle .midd_txt02 {left: 50%;transform: translate(-50%);top: 50%;}
    .basic .bs_cicle .midd_txt03 {right: 9%;top: -50%;bottom: unset;}
    
    .basic ul.list_style01 li { width: calc(33.33% - 30px); }

    
    .equipment_info .info_box .txt_box .tit h3 { font-size: 22px; }
}

@media (max-width:991px) {
    .basic ul.list_style01 li { width: calc(50% - 30px); }
    .basic ul.list_style02 li { width: calc(50% - 26.5px); }
    .basic ul.list_style08 > li { width: calc(50% - 30px); }
    .basic ul.list_style03 li { width:100% }

    .basic ul.list_style06 > li { width:calc(50% - 27px) }

    .basic .esg {flex-wrap:wrap;padding-top: 50px;background: none;}
    .basic .esg > div {width:100%}
        
     .list_2 > li  { width:100%; }
}

@media (max-width:850px) { 
    .basic { font-size:16px }
    .basic .bs_cicle {padding: 20px;}
    .basic .bs_cicle h3 {}
    .basic .bs_cicle .c_box {width: 100%;}
    .basic .bs_cicle .c_box h3 {}
    .basic .bs_cicle .c_box > div { }
    .basic .bs_cicle .c_box ul.circle {  }
    .basic .bs_cicle .cicle_top { display:block}
    .basic .bs_cicle .cicle_bottom {display: block;}
    .basic .bs_cicle .midd {position: relative;padding: 20px;}
    .basic .bs_cicle .midd_txt01 {left: unset;top: unset;bottom: unset;transform: unset;}
    .basic .bs_cicle .midd_txt02 {left: unset;top: unset;bottom: unset;transform: unset;}
    .basic .bs_cicle .midd_txt03 {left: unset;right:unset;top: unset;bottom: unset;transform: unset;}
    .basic .hello h4 { font-size:22px }
    .basic .hello h1 { font-size:28px; margin-top: 10px;}
    .basic .hello p { margin-top:26px }

    .basic .dl_style01 dl { width: 100%; }
    .basic .dl_style01 dl dd { width: calc(100% - 100px); }

    .tab_style01 a {}

    #search-box .search-wrap .line { width:100%; float:unset; }
    #search-box .search-wrap .txt { width:120px }
    #search-box .search-wrap .box { width:calc(100% - 120px); }
    #search-box .search-wrap .box > input { margin-bottom:5px; width:90%; }
    .classify_wrap > ul > li { width:32.3%; }
    .raido_area:after { display:block; content:""; clear:both }
    #search-box .search-wrap .raido_area input { width:auto; margin-bottom:0 }
    #search-box .search-wrap .box .check_area {}
    #search-box .search-wrap .box .check_area li { width:50% }

    .equipment_info .info_box { flex-wrap: wrap; flex-direction: column; }
    .equipment_info .info_box .tag {position: initial;margin-top: 20px;}
    .equipment_info .info_box .img_box { width: 100%; max-width: none; }
    .equipment_info .info_box .txt_box { width: 100%; }

    .equipment_reserved { flex-direction: column; }
    .equipment_reserved .reserved { width: 100%; padding: 0; margin-top:40px}
    .equipment_reserved .cal_mini { width: 100%; }

 }

 @media (max-width:768px) {
    .basic ul.list_style01 {  }
    .basic ul.list_style01 li { width: 100%; }
    .basic ul.list_style01 li:after { right: 50%; bottom: -35px; top:unset; content:"\f103"}

    .basic ul.list_style02 li { width:100% }
    .basic ul.list_style02 li:after { right: 50%; bottom: -42px; top:unset; content:"\f107"}

    .basic .list_style04 li { width:100% }

    .basic .list_style05 h3 { width:150px; height:150px; font-size:18px }
    .basic .list_style05 li .txt_box::before { display:none; }
    .basic .list_style05 li .txt_box {margin-left:20px;width: calc(100% - 170px);}
    
    .basic ul.list_style06 > li { width:100% }
    .basic ul.list_style07 > li { width:100% }
    
    .basic ul.list_style08 > li { width:100%; }

    .basic .txt_box00 a.down_btn {position: initial;width: 100%;text-align: center;}
    .basic .txt_box00 a.down_btn:after { display:block; content:""; clear:both }

    .basic .mivi { margin-bottom:0 }
    .basic .mivi:after { display: none; }

    .basic .txt_box02 { padding:30px; }
    .basic ul.poin_list { font-size:16px }
    .down_flex .box { width:33.3% }
    .tab_style01 a {}

    .basic .intro_box .img_box { display:none; }
    .basic .intro_box .info { width:100% }

    .tb_con .tit { width: 100%; }
    .tb_con .tb_conbox { width: 100%; padding: 20px 0 50px;}
    .tb_con .tit a.go { margin-top:40px;}
    .basic .esg_m_v .txt_box p { font-size:20px }
    
    .basic .member_list .box { width:100%; margin-bottom:20px; margin-right:0 }
    .tab_style01 { grid-template-columns: repeat(auto-fit, minmax(50%, 1fr)); }
    .tab_style02 a { padding:10px; }
    
    .infra-reg { gap:0 }
    .reg-container { width:100%; }
    .jntp { flex-direction: column; }
    .jntp-content { margin-left:0; margin-top:20px; }
    .jntp2-container .jntp-infra { width:100%; }

    .mb_no { display: none !important; }
  
  }
  @media (max-width:620px) {

    .basic .h1_tit { font-size: 24px; }
    .basic .h2_tit { font-size: 20px; }
    .basic .txt_box01 { padding:30px 20px; padding-left: 70px;}
    .basic .h2_tit { margin:30px 0 20px 0 }
    .basic ul.circle , .basic .p_con { padding-left:31px }
    .tab_style01 a {}
    .basic .esg_m_v .txt_box p { font-size:18px }
    .basic a.alink { display:block; background:#fff; }
   .basic .txt_box00 h3 { font-size:18px }

	.jntp-content h1,.jntp-infra h1 { font-size:20px }

    #search-box .search-wrap .line { width:100%; float:unset; }
    #search-box .search-wrap .txt { width:120px }
    #search-box .search-wrap .box { width:calc(100% - 120px); }
    #search-box .search-wrap > input { margin-bottom:5px; width:90%; }
    .classify_wrap > ul > li { width:32.3%; }
    .raido_area:after { display:block; content:""; clear:both }
    #search-box .search-wrap .raido_area input { width:auto; margin-bottom:0 }
    #search-box .search-wrap .box .check_area {}
    #search-box .search-wrap .box .check_area li { width:100% }
    #search-box .search-wrap .raido_area ul { display:block }
    #search-box .search-wrap .raido_area ul li { width:100%; }

    .list_2 > li { flex-flow:column; }
    .list_2 .info_box { width:100%; }
    .list_2 .img_box { width:100%; }

  }
  
  
  @media (max-width:520px) {
    .down_flex .box { width:50% }
    .tab_style01 { grid-template-columns: repeat(auto-fit); }
    
    .basic .member_list .box .name { width:100%; height:auto; padding:5px 0 }
    .basic .member_list .box .contact { width:100%; }

    .department-tbl.mb { }
    .department-tbl.mb * { display: block; width: 100%; }
  }