@charset "utf-8";

@import url("base.css");
/****종합이용아내***/
#useful #tab_container {width: 100%;float: left;}
#useful .tabs {display: block;float: left;margin: 0 0 40px 0;border: #ddd 1px solid;overflow: hidden;width:100%;}
#useful .tabs li {background: #fff;display: block;padding: 15px 0;float: left;cursor: pointer;border-left: #ddd 1px solid;width: 50%;text-align:center;}
#useful .tabs li:first-child {border-left: none;}
#useful .tabs li.active {background: #51a90f;color:#fff;text-decoration:none;}
#useful .tabs li span {display:block;text-align:center; font-size:20px;font-weight:600;}
.con_wrap h2 {
    clear: both;
    position: relative;
    margin: 40px 0 30px 0;
    padding-left: 20px;
    font-size: 30px;
    color: #171616;
    font-weight: 800;
    line-height: 1.33;
    border-bottom: #e8e8e8 1px solid;
    padding-bottom: 15px;
}
.con_wrap h2.first {margin-top:0;}
.con_wrap h2:before {position: absolute;top: 6px;left: 0;width: 9px;height: 25px;border-radius: 4px;background: #51a90f;content: '';}
.con_wrap h3 {clear:both;position:relative; margin:40px 0 15px 0; padding-left:19px; font-size:25px; color:#171616; font-weight:800; line-height:1.33;}
.con_wrap h3.first {margin-top:0;}
.con_wrap h3:before {position:absolute; top:10px; left:0; width:11px; height:11px; border-radius:3px; background:#51a90f; content:'';}
.con_wrap h4 {clear:both;position:relative; margin-bottom:15px; padding-left:13px; font-size:20px; color:#171616; font-weight:700; line-height:1.33;}
.con_wrap h4:before {position:absolute; top:8px; left:0; width:6px; height:6px; border-radius:50%; background:#51a90f; content:'';}
.icon_skyblue:before {background:#108ad3 !important;}

.useful_sec {padding-left: 19px;clear: both;margin-bottom: 30px;}
.useful_sec p {font-size: 18px;padding-left: 14px;line-height: 1.6;color: #000;}
.useful_table {padding-left: 16px;clear: both;margin-bottom: 40px;}
.useful_table table{border-left: 1px solid #ddd;border-top: 2px solid #000; }
.useful_process table {padding-left: 22px;clear: both;margin-bottom: 30px;}
.useful_table table th {width:20%;font-size: 16px;padding: 15px;border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;background: #f5f5f5;color: #383838;text-align: center;}
.useful_table table td {font-size: 16px;padding: 15px;border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;line-height: 1.5;word-break: break-all;text-align: center;}
.tbl_head03 td:first-child{border-left: 0}
.table_mobile{display:none;}

.useful_sec .useful_table{padding:0;}



.scroll_txt{font-size:14px; color:#aaa; padding-bottom:5px;  display:none; }
.left{padding-left:16px;}
.useful_process_mobile{display:none;}
.useful_process li {display: inline-block;vertical-align: middle;}
.useful_pro_con {padding: 30px 40px;text-align: center;border-radius: 50%;background: #f5f5f5;}
.useful_pro_con span {display: block;text-align: center;margin-top: 9px;font-size: 17px;font-weight: 600;}
.arr {margin:0 10px;}

/****프로그램***/
.useful_sec02 {padding-left: 20px;clear: both;margin-bottom: 30px;}
.useful_sec02 p {font-size: 18px;line-height: 1.6;color: #000;}
.program_table {padding-left: 16px;clear: both}
.program_table table {border-left: 1px solid #ddd;border-top: 2px solid #000; ; width:100%;}
.program_table table th {font-size: 18px;padding: 15px;border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;background: #f5f5f5;color: #383838;text-align: center;}
.program_table table td {font-size: 18px;padding: 15px;border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;line-height: 1.5;word-break: break-all;text-align: center;}

.useful_sec02 .room_list{text-align:center;}
.useful_sec02 .room_list li{float:left; width:32%; margin-right:2%}
.useful_sec02 .room_list li:nth-child(3n){margin-right:0;}
.useful_sec02 .room_list li:nth-child(7),.useful_sec02 .room_list li:nth-child(8){width:49%;}
.useful_sec02 .room_list li:nth-child(8){margin-right:0;}
.useful_sec02 .room_list li p{ font-size:18px; font-weight:600; margin:6px 0 15px; }

.view_img{text-align:center;}

.saturday {color:blue;}
.sunday {color:red;}


/*******************/
#bus #tab_container {width: 100%;float: left;}
#bus .tabs {display: block;float: left;margin: 0 0 30px 0;border: #ddd 1px solid;overflow: hidden;width:100%;}
#bus .tabs li {background: #fff;display: block;padding: 15px 0;float: left;cursor: pointer;border-left: #ddd 1px solid;width: 50%;text-align:center;}
#bus .tabs li:first-child {border-left: none;}
#bus .tabs li.active {background: #51a90f;color:#fff;text-decoration:none;}
#bus .tabs li span {display:block;text-align:center; font-size:20px;font-weight:600; line-height:1.5;}
#bus .tabs li span.tt_txt {font-size:16px;font-weight:400;}
#bus .tabs li span.tt_txt i {display: inline-block;text-align: center;margin-top: 10px;font-style: normal;background: #51a90f;font-size:14px;padding:5px 15px;color:#fff;	border-radius: 15px}
#bus .tabs li.active span.tt_txt i {background: #fff;color:#51a90f;}

#bus .bus_img p{font-size:18px; text-align:center; margin:20px 0 30px; font-weight:600;}

.bus-time {clear: both;}
.bus-time table {border-left: 1px solid #ddd;border-top: 2px solid #51a90f;}
.bus-time table th {font-size: 20px;padding: 15px;border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;background: #f5f5f5;color: #383838;text-align: center;}
.bus-time table td {font-size: 18px;padding: 15px;border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;line-height: 1.5;word-break: break-all;text-align: center;}
.bus-time table tr.start td, .bus-time table tr.end td {background:#f9f8f8;}
br.mobile_br{display:none;}


/*******************/
.es_content_area {clear: both;border: #ddd 2px solid;padding: 30px;border-radius: 10px;margin: 30px 0;}
#priviacy_con h3 {margin-left:0}
a.bs_title_box.bs_open_btn {display: block;position: relative;width: 100%;}
.is_btn.wd_col_bg_cw {display: inline-block;position: absolute;right: 0;top: 0;font-size: 27px;background: #e8e8e8;padding: 12px 19px;line-height: 1;border-radius: 18%;}
.ss_desc {padding-left: 17px;font-size: 17px;}
.bs_desc_box {padding: 20px;background: #f5f5f5;margin-top: 20px;border-radius: 5px;text-align:center;}
.is_more_btn.bs_open_btn {display: inline-block;clear: both;margin: 30px auto;background: #fff;padding: 10px 20px;line-height: 1;color: #000;font-weight: 500;font-size: 16px;border-radius: 10px;}
.ss_btn.wd_col_bg_cw {display: inline-block;background: #51a90f;font-size: 17px;padding: 16px 25px;color: #fff;font-weight: 600;border-radius: 5px;}


/**********************/
table.biz01_table {border-left: 1px solid #ddd;border-top: 2px solid #000;}
table.biz01_table th {width:24%;font-size: 20px;padding: 15px;border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;background: #f5f5f5;color: #383838;text-align: left; word-break: keep-all; }
table.biz01_table th.center {text-align:center;}
table.biz01_table td {font-size: 18px;padding: 15px;border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;line-height: 1.5;word-break: keep-all;text-align: left;}
.useful_process02 {overflow:hidden;clear:both;}
.useful_process02 li {display: inline-block; float: left;}
.useful_process02 .useful_pro_con {text-align: center;border-radius: 50%;background: #f5f5f5;width: 155px;height: 155px;padding: 20px 30px 0 30px;box-sizing: border-box;}
.useful_process02 .useful_pro_con > img {display:block;width:85%;margin:0 auto;}
.useful_process02 .arr {margin: 0 2px;}
.mb30{margin-bottom:30px;}
.useful_process02 .arr {margin: 57px 2px;}
.useful_process02 .useful_pro_con span.small {font-size:15px;}
.biz_img {margin-left:10px;overflow: hidden;}
.biz_img li {width: 25%;float: left;padding: 10px;}
table.biz02_table {border-left: 1px solid #ddd;border-top: 2px solid #000;}
table.biz02_table th {font-size: 20px;padding: 15px;border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;background: #f5f5f5;color: #383838;text-align: left; word-break: keep-all; }
table.biz02_table th.center {text-align:center;}
table.biz02_table td {font-size: 18px;padding: 15px;border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;line-height: 1.5;word-break: keep-all;text-align: left;}

/**********************/
#biz_02 #tab_container {width: 100%;float: left;}
#biz_02 .tabs {display: block;float: left;margin: 0 0 40px 0;border: #ddd 1px solid;overflow: hidden;width:100%;}
#biz_02 .tabs li {background: #fff;display: block;padding: 15px 0;float: left;cursor: pointer;border-left: #ddd 1px solid;width: 33.3333%;text-align:center;}
#biz_02 .tabs li:first-child {border-left: none;}
#biz_02 .tabs li.active {background: #51a90f;color:#fff;text-decoration:none;}
#biz_02 .tabs li span {display:block;text-align:center; font-size:20px;font-weight:600;}
table.biz01_table td li:before {vertical-align: middle;content:'';display:inline-block;width:5px;height:5px;background:#ddd;border-radius:50%;margin-right:8px;}
table.biz01_table td li {vertical-align: middle;}


/**********************/

.useful_sec .biz_img {clear:both;margin-left:0;margin-bottom:30px;overflow:hidden;}
.useful_sec .biz_img.last {margin-bottom:0;}


#biz_03 #tab_container {width: 100%;float: left;}
#biz_03 .tabs {display: block;float: left;margin: 0 0 40px 0;border: #ddd 1px solid;overflow: hidden;width:100%;}
#biz_03 .tabs li {background: #fff;display: block;padding: 15px 0;float: left;cursor: pointer;border-left: #ddd 1px solid;width: 50%;text-align:center;}
#biz_03 .tabs li:first-child {border-left: none;}
#biz_03 .tabs li.active {background: #51a90f;color:#fff;text-decoration:none;}
#biz_03 .tabs li span {display:block;text-align:center; font-size:20px;font-weight:600;}

.biz_img li span {display: block;text-align: center;margin-top: 11px;font-size: 16px;}


/**********************/

#contents_sitemap {width: 100%;float: left;}
#contents_sitemap p.site {width: 100%;font-size: 18px;font-weight: 500;color: #37b901;letter-spacing: -1px;line-height: 60px;font-weight:500;text-align: center;border: #ccc solid 1px;border-radius: 12px;box-shadow: 2px 2px 1px rgb(0 0 0 / 7%);}
#contents_sitemap .cate_line:after {content: "";display: block;clear: both;}
#contents_sitemap .cate_line .cate {display: inline-block;vertical-align: top;width: 22%;height: auto;margin: 1%;}
#contents_sitemap .cate_line .cate ul {margin: 10px 0 15px 0}
#contents_sitemap .cate_line .cate ul li {padding: 5px 0 10px 0;margin: 3px 0 0 30px;border-bottom: #f2f2f2 1px solid;list-style-type: disc !important;line-height: 150%}
#contents_sitemap .cate_line .cate ul li.sub {padding: 5px 0 10px 10px;margin: 3px 0 0 30px;border-bottom: #ccc 1px dotted;list-style-type: none !important;}
#contents_sitemap .cate_line .cate ul li.sub a {letter-spacing: -1px;}
#contents_sitemap .cate_line .cate ul li a {letter-spacing: -1px;}
#contents_sitemap .cate_line .cate ul li a:hover {color: #1f51a2;font-weight:400;}

/**********************/

table.gaduk01_table {border-left: 1px solid #ddd;border-top: 2px solid #000;}
table.gaduk01_table th {font-size: 16px;padding: 15px;border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;background: #f5f5f5;color: #383838;text-align: center;}
table.gaduk01_table th.center {text-align:center;}
table.gaduk01_table td {font-size: 16px;padding: 15px;border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;line-height: 1.5;word-break: break-all;text-align: center;}
table.gaduk01_table td.left {text-align: left;}


.gaguk_table {clear: both;margin-bottom: 30px;}
.gaguk_table table {border-left: 1px solid #ddd;border-top: 2px solid #000;}
.gaguk_table table th {font-size: 16px;padding: 15px;border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;background: #f5f5f5;color: #383838;text-align: center;}
.gaguk_table table td {font-size: 16px;padding: 15px;border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;line-height: 1.5;word-break: break-all;text-align: center;}
.gaguk_table table tr.start td, .bus-time table tr.end td {background:#f9f8f8;}
#gaduk_01 .scroll_box{padding-left:20px; clear:both; }
#gaduk_01 .business_list{  }
#gaduk_01 .business_list th{background:#f5f5f5;border-left:1px solid #ddd; border-right:1px solid #ddd;}
#gaduk_01 .business_list td{font-size:16px; border-left:1px solid #ddd; border-right:1px solid #ddd;}


.btn_supprots_bo {clear: both;padding-top: 50px;text-align: center;}

.btn_supprots_bo a {text-align: center;border-radius: 3px;border: 1px solid #4fb702;background: #4fb702;display: inline-block;color: #fff !important;padding: 12px 25px !important;font-size: 20px;}
.mo_img{display:none;}


#gbiz_01 #tab_container {width: 100%;float: left;}
#gbiz_01 .tabs {display: block;float: left;margin: 0 0 40px 0;border: #ddd 1px solid;overflow: hidden;width:100%;}
#gbiz_01 .tabs li {box-sizing:border-box;background: #fff;display: block;padding: 15px 0;float: left;cursor: pointer;border-left: #ddd 1px solid;width: 25%;text-align:center;}
#gbiz_01 .tabs li:first-child {border-left: none;}
#gbiz_01 .tabs li.active {background: #51a90f;color:#fff;text-decoration:none;}
#gbiz_01 .tabs li span {display:block;text-align:center; font-size:18px;font-weight:600;}

#gbiz_02 #tab_container {width: 100%;float: left;}
#gbiz_02 .tabs {display: block;float: left;margin: 0 0 40px 0;border: #ddd 1px solid;overflow: hidden;width:100%;}
#gbiz_02 .tabs li {box-sizing:border-box;background: #fff;display: block;padding: 15px 0;float: left;cursor: pointer;border-left: #ddd 1px solid;width: 33.3333%;text-align:center;}
#gbiz_02 .tabs li:first-child {border-left: none;}
#gbiz_02 .tabs li.active {background: #51a90f;color:#fff;text-decoration:none;}
#gbiz_02 .tabs li span {display:block;text-align:center; font-size:18px;font-weight:600;}

/**********************/
#equipment #tab_container {width: 100%;float: left;}
#equipment .tabs {display: block;float: left;margin: 0 0 40px 0;border: #ddd 1px solid;overflow: hidden;width:100%;}
#equipment .tabs li {background: #fff;display: block;padding: 15px 0;float: left;cursor: pointer;border-left: #ddd 1px solid;width: 33.3333%;text-align:center;}
#equipment .tabs li:first-child {border-left: none;}
#equipment .tabs li.active {background: #51a90f;color:#fff;text-decoration:none;}
#equipment .tabs li span {display:block;text-align:center; font-size:20px;font-weight:600;}


/*-----------------------------------------------------------------------------------------------------------
컨텐츠-복지관소개 > 조직도
-----------------------------------------------------------------------------------------------------------*/

.about_org {height: 400px;position: relative}

.about_org:after {position: absolute;top: 58px;left: 50%;margin-left: -0.5px;content: "";display: block;width: 1px;height: 331px;background: #d1d1d1;z-index: -1}

.about_org ul li.org1 p.type1 {width: 250px;margin: 0 auto 30px;background: #4d9b1c;padding: 20px 0;text-align: center;color: #fff;font-size: 18px;font-weight: bold;border-radius: 10px;box-shadow: 5px 5px 0 #eee}

.about_org ul li.org2 p.type3 {float: left;width: 250px;margin: 0 0 20px 0;background: #0f92e1;padding: 20px 0;text-align: center;position: relative;border-radius: 10px;font-weight: 500;color:#fff;/*box-shadow: 5px 5px 0 #eee*/}
.about_org ul li.org2 p.type2 {width: 250px;margin: 0 0 20px 775px;background: #0f92e1;padding: 20px 0;text-align: center;position: relative;border-radius: 10px;font-weight: 500;color:#fff;/*    box-shadow: 5px 5px 0 #eee*/}

.about_org ul li.org2 p.type2:after {position: absolute;top: 30px;left: -528px;content: "";display: block;width: 600px;height: 1px;background: #d1d1d1;z-index: -1}

.about_org ul li.org3 p.type1 {width: 250px;margin: 0 auto 50px;background: #67bb28;padding: 20px 0;text-align: center;color: #000;border-radius: 10px;font-weight: 500;font-size: 18px;color:#fff;/*box-shadow: 5px 5px 0 #eee*/}

.about_org ul li.org3 p.type2 {width: 250px;margin: 0 auto 50px;background: #67bb28;padding: 20px 0;text-align: center;color: #000;border-radius: 10px;font-weight: 500;font-size: 18px;color:#fff;/*box-shadow: 5px 5px 0 #eee*/}
.about_org ul li.org4 ul {position: relative}

.about_org ul li.org4 ul:after {position: absolute;top: 0px;left: 12.5%;content: "";display: block;width: 75%;height: 1px;background: #d1d1d1;}

.about_org ul li.org4 ul li {width: 23%;margin: 0 1%;float: left;margin-top: 50px;position: relative}

.about_org ul li.org4 ul li:after {position: absolute;top: -50px;left: 50%;margin-left: -0.5px;content: "";display: block;width: 1px;height: 100px;background: #d1d1d1;z-index: -1}
.about_org ul li.org4 ul li:last-child {margin-right: 0;}
.about_org ul li.org4 ul li dt {padding: 15px 0;text-align: center;background: #1ea9c9;border-radius: 10px 10px 0 0;color: #fff;font-size: 17px;font-weight: 500;}

.about_org ul li.org4 ul li dd {border: 1px solid #ddd;border-top: none;padding: 15px 25px;margin-bottom: 15px;background: #fff;line-height: 160%;border-radius: 0 0 10px 10px;height: 302px;}
.about_org ul li.org4 ul li dd div {width: 100%; display: inline-block;padding: 3px 0px;}
.about_org ul li.org4 ul li dd div.top {width: 100%; display: inline-block;padding: 10px 0px;background: #f9f9f9;border-radius: 20px;margin-bottom: 10px}
.about_org ul li.org4 ul li dd span.tt {width: 100%;float: left;position: relative;padding: 0px 2% 3px;display: inline-block;font-weight: 400;font-size: 16px; text-align: center;}

.about_org ul li.org4 ul li dd span.st {width: 27%; float: left;padding: 0px 2%;display: inline-block;font-size: 16px;text-align: center;}

.about_org ul li.org5 ul {position: relative}


.about_org ul li.org5 ul li {width: 15%;margin-right: 1.9%;float: left;margin-top: 10px;position: relative;/*border: 1px solid #ddd;*/background: #fff;}
/*.about_org ul li.org5 ul li ul {
   padding: 20px;
}*/

.about_org ul li.org5 ul li:after {position: absolute;top: -50px;left: 50%;margin-left: -0.5px;content: "";display: block;width: 1px;height: 100px;background: #d1d1d1;z-index: -1}

.about_org ul li.org5 ul li:last-child {margin-right: 0;}
.about_org ul li.org5 ul li dd {border: 1px solid #ddd;padding: 15px 15px;margin-bottom: 15px;background: #fafafa;height: 210px;border-radius: 10px;}
.about_org ul li.org5 ul li dd span.txt {width: 100%; float: left;position: relative;padding: 3px 0;display: inline-block;font-size: 16px;letter-spacing: -0.5px;text-align: left;}


.organ_business {margin-top:45%; width:100%; }
.organ_business tr{text-align:center; }
.organ_business th{color:#fff; border-right:1px solid #fff; background:#aaa; padding:5px; box-sizing:border-box;}
.organ_business th:last-child{border-right:none;}
.organ_business tr .g{background:#0f92e1;}
.organ_business tr td{padding:10px 5px; box-sizing:border-box; border-bottom:1px solid #0f92e1; border-right:1px solid #ddd;}
.organ_business tr td:last-child{border-right:none;}

.business_list{  margin-top:30px; }
table.business_table{text-align:center; width:100%;}
.business_list th{font-size:16px; padding:10px; border-top:2px solid #333;border-bottom:1px solid #ccc; border-right:1px solid #ccc; box-sizing:border-box; background:#e0edf5;}
.business_list td{padding:10px 20px; box-sizing:border-box; border-right:1px solid #ccc; border-bottom:1px solid #ccc;}
.business_list th:last-child, .business_list td:last-child{border-right:none;}
.business_list .bus_tit{background:#f7f7f7; font-size:16px; }

.business_table ul li{text-align:left;}

#organ .scroll_txt{margin-top:30px;}

/* sub01_01 */
.ceo {display: flex; justify-content: space-between;}
.ceo .left {width: 40%; padding-left:0;}
.ceo .left figure {width:100%; border-radius:20px; overflow:hidden;}
.ceo .left figure img {width:100%; object-fit:cover;}
.ceo .right {width: 55%; display: flex; flex-direction:column;}
.ceo .right .title {margin-bottom: 40px; position:relative;}
.ceo .right .title:after {position:absolute; content:''; bottom: -20px; left:0; width: 50px; border:1px solid #eee;}
.ceo .right .title h3{margin:0; margin-bottom: 10px; padding:0; line-height:1; color:#0036E7; font-size: 20px; font-weight:900; letter-spacing:0.6px;}
.ceo .right .title h3:before {display:none;}
.ceo .right .title p {font-size:30px; font-weight:900; line-height:1.3;  letter-spacing:0.6px;}
.ceo .right .mid p{font-size:17px; font-weight:500;  letter-spacing:0.6px; padding-bottom: 15px;}
.ceo .right .mid p span {font-weight: 900; vertical-align:unset;  }
.ceo .right .btm {margin-top: auto; display: flex; align-items: center;}
.ceo .right .btm p {font-size: 24px; font-weight: 900; margin-right:50px;}
.ceo .right .btm p > img {width: 75px;}
.ceo .right .btm strong {font-size: 40px; font-weight:900;}

/* sub01_02 */
.con_wrap > p {font-size: 25px; font-weight: 600;}
.coll > figure {width: 100%; height: 350px; background: url('../img/sub/sub01_02visual.jpg') fixed center no-repeat; margin: 90px auto; background-size: cover;}
.coll .sec01 {position:relative; flex-direction:column; row-gap:15px;}
.coll .sec01:after {position:absolute; content: ''; bottom: -25px; left: 0; width: 90px; border: 1px solid #eee;}
.coll .sec01 h4 {padding:0; margin:0; margin-bottom: 15px; font-size: 55px; font-weight: 900; color: #000;}
.coll .sec01 p {font-size: 20px; font-weight: 600;}
.coll .sec01 h4:before {display:none;}
.coll .sec02 h5 {font-size: 35px; font-weight: 600; margin-bottom: 5px;}
.coll .sec02 p {font-size: 27px; font-weight: 600; color: #999;}

/* sub01_03 */
.con_wrap > p {font-size:25px; font-weight: 600;}
#organ .chart_wrap {width:100%; text-align:center; margin: 120px auto;}
#organ .chart_wrap p.event {display:none; text-align: start; font-size:15px; color: #999; margin-bottom: 20px;}
#organ .chart_wrap figure {width: 80%; margin:0 auto;}
#organ .chart_wrap figure img {width:100%;}
/* #organ .btm {display: flex; flex-direction:column; row-gap: 120px;}
#organ .btm .item {display:flex; column-gap: 250px; position:relative;}
#organ .btm .item:after {position:absolute; content: ''; bottom: -70px; left:0; width:100%; border: 1px solid #f6f6f6;}
#organ .btm .item:last-child:after {display:none;}
#organ .btm .item > p {width: 15%; font-size: 32px; font-weight:900;}
#organ .btm .item .m_wrap {width:100%; display: flex; justify-content: space-between; flex-wrap: wrap; row-gap: 20px;}
#organ .btm .item .m_wrap .member {width:32%; display: flex; flex-direction:column; justify-content:space-between; padding: 2rem;
height: 150px; background-color: #f6f6f6; border-radius: 20px;}
#organ .btm .item .m_wrap .member p {display: flex; flex-direction:column; row-gap:3px;}
#organ .btm .item .m_wrap .member p:first-child {color: #0036E7; font-weight: 600; font-size: 17px;}
#organ .btm .item .m_wrap .member p img {margin-right: 5px;} */

#organ .m_wrap {display: flex; flex-wrap: wrap; justify-content: space-between; row-gap: 20px;}
#organ .m_wrap .member {width: 32%; padding: 1.5rem; background-color: #f6f6f6; border-radius: 20px; display: flex; flex-direction: column; row-gap: 50px;}
#organ .m_wrap .member .text h3 {margin:0; padding: 0; color: #0036E7; font-size: 25px; margin-bottom: 15px;}
#organ .m_wrap .member .text p {font-size: 18px; font-weight: 600;}
#organ .m_wrap .member span {font-size: 16px;}
#organ .m_wrap .member .text h3:before {display: none;}

/* sub01_04 */
.con_wrap > p {font-size:25px; font-weight: 600;}
#map .map_box {margin: 120px auto;}
#map .map_box  .map_plus {display: flex; column-gap: 60px; margin-top:40px;}
#map .map_box  .map_plus p {display:flex; align-items: center; column-gap: 30px; font-size: 24px; color: #0036E7; font-weight: 700; }
#map .map_box  .map_plus p span {font-size: 18px; color: #333; font-weight: 400; vertical-align: unset;}
.root_daum_roughmap .wrap_controllers {display: none;}
#map h3 {padding:0; margin:0; color: #000; line-height:1; font-size: 33px; position:relative;}
#map h3:before {display: none;}
#map h3:after {position:absolute; content: ''; bottom: -30px; left: 0; width: 100%; border: 1px solid #333;}
#map .map_text {display: flex; flex-direction:column; margin:120px auto; row-gap: 90px;}
#map .map_text .item {display: flex; column-gap: 4%; position:relative;}
#map .map_text .item figure {width: 30%; display: flex; flex-direction:column; align-items: flex-start; padding-left: 55px; row-gap: 10px;}
#map .map_text .item figure p {font-size: 24px; font-weight: 700; margin-left: 18px;}
#map .map_text .item.bus:after {position:absolute; content:''; bottom: -30px; left: 0; width: 100%; border: 1px solid #dedede; }
#map .map_text .item .text {position: relative;}
#map .map_text .item.bus .text:after {position:absolute; content: 'B'; top:0; left:-70px; width:45px; height: 45px; border-radius: 50%; background: #f77636;
font-size: 24px; font-weight: 700; text-align: center; line-height: 45px; color: #fff;}
#map .map_text .item.subway .text:after {position:absolute; content: '1'; top:0; left:-70px; width:45px; height: 45px; border-radius: 50%; background: #f77636;
font-size: 24px; font-weight: 700; text-align: center; line-height: 45px; color: #fff;}
#map .map_text .item .text p {font-size: 24px; font-weight: 700; margin-bottom: 20px;}
#map .map_text .item .text p b {font-size: 20px; color: #999;}
#map .map_text .item .text p span {font-weight: 400; word-break: keep-all;}


/* sub02 공통 */
.con_wrap .sec03 {display: flex; justify-content: space-between; margin-top: 120px;}
.con_wrap .sec03 .box {width: 28%; display:flex; flex-direction: column; position: relative;}
.con_wrap .sec03 .box:after {position:absolute; content: ''; top: 0; right: -15%; height:80%; border: 1px solid #eee;}
.con_wrap .sec03 .box:last-child:after {border: none;}
.con_wrap .sec03 .box .text p {font-size: 25px; font-weight: 600; margin-bottom: 15px;}
.con_wrap .sec03 .box .text span {display: inline-block; width: 60%; font-size: 16px; color: #333; word-break: keep-all;}
.con_wrap .sec03 .box figure {width: 100%; height: 40%; border-radius: 20px; overflow: hidden; margin-bottom: 25px;}
.con_wrap .sec03 .box figure img {width:100%; height: 100%; object-fit: cover;}

@media all and (max-width: 1200px) {
.ceo .right .btm p {font-size: 19px;}
.ceo .right .btm strong {font-size: 30px; word-break: keep-all;}
}
@media all and (max-width:1100px){
.ceo .right .title h3 {font-size:18px;}
.ceo .right .title p {font-size:25px;}
.ceo .right .btm p {font-size:22px;}
.ceo .right .btm strong {font-size: 34px;}

#organ .btm .item {flex-direction: column; row-gap: 35px;}
}
@media all and (max-width:1050px){


	.about_org ul li.org2 p.type2 {margin: 0 0 20px 0;float:right;}
}
@media all and (max-width: 980px) {
.ceo {flex-direction:column; align-items: center; row-gap: 40px;}
.ceo .left {width: 48%;}
.ceo .right {width: 85%;}

#organ .chart_wrap p.event {display: block;}
#organ .chart_wrap figure {overflow-x: scroll;}
#organ .chart_wrap figure img {min-width: 800px;}

}

@media all and (max-width: 960px) {
#map > p {font-size: 22px;}
#map .map_box {margin: 90px auto;}
#map .map_box .map_plus p {font-size: 20px; flex-direction:column; align-items: flex-start; row-gap: 15px;}
#map .map_box .map_plus {flex-direction: column; row-gap: 20px;}
#map .map_text .item {flex-direction:column; row-gap: 35px;}
#map .map_text .item figure {width: 100%; padding-left: 10px; align-items: center}
#map .map_text .item .text {padding: 0 10px; padding-left: 90px;}
#map .map_text .item.bus .text:after, #map .map_text .item.subway .text:after {left: 25px;}
#map .map_text .item figure p {font-size:22px; margin:0;}
#map .map_text .item .text p {font-size: 20px;}

.con_wrap > p {font-size: 20px;}
/* sub01_02 */
.coll > figure {margin: 60px auto; height: 280px; background: url(../img/sub/sub01_02visual.jpg) center no-repeat; background-size: cover;}
.coll .sec01 h4 {font-size: 35px;}
.coll .sec01 p {font-size: 18px;}

/* sub02 공통 */
.con_wrap .sec03 {margin-top: 60px; flex-direction: column; row-gap: 15px;}
.con_wrap .sec03 .box {width: 100%; flex-direction: unset; align-items: center; column-gap: 20px;}
.con_wrap .sec03 .box:after {display: none;}
.con_wrap .sec03 .box figure {width: 45%; height: 250px;}
.con_wrap .sec03 .box:nth-child(2) {flex-direction: row-reverse;}
.con_wrap .sec03 .box .text {width: 54%;}
.con_wrap .sec03 .box .text span {width: 70%;}
.con_wrap .sec03 .box .text p {font-size: 20px;}
}

@media all and (max-width: 900px) {


.about_org ul li.org4 ul li dd{height:340px;}


}

@media all and (max-width:800px) {
/* 조직도 */
.about_org {height: auto;position: relative;}
.about_org:after {height: 208px;}
.about_org ul li.org1 p.type1 {width: 80%;margin: 0 auto 30px;}
.about_org ul li.org2 p.type2 {width: 80%;margin: 0 auto 30px;float:none;}
.about_org ul li.org2 p.type3 {float: none;width: 80%;margin: 0 auto 30px;}
.about_org ul li.org2 p.type2:after {height: 0px;}
.about_org ul li.org3 p.type1 {width: 80%;margin: 0 auto 30px;}
.about_org ul li.org3 p.type2 {width: 80%;margin: 0 auto 30px;}
.about_org ul li.org4 ul li {width: 100%;margin: 0 2% 0 0;}
.about_org ul li.org4 ul:after {position: absolute;top: 0px;left: 24%;content: "";display: block;width: 50%;height: 0px;background: #d1d1d1;}
.about_org ul li.org4 ul li dd {margin-bottom: 5px;height: auto !important;}

#organ .m_wrap .member {width: 48%;}
#organ .m_wrap .member .text h3 {font-size: 20px;}
}
@media all and (max-width:670px) {
.ceo .right .title h3,.ceo .right .mid p  {font-size: 16px;}
.ceo .right .title p {font-size:20px;}
.ceo .right .btm p {font-size:18px;}
.ceo .right .btm strong {font-size:25px;}
}
@media all and (max-width:560px) {
.ceo .right .title p {font-size: 18px;}
.ceo .right .btm strong {font-size: 20px;}
.ceo .right .btm {flex-direction:column; align-items: flex-start; row-gap:1%;}
.ceo .right .btm p{margin-right:0; margin-bottom:10px;}

/* sub02 공통 */
.con_wrap .sec03 .box figure {width: 54%; height: 230px;}
.con_wrap .sec03 .box .text {width: 45%;}
.con_wrap .sec03 .box .text span {width: 100%;}

#organ .m_wrap .member {row-gap: 30px;}
#organ .m_wrap .member .text h3 {font-size: 18px;}
#organ .m_wrap .member .text p {font-size: 16px;}
}
@media all and (max-width:500px) {
#organ .m_wrap .member {width: 100%; flex-direction: unset; justify-content: space-between; padding: 1rem;}
#organ .m_wrap .member span {margin-top: auto;}
}
@media all and (max-width: 390px) {
.ceo .right .title h3, .ceo .right .mid p {font-size: 15px;}
.ceo .right .btm p {font-size:16px;}

#map > p {font-size: 18px;}
#daumRoughmapContainer1732854263355 {height:430px !important;}
#map .map_box, #map .map_text {margin:60px auto;}
#map .map_box .map_plus p {font-size: 18px; row-gap: 5px;}
#map .map_box .map_plus p span {font-size: 16px;}
#map .map_box .map_plus {margin-top:25px;}
#map h3 {font-size: 30px;}
#map .map_text .item figure img {scale: 0.7;}
#map .map_text .item .text p, #map .map_text .item .text p b {font-size: 16px;}
#map .map_text .item.bus .text:after, #map .map_text .item.subway .text:after {width: 37px; height: 37px; font-size: 17px; line-height: 37px;}
#map .map_text {row-gap: 70px;}

.con_wrap > p {font-size: 17px;}
.sub_title h1 {margin-bottom: 15px;}
/* sub01_02 */
.coll > figure {height: 170px; margin: 45px auto;}
.coll .sec01 h4 {font-size: 22px;}
.coll .sec01 p {font-size: 15px;}

/* sub02 공통 */
.con_wrap .sec03 {row-gap: 35px;}
.con_wrap .sec03 .box .text p {font-size: 18px;}
.con_wrap .sec03 .box .text span {font-size: 15px;}
.con_wrap .sec03 .box, .con_wrap .sec03 .box:nth-child(2)  {flex-direction: column;}
.con_wrap .sec03 .box figure, .con_wrap .sec03 .box .text {width: 90%;}
.con_wrap .sec03 .box figure {height: 190px;}
.con_wrap .sec03 .box .text p {margin-bottom: 7px;}
}


/*연혁*/
.history{text-align:center;}
.history .h_title {height: 91px;width: 180px;display: inline-block;border-radius: 30px 0 30px 0;background: linear-gradient(90deg, #90c91c, #1b9f38);}
.history .h_title h2 {font-size: 25px;color: #fff;font-weight: 500;padding-top: 30px;margin: 0;border-bottom: none;padding-bottom: 0;padding-left:0;}
.history .h_title h2:before {display:none;}
.history li > span p {color: #000;display: inline-block;font-weight: bold;font-size: 39px;background: #fff;padding: 0 20px;line-height: 1;}
.history  li > span{display:inline-block;position: relative; margin-bottom: 26px;}
.history  li  div p{font-size:16px;padding-bottom:5px;color:#333;word-break:keep-all; font-weight:500;line-height:1.3}
.history  li  div{display:inline-block;}
.history  li{padding:48px 0 0;}
.history  ul{position: relative;}
.history  ul:after {content: ''; position: absolute; width: 1px; height:100%; background:#ccc;top:-10px;left:50%;z-index:-2;}
.history  .left{padding-right:50%;text-align:right;}
.history  .right{padding-left:50%;text-align:left;}
.history  .left div p{text-align:right;padding-right:73px;position:relative;}
.history  .right div p{text-align:left;padding-left:73px;position:relative;}
.history  .left div p:after{content: ''; position: absolute; width:5px; height:5px;border-radius:50%;top:10px;right:-3px;background:#ccc;}
.history  .right div p:after{content: ''; position: absolute; width:5px; height:5px;border-radius:50%;top:11px;left:-2px;background:#ccc;}
.history  .right span{padding:0 50px;float:left;}
.history  .left span{float:right;padding:0 50px;}
.history  .left span:after {content: ''; position: absolute; width: 15px; height:15px;border:3px solid #31a511; background:#fff; border-radius:50%;bottom:15px;right:-8px;}
.history  .right span:after {content: ''; position: absolute; width: 15px; height:15px;border:3px solid #31a511; background:#fff; border-radius:50%;bottom:12px;left:-7px;}
.history  .left span:before {content: ''; position: absolute; width: 72%; height:1px; background:#ccc; right:0;bottom:21px;z-index:-1;}
.history .right span:before {content: ''; position: absolute; width: 72%; height:1px;background:#ccc;left:0;bottom:18px;z-index:-1;}
.history  .after_none:after{display:none;}
.history .right div p b {display:inline-block;margin-right:10px;}



.tran_box span{font-size:25px; font-weight:400; display:inline-block;  padding-top:15px;}
.tran_box h2{font-size:30px; padding:80px 65px 80px 65px; line-height:1.5; margin:0; font-weight:600;}
.tran_box {width: 100%; overflow: hidden;   background: url(/img/sub/tran_bg.jpg) 0 0 no-repeat; margin-bottom:30px; }

.gaduk01_table.mo {display:none;}
table td.left {text-align:left;}
table.mo {display:none;}

#person h3 {padding-left: 0;}
#person h3:before {display:none;}
p.person_head {background: #f7f7f7;padding: 25px;}


.gaguk_table {clear: both;margin-bottom: 30px;}
#person table {border-left: 1px solid #ddd;border-top: 2px solid #000;}
#person table th {font-size: 15px;padding: 10px;border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;background: #f5f5f5;color: #383838;text-align: center;}
#person table td {font-size: 15px;padding: 10px;border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;line-height: 1.3;word-break: break-all;text-align: left;}
#person > table {margin-left:30px;width:calc(100% - 30px);}
#person > p {
    padding-left: 30px;
    margin-bottom: 10px;
}
ul.priv {
    padding: 0 0 20px 47px;
}
#person > dl {
    padding: 0 0 20px 48px;
}
#person > dl > dd {
    padding: 0 0 0 17px;
}
#person table.priv_table {margin-top:20px;margin-bottom:20px;}
#person table.priv_table td {text-align: center;}
.my_pe_content01_inr { padding: 30px; border: 1px solid #ccc; background: #fbfbfb;border-radius:10px;text-align:center; }
.my_pe_content01_inr p { line-height: 23px; }
span.email_img {
    display: block;
    margin-bottom: 30px;
}
.email_tit {
    font-size: 20px;
    margin-bottom: 20px;
}

.greetings_top {
    width: 100%;
    overflow: hidden;
    background: url(/img/sub/greetings_bg.jpg) 0 0 no-repeat;
	background-size:cover;
	margin-bottom:40px;
}
#greetings .greetings_top h2 {
    margin: 0;
    padding: 142px 65px 105px 65px;
    line-height: 1.5;
	border-bottom:none;
}
#greetings .greetings_top h2:before {display:none;}
#greetings p {
    font-size: 18px;
    line-height: 1.5;
}
#greetings span {
    font-size: 20px;
	display:block;
	margin-top:30px;
	font-weight:600;

}