/* 타이틀(텍스트 타입) */
.tit1 { position: relative; margin-bottom:1rem; font-size: 1.4rem; font-weight: 700; color: #111; background: url('/images/web/upmc/con_com/tit1_deco.png') no-repeat top 3px left; padding-left: 1.25rem; }
.tit2 { position: relative; margin-bottom:0.6rem; font-size: 1.2rem; font-weight: 700; color: #111; }
.tit3 { position: relative; font-size: 1.1rem; font-weight: 700; color: #245592; }
/* 타이틀(공통) */
[class^="tit"] + [class^="tit"] { margin-top: 0.5rem; }
[class^="box_st"] [class^='tit']:nth-of-type(1) {margin-top: 0;}
.tab_st3 + h3[class^="tit"],
h3[class^="tit"]:first-of-type {margin-top: 0 !important;}
* + h3[class^='tit'] {margin-top:4.5rem !important;}
[class^="list_st"] + [class^="tit"] { margin-top: 1rem; }

/* 텍스트 요소 : 폰트컬러 타입 */
.pc_green {color: #07A3B4 !important;}
.pc_blue {color: #259bff !important;}
.pc_red {color: #DB0D58 !important;}

/* 텍스트 요소 : 강조 타입 */
.Tline_b {text-decoration: underline !important;}
.f_weightB {font-weight: bold;}
.font_Fr {font-weight: 400 !important;}
.font_Fm {font-weight: 600 !important;}
.font_Fb {font-weight: 700 !important;}

/* 텍스트 요소 : 주의&경고&말풍선 타입 */
.bu_atte + .bu_atte { margin-top: 0.2rem; }
.bu_atte + .bu_wnrn { margin-top: 0.2rem; }
.bu_wnrn + .bu_wnrn { margin-top: 0.2rem; }
.bu_wnrn + .bu_wnrn { margin-top: 0.2rem; }

.bu_atte,
.bu_wnrn { position: relative; padding-left: 1.4rem; }
.bu_atte::before,
.bu_wnrn::before { position: absolute; top: 0; left: 0; font-family: 'remixicon'; font-weight: 500; font-size: 1rem; }
.bu_atte::before { content: "\eca1"; color: #0087E6; }
.bu_wnrn::before { content: "\ee59"; color: #DB0D58; }
.bu_atte.font_Fb::before { content: "\eca0"; color: #0087E6; }
.bu_wnrn.font_Fb::before { content: "\ee58"; color: #DB0D58; }

/* 텍스트 요소 : 링크 타입 */
a.bu_link { position: relative; display: inline-block; word-break: break-all; color: #0075C8; }
a.bu_link::after { display: inline-block; padding-left: 0.3rem; font-family: 'remixicon'; font-size: 0.75rem; color: #064e9f; content: "\ecaf"; }

/* 리스트 : 텍스트 타입 */
.list_st1 > li,
.bu_st1 { position: relative; padding-left: 0.9rem; font-size: 0.9rem; }
.list_st2 > li,
.bu_st2 { position: relative; padding-left: 0.6rem; font-size: 0.9rem; }
.list_st3 > li,
.bu_st3 { position: relative; padding-left: 0.6rem; color: #333; font-size: 0.85rem; }
.list_st4 > li,
.bu_st4 { position: relative; padding-left: 0.6rem; color: #333; font-size: 0.85rem; }
.list_st1 > li::before { position: absolute; top: 0.4rem; left: 0; width: 0.5rem; height: 0.5rem; border-radius: 50%; border: 3px solid #245592; background: #fff; content: ""; }
.bu_st1::before { position: absolute; top: 3px; left: 0; width: 0.5rem; height: 0.5rem; border-radius: 50%; border: 3px solid #245592; background: #fff; content: ""; }
.list_st2 > li::before,
.bu_st2::before { position: absolute; top: 0.6rem; left: 0; width: 0.35rem; height: 2px; background: #245592; content: ""; }
.list_st3 > li::before,
.bu_st3::before { position: absolute; top: 0.5rem; left: 0; width: 0.2rem; height: 0.2rem; border-radius: 50%; background: #0087E6; content: ""; }
.list_st4 > li::before,
.bu_st4::before { position: absolute; top: 0.55rem; left: 0; width: 0.3rem; height: 2px; background: #888; content: ""; }

[class^="list_st"] > li + li { margin-top: 0.4rem; }
[class^="list_st"] > li [class^="list_st"] { margin-top: 0.4rem; }

/* 리스트 : 순차적 리스트 타입 */
.list_ol1 > li,
.list_ol2 > li,
.list_ol3 > li,
.list_ol4 > li { position: relative; padding-left: 1.5rem; }
.list_ol1 > li .num,
.list_ol2 > li .num { position: absolute; top: 0; left: 0; font-size: 0.75rem; font-weight: 600; font-family: 'GMarketSans'; }
.list_ol1 > li .num { color: #245592; }
.list_ol2 > li .num { color: #0087E6; }
.list_ol3 > li .num,
.list_ol4 > li .num { position: absolute; display: flex; justify-content: center; align-items: center; top: 3px; left: 0; font-size: 0.55rem; width: 1.2rem; height: 1.2rem; border-radius: 50%; border: 1px solid; font-weight: 600; font-family: 'GMarketSans'; }
.list_ol3 > li .num { border-color: #007BBD; color: #007BBD; }
.list_ol4 > li .num { border-color: #07A3B4; color: #07A3B4; }

[class^="list_ol"] > li + li { margin-top: 5px; }
[class^="list_ol"] > li [class^="list_ol"] { margin-top: 0.6rem; }
[class^="list_ol"] + [class^="list_ol"] { margin-top: 0.6rem; }

/* 박스 : 박스 기본 타입 */
.box_icon { position: relative; border: 2px solid #245592; border-radius: 1rem; padding: 1.8rem 3rem 1.8rem 9.5rem; }
.box_icon .ico { position: absolute; top: 1.8rem; left: 2.5rem; }
.box_icon .tit3 { font-size: 1.2rem; margin-bottom: 0.5rem; }

.box_st1 { border: 1px solid #ccc; border-radius: 0.75rem; padding: 1.75rem 2.5rem; }
.box_st2 { border: 1px solid #0087E6; border-radius: 0.75rem; padding: 1.75rem 2.5rem; background: rgba(0, 135, 230, 0.03); }
.box_st3 { border: 1px solid #22C0D5; border-radius: 0.75rem; padding: 1.75rem 2.5rem; background: rgba(34, 192, 213, 0.04); }
[class^="box_st"] .tit3 { color: #111; margin-bottom: 0.5rem; }

[class^="box_st"] + [class^="box_st"] { margin-top: 1.25rem; }

.box_st_img { position: relative; border: 1px solid #D5D5D5; border-radius: 0.8rem; padding: 3rem 2rem; }
.box_st_img .rsp_img { text-align: center; line-height: 0; }
.box_st_img .rsp_img img { max-width: 100%; }
.box_st_img .rsp_img .btn-zoom { position: absolute; bottom: -1.2rem; right: 1.5rem; display: flex; justify-content: center; align-items: center; width: 2.5rem; height: 2.5rem; border-radius: 50%; border: 1px solid #245592; background: #F2F8FF; color: #245592; }

[class^="tab_st"] + [class^="tab_st"] { margin-top: 1rem; }

/* 버튼 : 버튼들 감싸는 레이아웃 */
.btns { display: flex; flex-wrap: wrap; gap: 0.5rem 1rem; margin-top: 1rem; }
.btns.ac { justify-content: center; }

.btn_sky.mini,
.btn_navy.mini,
.btn_red.mini,
.btn_grn.mini,
.btn_blue.mini,
.btn_bl.mini,
.btn_blL.mini,
.btn_gry.mini,
.btn_gr.mini,
.btn_grL.mini { min-width: 5.5rem; font-size: 0.75rem; padding: 0.2rem 0.4rem; }

.btn_sky.icon,
.btn_navy.icon,
.btn_red.icon,
.btn_grn.icon,
.btn_blue.icon,
.btn_bl.icon,
.btn_blL.icon,
.btn_gry.icon,
.btn_gr.icon,
.btn_grL.icon { justify-content: space-between; background: #fff; }
.btn_sky.icon i,
.btn_navy.icon i,
.btn_red.icon i,
.btn_grn.icon i,
.btn_blue.icon i,
.btn_bl.icon i,
.btn_blL.icon i,
.btn_gry.icon i,
.btn_gr.icon i,
.btn_grL.icon i { font-weight: 500; }

.btn_sky.btn_icon,
.btn_navy.btn_icon,
.btn_red.btn_icon,
.btn_grn.btn_icon,
.btn_blue.btn_icon,
.btn_bl.btn_icon,
.btn_blL.btn_icon,
.btn_gry.btn_icon,
.btn_gr.btn_icon,
.btn_grL.btn_icon { min-width: auto !important; }

.btn_sky.bbs,
.btn_navy.bbs,
.btn_red.bbs,
.btn_grn.bbs,
.btn_blue.bbs,
.btn_bl.bbs,
.btn_blL.bbs,
.btn_gry.bbs
.btn_gr.bbs,
.btn_grL.bbs { background: #fff; }

/* 버튼 : 기본 */
.btn_sky,
.btn_navy,
.btn_red,
.btn_grn,
.btn_blue,
.btn_bl,
.btn_blL,
.btn_gry,
.btn_gr,
.btn_grL { min-width: 8.5rem; display: inline-flex; justify-content: center; align-items: center; text-align: center; padding: 0.5rem 0.6rem; border-radius: 0.3rem; border: 1px solid; font-size: 0.8rem; font-weight: 600; transition: 0.3s; }
.btn_sky { color: #0087E6; border-color: #0087E6; background: rgba(0, 135, 230, 0.05); }
.btn_sky:hover,
.btn_sky:focus { color: #fff; background: #0087E6 !important; }
.btn_navy { color: #245592; border-color: #245592; background: rgba(36, 85, 146, 0.05); }
.btn_navy:hover,
.btn_navy:focus { color: #fff; background: #245592 !important; }
.btn_red { color: #DB0D58; border-color: #DB0D58; background: rgba(219, 13, 88, 0.05); }
.btn_red:hover,
.btn_red:focus { color: #fff; background: #DB0D58 !important; }
.btn_grn { color: #07A3B4; border-color: #07A3B4; background: rgba(7, 163, 180, 0.05); }
.btn_grn:hover,
.btn_grn:focus { color: #fff; background: #07A3B4 !important; }
.btn_blue { color: #007BBD; border-color: #007BBD; background: rgba(0, 123, 189, 0.05); }
.btn_blue:hover,
.btn_blue:focus { color: #fff; background: #007BBD !important; }
.btn_bl { color: #007BBD; border-color: #007BBD; background: rgba(0, 123, 189, 0.05); }
.btn_bl:hover,
.btn_bl:focus { color: #fff; background: #007BBD !important; }
.btn_blL { color: #007BBD; border-color: #007BBD; }
.btn_blL:hover,
.btn_blL:focus { color: #fff; background: #007BBD !important; }
.btn_gry { color: #333333; border-color: #666666; background: rgba(102, 102, 102, 0.05); }
.btn_gry:hover,
.btn_gry:focus { color: #fff; background: #666666 !important; }
.btn_gr { color: #333333; border-color: #666666; background: rgba(102, 102, 102, 0.05); }
.btn_gr:hover,
.btn_gr:focus { color: #fff; background: #666666 !important; }
.btn_grL { color: #333333; border-color: #666666; }
.btn_grL:hover,
.btn_grL:focus { color: #fff; background: #666666 !important; }

/* 테이블 : 테이블 기본 타입 */
div[class*='tbl_st'] { position: relative; margin-top: 0.25rem; width: 100%; background: #fff; overflow: hidden; word-break: break-all; }
div[class*='tbl_st'] > table { position: relative; margin-left: -1px; width: 100%; text-align: center; border-top: 2px solid #000; -webkit-overflow-scrolling: touch; word-break: keep-all; }
div[class*='tbl_st'] > table th { padding: 0.7rem 1rem; line-height: 1.4; vertical-align: middle; font-weight: 600; color: #333; background: #EFF8FF; border-bottom: 1px solid #D5D5D5; }
div[class*='tbl_st'] > table td { padding: 0.7rem 1rem; line-height: 1.5; vertical-align: middle; color: #333; border-bottom: 1px solid #D5D5D5; border-left: 1px solid #D5D5D5; }
div[class*='tbl_st'] > table tbody { transform: translateY(-1px); }
div[class*='tbl_st'] > table thead th { background: #e3f2fe; border-bottom: 1px solid #d5d5d5; border-left: 1px solid #d5d5d5; }
div[class*='tbl_st'] > table tbody tr:last-child th,
div[class*='tbl_st'] > table tbody tr:last-child td { border-bottom: 1px solid #888; }
div[class*='tbl_st'] > table tbody tr:first-child th,
div[class*='tbl_st'] > table tbody tr:first-child td { border-top: 1px solid #888; }
div[class*='tbl_st'] > table tbody th { color: #222; background: #FBFBFB; }
div[class*='tbl_st'] > table tfoot th { color: #222; background: #FBFBFB; }
div[class*='tbl_st'] [class^="btn_"] { min-width: 5.5rem; font-size: 0.75rem; padding: 0.2rem 0.4rem; font-weight: 500; margin: 2px 0; background: #fff; }

div[class*='tbl_st'] input { height: 1.8rem; border: 1px solid #ccc; border-radius: 4px; padding: 0 0.7rem; font-size: 0.85rem; margin: 2px 0; }
div[class*='tbl_st'] select { height: 1.8rem; border: 1px solid #ccc; border-radius: 4px; padding: 0 1rem 0 0.7rem; background: url('/images/web/upmc/con_com/select_bg.png') no-repeat right 6px center; appearance: none; font-size: 0.85rem; margin: 2px 0; }

.check_area { display: flex; gap: 0.5rem 1.2rem; }
.check_area input[type=radio] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.check_area input[type=radio] + label { position: relative; display: inline-flex; min-height: 1rem; padding-left: 1.2rem; font-size: 0.85rem; line-height: 1rem; color: #111; }
.check_area input[type=radio] + label:before { display: block; content: ""; transition: 0.4s cubic-bezier(0.4, 0, 0.23, 1); position: absolute; top: 2px; left: 0; width: 0.8rem; height: 0.8rem; background: #fff; border: 1px solid #555; border-radius: 50%; }
.check_area input[type=radio] + label::after { display: block; content: ""; transition: 0.4s cubic-bezier(0.4, 0, 0.23, 1); position: absolute; top: 6px; left: 4px; width: 0.4rem; height: 0.4rem; background: #0087E6; border-radius: 50%; opacity: 0; }
.check_area input[type=radio]:checked + label { font-weight: 600; }
.check_area input[type=radio]:checked + label:before { border-color: #0087E6; }
.check_area input[type=radio]:checked + label::after { opacity: 1; }

.check_area input[type=checkbox] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.check_area input[type=checkbox] + label { position: relative; display: inline-flex; min-height: 1rem; padding-left: 1.2rem; font-size: 0.85rem; line-height: 1rem; color: #111; }
.check_area input[type=checkbox] + label:before { display: block; content: ""; transition: 0.4s cubic-bezier(0.4, 0, 0.23, 1); position: absolute; top: 2px; left: 0; width: 0.8rem; height: 0.8rem; background: #fff; border: 1px solid #555; border-radius: 2px; }
.check_area input[type=checkbox] + label::after { display: block; content: "\eb7b"; transition: 0.4s cubic-bezier(0.4, 0, 0.23, 1); position: absolute; top: 0; left: 3px; color: #fff; font-size: 0.5rem; font-family: 'remixicon'; opacity: 0; }
.check_area input[type=checkbox]:checked + label { font-weight: 600; }
.check_area input[type=checkbox]:checked + label:before { border-color: #0087E6; background: #0087E6; }
.check_area input[type=checkbox]:checked + label::after { opacity: 1; }

/* .bbs_pagerA { position: relative; display: flex; justify-content: center; align-items: center; margin-top: 3rem; gap: 3px; }
.bbs_pagerA a,
.bbs_pagerA strong { position: relative; display: flex; justify-content: center; align-items: center; width: 1.5rem; height: 1.5rem; border-radius: 50%; color: #333; transition: 0.3s; }
.bbs_pagerA .bbs_arr { font-size: 0; border: 1px solid #ccc; }
.bbs_pagerA .bbs_arr::before { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-family: "remixicon"; color: #666; font-size: 1.1rem; }
.bbs_pagerA .bbs_arr.pgeL2::before { content: "\f363"; }
.bbs_pagerA .bbs_arr.pgeL1::before { content: "\ea64"; }
.bbs_pagerA .bbs_arr.pgeR2::before { content: "\f365"; }
.bbs_pagerA .bbs_arr.pgeR1::before { content: "\ea6e"; }
.bbs_pagerA strong { background: #333; color: #fff; font-weight: 600; }
.bbs_pagerA .bbs_arr.pgeL1 { margin-right: 1rem; }
.bbs_pagerA .bbs_arr.pgeR1 { margin-left: 1rem; }
.bbs_pagerA a:hover,
.bbs_pagerA a:focus { background: #E9E9E9; }
.bbs_pagerA a.bbs_arr:hover,
.bbs_pagerA a.bbs_arr:focus { border-color: #666; color: #555; background: none; } */

.Coming_soon { border: 1px solid #D5D5D5; border-radius: 1.4rem; text-align: center; padding: 4rem; }
.Coming_soon img { max-width: 100%; }
.Coming_soon strong { display: block; margin: 1.7rem 0 0.6rem; font-size: 1.4rem; color: #0A2D59; }
.Coming_soon strong em { display: inline-block; box-shadow: inset 0 -0.7rem rgb(200, 222, 253, 0.4); font-weight: 600; padding: 0 0.2rem; }

.pollSrvy { position: relative; border: 1px solid #D5D5D5; border-radius: 0.8rem; padding: 2.25rem 2rem; margin-top: 2rem; }
.pollSrvy dl dt { display: flex; justify-content: space-between; margin-bottom: 0.75rem; gap: 0.8rem 1rem; }
.pollSrvy dl dt .bu_write { display: flex; gap: 0.5rem; font-size: 0.95rem; color: #222; font-weight: 700; }
.pollSrvy dl dt .bu_write i { font-weight: 500; }
.pollSrvy dl dt .checkZone { display: flex; flex-wrap: wrap; gap: 0.5rem 1rem; }
.pollSrvy dl dt .checkZone input[type=radio] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.pollSrvy dl dt .checkZone input[type=radio] + label { position: relative; display: inline-flex; min-height: 1rem; padding-left: 1.2rem; font-size: 0.85rem; line-height: 1rem; color: #111; }
.pollSrvy dl dt .checkZone input[type=radio] + label:before { display: block; content: ""; transition: 0.4s cubic-bezier(0.4, 0, 0.23, 1); position: absolute; top: 2px; left: 0; width: 0.8rem; height: 0.8rem; background: #fff; border: 1px solid #555; border-radius: 50%; }
.pollSrvy dl dt .checkZone input[type=radio] + label::after { display: block; content: ""; transition: 0.4s cubic-bezier(0.4, 0, 0.23, 1); position: absolute; top: 6px; left: 4px; width: 0.4rem; height: 0.4rem; background: #0087E6; border-radius: 50%; opacity: 0; }
.pollSrvy dl dt .checkZone input[type=radio]:checked + label { text-decoration: underline; font-weight: 600; }
.pollSrvy dl dt .checkZone input[type=radio]:checked + label:before { border-color: #0087E6; }
.pollSrvy dl dt .checkZone input[type=radio]:checked + label::after { opacity: 1; }
.pollSrvy dl dd { display: flex; height: 2.8rem; }
.pollSrvy dl dd .pollTxt { flex: 1; height: 100%; background: #F4F4F4; border-radius: 0.5rem 0 0 0.5rem; padding: 0 1rem; }
.pollSrvy dl dd .pollTxt input { width: 100%; height: 100%; background: #F4F4F4; color: #666; border: none; }
.pollSrvy dl dd .pollBtn { display: flex; justify-content: center; align-items: center; gap: 7px; width: 7rem; height: 100%; border-radius: 0.5rem; background: #245592; color: #fff; font-size: 0.75rem; }

.cntInfo { display: flex; justify-content: space-between; align-items: end; background: #F4F4F4; border-radius: 0.5rem; padding: 0.9rem 2rem; margin-top: 2rem; color: #222; gap: 0.5rem; }
.cntInfo strong { font-weight: 600; color: #333; }
.cntInfo strong i { font-weight: 500; margin-right: 5px; }
.cntInfo ul { display: flex; flex-wrap: wrap; gap: 0.5rem 2.25rem; }
.cntInfo ul li { font-size: 0.85rem; }
.cntInfo .lstEdt { white-space: nowrap; font-size: 0.85rem; }

@media (min-width: 1025px) {
    /* 탭 : 공통 */
    [class^="tab_st"] > .select { display: none; }
    [class^="tab_st"].col_w20 ul li { flex: none; width: calc(100% / 5); }
    .tab_st1 { position: relative; border: 1px solid #ccc; border-radius: 0.4rem; overflow: hidden; }
    .tab_st1 ul { display: flex; flex-wrap: wrap; }
    .tab_st1 ul li { position: relative; flex: 1; }
    .tab_st1 ul li + li::before { position: absolute; top: 50%; left: -1px; transform: translateY(-50%); width: 1px; height: 1.25rem; background: #ccc; content: ""; z-index: -1; }
    .tab_st1 ul li:nth-child(6):before { display: none; }
    .tab_st1 ul li:nth-child(n + 6) { border-top: 1px solid #ccc; }
    .tab_st1 ul li a { display: block; padding: 0.8rem; border-radius: 0.4rem; text-align: center; border: 1px solid transparent; transition: 0.3s; }
    .tab_st1 ul li.on a { border-color: #245592; background: #F2F8FF; color: #245592; font-weight: 600; }
    .tab_st1 ul li a:hover,
    .tab_st1 ul li a:focus { font-weight: 600; }
    
    .tab_st2 { border: 1px solid #0087E6; background: #F7FBFE; border-radius: 0.4rem; padding: 1rem 1.5rem; }
    .tab_st2 ul { display: flex; flex-wrap: wrap; gap: 0.5rem; }
    
    .tab_st2 ul li { width: calc((100% - 1.5rem) / 4); }
    .tab_st2 ul li a { position: relative; display: block; padding-left: 0.7rem; }
    .tab_st2 ul li a::before { position: absolute; top: 0.55rem; left: 0; width: 5px; height: 5px; background: #555; border-radius: 50%; content: ""; }
    .tab_st2 ul li.on a { color: #0087E6 !important; font-weight: 600; padding-left: 1.25rem; }
    .tab_st2 ul li.on a::before { content: "\eb79"; font-family: 'remixicon'; top: 0; width: auto; height: auto; color: #0087E6 !important; background: none !important; }
    .tab_st2 ul li a:hover,
    .tab_st2 ul li a:focus { font-weight: 600; color: #111; }
    .tab_st2 ul li a:hover::before,
    .tab_st2 ul li a:focus::before { background: #111; }
    
    .tab_st3 ul{display:flex; flex-wrap:wrap; position:relative; gap:0.5rem;}
    .tab_st3 ul li{position:relative;}
    .tab_st3 ul li a{display:flex; align-items:center; position:relative; gap:0.35rem; padding:0.4rem 1.25rem; border:1px solid #F4F4F4; background:#F4F4F4; border-radius:3rem; font-size:0.85rem; color:#333; transition:border 0.3s ease, background 0.3s ease, color 0.3s ease;}
    .tab_st3 ul li a:after{display:none; position:relative; font-weight:400; font-family:'remixicon'; content:"\eb81";}
    .tab_st3 ul li.on a{border:1px solid #007BBD; background:#007BBD !important; color:#fff !important; font-weight:700 !important;}
    .tab_st3 ul li.on a:after{display:block;}
    .tab_st3 ul li a:hover,
    .tab_st3 ul li a:focus{border:1px solid #007BBD; background:#F2F8FB; color:#007BBD; font-weight:600;}
}

@media (min-width:1280px){
    .tab_st2 ul li { width: calc((100% - 2rem) / 5); }
}

@media (max-width: 1024px) {
    .tbl_st.scroll_gr { width: 100%; overflow-x: auto; }
    .tbl_st.scroll_gr table { width: 100px; min-width: 1024px; }
    
    /* 타이틀(공통) */
    * + h3[class^='tit'] {margin-top:4rem !important;}
}

@media (max-width: 1025px) {
    
    /* 탭 : 공통 */
    [class^="tab_st"] > .select { position: relative; display: block; transition: 0.3s; }
    [class^="tab_st"] > .select::before { position: absolute; top: 50%; transform: translateY(-50%); right: 0.8rem; font-family: 'remixicon'; font-size: 1.1rem; content: "\ea78"; }
    [class^="tab_st"] > .select.on::before { content: "\ea4e"; }
    
    .tab_st1 > .select { padding: 0.8rem; border-radius: 0.4rem; border: 1px solid #ccc; color: #245592; font-weight: 600; margin-bottom: 1rem; }
    .tab_st1 ul { display: none; border: 1px solid #ccc; border-radius: 0.4rem; padding: 0.8rem; }
    .tab_st1 ul li { padding: 0.5rem; border-radius: 0.4rem; }
    .tab_st1 ul li a { position: relative; display: block; padding-left: 0.7rem; }
    .tab_st1 ul li a::before { position: absolute; top: 0.55rem; left: 0; width: 5px; height: 5px; background: #555; border-radius: 50%; content: ""; }
    .tab_st1 ul li.on { background: #F2F8FF; }
    .tab_st1 ul li.on a { border-color: #245592; color: #245592; font-weight: 600; }
    .tab_st1 ul li a:hover,
    .tab_st1 ul li a:focus { font-weight: 600; }
    
    .tab_st2 > .select { padding: 0.8rem; border: 1px solid #0087E6; background: #F7FBFE; border-radius: 0.4rem; color: #245592; font-weight: 600; margin-bottom: 1rem; }
    .tab_st2 ul { display: none; padding: 1rem; border: 1px solid #0087E6; background: #F7FBFE; border-radius: 0.4rem; }
    .tab_st2 ul li + li { margin-top: 0.5rem; }
    .tab_st2 ul li a { position: relative; display: block; padding-left: 0.7rem; }
    .tab_st2 ul li a::before { position: absolute; top: 0.55rem; left: 0; width: 5px; height: 5px; background: #555; border-radius: 50%; content: ""; }
    .tab_st2 ul li a::before { position: absolute; top: 0.55rem; left: 0; width: 5px; height: 5px; background: #555; border-radius: 50%; content: ""; }
    .tab_st2 ul li.on a { color: #0087E6 !important; font-weight: 600; padding-left: 1.25rem; }
    .tab_st2 ul li.on a::before { content: "\eb79"; font-family: 'remixicon'; top: 0; width: auto; height: auto; color: #0087E6 !important; background: none !important; }
    .tab_st2 ul li a:hover,
    .tab_st2 ul li a:focus { font-weight: 600; color: #111; }
    .tab_st2 ul li a:hover::before,
    .tab_st2 ul li a:focus::before { background: #111; }
    
    .tab_st3 > .select{margin-bottom: 1rem; padding: 0.8rem; border:1px solid #007BBD; background:#007BBD; border-radius: 0.4rem; color:#fff; font-weight: 600;}
    .tab_st3 ul{display:none; padding:0.8rem; border:1px solid #007BBD; background:#F2F8FB; border-radius: 0.4rem;}
    .tab_st3 ul li{padding:0.5rem; border-radius: 0.4rem;}
    .tab_st3 ul li a {display: flex; align-items:center; position: relative; gap:0.35rem;}
    .tab_st3 ul li.on{background:#007BBD;}
    .tab_st3 ul li.on a{color:#fff; font-weight:700;}
    .tab_st3 ul li.on a:after{position:relative; top:0; left:0; font-weight:400; font-family:'remixicon'; content:"\eb81";}
    .tab_st3 ul li a:hover,
    .tab_st3 ul li a:focus{color:#007BBD; font-weight:600;}
}

@media (max-width:980px) {
    .pollSrvy { padding: 1.5rem; }
    .pollSrvy dl dt { flex-wrap: wrap; }
    .pollSrvy dl dt .bu_write { width: 100%; }
    .pollSrvy dl dt .checkZone { width: 100%; }
}

@media (max-width:768px) {
    /* 타이틀(공통) */
    * + h3[class^='tit'] {margin-top:3.5rem !important;}
    
    /* 박스 : 박스 기본 타입 */
    .box_st1 { padding: 1.5rem; }
    .box_st2 { padding: 1.5rem; }
    .box_st3 { padding: 1.5rem; }
    
    .box_icon { padding: 1.5rem 1.5rem 1.5rem 7.5rem; }
    .box_icon .ico { top: 1.5rem; left: 2rem; }
    .box_icon .ico img { height: 60px; }
    
    .box_st_img { padding: 1.5rem; }
    
    .Coming_soon { padding: 1.5rem; }
    .Coming_soon img { max-height: 200px; }
    .Coming_soon strong { font-size: 1.2rem; }
    
    .cntInfo { flex-wrap: wrap; padding: 1rem; }
    .cntInfo ul { width: 100%; }
    .cntInfo .lstEdt { width: 100%; }
    
    .bbs_pagerA .bbs_pge_num { display: none; }
    .bbs_pagerA strong { display: flex !important; }
    .bbs_pagerA a.bbs_pge_num:last-of-type { display: flex !important; margin-left: 1rem; position: relative; }
    .bbs_pagerA a.bbs_pge_num:last-of-type::after { position: absolute; top: 50%; transform: translateY(-50%); left: -0.8rem; font-size: 0.8rem; color: #666; content: "/"; }
}

@media (max-width:580px) {
    
    /* 박스 : 박스 기본 타입 */
    .box_st1 { padding: 1.2rem; }
    .box_st2 { padding: 1.2rem; }
    .box_st3 { padding: 1.2rem; }
    [class^="box_st"] .tit3 { font-size: 1rem; }
    
    .box_icon { padding: 1.2rem 1.2rem 1.2rem 7.5rem; }
    .box_icon .tit3 { font-size: 1rem; }
    
    .box_st_img { padding: 1.2rem; }
    .box_st_img .rsp_img .btn-zoom { width: 1.8rem; height: 1.8rem; bottom: -0.9rem; }
    
    .Coming_soon { padding: 1.2rem; }
    
    .pollSrvy { padding: 1.2rem; }
    .pollSrvy dl dd .pollBtn { width: 3.8rem; }
    .pollSrvy dl dd .pollBtn i { display: none; }
}

@media (max-width:480px) {
    .box_icon { padding: 1.2rem; }
    .box_icon .ico { display: none; }
}