@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: #1d55c4;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: #1d55c4;content: '';}
.con_wrap h3 {clear:both;position:relative; margin: 50px 0 15px 0; padding-left:15px; font-size:28px; color:#171616; font-weight:800; line-height:1.33;}
.con_wrap h3.mb25{margin:40px 0 25px 0;}
.con_wrap h3.first {margin-top:0;}
.con_wrap h3:before {position:absolute; top:10px; left:0; width:5px; height:15px; background:#1d55c4; content:''; transform:rotate(35deg);}
.icon_skyblue:before {background:#108ad3 !important;}


table {margin-bottom:10px; }
table.t1 {border-top: 2px solid rgba(66,106,179,1); border-right: 1px solid #ccc;}
table.t1 tr {} /* colgroup 으로 td 스타일제어하려면 tr에 정의 */
table.t1 thead, table.t1 tfoot {background: #fff; font-weight: normal; font-size:1em; }
table.t1 th {border-bottom: 1px solid #ccc;border-left: 1px solid #ccc; background: #f5f5f5; padding:15px 10px; vertical-align:middle; word-break:keep-all; font-size: 17px;}
table.t1 thead th {text-align: center; border-bottom: 1px solid #ccc}
table.t1 tbody th {text-align: center; background:#fefefe;}
table.t1 tbody th span {color: #222; font-weight: 700; display:inline-block; margin:0 20px;}
table.t1 tbody th.bo {border-left: 1px solid #ccc; }
table.t1 td {background: #fff; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; padding:10px; line-height:150%; vertical-align:middle; word-break:keep-all; font-size: 17px;}
table.t1 td ul {display: block;margin-bottom:0px !important; }
table.t1 td li {position: relative; padding-left:10px;}
table.t1 td li:after {display: block; content: ""; position: absolute; width: 3px; height: 3px; top: 10px; left: 0px; border: 2px solid rgba(0, 0, 0, 0.65); border-radius: 50%;font-size: 18px;}

table.t2 {border-top: 2px solid #333 !important; }
table.t2 th {padding:15px 20px; vertical-align:middle; text-align:center; font-size: 18px; }
table.t2 thead th {border-bottom: 1px solid #333; background:#f5f5f5;}
table.t2 tbody th {border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; background:#fafafa;}
table.t2 tbody th span {color: #222; font-size: 18px; font-weight: 700; display:inline-block; margin:0 20px;}
table.t2 td {padding:15px 20px; line-height:150%; vertical-align:middle; font-size: 18px; border-bottom: 1px solid #ccc; }
table.t2 td ul {display: block;margin-bottom:0px !important; }
table.t2 td li {position: relative; padding-left:10px;}
table.t2 td li:after {display: block; content: ""; position: absolute; width: 3px; height: 3px; top: 10px; left: 0px; border: 2px solid rgba(0, 0, 0, 0.65); border-radius: 50%;font-size: 18px;}

.t_cen {text-align:center !important; }
.t_left {text-align:left !important;}
.t_right {text-align:right !important; }
.c_red  {color:#ed595a !important;}
.c_blue {color:#398ede !important;}
.c_orange {color:#fbaf00 !important;}

table.t1.w50 {width:48% !important;}

@media screen and (max-width:640px){
	.table_wrap {overflow-y:scroll;}
	.table_wrap table {width:600px;}
}






.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;}

/****사례관리사업****/
.busi03_sec {padding-left: 19px;clear: both;margin-bottom: 30px;}
.busi03_sec p {font-size: 18px;padding-left: 14px;line-height: 1.6;color: #000;}
.busi03_sec h4{font-size: 22px; font-weight: 700;}
.busi03_table {padding-left: 16px;clear: both;margin-bottom: 55px;}
.busi03_table table{border-left: 1px solid #ddd;border-top: 2px solid #000; }

.busi03_table .td_text td{text-align: left;}

.busi03_process table {padding-left: 22px;clear: both;margin-bottom: 30px;}
.busi03_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; word-break: keep-all;}
.busi03_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; word-break: keep-all;}
.tbl_head03 td:first-child{border-left: 0}
.busi03_process_mobile{display:none;}
.busi03_table.table_long_mobile{display:none;}

.useful_sec .useful_table{padding:0;}

.business_process{text-align: center; padding: 20px;}
.business_process .pl{padding: 0 0 40px 100px;}
.business_process li {display: inline-block;vertical-align: middle;}
.business_process .buisness_pro_con{padding: 30px 50px;text-align: center;border-radius: 50%;background: #f5f5f5;}
.buisness_pro_con span {display: block; text-align: center;margin-top: 9px;font-size: 17px;font-weight: 600;}
.buisness_pro_con span.mt {margin: 25px 0 5px 0;}
.arr02 {margin:0 30px;}

@media all and (max-width:1120px){
.business_process .pl{padding: 0 0 40px 20px;}
}

@media all and (max-width:1050px){
.business_process{display:none;}
.busi03_process_mobile {display: block; padding-top: 20px;}
.busi03_table.table_long_web{display: none;}
.busi03_table.table_long_mobile{display: block;}
}

@media all and (max-width:380px){
.busi03_table table th {font-size: 14px;}
}


/*******************/
#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: #1d55c4;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: #1d55c4;font-size:14px;padding:5px 15px;color:#fff;	border-radius: 15px}
#bus .tabs li.active span.tt_txt i {background: #fff;color:#1d55c4;}

#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 #1d55c4;}
.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: #1d55c4;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: #1d55c4;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: #1d55c4;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.current {background: #1d55c4;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.current {background: #1d55c4;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.current {background: #1d55c4;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;}

@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: 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;}
}


.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;
}




/* 법인소개 */

.PageAbout {
    position: relative
}

.PageAbout:after {
    content: "";
    display: block;
    width: 48.125%;
    height: 34.875rem;
    background-color: #fcf8ed;
    position: absolute;
    right: 0;
    bottom: 0;
    border-radius: 20.625rem 0 0;
    z-index: -1
}

@media screen and (max-width: 1024px) and (min-width:748px) {
    .PageAbout:after {
        height:32.0rem
    }
}

@media screen and (max-width: 747px) and (min-width:1px) {
    .PageAbout:after {
        width:100%;
        height: 30rem;
        right: auto;
        left: 50%;
        transform: translateX(-50%)
    }
}

.AboutCharacter {
    overflow: hidden;
    position: relative;
    margin-bottom: 6.25rem
}

@media screen and (max-width: 747px) and (min-width:1px) {
    .AboutCharacter {
        margin-bottom:5rem
    }
}

.AboutCharacterImg {
    margin-bottom: 5.5rem
}

@media screen and (max-width: 1024px) and (min-width:748px) {
    .AboutCharacterImg {
        margin-bottom:2.5rem
    }
}

@media screen and (max-width: 747px) and (min-width:1px) {
    .AboutCharacterImg {
        margin-bottom:2.0rem
    }
}

.AboutCharacterImg-img {
    display: block;
    margin: 0 auto;
}

.AboutCharacterText-txt {
    color: #000;
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 1.6em;
    text-align: center
}

@media screen and (max-width: 1024px) and (min-width:748px) {
    .AboutCharacterText-txt {
        font-size:1.6rem
    }
}

.BgAboutBox {
    overflow: hidden;
    position: relative;
    margin-bottom: 1.6875rem;
    border-radius: 5.5rem 5.5rem
}

@media screen and (max-width: 747px) and (min-width:1px) {
    .BgAboutBox {
        border-radius:2.0rem 2.0rem
    }
}

.BgAboutBox:before {
    content: "";
    display: block;
    padding-top: 28.61%
}

@media screen and (max-width: 747px) and (min-width:1px) {
    .BgAboutBox:before {
        padding-top:70%
    }
}

.BgAboutBoxImg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.BgAboutBoxImg-img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.BgAboutBoxText {
    margin-bottom: 7.875rem
}

@media screen and (max-width: 747px) and (min-width:1px) {
    .BgAboutBoxText {
        margin-bottom:5rem
    }
}

.BgAboutBoxText-txt {
    color: #000;
    font-size: 3.0rem;
    font-weight: 600;
    line-height: 1.6em;
    text-align: center
}

@media screen and (max-width: 1024px) and (min-width:748px) {
    .BgAboutBoxText-txt {
        font-size:25rem
    }
}

@media screen and (max-width: 747px) and (min-width:1px) {
    .BgAboutBoxText-txt {
        font-size:1rem
    }
}

.ValueBox {
    width: 70%;
    margin: 0 auto 7.625rem;
    font-size: 0;
    line-height: 0
}

@media screen and (max-width: 1440px) and (min-width:1025px) {
    .ValueBox {
        width:80%
    }
}

@media screen and (max-width: 1024px) and (min-width:748px) {
    .ValueBox {
        width:100%
    }
}

@media screen and (max-width: 747px) and (min-width:1px) {
    .ValueBox {
        width:100%;
        margin-bottom: 5rem
    }
}

.ValueBox-list {
    text-align: center
}

.ValueBox-item {
    border-radius: 100%;
    position: relative;
    display: inline-block;
    margin-right: -2.5rem;
    margin-left: -2.5rem
}

@media screen and (max-width: 747px) and (min-width:1px) {
    .ValueBox-item {
        margin-bottom:2.5rem
    }
}

.ValueBox-item:last-child {
    margin-bottom: 0
}

.ValueBox-item:nth-child(2) .ValueItemTitle:after,.ValueBox-item:nth-child(2) .ValueItemTitle:before {
    content: "";
    display: block;
    position: absolute;
    top: 6.7rem;
    bottom: 6.7rem;
    width: 5.5rem;
    z-index: 1;
    background-color: #f2f6ff;
    border-radius: 100%
}

@media screen and (max-width: 1024px) and (min-width:748px) {
    .ValueBox-item:nth-child(2) .ValueItemTitle:after,.ValueBox-item:nth-child(2) .ValueItemTitle:before {
        top:6.8rem;
        bottom: 6.8rem
    }
}

@media screen and (max-width: 747px) and (min-width:1px) {
    .ValueBox-item:nth-child(2) .ValueItemTitle:after,.ValueBox-item:nth-child(2) .ValueItemTitle:before {
        display:none
    }
}

.ValueBox-item:nth-child(2) .ValueItemTitle:before {
    left: -1rem
}

.ValueBox-item:nth-child(2) .ValueItemTitle:after {
    right: 0
}

.ValueItemTitle {
    border-radius: 100%;
    width: 30rem;
    height: 30rem;
    position: relative;
    background-color: #f2f6ff;
    text-align: center;
    border: 2px solid #1d55c4
}

@media screen and (max-width: 747px) and (min-width:1px) {
    .ValueItemTitle {
        width:35rem;
        height:35rem
    }
}

.ValueItemTitle-inner {
    position: absolute;
    top: 50%;
    left: 2.875rem;
    right: 2.875rem;
    transform: translateY(-50%)
}

@media screen and (max-width: 747px) and (min-width:1px) {
    .ValueItemTitle-inner {
        left:.625rem;
        right: .625rem
    }
}

.ValueItemTitle-tit {
    color: #000;
    font-size: 3.0rem;
    font-weight: 600;
	line-height:1.5;
}

@media screen and (max-width: 1024px) and (min-width:748px) {
    .ValueItemTitle-tit {
        font-size:2.5rem
    }
}

@media screen and (max-width: 747px) and (min-width:1px) {
    .ValueItemTitle-tit {
        font-size:2.4rem
    }
}

.ValueItemTitle-txt {
    margin-top: 1.5rem;
    color: #1d55c4;
    font-size: 2.0rem;
    font-weight: 600;
}

@media screen and (max-width: 747px) and (min-width:1px) {
    .ValueItemTitle-txt {
        font-size:1.6rem
    }
}

.ValueItemText {
    position: relative;
    padding-top: 4.125rem;
    margin-top: 1rem
}

@media screen and (max-width: 747px) and (min-width:1px) {
    .ValueItemText {
        padding-top:2.1875rem;
        margin-top: .875rem
    }
}

.ValueItemText:before {
    content: "";
    display: block;
    position: absolute;
    width: 2px;
    height: 3rem;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    background-image: url(https://withyoulove.co.kr/images/view/about/img-dot.png);
    background-repeat: repeat
}

@media screen and (max-width: 747px) and (min-width:1px) {
    .ValueItemText:before {
        height:3.0rem
    }
}

.ValueItemText-txt {
    color: #000;
    font-size: 2.0rem;
    line-height: 1.6em
}

@media screen and (max-width: 747px) and (min-width:1px) {
    .ValueItemText-txt {
        font-size:1.6rem
    }
}



/* 오시는길 */

.MapBox {
    overflow: hidden;
    position: relative;
    margin-bottom: 1.375rem;
    border-radius: 3.125rem 3.125rem
}

.MapBox:before {
    content: "";
    display: block;
    padding-top: 28.61%
}

@media screen and (max-width: 1024px) and (min-width:748px) {
    .MapBox:before {
        padding-top:32%
    }
}

@media screen and (max-width: 747px) and (min-width:1px) {
    .MapBox:before {
        padding-top:80%
    }
}

.MapBox-inner {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.root_daum_roughmap {width:100% !important;}

@media screen and (max-width: 747px) and (min-width:1px) {
    .MapBox {
        border-radius:2.0rem 2.0rem
    }
}

.LocationInfo-item {
    padding: 2.5rem 0;
    border-top: 1px solid #dbdbdb
}

.LocationInfo-item:first-child {
    border-top: 0
}

@media screen and (max-width: 747px) and (min-width:1px) {
    .LocationInfo-item {
        padding:1.5625rem 0
    }
}

.LocationItem:after {
    content: "";
    display: block;
    clear: both
}

.LocationItemTitle {
    float: left;
    width: 20.13%
}

.LocationItemTitle-txt {
    color: #000;
    font-size: 3.0rem;
    font-weight: 700;
    line-height: 1.2em
}

@media screen and (max-width: 1024px) and (min-width:748px) {
    .LocationItemTitle-txt {
        font-size:2.6rem
    }
}

@media screen and (max-width: 747px) and (min-width:1px) {
    .LocationItemTitle-txt {
        font-size:1.8rem
    }

    .LocationItemTitle {
        float: none;
        width: 100%;
        margin-bottom: 1rem
    }
}

.LocationItemCont {
    overflow: hidden
}

.LocationText {
    margin-bottom: .875rem;
    color: #000;
    font-size: 2.0rem;
    line-height: 1.8em
}

@media screen and (max-width: 1024px) and (min-width:748px) {
    .LocationText {
        margin-bottom:.625rem
    }
}

.LocationText:last-child {
    margin-bottom: 0
}

@media screen and (max-width: 747px) and (min-width:1px) {
    .LocationText {
        margin-bottom:.8rem;
        font-size: 1.5rem
    }
}

.LocationText a {
    display: inline-block;
    margin-left: .8rem;
    color: #000;
    text-decoration: underline
}

.LocaBullet-item {
    margin-bottom: .875rem
}

.LocaBullet-item:last-child {
    margin-bottom: 0
}

.LocaBullet-item:after {
    content: "";
    display: block;
    clear: both
}

@media screen and (max-width: 747px) and (min-width:1px) {
    .LocaBullet-item {
        margin-bottom:.5rem
    }
}

.LocaBullet-tit {
    float: left;
    width: 6.75rem
}

@media screen and (max-width: 747px) and (min-width:1px) {
    .LocaBullet-tit {
        width:2.5rem
    }
}

.LocaBullet-txt {
    overflow: hidden
}

.LocaNoti {
    margin-top: 1.375rem
}

@media screen and (max-width: 747px) and (min-width:1px) {
    .LocaNoti {
        margin-top:.875rem
    }
}

.LocaNoti-txt {
    color: #555;
    font-size: 1.6rem;
    line-height: 1.8em
}

@media screen and (max-width: 747px) and (min-width:1px) {
    .LocaNoti-txt {
        font-size:1.4rem
    }
}

.LocaNoti-txt a {
    color: #555;
    font-weight: 500;
    text-decoration: underline
}







/* 인사말 */
.total_greeting{margin-top:100px;}
.total_greeting .greeting_top{padding-right:100px; padding-left:100px;}
.total_greeting .greeting_title{display:inline-block;position:relative;padding-top: 38px;padding-bottom:77px;}
.total_greeting .greeting_title .inner{position:relative;}
.total_greeting .greeting_title .inner:before, .total_greeting .greeting_title .inner:after{content:''; display:block; position:absolute; width:58px; height:50px; background-repeat:no-repeat;}
.total_greeting .greeting_title .inner:before{top: -58px;left: 4px;background-image:url("/img/sub/greeting_title_quote1.png");}
.total_greeting .greeting_title .inner:after{bottom:-35px;right:-65px;background-image:url("/img/sub/greeting_title_quote2.png");}
.total_greeting .greeting_title .tit{color:#111;font-size:30px;line-height: 50px; word-break:keep-all;}
.total_greeting .greeting_title .tit .point{font-family: 'Gmarket Sans'; font-size:5.5rem; font-weight:600; line-height:5rem; vertical-align:bottom;}
.total_greeting .greeting_cont{position:relative;padding-top: 46px;padding-bottom: 39px;}
.total_greeting .greeting_cont:before{display:block;position:absolute;top:0;left:-100px; z-index:-5; width:calc(100% + 200px);height:100%;background-color:#1d55c4; content:'';}
/*.total_greeting .greeting_cont:after{display:block;position:absolute;top: -38px;left:4px;width:3px;height:62px;background-color:#014099; content:'';}*/
.total_greeting .greeting_cont .image{display:block;position:absolute;bottom:0;right:-100px;z-index:10; width:300px}
.total_greeting .greeting_cont .image:before{content:''; display:block;position:absolute;bottom:25px;right:110px;z-index:-5;width:236px;height:241px;background-image:url("/img/sub/greeting_cont_bg.png");background-repeat:no-repeat;}
.total_greeting .greeting_cont .text{font-family: 'Gmarket Sans'; color:#fff;font-size:2.8rem;font-weight:400;line-height: 30px; word-break:keep-all;}
.total_greeting .greeting_bottom{padding: 45px 103px;}
.total_greeting .greeting_desc{line-height: 30px; word-break:keep-all; font-size:1.8rem; word-break:keep-all;}
.total_greeting .greeting_name{margin-top: 74px;}
.total_greeting .greeting_name .normal_name{margin-right: 2px;font-size:20px;}
.total_greeting .greeting_name .bold_name{color:#000; font-size:24px; font-weight:600;}


/* 연혁 */

[id^="section"].history {z-index: 0;}
.history .step:not(.on) header h3:after,.history .step:not(.on) header h3:before {width: 0;}
.history .step header h3 {position: relative;left: 0;top: 0;display: inline-block;}
.history .step header h3 span {position: relative;z-index: 2;}
.history .step header h3:after, .history .step header h3:before {content: "";display: block;width: 100%;height: 50%; position: absolute;left: 0;top: 50%;transition: all 0.45s;}
.history .step header h3:before {width: calc(100% - 2px);height: calc(50% - 2px);margin: 1px;}
.history .step header h3:after {background-color: rgba(234, 204, 26, 0.8);}
.history .step:not(.on) header h3:before, .history .step.off header h3:before, .history .step.on header h3:after {transition-delay: 0.05s;}
.history .step:not(.on) header h3:after, .history .step.off header h3:after, .history .step:not(.on) header h3:before, .history .step.off header h3:before {left: auto;right: 0;}
.history > article {position: relative;left: 0;top: 0;}
.history > article > div {position: fixed;left: 50%;top: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.history > article:not(.on) > div figure {visibility: hidden;}
.history > article.on > div figure {}
.history figure > div > span {width: 100%;}
.history figure > div > span > span {padding-bottom: 64.7%;background-size: cover;background-position: center center;}
@media screen and (orientation: portrait) and (max-width: 1000px) {
  .history figure > div > span > span {
    padding-bottom: 80vmin;
  }
}
.history figcaption div {  margin-top: 30px;  display: flex;  align-items: flex-start;}
@media screen and (min-width: 1681px) {
  .history figcaption > div {
    width: 70vw;
  }
}
@media screen and (min-width: 1281px) and (max-width: 1680px) {
  .history figcaption > div {
    width: 85vw;
  }
}
.history figcaption {position: relative;  z-index: 3;}
/* .history {padding-bottom: 30vh;} */
.history figcaption > div {  margin: auto;  padding: 0 30px;}
@media screen and (max-width: 1000px) {
  .history figcaption > div {
    max-width: 650px;
  }
}

.history .step figcaption h3, .history .step figcaption h3 span {position: relative;left: 0;top: 0;z-index: 2;display: inline-block;}
.history .step figcaption h3:before {content: "";position: absolute;left: 0;bottom: 0%;z-index: 0;display: block;width: 100%;height: 0.7em;background-color: rgba(35, 132, 198, 0.5);transition: all 0.3s;}
.history .step:not(.on) figcaption h3:before {width: 0;}
.history .step:not(.on) figcaption h3:before,
.history .step.off figcaption h3:before {left: auto;right: 0;}

@media screen and (min-width: 1001px) {
  .history figcaption > div {
    min-width: 1000px;
  }
  .history figcaption > div > :first-of-type {
    display: block;
    width: 50%;
    flex: none;
  }
  .history figcaption > div > :nth-of-type(2) {
    margin: 100px 0 0 30px;
  }
  .history figcaption > div:after {
    clear: both;
    display: block;
    content: "";
  }
}
@media screen and (max-width: 1000px) {
  .history figcaption > div {
    display: block;
  }
}
.history figcaption div + div {margin-top: 20px;}
.history figcaption div time {flex: none;min-width: 7em;color: #999;font-size: 16px;/*font-weight: 300;*/}
.history figcaption > p {font-weight: 300;}
.history figcaption div p {min-width:600px; font-size:16px;}
.history figcaption div p span {line-height: inherit;}
.clients header p {font-weight: 300;}

[class^="section"]:not(.history):not(.fillTheFeel),
[id^="section"]:not(.history):not(.fillTheFeel),
.history > article > div {
  padding: 0 20px;
  margin: 0 auto;
}

.history header {
  width: 100%;
  padding-left: 30px;
  padding-right: 30px;
}
@media screen and (min-width: 1681px) {
  .history > article > div,
  .history header,
  .contact nav {
    width: 70vw;
  }
}
@media screen and (min-width: 1281px) and (max-width: 1680px) {
  .history > article > div,
  .history header,
  .contact nav {
    width: 85vw;
  }
}

.clients header {
  padding-bottom: 30px;
}

@media screen and (min-width: 1001px) {
  /*.whoWeAre h3,
	.history h3 {
		margin-left: -4vw;
	}*/
  .history figure {
    width: 50%;
    flex: none;
  }
  .whoWeAre figcaption {
    padding-left: 30px;
  }

  .clients,
  .vision,
  .crew,
  .history > article > div,
  .history header,
  .whoWeAre {
    min-width: 1000px;
  }
  .history > article > div {
    display: flex;
  }
  .clients header p.on {
    transition-delay: 1s;
  }
}
@media screen and (max-width: 1000px) {
  .history > article > div,
  .whoWeAre figure,
  .whoWeAre figcaption,
  .whoWeAre {
    flex-direction: column;
    width: 100%;
  }
  .history figure > div > span {
    width: 80%;
    margin: 0 auto;
  }
  .whoWeAre figure .img {
    font-size: 1vw;
    width: calc(100em - 60px);
    height: calc(64.7em - 30px);
    max-width: 600px;
    max-height: 388px;
    padding: 0;
  }
  .whoWeAre figcaption header,
  .history figcaption > p,
  .clients header p {
    /*font-size: var(--font-14);*/
    margin-top: 0;
    padding-bottom: 14px;
  }
  .whoWeAre figcaption article,
  .whoWeAre figcaption article div + div {
    display: block;
    margin-top: 14px;
  }
  .history > article > div {
    display: flex;
  }
  .whoWeAre figcaption {
    margin-top: 30px;
  }
  .history figcaption div {
    margin-top: 14px;
  }
}

/* 스크롤 애니메이션 시작 */
.scrollAni > * {
  display: block;
  overflow: hidden;
}
.scrollAni > * > * {
  display: block;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
[class="scrollAni"]:not(.on) > * > *,
.scrollAni.wave:not(.on) > * > *,
.scrollAni.yesBm:not(.on) > * > * {
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  opacity: 0;
}

.split {
  /*line-height: 1.1;*/
  vertical-align: middle;
}
.split > span {
  display: inline-block;
  overflow: hidden;
}
.split > span > span:not(empty) {
  display: block;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.split > span > span:empty:after {
  content: "";
  display: block;
  width: 0.2em;
}
.split:not(.on) > span > span {
  transform: translateY(100%);
  transition-delay: 0s !important;
}

/*.step:not(.on):not(.off) .stepItem {
	visibility: hidden;
}*/
.step:not(.on) > div {
  visibility: hidden;
}

/* .step:not(.on) .stepItem > span > span {
  -webkit-transform: scale(125%);
  transform: scale(125%);
  opacity: 0;
  visibility: hidden;
} */

.step.txt:not(.on):not(.off) .stepItem > span > span {
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  transition: all 0.3s;
}
.step.txt.on .stepItem > span > span {
  transition: all 0.3s;
}
.step.txt.off .stepItem > span > span {
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  transition: all 0.3s;
}
.step.off .stepItem > span > span {
  -webkit-transform: scale(100%);
  transform: scale(100%);
  opacity: 0;
  visibility: hidden;
}

.stepItem > span {
  display: block;
  overflow: hidden;
  -webkit-transition: all 0.7s;
  transition: all 0.7s;
}
.stepItem > span > span {
  -webkit-transform: scale(100%);
  transform: scale(100%);
  display: block;
  -webkit-transition: all 1s;
  transition: all 1s;
}
.stepItem > span > span::first-line {
  line-height: 1.1 !important;
}
.scale {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.scale:not(.on) {
  visibility: hidden;
  opacity: 0;
}
.scale div {
  font-size: 6vmax;
  position: fixed;
  font-weight: 500;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 17vmax;
  height: 17vmax;
  line-height: 0;
  display: flex;
  justify-content: center;
  align-items: center;

  -webkit-transition: all 0.1s;
  transition: all 0.1s;
}

/* 스크롤 애니메이션 끝 */


/* 사이드메뉴 */
#remote{width:220px; position:absolute; top:10vh; left:20px;}
#remote h1,#remote h2{position:relative;padding: 41px 10px;border-radius:15px 15px 0 0;background: #5a8ad9;color:#fff;font-size:2rem;line-height: 1;font-weight:700;min-height:122px;text-align:center;/* height: 122px; */ word-break:keep-all;}
#remote #lnb{position:relative;margin:-35px 0 20px;padding:36px 20px;border:1px solid #dadcdf;border-radius:15px;background:#fff;}
#remote #lnb > li{position:relative;border-top:1px solid #dadcdf;}
#remote #lnb > li:first-child{border-top:none;}
#remote #lnb > li.on + li{border-top:none;}
#remote #lnb > li > a{position:relative;display:block;padding:16px 35px 14px 18px;background:#fff;line-height:1.2;}
#remote #lnb > li > a:before{content:'';position:absolute;right:18px;top:24px;z-index:1;transform:rotate(45deg);-webkit-transform:rotate(45deg);display:block;width:4px;height:4px;border:solid #585c62;border-width:0 1px 1px 0;}
#remote #lnb > li > a:after{content:'';position:absolute;right:10px;top:17px;display:block;width:19px;height:19px;border-radius:50%;}
#remote #lnb > li > a[target="_blank"]:before{content:'';right:15px;transform:none;-webkit-transform:none;display:inline-block;vertical-align:middle;width:11px;height:12px;border:none;background:url(/template/A/images/target.png)no-repeat;}
#remote #lnb > li > a[target="_blank"]:after{display:none;}
#remote #lnb > li > a > span{position:relative;right:auto;top:auto;display:inline-block;width:100%;height:auto;background:none;color:#505152;font-size:1.6rem;line-height:1.2;font-weight:400;word-wrap:break-word;word-break:keep-all;}
#remote #lnb > li > a.link_2th_ov{border-bottom:1px solid #4175c7;}
#remote #lnb > li > a.link_2th_ov:before{top:26px;border-color:#fff;border-width:1px 0 0 1px;}
#remote #lnb > li > a.link_2th_ov:after{border:1px solid #3e8cd6;background:#3e8cd6;}
#remote #lnb > li > a.link_2th_ov > span{color:#3e8cd6;font-weight:700;}
#remote #lnb .th3{overflow:hidden;display:none;margin:0;padding:0 10px;border-bottom:2px solid #4175c7;background:#fff;transition:all .4s;-webkit-transition:all .4s;text-align:left;}
#remote #lnb .th3 > li{position:relative;border-bottom:1px dotted #b2b2b2;}
#remote #lnb .th3 > li:last-child{border:none;}
#remote #lnb .th3 > li > a{position:relative;z-index:2;display:block;margin:0;padding:12px 25px 12px 15px;line-height:1.4;}
#remote #lnb .th3 > li > a:after{content:'';position:absolute;right:8px;top:50%;transform:rotate(45deg);-webkit-transform:rotate(45deg);display:block;margin-top:-3px;width:5px;height:5px;border:solid #cecfd1;border-width:1px 1px 0 0;}
#remote #lnb .th3 > li > a span{position:relative;right:auto;top:auto;display:block;width:100%;height:auto;background:none;font-size:15px;}
#remote #lnb .th3 > li > a.link_3th_ov:after{border-color:#3c88de;}
#remote #lnb .th3 > li > a[target="_blank"]:after{right:5px;transform:none;-webkit-transform:none;margin-top:-6px;width:11px;height:12px;border:none;background:url(/template/A/images/target.png)no-repeat;}
#remote #lnb .th3 > li > span{position:relative;display:inline-block;color:#3e434a;font-size:16px;}
#remote #lnb .th3 > li > a.link_3th_ov span{color:#3c88de;}



/* 시설 */

/* 비전 */
.sub_vision .intro{padding: 58px 0 0;}
.sub_vision .exp_list > li{border:1px solid #ddd; border-radius:320px; padding:10px; box-sizing:border-box;}
.sub_vision .exp_list > li + li{margin-top:30px;}
.sub_vision .exp_list .desc{display:flex;}
.sub_vision .exp_list .desc > dt{display:flex;align-items:center;justify-content:center;font-size:3rem;font-weight:400;color:#fff;padding:0 15px;width:300px;height: auto;box-sizing:border-box;background:#1d55c4;border-radius:320px;}
.sub_vision .exp_list .desc > dt.org{background:#ffc289;}
.sub_vision .exp_list .desc > dd{width:calc(100% - 300px);padding: 34px 50px 33px;box-sizing:border-box;font-size:2.2rem;font-weight:600;color:#333;line-height:1.5; word-break:keep-all;}
.sub_vision .exp_list .desc > dd:has(.bullet_list){display:flex;flex-wrap:wrap;gap:8px 50px;padding-top: 21px;padding-bottom: 21px;}
.sub_vision .bullet_list > li{font-size:2rem; color:#555; word-break:keep-all;}
.sub_vision .bullet_list > li:before{font-weight:900;}
.sub_vision .bullet_list > li + li{margin-top:8px;}

.sub_vision .dot_tit {font-size:4rem; text-align:center; font-weight:bold; color:#333; margin-bottom:40px;}
.sub_vision .worth{position:relative;padding: 240px 0 30px;}
.sub_vision .worth:before{position:absolute; content:''; width:389px; height:172px; background:url('/img/sub/sub_vision_arw.svg') no-repeat top center; background-size:100% auto; top:0; left:50%; transform:translateX(-50%);}
.sub_vision .worth .dot_tit:after{background:none;}
.sub_vision .worth .info_list{display:flex; gap:28px;}
.sub_vision .worth .info_list > li{position:relative;width:100%;background:#fff;border:10px solid #ffdf8c;border-radius:100%; box-sizing:border-box; aspect-ratio: auto 1 / 1;} 
.sub_vision .worth .info_list > li:nth-child(2){border-color:#ffbbce;}
.sub_vision .worth .info_list > li:nth-child(3){border-color:#90cdfa;}

.sub_vision .worth .info_list .desc{position:absolute;top: 50%;left:50%;transform:translate(-50%, -50%);width: calc(100% - 10px);height: calc(100% - 10px);display:flex;align-items:center;justify-content:center;align-content:center;flex-wrap:wrap;text-align:center;border: 4px solid transparent;background: linear-gradient(150deg, #F8F8F8, #fff) padding-box, linear-gradient(150deg, #F5F5F5 5.53%, #ddd 62.52%) border-box;border-radius:100%;box-sizing:border-box; padding:10px;}
.sub_vision .worth .info_list .desc dt{font-size:2.4rem; font-weight:bold; display:flex; align-items:center; justify-content:center; width:100%; word-break:keep-all;}
.sub_vision .worth .info_list .desc dt + dd{margin-top:20px;}
.sub_vision .worth .info_list .desc dd{width:100%; font-size:2.4rem; font-weight:500; color:#333; line-height:1.4;}

@media screen and (max-width:1480px){
	.sub_vision .exp_list > li + li{margin-top:25px;}
	.sub_vision .exp_list .desc > dt{width:280px;}
	.sub_vision .exp_list .desc > dd{width:calc(100% - 280px);padding-left:40px; padding-right:40px;}
	.sub_vision .exp_list .desc > dd:has(.bullet_list){gap:8px 40px; padding-top:17px; padding-bottom:18px;}

	.sub_vision .worth{padding-top:16.2vw;}
		.sub_vision .worth:before{width:26.2vw; min-width:200px;}
	.sub_vision .worth .info_list{gap:25px;}

}
@media screen and (max-width:1200px){
	.sub_vision .exp_list > li + li{margin-top:20px;}
	.sub_vision .exp_list .desc > dt{width:260px;}
	.sub_vision .exp_list .desc > dd{width:calc(100% - 260px);padding-left:30px; padding-right:30px;}
	.sub_vision .exp_list .desc > dd:has(.bullet_list){gap:8px 0; padding-top:10px; padding-bottom:10px;}

	.sub_vision .worth .info_list{gap:20px;}
	.sub_vision .worth .info_list .desc dt + dd{margin-top:15px;}
}
@media screen and (max-width:1023px){
	.sub_vision .intro{padding-top:50px;}
	.sub_vision .exp_list > li + li{margin-top:15px;}
	.sub_vision .exp_list .desc > dt{width:240px;}
	.sub_vision .exp_list .desc > dd{width:calc(100% - 240px);padding-left:20px; padding-right:20px;}
	.sub_vision .worth .info_list > li {width:calc(94% / 3);}

	.sub_vision .worth .info_list{flex-wrap:wrap;}
}
@media screen and (max-width:767px){
	.sub_vision .exp_list > li{border-radius:40px;}
	.sub_vision .exp_list .desc{display:block;}
	.sub_vision .exp_list .desc > dt{width:100%; height:70px;}
	.sub_vision .exp_list .desc > dd {width:100%; text-align:center;}
	.sub_vision .exp_list .desc > :is(dd,dd:has(.bullet_list)){padding:20px 10px 25px;}
	.sub_vision .worth .info_list > li {width:100%;}
}
@media screen and (max-width:640px){
	.sub_vision .intro{padding-top:40px;}
	.sub_vision .worth{padding-top:100px;}
	.sub_vision .worth .info_list{gap:15px;}
	.sub_vision .worth .info_list > li{width:100%;}
	.sub_vision .worth .info_list .desc dt{font-size:2rem;}
	.sub_vision .bullet_list > li {font-size:1.6rem;}
}
@media screen and (max-width:479px){
	.sub_vision .exp_list > li{border-radius:40px;}
	.sub_vision .exp_list .desc > dt{height:60px; font-size:2rem;}
	.sub_vision .exp_list .desc > :is(dd,dd:has(.bullet_list)){padding:15px 10px 20px;}
	.sub_vision .worth .info_list .desc dt + dd{margin-top:12px;}
}





#welfare {}
#welfare .line {width:100%; height:1px; background:#edecec; margin:60px auto;}
#welfare .tit_txt {font-size:1.8rem; color:#444; word-break:keep-all; text-align:center; width:80%; margin:0 auto; line-height:1.6; font-weight:600;}

#welfare .box_wrap {margin-top:80px;}
.sub_tit_box {
    position: relative;
    padding: 10px
}

.sub_tit_box:before {
    content: "";
    height: 100%;
    width: 100%;
    background: url(/img/sub/border_bg5.png);
    display: block;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0
}


.sub_tit_box>div {
    padding: 48px 40px;
    background: #fff
}

.sub_tit_box .tit {
    color: #202020;
    font-size: 2.4rem;
    position: relative;
    max-width: 705px;
    text-align: center;
    margin: 0 auto;
    padding: 20px 75px
}

.sub_tit_box .tit span {
    font-size: 2.4rem;
    font-weight: 500;
    display: inline-block;
    line-height: 1
}

.sub_tit_box .tit span strong {
    color: #1d55c4
}

.sub_tit_box .charter_list>li {
    position: relative;
    display: table;
    table-layout: fixed;
    width: 100%;
    padding: 20px 0
}

.sub_tit_box .charter_list>li:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: url(/_static/kofac/img/sub/brd_dotted.png) repeat-x 50%
}

.sub_tit_box .charter_list>li .num {
    display: table-cell;
    vertical-align: middle;
    width: 80px
}

.sub_tit_box .charter_list>li .num span {
    color: #202020;
    background: #eee;
    width: 60px;
    height: 60px;
    line-height: 58px;
    display: inline-block;
    border-radius: 50%;
    text-align: center;
    font-size: 1.375em;
    font-weight: 500
}

.sub_tit_box .charter_list>li p {
    color: #464646;
    font-weight: 300;
    letter-spacing: 0;
    word-break: keep-all;
}

.sub_tit_box .charter_list>li p,.sub_tit_box .charter_list>li>div {
    display: table-cell;
    vertical-align: middle;
    width: 100%
}

.sub_tit_box .charter_b {
    margin: 57px 0 10px
}

.sub_tit_box .charter_b p {
    color: #006cc0;
    text-align: center
}

.sub_tit_box .charter_p {
    color: #464646;
    font-size: 1.8rem;
    max-width: 900px;
    margin: 10px auto 0;
    text-align: center;
    position: relative;
    padding: 15px 0;
    word-break: keep-all
}

.sub_tit_box .charter_p:before {
    top: 0
}

.sub_tit_box .charter_p:after {
    bottom: 0
}

.sub_tit_box .type02 .charter_list>li {
    padding: 10px 0
}

.sub_tit_box .type02 .charter_list>li .txt {
    display: table-cell;
    vertical-align: middle;
    width: 120px
}

.sub_tit_box .type02 .charter_list>li .txt span {
    color: #202020;
    background: #eee;
    width: 80px;
    height: 80px;
    line-height: 78px;
    display: inline-block;
    border-radius: 50%;
    text-align: center;
    font-size: 1.25em;
    font-weight: 500
}

.sub_tit_box .type02 .charter_list.pd>li {
    padding: 32px 0
}

.sub_tit_box .type02 .charter_list.pd>li:first-child {
    padding-top: 0
}

.sub_tit_box .type02 .charter_list.pd>li:last-child {
    padding-bottom: 0
}

.sub_tit_box .type02 .charter_list.pd>li:last-child:after {
    display: none
}

@media screen and (max-width:640px){
	.sub_tit_box .tit {padding:15px 0;}
	.sub_tit_box .charter_list>li {display:block;}
	.sub_tit_box .type02 .charter_list>li .txt span {font-size:1.6rem; width:50px; height:50px; line-height:48px;}
	.sub_tit_box .charter_list>li p {display:block; width:100%;}
}

/* 시설-연혁 */
/* history */

.history .tabs {font-size:0;text-align:center;margin-bottom:47px;display: flex;flex-wrap: wrap;gap: 20px;justify-content: center;}
.history .sub_tit_wrap + .tabs{padding-top:46px;}
.history .tabs li {display:inline-block;}
.history .tabs li a {font-size:2rem;font-weight:400;color:#666;display:flex;align-items:center;justify-content:center;width:160px;height:58px;border:1px solid #ddd;border-radius:29px;line-height:100%;text-align:center;transition:all 0.4s; box-sizing:border-box;}
.history .tabs li.current a {border-color:#1d55c4;color:#1d55c4;font-weight:600; background:#1d55c4; color:#fff;}
.sub_history .tabs li a{width:200px; }

.his_list{padding-top: 25px;}
.his_list > li{position:relative; display:flex; align-items:flex-start;}
.his_list .year{width:270px; padding-right:15px; box-sizing:border-box; font-size:2.0rem;}
.his_list .year strong{display:block; font-size:300%; font-weight:700; color:#1d55c4;line-height:1;}
.his_list .info{position:relative;width:calc(100% - 270px);box-sizing:border-box;}
.his_list .info .exp{position:relative;display:flex; flex-wrap:wrap; padding: 14px 0 19px 73px;box-sizing:border-box;}
.his_list .info .exp:last-child{padding-bottom: 87px;}
.his_list .info .exp:before{position:absolute;content:'';width:10px;height:10px;border-radius:100%;top: 23px;left: -4px;background:#1d55c4;z-index:2; transition:all 1s; transition-delay:0.4s;}
.his_list .info .exp:has(.aos-animate):before{background:#1d55c4;}
.his_list > li:last-child .info .exp:last-child:after{display:none;}
.his_list .info .exp:after{position:absolute;content:'';width: 2px;height: 100%;background:#ddd;top: 30px;left:0;}
.his_list .info .exp dt{font-size:2.2rem; font-weight:400; color:#333; line-height:1.4; width:68px;}
.his_list .info .exp dd{font-size:2.0rem; font-weight:400; color:#333; line-height:1.5; width:calc(100% - 68px);}

/* .tab_cont > .item{height:0; overflow:hidden; opacity:0; transition:all 0.4s;}
	.tab_cont > .item.on{height:auto; overflow:visible; opacity:1;} */

@media screen and (max-width:1023px){
	.sub_history .sub_tab li a{width:180px;}
	.his_list{padding-top:20px;}
	.his_list .year{width:250px;}
	.his_list .info{width:calc(100% - 250px);}
	.his_list .info .exp{padding:14px 0 15px 60px;}
	.his_list .info .exp:last-child{padding-bottom: 80px;}
	.his_list .info .exp dt{width:60px;}
	.his_list .info .exp dd{width:calc(100% - 60px);}
}
@media screen and (max-width:860px){
	.sub_history .sub_tab li a{width:160px;}
	.his_list{padding-top:15px;}
	.his_list .year{width:220px;}
	.his_list .info{width:calc(100% - 220px);}
	.his_list .info .exp{padding:14px 0 15px 50px;}
		.his_list .info .exp:last-child{padding-bottom: 70px;}
		.his_list .info .exp:before{top:21px;}
	.his_list .info .exp dt{width:55px;}
	.his_list .info .exp dd{width:calc(100% - 55px);}
}
@media screen and (max-width:640px){
	.sub_history .sub_tab li a{width:150px;}
	.his_list{padding-top:10px;}
	.his_list .year{width:180px;}
	.his_list .info{width:calc(100% - 180px);}
	.his_list .info .exp{padding: 10px 0 10px 40px;}
		.his_list .info .exp:last-child{padding-bottom: 60px;}
		.his_list .info .exp:before{width:8px;height:8px;top: 16px;left: -3px;}
		.his_list .info .exp:after{top: 22px;}
	.his_list .info .exp dt{width:50px;}
	.his_list .info .exp dd{width:calc(100% - 50px);}
}
@media screen and (max-width:479px){
	.sub_history .sub_tab li a{width:140px;}
	.his_list{padding-top:0;}
	.his_list > li{display:block;}
	.his_list .year{width:100%; padding-left:35px;}
	.his_list .info{width:100%;padding-top: 10px;}
	.his_list .info .exp{padding: 7px 0 7px 35px;}
		.his_list .info .exp:last-child{padding-bottom: 50px;}
		.his_list .info .exp:last-child:after{height:calc(100% + 50px);}
	.his_list .info .exp dt{width:45px;}
	.his_list .info .exp dd{width:calc(100% - 45px);}
}
@media screen and (max-width:360px){
	.his_list .year{ padding-left:30px;}
	.his_list .info .exp{padding: 7px 0 7px 30px;}
		.his_list .info .exp:last-child{padding-bottom:40px;}
	.his_list .info .exp dt{width:40px;}
	.his_list .info .exp dd{width:calc(100% - 40px);}
}

/* 시설-조직도 */

.sub_work{margin-top: 58px;}
.sub_work .chart_tab{cursor: pointer;}
.sub_work .organ_img_00{display: none;}
.sub_work .chart_wrap{position: relative;}
.sub_work .chart_wrap:before{position: absolute; content:''; width:1px; height:47.5%; /*height:calc(72% - 35px);*/ background: #ddd; top:35px; left:50%; margin-left: -0.5px;}
.sub_work .chart_wrap + .chart_info{margin-top:60px;}
.sub_work .chart_list{position: relative; display:flex; justify-content: center; gap:0 300px;}
.sub_work .chart_list > li{position: relative;}
.sub_work .chart_list > li > span{position:relative; display:flex; align-items: center; justify-content: center; width: 240px; height:70px; border:3px solid #ddd; border-radius: 10px; box-sizing: border-box; font-size:2.2rem; font-weight: 400; color: #333; line-height:1.5; padding:0 5px; background:#fff; z-index:5; word-break: break-all; text-align: center;}
.sub_work .chart_list > li > span + span{margin-top:30px;}

.sub_work .chart_list.type01 > li > span{border-color: #51BCD3; font-weight: 600;}
.sub_work .chart_list.type01 > li + li:before{position:absolute; content:''; width: 300px; height:1px; background: #ddd; top:50%; margin-top:-0.5px; right:100%;}

.sub_work .chart_list.type02{gap:0 50px; margin-top:40px;}
.sub_work .chart_list.type02 > li{width:calc(100% / 5 - 40px); padding:60px 0;}
.sub_work .chart_list.type02 > li:before{position:absolute; content: ''; top:0; left:50%; margin-left:-0.5px; background: #ddd; width:1px; height:25%; /*height:60%;*/}
.sub_work .chart_list.type02 > li > span{width:100%; transition: all 0.4s;}
.sub_work .chart_list.type02 > li:nth-child(1) > span{border-color:#FFB648;}
.sub_work .chart_list.type02 > li:nth-child(2) > span{border-color:#FF8282;}
.sub_work .chart_list.type02 > li:nth-child(3) > span{border-color:#FF93CE;}
.sub_work .chart_list.type02 > li:nth-child(4) > span{border-color:#C791E0;}
.sub_work .chart_list.type02 > li:nth-child(5) > span{border-color:#61CC85;}

/* on */
.sub_work .chart_list.type02 > li.on > span{color:#fff;}
.sub_work .chart_list.type02 > li:nth-child(1).on > span{background:#FFB648;}
.sub_work .chart_list.type02 > li:nth-child(2).on > span{background:#FF8282;}
.sub_work .chart_list.type02 > li:nth-child(3).on > span{background:#FF93CE;}
.sub_work .chart_list.type02 > li:nth-child(4).on > span{background:#C791E0;}
.sub_work .chart_list.type02 > li:nth-child(5).on > span{background:#61CC85;}

.sub_work .chart_list.type03 > li.on > span{background: #4CA6FA; color:#fff;}

.sub_work .director.on{background: #fff; }
.sub_work .director.on h5{color:#4CA6FA;}

.sub_work .chart_txt{border: 1px solid #ddd; border-radius: 10px; background: #fff; margin-top: 10px; padding: 20px; color: #666; text-align: center;}
.sub_work .chart_txt li{padding: 5px 0;}

/* over */
/*@media screen and (min-width:1024px){
	.sub_work .chart_list.type02 > li > span:hover{color:#fff;}
	.sub_work .chart_list.type02 > li:nth-child(1) > span:hover{background:#FFB648;}
	.sub_work .chart_list.type02 > li:nth-child(2) > span:hover{background:#FF8282;}
	.sub_work .chart_list.type02 > li:nth-child(3) > span:hover{background:#FF93CE;}
	.sub_work .chart_list.type02 > li:nth-child(4) > span:hover{background:#C791E0;}
	.sub_work .chart_list.type02 > li:nth-child(5) > span:hover{background:#61CC85;}
}*/
.sub_work .chart_list.type02 > li:not(:last-child) > span:before {position:absolute; content: ''; width:calc(100% + 56px); height:1px; bottom:calc(100% + 62px); left:50%; background:#ddd;}
.sub_work .chart_list.type02 > li:not(:last-child) > span:after{bottom:auto; top:calc(100% + 62px);}

.sub_work .chart_list.type03{padding:60px 0 40px;}
.sub_work .chart_list.type03 > li > span{border-color: #4CA6FA; font-weight: 600; transition: all 0.4s;}

.sub_work .chart_list.type04{gap:0 338px;}
.sub_work .chart_list.type04 > li:nth-child(1){z-index: 3;}
.sub_work .chart_list.type04 > li:before{position:absolute; content:''; width:150px; height:1px; background:#ddd; top:50%; right:-20%; margin-top:-0.5px; z-index:1;}
.sub_work .chart_list.type04 > li + li:before{content:none;}
/* .sub_work .chart_list.type04 > li + li:after{position:absolute; content:''; width:338px; height:1px; background:#ddd; top:50%; right:100%; margin-top:-0.5px; z-index:1;} */

.sub_work .director{position: relative; display:flex; align-items: center; justify-content: center; width:160px; height:160px; border-radius: 100%; background:#4CA6FA; margin:0 auto 50px; font-size:2rem; margin-top:40px; transition: background 0.4s; border:1px solid #4CA6FA;}
.sub_work .director h5{font-size:140%; font-weight: 600; color:#fff; transition: all 0.4s; text-align:center;}

.sub_work .scroll_wrap .scr_table tbody :where(th,td){padding-top:21px; padding-bottom: 20px;}

@media screen and (max-width:1480px){
	.sub_work .chart_list.type02{gap:0 3.2vw}
	.sub_work .chart_list.type02 > li{width:calc(100% / 4 - 2.56vw);}
	.sub_work .chart_list.type02 > li:not(:last-child) > span:before, .sub_work .chart_list.type02 > li:not(:last-child) > span:after{width:calc(100% + 3.2vw + 6px);}
}
@media screen and (max-width:1023px){
	.sub_work{margin-top:50px;}
	.sub_work .chart_list{gap:0 25vw;}
	.sub_work .chart_list > li > span{width:220px;}
	.sub_work .chart_list > li > span + span{margin-top:25px;}
	.sub_work .chart_list.type01 > li + li:before{width:25vw;}
	.sub_work .chart_list.type02{margin-top:70px;}
	.sub_work .chart_list.type02 > li{padding:50px 0;}
	.sub_work .chart_list.type02 > li:not(:last-child) > span:before{bottom:calc(100% + 52px);}
	.sub_work .chart_list.type02 > li:not(:last-child) > span:after{top:calc(100% + 52px);}
	.sub_work .chart_list.type03{padding:50px 0 30px;}
	.sub_work .chart_list.type04{gap:0 27vw;}
	.sub_work .chart_list.type04 > li + li:after{width:28vw;}
	.sub_work .chart_list.type04 > li:before{right:-33px;}
	.sub_work .chart_list.type04 > li + li:before{left:-40px;}
	.sub_work .director{width:150px; height:150px; margin-top:35px;}
	.sub_work .chart_wrap:before {height:48.5%;}
}

@media screen and (max-width:860px){
.sub_work .organ_img_00{display: block;}
.sub_work .chart_wrap{display: none;}
}

/*@media screen and (max-width:860px){
	.sub_work{margin-top:45px;}
	.sub_work .chart_list > li > span{width:200px;}
	.sub_work .chart_list > li > span + span{margin-top:20px;}
	.sub_work .chart_list.type02 > li{padding:40px 0;}
	.sub_work .chart_list.type02 > li:not(:last-child) > span:before{bottom:calc(100% + 42px);}
	.sub_work .chart_list.type02 > li:not(:last-child) > span:after{top:calc(100% + 42px);}
	.sub_work .chart_list.type03{padding:40px 0 30px;}
	.sub_work .chart_list.type04 > li:before{right:-30px;}
	.sub_work .chart_list.type04 > li + li:before{left:-30px;}
	.sub_work .director{width:140px; height:140px; margin-top:30px;}
}
@media screen and (max-width:640px){
	.sub_work{margin-top:40px;}
	.sub_work .chart_wrap:before{top:55px;}
	.sub_work .chart_list > li{width:100%}
	.sub_work .chart_list > li > span{border-radius: 5px; border-width: 2px; width:100%; height:65px;}
	.sub_work .chart_list > li > span + span{margin-top:15px;}
	.sub_work .chart_list.type02{margin-top:60px;}
	.sub_work .chart_list.type02 > li{padding:30px 0;}
	.sub_work .chart_list.type02 > li:not(:last-child) > span:before, .sub_work .chart_list.type02 > li:not(:last-child) > span:after{width:calc(100% + 3.2vw + 4px)}
	.sub_work .chart_list.type02 > li:not(:last-child) > span:before{bottom:calc(100% + 32px);}
	.sub_work .chart_list.type02 > li:not(:last-child) > span:after{top:calc(100% + 32px);}
	.sub_work .chart_list.type03 > li{width:31vw; margin:0 auto;}
	.sub_work .chart_list.type04 > li:before{width:230px; right:-117px;}
	.sub_work .chart_list.type04 > li + li:before{left:-25px;}
	.sub_work .director{width:130px; height:130px;}
}
@media screen and (max-width:479px){
	.sub_work{margin-top:35px;}
	.sub_work .chart_wrap:before{top:30px;}
	.sub_work .chart_list > li > span{font-size:1.7rem; height:60px;}
	.sub_work .chart_list.type02{margin-top:50px;}
	.sub_work .chart_list.type04 > li:before{right:-80px; width:190px;}
	.sub_work .chart_list.type04 > li + li:before{left:-20px;}
	.sub_work .director{width:120px; height:120px;}
}
@media screen and (max-width:431px){
	.sub_work{margin-top:30px;}
	.sub_work .director{width:110px; height:110px;}
}
*/


/* business */	
#business{}
#business > div {margin-bottom:70px;}
#business .exp_list{display:flex; gap:40px; margin-top:100px;}
#business .exp_list > li{width:100%;}
#business .exp_list .info{height:100%;}
#business .exp_list .info > dt{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:150px;background:#FFC289;border-radius:20px;box-sizing:border-box;z-index:3;font-size:2rem;text-align:center; padding:59px 15px  0;}
#business .exp_list .info > dt strong{font-size:120%; font-weight:700; color:#fff; line-height:1.43;}
#business .exp_list .info > dt .icon{position:absolute;font-size:0;width:140px;height:140px;border:4px solid #FFC289;border-radius:100%;box-sizing:border-box;top: -80px;left:50%;transform:translateX(-50%);box-shadow:0 4px 4px rgba(0, 0, 0, 0.25);background:#fff;display:flex;align-items:center;justify-content:center;}
#business .exp_list .info > dd{border:1px solid #ddd;border-radius:0 0 20px 20px;padding: 51px 25px 30px 30px; box-sizing:border-box;margin-top:-20px; min-height:calc(100% - 160px);}

#business .num_list > li{position:relative; font-size:2rem; font-weight:500; color:#333; letter-spacing:-0.02em; line-height:1.6; padding-left:20px; box-sizing:border-box; word-break:keep-all;}

#business .num_list > li > em.circle{position:absolute;top: 8px;left:0px;display:inline-flex;align-items:center;justify-content:center;width:12px;height:12px;
background:#FFC289;border-radius:100%;text-align:center;box-sizing:border-box;font-size:1.0rem;font-weight:400;color:#FFC289;}

#business .exp_list > li:nth-child(2) .info > dt{background:#92CCFC;}
#business .exp_list > li:nth-child(2) .info > dt .icon{border-color:#92CCFC;}
#business .exp_list > li:nth-child(2) .num_list > li > em.circle{position:absolute;top: 8px;left:0px;display:inline-flex;align-items:center;justify-content:center;width:12px;height:12px;
background:#92CCFC;border-radius:100%;text-align:center;box-sizing:border-box;font-size:1.0rem;font-weight:400;color:#92CCFC;}

#business .exp_list > li:nth-child(3) .info > dt{background:#8BDCF5;}
#business .exp_list > li:nth-child(3) .info > dt .icon{border-color:#8BDCF5;}
#business .exp_list > li:nth-child(3) .num_list > li > em.circle{position:absolute;top: 8px;left:0px;display:inline-flex;align-items:center;justify-content:center;width:12px;height:12px;
background:#8BDCF5;border-radius:100%;text-align:center;box-sizing:border-box;font-size:1.0rem;font-weight:400;color:#8BDCF5;}

#business .exp_list > li:nth-child(4) .info > dt{background:#ACE3EF;}
#business .exp_list > li:nth-child(4) .info > dt .icon{border-color:#ACE3EF;}
#business .exp_list > li:nth-child(4) .num_list > li > em.circle{position:absolute;top: 8px;left:0px;display:inline-flex;align-items:center;justify-content:center;width:12px;height:12px;
background:#ACE3EF;border-radius:100%;text-align:center;box-sizing:border-box;font-size:1.0rem;font-weight:400;color:#ACE3EF;}

.num_list > li{position:relative; font-size:2rem; font-weight:500; color:#333; letter-spacing:-0.02em; line-height:1.6; padding-left:48px; box-sizing:border-box; word-break:keep-all;}
.num_list02 > li {padding-left:0;}
.num_list > li + li{margin-top: 22px;}
.num_list > li > em{position:absolute;top: -2px;left:0;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;background:#FFC289;border-radius:100%;text-align:center;box-sizing:border-box;font-size:1.6rem;font-weight:400;color:#fff;}
.num_list > li > span {word-break:keep-all;}
.num_list .hyphen_list{margin-top:10px;}
.hyphen_list > li{position:relative;font-size:1.8rem;font-weight: 400;color:#777;line-height:1.55;letter-spacing:-0.03em;padding-left:15px;box-sizing:border-box;}
.hyphen_list > li:before{position:absolute; content:'-'; top:0; left:0; }
.hyphen_list > li + li{margin-top: 10px;}


@media screen and (max-width:1480px){
	#business .exp_list{gap:30px;}
	#business .exp_list .num_list > li > span br{display:none;}
	#business .exp_list .hyphen_list > li > br{display:none;}
}
@media screen and (max-width:1200px){
	#business .exp_list{gap:20px;}
}
@media screen and (max-width:1023px){
	#business .exp_list{gap:120px 15px; flex-wrap:wrap;}
	#business .exp_list > li{width:calc(100% / 2 - 7.5px);}
	#business .exp_list .info > dt{height:160px; padding:50px 15px 0;}
	#business .exp_list .info > dt .icon{width:120px; height:120px; padding:25px; top:-70px;}
	#business .exp_list .info > dd{height:calc(100% - 140px);}

	.num_list > li{padding-left:44px;}
	.num_list > li > em{width:32px; height:32px; top:-4px;}
}
@media screen and (max-width:860px){
	#business .exp_list{gap:100px 15px; flex-wrap:wrap;}
	#business .exp_list > li{width:calc(100% / 2 - 7.5px);}
	#business .exp_list .info > dt{height:140px;padding: 40px 15px 0;}
	#business .exp_list .info > dt .icon{width:100px;height:100px;padding: 20px;top:-60px;}
	#business .exp_list .info > dd{height:calc(100% - 120px);}

	.num_list > li{padding-left: 40px;}
		.num_list > li + li{margin-top:20px;}
	.num_list > li > em{width: 30px;height: 30px;top: -2px;}

	.hyphen_list > li + li{margin-top:5px;}
}
@media screen and (max-width:640px){
	#business .exp_list{gap: 80px 0;}
	#business .exp_list > li{width:100%;}
	#business .exp_list .info > dt{height:120px;padding: 30px 15px 0;border-radius: 10px;}
	#business .exp_list .info > dt .icon{width:80px;height:80px;padding: 15px;top: -50px;}
	#business .exp_list .info > dd{height:auto;border-radius: 10px; margin-top:-10px; padding:35px 25px 30px;}

	.num_list > li{padding-left: 38px;}
		.num_list > li + li{margin-top:16px;}
	.num_list > li > em{width: 28px;height: 28px;top: -3px;}

	.hyphen_list > li + li{margin-top: 4px;}
}
@media screen and (max-width:479px){
	.num_list > li{padding-left:36px;}
	.num_list > li > em{width: 26px;height: 26px;top: -1px;}
}

/*-----------------------------------------------------------------------------------------------------------
시설 > 파랑새방문요양 > 사업소개
-----------------------------------------------------------------------------------------------------------*/
.nursing_txt{text-align:center;}
.nursing_txt h4{font-weight: 500; font-size: 24px; word-break: keep-all;}
.nursing_txt strong{display: block; font-weight: 700; font-size: 32px; color: #1d55c4; padding: 5px 0 10px; word-break: keep-all;}
.nursing_txt p{word-break: keep-all;}

.nursing_img{display: block; padding: 40px 0;}

.nursing_sec {clear: both;margin-bottom: 30px;}
.nursing_sec p {font-size: 18px;padding-left: 14px;line-height: 1.6;color: #000;}
.nursing_table {padding-left: 16px;clear: both;margin-bottom: 40px;}
.nursing_table table{border-left: 1px solid #ddd;border-top: 2px solid #000; }
.nursing_table table {padding-left: 22px;clear: both;margin-bottom: 30px;}
.nursing_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; word-break: keep-all;}
.nursing_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; word-break: keep-all;}
.tbl_head03 td:first-child{border-left: 0}

.nursing_sec .nursing_table{padding:0;}
.nursing_table .td_text td{text-align: left;}

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

@media screen and (max-width: 930px){
.nursing_txt h4{font-size: 18px;}
.nursing_txt strong{font-weight: 700; font-size: 22px;}

#nursing .tabs li span{font-size: 17px;}
}

/*-----------------------------------------------------------------------------------------------------------
시설 > 파랑새지역아동센터 > 기관소개
-----------------------------------------------------------------------------------------------------------*/
.child_process{text-align: center; padding: 20px;}
.child_process .pl{padding: 0 0 40px 100px;}
.child_process li {display: inline-block;vertical-align: middle;}
.child_process li > p{padding-top: 10px;}
.child_process .child_pro_con{padding: 30px 50px;text-align: center;border-radius: 50%;background: #f5f5f5;}
.child_pro_con span {display: block; text-align: center;margin-top: 9px;font-size: 17px;font-weight: 600;}
.child_pro_con span.mt {margin: 25px 0 5px 0;}
.arr02 {margin:0 30px;}

.child_process_mobile{display:none;}

@media all and (max-width:1130px){
.child_process{display:none;}
.child_process_mobile {display: block; padding-top: 20px;}
}

/*-----------------------------------------------------------------------------------------------------------
시설 > 파랑새지역아동센터 > 사업소개
-----------------------------------------------------------------------------------------------------------*/
/*#children > div {margin-bottom:70px;}*/

.children_txt{text-align:center;}
.children_txt h4{font-weight: 500; font-size: 24px; word-break: keep-all;}
.children_txt strong{display: block; font-weight: 700; font-size: 32px; color: #1d55c4; padding: 5px 0 10px; word-break: keep-all;}
.children_txt p{word-break: keep-all;}

.children_table {padding-left: 16px;clear: both;margin-bottom: 40px;}
.children_table table{border-left: 1px solid #ddd;border-top: 2px solid #000; }
.children_table table {padding-left: 22px;clear: both;margin-bottom: 30px;}
.children_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; word-break: keep-all;}
.children_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; word-break: keep-all;}
.tbl_head03 td:first-child{border-left: 0}
.children_table .td_text td{text-align: left;}

#children .exp_list{display:flex; gap:40px; margin-top:150px; flex-wrap: wrap;}
#children .exp_list > li{width: calc((100% / 3) - 30px); margin-bottom: 150px;}
#children .exp_list .info{height:100%;}
#children .exp_list .info > dt{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:150px;background:#FFC289;border-radius:20px;box-sizing:border-box;z-index:3;font-size:2rem;text-align:center; padding:59px 15px  0;}
#children .exp_list .info > dt strong{font-size:120%; font-weight:700; color:#fff; line-height:1.43;}
#children .exp_list .info > dt .icon{position:absolute;font-size:0;width:140px;height:140px;border:4px solid #FFC289;border-radius:100%;box-sizing:border-box;top: -80px;left:50%;transform:translateX(-50%);box-shadow:0 4px 4px rgba(0, 0, 0, 0.25);background:#fff;display:flex;align-items:center;justify-content:center;}
#children .exp_list .info > dd{border:1px solid #ddd;border-radius:0 0 20px 20px;padding: 51px 25px 30px 30px; box-sizing:border-box;margin-top:-20px; min-height:calc(100% - 120px);}

#children .exp_list > li:nth-child(2) .info > dt{background:#92CCFC;}
#children .exp_list > li:nth-child(2) .info > dt .icon{border-color:#92CCFC;}
#children .exp_list > li:nth-child(2) .num_list > li > em{background:#92CCFC;}

#children .exp_list > li:nth-child(3) .info > dt{background:#8BDCF5;}
#children .exp_list > li:nth-child(3) .info > dt .icon{border-color:#8BDCF5;}
#children .exp_list > li:nth-child(3) .num_list > li > em{background:#8BDCF5;}

#children .exp_list > li:nth-child(4) .info > dt{background:#f6b2d3;}
#children .exp_list > li:nth-child(4) .info > dt .icon{border-color:#f6b2d3;}
#children .exp_list > li:nth-child(4) .num_list > li > em{background:#f6b2d3;}

#children .exp_list > li:nth-child(5) .info > dt{background:#e8b2f6;}
#children .exp_list > li:nth-child(5) .info > dt .icon{border-color:#e8b2f6;}
#children .exp_list > li:nth-child(5) .num_list > li > em{background:#e8b2f6;}

#children .exp_list > li:nth-child(6) .info > dt{background:#8BDCF5;}
#children .exp_list > li:nth-child(6) .info > dt .icon{border-color:#8BDCF5;}
#children .exp_list > li:nth-child(6) .num_list > li > em{background:#8BDCF5;}

@media screen and (max-width:1480px){
	#children .exp_list .num_list > li > span br{display:none;}
	#children .exp_list .hyphen_list > li > br{display:none;}
}

@media screen and (max-width:1023px){
	#children .exp_list{gap:0px 15px; flex-wrap:wrap;}
	#children .exp_list > li{width:calc(100% / 2 - 7.5px);}
	#children .exp_list .info > dt{height:160px; padding:50px 15px 0;}
	#children .exp_list .info > dt .icon{width:120px; height:120px; padding:25px; top:-70px;}
	#children .exp_list .info > dd{height:calc(100% - 140px);}

	.num_list > li{padding-left:44px;}
	.num_list > li > em{width:32px; height:32px; top:-4px;}
}
@media screen and (max-width:860px){
	#children .exp_list{gap:100px 15px; flex-wrap:wrap; margin-top:90px;}
	#children .exp_list > li{width:calc(100% / 2 - 7.5px); margin-bottom: 20px;}
	#children .exp_list .info > dt{height:140px;padding: 40px 15px 0;}
	#children .exp_list .info > dt .icon{width:100px;height:100px;padding: 20px;top:-60px;}
	#children .exp_list .info > dd{height:calc(100% - 120px);}

	.num_list > li{padding-left: 40px;}
		.num_list > li + li{margin-top:20px;}
	.num_list > li > em{width: 30px;height: 30px;top: -2px;}

	.hyphen_list > li + li{margin-top:5px;}
}
@media screen and (max-width:640px){
	#children .exp_list{gap: 80px 0;}
	#children .exp_list > li{width:100%;}
	#children .exp_list .info > dt{height:120px;padding: 30px 15px 0;border-radius: 10px;}
	#children .exp_list .info > dt .icon{width:80px;height:80px;padding: 15px;top: -50px;}
	#children .exp_list .info > dd{height:auto;border-radius: 10px; margin-top:-10px; padding:35px 25px 30px;}

	.num_list > li{padding-left: 38px;}
		.num_list > li + li{margin-top:16px;}
	.num_list > li > em{width: 28px;height: 28px;top: -3px;}

	.hyphen_list > li + li{margin-top: 4px;}
}
@media screen and (max-width:479px){
	.num_list > li{padding-left:36px;}
	.num_list > li > em{width: 26px;height: 26px;top: -1px;}
}

/*-----------------------------------------------------------------------------------------------------------
시설 > 법인산하기관
-----------------------------------------------------------------------------------------------------------*/
.affiliated_txt{text-align: center; margin-bottom: 30px;}
.affiliated_txt strong{display: block; font-weight: 700; font-size: 32px; color: #1d55c4; padding: 5px 0 10px; word-break: keep-all;}

.children_img{display: block; margin-bottom: 30px;}

.affiliated_sec {clear: both;margin-bottom: 30px;}
.affiliated_sec p {font-size: 18px;padding-left: 14px;line-height: 1.6;color: #000;}
.affiliated_table {padding-left: 16px;clear: both;margin-bottom: 40px;}
.affiliated_table table{border-left: 1px solid #ddd;border-top: 2px solid #000; }
.affiliated_table table {padding-left: 22px;clear: both;margin-bottom: 30px;}
.affiliated_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; word-break: keep-all;}
.affiliated_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; word-break: keep-all;}
.tbl_head03 td:first-child{border-left: 0}

.affiliated_sec .nursing_table{padding:0;}
.affiliated_table .td_text td{text-align: left;}

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

@media screen and (max-width: 930px){
.affiliated_txt strong{font-weight: 700; font-size: 22px;}

#affiliated .tabs li span{font-size: 17px;}
}

/*-----------------------------------------------------------------------------------------------------------
개인정보처리방침
-----------------------------------------------------------------------------------------------------------*/
#person .td_text th, #person .td_text td{word-break: keep-all;}
#person .td_text td:nth-child(1){text-align: center;}

@media screen and (max-width: 800px){
#person > p{padding-left: 16px;}
#person .td_text.person_table.scroll_box{width: 800px}
}

/*-----------------------------------------------------------------------------------------------------------
후원 > 후원안내/신청
-----------------------------------------------------------------------------------------------------------*/
.hoo_table {padding-left: 16px;clear: both;margin-bottom: 40px;}
.hoo_table.mb_0{margin-bottom: 10px;}
.hoo_table table{border-left: 1px solid #ddd;border-top: 2px solid #000; padding-left: 22px;clear: both;margin-bottom: 30px;}
.hoo_table table.mb_15{margin-bottom: 15px;}
.hoo_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; word-break: keep-all;}
.hoo_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; word-break: keep-all;}
.tbl_head03 td:first-child{border-left: 0}
.hoo_table .td_text td{text-align: left;}
.hoo_table .td_text .center{text-align: center;}

.center > a{cursor: pointer;}
.hoo_form  a{font-size: 16px; font-weight: 400; background: #1d55c4; padding: 15px 20px; color: #fff; border-radius: 10px; float: right;}


/*-----------------------------------------------------------------------------------------------------------
후원 > 자원봉사안내/신청
-----------------------------------------------------------------------------------------------------------*/
.jabong .busi03_table{margin-bottom: 20px;}
.jabong > a {font-size: 16px; font-weight: 400; background: #1d55c4; padding: 15px 20px; color: #fff; border-radius: 10px; float: right;}
@media screen and (max-width: 500px){
.jabong > a {display: block; width: calc(100% - 16px); text-align: center; margin-left: 16px;}

/*-----------------------------------------------------------------------------------------------------------
스킨 수정
-----------------------------------------------------------------------------------------------------------*/
a.btn02, .btn_submit, a.btn_submit, a.btn_b02, .btn_b02{align-content: center;}
#bo_list .td_datetime{width: 120px !important;}
.full_input{width: 100% !important;}