@charset "utf-8";
/* ---------- 주요사업 ----------- */
.business_info .sec1{padding:60px;border-radius:13px;background:url('/_KOR/img/sub/img_sub010101_bg.png') top left no-repeat #fcedf4;background: linear-gradient(0deg, rgba(255,250,252,1) 21%, rgba(252,237,244,1) 58%);}
.business_info .sec1 .img img{width:280px;border-radius:13px;overflow:hidden;}
.business_info .sec1 .text{width:calc(100% - 280px);padding-left:40px;}
.business_info .imglist_wp{margin-top:40px;text-align:center;}
.business_info .imglist_wp img{border-radius:13px;}
.business_info .imglist_wp.border img{border:1px solid #ededed;}

.busi_vision {display:inline-flex;position:relative;margin:0 auto;}
.busi_vision:before{content:'';position:absolute;top:50%;left:0%;width:100%;border-top:1px dashed #868C98;}
.busi_vision li{position:relative;width:160px;height:160px;background:#fff;border-radius:50%;box-shadow: 0px 8px 16px 2px rgba(0, 0, 0, 0.04);}
.busi_vision li + li{margin-left:40px;}
.busi_vision li + li:before{content:'';position:absolute;top:50%;margin-top:-6px;left:-26px;width:12px;height:12px;border-radius:50%;background: #868C98;}
.busi_vision li > .ico{height:62px}

.row_box_color li{border:1px solid #D10028;border-radius:11px;overflow:hidden;}
.row_box_color li > *{padding:16px;}
.row_box_color li .ico{width:80px;height:80px;background:#fafafa;border-radius:50%;}
.row_box_color li .b_box{background:#D10028;color:#fff;}

.icon_list{border:1px solid #ccc;border-radius:16px;overflow:hidden;}
.icon_list > li{display:flex;flex-wrap:wrap;}
.icon_list > li:not(:last-child){border-bottom:1px solid #ccc;}
.icon_list > li .tit{position:relative;width:190px;padding:16px;background:#fafafa;}
.icon_list > li .tit .ico{margin-right:8px;}
.icon_list > li .con{width:calc(100% - 200px);padding:20px 16px 16px 28px;font-size:1.125rem;line-height:1.8rem;}

.business_detail .img_list img{border-radius:8px;border:1px solid #ededed;}

/* ---------- 주요사업 2025 ----------- */
span.pl_e14 {margin-left:14%;}

.boxTP_list > li {border:1px solid #bbb;display:flex;color:#333;}
.boxTP_list > li > div {padding:16px;display:flex;align-items:center;}
.boxTP_list > li > .box_pink_r {width:20%;font-size:1.125rem;border-right:1px solid #bbb;justify-content:center;}
.boxTP_list > li + li {margin-top:2.824rem;position:relative;}
.boxTP_list > li + li::after {content:'';display:block;width:32px;height:32px;background:url('/_KOR/img/sub/ico_biz_redA01.png') no-repeat center;position:absolute;top:-40px;left:50%;transform:translateX(-50%);}

.sec_col_b.img_w_txt > li:first-child {border-left:none;}
.sec_col_b.img_w_txt > li:last-child {border-right:none;}
.sec_col_b.img_w_txt > li:nth-child(2n) {border-left:none;}
.sec_col_b.img_w_txt > li .add_tbar {border-top:1px solid #bbb;font-size:1rem;}
.sec_col_b.img_w_txt > li.no_bTop {border-top:none;}
.sec_col_b.img_w_txt > li.no_bLeft {border-left:none;}
.sec_col_b.img_w_txt > li.no_bRight {border-right:none;}

.sec_col_b .calc_2 {width:calc(100% / 2);}
.sec_col_b .calc_3 {width:calc(100% / 3);}
.sec_col_b .calc_3by2 {width:calc((100% / 3) * 2);}

.btn.btn_biz_d {border:1px solid #bbb;border-radius:7px;}
.pal_8 {padding-left:8px;}

.biz_step {display:flex;flex-wrap:wrap;margin:0 -20px;}
.biz_step > li {padding:16px;margin:0 20px;border:1px solid #bbb;display:flex;justify-content:center;align-items:center;position:relative;}
.biz_step.col_3 > li {width:calc((100% - 120px) / 3);}
.biz_step.col_3 > li::after {content:'';display:block;width:32px;height:32px;background:url('/_KOR/img/sub/ico_biz_redA02.png') no-repeat center;position:absolute;right:-37px;top:25px;}

.biz_step.col_4 {margin:-20px;}
.biz_step.col_4 > li {width:calc((100% - 160px) / 4);margin:20px;min-height:85px;}
.biz_step.col_4 > li::after {content:'';display:block;width:32px;height:32px;background:url('/_KOR/img/sub/ico_biz_redA02.png') no-repeat center;position:absolute;right:-37px;top:25px;}
.biz_step.col_4 > li:last-child::after {display:none;}

.subCon_010607 .biz_step.col_3 > li {min-height:85px;}
.subCon_010607 .biz_step.col_3 > li.step_01 {order:1;}
.subCon_010607 .biz_step.col_3 > li.step_02 {order:2;}
.subCon_010607 .biz_step.col_3 > li.step_03 {order:3;}
.subCon_010607 .biz_step.col_3 > li.step_04 {order:6;margin-top:40px;}
.subCon_010607 .biz_step.col_3 > li.step_05 {order:5;margin-top:40px;}
.subCon_010607 .biz_step.col_3 > li.step_06 {order:4;margin-top:40px;}
.subCon_010607 .biz_step.col_3 > li.step_03::after {top:auto;bottom:-37px;right:auto;left:50%;transform:translateX(-50%);background-image:url('/_KOR/img/sub/ico_biz_redA01.png');}
.subCon_010607 .biz_step.col_3 > li.step_04::after {display:none;}
.subCon_010607 .biz_step.col_3 > li.step_05::after {background-image:url('/_KOR/img/sub/ico_biz_redA03.png');}
.subCon_010607 .biz_step.col_3 > li.step_06::after {background-image:url('/_KOR/img/sub/ico_biz_redA03.png');}

.subCon_010609 .custom_tb2 td:last-child{text-align:left;}

.subCon_010301 .sec_col_b.line_dou .img_wp > div:first-child {border-right:1px solid #bbb;}

.subCon_010304 .biz_goal_box {text-align:center;}
.subCon_010304 .biz_goal_box .color_01 {background:#3D5753;color:#fff;}
.subCon_010304 .biz_goal_box .color_02 {background:#4C8576;color:#fff;}
.subCon_010304 .biz_goal_box .color_03 {background:#BBCFCA;color:#fff;}
.subCon_010304 .biz_goal_box .color_04 {background:#9E9E9E;color:#fff;}
.subCon_010304 .biz_goal_box .color_05 {background:#787878;color:#fff;}
.subCon_010304 .biz_goal_box .color_06 {background:#fff;color:#5E5A53;}
.subCon_010304 .biz_goal_box .con_box {display:flex;flex-wrap:wrap;justify-content:space-between;}
.subCon_010304 .biz_goal_box .con_box > div {overflow:hidden;}
.subCon_010304 .biz_goal_box .tit_a span, .subCon_010304 .biz_goal_box .con_txt, .subCon_010304 .biz_goal_box .ul_list_sq {border-radius:13px;}
.subCon_010304 .biz_goal_box .tit_a {width:15%;}
.subCon_010304 .biz_goal_box .tit_a span {width:100%;font-weight:600;font-size:1.375rem;min-height:70px;display:inline-flex;align-items:center;justify-content:center;}
.subCon_010304 .biz_goal_box .con_a {width:calc(85% - 8px);}
.subCon_010304 .biz_goal_box .con_box + .con_box {margin-top:16px;}
.subCon_010304 .biz_goal_box .con_a.radius_l {font-size:1.375rem;display:inline-flex;align-items:center;justify-content:center;}
.subCon_010304 .biz_goal_box .con_txt.color_03 {min-height:70px;display:inline-flex;align-items:center;justify-content:center;}
.subCon_010304 .biz_goal_box .con_a.dp_flex {justify-content:space-between;}
.subCon_010304 .biz_goal_box .con_a.dp_flex .con_txt {width:calc((100% - 24px) / 3);font-size:1.125rem;}
.subCon_010304 .biz_goal_box .ul_list_sq {margin-top:8px;}
.subCon_010304 .biz_goal_box .ul_list_sq li {font-size:1rem;text-align:left;}

.subCon_010305 .custom_tb2 ul {font-size:1rem;}

.subCon_010307 .sec_col_b .img_wp > div:first-child {border-right:1px solid #bbb;}

.subCon_010307 .idc_copy .vision_wrap > div:not(.box_01) {margin-top: 70px;}
.subCon_010307 .idc_copy .vision_wrap .box_tit {font-weight: 700;color: #c73533;margin-bottom: 15px;text-align: center;}
.subCon_010307 .idc_copy .vision_wrap .box_01 {width: 100%;padding: 40px 0;text-align: center;background:#e9554c;border-radius: 20px 20px 0 20px;color: #fff;}
.subCon_010307 .idc_copy .vision_wrap .box_01 .box_tit {color: #fff;}
.subCon_010307 .idc_copy .vision_wrap .box_01 .in_con {font-size: 1.5rem;font-weight: 500;}
.subCon_010307 .idc_copy .vision_wrap .box_01 .in_con span {font-weight: 700;}
.subCon_010307 .idc_copy .vision_wrap .box_02 .in_con span {font-size: 1.125rem;padding: 15px 40px;border: 5px solid #e9554c;position: relative;font-weight: 500;}
.subCon_010307 .idc_copy .vision_wrap .box_02 .in_con span::before {content: '';display: block;width: 95%;height: 5px;background: #fff;position: absolute;top: -5px;left: 50%;transform: translateX(-50%);}
.subCon_010307 .idc_copy .vision_wrap .box_02 .in_con span::after {content: '';display: block;width: 95%;height: 5px;background: #fff;position: absolute;bottom: -5px;left: 50%;transform: translateX(-50%);}
.subCon_010307 .idc_copy .vision_wrap .box_03 .in_con  {justify-content: space-between;}
.subCon_010307 .idc_copy .vision_wrap .box_03 .in_con > li {width: calc(25% - 32px);}
.subCon_010307 .idc_copy .vision_wrap .box_03 .in_con > li .t_ico {padding: 24px;text-align: center;border-radius: 20px;position: relative;font-weight: 500;color: #fff;min-height:100px;display:inline-flex;align-items:center;width:100%;justify-content:center;}
.subCon_010307 .idc_copy .vision_wrap .box_03 .in_con > li .t_ico::after {content: '';display: block;width: 1px;height: 30px;background: #ddd;position: absolute;bottom: -30px;left: 50%;transform: translateX(-50%);}
.subCon_010307 .idc_copy .vision_wrap .box_03 .in_con > li.item_01 .t_ico {background: #FF836A;}
.subCon_010307 .idc_copy .vision_wrap .box_03 .in_con > li.item_02 .t_ico {background: #FF696C;}
.subCon_010307 .idc_copy .vision_wrap .box_03 .in_con > li.item_03 .t_ico {background: #ea5850;}
.subCon_010307 .idc_copy .vision_wrap .box_03 .in_con > li.item_04 .t_ico {background: #bb433d;}
.subCon_010307 .idc_copy .vision_wrap .box_03 .in_con > li.item_01 .t_ico::after {background: #FF836A;}
.subCon_010307 .idc_copy .vision_wrap .box_03 .in_con > li.item_02 .t_ico::after {background: #FF696C;}
.subCon_010307 .idc_copy .vision_wrap .box_03 .in_con > li.item_03 .t_ico::after {background: #ea5850;}
.subCon_010307 .idc_copy .vision_wrap .box_03 .in_con > li.item_04 .t_ico::after {background: #bb433d;}
.subCon_010307 .idc_copy .vision_wrap .box_03 .in_con > li .con {margin-top:40px; border: 1px solid #ddd;border-radius: 20px;position: relative;}
.subCon_010307 .idc_copy .vision_wrap .box_03 .in_con > li .con::after {content: '';display: block;width: 7px;height: 7px;border-radius: 50%;background-color: #ddd;border: 5px solid #fff;position: absolute;top: -9px;left: 50%;transform: translateX(-50%);}
.subCon_010307 .idc_copy .vision_wrap .box_03 .in_con > li.item_01 .con::after {background: #FF836A;}
.subCon_010307 .idc_copy .vision_wrap .box_03 .in_con > li.item_02 .con::after {background: #FF696C;}
.subCon_010307 .idc_copy .vision_wrap .box_03 .in_con > li.item_03 .con::after {background: #ea5850;}
.subCon_010307 .idc_copy .vision_wrap .box_03 .in_con > li.item_04 .con::after {background: #bb433d;}
.subCon_010307 .idc_copy .vision_wrap .box_03 .in_con > li .con li {padding: 20px 5px;text-align: center;min-height: 92px;position: relative;display:inline-flex;align-items:center;width:100%;justify-content:center;}
.subCon_010307 .idc_copy .vision_wrap .box_03 .in_con > li .con li::after {content: '';display: block;width: 60%;height: 1px;background: #ddd;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);}
.subCon_010307 .idc_copy .vision_wrap .box_03 .in_con > li .con li:last-child::after {display: none;}
.subCon_010307 .idc_copy .vision_wrap .box_04 .in_con {border:1px solid #ddd;border-radius: 15px;}
.subCon_010307 .idc_copy .vision_wrap .box_04 .in_con li {width: calc(100% / 3);text-align: center;padding: 25px;position: relative;}
.subCon_010307 .idc_copy .vision_wrap .box_04 .in_con li::after {content: '';display: block;width: 7px;height: 7px;border-radius: 50%;background-color: #ddd;position: absolute;top: 30px;right: 0;}
.subCon_010307 .idc_copy .vision_wrap .box_04 .in_con li:last-child::after {display: none;}

.subCon_010307 .idc_copy .pro_sum ul {flex-wrap: wrap;padding: 32px;background-color: #fafafa;}
.subCon_010307 .idc_copy .pro_sum li {width: 50%;display: flex;align-items: center;padding: 16px 0;border-bottom: 1px solid #ddd;}
.subCon_010307 .idc_copy .pro_sum li .fb1 {margin-bottom: 7px;}
.subCon_010307 .idc_copy .pro_sum li .con {font-size:0.938rem;}
.subCon_010307 .idc_copy .pro_sum li .ico {border-radius: 50%;background: url('/_KOR/img/sub/biz_2025/ico_idcCopy.png') 0 0 no-repeat #fff;width: 60px;height: 60px;margin-right: 16px;}
.subCon_010307 .idc_copy .pro_sum .item_01 .ico {background-position: 7px 2px;}
.subCon_010307 .idc_copy .pro_sum .item_02 .ico {background-position: -47px 2px;}
.subCon_010307 .idc_copy .pro_sum .item_03 .ico {background-position: -103px 2px;}
.subCon_010307 .idc_copy .pro_sum .item_04 .ico {background-position: -153px 2px;}
.subCon_010307 .idc_copy .pro_sum .item_05 .ico {background-position: -205px 2px;}

.subCon_010311 .img_wp > div:nth-child(2n) {border:1px solid #bbb;border-width:0 1px;}

.sec_col_b .calc_3by2 .img_wp > div:first-child {border-right:1px solid #bbb;}


/* ---------- 대관임대 ----------- */
.facility .fac_top > *{width:50%;padding-bottom:60px;border-bottom:1px solid #e2e4e9}
.facility .fac_top .fac_sd_wp{position:relative;}
.facility .fac_top .fac_sd_wp .item{position:relative;}
.facility .fac_top .fac_sd_wp .tag{position:absolute;bottom:0;left:0;padding:8px 16px;border-radius:0 12px 12px 0;background:rgba(0,0,0,.5);color:#fff;}
.facility .fac_top .fac_sd_wp img{border-radius:8px;}
/* .facility .fac_top .fac_sd_wp .slick-dots{position:absolute;left:32px;bottom:32px} */
.facility .fac_top .r_box{padding-left:44px;}
.facility .fac_top .r_box .title_box{padding-bottom:28px;margin-bottom:28px;border-bottom:1px solid #e2e4e9}
.facility .fac_top .r_box .tit_list .tit{width:80px}
.facility .fac_top .r_box .tit_list .desc{width:calc(100% - 80px)}

.facility .sec2 .step_lsit{margin-top:16px}
.facility .sec2 .step_lsit li:not(:last-child) .bg_box:before{content:'';position:absolute;top:50%;margin-top:-8px;right:-24px;width:16px;height:16px;background:url('/_KOR/img/sub/ico_arrow_gray.svg') center center no-repeat;}
.facility .sec2 .step_lsit .bg_box {position:relative;height:220px;}
.facility .sec2 .step_lsit .bg_box + *{margin-top:16px;}
.facility .sec2 .step_lsit .top > .stit_1 + *{margin-top:4px;}
.facility .sec2 .step_lsit .num{position:absolute;top:-16px;left:24px;width:32px;height:32px;background:#434447;border-radius:50%;color:#fff;font-size:1rem;text-align:center;font-weight:700;line-height:32px;}
.facility .sec2 .step_lsit .desc{margin-top:12px;padding-top:12px; border-top:1px solid #e2e4e9;font-size:1rem;}

.flex_bt_list li{display:flex; flex-wrap:wrap; justify-content: space-between;}

/* ---------- 이벤트홀 좌석 ----------- */
.layer_pop_wp {display: none;position: fixed;top: 0;left: 0;height:100%;width: 100%;background:rgba(0,0,0,.7);z-index:720;}
.layer_pop_wp.on{display:block;}
.lpw_1.layer_pop_wp .layer_flex{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);max-height:80vh;overflow-y:auto;}
.lpw_1.layer_pop_wp .layer_con {position:relative;margin:0 auto;width: 1400px;padding:40px;border: 1px solid #707070;border-radius: 20px;background: #fff;animation:up .5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;}
.lpw_1.layer_pop_wp .layer_con > .tit{padding-bottom:24px;margin-bottom:40px;border-bottom:1px solid #CDD0D5;font-weight:700}
.lpw_1.layer_pop_wp .layer_con .desc{margin-bottom:32px}
.lpw_1.layer_pop_wp .layer_pop_close {position: absolute;right: 40px;top: 44px;padding:8px 12px; background:#344054;font-size:.875rem;font-weight:700;border-radius:8px;color:#fff;}

/* ---------- 예약 시설/일시 선택 ----------- */
.res_step_wp {padding:52px 24px 44px ;border-top:1px solid #E2E4E9;background:#fff8f8;border-radius: 17px 17px 0 0;}
.res_step li:not(:first-child):before{content:'';position:absolute;left:-72px;top:16px;height:1px;width:80px;background:#E2E4E9;}
.res_step li{position:relative;color:#525866;}
.res_step li + li{margin-left:40px;}
.res_step li .num{position:relative;margin:0 auto 6px;width:32px;height:32px;background:#E2E4E9;color:#868C98;border-radius:50%;line-height:32px;z-index:5}
.res_step li.on {color:#D10028;}
.res_step li.on .num{background:#D10028;color:#fff;}

.chk_st1 label span + span{display:block}
.chk_st1{display:flex;flex-wrap:wrap;}
.chk_st1 li{position: relative;margin: 4px;display: flex;align-items: center;flex:1}
.chk_st1 input {position: absolute;left: 16px;top: 16px;width: 100%;height: 100%;border: none;padding: 0;margin: 0;background: none;appearance: none;-webkit-appearance: none;}
.chk_st1 .radio input:before,
.chk_st1 .checkbox input:before{z-index:5;top:16px;left:16px;}
.chk_st1 input:after {content: '';width:100%;height:100%;display:inline-block;background:#F6F8FA;border:1px solid transparent;border-radius:8px;box-sizing: border-box;position: absolute;left: 0;top: 0;transition: all .2s ease-in-out;}
.chk_st1 input:checked:after {background:#fff;border-color:#B70F15;}
.chk_st1 label{position:relative;width:100%;padding:18px 16px 12px;padding-left:20px;}

.time_select input + label:after{content:'예약가능';font-size:.688rem;display:block;color:#525866;font-weight:500;color:#D10028;line-height:.75rem;margin-top:4px;}
.time_select input:checked + label:after{content:'선택됨';color:#555;}
.time_select input:disabled + label:after{content:'선택불가';color:#868C98;}
.chk_st1.time_select .radio,
.chk_st1.time_select .checkbox{padding-left:0;}
.chk_st1.time_select input:before{display:none;}
.chk_st1.time_select input:after{background:#fff;border:1px solid #CDD0D5;box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.06);}
.chk_st1.time_select input:checked:after{border:2px solid #B41924;box-shadow: 0px 1px 8px 0px rgba(233, 130, 137, 0.5);}
.chk_st1.time_select label{padding-left:6px;padding:12px 6px;font-weight:700;text-align:center;font-size:1rem;line-height:1.1rem;margin:0}
.chk_st1.time_select input:checked + label{color:#B41924;}
.chk_st1.time_select input:checked + label:after{color:#B41924;}
.time_select input:disabled:after{background:#E2E4E9;}
.time_select input:disabled + label{color:#868C98;}
.time_select.col_13 li{width:calc((100% - 56px) / 14);margin:2px;}

.chk_st1.select_done input:before{background-color:#D10028;}
.chk_st1.select_done input:disabled:before{background-color:#aaa;}
.chk_st1.select_done input:disabled + label{color:#777;}
.chk_st1.select_done input:disabled + label .text{font-weight:700}

.res_con{display:flex;flex-wrap:wrap;border:solid #333;border-width:1px 0;}

.res_datetime > .l_box{width:360px;}
.res_datetime > .r_box{width:calc(100% - 360px);border-left:1px solid #E2E4E9;}

.res_datetime > .r_box > *{padding:40px;padding-right:0}
.res_datetime > .r_box .sec2{border-top:1px dashed #E2E4E9}
.res_datetime > .r_box .accordion_btn a{padding-left:0}
.res_datetime > .r_box .accordion_con{padding-left:0;padding-right:0}

.res_cal_wp{display:flex;flex-wrap:wrap;border:solid #E2E4E9;border-width:1px 0;}
.res_cal_wp > *{padding:20px;width:50%;}
.res_cal_wp .res_cal + .res_cal{border-left:1px solid #E2E4E9}
.res_cal_wp .cal_tit_wp{display:flex;flex-wrap:wrap;justify-content:space-between;}
.res_cal_wp .cal_tit{font-size:24px;font-weight:700;}
.res_cal_wp .cal_tb{margin-top:16px;font-size:15px;}
.res_cal_wp .min_cal_header th{padding:12px 8px;color:#525866}
.res_cal_wp .min_cal_body td{text-align:center;padding-bottom:8px;}
.res_cal_wp .min_cal_body a{display: inline-flex;justify-content: center;align-items: center;width:36px;height:36px;border: 1px solid transparent;border-radius: 50%;text-align: center;box-sizing: border-box;}
.res_cal_wp .min_cal_body a.selected{background:#D10028;color:#fff;}
.res_cal_wp .min_cal_body a.holiday{background:#FFF8F8;color:#D10028;}
.res_cal_wp .min_cal_body a.selected span{font-weight:700 }
.res_cal_wp .min_cal_body a.invalid{background:#E2E4E9;color:#868C98;}
.res_cal_wp .min_cal_body a.today{color:#000;font-weight:700}
.res_cal_wp .min_cal_body a:not(.today, .invalid,.selected,.holiday):hover{background:#f8f8f8;color:#D10028;}
.res_datetime > .l_box{padding:40px;padding-left:0;}
.res_datetime > .l_box .chk_st1 li{flex: unset;width:100%;}
.res_datetime .result_box{border:1px solid #E2E4E9;border-radius:11px;box-shadow: 0px 2px 4px 2px rgba(0, 0, 0, 0.06);overflow:hidden;}
.res_datetime .result_box .top_con{padding:24px 24px 16px;}
.res_datetime .result_box .sel_top{display:flex;align-items:center;margin-bottom:12px;}
.res_datetime .result_box .sel_date{margin-left:8px;}
.res_datetime .result_box .sel_loca{display:inline-block;padding:4px 8px;color:#3D52A7;background:#f6f8fa;border-radius:8px;}
.res_datetime .result_box .sel_loca span{font-weight:700;}
.res_datetime .result_box .b_con {padding:12px 24px;}
.res_datetime .btn_box a{width:calc(50% - 8px);margin:0}

/* ---------- 예약 정보입력 ----------- */
.res_form_wp > .l_box{width:calc(100% - 380px);}
.res_form_wp > .r_box{width:380px;}

.res_form_wp .l_box{padding:40px;padding-left:0}
.accordion_btn a{display:flex;align-items:center;justify-content: space-between;padding:20px 16px;border:solid #E2E4E9;border-width:1px 0;}
.accordion_btn a .ico_arr_t{width:24px;height:24px;background:url('/img/ico_acc_fold.svg')  center center no-repeat }
.accordion_btn a.on .ico_arr_t{background:url('/img/ico_acc_open.svg')  center center no-repeat }
.accordion_con{padding:32px 16px}

.accordion_st1  .accordion_btn a{border-top:1px solid #333}
.accordion_st1 .accordion_item:last-child{border-bottom:1px solid #E2E4E9}

.form_row + *{margin-top:40px;}
.form_row.sec_col > *{margin-bottom:0px;}
.form_row input[type="password"],
.form_row input[type="text"]{width:100%}
.form_row .label{display:flex;position:relative;width:100%;margin-bottom:8px;}
.form_row .label .text{font-weight:700;}
.input_wp {display:flex;align-items:center;}
.input_wp span{padding:0 2px}
.res_form_wp .form_row .price{font-size:.875rem;margin-top:4px;color:#555}
.join_wp #join_id,
input.zipcode{max-width:200px}
.input_call input{max-width:82px}
.period input{width:calc(50% - 12px);max-width:190px;}
.period span{12px}
.equipment_wp{border:1px solid #ddd;border-radius:8px;background:#fff;}
.equipment_wp > *{padding:16px;}
.equipment_wp > * + *{border-top:1px dashed #ddd;} 
.equipment_wp label .text{font-weight:700}
.equi_box{display:flex;flex-wrap:wrap;justify-content: space-between;}
.equi_input > *{display:flex;flex-wrap:wrap;justify-content: space-between;position:relative;}
.equi_input .checkbox,2024-04-25
.equi_input .radio{position:unset;padding-left:0}
.input_done {color:#121212; vertical-align:middle;padding:12px;border:1px solid #E2E4E9;background:#F6F8FA;box-sizing:border-box;min-height:49px;border-radius:8px;}

.agree_wp{border:1px solid #E2E4E9;border-radius:11px;overflow:hidden;box-shadow: 0px 2px 4px 2px rgba(0, 0, 0, 0.06);}
.agree_wp .agr_con{padding:24px;}
.agree_wp .agr_bottom{padding:20px 24px;background:#FFFFE2;border-top:1px solid #E2E4E9;}

.res_form_wp .result_box2{margin:40px 0;padding:32px;border:1px solid #E2E4E9;border-radius:11px;box-shadow: 0px 2px 4px 2px rgba(0, 0, 0, 0.06);} 
.res_form_wp .result_box2 .top_box{padding-bottom:16px;margin-bottom:16px;border-bottom:1px solid #d2e4e9}
.res_form_wp .result_box2 .result_tit > *{font-weight:700}
.res_form_wp .result_box2 .tit{font-weight:700;max-width:50%}
.res_form_wp .result_box2 .price{font-weight:700;text-align:right;}
.res_form_wp .result_box2 .price_detail {margin:16px 0;padding:16px;background:#F6F8FA;border-radius:8px;}
.res_form_wp .result_box2 .ul_list_s > li,
.res_form_wp .result_box2 .total {display:flex;flex-wrap:wrap;justify-content:space-between;}
.res_form_wp .result_box2 .total{align-items:center;}

.result_slit li{display:flex;}
.result_slit li + li{margin-top:8px;}
.result_slit .tit{display:inline-block;width:72px;height:24px;line-height:24px;border-radius:16px;padding:0px 6px;font-size:.816rem;color:#333;background:#fff;border:1px solid #E2E4E9;text-align:center;}
.result_slit .con{width:calc(100% - 72px);font-size:1rem;padding-left:8px;}

.my_state{background:#fff;padding:16px;margin:20px auto 12px;max-width:960px;border-radius:8px;box-shadow: 0px 2px 4px 2px rgba(0, 0, 0, 0.06);}
.restag{padding:7px 12px;font-size:0.875rem;vertical-align:middle;font-weight:700;border-radius:8px;}
.stateA{color:#fff;background:#d10028;}
.stateB{color:#d10028;background:#ffd1da;}
.stateE{color:#fff;background:#3f51b5;}
.stateD{color:#fff;background:#2d9f75;}
.stateC{color:#d10028;border:1px solid #d10028;}
.stateG{color:#fff;background:#525866;}
.stateH{color:#525866;background:#E2E4E9;}


.stepper{position:relative;margin:16px auto 0;display:flex;justify-content: center;flex-wrap:wrap;max-width:640px}
.stepper:before{content:'';position:absolute;top:12px;left:12.5%;width:calc(100% - 25%);height:1px; background:#ddd;}
.stepper li{position:relative;width:calc(100% / 4);padding-top:32px;font-size:1rem;color:#888}
.stepper li:before{content:'';position:absolute;top:0;left:50%;margin-left:-12px;width:24px;height:24px;border-radius:50%;background:#ddd;border:6px #f8f8f8 solid ;box-sizing:border-box}
.stepper li.done{color:#555}
.stepper li.done:before{border:0;background:url('/_KOR/img/checkbox_w.svg') center center no-repeat #bbb}
.stepper li.active span{font-weight:700;color:#3D52A7;}
.stepper li.active:before{background:#fff;border:6px #3D52A7 solid ;}
.stepper.state_cancel li.active span{font-weight:700;color:#D10028;}
.stepper.state_cancel li.active:before{background:#fff;border:6px #D10028 solid ;}

.res_datetime > .r_box > .rehs_date_wp{padding-top:0}
.rehs_box{background:#ebf1fa;border:2px dashed #ddd;border-radius:12px;padding:24px;}
.rehs_onoff{display:none;transition:all .5s ease;}
.rehs_onoff.on{display:block;transition:all .5s ease;}

/* ---------- 예약 정보입력 / 감면선택 수정 250107 ----------- */
.chk_st1.reduce_file {align-items: baseline;}
.chk_st1 .radio_box .adFile_box {display:none;}
.chk_st1 .radio_box .adFile_box.on {display:block;}
.chk_st1 .radio_box .adFile_box input:after {display:none;}
.chk_st1 .radio_box .adFile_box input {position:relative;color: #121212;vertical-align: middle;padding: 12px;border: 1px solid #c8ced7;box-sizing: border-box;height: 49px;border-radius: 5px;top:0;left:0;background: #fafafa;}
.chk_st1 .radio_box .adFile_box label {display:none;}
.chk_st1 .radio_box .radio {width:100%;}

/* ---------- 일정달력 리스트 ----------- */
.calendarWrap .calendarDay {display:flex;align-items:center;justify-content: center;margin-bottom:24px;}
.calendarWrap .calendarDay p{display:inline-block;margin:0 24px ;font-size:2rem;font-weight:700;}
.calendarWrap .calendarDay p span{font-size:1.5rem;font-weight:normal;}
.calendarWrap .calendarDay a{width:40px;height:40px;background-color:#F6F8FA;border-radius:50%;border: 1px solid #ddd;}
.calenderTable{table-layout:fixed;}
.calenderTable th{padding:.75rem 1rem;font-size:1.125rem;color:#fff;border:1px solid rgba(255,255,255,.5);background:#555;font-weight:700;}
.calenderTable td{position:relative;vertical-align:top;border:1px solid #ddd;/*background:#fafafa;*/height:160px;}
.calenderTable td:first-child,.calenderTable th:first-child{border-left:0 !important;}
.calenderTable td:last-child,.calenderTable th:last-child{border-right:0 !important;}
/*.calenderTable td.sun .day{color:#e91313;}
.calenderTable td.sat .day{color:#1355e9;}*/
.calenderTable td .day{font-weight:600;color:#111}
.calenderTable td.day_pass .day{color:#777}
.calenderTable td.cal_dayok{background:#fff;}
.calenderTable td.day_don{background:#fffae1;}
.calenderTable td .td_top{display:flex;align-items: center;justify-content:space-between;flex-wrap:wrap;padding:8px 12px;border-bottom:1px solid #ddd;}
.calenderTable td .td_top .cal_res{position: relative;height:22px;line-height:22px;font-size:.75rem;font-weight:700;padding:0px 6px;text-align: center;vertical-align: middle;border-radius:5px;}
.calenderTable td .td_top .cal_res.res_off{background:#fff;color:#d7193d;border:1px solid #ffdbe1;background: #fff4f6;}
.calenderTable td .td_top .cal_res.res_ok{background:#d10028;color:#fff;}
.calenderTable td .td_top .cal_res.res_ok:hover{box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2);}
.cal_event_list{padding:16px 12px;color:#121212;font-size:.875rem;line-height: 1.125rem;}
.cal_event_list li + li{margin-top:6px;}
.cal_event_list li a{display:block;width:100%;}
.cal_event_list li a .ev_info{display:flex;align-items: center;flex-wrap:wrap;}
.cal_event_list li a .ev_info .etc{width:calc(100% - 16px);padding-left:4px;color:#777}
.cal_event_list li a .cnm{width:100%;padding-left:20px;margin-top:1px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing: -1px;font-weight:600;}
.cal_event_list li a:hover{text-decoration:underline;}
.cal_state {font-size:0;width:16px;height:16px;flex-wrap:wrap;vertical-align:middle;}
.cal_state.stA{background:url('/_KOR/img/sub/cal_state1.svg') center center no-repeat}
.cal_state.stB{background:url('/_KOR/img/sub/cal_state2.svg') center center no-repeat}
.cal_state.stE{background:url('/_KOR/img/sub/cal_state3.svg') center center no-repeat}
.cal_state.stD{background:url('/_KOR/img/sub/cal_state4.svg') center center no-repeat}
.cal_state.stC{background:url('/_KOR/img/sub/cal_state5.svg') center center no-repeat}
.cal_state.stG{background:url('/_KOR/img/sub/cal_state5.svg') center center no-repeat}
.cal_state_info {padding:16px;}
.cal_state_info ul{margin:0 -4px;align-items:center;}
.cal_state_info ul li{margin:0 4px;line-height:1}

/* ---------- 입주업체 ----------- */
.resident_list{border-top:1px solid #333;}
.resident_list .item{display:flex;flex-wrap:wrap;padding:40px 0;border-bottom:1px solid #ddd;}
.resident_list .thumb_wp{width:336px;border-radius:11px;text-align:center;}
.resident_list .thumb_wp .unm{padding:8px 12px;background:#d10028;color:#fff;border-radius:11px 11px 0 0 } 
.resident_list .thumb_wp .img{display:flex;justify-content: center;align-items: center;text-align: center;height:120px;padding:24px;border-radius: 0 0 11px 11px;border:1px solid #ddd;border-top:1px;overflow:hidden;}
.resident_list .thumb_wp .img img{max-width:90%;max-height:90%;margin:auto}
.resident_list .text_box{width:calc(100% - 336px);padding-left:60px}
.resident_list .text_box .bus_type{color:#666;margin:16px 0;}
.resident_list .item .title_wp{display:flex;}
.resident_list .item .title_wp .title{width:calc(100% - 40px);padding-right:40px;}
.resident_list .item .title_wp a{width:40px;height:40px;}
.resident_list .item .info_list{display:flex;flex-wrap:wrap;}
.resident_list .item .info_list li{position:relative;flex:1;padding:12px 12px 12px 0;}
.resident_list .item .info_list li:not(:first-child){padding-left:20px;}
.resident_list .item .info_list li:not(:first-child):before{content:'';position:absolute;top:50%;left:0;margin-top:-8px;width:1px;height:14px;background:#ddd;}
.resident_list .item .info_list .tit{padding-right:16px;font-weight:700;}
.resident_list .item .desc{margin-top:16px;background:#F6F8FA;border-radius:12px;padding:24px;font-size:1rem;color:#525866;}

/* ---------- 브로슈어 ----------- */
.brochure_box{overflow:hidden;}
.brochure_box > div > .p_r{z-index:2}
.brochure_box > div .img{width:380px}
.brochure_box > div .text_box{width:calc(100% - 380px);padding:20px;}
.brochure_box .deco_text{position:absolute;bottom:40px;right:60px;font-size:5vw;font-weight:900;opacity:0.03;}

/* ---------- 정보공개제도 ----------- */
.sub_0501_list{margin-top:60px;}
.sub_0501_list li{position:relative;padding:0 32px 32px;background:#FFF2D4;border-radius:11px;}
.sub_0501_list li:nth-child(2){background:#FFF6F8}
.sub_0501_list li:nth-child(3){background:#E6F5FF}
.sub_0501_list li:not(:first-child):before{content:'';position:absolute;top:50%;margin-top:-8px;left:-24px;width:16px;height:16px;background:url('/_KOR/img/sub/ico_arrow_gray.svg') center center no-repeat;}
.sub_0501_list .tit_box .ico{margin-top:-102px;width:120px;height:120px;box-shadow: 0px 8px 8px 4px rgba(0, 0, 0, 0.06);background:#fff;border-radius:50%;}
.sub_0501_list .tit_box  .stit_1{min-height:76px;}
.sub_0501_list .con{margin-top:24px}

/* ---------- 클린신고센터 ----------- */
.bo_noti_0025 .btn_noti{display:flex;justify-content:space-between;align-items: center;margin-top:12px;border-radius:8px;padding:8px;padding-left:20px}
.bo_noti_0025 .b_info > li{padding:40px 32px;}

/* ---------- 인사말 ----------- */
.greeting .top_box{background:#F5F5F5;border-radius:23px 23px 0 0;padding:60px;}
.greeting .top_box .tit_box .h2 + *{margin-top:36px;}
.greeting .top_box .tit_box {padding-bottom:60px;border-bottom:1px solid #ddd;}
.greeting .con_box{padding:80px 0 100px;}
.greeting .con_box .h5{margin-bottom:40px;}
.greeting .b_box{display: flex;align-items: end;flex-wrap:wrap;position:relative;padding:16px 56px 40px;height:380px;background:#fcedf4;border-radius: 0 0 23px 23px;}
.greeting .b_box .img{position:absolute;top:-240px;right:140px;max-width:50%;}

/* ---------- 인사말 수정 241210 ----------- */
.greeting .con_box {padding-bottom:0;}
.greeting .b_box {height:auto;}

/* ---------- 연혁 ----------- */
.history_wp{display:flex;flex-wrap:wrap;}
.history_wp > .l_box{width:340px}
.history_wp > .r_box{width:calc( 100% - 340px);padding-left:80px;}
.history_wp > .r_box > ul{border-top:2px solid #333;}
.history_wp > .r_box ul li{display:flex;flex-wrap;}
.history_wp > .r_box > ul > li{padding:40px 0;border-bottom:1px solid #ddd;}
.history_wp > .r_box .year{width:120px;font-size:1.875rem}
.history_wp > .r_box > ul > li > ul{width:calc(100% - 120px);padding-top:4px;padding-left:20px;font-size:1.125rem;}
.history_wp > .r_box > ul > li > ul > li:not(:last-child){padding-bottom:20px}
.history_wp > .r_box .month{width:40px;font-weight:700;}
.history_wp > .r_box .text{width:calc(100% - 40px);padding-left:20px;}

/* ---------- 미션&비전 ----------- */
.mvsion_wp .mvsion:before{content:'';position:absolute;left:50%;top:40px;height:80%;width:1px;background:#D10028;}
.mvsion_wp .mv_step1 > div {margin:0 auto;width:300px;height:300px;padding:40px;background: rgb(209,40,43);background: radial-gradient(circle, rgba(212,77,80,1) 10%, rgba(255,255,255,1) 65%);box-shadow: 0px 0px 24px 4px rgba(209, 0, 40, 0.12);}
.mvsion_wp .mv_step1 .img{width:200px;height:200px;background: rgb(209,40,43);background: radial-gradient(circle, rgba(209,40,43,1) 32%, rgba(255,255,255,1) 70%);}
.mvsion_wp .mv_step2 {padding-top:60px;}
.mvsion_wp .mv_step2 > ul{flex-wrap:wrap;}
.mvsion_wp .mv_step2 > ul > li{width:50%;border-top:1px solid #D10028 ;padding:48px 32px;}
.mvsion_wp .mv_step2 .eng{opacity:.4;font-size:1rem;margin-left:16px}
.mvsion_wp .mv_step3{position:relative;margin-top:40px;padding:40px 40px 0;border-radius:32px;border-top:1px solid #D10028 ;background:#fff;}
.mvsion_wp .mv_step3:before{content:'';position:absolute;position:absolute;top:-59px;left:50%;margin-left:-60px;width:120px;height:65px;background:url('/_KOR/img/sub/mvsion_deco.svg') center center no-repeat;}
.mvsion_wp .mv_step3 .ico{width:100px;height:100px;background:#fff;border-radius:50%;margin-bottom:16px;}
.mvsion_wp .mv_step3  li{position: relative;padding:16px;border-radius:16px;box-shadow: 0px 0px 8px 4px rgba(0, 0, 0, 0.08);background:#fff;}

/* ---------- 광주디자인진흥원 CI  ----------- */
.ci_color{display:flex;flex-wrap:wrap;}
.ci_color .l_box {width:160px;border-radius:12px;}
.ci_color .r_box {width:calc(100% - 160px);padding-left:20px}
.ci_list_box .img_box{height:160px}

/* ---------- 행정조직도 / 수정250207 ----------- */
.org_wp{padding:100px 16px;font-weight:700;}
.org_wp li{position:relative;}
.org_wp a{position: relative;font-weight:700;padding:11px 4px;width:160px;display: inline-flex;justify-content: center;align-items: center;text-align: center;vertical-align: middle;border: 1px solid transparent;border-radius:6px;transition:all .2s ease;}
.org_wp a:hover{box-shadow: 0px 0px 12px 4px rgba(0, 0, 0, 0.08);}
.org_wp .org_top:before{content:'';position:absolute;left:50%;top:0;height:180px;width:1px;background:#CDD0D5;}
.org_wp .org_top a{background:#BC3145;color:#fff;font-size:24px;}
.org_wp .org_a{margin-top:32px;width:50%;position:relative;padding:0 16px;margin-left:50%;}
.org_wp .org_a:before{content:'';position:absolute;left:0px;top:23px;height:1px;width:50%;background:#CDD0D5;}
.org_wp .org_a a{border:2px solid #C24557;background:#fff;}
.org_wp .org_b{margin-top:64px}
.org_wp .org_b > div{width:calc(100% / 3);position:relative;padding:0 16px;}
.org_wp .org_b > div >  a{background:#E7E9EA;}
.org_wp .org_b .org_hq {background:#717071;color:#fff;}
.org_wp .org_c{position: relative;display:flex;justify-content:space-between;flex-wrap:wrap;margin:64px -4px 0;}
.org_wp .org_c.one_team {justify-content:center;}
.org_wp .org_c > li{width:160px;margin:0 4px;}
/*.org_wp .org_c.one_team > li {width:200px;}*/
.org_wp .org_c a{width:100%;border:1px solid #525866;color:#344054;font-size:1.125rem;background:#E6E6E6;}
.org_wp .org_c a.bor_t {border-radius:8px 8px 0 0;}
.org_wp .org_d a{border-radius:0;background:#fff;font-size:1rem;margin-top:-1px;font-weight:500;}
.org_wp .org_d li:last-child a{border-radius:0 0 8px 8px;}
.org_wp .org_b > div:before{content:'';position:absolute;left:50%;top:-31px;height:117px;width:1px;background:#CDD0D5;}
.org_b:before{content:'';position:absolute;left:calc((100% / 3) / 2);top:-32px;height:1px;width:calc((100% / 3) * 2);background:#CDD0D5;}
.org_c:before{content:'';position:absolute;left: 25%;top:-32px;height:1px;width: 50.5%;background:#CDD0D5;}
.org_c.one_team:before {display:none;}
.org_c a:before{content:'';position:absolute;left:50%;top:-32px;height:30px;width:1px;background:#CDD0D5;}
.org_wp .org_d a:before {display:none;}
/*.org_wp .abs{position:absolute;right:calc((100% / 2) - 160px) ;top:8px;padding:7px;border-radius:5px;background:#FFE5DC;color:#BF1631;font-size:1rem;font-weight:700;line-height:1rem;}
.org_wp .b_r:after{content:'';position:absolute;right:120px;top:20px;height:60px;width:60px;border:dashed #DC6D82;border-width:1px 1px 0 0;z-index:-1}*/

/* ---------- 층별안내 ----------- */
.floor_info_wp .pg_tab{flex-wrap:wrap;padding:16px 32px;margin-bottom:16px;background:#595757;border-radius:8px;color:#fff;font-weight:700;}
.floor_info_wp .pg_tab a{padding:8px 16px;text-align:center;border-radius:20px;}
.floor_info_wp .pg_tab li:not(.on) a:hover{background:rgba(255,255,255,.08)}
.floor_info_wp .pg_tab li.on a{background:#D6FF67;color:#333;}
.floor_info_wp .pg_tab li + li{margin-left:4px;}
.floor_info_wp .pg_tabcon{padding:40px;border:1px solid #ddd;border-radius:11px;background:#fff;}
.floor_info_wp .pg_tabcon .text_wp{position:relative;}
.floor_info_wp .pg_tabcon .deco{position:absolute;top:-40px;right:0;font-size:10vw;font-weight:900;opacity:.05;}
.floor_info_wp .pg_tabcon .img{position:relative;padding-top:48px;text-align:center;}

/* ---------- 오시는 길 ----------- */
.location .map_wp{overflow:hidden;}
.location .map_wp .map{width:100%;overflow:hidden;border-radius:15px;border:1px solid #E2E4E9}
.location .map_wp .root_daum_roughmap .wrap_btn_zoom button{height:34px}
.location .desc_list{border-bottom:2px solid #333;}
.location .desc_list li{padding:27px 16px;padding-left:0}

/* ---------- 인권경영헌장 ----------- */
.charter_wp{position:relative;padding:40px;background:#F6F8FA;border-radius:15px;border:1px solid #aaa;overflow:hidden;box-shadow: 0px 0px 12px 4px rgba(0, 0, 0, 0.06);}
/* .charter_wp:before{content:'';position:absolute;top:55px;right:-50px;background:#48506e;width:240px;height:32px;transform:rotate(45deg)}
.charter_wp:after{content:'';position:absolute;bottom:55px;left:-50px;background:#48506e;width:240px;height:32px;transform:rotate(45deg)} */
.charter_con{padding:80px 120px;background:#fff;border-radius:13px;}
.round_list{display:flex;justify-content: center;margin-top:32px;}
.round_list li{display:inline-flex;align-items: center;justify-content: center;width:140px;height:140px;border-radius:50%;background:#fff;box-shadow: 0px 0px 12px 4px rgba(209, 0, 40, 0.06);}
.round_list li + li{margin-left:-16px;}
.charter_list_wp{margin:52px 0;padding:40px;background:#f8f8f8;}
.charter_list{margin:0 auto;display:inline-block;}
.charter_list li{display:flex;flex-wrap:wrap;text-align:left;}
.charter_list li + li{margin-top:16px}
.charter_list li .round_tit{padding:2px 12px;background:#D10028;color:#fff;font-weight:700;border-radius:32px;width:72px;text-align:center;}
.charter_list li .con {width:calc(100% - 72px);padding-left:16px}
.charter_con .subtit_1.extra_size {font-size:2.25rem;line-height:2.925rem;}
/* ---------- 윤리경영 관련규정 ----------- */
.ethical .sec1{padding:60px}
.ethical .eth_body{padding-top:60px}
.ethical .eth_body .in_box > ul > li + li{margin-top:32px}
.ethical .eth_body .in_box > ul > li > .con{margin-top:16px}


/* ---------- 이메일무단수집거부 ----------- */
.refuse_email{padding:60px}
.refuse_email .img{width:200px;}
.refuse_email .text {width:calc(100% - 200px);padding-left:60px}

/* ---------- 로그인 ----------- */
.login_wp{max-width:680px;padding:40px;margin:0 auto;border:1px solid #ddd;border-radius:13px;}
.login_wp .login_box{max-width:380px;margin:20px auto 60px;}
.form_flex{display:flex;align-items:center;border:1px solid #c8ced7;border-radius:8px;height:60px;}
.form_flex .label{width:96px;padding:4px 20px;margin:0;}
.form_flex .form_box{width:calc(100% - 96px)}
.form_flex input{width:100%;border:0;height:58px}
.login_wp .btn_wp > *{width:100%;height:60px;font-size:1.125rem}
.login_wp .find_btn_wrap a:not(:first-child){position:relative;padding-left:12px;margin-left:12px;}
.login_wp .find_btn_wrap a:not(:first-child):before{content:'';position:absolute;top:50%;left:0;margin-top:-8px;width:1px;height:14px;background:#aaa;}

/* ---------- 회원가입 ----------- */
.join_wp{border:1px solid #ededed;border-radius:21px;padding:60px;}
.join_wp .join_step {border-bottom:1px solid #ddd;}
.join_wp .join_step ul{position:relative;display:flex;flex-wrap:wrap;justify-content: center;margin-bottom:16px}
.join_wp .join_step ul li{position:relative;}
.join_wp .join_step ul li .num  {position:relative;width:40px;height:40px;background:#E2E4E9;color:#525866;border-radius:50%;z-index:2}
.join_wp .join_step ul li + li{margin-left:16px}
.join_wp .join_step li:not(:first-child):before{content:'';position:absolute;left:-40px;top:20px;height:1px;width:80px;background:#E2E4E9;}
.join_wp .join_step ul li.on .num{background:#D10028;color:#fff;font-weight:700;}
.join_wp .join_body{padding:60px 60px 0;}
.join_wp .join_type{justify-content: center;}
.join_wp .join_type li{width:30%}
.join_wp .join_type a{display:block;width:100%;border:1px solid #CDD0D5;border-radius:11px;overflow:hidden;}
.join_wp .join_type a .top_box{padding:24px;}
.join_wp .join_type a .top_box .text{width:calc(100% - 80px);text-align:left;}
.join_wp .join_type a .top_box .ico{width:80px;}
.join_wp .join_type a .bottom_box{padding:16px;background:#E2E4E9;font-weight:700;text-align:center;}
.join_wp .self_chk a{padding:24px;display:block;width:100%;border:1px solid #CDD0D5;border-radius:11px;}
.join_wp .self_chk a .ico{margin-top:12px;width:100px;height:100px;background:#F6F8FA;border-radius:50%;}
.join_completed{max-width:480px;margin:0 auto;}
.textarea{padding:24px;height:210px;background:#F6F8FA;border:1px solid #E2E4E9;border-radius:12px;overflow-y:auto;}

/* 시설안내 - 인쇄센터 */
.sub_fac0604 .sec1 {flex-wrap:wrap;}
.sub_fac0604 .sec1 .l_box{width:35%}
.sub_fac0604 .sec1 .l_box img{border-radius:12px;}
.sub_fac0604 .sec1 .r_box{width:65%;padding-left:40px}
.sub_fac0604 .sec2 table tbody td:last-child{text-align:center}
.imdong_mivi {padding:60px 40px;box-shadow: 0px 2px 12px 2px rgba(0, 0, 0, 0.06);border-radius:12px;text-align:center;}
.imdong_mivi > li{position:relative;display:inline-block;width:920px;}
.imdong_mivi > li + li{margin-top:52px;}
.imdong_mivi .mivi_tit{margin-bottom:12px;font-size:1.25rem;font-weight:700;color:#B70F15;}
.imdong_mivi .mivi1{min-height:100px;padding:8px 24px;background-image:url('/_KOR/img/sub/deco_imdong1.svg'),url('/_KOR/img/sub/deco_imdong2.svg');background-position: 0 center,100% center;background-repeat: no-repeat;background-color:#fff;}
.imdong_mivi .mivi2{padding-top:12px;}
.imdong_mivi .mivi2:after{content:'';position:absolute;top:-6px;left:50%;margin-left:-6px;width:12px;height:12px;border-radius:50%;background:#B70F15}
.imdong_mivi .mivi2:before{content:'';position:absolute;top:-40px;left:50%;width:1px;height:40px;border-left:1px dashed #ddd;}
.imdong_mivi .mivi3:before{content:'';position:absolute;top:-50px;left:50%;margin-left:-80px;width:160px;height:56px;background:url('/_KOR/img/sub/deco_imdong3.svg') 0 0 no-repeat;}
.imdong_mivi .mivi3-1 > li{position:relative;}
.imdong_mivi .mivi3-1 > li:not(:last-child):before{content:'';position:absolute;bottom:-30px;right:-86px;width:160px;height:40px;background:url('/_KOR/img/sub/deco_imdong4.svg') 0 0 no-repeat;}
.imdong_mivi .mivi3-1 > li:nth-child(2):before{background:url('/_KOR/img/sub/deco_imdong5.svg') 0 0 no-repeat;}
.imdong_mivi .mivi3-1 > li:nth-child(3):before{background:url('/_KOR/img/sub/deco_imdong6.svg') 0 0 no-repeat;}
.imdong_mivi .mivi3-1 > li > div,
.imdong_mivi .mivi3-2 > li{position:relative;padding:16px;border:1px solid #6D0098;border-radius:9px;background:#fff;}
.imdong_mivi .mivi3-1 > li:first-child > div,
.imdong_mivi .mivi3-2 > li:first-child{border-color:#B70F15;}
.imdong_mivi .mivi3-1 > li:last-child > div,
.imdong_mivi .mivi3-2 > li:last-child{border-color:#2C0B6F;}
.imdong_mivi .mivi3-2{margin-top:8px;}
.imdong_mivi .mivi3-2 > li{overflow:hidden;padding:0}
.imdong_mivi .mivi3-2 > li .bg_box{padding:8px;font-weight:700;}
.imdong_mivi .mivi3-2 > li > ul{padding:18px;}
.imdong_mivi .mivi3-3{margin-top:4px}
.imdong_mivi .mivi3-3 > li{position:relative;padding:12px;border:1px solid #E2E4E9;background:#F6F8FA;border-radius:9px;font-size:1rem;}
.imdong_mivi .mivi3-3 > li:before{content:'';position:absolute;top:-20px;left:50%;width:1px;height:20px;border-left:1px solid #ddd;}
.imdong_mivi .mivi3-3 > li > div + div{margin-top:12px;padding-top:12px;border-top:1px dashed #ddd;}
.imdong_mivi .mivi4{margin-top:32px;padding-top:12px;}
.imdong_mivi .mivi4:before{content:'';position:absolute;top:-40px;left:50%;width:1px;height:40px;border-left:1px solid #ddd;}
.imdong_mivi .mivi4 li{padding:16px;background:#FFF0F3;border-radius:7px;}
.sub_fac0604 .sec_fac .pg_tab{padding:16px 32px;margin-bottom:16px;background:#595757;border-radius:8px;color:#fff;font-weight:700;}
.sub_fac0604 .sec_fac .pg_tab a{padding:8px 16px;text-align:center;border-radius:20px;}
.sub_fac0604 .sec_fac .pg_tab li:not(.on) a:hover{background:rgba(255,255,255,.08)}
.sub_fac0604 .sec_fac .pg_tab li.on a{background:#D6FF67;color:#333;}
.sub_fac0604 .sec_fac .pg_tab li + li{margin-left:4px;}
.sub_fac0604 .sec_fac .pg_tabcon > .dp_flex{display:flex;flex-wrap:wrap;padding:60px 40px;border:1px solid #ddd;border-radius:11px;background:#fff;}
.sub_fac0604 .sec_fac .pg_tabcon > .dp_flex > *{width:50%}
.sub_fac0604 .sec_fac .pg_tabcon .l_box{padding-right:40px}
.sub_fac0604 .sec_fac .pg_tabcon .r_box img{border-radius:9px;}
.sub_fac0604 .sec_fac .pg_tabcon .r_box img + img{margin-top:16px;}

/* 디자인전문기업 DB */
.dot_num_list li{padding:24px;border:1px solid #ddd;border-radius:8px;text-align:center;}
.dot_num_list li .num{width:32px;height:32px;line-height:32px;text-align:center;background:#31353F;color:#fff;font-weight:700;border-radius:50%;}
.dot_num_list li p{margin-top:8px;font-size:1.25rem;font-weight:700;}
.line_list{border-top:1px solid #333;}
.line_list > li{padding:16px 4px;border-bottom:1px dashed #ddd;}
.line_list > li:last-child{border-bottom:1px solid #ddd}
.ico_gray64{width:64px;height:64px;border-radius:50%;background:#E8EBEE;}
.db_form tbody th{width:15%;height:52px}
.db_form .dbpi_small{width:52px}
.agree_chk_wp{border:1px solid #ddd;border-radius:11px;overflow:hidden;}
.agree_chk_wp .agree_all_chk{padding:16px 24px;background:#F6F8FA;}
.agree_chk_list {padding:16px 24px;padding-bottom:32px}
.agree_chk_list li .chk_top{padding:16px 0;display:flex;justify-content: space-between;}  
.agree_chk_list li .chk_top .open_chk_con{font-size:.875rem;padding:8px;border-radius:5px;background:#fafafa;color:#666}
.agree_chk_list li .con{display:none;margin-top:8px;padding:16px;background:#fafafa;border-radius:8px;}

.db_form .form_line{padding:24px;border:solid #ddd;border-width:1px 0;}
.db_form .form_line:first-child{border-top:2px solid #525866}
.db_form .form_line + .form_line {margin-top:-1px}
.db_form .form_line:nth-child(even){background:#fafafa;}

.db_edu .form_row + .form_row {border-top:1px solid #ddd;margin-top:20px;padding-top:20px}
.db_edu .form_row.sec_col > .input_box{margin-top:0}
.db_edu .db_deu1{margin:-4px;flex-wrap:wrap;}
.db_edu .db_deu1 > *{width:calc((100% - 32px) / 4);margin:4px}
.db_edu .main_pj_list {width:100%}
.db_edu .main_pj_list li{display:flex;flex-wrap:wrap;}
.db_edu .main_pj_list li + li{margin-top:8px}
.db_edu .main_pj_list .period{width:40%;display:flex;align-items:center;}
.db_edu .main_pj_list .period input[type="text"]{width:calc((100% - 20px) / 2);max-width:unset;}
.db_edu .main_pj_list input[type="text"].input_career{width:calc(60% - 74px)}
.db_edu .file_input_wp input{width:100%}
.db_edu .main_pj_list a{width:58px;}

/* 추진체계 */
.system_wp .mivi_tit{margin-bottom:12px;font-size:1.25rem;font-weight:700;color:#B70F15;}
.system_wp [class*='system_dep']{position:relative;}
.system_wp [class*='system_dep1']{max-width:960px;margin-left: auto;margin-right: auto}
.system_wp .system_dep1{min-height:100px;margin:20px auto;padding:8px 24px;background-color:#fff;}
.system_wp .system_dep1-1{padding-top:12px;}
.system_wp .system_dep1-1 .mivi_tit:after{content:'';position:absolute;top:-6px;left:50%;margin-left:-6px;width:12px;height:12px;border-radius:50%;background:#B70F15}
.system_wp .system_dep1-1 .mivi_tit:before{content:'';position:absolute;top:-40px;left:50%;width:1px;height:40px;border-left:1px dashed #ddd;}
.system_wp .arr_bottom:before{content:'';position:absolute;bottom:-50px;left:50%;margin-left:-80px;width:160px;height:56px;background:url('/_KOR/img/sub/deco_imdong3.svg') 0 0 no-repeat;    transform: rotate(180deg);}

.system_wp [class*='system_st'] > li{position: relative;overflow:hidden;border-radius: 9px;}
.system_wp .system_st1 > li{padding:20px 16px;background: #fff;border: 1px solid #D10028;}
.system_wp .system_st2 > li{padding:16px;border-radius: 9px;background: #fcedf4 ;}
.system_wp .system_st2 > li span{display:block}
.system_wp .system_st3 > li{background: #fff;border: 1px solid #ddd;}
.system_wp .system_st3 > li .bg_box{padding:12px;font-weight:700;border-radius:9px 9px 0 0}
.system_wp .system_st3 > li > ul{padding:18px;}
.system_wp .system_st4{margin-top:-20px}
.system_wp .system_st4 > li{padding:12px;border:1px solid #E2E4E9;background:#F6F8FA;border-radius:9px;font-size:1rem;}
.system_wp .system_st4 > li > div + div{margin-top:12px;padding-top:12px;border-top:1px dashed #ddd;}
.system_wp .system_st5 > li{padding:16px;display:flex;align-items:center;flex-wrap: wrap;background: #F6F8FA;}
.system_wp .system_st5 > li + li{margin-top:8px}
.system_wp .system_st5 > li .eth_arrow{width:20px;height:20px;margin:0 8px;background:url('/_KOR/img/arrow_ath2.svg') center center no-repeat;}
.system_wp .mivi_tit.extra_size {font-size:1.5rem;line-height:2.4rem;}
/* 추진체계 - esg */
.system_wp.esg_sys .system_st1 > li.item1{border-color:#2d9f75;}
.system_wp.esg_sys .system_st1 > li.item2{border-color:#0F31B7;}
.system_wp.esg_sys .system_st2 > li.item1{background:#dcf5eb;}
.system_wp.esg_sys .system_st2 > li.item2{background:#e6ebff;}
.system_wp.esg_sys .system_st2 .deco{margin:0 auto 16px;width:40px;height:40px;background:#fff;border-radius:50%;}

/* 추진체계 - 윤리경영 */
.system_wp.eth_sys .system_st2 > li.item2{background:#e6ebff;}
.system_wp.eth_sys .system_st2 > li.item3{background:#f1e1f7;}
.system_wp.eth_sys .system_st2 .ico{margin:0 auto 16px;width:80px;height:80px;background:#fff;border-radius:50%;}
.system_wp.eth_sys .arr_list > li{overflow:visible;}
.system_wp.eth_sys .arr_list > li:not(:first-child):before{content:'';position:absolute;left:-22px;top:50%;margin-top:-10px;width:20px;height:20px;background:url('/_KOR/img/arrow_ath1.png') center center no-repeat;}

/* 통합검색 */
.t_search_box{padding:40px 16px 32px;border:1px solid #ddd;border-radius:11px;}
.t_search_box .search{position:relative;width:640px;margin:0 auto}
.t_search_box .search input{border:0;width:100%;height:60px;border:2px solid #ed572d;padding-right:48px;background:transparent;box-sizing:border-box;font-size:1.25rem}
.t_search_box .search .ico_search{position:absolute;top: 10px;right:6px;width:40px;height:40px;background: url('/_KOR/img/ir.svg') -244px -1px no-repeat;font-size:0;border:0}
.total_list_wp .tit_wp{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;margin-bottom:24px;}  
.total_list_wp > ul{border-top:1px solid #333;}
.total_list_wp > ul:not(.total_gall) li{padding:24px 0 ;border-bottom:1px solid #ddd;}
.total_list_wp ul a{display:block;width:100%;transition: all 0.5s ease;}
.total_list_wp .bo_tit{font-weight:700;font-size:1.25rem;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width:99%}
.total_list_wp .bo_con{margin-top:8px;font-size:1.125rem;color:#666;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;width:100%}
.total_list_wp .bo_unit{margin-top:8px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;font-size:1rem;color:#666;}
.total_list_wp .bo_nav{text-decoration:underline;}
.total_list_wp .bo_nav_blue{color:#2452D1;text-decoration:underline;font-weight:600}
.total_list_wp .total_type1 li > .dp_flex{flex-wrap:wrap;}
.total_list_wp .total_type1 li .img_box{width:224px;height:126px;overflow:hidden;border-radius:14px;background:url('/img/logo_gray.svg')  center center no-repeat  #f4f4f4;}
.total_list_wp .total_type1 li .text_box{width:calc(100% - 224px);padding-left:32px}
.total_list_wp .total_type1 .date{margin-top:20px;font-size:1rem;color:#666;}
.total_gall_wp{padding:24px 0;border-top:1px solid #333;border-bottom:1px solid #ddd;}
.total_gall{display:flex;flex-wrap: wrap;margin:0 -12px;}
.total_gall > li{position:relative;width:calc((100% - 96px) / 4);margin:12px;transition:all .2s ease-in-out;overflow:hidden;}
.total_gall .img_box{height:208px;overflow:hidden;border-radius:14px;background:url('/img/logo_gray.svg')  center center no-repeat #f4f4f4;}
.total_gall .img_box img{width:100%;height:100%;}
.total_gall .bo_tit{padding-top:20px;}

/* 인권영향평가 */
.ethical .box_line .add_dot_deco {position: relative;padding-left: 24px;}
.ethical .box_line .add_dot_deco::after {content: ''; position: absolute; top: 5px; left: 0; width: 18px; height: 18px; background: url(/img/bul_2.svg) 0px 4px no-repeat;}
.ethical .box_line .ass_box {padding-left:24px;}
.ethical .box_line .ass_box ul {flex-wrap:wrap;justify-content:space-between;}
.ethical .box_line .ass_box li {width:calc(50% - 36px);}
.ethical .box_line .ass_box li div {text-align:center;padding:1rem;border-radius:12px;}
.ethical .box_line .ass_box li.box_l div {background:#FFF2D4;}
.ethical .box_line .ass_box li.box_l .box_top {background:#FFCF64;}
.ethical .box_line .ass_box li.box_r div {background:#E6F5FF;}
.ethical .box_line .ass_box li.box_r .box_top {background:#A6DBFF;}
.ethical .box_line .ass_box li .box_mid{margin:5px 0;}

/*인권경영 - 구제절차*/
.remedy .rem_step > li {border-radius:12px;background:#F6F8FA;padding:0 18px;position:relative;}
.remedy .rem_step > li::after {content: '';position: absolute;width: 16px;height: 16px;background: url(/_KOR/img/sub/ico_arrow_gray.svg) center center no-repeat;transform: translateY(-50%);top:50%;right:-21px;}
.remedy .rem_step > li:nth-child(3n)::after {display:none;}
.remedy .rem_step > li > div {padding:18px 0;}
.remedy .rem_step .tit_box {border-bottom:1px dashed #ddd; align-items:center;}
.remedy .rem_step .tit_box .ico {width:40px;height:40px;background:#1D2939;border-radius:5px;margin-right:12px;display:inline-flex;align-items:center;justify-content:center;}
.remedy .rem_step .tit_box .step_num {color:#D10028;}

/*인권경영헌장*/
.charter_con .subtit_1.extra_size {font-size:2.25rem;line-height:2.925rem;}

/*예약 수정*/
.res_form_wp.edit_form .edit_file .old_file {padding:8px;height: 49px;border-radius: 5px;border:1px solid #ddd;display:flex;align-items:center;width:calc(100% - 70px);margin-right:10px;}
.res_form_wp.edit_form .edit_file .old_file .bo_file {margin-right:5px;}
/* .res_form_wp.edit_form .edit_file input[type="file"] {display:none;} */
.res_form_wp.edit_form .res_cal_wp {border-width:1px;border-radius:5px;margin-top:1rem;}
.res_form_wp.edit_form .edit_date_cal {display:none;}
.res_form_wp.edit_form .edit_date input[type="text"] {width:calc(100% - 70px);margin-right:10px;}
.res_form_wp.edit_form #timeList {margin:0;}
.res_form_wp.edit_form .edit_cancel {width:35px;height:25px;line-height:25px;text-align:center;font-weight:700;font-size:0.938rem;position:absolute;top:0px;right:0px;border-radius:0 5px 0 5px;padding:0;}

/*예약현황 -  이용문의 추가*/
.current_cal .box_gray2 .text > div {width:50%;}
.current_cal .box_gray2 .text .r_box {padding-left: 32px;border-left:3px solid #ddd;}

/*-------------------접근성-------------------*/
/*인권경영*/
.remedy .rem_step > li::after {background: url(/_KOR/img/web_ico_arrow_gray.png) center center no-repeat;}
/*윤리경영*/
.system_wp.eth_sys .arr_list > li:not(:first-child):before{background: url(/_KOR/img/arrow_ath2.svg) center center no-repeat;}
.system_wp .arr_bottom:before {background: url(/_KOR/img/web_deco_imdong3.png) 0 0 no-repeat;}
/*시설안내 - 임동디지털창작소*/
.imdong_mivi .mivi3:before {background: url(/_KOR/img/web_deco_imdong3.png) 0 0 no-repeat;}
.imdong_mivi .mivi3-2 > li:first-child {border-color:transparent;}
.imdong_mivi .mivi3-2 > li {border-color:transparent;}
.imdong_mivi .mivi3-2 > li:last-child {border-color:transparent;}
.imdong_mivi .mivi3-2 > li > ul.ul_list {border:1px solid #6D0098;border-radius:0 0 9px 9px;}
.imdong_mivi .mivi3-2 > li:first-child > ul.ul_list {border:1px solid #B70F15;}
.imdong_mivi .mivi3-2 > li:last-child > ul.ul_list {border:1px solid #2C0B6F;}
.imdong_mivi .mivi3-2 > li > ul.mivi3-3 {padding:15px 0 0 0;}
.imdong_mivi .mivi3-2 > li > ul.mivi3-3 li {min-height:172px;}

/*정보공개*/
.sub_0501_list li:not(:first-child):before {background: url(/_KOR/img/web_ico_arrow_gray.png) center center no-repeat;}
/*대관임대*/
.facility .sec2 .step_lsit li:not(:last-child) .bg_box:before {background: url(/_KOR/img/web_ico_arrow_gray.png) center center no-repeat;}
/*미션&비전*/
.mvsion_wp .mv_step2 .eng {opacity: .7;}
/*행정조직도*/
.org_wp .org_top:before, .org_wp .org_a:before, .org_wp .org_b > div:before, .org_b:before, .org_c:before, .org_c a:before {background:#777}
/*임동디지털창작소*/
.subCon_010307 .idc_copy .vision_wrap .box_03 .in_con > li.item_01 .t_ico {background: #e8544f;}
.subCon_010307 .idc_copy .vision_wrap .box_03 .in_con > li.item_02 .t_ico {background: #f1401c;}
.subCon_010307 .idc_copy .vision_wrap .box_03 .in_con > li.item_03 .t_ico {background: #d9382f;}
.subCon_010307 .idc_copy .vision_wrap .box_03 .in_con > li.item_01 .con::after {background: #e8544f;}
.subCon_010307 .idc_copy .vision_wrap .box_03 .in_con > li.item_02 .con::after {background: #f1401c;}
.subCon_010307 .idc_copy .vision_wrap .box_03 .in_con > li.item_03 .con::after {background: #d9382f;}

/*대관임대*/
.fac_sd_wp .slick-controls {position:relative;}
.fac_sd_wp .slick-nav{display:flex;align-items:center;position: absolute;right: 16px;bottom: 20px;}
.fac_sd_wp .slick-nav * + *{margin-left:2px}
.fac_sd_wp .slick-nav a{width:20px;height:20px;border-radius:50%;z-index:90;vertical-align: middle;border-radius:50%;background: url(/_KOR/img/sub/ico_fac_sd_btn.png) no-repeat rgba(231, 231, 232, 0.8);font-size: 0;}
.fac_sd_wp .slick-nav a.slick-prev{background-position: 5px 0px;}
.fac_sd_wp .slick-nav a.slick-next{background-position: -16px 0px;}
.fac_sd_wp .slick-nav a.slick-stop{background-position: -41px 0px;}
.fac_sd_wp .slick-nav a.slick-play{background-position: -64px 0px;display:none;}
.facility .fac_top .fac_sd_wp .slick-dots {position: absolute;right: 90px;bottom: 20px;text-align:right;}
.facility .fac_top .fac_sd_wp .slick-dots button {background:#fff;}
.fac_sd_wp .slick-nav a {background-color:#fff;}

/*서브 본문바로가기 대응*/
#fSubTit {scroll-margin-top: 350px;}