@charset "utf-8";
/* pbs.css 
@latest 
2025.05.29 OSY 
2025.05.30 SSJ
2025.07.17 SSJ
2025.08.26 SSJ
2025.09.02 SSJ
*/


/* color */
.font-black {color:#00121A;}
.font-gray {color:#777;}
.font-red {color:#dd3059; font-weight:600;}
.font-purple {color:#3a34a2; font-weight:600;}
.font-green {color:#20a76e; font-weight:600;}

.bg_green td {background-color:#20a76e !important; color:#fff;}
.bg-stage-03-green {background-color:#4caf50 !important; color:#fff;}
.bg-stage-02-yellow {background-color:#ffc107 !important;}
.bg-stage-01-red {background-color:#f44336 !important; color:#fff;}


/* flex */
.pbs_wrap .flex {display:flex !important; flex-wrap:wrap;}
.pbs_wrap .inline-flex {display:inline-flex !important; flex-wrap:wrap;}
.pbs_wrap .flex_row {flex-direction:row !important;}
.pbs_wrap .flex_column {flex-direction:column !important;}
.pbs_wrap .justify_center {justify-content:center !important;}
.pbs_wrap .justify_between {justify-content:space-between !important;}
.pbs_wrap .align_stretch {align-items:stretch !important;}
.pbs_wrap .align_start {align-items:flex-start !important;}
.pbs_wrap .align_end {align-items:flex-end !important;}
.pbs_wrap .align_center {align-items:center !important;}


/* gap */
.gap_10px {gap:10px !important;}
.gap_15px {gap:15px !important;}
.gap_20px {gap:20px !important;}
.gap_30px {gap:30px !important;}
.gap_40px {gap:40px !important;}
.gap_50px {gap:40px !important;}
.gap_60px {gap:60px !important;}
.gap_85px {gap:85px !important;}

.pbs_wrap .notice_14 + * {margin-top:10px;}
:is(.box_type_01, .box_type_03) .text_wrap .box_title + * {margin-top:10px;}
.tbl_resp + :is(.tbl_resp, table[class *= "tbl_type"]),
table[class *= "tbl_type"] + :is(.tbl_resp, table[class *= "tbl_type"]) {margin-top:80px;}

tr[class *= "hgt"] > td {padding:0 !important;}
.hgt10 td {height:10px !important;}
.hgt20 td {height:20px !important;}
.hgt30 td {height:30px !important;}
.hgt40 td {height:40px !important;}
.hgt50 td {height:50px !important;}
.hgt80 td {height:80px !important;}
.pl52 {padding-left:52px;}
.ml52 {margin-left:52px; width:calc(100% - 52px) !important;}


/* width */
.wd_100px {width:100px !important;}
.wd_150px {width:150px !important;}
.wd_200px {width:200px !important;}
.wd_250px {width:250px !important;}
.wd_300px {width:300px !important;}
.wd-auto {width:auto !important;}


/* title */
.subCon h4.tit {padding-bottom:40px !important; font-family:'Noto Sans KR' !important; line-height:1.3em; font-size:42px !important; font-weight:600; color:#000;}
.pbs_wrap .title_line_01 {padding-bottom:18px; font-size:22px; font-weight:600; color:#000; border-bottom:2px solid #a63171;}


/* text */
.fs36 {font-size:36px;}
.pbs_wrap .suppl {text-align:center; line-height:1.4em; font-size:19px; color:#393939;}
.pbs_wrap .notice_14 {text-align:right; font-size:14px; color:#71717a; letter-spacing:-0.5px;}
.pbs_wrap .point_star {display:inline-block;margin:0 3px;font-size: 21px;font-weight:600;color:#615db5;color: #df0a0a;vertical-align:middle;}
.pbs_wrap :is(.pbs_textarea, .select_type_01, .pbs_input, .datePicker, .pbs_date [type="date"], [type="datetime-local"]),
.pbs_wrap .ipt_rdo_type_02 .label_rdo .text,
.pbs_wrap :is(.ipt_chk_type_01, .ipt_rdo_type_01) :is(.label_chk, .label_rdo) {font-size:16px;}


/* select */
.pbs_wrap .select_type_01 {position:relative; height:50px; padding:0 60px 0 20px !important; color:#333; background:#fff url(/images/portal/pbs/arrow_select.png) right 15px center no-repeat; background-size:12px !important; border-color:#ddd; border-radius:15px;}
.pbs_wrap .select_type_02 {min-width:40px; height:28px; padding:0 20px 0 7px !important; line-height:26px; font-size:13px; background:#fff url(/images/portal/pbs/arrow_select.png) right 5px center no-repeat; background-size:8px !important; border-color:#ddd; border-radius:8px;}


/* textarea */
.pbs_wrap .pbs_textarea {display:block; padding:20px; border-color:#ddd; border-radius:15px; resize:none;}


/* input */
.pbs_wrap .pbs_input {height:50px; line-height:50px; padding:0 20px !important; border-color:#ddd; border-radius:15px; -webkit-transition:none; transition:none;}
.pbs_wrap .pbs_input.input_num {text-align:right;}
.pbs_wrap input.data_auto,
.pbs_wrap input[readonly *= "readonly"] {border:0 !important;}
.pbs_wrap input[type="number"] {text-align:right; -moz-appearance:textfield;}
.pbs_wrap input[type="number"]::-webkit-outer-spin-button,
.pbs_wrap input[type="number"]::-webkit-inner-spin-button {-webkit-appearance:none; margin:0;}

.pbs_wrap .pbs_date, .pbs_wrap .datePicker,
.pbs_wrap .date_box input:is([type="date"], [type="datetime-local"]) {position:relative; height:50px; padding-left:50px !important; margin-right:0; background:#fff url(/images/portal/pbs/icon_calendar.png) left 20px center no-repeat; background-size:19px; border-color:#ddd; border-radius:15px;}
.pbs_wrap .date_box input:is([type="date"], [type="datetime-local"])::-webkit-calendar-picker-indicator {position:absolute; top:0; left:0; width:100%; height:100%; background:transparent; color:transparent; cursor:pointer; border-radius:15px; box-sizing:border-box;}
.pbs_wrap .date_box input:is([type="date"], [type="datetime-local"]):before {content:attr(placeholder); width:100%; height:100%;}
.pbs_wrap table[class *= "tbl_type"] .date_box input:is([type="date"], [type="datetime-local"]) {height:28px; padding-left:30px !important; font-size:13px; border-radius:8px; background-position-x:10px; background-size:14px;}
.pbs_wrap table[class *= "tbl_type"] .date_box input:is([type="date"], [type="datetime-local"])::-webkit-calendar-picker-indicator {border-radius:8px;}

.pbs_wrap :is(.ipt_chk, .ipt_rdo) {position:absolute; top:0; left:0; width:100%; height:100% !important; margin-right:0; border-radius:15px;}
.pbs_wrap :is(.ipt_chk, .ipt_rdo):focus {outline:none;}
.pbs_wrap :is(.ipt_chk, .ipt_rdo):focus:after {position:absolute; top:0; left:0; z-index:1; content:''; width:100%; height:100%; border:2px solid #443f97; border-radius:15px; box-sizing:border-box;}
.pbs_wrap :is(.ipt_chk_type_01, .ipt_rdo_type_01) {position:relative; display:inline-flex; min-height:50px; border-radius:15px;}
.pbs_wrap :is(.ipt_chk_type_01, .ipt_rdo_type_01) :is(.label_chk, .label_rdo) {position:relative; left:auto; display:inline-flex; align-items:center; width:100%; padding:10px 65px 10px 20px; cursor:pointer; text-indent:0; color:#333; font-size:16px; background-color:#fff; border:1px solid #ddd; border-radius:15px;}
.pbs_wrap :is(.ipt_chk_type_01, .ipt_rdo_type_01) :is(.label_chk, .label_rdo):before {position:absolute; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); right:20px; content:''; width:23px; height:23px; background-color:#d4d4d8; border-radius:50%;}
.pbs_wrap :is(.ipt_chk_type_01, .ipt_rdo_type_01) :is(.label_chk, .label_rdo):after {position:absolute; top:calc(50% - 5px); right:25px; content:''; width:11px; height:5px; border-style:solid; border-color:#fff; border-width:0 0 2px 2px; transform:rotate(-45deg);}
.pbs_wrap :is(.ipt_chk_type_01, .ipt_rdo_type_01) :is(.ipt_chk, .ipt_rdo):checked ~ :is(.label_chk, .label_rdo) {background-color:#fef4f6; border-color:#e4597a; color:#b83a58; font-weight:600;}
.pbs_wrap :is(.ipt_chk_type_01, .ipt_rdo_type_01) :is(.ipt_chk, .ipt_rdo):checked ~ :is(.label_chk, .label_rdo):before {background-color:#e4597a;}
.pbs_wrap :is(.ipt_chk_type_01, .ipt_rdo_type_01) :is(.label_chk, .label_rdo) :is(.label_chk, .label_rdo) span {width:100%; line-height:1.2em;}
.pbs_wrap :is(.ipt_chk_type_01, .ipt_rdo_type_01) :is(.label_chk, .label_rdo) :is(.label_chk, .label_rdo) span:before {content:"attr(title)"; display:block; height:0; font-weight:600; visibility:hidden;}

.pbs_wrap .ipt_rdo_type_02 {position:relative; display:inline-flex;}
.pbs_wrap .ipt_rdo_type_02 .label_rdo {position:relative; left:auto; display:inline-flex; flex-direction:column; align-items:center; width:100%; padding:56px 20px 20px; cursor:pointer; text-indent:0; background-color:#fff; border:1px solid #ddd; border-radius:15px;}
.pbs_wrap .ipt_rdo_type_02 .label_rdo:before {position:absolute; top:20px; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); content:''; width:23px; height:23px; background-color:#d4d4d8; border-radius:50%;}
.pbs_wrap .ipt_rdo_type_02 .label_rdo:after {position:absolute; top:26px; left:calc(50% - 6px); transform:translateX(-50%); -webkit-transform:translateX(-50%); content:''; width:10px; height:5px; border-style:solid; border-color:#fff; border-width:0 0 2px 2px; transform:rotate(-45deg);}
.pbs_wrap .ipt_rdo_type_02 .ipt_rdo:checked ~ .label_rdo {background-color:#fef4f6; border-color:#e4597a; color:#b83a58; font-weight:600;}
.pbs_wrap .ipt_rdo_type_02 .ipt_rdo:checked ~ .label_rdo:before {background-color:#e4597a;}
.pbs_wrap .ipt_rdo_type_02 .label_rdo .num {font-weight:600; font-size:13px; color:#949494;}
.pbs_wrap .ipt_rdo_type_02 .label_rdo .text {color:#333;}

.pbs_wrap .ipt_chk_normal {position:relative; display:inline-flex; justify-content:center; align-items:center; width:18px; height:18px; border-radius:3px; overflow:hidden;}
.pbs_wrap .ipt_chk_normal .ipt_chk {border:1px solid blue; border-radius:3px;}
.pbs_wrap .ipt_chk_normal .ipt_chk:focus:after {border-radius:3px;}
.pbs_wrap .ipt_chk_normal .label_chk {position:relativel; left:auto; top:0; text-indent:0; width:100%; height:100%; cursor:pointer; background-color:#fff; border:1px solid #CCD1D7; box-sizing:border-box;}
.pbs_wrap .ipt_chk_normal .label_chk span {display:inline-block; width:1px; height:1px; clip:rect(1px, 1px, 1px, 1px); clip-path:inset(50%); border:0; overflow:hidden;}
.pbs_wrap .ipt_chk_normal .ipt_chk:checked ~ .label_chk {background-color:#443f97; border-color:#443f97;}
.pbs_wrap .ipt_chk_normal .ipt_chk:checked ~ .label_chk:before {position:absolute; top:calc(50% - 4px); left:2px; content:''; width:9px; height:3px; border-style:solid; border-color:#fff; border-width:0 0 2px 2px; transform:rotate(-45deg);}


/* btn */
.wzbtn-lg.btn_pbs, .btn_pbs {position:relative; display:inline-flex; justify-content:center; align-items:center; min-height:80px; padding:0 40px; margin:4px 0; font-size:18px; color:#fff; background-color:#443f97; border-color:#443f97; box-sizing:border-box; -webkit-transition:background .3s; transition:background .3s;}
.wzbtn-lg.btn_pbs:hover, .btn_pbs:hover, .wzbtn-lg.btn_pbs:active, .btn_pbs:active {background-color:#24232d; border-color:#24232d;}
.wzbtn-lg.btn_pbs + *:not(.btn_pbs) {margin-left:10px;}
.wzbtn-lg.btn_file:after {content:""; width:45px; height:30px; margin-left:30px; background:url(/images/portal/pbs/btn_ico_download.png) right center no-repeat; background-size:contain;}
.wzbtn-lg.btn_link:after {content:""; width:20px; height:30px; margin-left:30px; background:url(/images/portal/pbs/btn_ico_link.png) right center no-repeat; background-size:contain;}
.wzbtn-lg.btn_save:after {content:""; width:26px; height:16px; margin:0 0 12px 30px; border-style:solid; border-color:currentColor; border-width:0 0 1px 1px; transform:rotate(-45deg);}
.pbs_wrap .btn_area {text-align:right !important;}
#bbs_area .btn_area {margin-left:auto; margin-right:auto;}
.pbs_wrap :is(.btn-del, .btn_del) {border-color:#e4597a; background-color:#e4597a; color:#fff;}
.pbs_wrap .btn-delete {border-color:#e4597a; background-color:#fff; color:#e4597a;}
.pbs_wrap .btn-list {background-color:#454545; border-color:#454545;}
.data_form_wrap .btn_pbs {min-height:50px;}
.data_form_wrap .btn_pbs.btn-basic {color:#fff; background-color:#443f97; border-color:#443f97; -webkit-transition:background .3s; transition:background .3s;}
.data_form_wrap .btn_pbs.btn-basic:hover, .data_form_wrap .btn_pbs.btn-basic:active {background-color:#24232d; border-color:#24232d;}
.wzpopup-wrap .btn_pbs {min-height:50px; padding-left:30px; padding-right:30px; font-size:16px;}


/* tab */
.pbs_tab {display:flex; justify-content:space-between; flex-flow:row wrap; gap:10px; padding-left:0 !important;}
.pbs_tab * {font-family:'Noto Sans KR' !important; word-wrap:break-word; word-break:keep-all; white-space:normal; box-sizing:border-box;}
.pbs_tab li {flex-grow:1; display:inline-flex; justify-content:center;lign-items:center;}
.pbs_tab li:hover a {border-color:#443f97;}
.pbs_tab li a {display:flex; justify-content:center; align-items:center; width:100%; height:100%; padding:15px; word-wrap:break-word; word-break:keep-all; font-size:16px; line-height:1.4em; text-align:center; border:1px solid #c6c6c6; border-radius:8px; box-sizing:border-box;}
.pbs_tab li a.active {background-color:#443f97; border-color:#443f97; color:#fff; font-weight:bold;}
.pbs_tab li a:focus {outline-color:#443f97;}

.pbs_tab.tab_type01 li a {font-size:22px; font-weight:500;}
.pbs_tab.tab_type01 li a.active {background-color:#dd2959; border-color:#dd2959;}

.pbs_tab.column_5 li {flex:1 1 19%;}
.pbs_tab.column_6 li {flex:1 1 15%;}


/* focus */
.pbs_wrap input[type="text"]:focus {border:none !important; outline:2px solid #443f97 !important;}
.pbs_wrap :is(.select_type_01, .pbs_input, .pbs_textarea, .pbs_date):focus,
.pbs_wrap input:is([type="date"], [type="datetime-local"]),
.pbs_wrap .date_box input:is([type="date"], [type="datetime-local"])::-webkit-calendar-picker-indicator:focus {outline-color:#443f97;}
.pbs_wrap input[readonly *= "readonly"] {outline:0 !important; border:0 !important;}
.btn_pbs:focus {outline:0;}
.btn_pbs:focus:before {position:absolute; top:2px; left:2px; content:''; width:calc(100% - 8px); height:calc(100% - 8px); border:2px dashed #fff;}


/* box */
.box_type_01 {position:relative; display:flex; width:100%; padding:30px 35px;}
.box_type_01:before {position:absolute; top:0; left:0; z-index:-2; content:''; width:100%; height:100%; background:url(/images/portal/pbs/pattern_01.png); border-radius:20px;}
.box_type_01:after {position:absolute; top:10px; left:10px; z-index:-1; content:''; width:calc(100% - 20px); height:calc(100% - 20px); background-color:#fff; border-radius:15px;}
.box_type_01 .box_icon {display:inline-flex; justify-content:center; align-items:center; flex-shrink:0; width:115px; height:115px; background-color:#f1f3f6; border-radius:50%;}
.box_type_01 .box_icon img {max-width:80px; max-height:80px;}
.box_type_01 .text_wrap {display:inline-flex; flex-direction:column; justify-content:center; flex-grow:1; margin-left:32px;}
.box_type_01 .text_wrap .box_title {font-size:22px; font-weight:600; color:#060606;}
.box_type_01 .text_wrap .box_text {font-size:17px; color:#333;}

.box_type_02 {padding:30px 30px 40px; background-color:#f9f9f9; border-radius:20px;}
.box_type_02.bg_white {background-color:#fff;}

.box_type_03 {padding:25px 30px; border:2px solid #eaeaea; border-radius:18px; box-sizing:border-box;}
.box_type_03 .text_wrap {display:inline-flex; flex-direction:column; justify-content:center; flex-grow:1;}
.box_type_03 .text_wrap .box_title {font-size:22px; font-weight:600; color:#060606;}
.box_type_03 .text_wrap .box_title + .box_list {margin-top:20px;}
.box_type_03 .text_wrap .box_text {line-height:1.7em; font-size:17px; color:#333;}
.box_type_03 .text_wrap .box_list {display:flex; flex-flow:row wrap; gap:20px;}
.box_type_03 .text_wrap .box_list li {position:relative; width:calc(50% - 10px); padding-left:22px; line-height:1.6em; font-size:17px; font-weight:500;}
.box_type_03 .text_wrap .box_list li:before {position:absolute; top:11px; left:0; content:''; width:7px; height:7px; background-color:#3a34a2; border-radius:50%;}
.box_type_03 .text_wrap .box_list li .desc {font-size:15px; font-weight:normal;}


/* table */
.tbl_title_wrap {display:flex; flex-direction:column; gap:15px;}

.pbs_wrap table[class *= "tbl_type"] th .order_item {display:inline-flex; justify-content:center; align-items:center; gap:5px; cursor:pointer;}
.pbs_wrap table[class *= "tbl_type"] th .order {position:relative; display:inline-flex; width:10px; height:6px; margin-top:2px;}
.pbs_wrap table[class *= "tbl_type"] th .order:before {position:absolute; top:0; left:0; content:''; width:0; height:0; border-bottom:0; border-top:6px solid #fff; border-left:5px solid transparent; border-right:5px solid transparent;}
.pbs_wrap table[class *= "tbl_type"] th .order.ascend {transform:rotate(-180deg); -webkit-transform:rotate(-180deg);}
.pbs_wrap table[class *= "tbl_type"] th .order span {display:inline-block; width:1px; height:1px; clip:rect(1px, 1px, 1px, 1px); clip-path:inset(50%); border:0; overflow:hidden;}

.tbl_type_01 {border-top:2px solid #333;}
.tbl_type_01.cross_bg tbody tr:nth-child(even) :is(th, td) {background-color:#f9f9f9;}
.tbl_type_01.over_bg tbody tr:hover :is(th, td) {background-color:#e2e4e7;}
.tbl_type_01 thead th {padding:12px 5px; line-height:1.3em; font-size:13px; font-weight:500; color:#fff; background-color:#858393;}
.tbl_type_01 thead th:not(:last-child) {border-right:1px solid #a5a4ab;}
.tbl_type_01 .text_small {display:inline-block; font-size:11px; font-weight:normal; margin:2px 2px 0;}
.tbl_type_01 tbody th {font-size:13px; background-color:#fff; border-bottom:1px solid #D8DCE5;}
.tbl_type_01 tbody td {padding:7px 5px; font-size:13px; text-align:center; background-color:#fff; border-bottom:1px solid #D8DCE5;}
.tbl_type_01 tbody td:not(:last-child) {border-right:1px solid #f2f4f7;}
.tbl_type_01 .check {min-width:28px; padding:0;}
.tbl_type_01 a[class *= "btn-"] {font-size:12px;}
.tbl_type_01 .btn-basic {display:inline-flex; justify-content:center; align-items:center; height:28px; line-height:26px; padding:0 12px; margin-top:2px; margin-bottom:2px; border-radius:8px;}

.tbl_type_02.cross_bg tbody tr:nth-child(even) :is(th, td) {background-color:#f9f9f9;}
.tbl_type_02.over_bg tbody tr:hover :is(th, td),
.tbl_type_02.over_bg tbody tr:hover a:not([class *= "btn-"]) {color:#000; background-color:#f6f6f6;}
.tbl_type_02 {border-top:2px solid #000; background-color:#fff;}
.tbl_type_02 * {box-sizing:border-box;}
.tbl_type_02 thead th {padding:14px 10px; font-size:17px; font-weight:500; color:#121212; background-color:#f1f3f6; border-bottom:1px solid #ccc;}
.tbl_type_02 tbody th {padding:10px; font-size:16px; color:#333; text-align:center; border-bottom:1px solid #ccc;}
.tbl_type_02 tbody td {padding:10px; font-size:15.5px; color:#333; text-align:center; border-bottom:1px solid #ccc;}
.tbl_type_02 tbody td.txt-l {text-align:left;}
.tbl_type_02 tbody td a {color:#333;}
.tbl_type_02 tr.total :is(th, td) {padding:14px 10px; color:#000; border-top:1px solid #666; /* background-color:#f8f1f3; */}
.tbl_type_02 input {height:42px !important; line-height:42px !important; font-size:15px !important;}
.tbl_type_02 a[class *= "btn-"] {font-size:14px;}
.tbl_type_02 .btn-basic {display:inline-flex; justify-content:center; align-items:center; height:40px; line-height:40px; padding:0 15px; margin-top:2px; margin-bottom:2px; border-radius:8px;}

.wzpopup-wrap .popup_s .tbl_type_02 thead th {padding:14px 4px; font-size:15px; font-weight:600;}
.wzpopup-wrap .popup_s .tbl_type_02 tbody th {padding:10px 4px; font-size:14px;}
.wzpopup-wrap .popup_s .tbl_type_02 tbody td {padding:10px 4px; font-size:14px;}
.wzpopup-wrap .tbl_type_02 .btn-basic {display:inline-flex; justify-content:center; align-items:center; min-width:40px; height:28px; line-height:normal; padding:0 4px; margin-top:2px; margin-bottom:2px; font-size:12px; border-radius:8px;}


.pbs_wrap {display:flex; flex-direction:column; gap:50px; width:100%; margin-left:auto; margin-right:auto; margin-bottom:30px;}
.pbs_wrap * {font-family:'Noto Sans KR' !important; word-break:break-word; overflow-wrap:break-word; white-space:normal; box-sizing:border-box;}

/* form layout */
.data_form_wrap [class *= "box_type"] {display:flex; flex-wrap:wrap; gap:40px;}
.data_form_wrap .cate {display:flex; width:100%;}
.data_form_wrap .cate .cate_title {font-weight:600; color:#71717a;}
.data_form_wrap .cate .cate_title .note {font-weight:normal; font-size:0.88em; letter-spacing:-0.5px;}
.data_form_wrap .cate.flex_column {gap:10px;}
.data_form_wrap .cate.flex_column .cate_form {margin-left:0;}
.data_form_wrap .cate_form .input_wrap {display:inline-flex;}
.data_form_wrap .cate_form .input_wrap .unit {display:inline-block; align-self:flex-end; margin:0 0 5px 5px;}
.data_form_wrap .cate_form .input_wrap .date_box {width:calc(50% - 10px);}
.data_form_wrap .cate_form .input_wrap .tilde {display:inline-flex; justify-content:center; align-items:center; width:20px;}
.data_form_wrap .cate_form .txt_only {width:100%; padding-top:10px; font-size:16.5px;}
.data_form_wrap .cate_form .id_value {min-width:150px; height:50px; line-height:50px; padding:0 20px !important; font-size:16px; background-color:#fff; border-color:#ddd; border-radius:15px;}
.data_form_wrap .cate_form .btn-basic {display:inline-flex; justify-content:center; align-items:center; height:50px; padding:0 15px; font-size:15px; color:#333; background-color:#fff; border:1px solid #bebebe; border-radius:8px; box-sizing:border-box;}
.data_form_wrap .cate_form .btn-basic:hover,
.data_form_wrap .cate_form .btn-basic:active {background-color:#f0f0f0;}
.data_form_wrap .wzbtn {display:inline-flex; justify-content:center; align-items:center; line-height:normal; font-size:16px;}

.pbs_wrap .ipt_chk_wrap,
.pbs_wrap .ipt_rdo_wrap {display:inline-flex; flex-wrap:wrap; gap:10px;}
.pbs_wrap .column_auto > div {width:auto;}
.pbs_wrap .column_1 > div {width:100%;}
.pbs_wrap .column_2 > div {width:calc(50% - 5px);}
.pbs_wrap .column_3 > div {width:calc(33.33333333333333% - 6.666666666666667px);}
.pbs_wrap .column_4 > div {width:calc(25% - 7.5px);}
.pbs_wrap .column_5 > div {width:calc(20% - 8px);}
.pbs_wrap .column_6 > div {width:calc(16.66666666666667% - 8.333333333333333px);}



/* datepicker */
.ui-datepicker * {font-family:'Noto Sans KR' !important;}
.ui-widget-content {border-color:#ddd !important; border-radius:15px;}
.ui-datepicker {padding:0 !important;}
.ui-datepicker .ui-datepicker-header {top:-1px; left:-1px; width:calc(100% + 2px); padding:8px 0 !important; background-color:#443f97 !important; border-radius:13px 13px 0 0;}
.ui-datepicker .ui-datepicker-title select {line-height:23px; background-color:transparent !important; border:1px solid rgba(255,255,255,.3) !important; box-sizing:border-box;}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {top:50% !important; transform:translateY(-50%); -moz-transform:translateY(-50%); -webkit-transform:translateY(-50%); -o-transform:translateY(-50%); display:inline-flex !important; justify-content:center; align-items:center;}
.ui-datepicker .ui-datepicker-prev {left:15px !important;}
.ui-datepicker .ui-datepicker-next {right:15px !important;}
.ui-datepicker .ui-datepicker-prev:before,
.ui-datepicker .ui-datepicker-next:before {display:block !important; content:'' !important; width:8px !important; height:8px !important; border-style:solid; border-color:#fff; transform:rotate(45deg); -webkit-transform:rotate(45deg);}
.ui-datepicker .ui-datepicker-prev:before {border-width:0 0 2px 2px;}
.ui-datepicker .ui-datepicker-next:before {border-width:2px 2px 0 0;}
.ui-datepicker table {margin:10px auto 15px !important;}
.ui-datepicker td {padding:2px 0;}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {display:inline-flex !important; justify-content:center; align-items:center; width:25px !important; height:25px !important; line-height:28px !important; padding:0 !important; background-color:#443f97 !important; color:#fff !important; border:0 !important;}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {display:inline-flex !important; justify-content:center; align-items:center; width:25px !important; height:25px !important; line-height:28px !important; padding:0 !important; background-color:#e4597a !important; color:#fff !important; border:0 !important;}


@media (max-width:1360px) {
    /* .pbs_wrap {width:calc(100% - 30px);} */
}
@media (max-width:1299px) {
    .pbs_wrap :is(.column_5, .column_6) > div {width:calc(33% - 5px);}
    .data_form_wrap .btn_area {flex-grow:1;}
}
@media (min-width:991px) {
    .data_form_wrap.half .cate:not(.wd100) {flex:1 1 calc(40% - 60px);}
    .data_form_wrap.half .cate:not(.wd100):nth-child(even) {margin-left:100px;} 
    .data_form_wrap.half .cate:not(.wd100) .cate_title {width:80px;}
    .data_form_wrap.half .cate_form {width:calc(100% - 80px) !important;}
    .data_form_wrap.half .cate:not(.wd100) .cate_form .input_wrap .datePicker {width:calc(50% - 10px);}

    .data_form_wrap.auto [class *= "box_type"] {gap:60px;}
    .data_form_wrap.auto .cate:not(.wd100) {width:auto;}
    .data_form_wrap.auto .cate:not(.wd100) .cate_title {width:auto;}
}
@media (max-width:990px) {
    .subCon h4.tit {font-size:36px !important;}
    .pbs_wrap .suppl {font-size:18px;}

    .pbs_wrap {gap:40px;}
    .data_form_wrap.half .cate {flex:1 1 100%;}
    .data_form_wrap.auto [class *= "box_type"] {gap:20px;}
    .pbs_wrap :is(.column_3, .column_4, .column_5, .column_6) > div {width:calc(50% - 5px);}

    .tbl_resp {position:relative; overflow-x:auto; margin:0 0 15px; padding-bottom:8px; -webkit-overflow-scrolling:touch; touch-action: pan-x;}
    .tbl_resp::-webkit-scrollbar {height:10px; border-radius:10px;}
    .tbl_resp::-webkit-scrollbar-track {box-shadow:inset 0 0 6px rgba(0,0,0,0.3); border-radius:10px;}
    .tbl_resp::-webkit-scrollbar-thumb {background-color:#333; border-radius:10px;}
    .tbl_resp table {width: 200% !important;}

    .pbs_tab li {flex:1 1 20%;}
    .pbs_tab li a {padding:12px 15px; font-size:15px;}
    .pbs_tab.tab_type01 li a {font-size:19px;}
}
@media (min-width:800px) {
    .data_form_wrap .cate {gap:40px;}
    .data_form_wrap .cate .cate_title {flex-shrink:0; width:200px; padding-top:10px; font-size:16px;}
    .data_form_wrap .cate .cate_title.wd100 {padding-top:0;}
    .data_form_wrap .cate .cate_form {width:calc(100% - 200px);}
    .data_form_wrap .cate .cate_form.wd100 {width:100%;}
    .data_form_wrap .cate .cate_form .input_wrap .unit {font-size:15px;}
}
@media (max-width:799px) {
    .subCon h4.tit {font-size:32px !important;}
    .pbs_wrap .suppl {font-size:17px;}

    .pbs_wrap {gap:30px;}
    .pbs_wrap :is(.pbs_textarea, .select_type_01, .pbs_input, input[type="date"]),
    .pbs_wrap .ipt_rdo_type_02 .label_rdo .text,
    .pbs_wrap :is(.ipt_chk_type_01, .ipt_rdo_type_01) :is(.label_chk, .label_rdo) {font-size:14px !important;}

    .box_type_01 .box_icon {width:65px; height:65px;}
    .box_type_01 .box_icon img {max-width:30px; max-height:30px;}
    .box_type_01 .text_wrap {margin-left:20px;}
    .box_type_01 .text_wrap .box_title {font-size:20px;}
    .box_type_01 .text_wrap .box_text {font-size:15px;}

    .box_type_03 .text_wrap .box_list {gap:8px;}
    .box_type_03 .text_wrap .box_list li {width:100%; padding-left:18px; font-size:15px;}
    .box_type_03 .text_wrap .box_list li:before {top:9px; width:6px; height:6px;}
    .box_type_03 .text_wrap .box_list li .desc {font-size:14px;}

    .pbs_wrap .notice_14 {font-size:13px;}
    .data_form_wrap .cate {flex-direction:column; gap:10px;}
    .data_form_wrap .cate .cate_title {font-size:14px;}
    .data_form_wrap .cate_form > * {width:100% !important;}
    .data_form_wrap .cate_form .input_wrap .unit {margin-left:2px;}
    .data_form_wrap .cate_form .input_wrap .date_box input[type="date"] {width:100%;}
    .data_form_wrap .cate_form .input_wrap select:only-child {width:100%;}
    .data_form_wrap .cate_form .input_wrap#dateShow {}
    .data_form_wrap .cate_form .input_wrap#dateShow .datePicker:first-child:nth-last-child(3),
    .data_form_wrap .cate_form .input_wrap#dateShow .datePicker:nth-child(3):last-child {width:48%;}
    .data_form_wrap .cate_form .input_wrap#dateShow .tilde:nth-child(2):nth-last-child(2) {width:4%;}

    .pbs_wrap :is(.column_2, .column_3, .column_4, .column_5, .column_6) > div {width:100%;}
    .pbs_wrap .column_6 > div.ipt_rdo_type_02:not(:first-child) {width: calc(20% - 8.333333333333333px);}
    .pbs_wrap .column_6 > div.ipt_rdo_type_02:not(:first-child) .label_rdo {padding: 56px 5px 15px;}
    .pbs_wrap .column_6 > div.ipt_rdo_type_02:not(:first-child) .label_rdo .text {word-break:keep-all;text-align: center;line-height: 120%;margin-top: 9px;}

    .pbs_wrap :is(.pbs_textarea, .select_type_01, .pbs_input, .datePicker, .pbs_date [type="date"], [type="datetime-local"]),
    .pbs_wrap .ipt_rdo_type_02 .label_rdo .text,
    .pbs_wrap :is(.ipt_chk_type_01, .ipt_rdo_type_01) :is(.label_chk, .label_rdo) {font-size:14px;}
    .pbs_wrap :is(.ipt_chk_type_01, .ipt_rdo_type_01) :is(.label_chk, .label_rdo) {padding:10px 65px 10px 20px;}
    
    .pbs_wrap .pbs_date, .pbs_wrap .datePicker,
    .pbs_wrap .date_box input:is([type="date"], [type="datetime-local"]) {height:42px; padding-left:42px !important; background-size:17px;}
    .pbs_wrap .pbs_date, .pbs_wrap .datePicker:first-child:nth-last-child(3),
    .pbs_wrap .pbs_date, .pbs_wrap .datePicker:nth-child(3):last-child {width:48%;}
    .data_form_wrap .cate_form .input_wrap .tilde:nth-child(2):nth-last-child(2) {width:4%;}

    .pbs_wrap .pbs_input {height:42px; line-height:42px; padding:0 15px !important;}
    .pbs_wrap .select_type_01 {height:42px; padding:0 60px 0 15px !important;}
    .data_form_wrap .cate_form .id_value,
    .data_form_wrap .cate_form .btn-basic {height:42px; line-height:42px; padding:0 15px !important; font-size:14px;}

    .pbs_wrap :is(.ipt_chk_type_01, .ipt_rdo_type_01) {min-height:42px;}
    .pbs_wrap :is(.ipt_chk_type_01, .ipt_rdo_type_01) :is(.label_chk, .label_rdo) {padding:10px 65px 10px 20px; font-size:14px;}
    .pbs_wrap :is(.ipt_chk_type_01, .ipt_rdo_type_01) :is(.label_chk, .label_rdo):before {width:20px; height:20px;}
    .pbs_wrap :is(.ipt_chk_type_01, .ipt_rdo_type_01) :is(.label_chk, .label_rdo):after {right:25px; content:''; width:8px; height:4px;}
    
    .btn_pbs,
    .wzbtn-lg.btn_pbs {min-height:50px !important; padding-left:30px; padding-right:30px; font-size:14px !important;}
    .btn_pbs:after,
    .wzbtn-lg.btn_file:after,
    .wzbtn-lg.btn_link:after {width:30px; height:18px; margin-left:0px !important;}
    .wzbtn-lg.btn_save {padding-right:60px;}
    .wzbtn-lg.btn_save:after {position:absolute; top:16px; right:30px; width:16px; height:10px;}
    .wzbtn-lg.btn_save.btn_pbs + .btn_basic:last-child {background: #454545; border-color: #454545;} /* <- listbtn이라고 생각하고 넣은 css*/

    .pbs_tab li {flex:1 1 30%;}
    .pbs_tab li a {padding:10px; font-size:14px;}
    .pbs_tab.tab_type01 li a {font-size:17px;}

    .tbl_type_01 thead th {padding:8px 2px; line-height:1.4em; font-size:13px;}
    .tbl_type_01 .text_small {font-size:10px;}
    .tbl_type_01 tbody th {font-size:13px; background-color:#fff; border-bottom:1px solid #D8DCE5;}
    .tbl_type_01 tbody td {padding:5px 2px; font-size:12px;}

    .tbl_type_02 thead th {padding:10px 5px; font-size:15px;}
    .tbl_type_02 tbody th {padding:10px 5px; font-size:14px;}
    .tbl_type_02 tbody td {padding:10px 5px; font-size:13px;}
    .tbl_type_02 tr.total :is(th, td) {padding:12px 5px;}
    .tbl_type_02 input {font-size:12px !important;}
    .tbl_type_02 a[class *= "btn-"] {font-size:12px;}
    .tbl_type_02 .btn-basic {height:34px; line-height:34px; padding:0 15px;}
}
@media (max-width:599px) {
    .subCon h4.tit {padding-top:50px !important; padding-bottom:20px !important; font-size:26px !important;}
    .subCon h4.tit:before {margin-top:-15px !important;}
    
    .pbs_tab {gap:5px;}
    .pbs_tab li {flex:1 1 40%;}
    .pbs_tab li a {padding:8px 10px; font-size:14px;}
    .pbs_tab.column_5 li {flex:1 1 40%;}
    .pbs_tab.column_6 li {flex:1 1 30%;}

    .box_type_01 {padding:20px 25px;}
    .box_type_01:after {position:absolute; top:8px; left:8px; z-index:-1; content:''; width:calc(100% - 16px); height:calc(100% - 16px); background-color:#fff; border-radius:15px;}    .box_type_01 .text_wrap .box_title {font-size:18px;}
    .box_type_01 .box_icon {width:50px; height:50px;}
    .box_type_01 .box_icon img {max-width:22px; max-height:22px;}
    .box_type_01 .text_wrap {margin-left:15px;}
    .box_type_01 .text_wrap .box_title {font-size:18px;}
    .box_type_01 .text_wrap .box_text {font-size:14px;}

    .box_type_02 {padding:30px 25px;}

    .pbs_wrap .notice_14 {font-size:12px;}

    .pbs_wrap .rt-box.wd100 {}
    .btn_pbs,
    .wzbtn-lg.btn_pbs {min-height:42px !important; padding-left:20px; padding-right:20px; font-size:14px !important;}
    .btn_pbs:after,
    .wzbtn-lg.btn_file:after,
    .wzbtn-lg.btn_link:after {width:30px; height:18px; margin-left:0px !important;}
    .wzbtn-lg.btn_save {padding-right:50px;}
    .wzbtn-lg.btn_save:after {position:absolute; top:12px; right:20px; width:16px; height:10px;}
    .subCon > div .rt-box a.wzbtn {min-height:42px !important; display:inline-flex; justify-content:center; align-items:center; padding:0 10px !important; margin:4px 3px; font-size:13px !important;}
    .subCon > div .rt-box a.wzbtn.ico-excel:before {display:none;}
    .wzbtn-lg.btn_pbs:nth-child(3):last-child:not(.btn-list) {min-width:50%;}

    :is(.box_type_01, .box_type_03) .text_wrap .box_title + * {margin-top:5px;}
}





/********** 지역학교별현황 **********/
.area_wrap {display:flex; gap:65px;}
.area_wrap .title_box {position:absolute; left:0; z-index:2; display:inline-flex; padding:20px; border-radius:0 60px 60px 0; box-sizing:border-box;}
.area_wrap .school_wrap .title_box {padding:20px 60px 20px 20px;}
.area_wrap .title_box .num {display:inline-flex; justify-content:center; align-items:center; font-size:16px; font-weight:600; letter-spacing:3px; color:#fff; opacity:.5;}
.area_wrap .title_box .title {font-size:21px; font-weight:500; color:#fff;}

.area_wrap .map_wrap {position:relative; display:flex; align-items:flex-start; gap:30px; padding-top:60px;}
.area_wrap .map_wrap .title_box {top:0; flex-direction:column; min-width:120px; min-height:120px; background-color:#dd2959;}

.area_wrap .map_wrap .map_box {position:relative; z-index:1; display:inline-flex; width:100%; height:100%; padding:40px; background-color:#f8f8f8; border:1px solid #ededea;}
.area_wrap .map_wrap .map_box .bg_box {width:100%; height:100%; background:url(/images/portal/pbs/map_02.png) center no-repeat; background-size:contain; transition:background-image .03s ease-in-out;}

.area_wrap .map_wrap .map_list {display:flex; flex-wrap:wrap; padding:25px 30px; border-top:2px solid #ca6476; background-color:#f5f5f5; border-radius:0 0 30px 30px;}
.area_wrap .map_wrap .map_list li {position:relative; list-style-type:none; width:23.5%; padding-left:10px; font-size:15px;}
.area_wrap .map_wrap .map_list li:before {position:absolute; top:9px; left:0; content:''; width:3px; height:3px; background-color:#223152; border-radius:50%;}
.area_wrap .map_wrap .map_list li a {color:#6b6b6b;}
.area_wrap .map_wrap .map_list li.active a {color:#333; font-weight:600;}

/* map_list를 복제 후 지도 이미지 위에 배치 */
.area_wrap .map_wrap .map_box .map_position {position:absolute; top:0; left:0; z-index:2; width:100%; height:100%; padding-left:0 !important; background-color:transparent; border:0; border-radius:0;}
.area_wrap .map_wrap .map_box .map_position li {position:absolute; width:auto !important; padding-left:0; font-size:13px; letter-spacing:-0.5px;}
.area_wrap .map_wrap .map_box .map_position li:before {display:none;}
.area_wrap .map_wrap .map_box .map_position li a {position:relative; color:#000; text-shadow:-1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff;}
.area_wrap .map_wrap .map_box .map_position li.active a {color:#fff; text-shadow:-1px 0 2px #000, 0 1px 2px #000, 1px 0 2px #000, 0 -1px 2px #000;}

/* 지역 위치값 */
.area_wrap .map_wrap .map_box .map_position li[data-bg *= "_01"] {top:34%; left:62%;} /* 가평 */
.area_wrap .map_wrap .map_box .map_position li[data-bg *= "_02"] {top:43.5%; left:25.8%;} /* 고양 */
.area_wrap .map_wrap .map_box .map_position li[data-bg *= "_03"] {top:56.5%; left:27.5%;} /* 광명 */
.area_wrap .map_wrap .map_box .map_position li[data-bg *= "_04"] {top:58%; left:52%;} /* 광주·하남 */
.area_wrap .map_wrap .map_box .map_position li[data-bg *= "_05"] {top:44%; left:47%;} /* 구리·남양주 */

.area_wrap .map_wrap .map_box .map_position li[data-bg *= "_06"] {top:62%; left:31.8%;} /* 군포·의왕 */
.area_wrap .map_wrap .map_box .map_position li[data-bg *= "_07"] {top:42%; left:11%;} /* 김포 */
.area_wrap .map_wrap .map_box .map_position li[data-bg *= "_08"] {top:33%; left:35%;} /* 동두천·양주 */
.area_wrap .map_wrap .map_box .map_position li[data-bg *= "_09"] {top:53%; left:23%;} /* 부천 */
.area_wrap .map_wrap .map_box .map_position li[data-bg *= "_10"] {top:58.5%; left:43%;} /* 성남 */

.area_wrap .map_wrap .map_box .map_position li[data-bg *= "_11"] {top:66%; left:37%;} /* 수원 */
.area_wrap .map_wrap .map_box .map_position li[data-bg *= "_12"] {top:59.5%; left:23.8%;} /* 시흥 */
.area_wrap .map_wrap .map_box .map_position li[data-bg *= "_13"] {top:63.2%; left:26%;} /* 안산 */
.area_wrap .map_wrap .map_box .map_position li[data-bg *= "_14"] {top:81%; left:54.5%;} /* 안성 */
.area_wrap .map_wrap .map_box .map_position li[data-bg *= "_15"] {top:58.5%; left:31.5%;} /* 안양·과천 */

.area_wrap .map_wrap .map_box .map_position li[data-bg *= "_16"] {top:52.5%; left:72%;} /* 양평 */
.area_wrap .map_wrap .map_box .map_position li[data-bg *= "_17"] {top:65.5%; left:76.5%;} /* 여주 */
.area_wrap .map_wrap .map_box .map_position li[data-bg *= "_18"] {top:18%; left:38.5%;} /* 연천 */
.area_wrap .map_wrap .map_box .map_position li[data-bg *= "_19"] {top:69.5%; left:50.5%;} /* 용인 */
.area_wrap .map_wrap .map_box .map_position li[data-bg *= "_20"] {top:39.5%; left:41%;} /* 의정부 */

.area_wrap .map_wrap .map_box .map_position li[data-bg *= "_21"] {top:70%; left:64.5%;} /* 이천 */
.area_wrap .map_wrap .map_box .map_position li[data-bg *= "_22"] {top:32%; left:24%;} /* 파주 */
.area_wrap .map_wrap .map_box .map_position li[data-bg *= "_23"] {top:82.5%; left:35.6%;} /* 평택 */
.area_wrap .map_wrap .map_box .map_position li[data-bg *= "_24"] {top:26%; left:51.2%;} /* 포천 */
.area_wrap .map_wrap .map_box .map_position li[data-bg *= "_25"] {top:72.5%; left:28%;} /* 화성·오산 */

.area_wrap .school_wrap {position:relative; display:flex; flex-direction:column; gap:50px; width:calc(100% - 520px); padding-top:110px;}
.area_wrap .school_wrap .title_box {top:60px; min-width:200px; min-height:56px; background-color:#444097;}
.area_wrap .school_wrap .title_box .title {margin-left:15px;}
.area_wrap .school_wrap .title_box .title .area_name {position:relative; margin-right:6px; font-size:23px;}
.area_wrap .school_wrap .title_box .title .area_name:before {position:absolute; bottom:0; left:-5px; z-index:-1; content:''; width:calc(100% + 10px); height:30%; background-color:#dd2959; animation:revealWidth .5s ease forwards;}
    @keyframes revealWidth { 
        from { width: 0; } to { width: calc(100% + 10px); } 
    }

.area_wrap .school_wrap .school_sel_box {display:flex; align-items:center; min-height:80px; padding:0 60px; background-color:#f1f3f6; border-radius:0 40px 40px 0;}
    .area_wrap .school_wrap .school_sel_box .location {display:flex; align-items:center; width:100%; padding-left:0 !important;}
    .area_wrap .school_wrap .school_sel_box .location li {position:relative; list-style-type:none; font-size:18px;}
    .area_wrap .school_wrap .school_sel_box .location li:first-child {font-weight:600;}
    .area_wrap .school_wrap .school_sel_box .location li:not(:first-child) {padding-left:40px;}
    .area_wrap .school_wrap .school_sel_box .location li:not(:last-child)  {padding-right:40px;}
    .area_wrap .school_wrap .school_sel_box .location li:not(:last-child):after {position:absolute; top:calc(50% - 5px); left:calc(100% - 8px); content:''; width:10px; height:10px; border-style:solid; border-color:#000; border-width:1px 1px 0 0; transform:rotate(45deg); -webkit-transform:rotate(45deg);}
    .area_wrap .school_wrap .school_sel_box .location li.school {flex-grow:1; padding-left:20px;}
    .area_wrap .school_wrap .school_sel_box .location li select {border:0; background-color:transparent;}

.area_wrap .school_wrap .school_info_box {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:50px; padding:30px; border:1px solid #e2e2e2;}
    .area_wrap .school_wrap .dscr {margin-top:30px; font-size:18px; line-height:1.5em;}
    .area_wrap .school_wrap .text_box {display:flex; flex-direction:column; min-width:calc(100% - 400px);}
    .area_wrap .school_wrap .text_box .area {color:#3c3c3c; font-size:22px; font-weight:600;}
    .area_wrap .school_wrap .text_box .title {color:#3c3c3c; font-size:22px;}
    .area_wrap .school_wrap .text_box .title + .pbs_list {margin-top:40px;} 
    .area_wrap .school_wrap .pbs_list {display:inline-flex; flex-direction:column; gap:8px; padding-left:0 !important;}
    .area_wrap .school_wrap .pbs_list li {position:relative; list-style-type:none; width:100%; padding-left:18px; font-size:14px; color:#060606;}
    .area_wrap .school_wrap .pbs_list li:before {position:absolute; top:6px; left:0; content:''; width:10px; height:10px; background-color:#ca6476; border-radius:50%;}

.area_wrap .school_wrap .chart_box {display:inline-flex; justify-content:center; align-items:center; width:350px; height:350px;}

@media (min-width:1361px) {
    .area_wrap .map_wrap {flex-direction:column; width:520px;}
    .area_wrap .map_wrap .map_box .bg_box {min-height:550px;}
    .area_wrap .map_wrap .title_box {justify-content:center;}
    .area_wrap .map_wrap .title_box .num {margin-right:auto;}
    .area_wrap .map_wrap .map_list:not(.map_position) li:not(:nth-child(4n+1)) {margin-left:2%;}
    .area_wrap .map_wrap .map_list:not(.map_position) li:nth-child(n+5) {margin-top:4px;}

    .area_wrap .school_wrap .chart_box {width:350px; height:350px;}
}
@media (max-width:1360px) {
    .area_wrap {flex-direction:column;}
    .area_wrap .title_box {min-height:auto; padding:15px 20px;}
    .area_wrap .title_box .title {margin-left:15px; font-size:19px;}
    .area_wrap .title_box .num {font-size:14px;}
    
    .area_wrap .map_wrap {width:100%; gap:20px; padding-top:50px;}
    .area_wrap .map_wrap .title_box {flex-direction:row; align-items:center; min-width:200px; min-height:56px;}
    .area_wrap .map_wrap .title_box .title {margin-left:15px;}
    .area_wrap .map_wrap .map_box {width:250px; padding:30px;}
    .area_wrap .map_wrap .map_list {width:calc(100% - 250px);}
    .area_wrap .map_wrap .map_box .bg_box {min-height:200px;}
    .area_wrap .map_wrap .map_box .map_position {display:none;}

    .area_wrap .school_wrap {width:100%; padding-top:50px;}
    .area_wrap .school_wrap .title_box {top:0;}
}
@media (max-width:1360px) and (min-width:800px) {
    .area_wrap .map_wrap .map_list li {width:calc(92% / 5);}
    .area_wrap .map_wrap .map_list:not(.map_position) li:not(:nth-child(5n+1)) {margin-left:2%;}
    .area_wrap .map_wrap .map_list:not(.map_position) li:nth-child(n+6) {margin-top:4px;}
}
@media (max-width:990px) {
    .area_wrap .map_wrap .map_box {display:none;}
    .area_wrap .map_wrap .map_list {width:100%;}
    .area_wrap .school_wrap .dscr {margin-top:20px; font-size:17px; line-height:1.4em;}
    .area_wrap .school_wrap .school_sel_box {padding:0 30px;}
}
@media (max-width:799px) {
    .area_wrap .map_wrap .map_list li {font-size:14px;}

    .area_wrap .school_wrap .text_box .title + .pbs_list {margin-top:20px;}
    .area_wrap .school_wrap .school_info_box {gap:30px; padding:30px;} 
    .area_wrap .school_wrap .school_sel_box {min-height:70px;}
    .area_wrap .school_wrap .school_sel_box .location li {font-size:16px;}
    .area_wrap .school_wrap .school_sel_box .location li:not(:first-child) {padding-left:30px;}
    .area_wrap .school_wrap .school_sel_box .location li:not(:last-child) {padding-right:30px;}
    .area_wrap .school_wrap .school_sel_box .location li.school {padding-left:10px;}
    .area_wrap .school_wrap .chart_box {width:100%;}
}
@media (max-width:799px) and (min-width:600px) {
    .area_wrap .map_wrap .map_list:not(.map_position) li:not(:nth-child(4n+1)) {margin-left:2%;}
    .area_wrap .map_wrap .map_list:not(.map_position) li:nth-child(n+5) {margin-top:4px;}
}
@media (max-width:599px) {
    .area_wrap .title_box {padding:12px 20px;}
    .area_wrap .school_wrap .title_box {padding:12px 50px 20px 20px;}
    .area_wrap .school_wrap .dscr {margin-top:10px; font-size:16px;}
    .area_wrap .title_box .title {font-size:17px;}
    .area_wrap .map_wrap .map_list li {width:calc(94% / 3);}
    .area_wrap .map_wrap .map_list:not(.map_position) li:not(:nth-child(3n+1)) {margin-left:3%;}
    .area_wrap .map_wrap .map_list:not(.map_position) li:nth-child(n+4) {margin-top:4px;}
}



/********** EPB선택가이드 **********/
.pbs_epb_list {display:flex; flex-flow:row wrap; width:100%;}
.pbs_epb_list dt {position:relative; width:100%; padding:0 0 12px 52px; line-height:1.6em; font-size:18px; font-weight:600;}
.pbs_epb_list dt:before {position:absolute; top:11px; left:30px; content:''; width:7px; height:7px; background-color:#3a34a2; border-radius:50%;}
.pbs_epb_list dt:after {position:absolute; bottom:1px; right:0; content:''; width:calc(100% - 52px); height:1px; background-color:#ddd;}
.pbs_epb_list dt:not(:first-child) {margin-top:50px;}
.pbs_epb_list dt ~ dd {margin-top:10px;}
.pbs_epb_list dd {line-height:1.5em; font-size:16px; color:#333;}
.pbs_epb_list dd:not(.text_box):not(.link_box) {padding-left:52px;}
.pbs_epb_list .text_box {width:70%; padding-left:52px;}
.pbs_epb_list .link_box {display:inline-flex; justify-content:flex-end; align-items:flex-end; width:30%; padding-left:30px; text-align:right;}
.pbs_epb_list .link_box .btn_pbs {height:auto; min-height:50px; padding:12px 25px; margin:0; font-size:16px; font-weight:normal;}
.pbs_epb_list .link_box .wzbtn-lg.btn_link:after {width:10px; margin-left:20px;}

@media (max-width:799px) {
    .pbs_epb_list dt {padding-left:34px; font-size:16.5px;}
    .pbs_epb_list dt:before {top:10px; left:15px; width:6px; height:6px;}
    .pbs_epb_list dt:after {width:calc(100% - 34px);}
    .pbs_epb_list .text_box {padding-left:34px; font-size:15px;}
    .pbs_epb_list .text_box {width:100%;}
    .pbs_epb_list .link_box {width:100%; padding-top:15px; padding-left:0px;}
    .pbs_epb_list .link_box .wzbtn-lg.btn_link:after {margin-left:20px !important;}
}


/********** 온라인상담 **********/
.pbs_wrap #ntt_reply_div {margin:20px auto 0;}
.pbs_wrap #ntt_reply_div .board001 {border-color:#ddd; border-radius:15px;}
.pbs_wrap #ntt_reply_div .board001:nth-last-of-type(1) {margin-bottom:0;}
.pbs_wrap #ntt_reply_div .board001 .list_content .conMiddle div.conM_txt {line-height:1.6em;}
.pbs_wrap #detailFrm .step1 {margin:0px auto; box-sizing:border-box;}
.pbs_wrap #detailFrm .step1 > ul.tapMenu li:last-child {float:left; width:100%;}
.pbs_wrap #detailFrm .step1 > ul.tapMenu li:last-child a {float:left; padding-bottom:18px; text-align:left; font-size:22px; font-weight:600; color:#000; border-bottom:2px solid #a63171;}
.pbs_wrap #detailFrm .step1 > ul.tapMenu li:last-child a strong {font-weight:600;}
.pbs_wrap #ntt_reply_regist_div {position:relative; margin-top:50px;}
.pbs_wrap #ntt_reply_regist_div:before {display:block; content:'메시지 작성'; width:100%; height:auto; padding-bottom:18px; text-align:left; font-size:22px; font-weight:600; color:#000;}
.pbs_wrap #ntt_reply_regist_div > .board001 > div {padding:0;}

@media (max-width:1330px) {
    .pbs_wrap #ntt_reply_div {padding:0;}
    .pbs_wrap #detailFrm .step1 {padding:0;}
}



/********** Subpage Layout **********/
.subpage_wrap {width:100% !important;}
.subpage_wrap td {position:relative; font-family:'Noto Sans KR' !important; word-wrap:break-word; word-break:keep-all; box-sizing:border-box;}

/* title */
.subpage_wrap .tit_page td {height:auto !important; padding-bottom:20px; font-size:38px; font-weight:500; color:#000;}
.subpage_wrap .tit_page td .tit_s {font-size:30px;}
.subpage_wrap .tit_dp_01 > td:before,
.subpage_wrap .tit_dp_01 > td:after {position:absolute; left:0; content:''; border-radius:15px; opacity:.8;}
.subpage_wrap .tit_dp_01 > td:before {top:16px; left:14px; width:24px; height:24px; background-color:#3a34a2;}
.subpage_wrap .tit_dp_01 > td:after {top:5px; width:28px; height:28px; background-color:#dd3059;}
.subpage_wrap .tit_dp_01 > td {position:relative; width:100% !important; height:auto !important; padding:4px 0 4px 52px; line-height:1.4em; font-size:32px; font-weight:600;}
.subpage_wrap .tit_dp_02 > td {width:100% !important; height:auto !important; padding:15px 0 10px 52px; line-height:1.6em; font-size:22px; font-weight:600;}
.subpage_wrap .tit_dp_01 + .txt_dp_01:not(.blt) > td {padding-top:10px;}
.subpage_wrap .txt_dp_01 + .tit_dp_02 > td {padding-top:30px;}

/* text */
.subpage_wrap .txt_dp_01 > td {height:auto !important; padding:4px 0 5px 52px; line-height:1.5em; font-size:18px; color:#121212;}
.subpage_wrap .txt_dp_02 > td {height:auto !important; padding:3px 0 3px 68px; line-height:1.5em; font-size:17px; color:#333;}
.subpage_wrap .txt_dp_03 > td {height:auto !important; padding:2px 0 2px 80px; line-height:1.5em; font-size:16px; color:#454545;}
.subpage_wrap .txt_dp_04 > td {height:auto !important; padding:2px 0 2px 90px; line-height:1.4em; font-size:15px; color:#585858;}
.subpage_wrap .txt_link {position:relative; display:inline-block; height:auto !important; font-weight:700; color:#443f97; text-decoration:underline; text-underline-offset:5px;}
.subpage_wrap .txt_link:before {position:absolute; z-index:-1; bottom:-2px; left:-2px; content:''; width:0; height:15px; background-color:#fddc61; transition:width .5s;}
.subpage_wrap .txt_link:hover:before {width:calc(100% + 4px);}

/* bullet */
.subpage_wrap .txt_dp_01.blt > td {padding-left:68px !important; font-size:17.5px; color:#333;}
.subpage_wrap .txt_dp_01.blt > td:before {position:absolute; top:14px; left:54px; content:''; width:7px; height:7px; background-color:#3a34a2; border-radius:50%;}
.subpage_wrap .tit_dp_02.blt > td {padding-left:52px !important; font-size:16.5px; color:#454545;}
.subpage_wrap .tit_dp_02.blt > td:before {position:absolute; top:15px; left:52px; content:''; width:7px; height:7px; background-color:#3a34a2; border-radius:50%;}
.subpage_wrap .tit_dp_02.blt + .txt_dp_01 td {padding-left:52px !important; }
.subpage_wrap .txt_dp_02.blt > td {padding-left:80px !important;}
.subpage_wrap .txt_dp_02.blt > td:before {position:absolute; top:15px; left:68px; content:''; width:6px; height:1px; background-color:#00121A;}
.subpage_wrap .txt_dp_03.blt > td {padding-left:90px !important; font-size:15.5px; color:#585858;}
.subpage_wrap .txt_dp_03.blt > td:before {position:absolute; top:13px; left:80px; content:''; width:4px; height:4px; background-color:currentColor; border-radius:50%; opacity: .7;}

/* warn */
.subpage_wrap .txt_warn > td {height:auto !important; color:#dd3059; font-weight:600;}
.subpage_wrap .txt_warn > td:before {position:absolute; font-family:FontAwesome; content:"\f06a";}
.subpage_wrap .tit_dp_02.txt_warn > td {padding-left:85px !important;}
.subpage_wrap .tit_dp_02.txt_warn > td:before {top:17px; left:52px; font-size:28px;}
.subpage_wrap .txt_dp_01.txt_warn > td {padding-left:78px !important;}
.subpage_wrap .txt_dp_01.txt_warn > td:before {top:5px; left:52px; font-size:22px;}
.subpage_wrap .txt_dp_02.txt_warn > td {padding-left:92px !important;}
.subpage_wrap .txt_dp_02.txt_warn > td:before {top:4px; left:68px; font-size:21px;}
.subpage_wrap .txt_dp_03.txt_warn > td {padding-left:102px !important;}
.subpage_wrap .txt_dp_03.txt_warn > td:before {top:4px; left:80px; font-size:19px;}
.subpage_wrap .txt_dp_04.txt_warn > td {padding-left:110px !important;}
.subpage_wrap .txt_dp_04.txt_warn > td:before {top:3px; left:90px; font-size:17px;}

/* btn */
.subpage_wrap .btn_area td {height:auto !important; padding-top:50px; padding-bottom:20px;}


/* line */
.subpage_wrap .box_wrap_line {border:1px solid #ccc; overflow:hidden;}
.subpage_wrap .sec_line_80 td {width:100% !important; height:80px !important; border-bottom:1px solid #eaeaea;}
.subpage_wrap .box_line_bottom {border-bottom:1px solid #ccc;}



/* box border style */
.subpage_box {width:100% !important;}
.subpage_box.boxst_01 {border-radius:20px; background-image:linear-gradient(to top left, #3a34a2,#dd3059); overflow:hidden; box-shadow:2px 5px 10px 0 rgba(0,0,0,.15);}
.subpage_box.boxst_01 > tbody > tr > td {position:relative; z-index:2; padding:2px; border-radius:20px; box-sizing:border-box; overflow:hidden;}
.subpage_box.boxst_01 > tbody > tr > td:before {position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; border-radius:20px;}
.subpage_box.boxst_02 {border-radius:20px; overflow:hidden;}
.subpage_box.boxst_02 > tbody > tr > td {padding:2px; background-color:#eaeaea; border-radius:20px; box-sizing:border-box;}

/* box layout */
.subtbl_box {position:relative; z-index:3; width:100% !important; background-color:#fff;}
.subtbl_box td {position:relative; padding-right:28px !important; word-wrap:break-word; word-break:keep-all; box-sizing:border-box;}
.subtbl_box .box_tit td {font-size:26px; font-weight:600; line-height:1.4em;}
.subtbl_box tr:first-child td {padding-top:28px;}
.subtbl_box tr:last-child td {padding-bottom:28px;}
.subpage_box.boxst_01 .subtbl_box {border-radius:18px; overflow:hidden;}
.subpage_box.boxst_02 .subtbl_box {border-radius:18px; overflow:hidden;}
.subtbl_box.boxst_03 > tbody > tr > td {background-color:#f5f5f5;}
.subtbl_box.boxst_04 {border:1px solid #ccc;}
.subtbl_box.boxst_04:before,
.subtbl_box.boxst_04:after {position:absolute; content:''; width:30px; height:30px; border-style:solid; border-color:#20a76e;}
.subtbl_box.boxst_04:before {top:-1px; left:-2px; border-width:3px 0 0 3px;}
.subtbl_box.boxst_04:after {bottom:-2px; right:-1px; border-width:0 3px 3px 0;}



/* table */
.subpage_tbl {width:100% !important; border-top:2px solid #111;}
.subpage_tbl .thead > th {padding:15px 10px; line-height:1.3em; font-size:16px; font-weight:600; text-align:center; background-color:#f3f3f3; border-bottom:1px solid #ccc; border-left:0;}
.subpage_tbl > tbody > tr > th {padding:12px 10px; line-height:1.3em; text-align:center; font-size:16px; background-color:#fafafa; border-bottom:1px solid #ddd;}
.subpage_tbl > tbody > tr > td {padding:12px 15px; line-height:1.4em; font-size:16px; font-weight:normal; border-bottom:1px solid #ddd;}
.subpage_tbl > tbody > tr:not(.thead) > *:not(:first-child) {border-left:1px solid #ddd;}

.tbl_line > tbody > tr:not([class *= "hgt"]) > td:not(.tbl_gap) {border:1px solid #ccc; box-sizing:border-box;}

/* table - design 01 */
.subpage_tbl.st_01 {border-top:0;}
.subpage_tbl.st_01 .thead_l > th {padding:24px 10px; font-size:22px; border-radius:10px;}
.subpage_tbl.st_01 .thead_s > th {display:block; padding:15px 10px; margin-top:12px; background-color:#f5f5f5; font-size:18px; line-height:1.5em; border-radius:10px;}
.subpage_tbl.st_01 > tbody > tr > th,
.subpage_tbl.st_01 > tbody > tr > td,
.subpage_tbl.st_01 > tbody > tr:not(.thead) > *:not(:first-child) {border:0;}
.subpage_tbl.st_01 .box_line > td {display:block; padding:15px 20px; margin-top:12px; font-size:15px; border:1px solid #ccc; border-radius:10px;}
.subpage_tbl.st_01 .tbl_list .blt_01 td {padding:5px 0 5px 10px;} 
.subpage_tbl.st_01 .tbl_list .blt_01 td:before {top:13px; background-color:currentColor;}

/* table - design 02 */
.subpage_tbl.st_02 {border-top:0;}
.subpage_tbl.st_02 .thead_l > th {padding:24px 10px; font-size:22px;}
.subpage_tbl.st_02 .thead_s > th {display:block; padding:15px 10px; margin-top:12px; background-color:#f5f5f5; font-size:18px; line-height:1.5em;}
.subpage_tbl.st_02 > tbody > tr > th,
.subpage_tbl.st_02 > tbody > tr > td,
.subpage_tbl.st_02 > tbody > tr:not(.thead) > *:not(:first-child) {border:0;}
.subpage_tbl.st_02 .box_line > td {display:block; padding:15px 20px 30px 20px; font-size:16px; text-align:center;}
.subpage_tbl.st_02 .box_img > td {height:200px; padding:40px 0 20px; text-align:center; box-sizing:border-box;}
.subpage_tbl.st_02 .box_img > td img {display:block; max-width:90%; max-height:150px; margin-left:auto; margin-right:auto;}
.subpage_tbl.st_02 .box_img_100 > td {height:100px; padding:30px 0 15px; text-align:center; box-sizing:border-box;}
.subpage_tbl.st_02 .box_img_100 > td img {display:block; max-width:90%; max-height:80px; margin-left:auto; margin-right:auto;}
.subpage_tbl.st_02 .tbl_list .blt_01 td {padding:5px 0 5px 10px;}
.subpage_tbl.st_02 .tbl_list .blt_01 td:before {top:13px; background-color:currentColor;}
.subpage_tbl.st_02 .txt_pint_line {position:relative; z-index:1; display:inline-block;}
.subpage_tbl.st_02 .txt_pint_line:before {position:absolute; z-index:-1; bottom:-5px; left:-5px; content:''; width:calc(100% + 10px); height:18px; background-color:#fddc61;}

/* table - design 03 */
.subpage_tbl.st_03 {border-top:0;}
.subpage_tbl.st_03 .box_img > td {height:200px; padding:40px 0 10px; text-align:center; border-bottom:0; box-sizing:border-box;}
.subpage_tbl.st_03 .box_img > td img {display:block; max-width:90%; max-height:150px; margin-left:auto; margin-right:auto;}
.subpage_tbl.st_03 .box_txt > td {padding:10px 0 40px; font-size:17px; font-weight:500; text-align:center; border-bottom:0;}


/* table list */
.tbl_list {width:100% !important; margin:5px auto;}
.tbl_list td {height:auto !important; line-height:1.2em; text-align:left;}
.tbl_list .blt_01 td {position:relative; padding:3px 0 3px 8px; font-size:16px;}
.tbl_list .blt_01 td:before {position:absolute; top:11px; left:0; content:''; width:3px; height:3px; background-color:#3a34a2; border-radius:50%;}
.tbl_list .blt_02 td {position:relative; padding:3px 0 3px 18px; font-size:14px;}
.tbl_list .blt_02 td:before {position:absolute; top:11px; left:8px; content:''; width:5px; height:1px; background-color:currentColor; opacity:.7;}
.tbl_list .blt_02 + .blt_01 td {padding-top:10px;}
.tbl_list .blt_02 + .blt_01 td:before {top:18px;}
.tbl_list .blt_01.none td:before,
.tbl_list .blt_02.none td:before {display:none;}
.tbl_list .list_tit_box td {display:block; padding:18px 10px; margin-bottom:20px; text-align:center; font-size:18px; font-weight:600; border-radius:10px;}

/* table - btn */
.subpage_tbl .btn_pbs {min-height:auto; padding:10px 20px; background-color:#666; font-size:14px;}
.subpage_tbl .btn_pbs:hover, .subpage_tbl .btn_her:active {background-color:#24232d;}
.subpage_tbl .btn_file:after {content:""; width:22px; height:18px; margin-left:12px; background:url(/images/portal/pbs/btn_ico_download.png) center no-repeat; background-size:contain;}
.subpage_tbl .btn_link:after {content:""; width:10px; height:15px; margin-left:12px; background:url(/images/portal/pbs/btn_ico_link.png) center no-repeat; background-size:cover;}



/* 조직도 */
.org_wrap.org_03 > tbody > tr > td:not(.org_gap) {width:32% !important; height:auto !important;}
.org_wrap .org_gap {width:2% !important; height:auto !important;}
.org_wrap .org_line td {position:relative; height:auto !important;}
.org_wrap .org_ceo {position:relative; height:auto !important; padding:20px 10px; text-align:center; font-size:19px; font-weight:600; color:#fff; background-color:#3a34a2; border-radius:10px; box-sizing:border-box;}
.org_wrap .org_box_line {position:relative; height:auto !important; padding:20px 25px; border:1px solid #ccc; box-sizing:border-box;}
.org_wrap .org_line + tr .org_box_line:before {position:absolute; bottom:100%; left:50%; content:''; width:1px; height:40px; background-color:#ccc;}
.org_wrap .tbl_list .blt_01 td {height:auto !important; padding:5px 0 5px 28px;}
.org_wrap .tbl_list .bg_green ~ .blt_01 td:before {top:12px; left:15px; width:6px; height:6px; background-color:#20a76e;}



/* 단계 */
.tbl_step.box_03 > tbody > tr > td:not(.step_gap) {width:calc(94% / 6) !important; height:auto !important;}
.tbl_step.box_04 > tbody > tr > td:not(.step_gap) {width:calc(91% / 6) !important; height:auto !important;}
.tbl_step.box_06 > tbody > tr > td:not(.step_gap) {width:calc(85% / 6) !important; height:auto !important;}
.tbl_step .step_gap {width:3% !important;}
.tbl_step .step_arrow {position:relative;}
.tbl_step .step_arrow:after {position:absolute; content:''; top:calc(50% - 5px); left:calc(50% - 8px); transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); width:11px; height:11px; border-style:solid; border-color:#121212; border-width:1px 1px 0 0; transform:rotate(45deg); -webkit-transform:rotate(45deg);}
.tbl_step .line_box {position:relative; padding:25px 10px; text-align:center; font-size:18px; font-weight:600; box-sizing:border-box;}
.tbl_step .line_box:before {position:absolute; top:0; left:0; z-index:-1; content:''; width:100%; height:100%; border:1px solid #ccc; border-radius:15px; box-shadow:5px 5px 0 0 rgba(0,0,0,.08);}
.tbl_step .line_box.line_green:before {border:2px solid #4caf50; box-shadow:5px 5px 0 0 #13551633;}
.tbl_step .line_box.line_yellow:before {border:2px solid #f9a718; box-shadow:5px 5px 0 0 #997b4233;}
.tbl_step .line_box.line_warn:before {border:2px solid #dd3059; box-shadow:5px 5px 0 0 #7c3a4a33;}

[class *= "tbl_sec_"] .tbl_arrow {position:relative;}
[class *= "tbl_sec_"] .tbl_arrow:after {position:absolute; content:''; top:calc(50% - 5px); left:calc(50% - 8px); transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); width:11px; height:11px; border-style:solid; border-color:#121212; border-width:1px 1px 0 0; transform:rotate(45deg); -webkit-transform:rotate(45deg);}
    


/* 사진 위에 글자 */
.subpage_wrap .photo_wrap > td:not(.photo_gap) {vertical-align:top;}
.subpage_wrap .photo_wrap > td .photo_box {position:relative; width:100% !important; border-radius:20px; overflow:hidden;}
.subpage_wrap .photo_wrap > td .photo_box .img_box td {position:relative; width:100% !important; height:380px; background-color:rgba(0,0,0,.3); overflow:hidden;}
.subpage_wrap .photo_wrap > td .photo_box .img_box td img {position:absolute; top:-999px; bottom:-999px; left:-999px; right:-999px; margin:auto; min-width:100%; height:100%;}
.subpage_wrap .photo_wrap > td .photo_box .txt_box td {position:absolute; bottom:0; left:0; width:100% !important; padding:30px 40px; background-color: rgb(0 0 0 / 40%); color:#fff; font-size:19px; font-weight:600; will-change:transform; transform:translateZ(0) rotate(0.001deg); backdrop-filter:blur(5px);}
.subpage_wrap .photo_wrap .photo_gap {width:30px !important;}



@media (min-width:991px) {
    .subpage_wrap.subtbl_box .box_tit td,
    .subpage_wrap.subtbl_box .tit_dp_02 > td,
    .subpage_wrap.subtbl_box .txt_dp_01 > td {padding-left:52px !important; padding-right:52px !important;}
    .subpage_wrap.subtbl_box .txt_dp_01.blt > td {padding-left:68px !important;}

    /* table section */
    .tbl_sec_05 > tbody > tr > td:not(.tbl_gap) {width:calc(88% / 5) !important; vertical-align:top; box-sizing:border-box;}
    .tbl_sec_05 .tbl_gap {width:3% !important;}
    .tbl_sec_06 > tbody > tr > td:not(.tbl_gap) {width:calc(90% / 6) !important; vertical-align:top; box-sizing:border-box;}
    .tbl_sec_06 .tbl_gap {width:2% !important;}
    
    .org_wrap .org_ceo:before {position:absolute; top:100%; left:50%; content:''; width:1px; height:40px; background-color:#ccc;}
    .org_wrap.org_03 .org_line td:before {position:absolute; top:40px; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); content:''; width:68%; height:1px; background-color:#ccc;}
}
@media (max-width:990px) {
    .subpage_wrap.subtbl_box .box_tit td {padding:28px 25px 12px 25px;}
    .subpage_wrap.subtbl_box .tit_dp_02 > td,
    .subpage_wrap.subtbl_box .txt_dp_01 > td {padding-left:25px !important; padding-right:25px !important;}

    :is(.tbl_sec_05, .tbl_sec_06) > tbody > tr > td {display:block !important; width:100% !important;}
    :is(.tbl_sec_05, .tbl_sec_06) .tbl_gap {height:30px !important;}

    /* title */
    .subpage_wrap .tit_page td {padding-bottom:15px; font-size:34px;}
    .subpage_wrap .tit_page td .tit_s {font-size:28px;}
    .subpage_wrap .tit_dp_01 > td:before {top:16px; left:14px; width:22px; height:22px;}
    .subpage_wrap .tit_dp_01 > td:after {top:5px; width:26px; height:26px;}
    .subpage_wrap .tit_dp_01 > td {padding-left:48px; font-size:30px;}
    .subpage_wrap .tit_dp_02 > td {padding:10px 0 5px 48px; font-size:20px;}
    .subpage_wrap .tit_dp_01 + .txt_dp_01:not(.blt) > td {padding-top:8px;}
    .subpage_wrap .txt_dp_01 + .tit_dp_02 > td {padding-top:25px;}

    /* text */
    .subpage_wrap .txt_dp_01 > td {padding:4px 0 5px 48px; font-size:17px;}
    .subpage_wrap .txt_dp_02 > td {padding:3px 0 3px 64px; font-size:16px;}
    .subpage_wrap .txt_dp_03 > td {padding:2px 0 2px 76px; font-size:15px;}
    .subpage_wrap .txt_dp_04 > td {padding:2px 0 2px 86px; font-size:14px;}

    /* bullet */
    .subpage_wrap .txt_dp_01.blt > td {padding-left:64px !important; font-size:16.5px;}
    .subpage_wrap .txt_dp_01.blt > td:before {top:13px; left:48px;}
    .subpage_wrap .tit_dp_02.blt + .txt_dp_01 td {padding-left:52px !important;}
    .subpage_wrap .txt_dp_02.blt > td {padding-left:76px !important; font-size:15.5px;}
    .subpage_wrap .txt_dp_02.blt > td:before {top:14px; left:64px;}
    .subpage_wrap .txt_dp_03.blt > td {padding-left:86px !important; font-size:14.5px;}
    .subpage_wrap .txt_dp_03.blt > td:before {top:11px; left:76px;}

    .subpage_wrap.subtbl_box .txt_dp_01.blt > td {padding-left:42px !important;}
    .subpage_wrap.subtbl_box .txt_dp_01.blt > td:before {left:28px;}
    .subpage_wrap.subtbl_box .txt_dp_02 > td {padding-left:42px;}
    .subpage_wrap.subtbl_box .txt_dp_02.blt > td {padding-left:54px !important;}
    .subpage_wrap.subtbl_box .txt_dp_02.blt > td:before {left:42px;}
    .subpage_wrap.subtbl_box .txt_dp_03 > td {padding-left:54px !important;}
    .subpage_wrap.subtbl_box .txt_dp_03.blt > td {padding-left:64px !important;}
    .subpage_wrap.subtbl_box .txt_dp_03.blt > td:before {left:54px;}
    .subpage_wrap.subtbl_box .txt_dp_04 > td {padding-left:64px !important;}

    /* warn */
    .subpage_wrap .tit_dp_02.txt_warn > td {padding-left:78px !important;}
    .subpage_wrap .tit_dp_02.txt_warn > td:before {top:11px; left:48px; font-size:26px;}
    .subpage_wrap .txt_dp_01.txt_warn > td {padding-left:68px !important;}
    .subpage_wrap .txt_dp_01.txt_warn > td:before {top:5px; left:44px; font-size:20px;}
    .subpage_wrap .txt_dp_02.txt_warn > td {padding-left:80px !important;}
    .subpage_wrap .txt_dp_02.txt_warn > td:before {top:5px; left:58px; font-size:19px;}
    .subpage_wrap .txt_dp_03.txt_warn > td {padding-left:90px !important;}
    .subpage_wrap .txt_dp_03.txt_warn > td:before {top:2px; left:70px; font-size:17px;}
    .subpage_wrap .txt_dp_04.txt_warn > td {padding-left:100px !important;}
    .subpage_wrap .txt_dp_04.txt_warn > td:before {top:2px; left:80px; font-size:16px;}

    .btn_pbs {min-height:60px; font-size:16px;}

    .org_wrap {width:70% !important; margin-left:auto; margin-right:auto;}
    .org_wrap.org_03 > tbody > tr > td,
    .org_wrap.org_03 > tbody > tr > td:not(.org_gap) {display:block !important; width:100% !important;}
    .org_wrap .hgt80.org_line, .org_wrap .hgt80.org_line td {height:39px !important;}
    .org_wrap .org_box_line ~ .org_box_line {margin-top:39px;} 

    .tbl_step .step_arrow:after {top:calc(50% - 4px); left:calc(50% - 7px); width:9px; height:9px;}
    .tbl_step .line_box {padding:20px 10px; line-height:1.4em; font-size:17px;}
    
    [class *= "tbl_sec_"] .tbl_arrow:after {top:calc(50% - 7px); left:calc(50% - 7px); width:9px; height:9px; transform:rotate(135deg); -webkit-transform:rotate(135deg);}
}
@media (min-width:800px) {
    .subpage_wrap .photo_wrap > td:not(.photo_gap) {width:calc(50% - 15px) !important;}

    /* table section */
    .tbl_sec_03 > tbody > tr > td:not(.tbl_gap) {width:calc(95% / 3) !important; vertical-align:top; box-sizing:border-box;}
    .tbl_sec_03 .tbl_gap {width:3% !important;}
    .tbl_sec_04 > tbody > tr > td:not(.tbl_gap) {width:calc(91% / 4) !important; vertical-align:top; box-sizing:border-box;}
    .tbl_sec_04 .tbl_gap {width:3% !important;}
}
@media (max-width:799px) {    
    .pl52 {padding-left:42px;}
    .ml52 {margin-left:42px; width:calc(100% - 42px) !important;}

    :is(.tbl_sec_03, .tbl_sec_04) > tbody > tr > td {display:block !important; width:100% !important;}
    :is(.tbl_sec_03, .tbl_sec_04) .tbl_gap {height:30px !important;}

    /* title */
    .subpage_wrap .tit_page td {font-size:30px;}
    .subpage_wrap .tit_page td .tit_s {font-size:22px;}
    .subpage_wrap .tit_dp_01 > td:before {top:14px; left:12px; width:20px; height:20px;}
    .subpage_wrap .tit_dp_01 > td:after {top:5px; width:24px; height:24px;}
    .subpage_wrap .tit_dp_01 > td {padding-left:42px; font-size:26px;}
    .subpage_wrap .tit_dp_02 > td {padding:8px 0 2px 42px; line-height:1.5em; font-size:19px;}

    /* text */
    .subpage_wrap .txt_dp_01 > td {padding:4px 0 5px 42px; font-size:16px;}
    .subpage_wrap .txt_dp_02 > td {padding:3px 0 3px 56px; font-size:15px;}
    .subpage_wrap .txt_dp_03 > td {padding:2px 0 2px 68px; font-size:14px;}
    .subpage_wrap .txt_dp_04 > td {padding:2px 0 2px 80px; font-size:13px;}

    /* bullet */
    .subpage_wrap .txt_dp_01.blt > td {padding-left:56px !important;}
    .subpage_wrap .txt_dp_01.blt > td:before {top:14px; left:44px; width:5px; height:5px;}
    .subpage_wrap .tit_dp_02.blt > td {padding-left:52px !important;}
    .subpage_wrap .tit_dp_02.blt > td:before {top:15px; left:56px;}
    .subpage_wrap .tit_dp_02.blt + .txt_dp_01 td {padding-left:52px !important; }
    .subpage_wrap .txt_dp_02.blt > td {padding-left:68px !important;}
    .subpage_wrap .txt_dp_02.blt > td:before {top:13px; left:56px;}
    .subpage_wrap .txt_dp_03.blt > td {padding-left:80px !important;}
    .subpage_wrap .txt_dp_03.blt > td:before {top:11px; left:70px;}

    /* warn */
    .subpage_wrap .tit_dp_02.txt_warn > td {padding-left:72px !important;}
    .subpage_wrap .tit_dp_02.txt_warn > td:before {top:10px; left:42px; font-size:25px;}
    .subpage_wrap .txt_dp_01.txt_warn > td {padding-left:64px !important;}
    .subpage_wrap .txt_dp_01.txt_warn > td:before {top:6px; left:42px; font-size:19px;}
    .subpage_wrap .txt_dp_02.txt_warn > td {padding-left:76px !important;}
    .subpage_wrap .txt_dp_02.txt_warn > td:before {top:4px; left:56px; font-size:18px;}
    .subpage_wrap .txt_dp_03.txt_warn > td {padding-left:88px !important;}
    .subpage_wrap .txt_dp_03.txt_warn > td:before {top:2px; left:68px; font-size:17px;}
    .subpage_wrap .txt_dp_04.txt_warn > td {padding-left:98px !important;}
    .subpage_wrap .txt_dp_04.txt_warn > td:before {top:3px; left:80px; font-size:15px;}

    .subpage_wrap .btn_area td {padding-top:30px; padding-bottom:10px;}

    /* table */
    .subpage_tbl .thead > th {padding:12px 5px; font-size:14px;}
    .subpage_tbl > tbody > tr > th {padding:5px; font-size:14px;}
    .subpage_tbl > tbody > tr > td {padding:5px 10px; font-size:14px;}

    .subpage_tbl.st_02 .box_line > td {padding:10px 10px 20px 10px; margin-top:8px; font-size:15px;}

    /* table - design 01 */
    .subpage_tbl.st_01 .thead_l > th {padding:20px 8px; font-size:18px;}
    .subpage_tbl.st_01 .thead_s > th {padding:12px 8px; margin-top:10px; font-size:16px; line-height:1.4em;}
    .subpage_tbl.st_01 .box_line > td { padding:12px 20px; margin-top:10px; font-size:14px;}
    .subpage_tbl.st_01 .tbl_list .blt_01 td {padding:5px 0 5px 10px;} 
    .subpage_tbl.st_01 .tbl_list .blt_01 td:before {top:11px;}
    
    /* table - design 02 */
    .subpage_tbl.st_02 {border-top:0;}
    .subpage_tbl.st_02 .thead_l > th {padding:20px 8px; font-size:18px;}
    .subpage_tbl.st_02 .thead_s > th {padding:12px 8px; margin-top:10px; font-size:16px; line-height:1.4em;}
    .subpage_tbl.st_02 .box_line > td {padding:12px 20px 20px 20px; font-size:14px; text-align:center;}
    .subpage_tbl.st_02 .box_img > td {height:180px; padding:40px 0 20px; text-align:center; box-sizing:border-box;}
    .subpage_tbl.st_02 .box_img > td img {display:block; max-width:90%; max-height:130px; margin-left:auto; margin-right:auto;}
    .subpage_tbl.st_02 .box_img_100 > td {height:100px; padding:30px 0 15px; text-align:center; box-sizing:border-box;}
    .subpage_tbl.st_02 .box_img_100 > td img {display:block; max-width:90%; max-height:80px; margin-left:auto; margin-right:auto;}
    .subpage_tbl.st_02 .tbl_list .blt_01 td {padding:5px 0 5px 10px;}
    .subpage_tbl.st_02 .tbl_list .blt_01 td:before {top:13px; background-color:currentColor;}
    .subpage_tbl.st_02 .txt_pint_line {position:relative; z-index:1; display:inline-block;}
    .subpage_tbl.st_02 .txt_pint_line:before {position:absolute; z-index:-1; bottom:-5px; left:-5px; content:''; width:calc(100% + 10px); height:18px; background-color:#fddc61;}
    
    /* table - design 03 */
    .subpage_tbl.st_03 {border-top:0;}
    .subpage_tbl.st_03 .box_img > td {height:200px; padding:40px 0 10px; text-align:center; border-bottom:0; box-sizing:border-box;}
    .subpage_tbl.st_03 .box_img > td img {display:block; max-width:90%; max-height:150px; margin-left:auto; margin-right:auto;}
    .subpage_tbl.st_03 .box_txt > td {padding:10px 0 40px; font-size:17px; font-weight:500; text-align:center; border-bottom:0;}

    
    /* table list */
    .tbl_list .blt_01 td {font-size:14px;}
    .tbl_list .blt_01 td:before {position:absolute; top:10px; left:0;}
    .tbl_list .blt_02 td {padding-left:16px; font-size:12px;}
    .tbl_list .blt_02 td:before {top:9px; left:8px; width:4px;}
    .tbl_list .list_tit_box td {padding:15px 10px; margin-bottom:12px; font-size:16px;}

    .cont_both td {display:block !important; width:100% !important;}

    .org_wrap .org_ceo {padding:12px 10px; font-size:17px;}
    .org_wrap .org_box_line {padding:15px 20px;}
    .org_wrap .tbl_list .bg_green ~ .blt_01 td:before {top:11px; width:5px; height:5px;}

    :is(.tbl_step.box_03, .tbl_step.box_04, .tbl_step.box_06) > tbody > tr > td:not(.step_gap) {display:block !important; width:calc(100% - 5px) !important;}
    .tbl_step .step_gap {display:block !important; width:100% !important; height:30px !important;}
    .tbl_step .step_arrow:after {content:''; top:calc(50% - 6px); left:calc(50% - 8px); transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); width:11px; height:11px; transform:rotate(135deg); -webkit-transform:rotate(135deg);}
    .tbl_step .line_box {font-size:16px;}

    .subpage_wrap .photo_wrap > td {display:block !important; width:100% !important;}
    .subpage_wrap .photo_wrap > .photo_gap, .subpage_wrap .photo_wrap + .hgt30,
    .subpage_wrap .photo_wrap + .hgt30 td {height:20px !important;}
    .subpage_wrap .photo_wrap > td .photo_box {width:calc(100% - 30px) !important; margin-left:auto; margin-right:auto;}
    .subpage_wrap .photo_wrap > td .photo_box .img_box td {height:280px !important;}
    .subpage_wrap .photo_wrap > td .photo_box .img_box td img {min-height:100%; height:auto; width:100%;}
}

@media (max-width:599px) {    
    .subpage_wrap.subtbl_box .box_tit td {width:100% !important; padding:20px 20px 10px 20px;}
    .subpage_wrap.subtbl_box .tit_dp_02 > td,
    .subpage_wrap.subtbl_box .txt_dp_01 > td {padding-left:20px !important; padding-right:20px !important;}

    .pl52 {padding-left:32px;}
    .ml52 {margin-left:32px; width:calc(100% - 32px) !important;}

    /* title */
    .subpage_wrap .tit_page td {font-size:26px;}
    .subpage_wrap .tit_page td .tit_s {font-size:19px;}
    .subpage_wrap .tit_dp_01 > td:before {top:14px; left:10px; width:15px; height:15px;}
    .subpage_wrap .tit_dp_01 > td:after {top:5px; width:18px; height:18px;}
    .subpage_wrap .tit_dp_01 > td {padding-left:32px; font-size:22px;}
    .subpage_wrap .tit_dp_02 > td {padding:8px 0 2px 32px; line-height:1.5em; font-size:18px;}

    /* text */
    .subpage_wrap .txt_dp_01 > td {padding:4px 0 5px 32px; font-size:15px;}
    .subpage_wrap .txt_dp_02 > td {padding:3px 0 3px 45px; font-size:14px;}
    .subpage_wrap .txt_dp_03 > td {padding:2px 0 2px 60px; font-size:13px;}
    .subpage_wrap .txt_dp_04 > td {padding:2px 0 2px 69px; font-size:12px;}

    /* bullet */
    .subpage_wrap .txt_dp_01.blt > td {padding-left:44px !important; font-size:14.5px;}
    .subpage_wrap .txt_dp_01.blt > td:before {top:13px; left:34px; width:4px; height:4px;}
    .subpage_wrap .tit_dp_02.blt + .txt_dp_01 td {padding-left:52px !important;}
    .subpage_wrap .txt_dp_02.blt > td {padding-left:60px !important; font-size:13.5px;}
    .subpage_wrap .txt_dp_02.blt > td:before {top:14px; left:48px;}
    .subpage_wrap .txt_dp_03.blt > td {padding-left:70px !important; font-size:12.5px;}
    .subpage_wrap .txt_dp_03.blt > td:before {top:9px; left:62px; width:3px; height:3px;}

    /* warn */
    .subpage_wrap .tit_dp_02.txt_warn > td {padding-left:56px !important;}
    .subpage_wrap .tit_dp_02.txt_warn > td:before {top:10px; left:32px; font-size:20px;}
    .subpage_wrap .txt_dp_01.txt_warn > td {padding-left:54px !important;}
    .subpage_wrap .txt_dp_01.txt_warn > td:before {top:5px; left:32px; font-size:18px;}
    .subpage_wrap .txt_dp_02.txt_warn > td {padding-left:66px !important;}
    .subpage_wrap .txt_dp_02.txt_warn > td:before {top:3px; left:46px; font-size:17px;}
    .subpage_wrap .txt_dp_03.txt_warn > td {padding-left:78px !important;}
    .subpage_wrap .txt_dp_03.txt_warn > td:before {top:3px; left:60px; font-size:16px;}
    .subpage_wrap .txt_dp_04.txt_warn > td {padding-left:85px !important;}
    .subpage_wrap .txt_dp_04.txt_warn > td:before {top:3px; left:70px; font-size:14px;}
}




/* 물음표 안내문구 */
.pbs_wrap .menu_help {position:relative; display:inline-flex; padding:2px; cursor:pointer; -webkit-transition:opacity 0.5s; transition:opacity 0.5s;}
.pbs_wrap .menu_help .help_pop {display:none; position:absolute; top:20px; left:3px; z-index:1; min-width:200px; width:200px; padding:10px 15px; background-color:#2a2a2a; font-size:13px; font-weight:normal; color:#fff; border:none; border-radius:5px;}
.pbs_wrap .menu_help:hover .help_pop {display:block;}


/* 행동데이터 입력 - 엑셀업로드 popup */
.wzpopup .tbl_type_02 input[type="file"]#excelFile {font-size: 14px !important;border: none;outline: none !important;padding-left: 0 !important;}
.wzpopup .tbl_type_02 input[type="file"]#excelFile::file-selector-button {background:#24232d; border:1px solid #24232d; color:#fff; height:40px; line-height:40px; padding:0 15px; font-size:15px; margin-right:10px;}
.wzpopup .tbl_type_02 input[type="file"]#excelFile ~ span {font-size: 14px; width: 100%; display: block; margin-top: 10px; font-family: 'Noto Sans KR';}
.wzpopup .tbl_type_02 input[type="file"]#excelFile ~ span:before {content:"!";display: inline-block;width: 17px;height: 17px;background: #ddd;text-align: center;line-height: 17px;border-radius: 100%;font-size: 11px;font-weight: 600;margin-right: 3px;vertical-align: middle;margin-top: -3px;}
.wzpopup .tbl_type_02 + .ctr-box {width: 100%; display: flex; justify-content: space-between; align-items: flex-start;}
.wzpopup .tbl_type_02 + .ctr-box .btn-green.ico-excel {margin-left: 0; padding: 10px 15px 5px; font-size: 14px; line-height: 26px;}
.wzpopup .tbl_type_02 + .ctr-box .btn-green.ico-excel + a {margin-top:0;}




/* 검색바 추가 */
.pbsSrchBox {border: 2px solid #eaeaea;border-radius: 20px;box-sizing: border-box;padding: 28px 50px;text-align: center;margin-bottom: 30px;}
.pbsSrchBox input[type="text"] {width: 60%; max-width: 300px; height: 45px; font-size: 16px; border: none; border-bottom: 2px solid #ccc !important; margin-right: 5px;}
.pbsSrchBox input[type="text"]:focus {outline: none !important;}
.pbsSrchBox button {width: 65px;height: 45px;line-height: 45px;font-size: 18px;font-weight: 600;color: #333;border: none;background-position: -173px 13px;background: transparent;overflow: hidden;position: relative;z-index: 0;}
.pbsSrchBox button:before {content:"";background: url(/images/wzwg/cmm/icon_set.png) no-repeat center;background-position: -178px 4px;width: 25px;height: 26px;vertical-align: middle;margin: 9px 0 0 0;}
.pbsSrchBox button:after  {content:""; position: absolute; z-index: -1; bottom: 5px; left: -5px; width: calc(100% + 10px); height: 18px; background-color: #fddc61; display:none; }
.pbsSrchBox button:hover:after {display:block;}