/* subheader */
header { position: relative !important; left: auto !important; top: auto !important; }

.insrch { width: 100%; margin: 0 !important; justify-content: end; }

/* 통합검색 */
#subContent.totalSrch { padding: 0; margin: 0 !important; }
.totalSrch .container { max-width: 100% !important; padding: 0 !important; width: 100% !important; }
/* .topLyt { position: relative; background: linear-gradient(to bottom right, #1D3586 0%, #6F48FF 100%); padding: 3.2rem 2.5rem 4.05rem; height: auto; text-align: center; border-radius: 0 0 6rem 0; overflow: hidden; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.topLyt::before { position: absolute; content: ""; background: url('/00_common/images/common/searchBg.png')no-repeat center center; bottom: 0; right: -0.7rem; width: 48rem; height: 15.25rem; } */
.topLyt { position: relative; width: 100%; padding: 1.6rem 1rem; border-bottom: 1px solid #CCCCCC; }
.topLyt .container { max-width: 80rem !important; margin: 0 auto !important; justify-content: center; }
.topLyt .titWrap { position: relative; display: flex; align-items: center; justify-content: center; width: 80rem; margin: 0 auto; }
.topLyt .goMain { position: absolute; left: 0; top: 50%; transform: translateY(-50%); display: inline-flex; align-items: center; justify-content: center; font-size: 0; line-height: 0; }
.topLyt .goMain img { max-width: 10.75rem; }
.topLyt .titWrap img { font-size: 0; line-height: 0; }
.topLyt .titWrap span { font-size: 1.8rem; font-weight: 500; color: #fff; display: flex; align-items: center; font-family: "SBAggro"; line-height: 1.3; }
.topLyt .ttlWrap { display: flex; flex-wrap: wrap; gap: 1rem; width: 32.5rem; }
.topLyt .ttlSrch { width: 44.75rem; position: relative; height: 3.75rem; border-radius: 3rem; position: relative; border: 2px solid #304793; }
.topLyt .ttlSrch::before { position: absolute; content: ""; width: 1px; height: 2rem; left: 7.5rem; top: 50%; transform: translateY(-50%); background: #D8D8D8; }
.topLyt .ttlSrch .chkBox { position: absolute; left: calc(100% + 1.5rem); top: 50%; transform: translateY(-50%); }
.topLyt .ttlSrch .chkBox .custom_checkbox { width: 0.9rem; height: 0.9rem; background: #F5F5F5; border: 1px solid #c3c3c3; }
.topLyt .ttlSrch .chkBox label { line-height: 0.9rem; font-weight: 500; gap: 0.5rem; }
.topLyt .ttlSrch .chkBox .txt_lb { color: #000; }
.topLyt .ttlSrch input { width: 100%; border-radius: 3rem; padding: 0 7rem 0 9.05rem; height: 100%; color: #222222; margin: 0; font-size: 1rem; border: none; }
.topLyt .ttlSrch select { position: absolute; left: 0; width: 7.5rem; top: 0; height: 100%; min-width: auto; border-radius: 3rem; border: none; padding: 0 2rem 0 1.5rem; font-size: 1.1rem; font-weight: 600; color: #111; background-position: right 1rem center; border: none; }
.topLyt .ttlSrch button { position: absolute; right: 0.5rem; top: 50%; transform: translateY(-50%); width: 3rem; height: 3rem; display: inline-flex; align-items: center; justify-content: center; color: #fff; background: #304793; border-radius: 5rem; font-size: 1rem; font-weight: bold; }
.topLyt .ttlSrch button > i { font-size: 1.35rem; font-weight: 400; }
.botLyt { width: 100%; max-width: 82rem; padding: 0 1rem; margin: 0 auto; }
.totalSrch .titWrap { color: #000000; font-size: 1.3rem; text-align: center; padding: 2.15rem 1rem 2.1rem; border-bottom: 1px solid #BFBFC4; width: 100%; font-family: "SBAggro"; letter-spacing: 2px; word-break: keep-all; line-height: 1.5; }
.totalSrch .titWrap span { color: #5237E4; font-weight: 500; }
.totalSrch .titWrap em { color: #5D31FF; font-weight: 500; }
.botLyt .srchLft { width: 14rem; padding: 3rem 1.9rem 7.5rem 0; }
.botLyt .srchLft .box .tit { color: #000000; display: block; font-size: 1.1rem; font-weight: bold; margin-bottom: 0.55rem; }
.botLyt .srchLft .box ~ .box { margin-top: 2.25rem; padding-top: 2.25rem; border-top: 1px solid #E4E4E4; }
.botLyt .srchLft .box01 > ul { width: 100%; }
.botLyt .srchLft .box01 > ul li { background: #EBEBEB; border-radius: 5rem; padding: 0.5rem 0.75rem; font-size: 0.75rem; color: #000; display: inline-flex; gap: 0.5rem; max-width: 100%; overflow: hidden; align-items: center; justify-content: space-between; } 
.botLyt .srchLft .box01 > ul li + li { margin-top: 0.5rem; }
.botLyt .srchLft .box01 > ul li > span { display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.botLyt .srchLft .box01 > ul li > button { padding: 0 !important; font-size: 0.9rem; }
.botLyt .srchLft .box02 .popTab { display: flex; border-radius: 0.5rem 0.5rem 0 0; overflow: hidden; }
.botLyt .srchLft .box02 .popTab li { flex: 1; }
.botLyt .srchLft .box02 .popTab li a { display: inline-flex; align-items: center; justify-content: center; background: #EEEEEE; width: 100%; height: 1.5rem; color: #333333; font-size: 0.75rem; font-weight: 500; }
.botLyt .srchLft .box02 .popTab li a.current { color: #fff; background: #5237E4; }
.botLyt .srchLft .box02 .popBox { margin-top: 1.4rem; }
.botLyt .srchLft .box02 .popBox > div { display: none; }
.botLyt .srchLft .box02 .popBox > div.on { display: block; }
.botLyt .srchLft .box02 .popBox > div > ul { display: flex; flex-direction: column; gap: 0.35rem; }
.botLyt .srchLft .box02 .popBox > div > ul > li { position: relative; }
.botLyt .srchLft .box02 .popBox > div > ul > li a { position: relative; padding-left: 1.5rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #000000; font-size: 0.75rem; line-height: 1rem; display: block; }
.botLyt .srchLft .box02 .popBox > div > ul > li > a > span { display: inline-flex; align-items: center; justify-content: center; color: #fff; font-size: 0.65rem; font-weight: 600; width: 1rem; height: 1rem; border-radius: 0.15rem; background: #ACACAC; left: 0; top: 0; position: absolute; } 
.botLyt .srchLft .box02 .popBox > div > ul > li:first-child a > span { background: #304793; }
.botLyt .srchLft .box02 .popBox > div > ul > li:nth-child(2) a > span { background: #4468DF; }
.botLyt .srchLft .box02 .popBox > div > ul > li:nth-child(3) a > span { background: #6388FF; }
.botLyt .srchLft .box03 .subBox + .subBox,
.botLyt .srchLft .box03 .subBox + .dateWrap { margin-top: 1.9rem; }
.botLyt .srchLft .box03 .subBox .rdoBox ul { gap: 0.4rem; } 
.botLyt .srchLft .box03 .subBox .rdoBox ul li { width: calc((100% - 0.4rem) / 2); }
.botLyt .srchLft .box03 .subBox .rdoBox label { padding: 0 !important; width: 100%; justify-content: center; height: 1.9rem; border-radius: 3rem !important; line-height: 1; gap: 0; color: #555; font-size: 0.75rem; font-weight: 500; }
.botLyt .srchLft .box03 .subBox .rdoBox input { width: 100%; height: 100% !important; z-index: -1; border-radius: 3rem !important; left: 50%; top: 50%; transform: translate(-50%, -50%); border-color: #d3d3d9; background: #F8F9FB; }
.botLyt .srchLft .box03 .subBox .rdoBox label:has(input[type='radio']:checked) { color: #fff; }
.botLyt .srchLft .box03 .subBox .rdoBox input[type='radio']:checked { border-color: #5237E4; background: #5237E4; }
.botLyt .srchLft .box03 .subBox .rdoBox input::before { display: none !important; }
.botLyt .srchLft .box03 .dateWrap { display: flex; flex-direction: column; gap: 0.5rem; }
.botLyt .srchLft .box03 .dateWrap .dateBox { display: flex; gap: 0.7rem; align-items: center; }
.botLyt .srchLft .box03 .dateWrap .dateBox input { flex: 1; min-width: auto !important; }
.botLyt .srchLft .box03 .dateWrap .dateBox > span { color: #000000; font-size: 0.75rem; font-weight: 500; }
.botLyt .srchLft .btns { display: flex; align-items: center; flex-wrap: wrap; gap: 0.5rem; margin-top: 2.25rem; }
.botLyt .srchLft .btns > a { min-width: 5.75rem; }
.botLyt .srchLft .btns > a.btn_gray { border-color: #d3d3d9; color: #000; }
.botLyt .srchLft .btns > a.btn_gray:hover,
.botLyt .srchLft .btns > a.btn_gray:focus { color: #fff; background: #d3d3d9; }
.botLyt .srchBody { display: flex; flex-wrap: wrap; width: 100%; flex: 1; border-left: 1px solid #BFBFC4; padding: 3rem 0 7.5rem 3.5rem; }
.botLyt .srchBody .tab_st1 { width: 100%; margin: 0 !important; }
.botLyt .srchBody .srchWrap { width: 100%; margin-top: 2.6rem; }
.botLyt .srchBody .srchWrap .srchRst ~ .srchRst { margin-top: 3rem; padding-top: 3rem; border-top: 1px dashed #C9C9C9; }
.botLyt .srchBody .srchWrap .srchRst .top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 3rem; }
.botLyt .srchBody .srchWrap .srchRst .top > span { flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #000000; font-size: 1.4rem; font-weight: bold; }
.botLyt .srchBody .srchWrap .srchRst .top > span > em { color: #5D31FF; }
.botLyt .srchBody .srchWrap .srchRst .top .rstMore { display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; color: #fff; width: 2rem; height: 2rem; background: #555454; transition: 0.2s ease-in-out; }
.botLyt .srchBody .srchWrap .srchRst .top .rstMore:hover,
.botLyt .srchBody .srchWrap .srchRst .top .rstMore:focus { transform: rotate(180deg); }
.botLyt .srchBody .srchWrap .srchRst .keyword {color: #5D31FF; font-weight: 600;}
.botLyt .srchBody .srchWrap .srchRst.menu .top { margin-bottom: 2rem; }
.botLyt .srchBody .srchWrap .srchRst.menu .list_st1 li + li { margin-top: 0.5rem; }
.botLyt .srchBody .srchWrap .srchRst.menu .list_st1 li a > em { margin: 0 0.25rem; }
.botLyt .srchBody .srchWrap .srchRst .no_data { display: flex; align-items: center; justify-content: center; width: 100%; gap: 0.25rem; }
.botLyt .srchBody .srchWrap .srchRst .no_data i { line-height: 1; font-size: 1rem; }
.botLyt .srchBody .srchWrap .srchRst.cont .bot > ul { display: flex; flex-direction: column; gap: 2rem; }
.botLyt .srchBody .srchWrap .srchRst.cont .bot > ul > li > a > span { display: block; color: #000000; font-size: 1.1rem; font-weight: bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.botLyt .srchBody .srchWrap .srchRst.cont .bot > ul > li > a:hover > span,
.botLyt .srchBody .srchWrap .srchRst.cont .bot > ul > li > a:focus > span { text-decoration: underline; }
.botLyt .srchBody .srchWrap .srchRst.cont .bot > ul > li > a > p { color: #555555; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; line-height: 1.5rem; font-size: 0.9rem; margin: 0.75rem 0 1rem; }
.botLyt .srchBody .srchWrap .srchRst ul.botDetail { display: flex; flex-wrap: wrap; align-items: center; gap: 0.5rem 1.5rem; }
.botLyt .srchBody .srchWrap .srchRst ul.botDetail li { color: #000; font-size: 0.75rem; }
.botLyt .srchBody .srchWrap .srchRst ul.botDetail li.menuLct { display: inline-flex; align-items: center; gap: 0.25rem; background: #f4f4f4; border-radius: 5rem; padding: 0.35rem 0.75rem; color: #333; flex-wrap: wrap; }
.botLyt .srchBody .srchWrap .srchRst.file .bot > ul { display: flex; flex-direction: column; gap: 2rem; }
.botLyt .srchBody .srchWrap .srchRst.file .bot > ul > li > a { display: flex; border-radius: 0.75rem; border:1px solid #DFDFE5; background: #f8f9fb; padding: 1.5rem; flex-wrap: wrap; }
.botLyt .srchBody .srchWrap .srchRst.file .bot > ul > li > a > span.file { display: inline-block; padding-right: 2.25rem; position: relative; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 1.5rem; font-size: 1.1rem; font-weight: bold; max-width: 100%; }
.botLyt .srchBody .srchWrap .srchRst.file .bot > ul > li > a > span.file > em { display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; width: 1.5rem; height: 1.5rem; border: 1px solid #D3D3D9; color: #333; position: absolute; right: 0; top: 0; font-weight: 400 !important; font-size: 0.8rem; background: #fff; }
.botLyt .srchBody .srchWrap .srchRst.file .bot > ul > li > a > p.txt { color: #555555; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; line-height: 1.5rem; font-size: 0.9rem; margin: 0.75rem 0 1rem; width: 100%; }
.botLyt .srchBody .srchWrap .srchRst.file ul.botDetail li.menuLct { background: #eaecef; }
.botLyt .srchBody .srchWrap .srchRst.file ul.botDetail { width: 100%; }

/* �꽌釉� 怨듯넻 �젅李� */
.subStep > ul { display: flex; flex-wrap: wrap; gap: 1rem 2.5rem; }
.subStep > ul > li { width: calc((100% - 7.5rem) / 4); position: relative; }
.subStep > ul > li::before { position: absolute; content: "\ea68"; top: 50%; transform: translateY(-50%); right: -1.75rem; font-family: 'remixicon'; color: #737BBD; font-size: 1rem; }
.subStep.w_30 > ul > li { width: calc((100% - 5rem) / 3); }
.subStep.w_30 > ul > li:nth-child(3n):before,
.subStep > ul > li:last-child:before,
.subStep > ul > li:nth-child(4n):before { display: none; }
.subStep > ul > li > .top { display: flex; align-items: center; justify-content: center; padding: 0 1rem; height: 2.5rem; color: #fff; border-radius: 0.75rem 0.75rem 0 0; }
.subStep > ul > li > .top p { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #fff; font-weight: 600; font-size: 0.8rem; line-height: 1.05rem; }
.subStep > ul > li > .top span { font-weight: 800; font-size: 0.9rem; margin-right: 0.5rem; }
.subStep > ul > li.colPurp > .top { background: #5D31FF; }
.subStep > ul > li.colBl > .top { background: #3458EA; }
.subStep > ul > li.colLbl > .top { background: #307BEB; }
.subStep > ul > li.colGrn01 > .top { background: #0199D0; }
.subStep > ul > li.colGrn02 > .top { background: #00AEAE; }
.subStep > ul > li.colGrn03 > .top { background: #00A987; }

.subStep.typeB > ul > li.colPurp > .top { background: #5D31FF; }
.subStep.typeB > ul > li.colBl .list_st1 > li:before,
.subStep.typeB > ul > li.colBl > .top { background: #304793; }

.subStep > ul > li.colPurp .list_st1 > li:before { background: #5D31FF; }
.subStep > ul > li.colBl .list_st1 > li:before { background: #3458EA; }
.subStep > ul > li.colLbl .list_st1 > li:before { background: #307BEB; }
.subStep > ul > li.colGrn01 .list_st1 > li:before { background: #0199D0; }
.subStep > ul > li.colGrn02 .list_st1 > li:before { background: #00AEAE; }
.subStep > ul > li.colGrn03 .list_st1 > li:before { background: #00A987; }

.subStep > ul > li > .bot { height: calc(100% - 2.5rem); border: 1px solid #CFCFD2; border-radius: 0 0 0.75rem 0.75rem; background: #fff; padding: 1rem; }
.subStep > ul > li > .bot .bu_wnrn { font-size: 0.8rem; padding-left: 1.25rem; }
.subStep > ul > li > .bot .bu_wnrn:before { font-size: 0.9rem; top: 0.15rem; }
.subStep > ul > li > .bot .list_st1 { margin: 0; }
.subStep > ul > li > .bot .list_st1 > li { font-size: 0.8rem !important; padding-left: 0.65rem; }
.subStep > ul > li > .bot .list_st1 > li:before { width: 0.25rem; height: 0.25rem; top: 0.45rem; }
.subStep > ul > li > .bot > .botTxt,
.subStep > ul > li > .bot > .list_st2 { margin-top: 0.75rem; padding-top: 0.75rem; border-top: 1px dashed #CFCFCF; }
.subStep > ul > li > .bot p.bu_atte { font-size: 0.8rem !important; padding-left: 0.85rem; }
.subStep > ul > li > .bot p.bu_atte:before { font-size: 0.9rem; top: 0.1rem; }
.subStep > ul > li > .bot .list_st2 > li { font-size: 0.8rem !important; padding-left: 0.8rem; }
.subStep > ul > li > .bot .list_st2 > li:before { width: 0.4rem; height: 0.1rem; top: 0.52rem; }

.liInBtn { display: flex; flex-wrap: wrap; align-items: center; gap: 0.5rem 1rem; }
.liInBtn .btns { margin: 0 !important; }

/* 怨듯넻罹섎┛�뜑 */
.clndrMain table th { height: 4rem; border-bottom: 2px solid #000000; vertical-align: middle; font-size: 1rem; font-weight: 600; color: #000; }
.clndrMain table td.sun > span,
.clndrMain table th.sun { color: #FF4141; }
.clndrMain table td.sat > span,
.clndrMain table th.sat { color: #215FE5; }
.clndrMain table td { height: 8.85rem; border: 1px solid #D3D3D9; padding: 0.55rem; cursor: pointer; }
.clndrMain table td.none { cursor: unset; }
.clndrMain table td > span { color: #000; font-size: 0.9rem; display: block; font-weight: 500; margin-bottom: 0.5rem; }
.clndrMain table tr + tr td { border-top: none; }
.clndrMain table tr td + td { border-left: none; }
.clndrMain table tr:first-child td { border-top: none; }
.clndrMain table tr:last-child td { border-bottom: 1px solid #000000; }
.clndrMain table td.dont { background: #E8F4FF !important; }
.clndrMain table td.today,
.clndrMain table td:hover:not(.clndrMain table td.none) { background: #F8F8F8; }
.clndrMain table td > p { display: inline-flex; align-items: center; justify-content: start; width: 100%; padding: 0.3rem 0.6rem; color: #fff; border-radius: 5rem; font-size: 0.75rem; font-weight: 600; line-height: 1.2; word-break: keep-all; }
.clndrMain table td > p.noApply { background: #919191;  justify-content: center; }
.clndrMain table td > p.time.dark { background: #304793; }
.clndrMain table td > p.time.pink { background: #FF4A7D; }
.clndrMain table td > p.busNum { background: #009DFF; }
.clndrMain table td > p.time ~ p.time,
.clndrMain table td > p.busNum ~ p.time { margin-top: 0.35rem; }
.clndCrt { margin: 2.45rem 0 1.15rem; width: 100%; }
.clndCrt .top { width: 100%; position: relative; display: flex; align-items: center; background: #5D31FF; border-radius: 1rem 1rem 0 0; height: 3.25rem; padding: 0 7rem; justify-content: center; }
.clndCrt .top span.mainYear { color: #fff; font-size: 1.4rem; font-weight: bold; }
.clndCrt .top > button { display: inline-flex; align-items: center; gap: 0.5rem; color: #fff; font-size: 1rem; font-weight: 600; position: absolute; top: 50%; transform: translateY(-50%); padding: 0 !important; }
.clndCrt .top > button i { font-weight: 400 !important; font-size: 1.15rem; }
.clndCrt .top > button.prevYear { left: 1.25rem; }
.clndCrt .top > button.nextYear { right: 1.25rem; }
.clndCrt .bot { border: 1px solid #CDCDCD; background: #fff; padding: 0.75rem 1rem; display: flex; align-items: center; flex-wrap: wrap; }
.clndCrt .bot .crtBox { width: 8.75rem; display: flex; gap: 0.25rem; }
.clndCrt .bot .crtBox button { display: inline-flex; align-items: center; justify-content: center; width: 2.75rem; height: 1.75rem; background: #F8F9FB; border: 1px solid #c0c0c0; border-radius: 0.5rem; font-weight: 500; }
.clndCrt .bot .selMonth { width: calc(100% - 10.25rem); margin-left: 1.5rem; padding-left: 1.5rem; position: relative; }
.clndCrt .bot .selMonth::before { position: absolute; content: ""; left: 0; top: 50%; width: 1px; height: 1.5rem; background: #B9B9B9; transform: translateY(-50%); }
.clndCrt .bot .selMonth ul { display: flex; flex-wrap: wrap; gap: 0.5rem; }
.clndCrt .bot .selMonth ul li a { display: inline-flex; align-items: center; justify-content: center; width: 3.25rem; height: 1.75rem; background-color: #fff; border: 1px solid #c0c0c0; border-radius: 0.5rem; font-weight: 500; }
.clndCrt .bot .selMonth ul li.chked a { border: 2px solid #000000; }

/* 怨듯넻�뙘�뾽 �뵒�옄�씤 */
.popUpLyt { position: fixed; width: 100%; height: 100vh; left: 0; top: 0; background: rgba(0,0,0,0.6); z-index: 101; display: none; }
.popUpLyt.active { display: block; }
.popUpLyt .popClose { position: absolute; right: 2rem; top: -1.3rem; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; width: 3.25rem; height: 3.25rem; color: #fff; background: #4973FA; font-size: 1.1rem; font-weight: 600; animation: buttonWave 2s infinite; }

@keyframes buttonWave {
    0% { box-shadow: 0 0 0 0px rgba(44,125,255,0.8); }
    100% { box-shadow: 0 0 0 13px rgba(71,103,210,0); }
}

.popUpLyt .popWrap { width: 40rem; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.popUpLyt .popWrap .popLst { max-height: calc(100vh - 4rem); box-shadow: 0px 10px 20px rgba(0,0,0,0.2); border-radius: 2rem; }
.popUpLyt .popWrap .titWrap { padding: 1.4rem 2rem 3.4rem 2rem; background: #304793; border-radius: 2rem 2rem 0 0; }
.popUpLyt .popWrap .titWrap span { color: #fff; font-weight: bold; font-size: 1.4rem; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.popUpLyt .popWrap .popBox { background: #fff; border-radius: 1.5rem 1.5rem 2rem 2rem; padding: 1.8rem 0.9rem 2.25rem 1.8rem; margin-top: -2rem; }

.popUpLyt .popWrap .popBox .popScrll { overflow-y: auto; height: 100%; padding-right: 0.9rem; max-height: calc(100vh - 13rem); }

.popUpLyt .popWrap .popBox .tbl_st { margin: 0 !important; }
.popUpLyt .btns { margin: 2rem 0 0 0; }
.popUpLyt .btns a { min-width: 6rem; }
.popUpLyt .popInBox { display: flex; flex-wrap: wrap; width: 100%; gap: 0.5rem 0.45rem; }
.popUpLyt .popInBox ~ .popInBox { margin-top: 1.2rem; }
.popUpLyt .popInBox span:not(label span, span.num) { position: relative; width: 100%; display: block; color: #333333; font-weight: 600; }
.popUpLyt .popInBox span:not(label span, span.num).strng { padding-left: 0.5rem; }
.popUpLyt .popInBox span:not(label span, span.num).strng::before { position: absolute; content: "*"; left: 0; top: -0.2rem; font-size: 0.9rem; color: #304793; font-weight: 600; }
.popUpLyt .popInBox input { width: 100%; min-width: auto !important; }
.popUpLyt .popInBox .halfBox { width: calc((100% - 0.45rem) / 2); display: flex; flex-wrap: wrap; gap: 0.5rem; }
.popUpLyt .popInBox textarea { width: 100%; border: 1px solid #D9D9D9; min-height: 5.8rem; border-radius: 0.4rem; padding: 0.75rem; color: #000; }
.popUpLyt .popInBox textarea::placeholder { color: #ADABAB; }
.popUpLyt .popInBox .halfBox .dateWrap { display: flex; flex-wrap: wrap; gap: 0.45rem; width: 100%; }
.popUpLyt .popInBox .halfBox .dateWrap .dateBox { display: flex; gap: 0.25rem; align-items: center; flex: 1; }
.popUpLyt .popInBox .halfBox .dateWrap .dateBox select { min-width: auto; flex: 1; }
.popUpLyt .popInBox .emailBox { display: flex; flex-wrap: wrap; gap: 0.4rem; width: 100%; align-items: center; }
.popUpLyt .popInBox .emailBox input,
.popUpLyt .popInBox .emailBox select { flex: 1; width: auto !important; min-width: auto !important; }
.popUpLyt .popInWrap { padding: 1rem; border-radius: 1rem; background-color: #f8f9fb; border: 1px solid #D3D3D9; }
.popUpLyt .popInWrap span.semiTxt { font-weight: 600; }
.popUpLyt .popInWrap .popInBox { gap: 0.25rem 0.45rem; margin-top: 0.5rem !important; }
.popUpLyt .popInWrap .popInBox > label { font-size: 0.75rem; position: relative; padding-left: 0.5rem; }
.popUpLyt .popInWrap .popInBox > label::before { position: absolute; content: "*"; font-size: 0.7rem; left: 0; top: 0; color: #304793; }
.popUpLyt #inputFieldsArea { margin-top: 1rem; }
.popUpLyt .popInBox .scrlBox { width: 100%; background: #F8F9FB; border-radius: 1rem; padding: 1rem 0.5rem 1rem 1rem; border: 1px solid #D9D9D9; }
.popUpLyt .popInBox .scrlBox .list_ol1 { overflow-y: auto; padding-right: 0.5rem; max-height: 9.5rem; }
.popUpLyt .popInBox .scrlBox .list_ol1 li { font-size: 0.8rem !important; }
.popUpLyt .popInBox .scrlBox .list_ol1 li span.num { font-size: 0.75rem; }
.popUpLyt .popInBox .scrlBox .list_st2 li::before { top: 0.5rem; }
.popUpLyt .popInBox .chkBox.ar,
.popUpLyt .popInBox .chkBox.ar ul { justify-content: end; width: 100%; }
.popUpLyt .popInBox.inChk .chkBox .custom_checkbox { width: 0.9rem; height: 0.9rem; }
.popUpLyt .popInBox.inChk .chkBox label { line-height: 0.9rem; }

/* �떞�떦�옄 �젙蹂� */
.nameInfo { padding: 1rem; border: 1px solid #d3d3d9; border-radius: 0.6rem; display: flex; flex-wrap: wrap; gap: 1rem 3rem; margin-top: 5rem !important; }
.nameInfo > span { display: inline-flex; align-items: center; gap: 0.5rem; font-weight: bold; font-size: 0.9rem; line-height: 1.05rem; }
.nameInfo > span i { font-weight: 400; font-size: 1.05rem; }
.nameInfo ul { display: flex; flex-wrap: wrap; align-items: center; gap: 1rem 2.5rem; }
.nameInfo ul li { font-size: 0.8rem; font-weight: 400; display: flex; align-items: center; flex-wrap: wrap; }
.nameInfo ul li > span { position: relative; padding-right: 0.6rem; margin-right: 0.6rem; font-weight: 500; }
.nameInfo ul li > span:before { position: absolute; content: ""; right: 0; top: 0.25rem; width: 1px; height: 0.65rem; background: #d7d7d7; }

/* 濡쒓렇�씤 */
.loginWrap ul { display: flex; flex-wrap: wrap; gap: 1.5rem; }
.loginWrap ul li { width: calc((100% - 4.5rem) / 4); }
.loginWrap ul li .logLst { border-radius: 1.25rem; background: #fff; border: 1px solid #d3d3d9; overflow: hidden; padding: 1.5rem 1rem 1rem 1rem; }
.loginWrap ul li .logLst .img { display: flex; align-items: center; justify-content: center; width: 100%; font-size: 0; line-height: 0; height: 4.5rem; position: relative; }
.loginWrap ul li.kakao .logLst .img::before { position: absolute; content: ""; background: url('/00_common/images/con_com/logImg03_Bf.png')no-repeat center center; width: 2.55rem; height: 2.1rem; background-size: contain; right: 50%; top: 15%; transform: translateX(calc(50% + 3rem)); }
.loginWrap ul li.phone .logLst .img img { max-width: 4.5rem; }
.loginWrap ul li.epki .logLst .img img { max-width: 4rem; }
.loginWrap ul li.kakao .logLst .img img { max-width: 4.15rem; }
.loginWrap ul li.naver .logLst .img img { max-width: 2.7rem; }
.loginWrap ul li .logLst > span { display: block; text-align: center; margin: 1rem 0 0.75rem; font-size: 1.1rem; font-weight: bold; }
.loginWrap ul li .logLst > p { color: #333333; font-size: 0.75rem; text-align: center; line-height: 1.2; }
.loginWrap ul li .logLst > a { display: flex; width: 100%; border-radius: 5rem; height: 2.5rem; padding: 0 1rem; align-items: center; justify-content: center; margin-top: 1.5rem; font-size: 0.9rem; font-weight: 600; color: #222; border: 1px solid transparent; }
.loginWrap ul li.phone .logLst > a { border-color: #304793; }
.loginWrap ul li.epki .logLst > a { border-color: #5D31FF; }
.loginWrap ul li.kakao .logLst > a { border-color: #F8BE00; }
.loginWrap ul li.naver .logLst > a { border-color: #18B777; }
.logBox { margin-bottom: 3rem; padding: 1.75rem 2rem 1.75rem 8.5rem !important; min-height: 9.5rem !important; }
.logBox .list_st1 { margin-top: 0.6rem; }
.logBox .list_st1 li + li { margin-top: 0.75rem; }
.logBox .ico { top: 1.85rem; }
.loginWrap .inviteCodeLink { margin-top: 3rem; padding-top: 3rem; display: flex; align-items: center; justify-content: end; border-top: 1px dashed #CCCCCC; gap: 0.5rem; flex-wrap: wrap; }
.loginWrap .inviteCodeLink a { display: flex; align-items: center; padding: 0 2.6rem; height: 2.25rem; justify-content: center; position: relative; border: 1px solid #5D31FF; border-radius: 5rem; color: #5D31FF; font-weight: 500; }
.loginWrap .inviteCodeLink a > i { position: absolute; top: 50%; transform: translateY(-50%); right: 1rem; color: #B0A0EB; font-size: 0.9rem; }
/* 濡쒓렇�씤 : acitve */
.loginWrap .inviteCodeLink a,
.loginWrap .inviteCodeLink a > i,
.loginWrap ul li .logLst > a { transition: 0.2s ease-in-out; }
.loginWrap ul li.phone .logLst > a:hover,
.loginWrap ul li.phone .logLst > a:focus { color: #fff; background: #304793; }
.loginWrap ul li.epki .logLst > a:hover,
.loginWrap ul li.epki .logLst > a:focus { color: #fff; background: #5D31FF; }
.loginWrap ul li.kakao .logLst > a:hover,
.loginWrap ul li.kakao .logLst > a:focus { color: #fff; background: #F8BE00; }
.loginWrap ul li.naver .logLst > a:hover,
.loginWrap ul li.naver .logLst > a:focus { color: #fff; background: #18B777; }
.loginWrap .inviteCodeLink a:hover,
.loginWrap .inviteCodeLink a:focus { color: #fff; background: #5d31ff; }
.loginWrap .inviteCodeLink a:hover > i,
.loginWrap .inviteCodeLink a:focus > i { color: #fff; }

/* 珥덈�肄붾뱶 */
.inviteCodeWrap .linkBox .lnkArea { border: 1px solid #D3D3D9; border-radius: 1rem; padding: 2.5rem 2rem; margin-top: 3rem; text-align: center; }
.inviteCodeWrap .linkBox .lnkArea .icon { display: inline-flex; align-items: center; justify-content: center; font-size: 0; line-height: 0; margin-bottom: 1.5rem; }
.inviteCodeWrap .linkBox .lnkArea > h2 { font-size: 1.2rem; font-weight: bold; line-height: 1.5rem; }
.inviteCodeWrap .linkBox .lnkArea > p { color: #333333; font-size: 0.9rem; font-weight: 400; line-height: 1.5rem; margin-top: 0.75rem; }
.inviteCodeWrap .linkBox > .btns { margin-top: 3rem; padding-top: 3rem; border-top: 1px dashed #CCCCCC; }
.inviteCodeWrap .linkBox > .btns button { min-width: 14rem; height: 2.5rem; }
.inviteCodeWrap .insertWrap { margin-top: 2.5rem; padding-top: 2.5rem; border-top: 1px dashed #CCCCCC; display: flex; flex-direction: column; gap: 1rem; justify-content: center; align-items: center; }
.inviteCodeWrap .insertWrap .inputGroup { display: flex; flex-wrap: wrap; align-items: center; }
.inviteCodeWrap .insertWrap .inputGroup label { width: 7.4rem; font-size: 0.9rem; font-weight: 600; text-align: start; }
.inviteCodeWrap .insertWrap .inputGroup input { width: 26rem; min-width: auto; height: 2.75rem; font-size: 0.9rem; }
.inviteCodeWrap .insertWrap .inputGroup input#inviteCode { text-align: center; letter-spacing: 0.35rem; color: #333333; }
.inviteCodeWrap .authMethodGroup { margin-top: 3rem; }
.inviteCodeWrap .authMethodGroup .bu_wnrn { margin: 0 0 1.5rem 0 !important; padding: 0.4rem 0.75rem 0.4rem 2.15rem; border: 1px solid #CDCDCD; border-radius: 5rem; width: auto; display: inline-block; font-size: 0.8rem; font-weight: 500 !important; }
.inviteCodeWrap .authMethodGroup .bu_wnrn::before { top: 0.52rem; left: 0.75rem; content: "\eca0"; }
.inviteCodeWrap .authMethodList { display: flex; flex-wrap: wrap; gap: 1.5rem; }
.inviteCodeWrap .authMethodList label { flex: 1; border: 1px solid #d3d3d9; border-radius: 1.25rem; padding: 1.5rem 1rem; margin: 0; cursor: pointer; }
.inviteCodeWrap .authMethodList label:has(input:checked) { border-color: #5D31FF; }
.inviteCodeWrap .authMethodList label input { opacity: 0; visibility: hidden; }
.inviteCodeWrap .authMethodList label .img { display: inline-flex; align-items: center; justify-content: center; font-size: 0; line-height: 0; position: relative; height: 4.5rem; width: 100%; }
.inviteCodeWrap .authMethodList label.phone .img img { max-width: 4.5rem; }
.inviteCodeWrap .authMethodList label.epki .img img { max-width: 4rem; }
.inviteCodeWrap .authMethodList label.kakao .img img { max-width: 4.15rem; }
.inviteCodeWrap .authMethodList label.naver .img img { max-width: 2.7rem; }
.inviteCodeWrap .authMethodList label.kakao .img::before { position: absolute; content: ""; background: url('/00_common/images/con_com/logImg03_Bf.png')no-repeat center center; width: 2.55rem; height: 2.1rem; background-size: contain; right: 50%; top: 2%; transform: translateX(calc(50% + 3.25rem)); }
.inviteCodeWrap .authMethodList label span.authMethodName { display: block; text-align: center; margin-top: 1rem; font-size: 1.1rem; font-weight: bold; }

/* �쉶�썝媛��엯 */
.joinCont.step00 .tbl_st { margin-top: 0; }
.joinCont .memjoin_steps { display: flex; justify-content: center; }
.joinCont .memjoin_steps ul { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 2rem 4.5rem; }
.joinCont .memjoin_steps ul li { position: relative; padding-left: 2.5rem; height: 2rem; display: flex; align-items: center; }
.joinCont .memjoin_steps ul li::before { position: absolute; content: "\eb7b"; width: 2rem; height: 2rem; border-radius: 0.5rem; border: 3px solid #d3d4d8; left: 0; top: 0; color: #d3d4d8; font-size: 1.4rem; font-family: 'remixicon'; display: inline-flex; align-items: center; justify-content: center; }
.joinCont .memjoin_steps ul li:after { position: absolute; content: ""; top: 50%; transform: translateY(-50%); left: calc(100% + 0.75rem); background: #D3D4D8; height: 3px; width: 3rem; }
.joinCont .memjoin_steps ul li:last-child::after { display: none; }
.joinCont .memjoin_steps ul li span { display: flex; flex-direction: column; color: #bfbfbf; font-size: 0.9rem; font-weight: bold; line-height: 1; gap: 0.15rem; }
.joinCont .memjoin_steps ul li span em { color: #d3d4d8; font-size: 0.75rem; font-weight: 500; }
.joinCont .memjoin_steps ul li.on::before { background: #5D31FF; border-color: #5D31FF; color: #fff; }
.joinCont .memjoin_steps ul li.on span { color: #5D31FF; }
.joinCont .memjoin_steps ul li.on span em { color: #BEADFF; }
.joinCont .memjoin_steps ul li.pass::after { background: #3a3a3a; }
.joinCont .memjoin_steps ul li.pass::before { background: #fff; border-color: #3A3A3A; color: #3A3A3A; }
.joinCont .memjoin_steps ul li.pass span { color: #3A3A3A; }
.joinCont .memjoin_steps ul li.pass span em { color: #000000; }
.joinCont .join { margin-top: 5rem; }
.joinCont .box_agree { background: #f8f9fb; border-radius: 1rem; padding: 0.75rem 0.75rem 1.2rem 0.75rem; border: 1px solid #D3D3D9; margin-top: 0.7rem !important; }
.joinCont .box_agree .agrBox { padding: 0.8rem 0.6rem 0.7rem 1rem; background: #fff; border-radius: 0.75rem; border: 1px solid #d3d3d9; }
.joinCont .box_agree .agrBox .agrScroll { overflow-y: auto; max-height: 16.5rem; padding: 0.7rem 1rem 0 0; }
.joinCont .box_agree .agrBox .agrScroll h4.ruleTit { display: block; font-size: 1.2rem; font-weight: bold; line-height: 1.8rem; margin-bottom: 1.5rem; }
.joinCont .box_agree .agrBox .agrScroll h4.ruleTit ~ h4.ruleTit { margin-top: 2rem; }
.joinCont .box_agree .agrBox .agrScroll h5.ruleTit2 { display: block; line-height: 1.55rem; color: #304793; font-size: 1.1rem; font-weight: 600; margin-bottom: 0.7rem; }
.joinCont .box_agree .agrBox .agrScroll h5.ruleTit2 ~ h5.ruleTit2 { margin-top: 0.65rem; }
.joinCont .box_agree .chkBox { margin-top: 1rem; padding-right: 0.6rem; }
.joinCont .box_agree .chkBox ul { justify-content: end; }
.joinCont .btns a,
.joinCont .btns button { min-width: 6rem; }
.joinCont .btns.btn_cert2 { margin: 1rem 0 0 0; padding: 0 !important; }
.joinCont .btns.btn_cert2 a,
.joinCont .btns.btn_cert2 button { min-width: 12.5rem; height: 2.5rem; }
.joinCont .cert_info { display: flex; flex-direction: column; gap: 0.25rem; padding-top: 1.5rem; border-top: 1px dashed #B9B9B9; }
.joinCont .cert_info li { padding-left: 1.4rem; color: #000; position: relative; font-size: 0.9rem; }
.joinCont .cert_info li:before { content: "\eca1"; font-family: 'remixicon'; font-size: 1rem; width: auto; height: auto; line-height: 1; position: absolute; left: 0; top: 0.15rem; display: inline-flex; align-items: center; justify-content: start; font-weight: 400 !important; color: #C8C8C8; }
.joinCont .joinBox { border: 1px solid #D3D3D9; border-radius: 1rem; padding: 2rem; margin-top: 5rem; }
.joinCont .joinBox .jBoxTit { display: block; text-align: center; line-height: 1.5; font-size: 1.4rem; font-weight: bold; }
.joinCont .joinBox .txt_con { display: block; text-align: center; margin-top: 0.5rem; color: #333333; font-size: 0.9rem; }
.joinCont .joinBox .cert_type { display: flex; flex-wrap: wrap; gap: 0.8rem; margin: 2.5rem 0; }
.joinCont .joinBox .cert_type li { width: calc((100% - 2.4rem) / 4); }
.joinCont .joinBox .cert_type li a { display: flex; align-items: center; justify-content: center; padding: 0.5rem 2.75rem; min-height: 3.5rem; border-radius: 0.75rem; position: relative; border: 1px solid #d3d3d9; background: #f8f9fb; color: #000; font-size: 0.9rem; font-weight: 500; transition: 0.2s ease-in-out; flex-wrap: wrap; line-height: 1.3; }
.joinCont .joinBox .cert_type li a > i { position: absolute; top: 50%; transform: translateY(-50%); left: 1rem; font-size: 1.25rem; color: #d4d4d4; transition: 0.2s ease-in-out; }
.joinCont .joinBox .cert_type li a::before { position: absolute; content: ""; width: 100%; height: 100%; border: 2px solid #000; left: 50%; top: 50%; transform: translate(-50%, -50%); background: transparent; border-radius: 0.75rem; opacity: 0; visibility:hidden; transition: 0.2s ease-in-out; }
.joinCont .joinBox .cert_type li a.on { background: #fff; border-color: transparent; }
.joinCont .joinBox .cert_type li a.on > i { color: #000; }
.joinCont .joinBox .cert_type li a.on::before { opacity: 1; visibility: visible; }
.joinCont .btn_join2 { margin: 1rem 0 0; }
.joinCont .tbl_st { margin-top: 5rem; }
.joinCont .tbl_st input { min-width: 14rem; }
.tbl_st p.detailTxt { font-size: 0.75rem; font-weight: 400; text-align: start; word-break: keep-all; }
.tbl_st .selTxtBox,
.tbl_st .idBox,
.tbl_st .passBox { display: flex; gap: 0.6rem; flex-wrap: wrap; align-items: center; }
.joinCont .tbl_st .idBox input,
.joinCont .tbl_st .passBox input { border-color: #304793; }
.joinCont .tbl_st .mailWrap { display: flex; flex-wrap: wrap; gap: 0.25rem 0.55rem; }
.joinCont .tbl_st .mailBox,
.joinCont .tbl_st .phoneBox { display: flex; flex-wrap: wrap; gap: 0.25rem; align-items: center; }
.joinCont .addChld { margin-top: 0.5rem; display: flex; gap: 0.75rem; flex-direction: column; }
.joinCont .addChld > span { display: flex; align-content: center; align-items: center; justify-content: space-between; gap: 0.5rem; }
.joinCont .addChld > span > div { display: flex; align-items: center; gap: 0.25rem; flex: 1; }
.joinCont .addChld > span input { flex: 1; min-width: auto; width: 100%; }
.joinCont .addChld > span > a { margin: 0 !important; }
.joinCont.step04 .joinBox { background: #F8F9FB; text-align: center; }
.joinCont.step04 .joinBox .chkIco { display: inline-flex; align-items: center; justify-content: center; width: 2rem; height: 2rem; background: #5d31ff; border-radius: 0.5rem; color: #fff; font-size: 1.4rem; margin-bottom: 1rem; }
.joinCont.step04 .btns button { min-width: 12.5rem; }
.joinCont .bttBox { display: flex; flex-wrap: wrap; gap: 0.5rem 0.25rem; }
.joinCont .bttBox a { height: 2rem !important; }
.joinCont .bttBox .bu_wnrn { width: 100%; margin: 0 !important; text-align: start; }
.joinCont .bttBox .bu_wnrn::before { top: 0.25rem; }

/* 留뚯”�룄 議곗궗 */
.stsFon { width: 100%; position: relative; border: 1px solid #D3D3D9; border-radius: 0.75rem; padding: 1.25rem; background: #fff; margin-top: 4.5rem; }
.stsFon .top { display: flex; flex-wrap: wrap; justify-content: space-between; }
.stsFon .top p { flex: 1; display: flex; align-items: center; gap: 0.5rem; font-size: 0.9rem; font-weight: 500; }
.stsFon .top p i { font-weight: 400; font-size: 1rem; }
.stsFon .top .rdoBox { display: flex; justify-content: end; align-items: center; }
.stsFon .top .rdoBox label { font-size: 0.75rem; color: #000000; }
.stsFon .top .rdoBox input[type="radio"] { border: 2px solid #555; }
.stsFon .top .rdoBox input[type="radio"]::before { background: #2A2A2A; }
.stsFon .bot { margin-top: 1.25rem; display: flex; flex-wrap: wrap; gap: 0.5rem; }
.stsFon .bot input.dgstfnInput { background: #F3F3F3; border: none; flex: 1; height: 2.5rem; }
.stsFon .bot input.dgstfnInput::placeholder { color: #9D9D9D; }
.stsFon .bot input.dgstfnSubmit,
.stsFon .bot button { display: inline-flex; align-items: center; justify-content: center; color: #fff;  background: #304793; border-radius: 0.5rem; font-weight: 500; width: 5rem; height: 2.5rem; min-width: auto !important; }

/* 怨듭궗吏��썝 */
/* .cntnSprt .bbs_ListA tbody td.title a { display: block; color: #304793; font-weight: 500; }
.cntnSprt .bbs_ListA table { border: none; } */
.cntnSprt .bbs_ListA tbody td > span { display: inline-flex; width: 100%; align-items: center; justify-content: center; border-radius: 5rem; height: 1.8rem; padding: 0 0.5rem; border: 1px solid transparent; background: #fff; font-size: 0.7rem; font-weight: 600; font-family: "NotoSansKR"; max-width: 4.5rem; }
.cntnSprt .bbs_ListA tbody td .btns a { padding: 0 0.5rem !important; }
.cntnSprt .bbs_ListA tbody td > span.ing { border-color: #3A3A3A; color: #3A3A3A; }
.cntnSprt .bbs_ListA tbody td > span.done { border-color: #304793; color: #304793; }
.cntnSprt .bbs_ListA tbody td > span.noWork { border-color: #E63B35; color: #E63B35; }
/* 怨듭궗吏��썝 : active */
.cntnSprt .bbs_ListA tbody td.title a:hover,
.cntnSprt .bbs_ListA tbody td.title a:focus { text-decoration: underline; }

/* �븰援먰룺�젰 �떊怨� */
.rprtschV .rsp_img { padding: 0 !important; border: none !important; }
.rprtschV input[type="radio"] { width: 1rem !important; height: 1rem !important; border: 2px solid #bdbdbd; top: 0; }
.rprtschV .rdoBox ul { justify-content: center; }
.rprtschV .rdoBox label { padding-left: 1.6rem; }
.rprtschV .rdoBox input[type="radio"]::before { background: #000; width: 0.6rem; height: 0.6rem; }
.rprtschV .rdoBox input[type="radio"]:checked { border-color: #000; }
.rprtschV .botTxt { text-align: center; margin: 2.5rem 0 1.25rem; font-size: 1.2rem; font-weight: 600; word-break: keep-all; }
.rprtschV .btns { margin-top: 2.25rem; }
.rprtschV .btns a { min-width: 8.5rem; }
.rprtschV.step02 .rdoBox ul { justify-content: start; }
.rprtschV.step02 input[type="radio"] { width: 0.8rem !important; height: 0.8rem !important; border: 2px solid #bdbdbd; top: 0.12rem; }
.rprtschV.step02 .rdoBox label { padding-left: 1.05rem; font-size: 0.8rem; color: #000; }
.rprtschV.step02 .rdoBox label:has(input:checked) { font-weight: 500; }
.rprtschV.step02 .rdoBox input[type="radio"]::before { width: 0.4rem; height: 0.4rem; }
.rprtschV.step02 table input[type="text"] { min-width: 14rem; color: #000; }
.rprtschV.step02 .phoneWrap { display: flex; flex-wrap: wrap; gap: 0.5rem; align-items: center; }
.rprtschV.step02 .phoneWrap p { margin: 0 !important; font-size: 0.7rem; line-height: 0.8rem; padding-left: 0.95rem; text-align: start; }
.rprtschV.step02 .phoneWrap p::before { width: 0.8rem; height: 0.8rem; font-size: 0.8rem; top: 0; }
.rprtschV.step02 .phoneBox { display: flex; flex-wrap: wrap; align-items: center; gap: 0.15rem; }
.rprtschV.step02 .phoneBox input { min-width: 9rem !important; width: 9rem; }
.rprtschV.step02 .tit1 { margin-top: 5rem !important; }
.rprtschV.step02 .tit1 ~ .tit1 { margin-top: 2rem !important; }
.tbl_st .selBox { display: flex; flex-wrap: wrap; gap: 0.25rem; }
.rprtschV.step03 .bbs_ListA td span.state { display: inline-flex; align-items: center; justify-content: center; width: 100%; height: 1.8rem; border-radius: 5rem; border: 1px solid transparent; font-size: 0.7rem; font-weight: 600; font-family: 'NotoSansKR'; }
.rprtschV.step03 .bbs_ListA td span.state.check { border-color: #3a3a3a;  color: #3a3a3a; }
.rprtschV.step03 .bbs_ListA td span.state.done { border-color: #304793;  color: #304793; }
.rprtschV.step03 .bbs_ListA td span.state.cancel { border-color: #E63B35;  color: #E63B35; }
.rprtschV.step03 .box_st1 { text-align: center; padding: 2.5rem 1rem; border-radius: 1rem; margin-top: 5rem; }
.rprtschV.step03 .box_st1 .img { display: inline-flex; align-items: center; justify-content: center; font-size: 0; line-height: 0; margin-bottom: 1.5rem; }
.rprtschV.step03 .box_st1 p { color: #333; font-size: 0.9rem; line-height: 1.5rem; }
.rprtschV.step03 .box_st1 p span { font-weight: 500; color: #FF1D1D; }

/* 媛뺤궗�븞�궡 */
.lctrGid .topTxt { display: inline-flex; padding: 0.45rem 0.75rem; font-weight: 500; gap: 0.3rem; line-height: 1.1rem; border-radius: 5rem; border: 1px solid #CDCDCD; font-size: 0.8rem; }
.lctrGid .topTxt i { color: #5D31FF; font-size: 1.1rem; }
.lctrGid .box_st3 { margin-top: 0.95rem; padding: 1.25rem 1.75rem; min-height: auto; }
.lctrGid .box_st3 .selWrap { display: flex; align-items: center; flex-wrap: wrap; gap: 1rem 1.8rem; }
.lctrGid .box_st3 .selWrap .selBox { width: calc((100% - 1.8rem) / 2); display: flex; align-items: center; gap: 0.35rem 0.75rem; flex-wrap: wrap; }
.lctrGid .box_st3 .selWrap .selBox span { color: #333; font-weight: 600; }
.lctrGid .box_st3 .selWrap .selBox select { flex: 1; min-width: auto !important; }
.lctrGid .box_st3 .lctrDetail { margin-top: 1.25rem; border-radius: 0.75rem; border: 1px solid #d9d9d9; background: #fff; padding: 1rem 1.5rem 1.6rem; }
.lctrGid .box_st3 .lctrDetail .titWrap { display: flex; flex-wrap: wrap; align-items: center; gap: 1rem 2rem; margin-bottom: 1.5rem !important; }
.lctrGid .box_st3 .lctrDetail .titWrap > span { font-size: 1.1rem; font-weight: bold; }
.lctrGid .box_st3 .lctrDetail .titWrap > ul { display: flex; border-radius: 3rem; border: 1px solid #d4d4db; overflow: hidden; background: #fff; height: 2rem; }
.lctrGid .box_st3 .lctrDetail .titWrap > ul > li { padding: 0 1rem;  height: 100%; display: inline-flex; align-items: center; position: relative; }
.lctrGid .box_st3 .lctrDetail .titWrap > ul > li + li::before { position: absolute; content: ""; width: 1px; height: 0.9rem; background: #BEBEBE; left: -0.5px; top: 50%; transform: translateY(-50%); }
.lctrGid .box_st3 .lctrDetail ul.txt li { position: relative; padding-left: 1.1rem; font-size: 0.8rem; line-height: 0.95rem; }
.lctrGid .box_st3 .lctrDetail ul.txt li + li { margin-top: 0.5rem; }
.lctrGid .box_st3 .lctrDetail ul.txt li::before { position: absolute; content: "\eb7b"; left: 0; top: 0; color: #5D31FF; font-family: 'remixicon'; font-size: 0.9rem; }
.lctrGid.lst .box_st3 { padding: 1.75rem; }
.lctrGid.lst .box_st3 h3 { font-size: 1.1rem; font-weight: bold; margin-bottom: 0.5rem; }
.lctrGid.lst .box_st3 p span { font-weight: bold; }
.lctrGid.lst .box_st3 .btns { margin: 1.5rem 0 0 0 !important; padding-top: 1.5rem; border-top: 1px dashed #B0B3B8; }
.lctrGid.lst .box_st3 .btns a { min-width: 8.5rem; }
.lctrGid.lst table td span.state { display: inline-flex; align-items: center; justify-content: center; border-radius: 5rem; background: #fff; padding: 0 0.5rem; width: 4.5rem; height: 1.8rem; font-size: 0.7rem; font-weight: 600; font-family: 'NotoSansKR'; }
.lctrGid.lst table td span.state.return { border: 1px solid #E63B35; color: #E63B35; }
.lctrGid.lst table td span.state.okay { border: 1px solid #D3D3D9; color: #000000; }
.lctrGid.lst table td span.state.wait { border: 1px solid #5D31FF; color: #5D31FF; }

/* �삩�씪�씤梨꾩슜吏��썝 */
.onApply .tit1 + .tit2 { margin-top: 0.5rem !important; }
.onApply .onlineWrap { border: 1px solid #CDCDCD; border-radius: 0.75rem; padding: 1.5rem 1.75rem; }
.onApply .onBoxWrap { padding-bottom: 2.5rem; margin-bottom: 1.5rem; border-bottom: 1px dashed #CCCCCC; }
.onApply .onBoxWrap .onlineBox { margin-top: 0.7rem !important; }
.onApply .onBoxWrap .topBtn { margin: 0 !important; }
.onApply .onBoxWrap .topBtn a { min-width: 4rem; }
.onApply .onlineBox { display: flex; flex-wrap: wrap; width: 100%; gap: 0.5rem 2.05rem; }
.onApply .onlineBox ~ .onlineBox { margin-top: 0.9rem; }
.onApply .onlineBox span { position: relative; width: 100%; display: block; color: #333333; font-weight: 600; }
.onApply .onlineBox span.strng { padding-left: 0.5rem; }
.onApply .onlineBox span.strng::before { position: absolute; content: "*"; left: 0; top: -0.2rem; font-size: 0.9rem; color: #304793; font-weight: 600; }
.onApply .onlineBox input:not(input[type="radio"]),
.onApply .onlineBox select { width: 100%; min-width: auto !important; }
.onApply .onlineBox .rdoBox ul { gap: 0.5rem 1.75rem; }
.onApply .onlineBox input[type="radio"] { border-color: #bdbdbd; }
.onApply .onlineBox input[type='radio']:checked { border-color: #000; }
.onApply .onlineBox input[type="radio"]::before { width: 0.45rem; height: 0.45rem; background: #000; }
.onApply .onlineBox .halfBox { width: calc((100% - 2.05rem) / 2); display: flex; flex-wrap: wrap; gap: 0.5rem; }
.onApply .onlineBox textarea { width: 100%; border: 1px solid #D9D9D9; min-height: 5.8rem; border-radius: 0.4rem; padding: 0.75rem; color: #000; }
.onApply .onlineBox textarea::placeholder { color: #ADABAB; }
.onApply .onlineWrap .fileTxt { display: inline-flex; padding: 0.45rem 0.75rem; font-weight: 500; gap: 0.3rem; line-height: 1.1rem; border-radius: 5rem; border: 1px solid #CDCDCD; font-size: 0.8rem; }
.onApply .onlineWrap .fileTxt i { color: #5D31FF; font-size: 1.1rem; }
.onApply .onlineBox .emailWrap { display: flex; flex-wrap: wrap; align-items: center; width: 100%; gap: 0.4rem; }
.onApply .onlineBox .emailWrap > select { width: auto; flex: 1; }
.onApply .onlineBox .emailWrap .emailBox { display: flex; align-items: center; flex-wrap: wrap; gap: 0.4rem; width: 65%; }
.onApply .onlineBox .adrsBox { display: flex; flex-wrap: wrap; width: 100%; gap: 0.4rem; }
.onApply .onlineBox .adrsBox > .btns { margin: 0 !important; }
.onApply .onlineBox .adrsBox input,
.onApply .onlineBox .emailWrap .emailBox input {flex: 1; }
.onApply .addLst { margin: 0; }
.onApply .addLst a { justify-content: space-between; padding: 0 1.5rem 0 0.95rem !important; min-width: 6rem; }
.onApply .onBoxWrap + .addLst { margin: 2rem 0 0 0; }
.onApply .inBtn { margin: 1.15rem 0 0 0; }
.onApply.insert .btns a { min-width: 6rem; }
.onApply.insert .tbl_st td select,
.onApply.insert .tbl_st td input { min-width: 12.5rem; }
.onApply.insert .tbl_st textarea { width: 100%; }
.onApply.insert .tbl_st .inputBox,
.onApply.insert .tbl_st .dateBox { display: flex; flex-wrap: wrap; align-items: center;  }
.onApply.insert .tbl_st .inputBox { gap: 0.4rem; }
.onApply.insert .tbl_st .dateBox { gap: 0.2rem; }
.popUpLyt#calApplyPop .popInBox ~ .popInBox { margin-top: 0.85rem; }
.popUpLyt#detailAply .popWrap { width: 80rem; }
.popUpLyt#detailAply .popWrap .srchBox .inptWrap .inptBox { width: 20rem; }
.popUpLyt#detailAply .popWrap table { border-top: none; }
.popUpLyt#detailAply .popWrap td > a.btn_purp { width: 100%; min-width: auto;}
.popUpLyt#detailAply .popWrap .srchBox .inptWrap .inptBox::before { display: none; }
.onApply .bbs_srch .selBox select { min-width: 13rem; }
.onApply .tab_st2 { margin: 2rem 0 3.2rem; }
.onApply .tab_st2 ul::before { position: absolute; content: ""; width: 100%; height: 1px; left: 0; bottom: 0; background: #A6A6A6; }
.onApply .bbs_ListA td span.state { display: inline-flex; align-items: center; justify-content: center; width: 100%; border-radius: 5rem; height: 1.8rem; border: 1px solid #3a3a3a; color: #3a3a3a; font-family: 'NotoSansKR'; font-size: 0.7rem; font-weight: 600; }
.onApply .srchBtn { margin: -1rem 0 2.45rem 0 !important; }

.onApply .bbs_ListA td span.state.return { color: #E63B35 !important; border-color: #E63B35 !important; }
.onApply .bbs_ListA td span.state.okay { color: #5D31FF !important; border-color: #5D31FF !important; }
.onApply .bbs_ListA td span.state.wait { color: #5D31FF !important; border-color: #5D31FF !important; }

/* 媛뺤궗�봽濡쒓렇�옩 愿�由� */
.lcPrgm .box {  border: 1px solid #CDCDCD; padding: 1.75rem; background: #fff; border-radius: 0.75rem; }

.lcPrgm .box > .btns button {height: 1.8rem !important; }
.lcPrgm .box > .btns button.btnIco i { top: 0.385rem; }

.lcPrgm .box ~ .box { margin-top: 2rem; }
.lcPrgm .box .chkBox.ac ul { justify-content: center; }
.lcPrgm .box .chkBox ul { gap: 1rem 3rem; }
.lcPrgm .box .chkBox label { align-items: center; gap: 0.6rem; font-size: 0.9rem; }
.lcPrgm .box .chkBox .custom_checkbox { width: 1.4rem; height: 1.4rem; border-color: #D3D3D9; }
.lcPrgm .box .chkBox .custom_checkbox::before { position: absolute; content: "\eb7a"; color: #EAEAEA; left: 50%; top: 50%; transform: translate(-50%, -50%); line-height: 1; font-family: 'remixicon'; font-size: 1rem; }
.lcPrgm .box .chkBox input[type="checkbox"]:checked + .custom_checkbox { border-color: #000; background: #000; }
.lcPrgm .box .orderChgn { display: flex; flex-direction: column; gap: 1rem; }
.lcPrgm .box .orderChgn button { padding: 0; display: inline-flex; align-items: center; justify-content: center; font-size: 0; line-height: 0; }
.lcPrgm .box .orderChgn button img { max-width: 0.7rem; }
.lcPrgm .box .btns { margin: 1.25rem 0 0 0; padding-top: 1.25rem; border-top: 1px dashed #CCCCCC; }
.lcPrgm .box .btns + #raonkuploader_holder_upload1 { margin-top: 1.25rem; }
.lcPrgm .box .titWrap { display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 1rem; align-items: center; }
.lcPrgm .box .titWrap h4 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; flex: 1; padding-right: 1rem; }
.lcPrgm .box .titWrap .btns { border: none !important; margin: 0 !important; padding: 0 !important; }
.lcPrgm .box .resultBox { display: flex; align-items: center; justify-content: end; gap: 0.45rem; font-weight: 500; }
.lcPrgm .box .resultBox i { color: #FF2626; }
.lcPrgm .box .rdoBox.inBot,
.lcPrgm .box .resultBox { margin: 0.75rem 0 1rem; }
.lcPrgm .box .resultBox:last-child,
.lcPrgm .box .rdoBox.inBot:last-child { margin-bottom: 0; }
.lcPrgm .box .rdoBox.inBot ul { justify-content: end; gap: 1rem 1.5rem; }
.lcPrgm .box .rdoBox.inBot ul input[type="radio"] { width: 1rem; height: 1rem !important; }
.lcPrgm .box .rdoBox.inBot ul input[type="radio"]::before { width: 0.6rem; height: 0.6rem; }
.lcPrgm .box .rdoBox.inBot ul label { font-size: 0.9rem; line-height: 1.2rem; padding-left: 1.6rem; }
.lcPrgm .box .tbl_st input,
.lcPrgm .box .tbl_st select { min-width: auto !important; }
.lcPrgm .box .box_st3 { min-height: auto; padding: 2rem 1.5rem; }
.lcPrgm .box .txtBox + .tit3 { margin-top: 1rem !important; }
.lcPrgm > .btns { margin-top: 3rem; }
.lcPrgm .tbl_st td span.state { display: inline-flex; align-items: center; justify-content: center; border-radius: 5rem; height: 1.8rem; min-width: 4.1rem; border: 1px solid transparent; font-family: 'NotoSansKR'; font-size: 0.7rem; font-weight: 600; line-height: 1.5; }
.lcPrgm .tbl_st td span.state.done { border-color: #5D31FF; color:#5D31FF; }
.lcPrgm .tbl_st td span.state.return { border-color: #E63B35; color:#E63B35; }
.lcPrgm .tbl_st td span.state.okay { border-color: #2C65C0; color:#2C65C0; }
.lcPrgm .inputWrap { display: flex; flex-direction: column; gap: 1.05rem; }
.lcPrgm .inputBox { display: flex; flex-wrap: wrap; width: 100%; gap: 0.75rem 2.05rem; width: 100%; }
.lcPrgm .inputBox span { position: relative; width: 100%; display: block; color: #333333; font-weight: 600; }
.lcPrgm .inputBox input { width: 100%; min-width: auto !important; }
.lcPrgm .inputBox .halfBox { width: calc((100% - 2.05rem) / 2); display: flex; flex-wrap: wrap; gap: 0.5rem; }
.lcPrgm .inputBox.inDate { gap: 0.75rem; }
.lcPrgm .inputBox.inDate .dateWrap { display: flex; align-items: center; gap: 0.25rem; }
.lcPrgm .inputBox.inDate .dateWrap input { min-width: 8.75rem; }
.lcPrgm .inputBox.inDate .btWrap { display: flex; flex-wrap: wrap; align-items: center; gap: 0.25rem; }
.lcPrgm .inputBox.inDate .btWrap button { display: inline-flex; align-items: center; justify-content: center; width: 3rem; height: 1.75rem; border: 1px solid #C0C0C0; border-radius: 0.5rem; background: #f8f9fb; font-weight: 500; font-size: 0.8rem; padding: 0; }
.lcPrgm .inputBox.oneline { gap: 0.75rem 1rem; }
.lcPrgm .inputBox.oneline select { min-width: 10.5rem; width: 10.5rem; }
.lcPrgm .inputBox.oneline input { flex: 1; border-color: #304793; }
.lcPrgm .pageInBttn { margin: 3rem 0 0 0; }
.lcPrgm .pageInBttn .btns a { justify-content: center !important; padding: 0 0.95rem !important; }
.lcPrgm .mailBox { display: flex; gap: 0.25rem; flex-wrap: wrap; }
.lcPrgm .mailBox input { flex: 1; }
.lcPrgm .mailBox a { height: 2rem !important; }

#prevProp .bbs_srch { gap: 1.5rem 2.25rem; margin-bottom: 1.5rem; }
#prevProp .bbs_srch .selBox,
#prevProp .bbs_srch .srchLyt { flex: 1; display: flex; flex-wrap: wrap; align-items: center; }
#prevProp .popWrap { width: 80rem; }
#prevProp .bbs_srch .srchLyt input { width: auto; flex: 1; min-width: auto; }
#prevProp .bbs_srch .selBox > span,
#prevProp .bbs_srch .srchLyt > span { width: 4.3rem; color: #333; font-size: 0.8rem; font-weight: 600; }
#prevProp .bbs_srch .selBox select { min-width: auto; flex: 1; }
#prevProp .rdoBox ul { justify-content: center; }
#prevProp .rdoBox label { width: 0.8rem; height: 0.8rem; padding: 0; }
#prevProp .bbs_ListA table { border-top: none; }
#prevProp .btns { margin: 3rem 0 0 0; }
#scorePop .popWrap { width: 80rem; }
#scorePop .popWrap .bbs_ListA tr td { border-right: 1px solid #D3D3D9; }
#scorePop .popWrap .bbs_ListA tr td:last-child { color: #5D31FF; font-weight: 600; border-right: none; }
#scorePop .popWrap .detailBox { border: 1px solid #D9D9D9; border-radius: 0.75rem; background-color: #fff; padding: 1rem 1.5rem; }
#scorePop .popWrap .detailBox ul { display: flex; flex-wrap: wrap; gap: 0.5rem 1rem; }
#scorePop .popWrap .detailBox ul li { position: relative; flex: 1; padding-left: 0.8rem; color: #111111; font-size: 0.9rem; }
#scorePop .popWrap .detailBox ul li::before { position: absolute; content: ""; border-radius: 50%; width: 0.4rem; height: 0.4rem; left: 0; top: 0.45rem; background: #5D31FF; }
#scorePop .popWrap .detailBox ul li span { font-weight: 600; }
#scorePop .popWrap .scoreBox { border: 1px solid #98AAE4; border-radius: 0.75rem; background: #EFF3FF; padding: 1.25rem; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0.5rem; margin: 1.5rem 0 2.5rem 0; }
#scorePop .popWrap .scoreBox > p { font-size: 1.1rem; font-weight: bold; text-align: center; }
#scorePop .popWrap .scoreBox .score { display: flex; align-items: center; font-size: 1.75rem; font-weight: bold; gap: 0.35rem; }
#scorePop .popWrap .scoreBox .score > span { color: #5D31FF; }
#scorePop .popWrap .opinionBox { border: 1px solid #D9D9D9; width: 100%; background: #fff; padding: 0.75rem; color: #adabab; font-size: 0.8rem; font-weight: 500; height: 5.8rem; border-radius: 0.4rem; }

.lcPrgm .box .addBox ~ .addBox { margin-top: 2rem; }
.lcPrgm .box .addBox .titWrap .btns { margin: 0 !important; }
.lcPrgm .box .addBox .titWrap .btns a { min-width: 4rem; height: 2.25rem; }
.lcPrgm .box .addBox .tbl_st { margin: 0 !important; }
.lcPrgm .box .addBox .txtBox { width: 100%; border-radius: 0.4rem; border: 1px solid #D9D9D9; min-height: 7.5rem; padding: 0.75rem; }
.lcPrgm .box .addBox .txtBox p { font-size: 0.75rem; color: #adabab; }
.lcPrgm .box .addBox .applyLst { display: flex; flex-wrap: wrap; gap: 0.35rem 0.8rem; align-items: center; }
.lcPrgm .box .addBox .applyLst p { font-size: 0.8rem; }
.lcPrgm .box .addBox .applyLst p span { font-weight: 600; }
.lcPrgm .box .addBox .applyLst a { margin: 0 !important; }

.lcPrgm .box .addBox .chkBox.typeB ul li { width: calc((100% - 20rem) / 6); }

.lcPrgm.hope .box .chkBox ul { gap: 1rem 4rem; }
.lcPrgm.hope .box .chkBox .custom_checkbox { width: 1.1rem; height: 1.1rem !important; }
.lcPrgm.hope .box .chkBox input[type="checkbox"]:checked + .custom_checkbox { background: #D3D3D9; border-color: #D3D3D9; }
.lcPrgm.hope .box .chkBox label { font-size: 0.8rem; gap: 0.75rem; }
.lcPrgm.hope .box .chkBox .custom_checkbox::before { font-size: 0.9rem; }

#applyPop .popWrap { width: 80rem; }
#applyPop .popWrap .detailBox { border: 1px solid #D9D9D9; border-radius: 0.75rem; background-color: #fff; padding: 1rem 1.5rem; }
#applyPop .popWrap .detailBox ul { display: flex; flex-wrap: wrap; gap: 0.5rem 1rem; }
#applyPop .popWrap .detailBox ul li { position: relative; flex: 1; padding-left: 0.8rem; color: #111111; font-size: 0.9rem; }
#applyPop .popWrap .detailBox ul li::before { position: absolute; content: ""; border-radius: 50%; width: 0.4rem; height: 0.4rem; left: 0; top: 0.45rem; background: #5D31FF; }
#applyPop .popWrap .detailBox ul li span { font-weight: 600; }
#applyPop .popWrap .rdoBox ul,
#applyPop .popWrap .rdoBox ul li { width: 100%; }
#applyPop .popWrap .rdoBox ul label { width: 100%; padding: 1.75rem 1.75rem 1.75rem 3.5rem; border: 1px solid #009DFF; border-radius: 0.75rem; background: #e8f4ff; flex-wrap: wrap; gap: 1.5rem 1rem; }
#applyPop .popWrap .rdoBox ul li input { left: 1.75rem; top: 2.15rem; width: 1rem; height: 1rem !important; }
#applyPop .popWrap .rdoBox ul li input[type="radio"]::before { width: 0.6rem; height: 0.6rem; }
#applyPop .popWrap .rdoBox label ul { display: flex; flex-wrap: wrap; gap: 1rem 3.5rem; width: 100%; }
#applyPop .popWrap .rdoBox label ul li { position: relative; padding-left: 0.8rem; color: #111111; font-size: 0.9rem; width: auto; }
#applyPop .popWrap .rdoBox label ul li::before { position: absolute; content: ""; border-radius: 50%; width: 0.4rem; height: 0.4rem; left: 0; top: 0.3rem; background: #5D31FF; }
#applyPop .popWrap .rdoBox label ul li span { font-weight: 600; }
#applyPop .popWrap .rdoBox label .tit { display: flex; flex-wrap: wrap; gap: 0.5rem 1rem; align-items: center; }
#applyPop .popWrap .rdoBox label .tit span { font-size: 1.1rem; font-weight: 600; }
#applyPop .popWrap .rdoBox label .tit em { display: inline-flex; align-items: center; justify-content: center; border-radius: 5rem; color: #fff; padding:0 0.75rem; height: 1.75rem; background: #5D31FF; font-weight: 500; }

/* �삁�빟�떊泥� 議고쉶 */
.lctrGid.typeB .box_st3.bot { margin-top: 3rem; }
.lctrGid.typeB .box_st3 .list_st1 li ~ li { margin-top: 0.3rem; }
.lctrGid.typeB .topTxt { margin-top: 1rem; background: #fff; flex-wrap: wrap; }
.lctrGid.typeB .topTxt span { word-break: break-all; }
.lctrGid.typeB .clndrMain td.schdl { position: relative; background: #E8F4FF !important; }
.lctrGid.typeB .clndrMain td.schdl::before { position: absolute; content: ""; width: calc(100% + 2px); height: calc(100% + 2px); left: 50%; top: 50%; transform: translate(-50%,-50%); border: 1px solid #009DFF; background: transparent; opacity: 0; visibility: hidden; transition: 0.2s; }
.lctrGid.typeB .clndrMain td.schdl:hover::before,
.lctrGid.typeB .clndrMain td.schdl:focus::before { opacity: 1; visibility: visible; }
.lctrGid.typeB .clndrMain td p.state { justify-content: space-between; }
.lctrGid.typeB .clndrMain td p.state ~ p.state { margin-top: 0.25rem; }
.lctrGid.typeB .clndrMain td p.state.aval { background: #009DFF; }
.lctrGid.typeB .clndrMain td p.state.wait { background: #4B4B4B; }
.lctrGid.typeB .clndrMain td p.state.okay { background: #304793; }
.popUpLyt.typeB#calApplyPop .timeBox { display: flex; align-items: center; flex-wrap: wrap; gap: 0.25rem; width: 100%; }
.popUpLyt.typeB#calApplyPop .timeBox input { flex: 1; }
.popUpLyt.typeB#calApplyPop .infoBox { border: 1px solid #98AAE4; border-radius: 0.75rem; background: #EFF3FF; padding: 1rem 1rem 1.25rem; display: flex; flex-direction: column; align-items: start; justify-content: start; gap: 0.5rem; margin: 0 0 1rem 0; }
.popUpLyt.typeB#calApplyPop .infoBox strong { font-weight: 600; display: flex; align-items: center; gap: 0.35rem; font-size: 1rem; }
.popUpLyt.typeB#calApplyPop .infoBox strong i { font-weight: 400 !important; }
.popUpLyt.typeB#calApplyPop .infoBox p { font-size: 0.95rem; }
.popUpLyt.typeB#calApplyPop .infoBox span { font-weight: bold; }
.popUpLyt.typeB#calApplyPop .infoBox span em { color: #5D31FF; }
.popUpLyt#myInfo .popWrap { width: 80rem; }
.popUpLyt#myInfo .bbs_ListA.reactTb td.stateBox span.state.apply { color: #304793; border-color: #304793; }
.popUpLyt#myInfo .bbs_ListA.reactTb td.stateBox span.state.interview { color: #ff4400; border-color: #ff4400; }
#canclePop .popBox .tit2 { font-weight: 500; }
#canclePop .popBox p.bu_wnrn { padding: 0.4rem 0.75rem 0.4rem 2.15rem; border: 1px solid #CDCDCD; border-radius: 5rem; font-weight: 500 !important; font-size: 0.8rem !important; margin-top: 1.25rem; }
#canclePop .popBox p.bu_wnrn.f_weightB:before { top: 0.43rem; left: 0.75rem; color: #5D31FF; font-size: 1.1rem; }
#canclePop .popBox .btns { margin-top: 2.25rem; padding-top: 2rem; border-top: 1px dashed #B9B9B9; }
#returnPop .popBox > span { font-size: 0.8rem; font-weight: 600; color: #333; display: block; }
#returnPop .popBox .txt_Box { width: 100%; padding: 0.75rem; border-radius: 0.4rem; border: 1px solid #D9D9D9; height: 5.8rem; margin-top: 0.5rem; }
#returnPop .popBox .txt_Box p { font-size: 0.8rem; font-weight: 400; }

/* �븞�쟾�슂�썝�씤�젰�� */
.sftyUser .month-navigation { margin-top: 2rem; }
.sftyUser .inner p em { position: relative; padding-left: 0.6rem; }
.sftyUser .inner p em::before { position: absolute; content: '*'; display: inline-flex; align-items: center; justify-content: center; line-height: 1; color: #304793; font-size: 0.9rem; font-weight: 600; left: 0; top: 0.23rem; }
.sftyUser .box_st1 > ul { display: flex; gap: 2.9rem; margin-top: 2.5rem; }
.sftyUser .box_st1 > ul li { position: relative; width: 11rem; }
.sftyUser .box_st1 > ul li::before { position: absolute; content: "\ea68"; top: 50%; transform: translateY(-50%); font-family: 'remixicon'; color: #737BBD; font-size: 1rem; right: -1.9rem; }
.sftyUser .box_st1 > ul li:last-child:before { display: none; }
.sftyUser .box_st1 > ul li span { display: inline-flex; align-items: center; justify-content: center; border-radius: 0.75rem 0.75rem 0 0; background: #304793; color: #fff; font-weight: 600; width: 100%; padding: 0 0.5rem; height: 2.75rem; line-height: 1.2; text-align: center; font-size: 0.8rem; }
.sftyUser .box_st1 > ul li .txt { border: 1px solid #CFCFD2; border-radius: 0 0 0.75rem 0.75rem; height: 3rem; display: inline-flex; align-items: center; justify-content: center; width: 100%; background: #fff; }
.sftyUser .box_st1 > ul li .txt p { font-size: 0.8rem; font-weight: 500; }
.sftyUser .bbs_srch { margin-top: 3rem; justify-content: center; gap: 0.75rem; }
.sftyUser .bbs_srch select { min-width: 10rem; }
.sftyUser .bbs_srch .srchLyt { flex: none; width: 17.5rem; }
.sftyUser td.stateBox .state { width: auto !important; min-width: 4.5rem !important; border-color: #d3d3d9 !important; }
.sftyUser .phoneBox { display: flex; align-items: center; gap: 0.4rem; }
.sftyUser .phoneBox select { min-width: 4rem; }
.sftyUser .phoneBox input { min-width: auto; width: 100%; }

.sftyUser .emailWrap,
.sftyUser .adrsWrap { display: flex; align-items: center; flex-wrap: wrap; gap: 0.25rem; }
.sftyUser .adrsWrap button { padding: 0 0.75rem; min-width: auto !important; }

/* 援먯쑁湲곗옄�옱 �쁽�솴 */
.textBox > p { font-family: "Pretendard" !important; font-size: 0.8rem !important; font-weight: 400 !important; line-height: 1.5 !important; }
.userRnt table td span.rodStt { width: 100%; min-width: auto; max-width: 3.25rem; border-radius: 5rem; height: 1.8rem; font-size: 0.7rem; font-weight: 600; font-family: 'NotoSansKR'; border: 1px solid transparent; display: inline-flex; align-items: center; justify-content: center; }
.userRnt table td span.rodStt.type-extend { color: #5D31FF; border-color: #5D31FF; }
.userRnt table td span.rodStt.type-new { color: #304793; border-color: #304793; }
.userRnt table td span.rodStt.status-w { color: #304793; border-color: #304793; }
.userRnt table td span.rodStt.status-a { color: #5D31FF; border-color: #5D31FF; }
.userRnt table td span.rodStt.status-r { color: #E63B35; border-color: #E63B35; }
.userRnt table td span.rodStt.status-cw { color: #3A3A3A; border-color: #3A3A3A; }
.userRnt table td span.rodStt.status-c { color: #000000; border-color: #D3D3D9; }
.userRntSrch { gap: 0.75rem; padding: 1.75rem 4.5rem; }
.userRntSrch select { width: 10rem; }
.userRntSrch .btn_reset { display: inline-flex; align-items: center; justify-content: center; width: 6rem; min-width: auto;  }
.userRntSrch .btn_reset > i { display: none; }
.rntWrap { display: flex; flex-wrap: wrap; }
.rntWrap .rntCal { width: 30.1rem; }
.rntWrap .titWrap { display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 1.05rem; line-height: 2rem; }
.rntWrap .titWrap h4 { flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-right: 0.5rem; line-height: 2rem; }
.rntWrap .rntCal .titWrap > span { display: inline-flex; align-items: center; justify-content: center; border: 1px solid #DFDFE5; color: #000000; font-size: 1rem; font-weight: 600; height: 2rem; width: 6rem; border-radius: 5rem; background: #F8F9FB; }
.rntWrap .rntCal .clndCrt { margin: 0; }
.rntWrap .rntCal .clndrMain table td { height: 3.75rem; text-align: center; }
.rntWrap .rntCal .clndrMain table td .date-number { font-size: 0.9rem; font-weight: 600; color: #000; }
.rntWrap .rntCal .clndrMain table td .available-count { font-size: 0.75rem; color: #666666; line-height: 1; margin-top: 0.25rem;  }
.rntWrap .rntCal .clndrMain table td .available-count > span { color: #5d31ff; font-weight: 600; }
.rntWrap .rntCal .clndrMain table td .available-count em { display: block; color: #304793; font-size: 0.65rem; font-weight: 500; margin-top: 0.15rem; }
.rntWrap .rntForm { width: calc(100% - 30.1rem); padding-left: 2.5rem; }
.rntWrap .rntForm .rntInpWrap { width: 100%; border: 1px solid #CDCDCD; border-radius: 0.75rem; padding: 1.75rem; }
.rntWrap .rntForm .rntInpWrap .btns { margin: 2rem 0 0 0; }
.rntWrap .rntForm .rntInpWrap .btns button { min-width: auto; flex: 1; }
.rntWrap .rntForm .rntInpWrap .rntInpBox { display: flex; flex-direction: column; gap: 0.5rem; }
.rntWrap .rntForm .rntInpWrap .rntInpBox > label { display: block; width: 100%; color: #333333; font-size: 0.8rem; margin: 0; padding: 0; font-weight: 600; }
.rntWrap .rntForm .rntInpWrap .rntInpBox > input,
.rntWrap .rntForm .rntInpWrap .rntInpBox > textarea { width: 100%; }
.rntWrap .rntForm .rntInpWrap .rntInpBox ~ .rntInpBox { margin-top: 1.1rem; }
.rntWrap .rntForm .rntInpWrap .rntInpBox .period-display { width: 100%; display: flex; align-items: center; justify-content: center; border: 1px solid #D9D9D9; border-radius: 0.4rem; color: #333333; font-size: 0.75rem; font-weight: 500; padding: 0.55rem; }
.rntWrap .rntForm .rntInpWrap .rntInpBox .bu_wnrn { font-size: 0.7rem; color: #000; font-weight: 400; display: inline-block; padding-left: 0.95rem; margin: 0; }
.rntWrap .rntForm .rntInpWrap .rntInpBox .bu_wnrn:before { font-size: 0.8rem; color: #000; top: 0.1rem; }
.rntWrap .rntForm .rntInpWrap .rntInpBox .numWrap { display: flex; flex-wrap: wrap; align-items: center; gap: 0.5rem 0.75rem; }
.rntWrap .rntForm .rntInpWrap .rntInpBox .numWrap .numBox { position: relative; width: 7.35rem; }
.rntWrap .rntForm .rntInpWrap .rntInpBox .numWrap .numBox > button { position: absolute; right: 0.4rem; top: 50%; padding: 0; display: inline-flex; align-items: center; justify-content: center; font-size: 0; line-height: 0; }
.rntWrap .rntForm .rntInpWrap .rntInpBox .numWrap .numBox > button img { max-width: 0.55rem; }
.rntWrap .rntForm .rntInpWrap .rntInpBox .numWrap .numBox > button.upBttn {  transform: translateY(calc(-50% - 0.375rem)); }
.rntWrap .rntForm .rntInpWrap .rntInpBox .numWrap .numBox > button.downBttn {  transform: translateY(calc(-50% + 0.375rem)); }
.rntWrap .rntForm .rntInpWrap .rntInpBox .numWrap .numBox input { width: 100%; min-width: auto; }
.rntWrap .rntForm .rntInpWrap .rntInpBox .phoneBox { display: flex; flex-wrap: wrap; gap: 0.25rem; align-items: center; }
.rntWrap .rntForm .rntInpWrap .rntInpBox .phoneBox input,
.rntWrap .rntForm .rntInpWrap .rntInpBox .phoneBox select { flex: 1; min-width: auto; }
.rntWrap .rntForm .rntInpWrap .rntInpBox textarea { height: 5.8rem; font-size: 0.75rem; }
.rntWrap .rntForm .rntInpWrap .rntInpBox textarea::placeholder { color: #adabab; }
.rntWrap .rntForm .rntInpWrap .rntInpBox .dateWrap { display: flex; flex-wrap: wrap; align-items: center; gap: 0.2rem; }
.rntWrap .rntForm .rntInpWrap .rntInpBox .dateWrap .dateIcoBox { flex: 1; position: relative; }
.rntWrap .rntForm .rntInpWrap .rntInpBox .dateWrap .dateIcoBox input { min-width: auto; width: 100%; background: #fff !important; }
.rntWrap .rntForm .rntInpWrap .rntInpBox .dateWrap .dateIcoBox > img { position: absolute; top: 50%; transform: translateY(-50%); right: 0.75rem; max-width: 0.7rem; }
.rntWrap .rntCal .botTxt { margin-top: 1rem; display: flex; gap: 0.5rem; flex-wrap: wrap; }
.rntWrap .rntCal .botTxt .bu_wnrn { border: 1px solid #CDCDCD; border-radius: 5rem; padding: 0.4rem 0.75rem 0.4rem 2.15rem; font-weight: 400; width: auto; display: inline-block; margin: 0 !important; word-break: keep-all; }
.rntWrap .rntCal .botTxt .bu_wnrn::before { top: 0.57rem; left: 0.75rem; color: #000000; }
.rntWrap .rntCal .botTxt .bu_wnrn span { font-weight: 600; }

/* 鍮꾨�踰덊샇 蹂�寃� */
.passChgWrap { border: 1px solid #D3D3D9; background: #F8F9FB; width: 38.4rem; margin: 0 auto; border-radius: 1.25rem; padding: 2.5rem; }
.passChgWrap .btns { margin: 2rem 0 0 0; padding-top: 2rem; border-top: 1px dashed #BBBCBF; }
.passChgWrap .btns button { min-width: auto; flex: 1; }
.passChgWrap .passChgBox { display: flex; flex-direction: column; gap: 1rem; }
.passChgWrap .passChgBox .inputBox { display: flex; flex-wrap: wrap; }
.passChgWrap .passChgBox .inputBox label { color: #000000; font-size: 0.9rem; font-weight: 600; width: 7.4rem; margin: 0; padding: 0; line-height: 2.75rem; }
.passChgWrap .passChgBox .inputBox input { flex: 1; height: 2.75rem; }
.passChgWrap .passChgBox .inputBox.newPass p.chkPassTxt { display: flex; align-items: center; gap: 0.25rem; margin-top: 0.5rem; font-size: 0.7rem; color: #000; font-weight: 400; width: 100%; padding-left: 7.4rem; }
.passChgWrap .passChgBox .inputBox.newPass p.chkPassTxt i { color: #304793; font-size: 0.8rem; }
.passChgWrap .passChgBox .inputBox.newPass p.chkPassTxt.none i { color: #F5403A; }

/* �냼�뀥濡쒓렇�씤 */
.socialBox { margin-top: 3rem; border: 1px solid #D3D3D9; border-radius: 1rem; text-align: center; padding: 2.5rem 2rem; }
.socialBox .ico { display: inline-flex; align-items: center; justify-content: center; font-size: 0; line-height: 0; }
.socialBox > h3 { margin: 1.5rem 0 0.75rem; font-size: 1.2rem; font-weight: bold; color: #000; line-height: 1.5rem; }
.socialBox > p { color: #333333; line-height: 1.5rem; font-weight: 400; }
.socialBox .btns { margin: 2.5rem 0 0 0; padding-top: 2.5rem; border-top: 1px dashed #CCCCCC; }
.socialBox .btns a { min-width: auto; width: 14rem; height: 2.5rem; }

/* �닔�뾽吏��썝 媛뺤궗愿�由� */
.mthdStep { display: flex; flex-wrap: wrap; gap: 2.5rem; margin-top: 0.9rem; }
.mthdStep li { position: relative; flex: 1; }
.mthdStep li::before { position: absolute; content: "\ea68"; top: 50%; transform: translateY(-50%); right: -1.65rem; font-size: 1rem; color: #a4a7aa; font-family: "remixicon"; }
.mthdStep li:last-child:before { display: none; }
.mthdStep li span { display: flex; align-items: center; justify-content: center; color: #fff; font-size: 0.9rem; font-weight: 600; border-radius: 0.75rem; background: #304793; padding: 0.7rem; line-height: 1.25; margin-bottom: 0.3rem; }
.mthdStep li .detail { border: 1px solid #CECED0; border-radius: 0.75rem; overflow: hidden; }
.mthdStep li .detail p { padding: 1.2rem 1rem; font-size: 0.8rem; font-weight: 500; display: flex; align-items: center; justify-content: center; }
.mthdStep li .detail em { display: flex; align-items: center; justify-content: center; background: #f8f9fb; font-size: 0.8rem; color: #000000; border-top: 1px solid #CECED0; padding: 0.6rem; line-height: 1.2; }

/* 怨듯넻 濡쒓렇�씤 諛뺤뒪 */
.login_wrap { border-radius: 1rem; border: 1px solid #d3d3d9; padding: 2.5rem 2rem; margin-top: 3rem; text-align: center; }
.login_wrap .btns { margin: 0 !important; }
.login_wrap h3 { font-size: 1.2rem; font-weight: bold; color: #000; margin-top: 1.25rem; }
.login_wrap .login_desc { color: #333; display: block; font-size: 0.9rem; margin: 0.75rem 0 2.5rem; }

/* �닔�븰�뿬�뻾吏��썝�떒 �냼媛� */
.customBox { position: relative; border-radius: 1.25rem; border: 1px solid transparent; background: linear-gradient(#fff, #fff) padding-box, linear-gradient(90deg, #5D31FF, #162F7F) border-box; padding: 2.5rem 35rem 2.5rem 2.5rem; min-height: 15.1rem; overflow: hidden; z-index: 1; }
.customBox::before { position: absolute; content: ""; background: url('/00_common/images/template/T0001/sub/img_0103_01_01_01.png')no-repeat center center; right: 0; top: 50%; transform: translateY(-50%); width: 27.1rem; height: 100%; z-index: -1; }
.customBox > em { display: block; color: #5D31FF; font-size: 0.8rem; font-weight: bold; font-family: "Montserrat"; }
.customBox > span { display: block; color: #000000; font-size: 1.6rem; font-weight: bold; margin: 0.75rem 0 1.25rem; }
.customBox > p { word-break: keep-all; }
.cuStep { display: flex; flex-wrap: wrap; gap: 2.15rem; margin-top: 2.15rem; }
.cuStep > li { flex: 1; position: relative; border-radius: 0.75rem; padding: 1.5rem 1.25rem 1.75rem; text-align: center; }
.cuStep > li > em { position: absolute; display: inline-flex; align-items: center; justify-content: center; color: #fff; font-size: 1rem; font-weight: bold; left: 1.1rem; top: -0.75rem; border-radius: 5rem 5rem 0.5rem 5rem; width: 2.5rem; height: 2.5rem; box-shadow: 0px -2px 6px rgba(0, 0, 0, 0.15); }
.cuStep > li:nth-child(1) { background: #F2EFFF; }
.cuStep > li:nth-child(2) { background: #EBF0FF; }
.cuStep > li:nth-child(3) { background: #E3F1FF; }
.cuStep > li:nth-child(4) { background: #D0F3F4; }
.cuStep > li:nth-child(1) > em { background: #5D31FF; }
.cuStep > li:nth-child(2) > em { background: #1D45BD; }
.cuStep > li:nth-child(3) > em { background: #1E6FC0; }
.cuStep > li:nth-child(4) > em { background: #02AFB5; }
.cuStep > li > .img { display: inline-flex; align-items: center; justify-content: center; font-size: 0; line-height: 0; margin: 0 auto; height: 4.2rem; }
.cuStep > li:nth-child(1) > .img img { max-width: 4.1rem; }
.cuStep > li:nth-child(2) > .img img { max-width: 4.35rem; }
.cuStep > li:nth-child(3) > .img img { max-width: 4.2rem; }
.cuStep > li:nth-child(4) > .img img { max-width: 3.7rem; }
.cuStep > li > span { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; font-size: 1rem; font-weight: bold; margin: 1.25rem 0 0.75rem; gap: 0.15rem 0.5rem; word-break: keep-all; }
.cuStep > li > span > em { line-height: 1.2rem; }
.cuStep > li:nth-child(1) > span > em { color: #9688D2; }
.cuStep > li:nth-child(2) > span > em { color: #859ADA; }
.cuStep > li:nth-child(3) > span > em { color: #649BD2; }
/* .cuStep > li:nth-child(4) > span > em { color: #; } */
.cuStep > li:nth-child(1) > span { color: #5D31FF; }
.cuStep > li:nth-child(2) > span { color: #264CBE; }
.cuStep > li:nth-child(3) > span { color: #145FAA; }
.cuStep > li:nth-child(4) > span { color: #00999E; }
.cuStep > li > p { font-size: 0.8rem; font-weight: 400; word-break: keep-all; }
.cuStep > li > p.fileTxt { font-weight: 500; }
.cuStep > li > p.txt { font-size: 0.9rem; font-weight: 500; margin-bottom: 1rem; }

/* �븳�넄�닔�쁺�옣 �냼媛� */
.customBox.typeB::before { background: url('/00_common/images/template/T0001/sub/img_040101_01.png')no-repeat center center; }
.cuStep.typeB.w_50 { gap: 2.25rem 2.5rem; }
.cuStep.typeB.w_50 > li { width: calc((100% - 2.5rem) / 2); flex: none; min-height: 15rem; }
.cuStep.typeB.w_50 > li > .img { height: 4.2rem; }
.cuStep.typeB.w_50 > li:nth-child(1) > .img img { max-width: 4.15rem; }
.cuStep.typeB.w_50 > li:nth-child(2) > .img img { max-width: 4.2rem; }
.cuStep.typeB.w_50 > li:nth-child(3) > .img img { max-width: 4.15rem; }
.cuStep.typeB.w_50 > li:nth-child(4) > .img img { max-width: 4.1rem; }
.cuStep.typeB.w_50 .list_st1 li { display: flex; align-items: start; }
.cuStep.typeB.w_50 .list_st1 li p { flex: 1; text-align: start; line-height: 1.05rem; padding-left: 0.25rem; }

/* 援�誘쇱껜�쑁�꽱�꽣 �냼媛� */
.customBox.tpyeC::before { background: url('/00_common/images/template/T0001/sub/img_040102_01.png')no-repeat center center; }
.cuStep.typeB.w_50 { gap: 2.25rem 2.5rem; }
.cuStep.typeB.w_50 > li { width: calc((100% - 2.5rem) / 2); flex: none; min-height: 15rem; }
.cuStep.typeB.w_50 > li > .img { height: 4.2rem; }
.cuStep.typeB.w_50 > li:nth-child(1) > .img img { max-width: 4.15rem; }
.cuStep.typeB.w_50 > li:nth-child(2) > .img img { max-width: 4.2rem; }
.cuStep.typeB.w_50 > li:nth-child(3) > .img img { max-width: 4.15rem; }
.cuStep.typeB.w_50 > li:nth-child(4) > .img img { max-width: 4.1rem; }
.cuStep.typeB.w_50 .list_st1 li { display: flex; align-items: start; }
.cuStep.typeB.w_50 .list_st1 li p { flex: 1; text-align: start; line-height: 1.05rem; padding-left: 0.25rem; }

/* �긽�떞 諛� �떖由ъ튂猷� */
.cuStep.typeB { gap: 2.15rem 2.75rem; }
.cuStep.typeB > li { width: calc((100% - 5.5rem) / 3); }
.cuStep.typeB > li > .img { height: 4.15rem; }
.cuStep.typeB > li:nth-child(1) > .img img { max-width: 3.75rem; }
.cuStep.typeB > li:nth-child(2) > .img img { max-width: 4.15rem; }
.cuStep.typeB > li:nth-child(3) > .img img { max-width: 4.15rem; }
.cuStep.typeB > li .list_st1 { margin: 0; padding-top: 1rem; border-top: 1px dashed transparent; }
.cuStep.typeB > li:nth-child(1) .list_st1 { border-color: #CCC3F2; }
.cuStep.typeB > li:nth-child(2) .list_st1 { border-color: #B2BEE0; }
.cuStep.typeB > li:nth-child(3) .list_st1 { border-color: #A1C4E6; }
.cuStep.typeB > li:nth-child(4) .list_st1 { border-color: #72B6B8; }
.cuStep.typeB > li .list_st1 li { text-align: start; line-height: 1.05rem; }
.cuStep.typeB > li .list_st1 li + li { margin-top: 0.4rem; }
.cuStep.typeB > li .list_st1 li::before { top: 0.33rem; }

/* 吏��썝�븞�궡 */
.cuStep.typeB.typeC > li > .img { height: 4.3rem; }
.cuStep.typeB.typeC > li:nth-child(1) > .img img { max-width: 4.1rem; }
.cuStep.typeB.typeC > li:nth-child(2) > .img img { max-width: 4.25rem; }
.cuStep.typeB.typeC > li:nth-child(3) > .img img { max-width: 4.2rem; }
.cuStep.typeB.typeC .fileTxt { background: #fff; width: 100%; margin-top: 1rem; text-align: start; }

/* 二쇱슂�뾽臾� */
.cuStep.typeB.typeD > li { min-height: 25.75rem; }
.cuStep.typeB.typeD > li > .img { height: 4.6rem; }
.cuStep.typeB.typeD > li:nth-child(1) > .img img { max-width: 4.9rem; }
.cuStep.typeB.typeD > li:nth-child(2) > .img img { max-width: 4.75rem; }
.cuStep.typeB.typeD > li:nth-child(3) > .img img { max-width: 4.8rem; }
.cuStep.typeB.typeD > li:nth-child(4) > .img img { max-width: 4.55rem; }

/* �씤�궗留� */
.greeting { position: relative; padding: 0.5rem 30rem 0 2.2rem; min-height: 26.7rem; }
.greeting > img { position: absolute; right: 1.5rem; top: 0; max-width: 27rem; }
.greeting .txtWrap { word-break: keep-all; }
.greeting .txtWrap .tit { font-size: 1.4rem; font-weight: 500; line-height: 2.5rem; }
.greeting .txtWrap .tit > span { color: #304793; font-weight: bold; }
.greeting .txtWrap .tit > span,
.greeting .txtWrap .tit > em { font-size: 1.5rem; }
.greeting .txtWrap .txt { margin: 2.5rem 0 3.75rem; line-height: 2rem; font-size: 0.9rem; font-weight: 500; }
.greeting .txtWrap .sign { font-size: 0.9rem; color: #000; }

/* �궗�뾽媛쒖슂 諛� 泥닿퀎 */
.sub0303 .weeBox ul { display: flex; align-items: center; justify-content: center; width: 100%; }
.sub0303 .weeBox ul li { border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; width: 15rem; height: 15rem; border: 1px solid transparent; flex-direction: column; gap: 1rem; line-height: 1; }
.sub0303 .weeBox ul li:nth-child(1) { border-color: #D4E2FF; background: rgba(206,231,255,0.4); margin-right: -1.525rem; }
.sub0303 .weeBox ul li:nth-child(2) { border-color: #D2D4FF; background: rgba(215,217,255,0.4); }
.sub0303 .weeBox ul li:nth-child(3) { border-color: #A1E4D4; background: rgba(188,239,227,0.4); margin-left: -1.525rem; }
.sub0303 .weeBox ul li span { text-transform: uppercase; font-size: 2.75rem; font-family: 'Montserrat'; font-weight: 800; color: #000; }
.sub0303 .weeBox ul li em { font-size: 1.2rem; font-weight: 500; color: #000; }
.sub0303 .box_st1 { margin-top: 3rem; }
.sub0303 .box_st1 .boxTit { margin-bottom: 1.5rem; }
.sub0303 .box_st1 .gap { display: block; margin-top: 1.5rem; }

/* 이미지박스 260402 */
.sub0303 .imgpubBox { display: flex; flex-direction: column; gap: 5.4rem; }
.sub0303 .imgpubBox .pubWrap { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2rem; height: 100%; }
.sub0303 .imgpubBox .pubWrap .pubBox { display: grid; grid-template-rows: 115fr 190fr; gap: 1.7rem; position: relative; }
.sub0303 .imgpubBox .pubWrap .pubBox .top { position: relative; border-radius: 1rem; padding: 1rem 2.1rem; color: #000000; font-size: 0.9rem; border: 1px solid transparent; text-align: center; flex: 1; }
.sub0303 .imgpubBox .pubWrap .pubBox .top p { line-height: 1.25rem; display: flex; justify-content: center; align-items: center; height: 100%; }
.sub0303 .imgpubBox .pubWrap .pubBox .top::before { position: absolute; content: "\ea4a"; left: 50%; transform: translateX(-50%); top: calc(100% + 0.4rem); color: #c7c7c7; font-size: 0.9rem; font-family: 'remixicon'; }
.sub0303 .imgpubBox .pubWrap .pubBox.org .top { border-color: #FFBF81; background: #FFF4E9; }
.sub0303 .imgpubBox .pubWrap .pubBox.pnk .top { border-color: #FAA8CC; background: #FFEFF6; }
.sub0303 .imgpubBox .pubWrap .pubBox.grn .top { border-color: #66D9B8; background: #ECF9F5; }
.sub0303 .imgpubBox .pubWrap .pubBox .bot { background: #fff; border-radius: 0.75rem; padding: 1rem 1rem 1.85rem; border: 1px solid transparent; flex: 1; }
.sub0303 .imgpubBox .pubWrap .pubBox.org .bot { border-color: #F37800; }
.sub0303 .imgpubBox .pubWrap .pubBox.pnk .bot { border-color: #EE4F94; }
.sub0303 .imgpubBox .pubWrap .pubBox.grn .bot { border-color: #00BD87; }
.sub0303 .imgpubBox .pubWrap .pubBox .bot > span { width: 100%; display: block; text-align: center; padding: 0.6rem 1rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #fff; font-size: 0.9rem; font-weight: bold; border-radius: 0.5rem; }
.sub0303 .imgpubBox .pubWrap .pubBox.org .bot > span { background: #F37800; }
.sub0303 .imgpubBox .pubWrap .pubBox.pnk .bot > span { background: #EE4F94; }
.sub0303 .imgpubBox .pubWrap .pubBox.grn .bot > span { background: #00BD87; }
.sub0303 .imgpubBox .pubWrap .pubBox .bot > ul { margin-top: 1rem; }
.sub0303 .imgpubBox .pubWrap .pubBox .bot > ul > li { position: relative; padding-left: 0.8rem; color: #111; font-size: 0.9rem; line-height: 1.05rem; }
.sub0303 .imgpubBox .pubWrap .pubBox .bot > ul > li + li { margin-top: 0.25rem; }
.sub0303 .imgpubBox .pubWrap .pubBox .bot > ul > li::before { position: absolute; content: ""; border-radius: 50%; width: 0.3rem; height: 0.3rem; left: 0; top: 0.375rem; }
.sub0303 .imgpubBox .pubWrap .pubBox.org .bot > ul > li::before { background: #F37800; }
.sub0303 .imgpubBox .pubWrap .pubBox.pnk .bot > ul > li::before { background: #EE4F94; }
.sub0303 .imgpubBox .pubWrap .pubBox.grn .bot > ul > li::before { background: #00BD87; }
.sub0303 .imgpubBox .pubTxt { position: relative; display: flex; align-items: center; justify-content: center; padding: 1rem; border-radius: 0.75rem; background: #304793; }
.sub0303 .imgpubBox .pubTxt::before { position: absolute; content: ""; background: url('/00_common/images/template/T0001/sub/arrow_Ico1018.png')no-repeat center center; left: 50%; transform: translateX(-50%); bottom: calc(100% + 1.5rem); height: 2.4rem; width: 2.3rem; background-size: contain; }
.sub0303 .imgpubBox .pubTxt p { font-size: 0.9rem; font-weight: 600; text-align: center; color: #fff; } 
/* //이미지박스 260402 */

/* �꽭醫낆쐞 */
.weeUl { display: flex; flex-wrap: wrap; gap: 2rem; }
.weeUl li { flex: 1; border: 1px solid transparent; border-radius: 0.75rem; background: #fff; padding: 1rem 1rem 2rem; }
.weeUl li:nth-child(1) {  border-color: #FF7E00; }
.weeUl li:nth-child(2) {  border-color: #EE4F94; }
.weeUl li:nth-child(3) {  border-color: #00BD87; }
.weeUl li p.img { display: flex; align-items: center; justify-content: center; font-size: 0; line-height: 0; }
.weeUl li span { display: flex; align-items: center; justify-content: center; border-radius: 0.5rem; padding: 0.45rem 0.5rem; color: #fff; font-size: 0.9rem; font-weight: 600; margin: 1rem 0; }
.weeUl li:nth-child(1) span { background: #FF7E00; }
.weeUl li:nth-child(2) span { background: #EE4F94; }
.weeUl li:nth-child(3) span { background: #00BD87; }
.weeUl li p.txt { color: #111; text-align: center; font-size: 0.9rem; line-height: 1.25rem; font-weight: 400; padding: 0 2.45rem; }

/* �씠�슜�븞�궡 */
.subInfo .info { margin-top: 2.6rem; }
.subInfo .info > ul { display: flex; flex-wrap: wrap; gap: 1.5rem; }
.subInfo .info > ul > li { border: 1px solid #D3D3D9; border-radius: 0.75rem; padding: 1.25rem; width: calc((100% - 1.5rem) / 2); }
.subInfo .info > ul > li > span { display: flex; align-items: center; justify-content: center; padding: 0.65rem 0.5rem; color: #fff; background: #304793; border-radius: 0.5rem; font-size: 1rem; font-weight: bold; margin-bottom: 1.25rem; }
.subInfo .info > ul > li > span ~ * { margin: 0 !important; }
.subInfo .info > ul > li > .txt { text-align: center; }
.subInfo .info > ul > li > .txt > p { display: inline-block; font-weight: 500; }
.subInfo .info > ul > li > .txt > p.bu_wnrn { margin-top: 0.5rem; font-family: "NotoSansKR"; font-weight: 400; text-align: start; }
.subInfo .info > ul > li > .list_st1 li { line-height: 1.05rem; }
.subInfo .info > ul > li > .list_st1 li:before { width: 0.4rem; height: 0.4rem; top: 0.35rem; }
.infoDetail { margin-top: 1.5rem; display: flex; flex-wrap: wrap; gap: 1.5rem; }
.infoDetail > li { border: 1px solid #D3D3D9; border-radius: 0.75rem; background: #F8F9FB; padding: 2rem 1.25rem; text-align: center; flex: 1; }
.infoDetail > li > p.img { display: flex; align-items: center; justify-content: center; font-size: 0; line-height: 0; height: 3.9rem; margin-bottom: 2rem; }
.infoDetail > li p.txt { font-weight: 500; margin-top: 0.75rem; }
.infoDetail > li span.tit { display: flex; align-items: center; justify-content: center; color: #5D31FF; font-weight: bold; font-size: 1.1rem; }
.infoDetail .dtlDep2 { display: flex; flex-wrap: wrap; }
.infoDetail .dtlDep2 li { flex: 1; position: relative; padding: 0 1rem; }
.infoDetail .dtlDep2 li + li::before { position: absolute; content: ""; left: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 3.25rem; border-left: 1px dashed #CDCECF; }

/* �삤�떆�뒗湲� */
.mapDetail { margin-top: 1.5rem; border: 1px solid #D3D3D9; border-radius: 0.75rem; background: #f8f9fb; position: relative; padding: 1.5rem 2.5rem; display: flex; flex-wrap: wrap; align-items: center; }
.mapDetail .img { display: inline-flex; align-items: center; justify-content: center; font-size: 0; line-height: 0; }
.mapDetail .img img { max-width: 3.95rem; }
.mapDetail .txt { flex: 1; display: flex; align-items: center; gap: 0.5rem 1rem; padding: 0 1rem 0 2.5rem; }
.mapDetail .txt > span { color: #5D31FF; font-size: 1.1rem; font-weight: bold; }
.mapDetail .txt > p { flex: 1; font-weight: 500; word-break: keep-all; }
.mapDetail .btns { margin: 0 !important; }
.mapDetail .btns a { min-width: 8.5rem; font-size: 0.9rem; }
.mapDetail .btns a i { color: #000; }

/* .mapWrap { display: flex; align-items: center; justify-content: center; border-radius: 1.5rem; overflow: hidden; border: 1px solid #d9d9d9; } */
.mapWrap p { display: flex; align-items: center; justify-content: center; border-radius: 1.5rem; overflow: hidden; border: 1px solid #d9d9d9; }

/* �떆�꽕�븞�궡 */
.subImgBox ul { display: flex; flex-wrap: wrap; gap: 1.5rem 2.75rem; }
.subImgBox ul li { width: calc((100% - 5.5rem) / 3); }
.subImgBox ul li > span { display: flex; align-items: center; justify-content: center; padding: 0.7rem 0.5rem; border-radius: 1rem 1rem 0 0; background: #304793; color: #fff; font-size: 0.9rem; font-weight: 600; }
.subImgBox ul li > .img { background: #fff; border: 1px solid #CFCFD2; border-top: none; border-radius: 0 0 1rem 1rem; padding: 0.5rem; }
.subImgBox ul li > .img p { display: flex; align-items: center; justify-content: center; font-size: 0; line-height: 0; border-radius: 0.75rem; overflow: hidden; background: #e1e1e1; height: 10.5rem; }
.subImgBox ul li > .img img { object-fit: cover; height: 100%; }

/* 媛뺤궗罹섎┛�뜑 */
.infoTxtBox { margin-top: 1rem; display: inline-flex; flex-wrap: wrap; gap: 0.5rem 1rem; border: 1px solid #CDCDCD; border-radius: 5rem; }
.infoTxtBox > p { position: relative; padding: 0.45rem 0.75rem 0.45rem 1.85rem; font-weight: 500; font-size: 0.8rem; }
.infoTxtBox > p:after { position: absolute; content: ""; width: 1px; height: 0.75rem; background: #cdcdcd; right: -0.55rem; top: 50%; transform: translateY(-50%); }
.infoTxtBox > p:last-child:after { display: none; }
.infoTxtBox > p:before { position: absolute; content: ""; border-radius: 50%; left: 0.75rem; top: 0.7rem; width: 0.65rem; height: 0.65rem; }
.infoTxtBox > p.dark:before { background: #304793; }
.infoTxtBox > p.pink:before { background: #FF4A7D; }
.infoTxtBox > p.gray:before { background: #919191; }
.infoTxtBox > p > span { font-weight: 600; margin-right: 0.15rem; }
.infoTxtBox span.dark { color: #304793; }
.infoTxtBox span.pink { color: #FF4A7D; }
.infoTxtBox span.gray { color: #919191; }
.textWrap { margin-top: 2.5rem; }
.textWrap .txtBox { display: none; }
.textWrap .txtBox.on { display: block; }
.textWrap .box_st1 { margin-top: 1.5rem; }
/* .textWrap .box_st1 .list_st1 li { display: flex; flex-wrap: wrap; gap: 0.5rem; align-items: center; } */
/* .textWrap .box_st1 .list_st1 li + li { margin-top: 0.75rem; } */
.textWrap .box_st1 .list_st1 li:before { top: 0.45rem; }
.textWrap .box_st1 .list_st1 li .btns { margin: 0.35rem 0 0 0; }


/* 0501_인사말 */
.sub0501 .top { width: calc(100% - 4rem); position: relative; padding: 2.5rem 21rem 8.5rem 4rem; border-radius: 2rem 4rem 2rem 2rem; overflow: hidden; background: linear-gradient(to right, #304793, #5d31ff); margin-right: 4rem; }
.sub0501 .top:before { position: absolute; content: ""; border-radius: 50%; width: 32.35rem; height: 30.4rem; right: -6.1rem; top: -2.75rem; background: linear-gradient(to bottom left, #5d31ff 40%, #fff 100%); opacity: 0.15; }
.sub0501 .top > img { position: absolute; right: 2.5rem; top: 6.83rem; max-width: 15.95rem; }
.sub0501 .top > p { color: #fff; font-size: 1.3rem; line-height: 2rem; word-break: keep-all; }
.sub0501 .top > p > span { font-weight: bold; }
.sub0501 .bot { background: #fff; border-radius: 2rem; box-shadow: 2px 6px 15px rgba(0,0,0,0.1); width: calc(100% - 3rem); margin: -6.2rem 0 0 3rem; position: relative; z-index: 1; padding: 2.5rem 20.7rem 5.55rem 2.5rem; }
.sub0501 .bot .txt p { font-weight: 500; line-height: 1.3rem; font-size: 0.9rem; color: #000; word-break: keep-all; }
.sub0501 .bot .txt p ~ p { margin-top: 1.3rem; }
.sub0501 .bot > p.sign { position: absolute; right: 2.5rem; bottom: 2.5rem; font-size: 0.9rem; color: #000; }
.sub0501 .bot > p.sign > strong { font-weight: bold; }

/* 0502_연혁 */
.sub0502 .hstWrap { position: relative; padding-left: 8.5rem; }
.sub0502 .hstWrap > span { border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; background: #304793; width: 6rem; height: 6rem; border: 0.4rem solid #E8EDFF; font-family: "Montserrat"; font-size: 1.2rem; font-weight: 600; color: #fff; position: absolute; left: 0; top: 50%; transform: translateY(-50%); }
.sub0502 .hstWrap > .hstBox { border: 1px solid #DFDFE5; border-radius: 1rem; background: #f8f9fb; padding: 0.5rem 2rem; position: relative; }
.sub0502 .hstWrap > span:before { width: 2.5rem; height: 2px; background: #304793; right: -2.9rem; position: absolute; content: ""; top: 50%; transform: translateY(-50%); }
.sub0502 .hstWrap > .hstBox:before,
.sub0502 .hstWrap > .hstBox:after { position: absolute; content: ""; top: 50%; }
.sub0502 .hstWrap > .hstBox:before { width: 0.5rem; height: 0.5rem; background: #5D31FF; left: 0; border-radius: 50%; transform: translate(-50%, -50%); }
.sub0502 .hstWrap > .hstBox:after { border-radius: 50%; width: 0.65rem; height: 0.65rem; background: #5D31FF; opacity: 0.2; left: 0; transform: translate(-50%, -50%); } 
.sub0502 .hstWrap > .hstBox ul li { position: relative; padding: 1rem 0 1rem 3.8rem; font-size: 0.9rem; color: #000; }
.sub0502 .hstWrap > .hstBox ul li + li { border-top: 1px dashed #C9CCD0; }
.sub0502 .hstWrap > .hstBox ul li > span { position: absolute; left: 0; top: 1.08rem; font-size: 0.9rem; font-weight: 600; color: #000; font-family: "Montserrat"; }
.sub0502 .hstWrap + .hstWrap { margin-top: 2.5rem; }

/* 즉시지원 신청서 */
.oneStop .phoneBox { display: flex; flex-wrap: wrap; align-items: center; gap: 0.15rem; }
.oneStop .phoneBox select { min-width: 6.5rem; }
.oneStop .phoneBox input { min-width: 9rem !important; width: 9rem; }

/* 공유 및 매칭 지원 */
.suprtStep { display: flex; flex-wrap: wrap; gap: 2rem 2.9rem; word-break: keep-all; margin: 1rem 0; }
.suprtStep li { flex: 1; position: relative; display: flex; flex-direction: column; }
.suprtStep li::before { position: absolute; content: "\ea68"; top: 50%; transform: translateY(-50%); right: -1.95rem; font-size: 1rem; color: #737BBD; font-family: "remixicon"; }
.suprtStep li:last-child:before { display: none; }
.suprtStep li > span { display: flex; align-items: center; justify-content: center; border-radius: 0.75rem 0.75rem 0 0; background: #304793; color: #fff; font-weight: 600; padding: 0.75rem; text-align: center; min-height: 3.8rem; }
.suprtStep li .txt { padding: 1.15rem 1rem; display: flex; align-items: center; justify-content: center; flex-direction: column; border: 1px solid #CFCFD2; border-radius: 0 0 0.75rem 0.75rem; color: #000000; font-weight: 500; height: calc(100% - 3.8rem); }
.suprtStep li .txt p { font-size: 0.8rem !important; } 
.suprtStep li .txt p.bu_atte:before { font-size: 0.9rem !important; }
.suprtStep li .txt p:not(p.bu_atte) { text-align: center; }

/* 조직도03030301 260402 */
.oranic03030301 ul.orgDep01 { position: relative; width: 48.2rem; margin: 0 auto; text-align: center; padding-bottom: 10.5rem; display: flex; flex-direction: column; gap: 0.9rem; z-index: 1; }
.oranic03030301 ul.orgDep01::before { position: absolute; content: ""; width: 0.55rem; background: #ebebeb; top: 0; left: 50%; transform: translateX(-50%); height: calc(100% - 5rem); z-index: -1; }
/* .oranic03030301 ul.orgDep01::after { position: absolute; width: 1.1rem; height: 100%; background: url('/00_common/images/template/T0001/sub/organicArrw.png')no-repeat bottom center; content: ""; left: 50%; transform: translateX(-50%); bottom: 4rem; background-size: contain; } */
.oranic03030301 ul.orgDep01 > li { border: 1px solid #B1D3EF; background: #e8f4ff; border-radius: 0.5rem; padding: 0 1rem; color: #000; font-size: 1rem; font-weight: 600; width: 12.75rem; margin: 0 auto; display: flex; align-items: center; justify-content: center; flex-direction: column; height: 4rem; }
.oranic03030301 ul.orgDep01 > li span { font-size: 0.75rem; } 
.oranic03030301 ul.orgDep01 > li.top { color: #fff; border-radius: 1.5rem 1.5rem 0.5rem 0.5rem; background: #5d31ff; padding: 0 1rem; font-size: 1.2rem; font-weight: bold; height: 5rem; }
.oranic03030301 ul.orgDep02 { position: absolute; bottom: 0; left: 0; width: 100%; display: flex; align-items: center; flex-wrap: wrap; gap: 5rem; }
.oranic03030301 ul.orgDep02::before { position: absolute; content: ""; width: calc(100% - 12.5rem);left: 50%; transform: translateX(-50%); top: -3.5rem; height: 0.55rem; background: #ebebeb; }
.oranic03030301 ul.orgDep02 > li > img { position: absolute; left: 50%; transform: translateX(-50%); top: -3.5rem; }
.oranic03030301 ul.orgDep02 > li { position: relative; display: flex; align-items: center; justify-content: center; flex-direction: column; flex: 1; background: #304793; color: #fff; border-radius: 0.5rem; padding: 0 1rem; font-size: 1rem; font-weight: 600; height: 4rem; }

.oranic03030301.typeB ul.orgDep01 { padding-bottom: 11.5rem; }
.oranic03030301.typeB ul.orgDep01::before { height: calc(100% - 7rem); }
.oranic03030301.typeB ul.orgDep02 { gap: 22.5rem; }

.oranic050103 { position: relative; display: flex; width: 55rem; align-items: center; justify-content: center; flex-direction: column; z-index: 1; gap: 6.25rem; margin: 0 auto; }
.oranic050103::before { position: absolute; content: ""; background: url('/00_common/images/template/T0001/sub/org_bg.png')no-repeat center center; top: 0; left: 50%; transform: translateX(-50%); width: 43.6rem; height: 11.25rem; background-size: contain; z-index: -1; }
.oranic050103 > span { width: 21rem; height: 5rem; color: #fff; border-radius: 1.5rem 1.5rem 0.5rem 0.5rem; background: #5d31ff; display: flex; align-items: center; justify-content: center; font-size: 1.2rem; font-weight: bold; }
.oranic050103 > ul { display: flex; flex-wrap: wrap; gap: 1.65rem; width: 100%; }
.oranic050103 > ul > li { flex: 1; overflow: hidden; display: grid; grid-template-rows: auto 1fr; }
.oranic050103 > ul > li > span { width: 100%; background: #304793; display: flex; align-items: center; justify-content: center; border-radius: 0.75rem 0.75rem 0 0; color: #fff; height: 3rem; padding: 0 1rem; overflow: hidden; font-size: 0.9rem; font-weight: bold; }
.oranic050103 > ul > li > ul { background: #fff; border: 1px solid #CFCFD2; border-radius: 0 0 0.75rem 0.75rem; padding: 1rem; }
.oranic050103 > ul > li > ul > li { position: relative; padding-left: 0.8rem; line-height: 0.95rem; font-size: 0.8rem; color: #111; }
.oranic050103 > ul > li > ul > li::before { position: absolute; content: ""; left: 0; border-radius: 50%; background: #D9DADB; width: 0.3rem; height: 0.3rem; top: 0.32rem; }
.oranic050103 > ul > li > ul > li + li { margin-top: 0.4rem; }

/* 신고 */
.infoImgBox { display: none; }

/* 상담 신청 */
.sub020401 .suprtStep li > span { min-height: 2rem; }
.sub020401 .suprtStep li .txt  { height: calc(100% - 2rem); min-height: 5rem; }

/* 신청하기 */
.cntnSprt.fclt .bbs_srch .dateWrap .dateBox,
.cntnSprt.fclt .bbs_srch select,
.cntnSprt.fclt .bbs_srch input { flex: 1; min-width: auto; }
.cntnSprt.fclt .bbs_srch .dateWrap { width: 21.5rem; }
.cntnSprt.fclt .bbs_srch .selBox { width: calc(100% - 22.8rem); }

@media screen and (max-width: 968px) {
    .cntnSprt.fclt .bbs_srch .dateWrap,
    .cntnSprt.fclt .bbs_srch .selBox { width: 100%; }
}

/*** 諛섏쓳�삎 ***/

@media screen and (max-width: 1640px) {

    /* 濡쒓렇�씤 */
    .loginWrap ul li { width: calc((100% - 1.5rem) / 2); }

    /* 媛뺤궗�븞�궡 */
    .lctrGid.lst .bbs_ListA table colgroup { display: none !important; }
    .lctrGid.lst .bbs_ListA table tbody td .btns { justify-content: center; }
    .lctrGid.lst .bbs_ListA table tbody td .btns a { max-width: 3.5rem; }

    /* �삩�씪�씤梨꾩슜吏��썝 */
    .popUpLyt#detailAply .popWrap { width: calc(100% - 2rem); }

    /* 媛뺤궗�봽濡쒓렇�옩 愿�由� */
    #applyPop .popWrap,
    #scorePop .popWrap,
    #prevProp .popWrap { width: calc(100% - 2rem); }
    .lcPrgm .box .addBox .chkBox.typeB ul li { width: auto; }

    /* �삁�빟�떊泥� 議고쉶 */
    .popUpLyt#myInfo .popWrap { width: calc(100% - 2rem); }

    /* �닔�뾽吏��썝 媛뺤궗愿�由� */
    .mthdStep li { flex: none; width: calc((100% - 5rem) / 3); }
    .mthdStep li:nth-child(3):before { display: none; }

    /* �닔�븰�뿬�뻾吏��썝�떒 �냼媛� */
    .customBox { padding: 2.5rem 28.5rem 2.5rem 2.5rem; }

    /* �떆�꽕�븞�궡 */
    .subImgBox ul { gap: 1.5rem 2.25rem; }
    .subImgBox ul li { width: calc((100% - 4.5rem) / 3); }

    /* 0501_인사말 */
    .sub0501 .top { padding: 2rem 18.5rem 8rem 4rem; }
    .sub0501 .top > img { right: 1.5rem; max-width: 15rem; top: 5.83rem; }
    .sub0501 .top > p > br { display: none; }
    .sub0501 .top:before { right: -8.5rem; }
    .sub0501 .bot { padding: 2rem 18.5rem 5rem 2.5rem; }

    /* 조직도03030301 260402 */
    .oranic050103 { width: 100%; }
    .oranic050103::before { width: 57.64vw; }
}

@media screen and (max-width: 1540px) {
    /* �쉶�썝媛��엯 */
    .joinCont .joinBox .cert_type li { width: calc((100% - 1.6rem) / 2); }
}

@media screen and (max-width: 1440px) {
    header::before { display: none; }

    /* 통합검색 */
    .topLyt { padding: 1.5rem 1rem; }
    .botLyt .srchBody { padding: 2rem 0 5rem 2rem; }
    .botLyt .srchLft { padding: 2rem 1.5rem 5rem 0; width: 12rem; }

    /* �꽌釉� 怨듯넻 �젅李� */
    .subStep > ul > li { width: calc((100% - 5rem) / 3); }
    .subStep > ul > li::before { display: block !important; }
    .subStep > ul > li:last-child:before,
    .subStep > ul > li:nth-child(3n):before { display: none !important; }

    /* 留뚯”�룄 議곗궗 */
    .stsFon .top p { font-size: 0.85rem; gap: 0.35rem; }
    .stsFon .top p i { font-size: 0.95rem; }
    .stsFon .top .rdoBox ul { gap: 0.5rem; }

    /* 怨듭궗吏��썝 */
    .cntnSprt .bbs_ListA table thead th { padding: 0.75rem 0.35rem; font-size: 0.8rem; }
    .cntnSprt .bbs_ListA table td { padding: 0.75rem 0.5rem; font-size: 0.8rem; }

    /* 怨듯넻罹섎┛�뜑 */
    .clndrMain table td > span { font-size: 0.85rem; margin-bottom: 0.35rem; }
    .clndrMain table td { height: 7.5rem; padding: 0.35rem; }
    .clndrMain table td > p.time { padding: 0.25rem 0.5rem; font-size: 0.7rem; }

    /* �삩�씪�씤梨꾩슜吏��썝 */
    .popUpLyt#detailAply .popWrap table colgroup { display: none; }

    /* �삁�빟議고쉶 */
    .lctrGid.check .bbs_ListA.reactTb colgroup { display: none !important; }

    /* 援먯쑁湲곗옄�옱 �쁽�솴 */
    .userRntSrch select { width: 8.5rem; }
    .userRntSrch { padding: 1.75rem; }

    .rntWrap .rntCal { width: 100%; }
    .rntWrap .rntForm { padding: 0; width: 100%; margin-top: 2rem; }

    /* �닔�븰�뿬�뻾吏��썝�떒 �냼媛� */
    .customBox { padding: 2.5rem 25rem 2.5rem 2.5rem; }
    .customBox::before { background-size: cover; background-position: left center; right: -3rem; }
    .cuStep > li { width: calc((100% - 2.15rem) / 2); flex: none; }

    /* �씤�궗留� */
    .greeting { padding: 0.5rem 25rem 0 2.2rem; }
    .greeting > img { max-width: 23.5rem; }

    /* �궗�뾽媛쒖슂 諛� 泥닿퀎 */
    .sub0303 .weeBox ul li { width: 13rem; height: 13rem; gap: 0.75rem; }
    .sub0303 .weeBox ul li span { font-size: 2.35rem; }
    .sub0303 .weeBox ul li em { font-size: 1.1rem; }
    .sub0303 .box_st1 { margin-top: 2.5rem; }
    .sub0303 .box_st1 .boxTit { margin-bottom: 1.25rem; }
    .sub0303 .box_st1 .gap { margin-top: 1rem; }
    /* .sub0303 .weeBox ul li:nth-child(1) { margin-right: -1.525rem; }
    .sub0303 .weeBox ul li:nth-child(3) { margin-left: -1.525rem; } */

    /* 조직도03030301 260402 */
    .oranic03030301 ul.orgDep01 { width: 100%; }
    .oranic03030301 ul.orgDep02::before { width: calc(100% - 19vw); }
    .oranic03030301.typeB ul.orgDep02::before { width: calc(100% - 20.5vw); }

    /* �꽭醫낆쐞 */
    .weeUl { gap: 1.25rem; }

    /* �떆�꽕�븞�궡 */
    /* .subImgBox ul { gap: 1.5rem 2.25rem; }
    .subImgBox ul li { width: calc((100% - 4.5rem) / 3); } */
    .subImgBox ul li > span { padding: 0.5rem; font-size: 0.85rem; }
    .subImgBox ul li > .img p { height: 8.75rem; }

    /* �긽�떞 諛� �떖由ъ튂猷� */
    .cuStep.typeB { gap: 1.75rem; }
    .cuStep.typeB > li { width: calc((100% - 3.5rem) / 3); }
    /* .cuStep.typeB > li .list_st1 li::before { width: 0.3rem; height: 0.3rem; top: 0.38rem; } */

    /* 0501_인사말 */
    .sub0501 .top { padding: 2rem 15rem 8rem 4rem; }
    .sub0501 .top > img { right: 1.5rem; max-width: 13.5rem; top: 5.83rem; }
    .sub0501 .top:before { right: -10rem; }
    .sub0501 .bot { padding: 2rem 15rem 5rem 2.5rem; }

}

@media screen and (max-width: 1360px) {
    /* �씤�궗留� */
    .greeting { padding: 0; text-align: center; }
    .greeting > img { max-width: 100%; position: unset; }
    .greeting .txtWrap { text-align: start; margin-top: 1.5rem; }

    /* 吏��썝�븞�궡 */
    .cuStep.typeB.typeC > li { width: calc((100% - 1.75rem) / 2); }

    /* �삤�떆�뒗湲� */
    .mapDetail { padding: 1.25rem 2rem; }
    .mapDetail .img img { max-width: 3.5rem; }
    .mapDetail .txt { padding: 0 1rem 0 1.5rem; }
    .mapDetail .btns a { min-width: auto; }

    /* 조직도03030301 260402 */
    .oranic03030301 ul.orgDep02::before { width: calc(100% - 19vw); }
    .oranic03030301.typeB ul.orgDep02::before { width: calc(100% - 19vw); }

}

@media screen and (max-width: 1280px) {
    /* 통합검색 */
    .topLyt { padding: 1.5rem 1rem 3rem; }
    .topLyt .ttlSrch { height: 3.5rem; width: 100%; }
    .topLyt .ttlWrap { width: 100%; margin-top: 2rem; justify-content: center; }
    .topLyt .ttlSrch button { height: 2.85rem; width: 2.85rem; font-size: 0.95rem; }
    .botLyt .srchLft { width: 100%; padding: 1rem 0; }
    .botLyt .srchBody { padding: 1rem 0 3rem; border-left: none; }
    .topLyt .goMain { position: unset; margin: 0 auto; transform: none; }
    .topLyt .ttlSrch .chkBox { left: 50%; transform: translateX(-50%); top: calc(100% + 1rem); }
    .topLyt .ttlSrch .chkBox ul { justify-content: center; }
    .botLyt .srchLft .box01,
    .botLyt .srchLft .box02 { display: none !important; }
    .botLyt .srchLft .box03 .subBox + .dateWrap,
    .botLyt .srchLft .box03 .subBox + .subBox { margin: 0 !important; }
    .botLyt .srchLft .btns { margin: 1.35rem 0 1.5rem 0; }
    .botLyt .srchLft .box03 { border-top: none !important; margin: 0 !important; padding-top: 0 !important; display: flex; gap: 1rem; flex-wrap: wrap; }
    .botLyt .srchLft .box03 .dateWrap,
    .botLyt .srchLft .box03 .subBox { width: calc((100% - 1rem) / 2); }
    .botLyt .srchLft .box03 .dateWrap { justify-content: end; flex-direction: initial; align-items: end; flex-wrap: wrap; }
    .botLyt .srchLft .box03 .dateWrap .dateBox { width: calc((100% - 0.5rem) / 2); }
    .botLyt .srchLft .box03 .subBox .rdoBox input,
    .botLyt .srchLft .box03 .subBox .rdoBox label { border-radius: 0.5rem !important; }
    .botLyt .srchBody .srchWrap { margin-top: 2.5rem; }
    .botLyt .srchBody .srchWrap .srchRst.menu .top { margin-bottom: 1.5rem; }
    .botLyt .srchBody .srchWrap .srchRst .top { margin-bottom: 2rem; }
    .botLyt .srchBody .srchWrap .srchRst .top > span { font-size: 1.3rem; }
    .botLyt .srchBody .srchWrap .srchRst ~ .srchRst { margin-top: 2.5rem; padding-top: 2.5rem; }
    .botLyt .srchBody .srchWrap .srchRst.file .bot > ul { gap: 1.5rem; }

    /* 조직도03030301 260402 */
    .oranic03030301.typeB ul.orgDep02::before { width: calc(100% - 18vw); }
}

@media screen and (max-width: 1240px) {

    /* 留뚯”�룄 議곗궗 */
    .stsFon { display: none; }

    /* �쉶�썝媛��엯 */
    .joinCont .joinBox .cert_type { margin: 1.75rem 0; }
    .joinCont .joinBox .cert_type li a { min-height: 3.15rem; }

    /* �삩�씪�씤梨꾩슜吏��썝 */
    .onApply .tab_st2 { margin: 1.5rem 0 2.5rem; }
    .onApply .tab_st2 ul::before { display: none; }

    /* 媛뺤궗�봽濡쒓렇�옩 愿�由� */
    #scorePop .popWrap .scoreBox { padding: 1rem; margin: 1rem 0 1.5rem 0; gap: 0.25rem; }
    #scorePop .popWrap .scoreBox > p { font-size: 0.95rem; }
    #scorePop .popWrap .scoreBox .score { font-size: 1.45rem; }
    #scorePop .popWrap .tit2 { margin-top: 1.5rem !important; }
    #scorePop .popWrap h4[class^='tit'] + div { margin-top: 1rem !important; }

    /* 珥덈�肄붾뱶 */
    .inviteCodeWrap .linkBox .lnkArea,
    .inviteCodeWrap .authMethodGroup { margin-top: 2rem; }
    /* .inviteCodeWrap .linkBox > .btns { margin-top: 2rem; padding-top: 2rem; } */
    .inviteCodeWrap .authMethodList { gap: 1rem; }
    .inviteCodeWrap .authMethodList label { padding: 1.5rem 1rem; }
    .inviteCodeWrap .authMethodList label.phone .img img { max-width: 4.25rem; }
    .inviteCodeWrap .authMethodList label.epki .img img { max-width: 3.75rem; }
    .inviteCodeWrap .authMethodList label.kakao .img img { max-width: 3.9rem; }
    .inviteCodeWrap .authMethodList label.naver .img img { max-width: 2.45rem; }
    .inviteCodeWrap .authMethodList label.kakao .img::before { width: 2.25rem; top: 17%; transform: translateX(calc(50% + 3rem)); }
    .inviteCodeWrap .linkBox > .btns button { min-width: 4.5rem; height: 2.25rem; }

    /* �씠�슜�븞�궡 */
    .subInfo .info { margin-top: 2rem; }
    .subInfo .info > ul > li > span { padding: 0.5rem; margin-bottom: 1rem; font-size: 0.95rem; }
    .infoDetail > li { padding: 1.75rem 1rem; }
    .infoDetail > li span.tit { font-size: 1rem; }
    .infoDetail > li > p.img { margin-bottom: 1.5rem; }

    /* 공유 및 매칭 지원 */
    .suprtStep { gap: 2rem; }
    .suprtStep li::before { right: -1.5rem; }
    .suprtStep li > span { padding: 0.35rem 0.5rem; min-height: 3rem; }
    .suprtStep li .txt { padding: 1rem; height: calc(100% - 3rem); }

    /* 조직도03030301 260402 */
    .oranic03030301 ul.orgDep02::before { width: calc(100% - 26vw); }
    .oranic03030301.typeB ul.orgDep02::before { width: calc(100% - 29.5vw); }

    /* 조직도03030301 260402 */
    .oranic050103::before { width: 75vw; }

}

@media screen and (max-width: 1200px) {
    /* 조직도03030301 260402 */
    .oranic03030301.typeB ul.orgDep02::before { width: calc(100% - 27.5vw); }
}

@media screen and (max-width: 1024px) {

    /* 이미지박스 260402 */
    .sub0303 .imgpubBox .pubWrap { gap: 1.5rem; }
    .sub0303 .imgpubBox .pubWrap .pubBox .top { padding: 1 1.5rem; }

    /* 통합검색 */
    .topLyt .goMain img { max-width: 9.5rem; }
    .topLyt .ttlSrch { height: 3.25rem; }
    .topLyt .ttlSrch button { height: 2.5rem; width: 2.5rem; font-size: 0.9rem; }
    .topLyt .ttlSrch select { font-size: 0.95rem; }
    .topLyt .ttlSrch input { font-size: 0.95rem; padding: 0 5rem 0 8.5rem; }
    .topLyt .ttlWrap { margin-top: 1.5rem; }
    .botLyt .srchBody .srchWrap .srchRst.file .bot > ul,
    .botLyt .srchBody .srchWrap .srchRst.cont .bot > ul { gap: 1.75rem; }
    .totalSrch .titWrap { padding: 1.75rem 1rem; font-size: 1.2rem; }
    .botLyt .srchLft .box03 .dateWrap { width: 100%; }
    .botLyt .srchLft .box .tit { font-size: 1rem; margin-bottom: 0.4rem; }
    .botLyt .srchLft .box03 .subBox.date { width: 100%; }
    .botLyt .srchLft .box03 .subBox.date .rdoBox ul li { width: auto; flex: 1; }
    .botLyt .srchLft .btns { margin-bottom: 0; }
    .botLyt .srchBody { padding-top: 2.25rem; }
    .botLyt .srchBody .srchWrap { margin-top: 2rem; }
    .botLyt .srchBody .srchWrap .srchRst.menu .top { margin-bottom: 1.35rem; }
    .botLyt .srchBody .srchWrap .srchRst .top { margin-bottom: 1.5rem; }
    .botLyt .srchBody .srchWrap .srchRst .top > span { font-size: 1.2rem; }
    .botLyt .srchBody .srchWrap .srchRst ~ .srchRst { margin-top: 2.25rem; padding-top: 2.25rem; }

    /* �쉶�썝媛��엯 */
    .joinCont .tbl_st input { min-width: 10rem; }

    /* �븰援먰룺�젰 �떊怨� */
    .rprtschV.step02 .tit1 { margin-top: 2.5rem !important; }

    /* 怨듯넻�뙘�뾽 */
    .popUpLyt .popClose { width: 3rem; height: 3rem; right: 1.5rem; }
    .popUpLyt .popWrap .titWrap { padding: 1.15rem 1.5rem 3rem; }
    .popUpLyt .popWrap .titWrap span { font-size: 1.25rem; }
    .popUpLyt .popWrap .popBox { padding: 1.5rem 0.75rem 1.75rem 1.5rem; }
    .popUpLyt .popWrap .popBox .popScrll { max-height: calc(100vh - 10.5rem); padding-right: 0.75rem; }

    /* 媛뺤궗�봽濡쒓렇�옩 愿�由� */
    .lcPrgm .box { padding: 1.5rem 1.35rem; }
    .lcPrgm .box .box_st3 { padding: 1.5rem 1rem; }

    /* �븞�쟾�슂�썝�씤�젰�� */
    .sftyUser .phoneBox { flex-wrap: wrap; }
    .sftyUser .phoneBox select { min-width: auto; width: 100%; }
    .sftyUser .phoneBox input { flex: 1; }

    /* �씤�궗留� */
    .greeting .txtWrap .tit { font-size: 1.3rem; line-height: 2rem; }
    .greeting .txtWrap .tit > span, .greeting .txtWrap .tit > em { font-size: 1.4rem; }
    .greeting .txtWrap .txt { margin: 1.25rem 0 2rem; font-size: 0.85rem; line-height: 1.75rem; }
    .greeting .txtWrap .sign { font-size: 0.85rem; }

    /* �븳�넄�닔�쁺�옣 �냼媛� */
    .cuStep.typeB.w_50 { gap: 2rem; }
    .cuStep.typeB.w_50 > li { width: calc((100% - 2rem) / 2); }

    /* 0501_인사말 */
    .sub0501 .top { padding: 2rem 15rem 8rem 4rem; width: calc(100% - 2rem); margin-right: 2rem; }
    .sub0501 .top > img { right: 1.5rem; max-width: 13.5rem; top: 5.83rem; }
    .sub0501 .top:before { right: -10rem; }
    .sub0501 .bot { padding: 2rem 15rem 5rem 2.5rem; width: calc(100% - 2rem); margin-left: 2rem; }

    /* 0502_연혁 */
    .sub0502 .hstWrap { padding-left: 7.5rem; }
    .sub0502 .hstWrap > span { width: 5.5rem; height: 5.5rem; font-size: 1.1rem; } 
    .sub0502 .hstWrap > .hstBox ul li { font-size: 0.85rem; padding: 0.75rem 0 0.75rem 3.25rem; }
    .sub0502 .hstWrap > .hstBox ul li > span { font-size: 0.85rem; top: 0.78rem; } 
    .sub0502 .hstWrap + .hstWrap { margin-top: 2rem; }

    /* 조직도03030301 260402 */
    .oranic03030301 ul.orgDep02::before { top: -4.5rem; width: calc(100% - 28vw); }
    .oranic03030301 ul.orgDep01::before { height: calc(100% - 7rem); }
    .oranic03030301 ul.orgDep02 > li > img { top: -4.5rem; }
    .oranic03030301 ul.orgDep02 { gap: 3rem; }

    .oranic03030301.typeB ul.orgDep01::before { height: calc(100% - 8rem); }
    .oranic03030301.typeB ul.orgDep02 { gap: 15rem; }
    .oranic03030301.typeB ul.orgDep02::before { width: calc(100% - 32vw); }

    /* 조직도03030301 260402 */
    .oranic050103::before { width: 80vw; }
}

@media screen and (max-width: 968px) {
    /* �닔�븰�뿬�뻾吏��썝�떒 �냼媛� */
    .customBox { padding: 2rem 18.5rem 2rem 2rem; min-height: auto; }
    .customBox::before { width: 21rem;  }
    .customBox > span { font-size: 1.5rem; margin: 0.5rem 0 1rem; }
    .customBox > p { font-size: 0.85rem; }

    /* �꽭醫낆쐞 */
    .weeUl li { flex: none; width: calc((100% - 1.25rem) / 2); }

    /* �떆�꽕�븞�궡 */
    .subImgBox ul { gap: 1.25rem 1.75rem; }
    .subImgBox ul li { width: calc((100% - 3.5rem) / 3); }
    .subImgBox ul li > .img p { height: 8.5rem; }

    .infoTxtBox { border-radius: 1rem; }
}

@media screen and (max-width: 900px) {
    /* 怨듭궗吏��썝 */
    .cntnSprt select,
    .cntnSprt input { min-width: auto !important; }

    /* 怨듯넻�뙘�뾽 */
    .popUpLyt .popWrap { width: calc(100% - 2rem); }

    /* 媛뺤궗�봽濡쒓렇�옩 愿�由� */
    #prevProp .bbs_srch { gap: 1rem; }
    #prevProp .bbs_srch .selBox,
    #prevProp .bbs_srch .srchLyt { gap: 0.5rem; width: 100%; flex: none; }
    #prevProp .bbs_srch .selBox select { flex: none; width: 8.5rem !important; }

    /* 援먯쑁湲곗옄�옱 �쁽�솴 */
    .userRntSrch .srchLyt { width: calc(100% - 5.75rem); }
    .userRntSrch .btn_reset { width: 5rem; }
}

@media screen and (max-width: 860px) {
    /* 濡쒓렇�씤 */
    .logBox { margin-bottom: 2rem; padding: 1.5rem !important; min-height: auto !important; }
    .logBox .list_st1 { margin-top: 0; }
    .logBox .list_st1 li + li { margin-top: 0.5rem; }

    /* 신고 */
    .disNon.rsp_img { display: none !important; }
    /* .infoImgBox { display: block; } */
    .infoImgBox { display: flex !important; gap: 2rem 1rem; flex-wrap: wrap; margin-top: 1rem; }
    .infoImgBox .boxTwo,
    .infoImgBox .box { position: relative; width: 100%; }
    .infoImgBox .box.arrw::before,
    .infoImgBox .boxTwo.arrw::before { position: absolute; content: "\ea4a"; left: 50%; transform: translateX(-50%); bottom: calc(100% + 0.4rem); color: #a4a7aa; font-size: 1.2rem; font-family: 'remixicon'; }
    .infoImgBox .box.heit03 { height: 300%; }
    .infoImgBox .box.heit03::after { position: absolute; content: "\ea68"; right: calc(100% + 0.4rem); transform: translateY(-50%); top: 50%; color: #a4a7aa; font-size: 1.2rem; font-family: 'remixicon'; left: auto; bottom: auto; }
    .infoImgBox .box.w_50 { width: calc((100% - 1rem) / 2); }
    .infoImgBox .box .txt { border: 1px solid #d4d4d4; border-radius: 0 0 0.75rem 0.75rem; padding: 1rem; height: calc(100% - 2.25rem); }
    .infoImgBox .box > span { display: block; text-align: center; line-height: 2.25rem; color: #fff; border-radius: 0.75rem 0.75rem 0 0; padding: 0 1rem; font-size: 0.9rem; font-weight: bold; height: 2.25rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } 
    .infoImgBox .box.blue > span { background: #5D31FF; }
    .infoImgBox .box.lblue > span { background: #2D8DFC; }
    .infoImgBox .box.llblue > span { background: #00BED3; }
    .infoImgBox .botBox > span { width: 100%; color: #fff; border-radius: 0.6rem; padding: 1rem; display: block; text-align: center; font-size: 0.9rem; font-weight: bold; }
    .infoImgBox .botBox > span.red { background: #F85F8A; }  
    .infoImgBox .botBox > span.lblue { background: #009DFF; }  
    .infoImgBox .boxTwo { width: 100%; display: flex; flex-wrap: wrap; gap: 2rem; }
    .infoImgBox .boxTwo .botBox { width: calc((100% - 2rem) / 2); display: flex; flex-direction: column; gap: 2rem; }


    /* 珥덈�肄붾뱶 */
    .inviteCodeWrap .insertWrap,
    .inviteCodeWrap .linkBox > .btns { margin-top: 2rem; padding-top: 2rem; }
    .inviteCodeWrap .authMethodList { gap: 1rem; }
    .inviteCodeWrap .authMethodList label { flex: none; width: calc((100% - 1rem) / 2); }
    .inviteCodeWrap .linkBox .lnkArea .icon { margin-bottom: 1.25rem; }
    .inviteCodeWrap .linkBox .lnkArea .icon img { max-width: 4.25rem; }

    /* �냼�뀥濡쒓렇�씤 */
    .socialBox { margin-top: 2rem; padding: 2rem 1.5rem; }
    .socialBox .ico img { max-width: 3.5rem; }
    .socialBox > h3 { margin: 1.25rem 0 0.5rem; font-size: 1.1rem; line-height: 1.35rem; }
    .socialBox > p { line-height: 1.35rem; }
    .socialBox .btns { margin: 2rem 0 0 0; padding-top: 2rem; }
    .socialBox .btns a { width: 12.5rem; height: 2.25rem; }

    /* �닔�븰�뿬�뻾吏��썝�떒 �냼媛� */
    /* .customBox { padding: 1.75rem 16.5rem 2.25rem 2rem; }
    .customBox::before { width: 19rem; right: -3rem; border-radius: 10rem 0 0 10rem; background-position: right center; } */

    .customBox { padding: 1.75rem 2rem 2.25rem 2rem; }
    .customBox::before { display: none; }
    .customBox > span { font-size: 1.35rem; margin: 0.5rem 0 0.75rem; }
    .customBox > p { font-size: 0.8rem; }

    /* �궗�뾽媛쒖슂 諛� 泥닿퀎 */
    .sub0303 .weeBox ul li { width: 12rem; height: 12rem; gap: 0.5rem; }
    .sub0303 .weeBox ul li span { font-size: 2.15rem; }
    .sub0303 .weeBox ul li em { font-size: 1rem; }
    .sub0303 .box_st1 .boxTit { margin-bottom: 1rem; }
    .sub0303 .box_st1 .gap { margin-top: 0.75rem; }
    .sub0303 .weeBox ul li:nth-child(1) { margin-right: -1.25rem; }
    .sub0303 .weeBox ul li:nth-child(3) { margin-left: -1.25rem; }

    /* �떆�꽕�븞�궡 */
    .subImgBox ul { gap: 1.25rem 1.5rem; }
    .subImgBox ul li { width: calc((100% - 1.5rem) / 2); }

    /* �긽�떞 諛� �떖由ъ튂猷� */
    .cuStep.typeB { gap: 1.5rem; }
    .cuStep.typeB.typeC > li,
    .cuStep.typeB > li { width: calc((100% - 1.5rem) / 2); }

    /* 0501_인사말 */
    .sub0501 .top { padding: 2rem 13.5rem 7rem 2rem; }
    .sub0501 .top > p { font-size: 1.2rem; line-height: 1.85rem; }
    .sub0501 .top > img {  max-width: 11.5rem; top: 5.83rem; }
    .sub0501 .top:before { right: -15rem; }
    .sub0501 .bot { padding: 2rem 12rem 5rem 2rem; }

    /* 이미지박스 260402 */
    .sub0303 .imgpubBox .pubWrap { grid-template-columns : repeat(1, 1fr); }

    /* 조직도03030301 260402 */
    .oranic03030301.typeB ul.orgDep02::before { width: calc(100% - 31vw); }

    /* 조직도03030301 260402 */
    .oranic050103 { gap: 3rem; }
    .oranic050103::before { background: #EBEBEB; width: 0.55rem; height: 100%; }
    .oranic050103 > ul { gap: 1rem; }
    .oranic050103 > ul > li { flex: none; width: 100%; }
    .oranic050103 > span { width: 100%; height: 4rem; font-size: 1.1rem; }

}

@media screen and (max-width: 800px) {
    /* �쉶�썝媛��엯 */
    .joinCont .tbl_st { margin-top: 3rem; }
    .joinCont .tbl_st input,
    .joinCont .tbl_st select { min-width: auto !important; width: 100%; }
    .tbl_st .idBox input { flex: 1; }
    .tbl_st .passBox input { width: 100%; }
    .tbl_st .selTxtBox,
    .tbl_st .idBox,
    .tbl_st .passBox { gap: 0.35rem; }
    .tbl_st .selTxtBox input { width: 100%; }
    .joinCont .tbl_st .mailBox { width: 100%; justify-content: center; }
    .tbl_st .phoneBox select,
    .tbl_st .phoneBox input {  flex: 1; }
    .joinCont .bttBox a { height: 1.75rem !important; }

    /* �븰援먰룺�젰 �떊怨� */
    .rprtschV.step02 table input[type="text"] { min-width: auto; width: 100%; }
    .rprtschV.step02 .phoneBox input { flex: 1; min-width: auto !important; }
    .rprtschV.step02 table .idBox input[type="text"]  { flex: none; width: 100%; }
    .rprtschV.step03 .bbs_ListA td span.state.check { height: 1.5rem; padding: 0 0.5rem; width: 4.5rem; }
    .rprtschV.step03 .bbs_ListA td.sTte { width: 100%; padding-left: 0 !important; }
    .rprtschV.step03 .bbs_ListA td.sTte::before { display: none; }

    /* 怨듯넻罹섎┛�뜑 */
    .clndrMain { margin-top: 2rem; }
    .clndrMain table thead,
    .clndrMain table colgroup,
    .clndrMain table tbody tr td.none { display: none; }
    .clndrMain { position: relative; }
    .clndrMain::before { position: absolute; content: ""; bottom: 0; left: 0; width: 100%; background-image:linear-gradient(to top, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%); height: 1.5rem; background-size:1.5rem 100%; z-index: 1; }
    .clndrMain table { border: 1px solid #D3D3D9; border-top: 2px solid #000; border-bottom: none !important; }
    .clndrMain table tbody { display: block; height: 54.1rem; overflow-y: auto; overflow-x: hidden; }
    .clndrMain table tbody tr { width: 100%; display: flex; flex-direction: column; }
    .clndrMain table tbody tr td { height: auto; padding: 0.75rem 0.75rem 1.5rem; border: none !important; border-bottom: 1px solid #d3d3d9 !important; }
    .clndrMain table td > p.time { width: auto; }
    .clndCrt .top { height: 2.85rem; padding: 0 5.5rem; }
    .clndCrt .top span.mainYear { font-size: 1.25rem; }
    .clndCrt .top > button { gap: 0.25rem; }
    .clndCrt .top > button.prevYear { left: 0.75rem; font-size: 0.9rem; }
    .clndCrt .top > button.nextYear { right: 0.75rem; font-size: 0.9rem; }
    .clndCrt .top > button i { font-size: 1rem; }
    .clndCrt .bot .selMonth { width: 100%; margin-left: 0; padding-left: 0; margin-top: 0.75rem; padding-top: 0.75rem; }
    .clndCrt .bot .selMonth::before { width: 100%; height: 1px; top: 0; transform: none; }
    .clndCrt .bot .selMonth ul li a { width: 3rem; font-size: 0.75rem; line-height: 1.5rem; }

    /* 媛뺤궗罹섎┛�뜑 */
    .lctrGid .box_st3 { margin-top: 0.75rem; padding: 1.25rem; }
    .lctrGid .box_st3 .selWrap { gap: 0.75rem 1.35rem; }
    .lctrGid .box_st3 .selWrap .selBox { width: calc((100% - 1.35rem) / 2); gap: 0.25rem 0.5rem; }
    .lctrGid .box_st3 .selWrap .selBox span { font-size: 0.75rem; }
    .lctrGid .box_st3 .selWrap .selBox select,
    .lctrGid .box_st3 .selWrap .selBox input { height: 2rem; padding: 0 1.75rem 0 0.75rem; }
    .lctrGid .box_st3 .lctrDetail { margin-top: 1rem; padding: 1rem 1rem 1.35rem; }
    .lctrGid .box_st3 .lctrDetail .titWrap > span { font-size: 1rem; }
    .lctrGid .box_st3 .lctrDetail .titWrap { gap: 0.75rem 1rem; margin-bottom: 1.25rem !important; }
    .lctrGid .box_st3 .lctrDetail .titWrap > ul { height: 1.75rem; }
    .lctrGid .box_st3 .lctrDetail .titWrap > ul > li { padding: 0 0.75rem; font-size: 0.8rem; }

    /* 怨듯넻�뙘�뾽 */
    .popUpLyt .popWrap .popBox .tbl_st.reactTb table .btns { justify-content: center; }
    .popUpLyt .btns { margin: 1.5rem 0 0 0; }
    .popUpLyt .btns a { min-width: 4.5rem; }

    /* �삩�씪�씤梨꾩슜吏��썝 */
    .onApply.insert .tbl_st td select,
    .onApply.insert .tbl_st td input:not(input[type="radio"]) { width: 100%; min-width: auto !important; }
    .onApply.insert .tbl_st .dateBox input,
    .onApply.insert .tbl_st .inputBox input { flex: 1; }
    .onApply.insert .btns a { min-width: 4.5rem; }
    .onApply .bbs_ListA.reactTb td.stateBox { width: 100%; padding: 0 !important; }
    .onApply .bbs_ListA.reactTb td.stateBox::before { display: none; }
    .onApply .bbs_ListA.reactTb td.stateBox span.state { width: 4.5rem; margin-top: 0.15rem; }

    /* 媛뺤궗�봽濡쒓렇�옩 愿�由� */
    .lcPrgm .box .chkBox ul { gap: 0.75rem 2rem; }
    .lcPrgm .box .chkBox .custom_checkbox::before { font-size: 0.9rem; }
    .lcPrgm .box .chkBox label { font-size: 0.8rem; gap: 0.45rem; }
    .lcPrgm .box .chkBox .custom_checkbox { width: 1.15rem; height: 1.15rem; }
    #prevProp .btns { margin: 1.5rem 0 0 0; }
    .otherTb table tr { display: table !important; }
    .otherTb table th,
    .otherTb table td { width: auto !important; }
    .otherTb table thead th:first-child,
    .otherTb table tbody td:first-child { width: 3rem !important; }
    .lcPrgm.hope .box .chkBox ul { gap: 0.75rem 2rem; }
    .lcPrgm .box .addBox .txtBox { min-height: 5rem; padding: 0.5rem; text-align: start; }

    #applyPop .popWrap .detailBox ul li { flex: none !important; width: 50%; padding-right: 1rem; font-size: 0.8rem; }
    #applyPop .popWrap .detailBox ul li::before { top: 0.42rem; }
    #applyPop .popWrap .rdoBox label ul li::before { top: 0.25rem; }
    #applyPop .popWrap .detailBox ul { gap: 0.5rem 0; }
    #applyPop .popWrap .rdoBox ul label { padding: 1.25rem 1.25rem 1.25rem 2.5rem; }
    #applyPop .popWrap .rdoBox ul li input[type="radio"]::before { width: 0.5rem; height: 0.5rem; }
    #applyPop .popWrap .rdoBox ul li input { width: 0.9rem; height: 0.9rem !important; top: 1.55rem; left: 1rem; }
    #applyPop .popWrap .rdoBox ul label { gap: 1rem; }
    #applyPop .popWrap .rdoBox label .tit span { font-size: 1rem; }
    #applyPop .popWrap .rdoBox label .tit em { height: 1.5rem; padding: 0 0.5rem; }
    #applyPop .popWrap .rdoBox label ul { gap: 1rem 2rem; }
    #applyPop .popWrap .detailBox { padding: 1rem; }

    /* �삁�빟�떊泥� 議고쉶 */
    .popUpLyt#myInfo .bbs_ListA.reactTb td.num { width: 100% !important; min-width: 100% !important; max-width: 100% !important; margin: 0 !important; text-align: start !important; justify-content: start; }

    .lctrGid.check .bbs_ListA.reactTb td.num { width: 100% !important; min-width: 100% !important; max-width: 100% !important; margin: 0 !important; text-align: start !important; justify-content: start; }
    .lctrGid.check .bbs_ListA.reactTb td.stateBox { margin: 0.15rem 0 !important; }

    .sftyUser .emailWrap *,
    .sftyUser .adrsWrap input { flex: 1; }

    /* �븞�쟾�슂�썝�씤�젰�� */
    .sftyUser .bbs_srch { justify-content: start; }
    .sftyUser .bbs_srch .srchLyt  { flex: none; width: 100%; }
    .sftyUser .bbs_ListA.reactTb td.stateBox { order: 6; }
    .sftyUser .box_st1 > ul { margin-top: 1.5rem; gap: 2rem; }
    .sftyUser .box_st1 > ul li { width: calc((100% - 2rem) / 2); }
    .sftyUser .box_st1 > ul li::before { right: -1.5rem; }

    /* 鍮꾨�踰덊샇 蹂�寃� */
    .passChgWrap { width: 100%; }

    /* 援먯쑁湲곗옄�옱 �쁽�솴 */
    .userRnt.reactTb td { width: 100% !important; }
    .userRnt.reactTb td.num { width: 100% !important; max-width: 100%; justify-content: start; margin: 0 !important; }
    .userRnt.reactTb td.stateBox { order: -1; width: auto !important; margin-bottom: 0.15rem; }
    .userRnt table td span.rodStt { width: 3.25rem; height: 1.5rem; }
    .rntWrap .rntForm .rntInpWrap { padding: 1.5rem 1.25rem; }
    .rntWrap .rntForm .rntInpWrap .rntInpBox ~ .rntInpBox { margin-top: 0.85rem; }
    .rntWrap .titWrap h4 { line-height: 1.85rem; }
    .rntWrap .rntCal .titWrap > span { height: 1.85rem; font-size: 0.9rem; width: auto; padding: 0 0.75rem; }
    .rntWrap .rntCal .clndrMain table td { height: auto; padding: 0.75rem; }
    .rntWrap .rntCal .clndrMain { margin-top: 1.5rem; }
    .rntWrap .rntForm .rntInpWrap .rntInpBox { gap: 0.35rem; }
    .rntWrap .rntForm .rntInpWrap .rntInpBox .numWrap { gap: 0.35rem 0.5rem; }

    /* �닔�븰�뿬�뻾吏��썝�떒 �냼媛� */
    .customBox { padding: 1.5rem; }
    .customBox::before { display: none; }
    .cuStep { gap: 2.15rem 1.5rem; }
    .cuStep > li { width: calc((100% - 1.5rem) / 2); }

    /* 즉시지원 신청서 */
    .oneStop .reactTb td input[type="text"] { min-width: auto; width: 100%; }
    .oneStop .phoneBox { display: flex; flex-wrap: wrap; align-items: center; gap: 0.15rem; }
    .oneStop .phoneBox select,
    .oneStop .phoneBox input { min-width: auto !important; width: auto !important; flex: 1; }
    .oneStop .reactTb tr { gap: 0 !important; }
    .oneStop .reactTb .rdoBox ul,
    .oneStop .reactTb .chkBox ul { justify-content: center; }
}

@media screen and (max-width: 768px) {
    /* 통합검색 */
    .topLyt .goMain img { max-width: 8.5rem; }
    .topLyt .titWrap span { font-size: 1.4rem; }
    .topLyt .ttlSrch { height: 3rem; }
    .topLyt .ttlSrch button { height: 2.25rem; width: 2.25rem; font-size: 0.85rem; gap: 0.35rem; }
    .topLyt .ttlSrch button > i { font-size: 0.95rem; }
    .topLyt .ttlSrch select { font-size: 0.9rem; }
    .topLyt .ttlSrch input { font-size: 0.9rem; padding: 0 6rem 0 8rem; }
    .topLyt .ttlSrch::before { height: 50%; }
    .botLyt .srchBody .srchWrap .srchRst.file .bot > ul,
    .botLyt .srchBody .srchWrap .srchRst.cont .bot > ul { gap: 1.5rem; }
    .botLyt .srchBody { padding-top: 1rem; }
    .botLyt .srchBody .srchWrap { margin-top: 1.75rem; }
    .botLyt .srchBody .srchWrap .srchRst.menu .list_st1 li + li { margin-top: 0.35rem; }
    .botLyt .srchBody .srchWrap .srchRst.menu .top { margin-bottom: 1rem; }
    .botLyt .srchBody .srchWrap .srchRst .top { margin-bottom: 1.25rem; }
    .botLyt .srchBody .srchWrap .srchRst .top > span { font-size: 1.1rem; }
    .botLyt .srchBody .srchWrap .srchRst ~ .srchRst { margin-top: 2rem; padding-top: 2rem; }
    .botLyt .srchBody .srchWrap .srchRst.file .bot > ul > li > a { padding: 1.25rem; }
    .botLyt .srchBody .srchWrap .srchRst.file .bot > ul > li > a > span.file,
    .botLyt .srchBody .srchWrap .srchRst.cont .bot > ul > li > a > span { font-size: 1rem; }
    .botLyt .srchBody .srchWrap .srchRst.file .bot > ul > li > a > p.txt,
    .botLyt .srchBody .srchWrap .srchRst.cont .bot > ul > li > a > p { margin: 0.5rem 0 0.75rem; font-size: 0.85rem; line-height: 1.3rem; }
    .botLyt .srchBody .srchWrap .srchRst ul.botDetail { gap: 0.5rem 1rem; }
    .botLyt .srchBody .srchWrap .srchRst.file .bot > ul { gap: 1rem; }

    /* �꽌釉� 怨듯넻 �젅李� */
    .subStep.w_30 > ul > li,
    .subStep > ul > li { width: calc((100% - 2.5rem) / 2); }
    .subStep > ul > li:nth-child(3n):before { display: block !important; }
    .subStep > ul > li:last-child:before,
    .subStep > ul > li:nth-child(2n):before { display: none !important; }

    /* 怨듭궗吏��썝 */
    .cntnSprt select,
    .cntnSprt input { min-width: auto !important;  }
    .cntnSprt .bbs_srch .dateWrap .dateBox,
    .cntnSprt .bbs_srch .dateWrap .dateBox input,
	.cntnSprt .bbs_srch .selBox select { flex: 1; }

    /* �븰援먰룺�젰 �떊怨� */
    .rprtschV .botTxt { margin: 2rem 0 1rem; font-size: 1.1rem; }
    .rprtschV .btns a { min-width: 3.25rem; }
    .rprtschV .btns { margin: 1.5rem 0; }

    /* �떞�떦�옄 �젙蹂� */
    .nameInfo { margin-top: 2.5rem !important; gap: 0.5rem; }
    .nameInfo > span { width: 100%; }
    .nameInfo > ul { width: 100%; gap: 0.35rem 1.85rem; }

    /* 濡쒓렇�씤 */
    .loginWrap ul { gap: 1.25rem 1rem; }
    .loginWrap ul li { width: calc((100% - 1rem) / 2); }
    .loginWrap ul li.kakao .logLst .img::before { width: 2.3rem; }
    .loginWrap ul li.epki .logLst .img img { max-width: 3.75rem; }
    .loginWrap ul li.kakao .logLst .img img { max-width: 3.9rem; }
    .loginWrap ul li.naver .logLst .img img { max-width: 2.45rem; }
    .loginWrap ul li .logLst > a { height: 2.25rem; font-size: 0.85rem; }
    .loginWrap .inviteCodeLink { margin-top: 2rem; padding-top: 2rem; }
    .loginWrap .inviteCodeLink a { display: flex; align-items: center; padding: 0 2.25rem; height: 2rem; }
    .loginWrap .inviteCodeLink a > i {font-size: 0.8rem; right: 0.75rem; }

    /* �쉶�썝媛��엯 */
    .joinCont .join,
    .joinCont .joinBox { margin-top: 3rem; }
    .joinCont .btns a,
    .joinCont .btns button { min-width: 4rem; }
    .joinCont .box_agree .agrBox .agrScroll h4.ruleTit { font-size: 1.1rem; margin-bottom: 1.25rem; line-height: 1.6rem; }
    .joinCont .box_agree .agrBox .agrScroll h5.ruleTit2 { font-size: 1rem; margin-bottom: 0.75rem; line-height: 1.35rem; }
    .joinCont .box_agree .agrBox .agrScroll h4.ruleTit ~ h4.ruleTit { margin-top: 1.5rem; }
    .joinCont .memjoin_steps ul { gap: 0; width: 100%; border-top: 1px solid #d3d4d8; border-bottom: 1px solid #d3d4d8; }
    .joinCont .memjoin_steps ul li { width: 100%; height: 2.5rem; border-bottom: 1px solid #d3d4d8; border-right: 1px solid #d3d4d8; border-left: 1px solid #d3d4d8; }
    .joinCont .memjoin_steps ul li:last-child { border-bottom: none; }
    .joinCont .memjoin_steps ul li span { flex-direction: row; gap: 0.5rem; flex-wrap: wrap; font-weight: 500; line-height: 1rem; }
    .joinCont .memjoin_steps ul li.pass { background: #eee; }
    .joinCont .memjoin_steps ul li.pass::before { background: transparent;}
    .joinCont .memjoin_steps ul li.on { border: none !important; }
    .joinCont .memjoin_steps ul li.on span,
    .joinCont .memjoin_steps ul li.on span em { color: #fff !important; }
    .joinCont .memjoin_steps ul li.on { background: #5D31FF; }
    .joinCont .memjoin_steps ul li:before { border: none; width: auto; height: auto; top: 50%; transform: translateY(-50%); left: 0.5rem; }
    .joinCont .memjoin_steps ul li:after { display: none; }
    .joinCont .joinBox { padding: 1.5rem; }
    .joinCont .joinBox .cert_type li a { font-size: 0.85rem; line-height: 1.2; }

    /* 媛뺤궗�븞�궡 */
    .lctrGid.lst .box_st3 { padding: 1.5rem 1.25rem; }
    .lctrGid.lst .box_st3 .btns { margin: 1.25rem 0 0 0 !important; padding-top: 1.25rem; }
    .lctrGid.lst .bbs_ListA table tbody td .btns a { width: 100%; flex: none; max-width: none; }
    .lctrGid.lst .box_st3 .btns a { min-width: auto; }

    /* �삩�씪�씤梨꾩슜吏��썝 */
    .onApply .onlineWrap { padding: 1.25rem; }
    .onApply .onlineBox { gap: 0.5rem 1.25rem; }
    .onApply .onlineBox .halfBox { width: calc((100% - 1.25rem) / 2); }
    .onApply .onBoxWrap { padding-bottom: 2rem; margin-bottom: 1.25rem; }
    .onApply .onBoxWrap + .addLst { margin: 0 !important; }
    .onApply .onBoxWrap .topBtn a,
    .onApply .addLst a { height: 1.75rem !important; min-width: auto !important; padding: 0 1.75rem 0 0.75rem !important; }
    .onApply .addLst a i { top: 0.35rem; }
    .onApply .tab_st2 { margin: 1rem 0 1.5rem; }
    .onApply .onlineBox.adrsWrap .halfBox { width: 100%; }
    .onApply .onlineBox .emailWrap .emailBox { width: 100%; }
    .onApply .onlineBox .emailWrap > select { width: 100%; flex: none; }

    /* 媛뺤궗�봽濡쒓렇�옩 愿�由� */
    .lcPrgm .inputWrap { gap: 0.75rem; }
    .lcPrgm .inputBox { gap: 0.5rem 1.35rem; }
    .lcPrgm .inputBox .halfBox { width: calc((100% - 1.35rem) / 2); }
    .lcPrgm .inputBox.inDate { gap: 0.5rem 0.75rem; }
    #scorePop .popWrap .scoreBox { margin: 1rem 0 1.25rem 0;  }
    #scorePop .popWrap .scoreBox > p { font-size: 0.9rem; }
    #scorePop .popWrap .scoreBox .score { font-size: 1.25rem; }
    #scorePop .popWrap .tit2 { margin-top: 1.25rem !important; }
    #scorePop .popWrap h4[class^='tit'] + div { margin-top: 0.75rem !important; }
    #scorePop .popWrap .detailBox ul li { font-size: 0.8rem; }
    #scorePop .popWrap .detailBox { padding: 1rem; }
    #scorePop .popWrap .detailBox ul li::before { top: 0.4rem; }
    .lcPrgm .box .addBox .titWrap .btns a { height: 2rem; }

    /* 珥덈�肄붾뱶 */
    .inviteCodeWrap .insertWrap,
    .inviteCodeWrap .linkBox > .btns { margin-top: 1.5rem; padding-top: 1.5rem; }
    .inviteCodeWrap .linkBox .lnkArea .icon { margin-bottom: 1rem; }
    .inviteCodeWrap .insertWrap .inputGroup { gap: 0.35rem; width: 100%; }
    .inviteCodeWrap .insertWrap .inputGroup label { width: 100%; margin: 0; }
    .inviteCodeWrap .insertWrap .inputGroup input { width: 100%; font-size: 0.85rem; }
    .inviteCodeWrap .authMethodList label span.authMethodName { font-size: 1rem; margin-top: 0.75rem; }

    /* 援먯쑁湲곌��옱 �쁽�솴 */
    .rntWrap .rntForm .rntInpWrap .rntInpBox .bu_wnrn:before { top: 0.25rem; }

    /* �닔�뾽吏��썝 媛뺤궗愿�由� */
    .mthdStep li { flex: none; width: calc((100% - 2.5rem) / 2); }
    .mthdStep li:before { display: block !important; }
    .mthdStep li:last-child::before,
    .mthdStep li:nth-child(2n):before { display: none !important; }

    /* 怨듯넻 濡쒓렇�씤 諛뺤뒪 */
    .login_wrap { padding: 2rem 1.5rem; margin-top: 2rem; }
    .login_wrap h3 { font-size: 1.1rem; margin-top: 1rem; }
    .login_wrap .login_desc { font-size: 0.85rem; margin: 0.5rem 0 2rem; }

    /* �궗�뾽媛쒖슂 諛� 泥닿퀎 */
    .sub0303 .weeBox ul li span { font-size: 2.15rem; }
    .sub0303 .weeBox ul li em { font-size: 1rem; }
    .sub0303 .box_st1 .gap { margin-top: 0.5rem; }
    .sub0303 .weeBox ul { flex-direction: column; gap: 1rem; }
    .sub0303 .weeBox ul li { padding: 1rem; width: 100%; height: auto; border-radius: 1rem; }
    .sub0303 .weeBox ul li:nth-child(1) { margin-right: 0; }
    .sub0303 .weeBox ul li:nth-child(3) { margin-left: 0; }

    /* �꽭醫낆쐞 */
    .weeUl li { padding: 1rem 1rem 1.5rem; }
    .weeUl li span { font-size: 0.85rem; margin: 0.75rem 0; padding: 0.35rem 0.5rem; }
    .weeUl li p.txt { padding: 0 1rem; font-size: 0.85rem; }

    /* �씠�슜�븞�궡 */
    .subInfo .info > ul > li > span { padding: 0.35rem 0.5rem; margin-bottom: 0.75rem; font-size: 0.9rem; }
    .subInfo .info > ul > li { padding: 1rem; }
    .infoDetail > li > p.img { height: auto; }
    .infoDetail > li > p.img img { max-width: 3.5rem; }
    .infoDetail > li { padding: 1.5rem 1rem; }
    .infoDetail > li p.txt { font-size: 0.8rem; margin-top: 0.35rem; }

    /* �떆�꽕�븞�궡 */
    /* .subImgBox ul { gap: 1.25rem 1.5rem; }
    .subImgBox ul li { width: calc((100% - 3rem) / 2); } */
    .subImgBox ul li > .img p { height: 7.5rem; }

    /* �븳�넄�닔�쁺�옣 �냼媛� */
    .cuStep.typeB.w_50 { gap: 1.5rem; }
    .cuStep.typeB.w_50 > li { width: calc((100% - 1.5rem) / 2); }

    /* �삤�떆�뒗湲� */
    .mapDetail { padding: 1.25rem 1.5rem; }
    .mapDetail .img img { max-width: 3.25rem; }
    .mapDetail .txt > span { font-size: 1rem; }

    /* 0502_연혁 */
    .sub0502 .hstWrap + .hstWrap { margin-top: 1.5rem; }
    .sub0502 .hstWrap { padding-left: 7rem; }
    .sub0502 .hstWrap > span { width: 5rem; height: 5rem; font-size: 1rem; } 
    .sub0502 .hstWrap > .hstBox { padding: 0.5rem 1.5rem; }

    /* 공유 및 매칭 지원 */
    .suprtStep { gap: 2rem 0; }
    .suprtStep li { flex: none; width: 100%; }
    .suprtStep li::before { top: auto; bottom: -1.5rem; transform: translateX(50%) rotate(90deg); right: 50%; }

    /* 조직도03030301 260402 */
    .oranic03030301 ul.orgDep02::before { display: none; }
    .oranic03030301 ul.orgDep02 > li > img { display: none !important; }
    .oranic03030301 ul.orgDep02 > li { flex: none; width: 100%; }
    .oranic03030301 ul.orgDep01 { padding-bottom: 13.5rem; }
    .oranic03030301 ul.orgDep02 { gap: 1rem; }
    .oranic03030301 ul.orgDep01 li {  width: 100% !important; height: 3.5rem; font-size: 0.95rem !important; }
    .oranic03030301 ul.orgDep01::before { height: 100%; }
    .oranic03030301 ul.orgDep01 > li.top { height: 4rem; }

    .oranic03030301.typeB ul.orgDep02 { gap: 1rem; }
    .oranic03030301.typeB ul.orgDep01 { padding-bottom: 9rem; } 
    .oranic03030301.typeB ul.orgDep01::before { height: 100%; }

}

@media screen and (max-width: 680px) {
    /* 鍮꾨�踰덊샇 蹂�寃� */
    .passChgWrap { padding: 2rem; }
    .passChgWrap .passChgBox .inputBox { gap: 0.35rem; }
    .passChgWrap .passChgBox .inputBox label { width: 100%; line-height: 1; font-size: 0.85rem; }
    .passChgWrap .passChgBox .inputBox input { height: 2.5rem; }
    .passChgWrap .passChgBox .inputBox.newPass p.chkPassTxt { padding: 0; }
    .passChgWrap .btns { margin-top: 1.5rem; padding-top: 1.5rem; }

    /* 吏��썝�븞�궡 */
    .cuStep.typeB.typeC > li { width: 100%; }

    /* 二쇱슂�뾽臾� */
    .cuStep.typeB.typeD > li { min-height: auto; width: 100%; }

    /* �삤�떆�뒗湲� */
    .mapDetail { padding: 1.25rem 1rem; }
    .mapDetail .img img { display: none; }
    .mapDetail .txt { padding: 0 1rem 0 0; flex-wrap: wrap; }
    .mapDetail .txt > p { flex: none; max-width: 100%; }

    /* 0501_인사말 */
    .sub0501 .top { padding: 2rem 2rem 7rem 2rem; }
    .sub0501 .top > p { font-size: 1.1rem; line-height: 1.75rem; }
    .sub0501 .top > img {  max-width: 9.5rem; top: 5.83rem; display: none; }
    .sub0501 .top:before { right: -18.5rem; }
    .sub0501 .bot { padding: 2rem 2rem 5rem 2rem; }
    .sub0501 .bot .txt p { font-size: 0.85rem; line-height: 1.2rem; }
    .sub0501 .bot .txt p ~ p { margin-top: 1.15rem; }

    /* 0502_연혁 */
    .sub0502 .hstWrap > span { position: relative; top: auto; left: auto; transform: none; width: auto; height: auto; padding: 0.5rem 1rem; border-radius: 0.5rem; border: 0.2rem solid #E8EDFF; margin-bottom: 0.5rem; }
    .sub0502 .hstWrap > span::before { height: 1rem; width: 2px; transform: translateX(-50%); left: 50%; bottom: -0.7rem; top: auto; }
    .sub0502 .hstWrap > span::after { position: absolute; content: ""; border-radius: 50%; width: 8px; height: 8px; background: #5D31FF; left: 50%; transform: translateX(-50%); bottom: -0.95rem; z-index: 1; }
    .sub0502 .hstWrap { padding-left: 0; }
    .sub0502 .hstWrap > .hstBox:before, .sub0502 .hstWrap > .hstBox:after { display: none; }

}

@media screen and (max-width: 580px) {
    /* 통합검색 */
    .topLyt .titWrap { padding: 0; flex-direction: column; gap: 1.5rem; }
    .topLyt .ttlWrap { margin-top: 1.25rem; }
    .totalSrch .titWrap { padding: 1.5rem 1rem; font-size: 1.1rem; }

    /* 濡쒓렇�씤 */
    .loginWrap ul { gap: 1rem; }
    .loginWrap ul li { width: 100%; }
    .loginWrap ul li .logLst .img { height: auto; }

    /* �쉶�썝媛��엯 */
    .joinCont .joinBox .cert_type { margin: 1.5rem 0; gap: 0.5rem; }
    .joinCont .joinBox .cert_type li { width: 100%; }
    .joinCont .joinBox .cert_type li a { min-height: 2.85rem; padding: 0.5rem 2.35rem; }
    .joinCont .joinBox .cert_type li a > i { font-size: 1rem; left: 1rem; }
    .joinCont .btns.btn_cert2 a, .joinCont .btns.btn_cert2 button { min-width: 100%; }
    .joinCont .btns.btn_cert2 { margin: 0.5rem 0 0 0; }
    .joinCont .addChld > span { flex-wrap: wrap; }
    .joinCont .addChld > span > div { flex: none; }
    .joinCont .addChld > span > div:nth-child(1),
    .joinCont .addChld > span > div:nth-child(2) { width: calc((100% - 0.5rem) / 2); }
    .joinCont .addChld > span > div:nth-child(3) { width: calc(100% - 3.75rem); }
    .joinCont.step04 .joinBox .chkIco { width: 1.75rem; height: 1.75rem; font-size: 1.2rem; margin-bottom: 0.5rem; }
    .joinCont.step04 .btns { margin: 1rem 0 0 0; }
    .joinCont.step04 .btns button { min-width: 8.5rem !important; }

    /* 怨듯넻罹섎┛�뜑 */
    .clndrMain { margin-top: 1.5rem; }
    .clndrMain table tbody { height: 37.5rem; }
    .clndCrt { margin: 2rem 0 1rem; }
    .clndCrt .top { height: 2.55rem; padding: 0 5.5rem; }
    .clndCrt .top span.mainYear { font-size: 1.15rem; }
    .clndCrt .top > button.prevYear { left: 0.5rem; font-size: 0.85rem; }
    .clndCrt .top > button.nextYear { right: 0.5rem; font-size: 0.85rem; }
    .clndCrt .top > button i { font-size: 0.9rem; }
    .clndCrt .bot { padding: 0.5rem 0.75rem; }
    .clndCrt .bot .selMonth ul { gap: 0.35rem; }
    .clndCrt .bot .crtBox button,
    .clndCrt .bot .selMonth ul li a { height: 1.5rem; font-size: 0.75rem; }

    /* 媛뺤궗罹섎┛�뜑 */
    .lctrGid .box_st3 { padding: 1rem; }
    .lctrGid .box_st3 .selWrap .selBox span { width: 100%; }
    .lctrGid .box_st3 .lctrDetail { margin-top: 0.75rem; padding: 0.75rem 0.75rem 1.15rem; }
    .lctrGid .box_st3 .lctrDetail .titWrap { margin-bottom: 0.75rem !important; gap: 0.5rem 0.75rem; }
    .lctrGid .box_st3 .lctrDetail .titWrap > ul { height: 1.5rem; }
    .lctrGid .box_st3 .lctrDetail .titWrap > ul > li { padding: 0 0.5rem; font-size: 0.75rem; }
    .lctrGid .box_st3 .lctrDetail .titWrap > span { font-size: 0.9rem; }
    .clndrMain table td > span { font-size: 0.8rem; margin-bottom: 0.25rem; }

    /* 媛뺤궗�봽濡쒓렇�옩 愿�由� */
    .lcPrgm .inputBox.inDate .dateWrap { width: 100%; }
    .lcPrgm .inputBox.inDate .dateWrap input { min-width: auto !important; flex: 1; }
    .lcPrgm .inputBox .halfBox { width: 100%; }
    .lcPrgm .inputBox.oneline select { min-width: 7.5rem; width: 7.5rem; }
    .lcPrgm .inputBox.oneline { gap: 0.5rem; }
    #scorePop .popWrap .detailBox ul { gap: 0.25rem; }
    #scorePop .popWrap .detailBox ul li { flex: none; width: 100%; }
    #scorePop .popWrap .detailBox ul li::before { width: 0.3rem; height: 0.3rem; top: 0.42rem; }
    #scorePop .popWrap .scoreBox { gap: 0; }
    #scorePop .popWrap .scoreBox .score { font-size: 1.1rem; }
    #scorePop .popWrap .opinionBox { height: 5rem; font-size: 0.75rem; }

    /* �닔�븰�뿬�뻾吏��썝�떒 �냼媛� */
    .customBox { padding: 1.5rem 1.25rem; }
    .customBox::before { display: none; }
    .cuStep { gap: 2rem 1.5rem; margin-top: 1.75rem; }
    .cuStep > li { width: 100%; }
    .customBox > span { font-size: 1.15rem; }
    .cuStep > li > p br { display: none; }

    /* �꽭醫낆쐞 */
    .weeUl li { padding: 1rem; width: 100%; }

    /* �씠�슜�븞�궡 */
    .subInfo .info { margin-top: 1.5rem; }
    .subInfo .info > ul { gap: 1rem; }
    .subInfo .info > ul > li > .txt > p.bu_wnrn { margin-top: 0.25rem; }
    .subInfo .info > ul > li { width: 100%; }
    .infoDetail { gap: 1rem; margin-top: 1rem; }
    .infoDetail > li { width: 100%; flex: none; padding: 1.25rem 1rem; }
    .infoDetail > li > p.img { margin-bottom: 1rem; }
    .infoDetail > li > p.img img { max-width: 3.25rem; }
    .rsp_img.tpyeC p { border-radius: 1rem; }

    /* �븳�넄�닔�쁺�옣 �냼媛� */
    .cuStep.typeB.w_50 > li { width: 100%; min-height: auto; }

    .infoTxtBox { margin-top: 0.75rem; border-radius: 0.5rem; padding: 0.5rem 0; flex-wrap: wrap; gap: 0.25rem; width: 100%; }
    .infoTxtBox > p { padding: 0 0.5rem 0 1.65rem; width: 100%; }
    .infoTxtBox > p:before { left: 0.75rem; top: 0.4rem; width: 0.4rem; height: 0.4rem; }
    .infoTxtBox > p:after { display: none !important; }
}

@media screen and (max-width: 480px) {
    .infoDetail > li > p.img { display: none !important; }

    /* 신고 */
    .infoImgBox { gap: 1.5rem 1rem; margin-top: 0.75rem; }
    .infoImgBox .box > span { font-size: 0.8rem; height: 2rem; line-height: 2rem; padding: 0 0.75rem; }
    .infoImgBox .box .txt { padding: 0.75rem; }
    .infoImgBox .box .txt > ul li { font-size: 0.75rem !important; }
    .infoImgBox .box .txt > ul.list_st1 > li::before { top: 0.45rem; width: 0.25rem; height: 0.25rem; }
    .infoImgBox .box .txt ul.list_st2 > li::before { top: 0.45rem; }
    .infoImgBox .box.heit03::after { right: calc(100% + 0.25rem); }
    .infoImgBox .box.heit03::after,
    .infoImgBox .box.arrw::before, .infoImgBox .boxTwo.arrw::before { font-size: 1rem; }
    .infoImgBox .botBox > span { padding: 1rem 0.5rem; font-size: 0.8rem; }
    .infoImgBox .boxTwo { gap: 1.5rem; }
    .infoImgBox .boxTwo .botBox { width: calc((100% - 1.5rem) / 2); }

    /* 통합검색 */
    .botLyt .srchBody .srchWrap .srchRst .top .rstMore { width: 1.75rem; height: 1.75rem; }
    .botLyt .srchLft { padding: 0 0 1rem 0; }
    .botLyt .srchLft .box03 { gap: 0.75rem; }
    .botLyt .srchLft .box03 .dateWrap .dateBox,
    .botLyt .srchLft .box03 .dateWrap, .botLyt .srchLft .box03 .subBox { width: 100%; }
    .botLyt .srchLft .box03 .subBox.date .rdoBox ul li { flex: none; width: calc((100% - 0.8rem) / 3); }
    .botLyt .srchLft .btns > a { min-width: 4.85rem !important; }
    .botLyt .srchLft .box .tit { font-size: 0.95rem; margin-bottom: 0.25rem; }
    .botLyt .srchLft .box .tit + div { margin: 0 !important; }
    .topLyt .titWrap span { font-size: 1.25rem; }
    .topLyt .ttlSrch { height: 2.75rem; }
    .topLyt .ttlSrch button { height: 2rem; width: 2rem; font-size: 0; text-indent: -9999px; overflow: hidden; gap: 0; }
    .topLyt .ttlSrch button > i { font-size: 0.9rem; text-indent: 0; }
    .topLyt .ttlSrch::before { left: 6rem; }
    .topLyt .ttlSrch select { font-size: 0.8rem; width: 6rem; padding: 0 1.75rem 0 1rem; background-size: 0.6rem; }
    .topLyt .ttlSrch input { font-size: 0.8rem; padding: 0 3rem 0 6.75rem !important; min-width: auto !important; }
    .totalSrch .titWrap { letter-spacing: 1px; }
    .botLyt .srchBody { padding-top: 1.5rem; margin: 0; }
    .botLyt .srchBody .srchWrap { margin-top: 1.5rem; }
    .botLyt .srchBody .srchWrap .srchRst.menu .list_st1 li + li { margin-top: 0.25rem; }
    .botLyt .srchBody .srchWrap .srchRst .top { margin-bottom: 1rem; }
    .botLyt .srchBody .srchWrap .srchRst ~ .srchRst { margin-top: 1.5rem; padding-top: 1.5rem; }
    .botLyt .srchBody .srchWrap .srchRst.file .bot > ul > li > a { padding: 1.25rem 1rem; }
    .botLyt .srchBody .srchWrap .srchRst.file .bot > ul > li > a > span.file,
    .botLyt .srchBody .srchWrap .srchRst.cont .bot > ul > li > a > span { font-size: 0.95rem; line-height: 1.25rem; }
    .botLyt .srchBody .srchWrap .srchRst.file .bot > ul > li > a > span.file { padding-right: 1.85rem; }
    .botLyt .srchBody .srchWrap .srchRst.file .bot > ul > li > a > span.file > em { width: 1.3rem; height: 1.3rem; font-size: 0.75rem; }
    .botLyt .srchBody .srchWrap .srchRst.file .bot > ul > li > a > p.txt,
    .botLyt .srchBody .srchWrap .srchRst.cont .bot > ul > li > a > p { font-size: 0.8rem; line-height: 1.15rem; }
    .botLyt .srchBody .srchWrap .srchRst ul.botDetail { gap: 0.5rem 0.75rem; }
    .botLyt .srchBody .srchWrap .srchRst ul.botDetail li { font-size: 0.7rem; gap: 0.15rem 0.25rem; }

    /* �꽌釉� 怨듯넻 �젅李� */
    /* .subStep > ul > li { width: calc((100% - 2.5rem) / 2); } */
    /* .subStep > ul > li:nth-child(3n):before { display: block !important; }
    .subStep > ul > li:nth-child(2n):before { display: none !important; } */
    .subStep > ul > li > .top { height: 2.25rem; padding: 0 0.75rem; }
    .subStep > ul > li > .bot { height: calc(100% - 2.25rem); }
    .subStep > ul > li > .top p { font-size: 0.75rem; line-height: 1rem; }
    .subStep > ul > li > .top span { font-size: 0.85rem; margin-right: 0.35rem; }
    .subStep > ul > li > .bot { padding: 0.75rem; }
    .subStep > ul > li > .bot .list_st2 > li,
    .subStep > ul > li > .bot .list_st1 > li { font-size: 0.75rem !important; }
    .subStep > ul > li > .bot .bu_wnrn { font-size: 0.75rem !important; padding-left: 1.1rem; }
    .subStep > ul > li > .bot .bu_wnrn:before { font-size: 0.8rem; top: 0.15rem; }
    .subStep > ul > li > .bot .list_st2 > li { padding-left: 0.7rem; }
    .subStep > ul > li > .bot .list_st1 > li:before { top: 0.35rem;}
    .subStep > ul > li > .bot .list_st2 > li::before { width: 0.3rem; top: 0.45rem; }
    .subStep > ul > li > .bot > .botTxt,
    .subStep > ul > li > .bot > .list_st2 { margin-top: 0.5rem; padding-top: 0.5rem; }
    .subStep > ul > li > .bot > .botTxt p.fs16 { font-size: 0.75rem !important; }
    .subStep > ul > li > .bot p.bu_atte { font-size: 0.75rem !important;  }
    .subStep > ul > li > .bot p.bu_atte:before { font-size: 0.85rem; top: 0.05rem; }

    /* �쉶�썝媛��엯 */
    .joinCont .join { margin-top: 1rem; }
    .joinCont .box_agree .agrBox .agrScroll h4.ruleTit { font-size: 1.05rem; margin-bottom: 1.15rem; line-height: 1.5rem; }
    .joinCont .box_agree .agrBox .agrScroll h5.ruleTit2 { font-size: 0.95rem; margin-bottom: 0.65rem; line-height: 1.25rem; }
    .joinCont .box_agree .agrBox .agrScroll h4.ruleTit ~ h4.ruleTit { margin-top: 1.35rem; }
    .joinCont .memjoin_steps ul li { height: 2.35rem; }
    .joinCont .box_agree .agrBox .agrScroll { max-height: 12.5rem; }
    .joinCont.step04 .btns button { min-width: auto !important; width: calc(100% - 2rem); }

    .tbl_st .selBox select,
    .tbl_st .selBox input { min-width: auto !important; width: 100% !important; }

    /* 濡쒓렇�씤 */
    .logBox { padding: 1.25rem !important; }

    /* �븰援먰룺�젰 �떊怨� */
    .rprtschV.step03 .box_st1 { padding: 1.25rem 1rem; margin-top: 2rem; }
    .rprtschV.step03 .box_st1 .img { margin-bottom: 1rem; }
    .rprtschV.step03 .box_st1 .img img { max-width: 3.25rem; }
    .rprtschV.step03 .box_st1 p { font-size: 0.8rem; line-height: 1.25rem; }

    /* 媛뺤궗罹섎┛�뜑 */
    .lctrGid .topTxt { font-size: 0.75rem; line-height: 1rem; padding:  0.35rem 0.5rem; }
    .lctrGid .box_st3 .selWrap .selBox { width: 100%; }
    .popUpLyt#calApplyPop .popInBox ~ .popInBox { margin-top: 0.5rem; }

    /* 媛뺤궗�븞�궡 */
    .lctrGid.lst .box_st3 { padding: 1.25rem 1rem; }
    .lctrGid.lst .box_st3 .btns { margin: 1rem 0 0 0 !important; padding-top: 1rem; }
    .lctrGid.lst .box_st3 h3 { font-size: 1rem; margin-bottom: 0.25rem; }
    .lctrGid.lst .box_st3 p { font-size: 0.8rem; }

    /* 怨듯넻�뙘�뾽 */
    .popUpLyt .popClose { width: 2.5rem; height: 2.5rem; right: 1.25rem; top: -1.25rem; font-size: 0.95rem; }
    .popUpLyt .popWrap .popLst { border-radius: 1.5rem; }
    .popUpLyt .popWrap .titWrap { padding: 0.75rem 1rem 2rem; border-radius: 1.5rem 1.5rem 0 0; }
    .popUpLyt .popWrap .titWrap span { font-size: 1.05rem; }
    .popUpLyt .popWrap .popBox { padding: 1.25rem 0.5rem 1.25rem 1rem; margin-top: -1.5rem; border-radius: 1.5rem; }
    .popUpLyt .popWrap .popBox .popScrll { max-height: calc(100vh - 8.5rem); padding-right: 0.5rem; }

    @keyframes buttonWave {
        0% { box-shadow: 0 0 0 0px rgba(44,125,255,0.8); }
        100% { box-shadow: 0 0 0 10px rgba(71,103,210,0); }
    }

    .popUpLyt .btns { margin: 1rem 0 0 0; }
    .popUpLyt .btns a { min-width: 3.5rem; height: 1.75rem; line-height: 1.75rem; }

    /* �삩�씪�씤梨꾩슜吏��썝 */
    .onApply .onlineWrap { padding: 1rem; }
    .onApply .onlineBox { gap: 0.35rem 1rem; }
    .onApply .onlineBox .halfBox { width: calc((100% - 1rem) / 2); gap: 0.35rem; }
    .onApply .onBoxWrap { padding-bottom: 1.5rem; margin-bottom: 1rem; }
    .onApply .onlineWrap .fileTxt { font-size: 0.75rem; }
    .onApply .onBoxWrap .onlineBox,
    .onApply .onlineBox ~ .onlineBox { margin-top: 0.5rem !important; }
    .onApply .bbs_ListA.reactTb td.stateBox span.state { height: 1.5rem; width: 4rem; }

    /* 媛뺤궗�봽濡쒓렇�옩 愿�由� */
    .lcPrgm .box { padding: 1.25rem 1rem; }
    .lcPrgm .box .box_st3 { padding: 1.25rem 1rem; }
    .lcPrgm .box .mgt30 { margin-top: 1rem !important; }
    .lcPrgm .box .resultBox { font-size: 0.8rem; gap: 0.25rem; margin: 0.5rem 0 0.75rem; }
    .lcPrgm .box .rdoBox.inBot ul { gap: 0.75rem 1.25rem; }
    .lcPrgm .box .rdoBox.inBot ul label { font-size: 0.8rem; line-height: 1.1rem; padding-left: 1.25rem; }
    .lcPrgm .box .rdoBox.inBot ul input[type="radio"] { width: 0.9rem; height: 0.9rem !important; }
    .lcPrgm .box .rdoBox.inBot ul input[type="radio"]::before { width: 0.5rem; height: 0.5rem; }
    .lcPrgm .inputBox.inDate .btWrap button { height: 1.5rem; width: 2.75rem; font-size: 0.65rem; }
    #prevProp .bbs_srch .selBox > span, #prevProp .bbs_srch .srchLyt > span { width: 100%; }
    #prevProp .bbs_srch { gap: 0.5rem; }
    #prevProp .bbs_srch .selBox,
    #prevProp .bbs_srch .srchLyt { gap: 0.35rem; }
    #prevProp .bbs_srch .selBox select { flex: 1; width: auto !important; }
    .bbs_srch .srchLyt > button { transform: none; top: auto; bottom: 0.47rem; right: 0.5rem; }
    #prevProp .bbs_srch .srchLyt input { flex: none; width: 100%; }
    .lcPrgm .pageInBttn { margin: 2rem 0 0; }
    #applyPop .popWrap .tit2 { margin-top: 1.5rem !important; }

    #applyPop .popWrap .rdoBox ul label { padding: 1rem 0.75rem 1rem 2rem; }
    #applyPop .popWrap .rdoBox ul li input[type="radio"]::before { width: 0.4rem; height: 0.4rem; }
    #applyPop .popWrap .rdoBox ul li input { width: 0.8rem; height: 0.8rem !important; top: 1.3rem; left: 0.75rem; }
    #applyPop .popWrap .rdoBox label .tit span { font-size: 0.95rem; }
    #applyPop .popWrap .rdoBox label .tit em { font-size: 0.7rem; }
    #applyPop .popWrap .rdoBox label ul li,
    #applyPop .popWrap .detailBox ul li { font-size: 0.75rem; }
    #applyPop .popWrap .rdoBox label ul li::before { top: 0.2rem; }
    #applyPop .popWrap .rdoBox label .tit { gap: 0.5rem 0.75rem; }
    #applyPop .popWrap .detailBox ul li::before { top: 0.35rem; }

    /* �삁�빟�떊泥� 議고쉶 */
    .popUpLyt.typeB#calApplyPop .infoBox { padding: 0.75rem 0.75rem 1rem; gap: 0.35rem; }
    .popUpLyt.typeB#calApplyPop .infoBox strong { font-size: 0.9rem; }
    .popUpLyt.typeB#calApplyPop .infoBox p { font-size: 0.85rem; }
    .lctrGid.typeB .box_st3.bot { margin-top: 2rem; }
    .lctrGid.typeB .topTxt { padding: 0.5rem 0.75rem; border-radius: 1.5rem; gap: 0.15rem; }
    .clndrMain table td > p { font-size: 0.7rem; padding: 0.25rem 0.5rem; }
    #canclePop .popBox .tit2 { font-size: 1rem; }
    #canclePop .popBox p.bu_wnrn { font-size: 0.7rem !important; margin-top: 0.85rem; }
    #canclePop .popBox p.bu_wnrn.f_weightB:before { top: 0.4rem; font-size: 0.95rem; left: 0.95rem; }
    #canclePop .popBox .btns { margin-top: 1.5rem; padding-top: 1.35rem;}

    /* �븞�쟾�슂�썝�씤�젰�� */
    .sftyUser .month-navigation { margin-top: 1rem; }
    .sftyUser .bbs_srch { margin-top: 2rem; }
    .sftyUser .box_st1 > ul { gap: 2rem; }

    /* 珥덈�肄붾뱶 */
    .inviteCodeWrap .linkBox .lnkArea .icon { margin-bottom: 0.75rem; }
    .inviteCodeWrap .linkBox .lnkArea .icon img { max-width: 4rem; }
    .inviteCodeWrap .authMethodList label.phone .img img { max-width: 4rem; }
    .inviteCodeWrap .authMethodList label.epki .img img { max-width: 3.5rem; }
    .inviteCodeWrap .authMethodList label.kakao .img img { max-width: 3.65rem; }
    .inviteCodeWrap .authMethodList label.naver .img img { max-width: 2.2rem; }
    .inviteCodeWrap .authMethodList label.kakao .img::before { width: 2rem; }
    .inviteCodeWrap .linkBox > .btns button { height: 2rem; }
    .inviteCodeWrap .linkBox .lnkArea { padding: 2rem 1.5rem; }
    .inviteCodeWrap .authMethodGroup .bu_wnrn { margin:  0 0 1rem 0 !important; }
    .inviteCodeWrap .insertWrap .inputGroup input { height: 2.25rem; font-size: 0.8rem; }
    .inviteCodeWrap .linkBox .lnkArea > h2 { font-size: 1.05rem; line-height: 1.35rem; }
    .inviteCodeWrap .linkBox .lnkArea > p { font-size: 0.8rem; line-height: 1rem; margin-top: 0.35rem; }

    /* 鍮꾨�踰덊샇 蹂�寃� */
    .passChgWrap { padding: 1.5rem; }
    .passChgWrap .passChgBox { gap: 0.75rem; }
    .passChgWrap .passChgBox .inputBox { gap: 0.35rem; }
    .passChgWrap .passChgBox .inputBox label { width: 100%; line-height: 1; font-size: 0.8rem; }
    .passChgWrap .passChgBox .inputBox input { height: 2.25rem; }
    .passChgWrap .btns { margin-top: 1.25rem; padding-top: 1.25rem; }

    /* �냼�뀥濡쒓렇�씤 */
    .socialBox { margin-top: 1.5rem; padding: 1.5rem 1.25rem; }
    .socialBox .ico img { max-width: 3.25rem; }
    .socialBox > h3 { margin: 1rem 0 0.5rem; font-size: 1rem; line-height: 1.2rem; }
    .socialBox > p { line-height: 1.2rem; word-break: keep-all; }
    .socialBox .btns { margin: 1.5rem 0 0 0; padding-top: 1.5rem; }
    .socialBox .btns a { width: 8.5rem; height: 2rem; }

    /* 援먯쑁湲곗옄�옱 �쁽�솴 */
    .userRntSrch { padding: 1rem; }
    .userRntSrch .srchLyt { width: calc(100% - 2.9rem); }
    .userRntSrch .btn_reset { width: 2.15rem; height: 2.15rem !important; border-radius: 50%; text-indent: -999px; }
    .userRntSrch .btn_reset > i { display: block; text-indent: 0px; }
    .rntWrap .rntForm .rntInpWrap .btns { margin: 1.5rem 0 0 0; }

    .rntWrap .rntForm .rntInpWrap { padding: 1.25rem 1rem; }
    .rntWrap .rntForm .rntInpWrap .rntInpBox ~ .rntInpBox { margin-top: 0.65rem; }
    .rntWrap .titWrap h4 { line-height: 1.65rem; }
    .rntWrap .rntCal .titWrap > span { height: 1.65rem; font-size: 0.85rem; }
    .rntWrap .rntCal .botTxt .bu_wnrn { font-size: 0.8rem !important; padding: 0.4rem 0.75rem 0.4rem 2rem; }
    .rntWrap .rntCal .botTxt .bu_wnrn::before { font-size: 0.9rem !important; }

    /* �닔�뾽吏��썝 媛뺤궗愿�由� */
    .mthdStep li { flex: none; width: 100%; }
    .mthdStep li:before { display: block !important; left: 50%; transform: translateX(-50%) rotate(90deg); bottom: -1.65rem; top: auto; text-align: center; }
    .mthdStep li:nth-child(2n):before { display: block !important; }
    .mthdStep li span { padding: 0.5rem; font-size: 0.85rem; }
    .mthdStep li .detail p { padding: 1rem 0.75rem; font-size: 0.75rem; }
    .mthdStep li .detail em { font-size: 0.75rem; padding: 0.5rem; }

    /* 怨듯넻 濡쒓렇�씤 諛뺤뒪 */
    .login_wrap { padding: 1.5rem 1rem; margin-top: 1.5rem; }
    .login_wrap h3 { font-size: 1rem; margin-top: 0.75rem; }
    .login_wrap .login_desc { font-size: 0.8rem; margin: 0.35rem 0 1.5rem; }
    #raonkuploader_holder_upload1 #RAON_K_UP_uploadbox_btm ul li,
    #raonkuploader_holder_upload1 #RAON_K_UP_uploadbox_btm .fbutton { display: flex !important; align-items: center !important; }

    /* �씤�궗留� */
    .greeting .txtWrap .tit { font-size: 1.2rem; line-height: 1.85rem; }
    .greeting .txtWrap .tit > span, .greeting .txtWrap .tit > em { font-size: 1.3rem; }
    .greeting .txtWrap .txt { margin: 1rem 0 1.5rem; font-size: 0.8rem; line-height: 1.5rem; }
    .greeting .txtWrap .sign { font-size: 0.8rem; }

    /* �궗�뾽媛쒖슂 諛� 泥닿퀎 */
    .sub0303 .weeBox ul li span { font-size: 2rem; }
    .sub0303 .weeBox ul { gap: 0.75rem; }
    .sub0303 .box_st1 { margin-top: 2rem; }

    /* �떆�꽕�븞�궡 */
    .subImgBox ul { gap: 1.25rem; }
    .subImgBox ul li { width: 100%; }

    /* �긽�떞 諛� �떖由ъ튂猷� */
    .cuStep.typeB { gap: 1.25rem; }
    .cuStep.typeB > li { width: 100%; }

    /* �삤�떆�뒗湲� */
    .mapDetail { margin-top: 1rem; }
    .mapDetail .txt { padding: 0; width: 100%; flex: none; gap: 0.35rem; }
    .mapDetail .txt > span { font-size: 0.95rem; }
    .mapDetail .txt > p { width: 100%; }
    .mapDetail .btns { margin-top: 0.5rem !important; }

    .cuStep > li { padding: 1.5rem 1rem; }
    .cuStep > li > .img { display: none !important; }
    .cuStep > li > span { margin-top: 0 !important; }

    .infoDetail .dtlDep2 li + li::before { height: 80%; }

    .rsp_img.tpyeC p { border-radius: 0.75rem; }

    /* 0501_인사말 */
    .sub0501 .top { padding: 1.5rem 1.5rem 6rem 1.5rem; width: calc(100% - 1rem); margin-right: 1rem; border-radius: 1.5rem 3rem 1.5rem 1.5rem; }
    .sub0501 .top > p { line-height: 1.5rem; font-size: 1rem; }
    .sub0501 .top:before { right: -20rem; }
    .sub0501 .bot { padding: 1.5rem 1.5rem 4rem 1.5rem; width: calc(100% - 1rem); margin-left: 1rem; margin-top: -5rem; border-radius: 1.5rem; }
    .sub0501 .bot .txt p ~ p { margin-top: 1rem; }
    .sub0501 .bot > p.sign { bottom: 1.5rem; font-size: 0.85rem; right: 1.5rem; }

    /* 0502_연혁 */
    .sub0502 .hstWrap > span { padding: 0.4rem 1rem; font-size: 0.9rem; }
    .sub0502 .hstWrap > .hstBox ul li { padding: 0.5rem 0 0.5rem 2.85rem; font-size: 0.8rem; }
    .sub0502 .hstWrap > .hstBox { padding: 0.5rem 1rem; }
    .sub0502 .hstWrap > .hstBox ul li > span { font-size: 0.8rem; top: 0.57rem; }

    /* 이미지박스 260402 */
    .sub0303 .imgpubBox { gap: 3.4rem; }
    .sub0303 .imgpubBox .pubWrap .pubBox .bot { padding: 1rem 1rem 1.25rem; }
    .sub0303 .imgpubBox .pubWrap .pubBox .bot > span { padding: 0.5rem 0.75rem; font-size: 0.85rem; }
    .sub0303 .imgpubBox .pubTxt::before { width: 1.5rem; }
    .sub0303 .imgpubBox .pubTxt::before { width: 1.3rem; bottom: calc(100% + 0.55rem); }
    .sub0303 .imgpubBox .pubTxt p { font-size: 0.85rem; }

    /* 조직도03030301 260402 */
    .oranic03030301 ul.orgDep01 { padding-bottom: 12.5rem; }
    .oranic03030301 ul.orgDep01 li {  height: 3rem; font-size: 0.9rem !important; }
    .oranic03030301 ul.orgDep01 > li.top { height: 3.5rem; font-size: 0.95rem !important; }
    .oranic03030301.typeB ul.orgDep01 { padding-bottom: 8rem; }

    /* 조직도03030301 260402 */
    .oranic050103 { gap: 2rem; }
    .oranic050103 > ul > li > ul { padding: 0.75rem; }
    .oranic050103 > ul > li > span { height: 2.5rem; font-size: 0.85rem; }
    .oranic050103 > span { height: 3.5rem; font-size: 1rem; }

}

@media screen and (max-width: 420px) {
    /* �꽌釉� 怨듯넻 �젅李� */
    .subStep > ul { gap: 2.5rem 0; }
    .subStep.w_30 > ul > li,
    .subStep > ul > li { width: 100%; }
    .subStep > ul > li:nth-child(2n):before { display: block !important; }
    .subStep > ul > li:last-child:before { display: none !important; }
    .subStep > ul > li:before  { left: 50%; right: auto; top: auto; bottom: -1.75rem; transform: translateX(-50%) rotate(90deg); }
}

@media screen and (max-width: 380px) {
    /* 통합검색 */
    .botLyt { padding: 0 0.75rem; }
    .topLyt { padding: 1rem 0.75rem 3rem; }
    .topLyt .titWrap { gap: 1.25rem; }
    .topLyt .goMain img { max-width: 7rem; }
    .botLyt .srchLft .box .tit { font-size: 0.9rem; }
    .botLyt .srchLft .box03 .subBox .rdoBox label { height: 1.75rem; }
    .botLyt .srchBody .srchWrap .srchRst.file .bot > ul > li > a { padding: 1rem 0.75rem; }
    .topLyt .ttlSrch { height: 2.5rem; }
    .topLyt .ttlSrch select { width: 5rem; font-size: 0.7rem; padding: 0 1.25rem 0 0.75rem; background-size: 0.5rem; background-position: right 0.75rem center; }
    .topLyt .ttlSrch input { font-size: 0.75rem; padding: 0 2.5rem 0 5.75rem !important; }
    .topLyt .ttlSrch::before { left: 5rem; }
    .topLyt .ttlSrch button { width: 1.85rem; height: 1.85rem; }
    .totalSrch .titWrap { padding: 1.5rem 0.75rem 1rem; font-size: 1rem; line-height: 1.3; }
    .botLyt .srchBody .srchWrap .srchRst .top > span { font-size: 1rem; }
    .botLyt .srchBody .srchWrap .srchRst.file .bot > ul > li > a > span.file, .botLyt .srchBody .srchWrap .srchRst.cont .bot > ul > li > a > span { font-size: 0.9rem; }
    .botLyt .srchBody .srchWrap .srchRst.file .bot > ul > li > a > p.txt, .botLyt .srchBody .srchWrap .srchRst.cont .bot > ul > li > a > p { font-size: 0.75rem; line-height: 1.1rem; }
    .botLyt .srchBody .srchWrap .srchRst ul.botDetail li.menuLct { padding: 0.25rem 0.5rem; }

    /* 濡쒓렇�씤 */
    .loginWrap ul li .logLst { padding: 1.25rem 0.75rem; }
    .loginWrap ul li.kakao .logLst .img::before { width: 2rem; transform: translateX(calc(50% + 2.5rem)); }
    .loginWrap ul li.epki .logLst .img img { max-width: 3.45rem; }
    .loginWrap ul li.kakao .logLst .img img { max-width: 3.6rem; }
    .loginWrap ul li.naver .logLst .img img { max-width: 2.15rem; }
    .loginWrap ul li .logLst > a { height: 2rem; font-size: 0.8rem; }
    .loginWrap ul li .logLst > span { font-size: 0.95rem; margin: 0.5rem 0 0.75rem; }
    .loginWrap ul li .logLst > a { height: 1.85rem; font-size: 0.75rem; margin-top: 1rem; }

    /* �떞�떦�옄 �젙蹂� */
    .nameInfo { margin-top: 2rem !important; }
    .nameInfo > span { gap: 0.35rem; font-size: 0.85rem; line-height: 0.95rem; }
    .nameInfo > span i { font-size: 0.95rem; }
    .nameInfo > ul { width: 100%; }
    .nameInfo > ul > li { font-size: 0.75rem; }
    /* .nameInfo ul li > span:before { top: 0.3rem; } */

    /* �쉶�썝媛��엯 */
    .joinCont .join { margin-top: 0; }
    .joinCont .memjoin_steps ul li { height: 2.15rem; padding-left: 2rem; }
    .joinCont .memjoin_steps ul li:before { font-size: 1.05rem; }
    .joinCont .memjoin_steps ul li span { font-size: 0.8rem; gap: 0.35rem; }
    .joinCont .memjoin_steps ul li span em { font-size: 0.7rem; }
    .joinCont .joinBox { padding: 1.25rem 1rem; margin-top: 2rem; }
    .joinCont .joinBox .jBoxTit { font-size: 1.2rem; }
    .joinCont .joinBox .txt_con { margin-top: 0.25rem; font-size: 0.8rem; }
    .joinCont .joinBox .cert_type { margin: 1rem 0; gap: 0.35rem; }
    .joinCont .joinBox .cert_type li a { min-height: 2.5rem; padding: 0.3rem 2rem; font-size: 0.8rem; }
    .joinCont .joinBox .cert_type li a > i { font-size: 0.9rem; left: 0.75rem; }
    .joinCont .cert_info { padding-top: 1rem; }
    .joinCont .cert_info li { font-size: 0.8rem; padding-left: 1.25rem; }
    .joinCont .cert_info li:before { font-size: 0.9rem; }
    .joinCont .btns.btn_cert2 a, .joinCont .btns.btn_cert2 button { height: 2.25rem; }

     /* 怨듯넻罹섎┛�뜑 */
    .clndrMain { margin-top: 1.5rem; }
    .clndrMain table tbody { height: 30rem;}
    .clndrMain table tbody tr td { padding: 0.5rem 0.5rem 1.25rem; }

    /* 媛뺤궗罹섎┛�뜑 */
    .lctrGid .box_st3 { padding: 1rem 0.75rem; }
    .lctrGid .topTxt { font-size: 0.75rem; }
    .lctrGid .topTxt i { font-size: 0.9rem; }
    .lctrGid .box_st3 .lctrDetail { padding: 0.5rem 0.5rem 0.75rem; }
    .lctrGid .box_st3 .lctrDetail .titWrap { margin-bottom: 0.5rem !important; gap: 0.5rem; }
    .lctrGid .box_st3 .lctrDetail .titWrap > span { font-size: 0.85rem; }
    .lctrGid .box_st3 .lctrDetail .titWrap > ul { height: 1.35rem; }
    .lctrGid .box_st3 .lctrDetail .titWrap > ul > li { font-size: 0.7rem;  }
    .lctrGid .box_st3 .lctrDetail ul.txt li { font-size: 0.7rem; line-height: 0.85rem; padding-left: 0.95rem; }
    .lctrGid .box_st3 .lctrDetail ul.txt li::before { font-size: 0.8rem; }
    .clndCrt .top { height: 2.35rem; padding: 0 1.5rem; }
    .clndCrt .top span.mainYear { font-size: 1rem; }
    .clndCrt .top > button { font-size: 0; text-indent: -9999px; }
    .clndCrt .top > button i { font-size: 1rem !important; text-indent: 0; }
    .clndCrt .bot { padding: 0.35rem 0.5rem; }
    .clndCrt .bot .selMonth ul { gap: 0.35rem; }
    .clndCrt .bot .crtBox button,
    .clndCrt .bot .selMonth ul li a { height: 1.5rem; font-size: 0.75rem; }
    .clndCrt .bot .selMonth { margin-top: 0.5rem; padding-top: 0.5rem; }
    .clndCrt .bot .crtBox button, .clndCrt .bot .selMonth ul li a { font-size: 0.7rem; }

    /* 怨듯넻�뙘�뾽 */
    .popUpLyt .popWrap { width: calc(100% - 1.5rem); }
    .popUpLyt .popClose { width: 2.25rem; height: 2.25rem; right: 1rem; top: -1rem; font-size: 0.9rem; }
    .popUpLyt .popWrap .popLst { border-radius: 1.25rem; }
    .popUpLyt .popWrap .titWrap { padding: 0.75rem 0.75rem 2rem; border-radius: 1.25rem 1.25rem 0 0; }
    .popUpLyt .popWrap .titWrap span { font-size: 1rem; }
    .popUpLyt .popWrap .popBox { padding: 1rem 0.375rem 1.15rem 0.75rem; border-radius: 1.25rem; }
    .popUpLyt .popWrap .popBox .popScrll { max-height: calc(100vh - 8rem); padding-right: 0.375rem; }
    .popUpLyt .popInBox span:not(label span, span.num) { font-size: 0.75rem; }
    .popUpLyt .popInBox ~ .popInBox { margin-top: 0.75rem; }
    .popUpLyt .popInBox textarea { padding: 0.5rem; min-height: 3.75rem; font-size: 0.75rem; }
    .popUpLyt .popInBox .halfBox { width: 100%; gap: 0.75rem; }

    /* �삩�씪�씤梨꾩슜吏��썝 */
    .onApply .onBoxWrap .topBtn a { min-width: 3.5rem; }
    .onApply .onlineWrap { padding: 1rem 0.75rem; }
    .onApply .onlineBox { gap: 0.25rem 0.75rem; }
    .onApply .onlineBox .halfBox { gap: 0.25rem; }
    .onApply .onlineBox .halfBox { width: calc((100% - 0.75rem) / 2); }
    .onApply .onlineWrap .fileTxt i { font-size: 0.9rem; }
    .onApply .onlineBox span { font-size: 0.75rem; }
    .onApply .srchBtn { margin: -0.5rem 0 2rem 0 !important; }
    .onApply .srchBtn a { min-width: 3.5rem !important; height: 1.85rem !important; }
    .onApply .onlineBox.adrsWrap { gap: 0.5rem; }
    .onApply .onlineBox .adrsBox input { flex: none; width: 100%; }

    /* 媛뺤궗�봽濡쒓렇�옩 愿�由� */
    .lcPrgm .box .box_st3,
    .lcPrgm .box { padding: 1rem 0.75rem; }
    .lcPrgm .inputBox { gap: 0.35rem; }
    .lcPrgm .inputBox.oneline select { width: 100%; min-width: 100%; }
    .lcPrgm .inputBox.inDate .dateWrap { flex-wrap: wrap; gap: 0.1rem; justify-content: center; }
    .lcPrgm .inputBox.inDate .dateWrap input { width: 100%; flex: none; }
    /* .otherTb { overflow-x: auto !important; width: 100% !important; }
    div[class*='tbl_st'] td .otherTb table { width: 306px !important; min-width: 306px !important; } */
    .lcPrgm.hope .box .otherTb .chkBox .custom_checkbox { width: 0.85rem; height: 0.85rem !important; }
    .lcPrgm.hope .box .otherTb .chkBox .custom_checkbox::before { font-size: 0.7rem; }
    .tbl_st.otherTb table th,
    .tbl_st.otherTb table td { padding: 0.25rem !important; font-size: 0.7rem !important; }
    .otherTb table thead th:first-child,
    .otherTb table tbody td:first-child { width: 2rem !important; }

    #scorePop .popWrap .scoreBox .score { font-size: 1rem; }
    #scorePop .popWrap .scoreBox { margin: 0.75rem 0 1rem 0; padding: 0.75rem 0.5rem; }
    #scorePop .popWrap .scoreBox > p { font-size: 0.8rem; }
    #scorePop .popWrap h4[class^='tit'] + div { margin-top: 0.5rem !important; }
    #scorePop .popWrap .opinionBox { height: 4rem; }

    /* �븞�쟾�슂�썝�씤�젰�� */
    .sftyUser .box_st1 > ul { margin-top: 1.25rem; gap: 2rem; flex-wrap: wrap; }
    .sftyUser .box_st1 > ul li { width: 100%; }
    .sftyUser .box_st1 > ul li::before { right: auto; left: 50%; transform: translateX(-50%) rotate(90deg); bottom: -1.4rem; height: 1rem; top: auto; }
    .sftyUser .bbs_srch select { width: 100%; min-width: auto; }

    #canclePop .popBox .tit2 { font-size: 0.9rem; }
    #canclePop .popBox p.bu_wnrn { margin-top: 0.5rem;}
    #canclePop .popBox .btns { margin-top: 1.25rem; padding-top: 1rem;}

    /* 珥덈�肄붾뱶 */
    .inviteCodeWrap .insertWrap .inputGroup label { font-size: 0.8rem; }
    .inviteCodeWrap .authMethodList label { width: 100%; }
    .inviteCodeWrap .linkBox .lnkArea .icon img { max-width: 3.75rem; }
    .inviteCodeWrap .linkBox .lnkArea { padding: 1.5rem 1rem; }
    .inviteCodeWrap .linkBox .lnkArea > h2 { font-size: 1.05rem; line-height: 1.35rem; }
    .inviteCodeWrap .linkBox .lnkArea > p { font-size: 0.8rem; line-height: 1rem; margin-top: 0.35rem; }

    /* 鍮꾨�踰덊샇 蹂�寃� */
    .passChgWrap { padding: 1.25rem 1rem; }
    .passChgWrap .passChgBox .inputBox input { height: 2rem; }
    .passChgWrap .passChgBox .inputBox.newPass p.chkPassTxt { margin-top: 0.35rem; }

    /* �닔�븰�뿬�뻾吏��썝�떒 �냼媛� */
    .cuStep > li > em { width: 1.75rem; height: 1.75rem; font-size: 0.8rem; left: 0.75rem; top: -0.5rem; }
    .customBox { padding: 1.25rem 1rem; }
    .cuStep { gap: 1.5rem; margin-top: 1.5rem; }
    .customBox > span { font-size: 1.05rem; }
    .cuStep > li { padding: 1.25rem 1rem; }
    .cuStep > li:nth-child(1) > .img img { max-width: 3.5rem; }
    .cuStep > li:nth-child(2) > .img img { max-width: 3.75rem; }
    .cuStep > li:nth-child(3) > .img img { max-width: 3.6rem; }
    .cuStep > li:nth-child(4) > .img img { max-width: 3.1rem; }
    .cuStep > li > span { margin: 0.75rem 0 0.5rem; }

    /* �씤�궗留� */
    .greeting .txtWrap .tit { font-size: 1.1rem; line-height: 1.65rem; }
    .greeting .txtWrap .tit > span, .greeting .txtWrap .tit > em { font-size: 1.2rem; }
    .greeting .txtWrap .txt { line-height: 1.35rem; }

    /* �궗�뾽媛쒖슂 諛� 泥닿퀎 */
    .sub0303 .weeBox ul li span { font-size: 1.85rem; }
    .sub0303 .weeBox ul li em { font-size: 0.9rem; }
    .sub0303 .weeBox ul { gap: 0.5rem; }
    .sub0303 .box_st1 { margin-top: 1.5rem; }

    /* �꽭醫낆쐞 */
    .weeUl li { padding: 1rem 0.75rem; width: 100%; }
    .weeUl li span { font-size: 0.8rem; }
    .weeUl li p.txt { padding: 0 0.5rem; font-size: 0.8rem; }

    /* �씠�슜�븞�궡 */
    .subInfo .info { margin-top: 1.25rem; }
    .infoDetail > li { padding: 1rem 0.75rem; }
    .infoDetail > li > p.img img { max-width: 3rem; }
    .infoDetail > li span.tit { font-size: 0.95rem; }
    .infoDetail > li p.txt { margin-top: 0.25rem; }

    /* �긽�떞 諛� �떖由ъ튂猷� */
    .cuStep.typeB > li .list_st1 { padding-top: 0.75rem; }
    .cuStep.typeB > li:nth-child(1) > .img img { max-width: 3.25rem; }
    .cuStep.typeB > li:nth-child(2) > .img img { max-width: 3.5rem; }
    .cuStep.typeB > li:nth-child(3) > .img img { max-width: 3.5rem; }

    .cuStep.typeB.typeC > li:nth-child(1) > .img img { max-width: 3.25rem; }
    .cuStep.typeB.typeC > li:nth-child(2) > .img img { max-width: 3.5rem; }
    .cuStep.typeB.typeC > li:nth-child(3) > .img img { max-width: 3.55rem; }

    .cuStep.typeB.w_50 > li:nth-child(1) > .img img { max-width: 3.25rem; }
    .cuStep.typeB.w_50 > li:nth-child(2) > .img img { max-width: 3.3rem; }
    .cuStep.typeB.w_50 > li:nth-child(3) > .img img { max-width: 3.25rem; }
    .cuStep.typeB.w_50 > li:nth-child(4) > .img img { max-width: 3.15rem; }

    .cuStep > li > span > em { line-height: 1.05rem; }

    /* 二쇱슂�뾽臾� */
    .cuStep.typeB.typeD > li:nth-child(1) > .img img { max-width: 4rem; }
    .cuStep.typeB.typeD > li:nth-child(2) > .img img { max-width: 3.75rem; }
    .cuStep.typeB.typeD > li:nth-child(3) > .img img { max-width: 3.85rem; }
    .cuStep.typeB.typeD > li:nth-child(4) > .img img { max-width: 3.55rem; }
    .cuStep > li > p.txt { font-size: 0.8rem; margin-bottom: 0.75rem; }


     /* 0501_인사말 */
    .sub0501 .top { padding: 1.25rem 1.25rem 6rem 1.25rem; }
    .sub0501 .top:before { right: -25rem; }
    .sub0501 .bot { padding: 1.25rem 1.25rem 4rem 1.25rem; }
    .sub0501 .bot .txt p ~ p { margin-top: 0.75rem; }
    .sub0501 .bot > p.sign { bottom: 1.5rem; font-size: 0.85rem; right: 1.5rem; }
}

@media screen and (max-width: 320px) {
    /* 통합검색 */
    .topLyt .titWrap { gap: 1rem; }
    .topLyt .ttlSrch { height: 2.25rem; }
    .topLyt .ttlSrch select { width: 4.5rem; font-size: 0.65rem; padding: 0 1rem 0 0.5rem; background-position: right 0.5rem center; }
    .topLyt .ttlSrch input { font-size: 0.7rem; padding: 0 2rem 0 5rem !important; }
    .topLyt .ttlSrch::before { left: 4.5rem; }
    .topLyt .ttlSrch button { width: 1.65rem; height: 1.65rem; }
    .topLyt .ttlSrch button > i { font-size: 0.85rem; }

    /* �삩�씪�씤梨꾩슜吏��썝 */
    .onApply .onlineBox .halfBox { width: 100% !important; }
    .onApply .onlineBox .rdoBox ul { gap: 0.25rem 1rem; }
    .onApply .onBoxWrap .topBtn a,
    .onApply .addLst a { font-size: 0.7rem !important; }

    /* 援먯쑁湲곗옄�옱 愿�由� */
    .rntWrap .rntForm .rntInpWrap .rntInpBox .dateWrap { justify-content: center; }
    .rntWrap .rntForm .rntInpWrap .rntInpBox .dateWrap em { line-height: 1; }
    .rntWrap .rntForm .rntInpWrap .rntInpBox .dateWrap .dateIcoBox { flex: none; width: 100%; }
    .rntWrap .rntForm .rntInpWrap .rntInpBox .bu_wnrn:before { top: 0.2rem; }
}


/*** �봽由고듃 �뒪���씪 ***/

@media  print {
    /* * {
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    } */

    html { font-size: 16px; }

    /* �봽由고듃 �떆 subContent留� 蹂댁씠�룄濡� �꽕�젙 */
    body * { visibility: hidden; }
    #subContent,
    #subContent * { visibility: visible; }
    #subContent {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
    }

    [class^="tab_st"] { display: none !important; }
    .subCntBody .container .subCnt { width: 100%; padding: 0; }

    .lnb { display: none; }

    .customBox { padding: 1.25rem; }
    .customBox::before { display: none; }
}