@charset "utf-8";

:root {
    --rise-color-blue: #0772ED;
    --rise-color-navy: #004DA0;
    --rise-color-red: #E12D23;
    --rise-color-green: #00959F;
    --rise-color-black: #111;
}

/* common form */
::placeholder,
::-webkit-input-placeholder,
::-ms-input-placeholder {color: #333; font-weight: 400;}

label {margin-right: 0.5rem; vertical-align: middle; cursor:pointer;}
label input {margin-right: 0.25rem; vertical-align: middle;}
input.w100 {width: 100% !important;}
input.w80 {width: 80% !important;}
input.w60 {width: 60% !important;}
input.w50 {width: 50% !important;}
input.w40 {width: 40% !important;}
input.w30 {width: 30% !important;}
input.w20 {width: 20% !important;}
input.mx-w5 {width: 100%; max-width: 5rem;}
input.mx-w10 {width: 100%; max-width: 10rem;}
input.mx-w20 {width: 100%; max-width: 20rem;}
input.mx-w30 {width: 100%; max-width: 30rem;}
input.mx-w40 {width: 100%; max-width: 40rem;}
select.w100 {width: 100%;}
select.w80 {width: 80%;}
select.w60 {width: 60%;}
select.w50 {width: 50%;}
select.w40 {width: 40%;}
select.w30 {width: 30%;}
select.w20 {width: 20%;}

/* 넓이값 */
#subContent .wt1 {width:100%; max-width:8.25rem;}
#subContent .wt2 {width:100%; max-width:5rem;}
#subContent .wt3 {width:32rem;}
#subContent .wt4 {width:100%; max-width:40.75rem;}
#subContent .wt5 {width:100%; max-width:13rem;}
#subContent .wt6 {width:100%; max-width:16.25rem;}

/* 구분선 */
.con_line{display:block; width:100%; height:1px; background:repeating-linear-gradient(to right, var(--rise-color-blue) 0 4px, transparent 4px 8px);}

/* 들여쓰기 */
.indent {margin-left: 1.2rem;}

/* 텍스트 요소 : 강조 타입 */
.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;}
strong{font-weight:600;}

/* 텍스트 요소 : 폰트 크기 */
.fs12 {font-size: 0.6rem !important;}
.fs13 {font-size: 0.65rem !important;}
.fs14 {font-size: 0.7rem !important;}
.fs16 {font-size: 0.8rem !important;}
.fs18 {font-size: 0.9rem !important;}
.fs20 {font-size: 1rem !important;}
.fs22 {font-size: 1.1rem !important;}
.fs24 {font-size: 1.2rem !important;}
.fs26 {font-size: 1.3rem !important;}

/* 패딩 */
.pd0{ padding:0 !important; }
.pd5{ padding:5px !important; }
.pd10{ padding:10px !important; }
.pd15{ padding:15px !important; }
.pd20{ padding:20px !important; }
.pd30{ padding:30px !important; }
.pdt5{ padding-top:5px !important; }
.pdt10{ padding-top:10px !important; }
.pdt15{ padding-top:15px !important; }
.pdt20{ padding-top:20px !important; }
.pdt30{ padding-top:30px !important; }
.pdt40{ padding-top:40px !important; }
.pdr5{ padding-right:5px !important; }
.pdr10{ padding-right:10px !important; }
.pdr15{ padding-right:15px !important; }
.pdr20{ padding-right:20px !important; }
.pdr30{ padding-right:30px !important; }
.pdb5{ padding-bottom:5px !important; }
.pdb10{ padding-bottom:10px !important; }
.pdb15{ padding-bottom:15px !important; }
.pdb20{ padding-bottom:20px !important; }
.pdb30{ padding-bottom:30px !important; }
.pdl5{ padding-left:5px !important; }
.pdl10{ padding-left:10px !important; }
.pdl15{ padding-left:15px !important; }
.pdl20{ padding-left:20px !important; }
.pdl30{ padding-left:30px !important; }

/* 마진 */
.mg0{ margin:0 !important; }
.mg5{ margin:5px !important; }
.mg10{ margin:10px !important; }
.mg15{ margin:15px !important; }
.mg20{ margin:20px !important; }
.mg25{ margin:25px !important; }
.mg30{ margin:30px !important; }
.mgt5{ margin-top:5px !important; }
.mgt10{ margin-top:10px !important; }
.mgt15{ margin-top:15px !important; }
.mgt20{ margin-top:20px !important; }
.mgt25{ margin-top:25px !important; }
.mgt30{ margin-top:30px !important; }
.mgt40{ margin-top:40px !important; }
.mgt5n { margin-top:-5px !important; }
.mgt10n { margin-top:-10px !important; }
.mgr5{ margin-right:5px !important; }
.mgr10{ margin-right:10px !important; }
.mgr15{ margin-right:15px !important; }
.mgr20{ margin-right:20px !important; }
.mgr25{ margin-right:25px !important; }
.mgr30{ margin-right:30px !important; }
.mgb0{ margin-bottom:0 !important; }
.mgb5{ margin-bottom:5px !important; }
.mgb10{ margin-bottom:10px !important; }
.mgb15{ margin-bottom:15px !important; }
.mgb20{ margin-bottom:20px !important; }
.mgb25{ margin-bottom:25px !important; }
.mgb30{ margin-bottom:30px !important; }
.mgl5{ margin-left:5px !important; }
.mgl10{ margin-left:10px !important; }
.mgl15{ margin-left:15px !important; }
.mgl20{ margin-left:20px !important; }
.mgl25{ margin-left:25px !important; }
.mgl30{ margin-left:30px !important; }

/* 타이틀(공통) */
[class^="box_st"] [class^='tit']:nth-of-type(1) {margin-top: 0;}
h3[class^='tit'][class*='1'] + h4[class^='tit'][class*='2'] {margin-top: 0.75rem;}
.tab_st3 + h3[class^="tit"],
h3[class^="tit"]:first-of-type {margin-top: 0;}
* + h3[class^='tit'] {margin-top: 2.5rem !important;}
h4[class^='tit'] {margin-top: 2.5rem; line-height: 1.5; font-weight: 700;}
h4[class^='tit']:nth-of-type(1) {margin-top: 0;}
h4[class^='tit'][class*='2'] + h5[class^='tit'][class*='3'] {margin-top: 0.75rem;}
*:not(h3) + h4[class^='tit'] {margin-top: 2rem !important;}
h5[class^='tit'] {margin-top: 2rem; line-height: 1.5; font-weight: 700;}
h5[class^='tit']:nth-of-type(1) {margin-top: 0;}
h5[class^='tit'][class*='3'] + h6[class^='tit'][class*='4'] {margin-top: 0.75rem;}
*:not(h4) + h5[class^='tit'] {margin-top: 1.5rem !important;}
.box_st2 h4[class^='tit']:first-of-type {margin-top: 0 !important;}
.box_st2 h5[class^='tit']:first-of-type {margin-top: 0 !important;}

/* 타이틀 */
.tit1 {position:relative; margin-top:2.5rem; padding-top:0.6rem; font-size:1.5rem; color:#111; line-height:1.5; font-weight:700;}
.tit1:before{display:block; position:absolute; top:0; left:0; width:21px; height:9px; background:url(/00_common/images/con_com/tit1_icon.png) no-repeat left top; content:'';}
.tit2 {margin-top: 2.5rem; font-size: 1.2rem; color: #004DA0;}
.tit3 {margin-top: 1rem; font-size: 1.1rem; color: #0772ED;}
[class^="tit"]:not([class^="title_"]) {margin-bottom: 0.5rem; font-weight: 700;}

/* 블릿 */
.bu_st1,
.bu_st2,
.bu_st3,
.bu_st4,
.list_st1 > li,
.list_st2 > li,
.list_st3 > li,
.list_st4 > li {position: relative; margin-top:0.35rem; line-height:1.5;}
.bu_st1, .list_st1 > li{padding-left: 0.9rem;}
.bu_st2, .list_st2 > li{padding-left: 0.75rem;}
.bu_st3, .list_st3 > li{padding-left: 0.6rem;}
.bu_st4, .list_st4 > li{padding-left: 0.7rem;}
.bu_st1:before, .list_st1 > li:before {position: absolute; top: 0.4rem; left: 0; width:10px; height:10px; border:3px solid #0772ED; border-radius: 50%; content: '';}
.bu_st2:before, .list_st2 > li:before {position: absolute; top: 0.6rem; left: 0; width: 7px; height: 2px; background: #333; content: '';}
.bu_st3:before, .list_st3 > li:before {position: absolute; top: 0.5rem; left:0; width:4px; height:4px; border:1px solid #333; background:#666665; border-radius: 50%; content:'';}
.bu_st4:before, .list_st4 > li:before {position: absolute; top: 0.55rem; left: 0; width: 6px; height:2px; background:#888; content: '';}

/* P : 블릿 타입 */
.bu_st1 {color: #111;}
.bu_st2 {margin-left: 1rem; color: #111;}
.bu_st3 {margin-left: 1.5rem; font-size: 0.85rem; color: #444;}
.bu_st4 {margin-left: 2rem; font-size: 0.85rem; color: #444;}

/* 리스트 : 블릿 타입 */
.list_st3 > li {font-size: 0.85rem; color: #333;}
.list_st4 > li {font-size: 0.85rem; color: #333;}
.subCntBody > p + .list_st1,
.subCntBody > p + .list_st2,
.subCntBody > p + .list_st3,
.subCntBody > p + .list_st4{margin-top:0.5rem;}

li.bu_none:before {display: none !important;}

/* 리스트 : 가로 나열 */
ul[class*='li_w'],
ol[class*='li_w'] {overflow: hidden;}
.li_w50 > li {float: left; width: 50%;}
.li_w30 > li {float: left; width: 33%;}
.li_w25 > li {float: left; width: 25%;}
.li_w20 > li {float: left; width: 20%;}

/* 순서있는 블릿 */
.bu_ol1,
.bu_ol2,
.bu_ol3,
.bu_ol4,
.list_ol1 > li,
.list_ol2 > li,
.list_ol3 > li,
.list_ol4 > li {position: relative; margin-top:0.3rem; padding-left:1.5rem; line-height:1.5;}
.bu_ol1,
.bu_ol2,
.list_ol1 > li,
.list_ol2 > li{color:#111;}
.bu_ol3,
.bu_ol4,
.list_ol3 > li,
.list_ol4 > li{margin-left:0.5rem; font-size: 0.85rem; color: #333;}
.bu_ol1 > span.num,
.list_ol1 > li > span.num {position: absolute; top: 0.05rem; left: 0; width: 1.25rem; height: 1.25rem; padding-top:0.1rem; font-size: 0.75rem; color:#0772ED; line-height: 1.25rem; font-weight: 700; font-family:'GmarketSans';}
.bu_ol2 > span.num,
.list_ol2 > li > span.num {position: absolute; top: 0.05rem; left: 0; width: 1.25rem; height: 1.25rem; padding-top:0.1rem; font-size: 0.75rem; color: #004DA0; line-height: 1.25rem; font-weight: 700; font-family:'GmarketSans'; }
.bu_ol3 > span.num,
.list_ol3 > li > span.num {position: absolute; top: 0; left: 0; width: 1.2rem; height: 1.2rem; padding-top:0.1rem; border:1px solid #0772ED; border-radius:50%; background-color:rgba(7, 114, 231, 0.04); font-size:11px; color: #0772ED; line-height:1rem; font-weight:700; font-family:'GmarketSans'; text-align: center;}
.bu_ol4 > span.num,
.list_ol4 > li > span.num {position: absolute; top: 0; left: 0; width: 1.2rem; height: 1.2rem; padding-top:0.1rem; border:1px solid #004DA0; border-radius:50%; background-color:rgba(0, 77, 160, 0.05); font-size:11px; color: #004DA0; line-height:1rem; font-weight:700; font-family:'GmarketSans'; text-align: center;}

/* 텍스트 요소 : 주의&경고&말풍선 타입 */
.bu_info {position: relative; margin-top: 0.3rem; padding-left: 1.4rem; line-height:1.5;}
.bu_info:before {position: absolute; top:3px; left:0; font-size: 1.1rem; color:var(--rise-color-navy); line-height:1; font-family: 'remixicon'; content: "\eca1";}
.bu_info2 {position: relative; margin-top: 0.3rem; padding-left: 1.4rem; line-height:1.5; }
.bu_info2:before {position: absolute; top:3px; left:0; font-size: 1.1rem; color:var(--rise-color-red); line-height:1; font-family: 'remixicon'; content: "\eca1";}
.bu_info3 {position: relative; margin-top: 0.3rem; padding-left: 1.4rem; line-height:1.5; }
.bu_info3:before{position: absolute; top:3px; left:0; font-size: 1.1rem; color:#666665; line-height:1; font-family: 'remixicon'; content: "\eca1";}
.bu_info.bold{font-weight:600;}
.bu_info.bold:before{font-weight:400; content: "\eca0";}
.bu_info2.bold{font-weight:600;}
.bu_info2.bold:before{font-weight:400; content: "\eca0";}
.bu_atte{position: relative; margin-top: 0.3rem; padding-left: 1.2rem; line-height:1.5;}
.bu_atte:before{position: absolute; top:5px; left:0; width:19px; height:18px; background:url(/00_common/images/con_com/bu_atte2.png) no-repeat left top; content:'';}

/* 텍스트 요소 : 폰트컬러 타입 */
.pc_red {color:var(--rise-color-red) !important;}
.pc_blue {color:var(--rise-color-blue) !important;}
.pc_navy {color:var(--rise-color-navy) !important;}
.pc_green {color:var(--rise-color-green) !important;}

/* 텍스트 요소 : 링크 타입 */
a.bu_link {display: inline-block; position: relative; color:var(--rise-color-blue); letter-spacing:-0.03em; font-weight:500;}
a.bu_link:after{display: inline-block; width:0.9rem; height:0.9rem; margin-left:0.25rem; line-height:0.9rem; font-family: 'remixicon'; content: "\ecaf";}

/* 박스 공통 */
[class^="box_st"] {position: relative; z-index: 0; margin-top:0.5rem; padding:1.7rem 2.45rem; border-radius: 0.8rem; line-height:1.5;}
.box_st1 { border: 1px solid #cccccc; background: #fff; }
.box_st2 {padding:1.75rem 2.5rem; border: 1px solid rgba(7, 114, 237, 0.3); background: #F5FAFE;}
.box_st3 {padding:1.75rem 2.5rem; border: 1px solid #cccccc;; background: #F7F7F7;}
[class^="box_st"] + [class^="box_st"]{margin-top:2.5rem;}
[class^="box_st"] .btns{display:flex; flex-wrap:wrap; width:100%; margin-top:0.75rem; gap:0.75rem;}
/* 박스 공통 타이틀 */
.box_tit {margin-bottom:0.4rem; font-size:1.1rem; line-height:1.5; font-weight:700;}

/* 박스 : 아이콘 박스 */
.box_ico {position:relative; padding-bottom:0.75rem;}
.box_ico:before{display:block; position:absolute; top:0; left:0; width:100%; height:100%; background:#EDF2F5; border-radius:1.8rem; content:'';}
.box_ico .box_inner {display:flex; overflow:hidden; flex-direction: column; align-items: start; justify-content: center; position: relative; z-index: 1; min-height: 8.5rem; padding:1.4rem 2.9rem 1.4rem 10.65rem; border-radius:1rem; border:2px solid #004DA0; background-color:#fff;}
.box_ico .ico {display: flex; align-items: center; justify-content: center; position: absolute; top: calc((100% - 5.75rem) / 2); left:2.9rem; width: 5.75rem; height: 5.75rem; }
.box_ico .ico:before{display:block; position:absolute; z-index:-1; top:0; left:0; width:100%; height:100%; border-radius:1rem; background-color:rgba(25, 114, 214, 0.05); content:'';}
.box_ico .ico img {position:relative; max-width: 100%; max-height: 100%;}
.box_ico .box_tit {margin-bottom:0.5rem; font-size:1.2rem; color: #004DA0; line-height:1.5; font-weight:700;}
.box_ico .mini_tit{font-size:1rem; color:#111; line-height:1.5; font-weight:600;}
.box_ico .box_inner p {line-height:1.5;}
.box_ico .box_inner strong{font-weight:600;}
.box_ico .ico + .tit1,
.box_ico .ico + .tit2,
.box_ico .ico + .tit3 {margin-top: 0 !important;}

/* 박스 : 이미지 및 비디오 공통  */
.img_box,
.video_box{padding:2.45rem 1rem;}
.img_box .box_inner,
.video_box .box_inner{text-align:center;}

/* 박스 : 이미지 박스 */
/* 이미지 2개일때 */
.img_box .box_inner.half{display:flex; justify-content:center; align-items:center; gap:0.75rem;}
/* 이미지박스 : 링크 있는경우 */
.img_box .rsp_img .img_link{display:inline-block; overflow:hidden; position:relative; width:auto; height:auto; border:1px solid #d5d5d5; border-radius:0.5rem; background:#F5F5F5; font-size:0; color:transparent; line-height:0; box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.12);}
/* 이미지박스 : 영상 링크 */
/*.img_box .rsp_img .img_link.video{margin:0; padding:0; transition:none;}*/
/*.img_box .rsp_img .img_link.video:before{display:inline-block; position:absolute; top:calc(50% - 1.5rem); left:calc((100% - 2.55rem) / 2); width:2.55rem; height:3rem; margin:0; padding:0; background:url(/00_common/images/sub/video_play.png) no-repeat center; font-size:0; line-height:0; content:'';}*/
/* 이미지 사이즈 : 확대보기 */
.rsp_img {position: relative; width: auto; max-width: 100%; line-height: 0;}
.rsp_img img {max-width: 100%;}
.rsp_img .btn-zoom {display:block; overflow: hidden; position: absolute; z-index: 100; right: 0; top: calc(100% + 0.25rem); width:2.25rem; height:2.25rem; border:1px solid rgba(1, 57, 105, 0.6); border-radius:100%; background:#E9F1FA url(/00_common/images/con_com/zoom_icon.png) no-repeat center; text-indent: -9999em;}

/* 박스 : 비디오 박스 */
.img_box video{margin:0; padding:0; border:0; font-size:0; line-height:0; vertical-align:middle;}
.rsp_video {position: relative; width:auto; max-width: 100%; font-size:0; line-height:0}
.rsp_video .player{display:inline-block; overflow:hidden; position: relative; width:auto; border:1px solid #d5d5d5; border-radius:0.5rem; }

/* 버튼 */
.btn{display:inline-flex; align-items:center; justify-content:center; position:relative; min-width:8.5rem; width:auto; height:2.25rem; padding:0 1rem; border:2px solid #666665; background-color:#fff; border-radius:0.3rem; font-size:16px; color:#222; line-height:1.5; font-weight:600; transition:background-color 0.3s ease-in-out, color 0.3s ease-in-out;}
.btn.sm{min-width:5.5rem; width:auto; height:2rem; padding:0 0.6rem; font-size:15px;}
.btn.xsm{min-width:5.5rem; width:auto; height:1.8rem; padding:0 0.5rem; font-size:15px;}
.btn.primary{border:2px solid var(--rise-color-blue); background-color:#fff; color:var(--rise-color-blue);}
.btn.secondary{border:2px solid var(--rise-color-navy); background-color:#fff; color:var(--rise-color-navy)}
.btn.tertiary{border:2px solid var(--rise-color-red); background-color:#fff; color:var(--rise-color-red);}
.btn.fourth{border:2px solid var(--rise-color-green); background-color:#fff; color:var(--rise-color-green);}
.btn:hover{border:2px solid #222; background-color:#222; color:#fff;}
.btn.primary:hover {border:2px solid var(--rise-color-blue); background-color:var(--rise-color-blue); color:#fff;}
.btn.secondary:hover {border:2px solid var(--rise-color-navy); background-color:var(--rise-color-navy); color:#fff;}
.btn.tertiary:hover {border:2px solid var(--rise-color-red); background-color:var(--rise-color-red); color:#fff;}
.btn.fourth:hover {border:2px solid var(--rise-color-green); background-color:var(--rise-color-green); color:#fff;}

.btn_gr{border:2px solid #666; background-color:rgba(102, 102, 102, 0.05); color:#222;}
.btn_bl{border:2px solid var(--rise-color-blue); background-color:#fff; color:var(--rise-color-blue);}
.btn_navy{border:2px solid var(--rise-color-navy); background-color:#fff; color:var(--rise-color-navy)}
.btn_red{border:2px solid var(--rise-color-red); background-color:#fff; color:var(--rise-color-red);}
.btn_grn{border:2px solid var(--rise-color-green); background-color:#fff; color:var(--rise-color-green);}
.btn_gr:hover{border:2px solid #222; background-color:#222; color:#fff;}
.btn_bl:hover{border:2px solid var(--rise-color-blue); background-color:var(--rise-color-blue); color:#fff;}
.btn_navy:hover{border:2px solid var(--rise-color-navy); background-color:var(--rise-color-navy); color:#fff;}
.btn_red:hover{border:2px solid var(--rise-color-red); background-color:var(--rise-color-red); color:#fff;}
.btn_grn:hover{border:2px solid var(--rise-color-green); background-color:var(--rise-color-green); color:#fff;}

/* 버튼 : 아이콘 */
.btn[class*=ico-]{justify-content:space-between; gap:0.5rem; padding:0 0.65rem;}
.btn[class*=ico-]:after{display:inline-flex; font-size:0.9rem; line-height:normal; font-weight:400; font-family:'remixicon';}
.btn.ico-down:after{content:"\ec54";}
.btn.ico-link:after{content: "\eeaf";}
.btn.ico-external:after{content: "\ecaf";}
.btn.ico-back:after{content: "\ea5c"; }
.btn.ico-more:after{content: "\ea13";}
.btn.ico-search:after{content: "\f0d1";}
.btn.ico-arr:after{content: "\ea70";}
.btn.ico-edit:after{content: "\ec86"; }
.btn.ico-file:after{content: "\ecf1";}
.btn.ico-list:after{content: "\eebe";}

/* 버튼 : 게시판 전용 */
.btnGrp{margin-top:1.5rem;}
.btnGrp .btn{position:relative; min-width:auto; width:8.5rem; height:2.25rem; margin-left:0.5rem; border:1px solid #666; background-color:rgba(102, 102, 102, 0.05); border-radius:0.3rem; font-size:16px; line-height:normal; font-weight:600; transition:background-color 0.3s ease-in-out, color 0.3s ease-in-out;}
.btnGrp .btn.sm{min-width:auto; width:5.5rem; height:2rem; font-size:0.75rem;}
.btnGrp .btn.xsm{min-width:auto; width:5.5rem; height:1.8rem; font-size:0.75rem;}
.btnGrp .btn.primary{border:1px solid var(--rise-color-blue); background-color:rgba(7, 114, 237, 0.05); color:var(--rise-color-blue);}
.btnGrp .btn.secondary{border:1px solid var(--rise-color-navy); background-color:rgba(0, 77, 160, 0.05); color:var(--rise-color-navy)}
.btnGrp .btn.tertiary{border:1px solid var(--rise-color-red); background-color:rgba(255, 45, 35, 0.05); color:var(--rise-color-red);}
.btnGrp .btn.fourth{border:1px solid var(--rise-color-green); background-color:rgba(0, 129, 158, 0.05); color:var(--rise-color-green);}
.btnGrp .btn:hover{border:1px solid #222; background-color:#222; color:#fff;}
.btnGrp .btn.primary:hover {border:1px solid var(--rise-color-blue); background-color:var(--rise-color-blue); color:#fff;}
.btnGrp .btn.secondary:hover {border:1px solid var(--rise-color-navy); background-color:var(--rise-color-navy); color:#fff;}
.btnGrp .btn.tertiary:hover {border:1px solid var(--rise-color-red); background-color:var(--rise-color-red); color:#fff;}
.btnGrp .btn.fourth:hover {border:1px solid var(--rise-color-green); background-color:var(--rise-color-green); color:#fff;}

/* 테이블 td 전체정렬 */
.tb_txtL td {text-align: left;}
.tb_txtC td {text-align: center;}
.tb_txtR td {text-align: right;}

/* 테이블 : 테이블 기본 타입 */
.scroll_wide{overflow-x:auto; -webkit-overflow-scrolling: touch;}
.scroll_wide::-webkit-scrollbar {height:6px;}
.scroll_wide > table{position: relative; min-width: 100%;}
div[class*='tbl_st'],
.BD_table {overflow:hidden; position: relative; width: 100%; margin-top: 0.5rem;}
div[class*='tbl_st'] > table,
.BD_table > table{position: relative; width:calc(100% + 1px); margin-left:-1px; word-break: keep-all; text-align:center; -webkit-overflow-scrolling: touch;}
div[class*='tbl_st'] > table:before,
.BD_table > table:before{display:block; position:absolute; z-index:1; top:0; left:0; width:100%; height:2px; background:#174799; content:'';}
div[class*='tbl_st'] > table:after,
.BD_table > table:after{display:block; position:absolute; z-index:1; bottom:0; left:0; width:100%; height:1px; background:#888; content:'';}
div[class*='tbl_st'] > table th,
.BD_table > table th{font-weight: 600;}

.tbl_st thead th,
.tbl_st tbody th,
.tbl_st tbody td,
.tbl_st tfoot th,
.tbl_st tfoot td,
.tbl_st_row tbody th,
.tbl_st_row tbody td,
.tbl_st_row tfoot th,
.tbl_st_row tfoot td,
.BD_table > table thead tr th,
.BD_table > table tbody tr th,
.BD_table > table tbody tr td,
.BD_table > table tfoot tr th,
.BD_table > table tfoot tr td{padding:0.65rem 0.75rem; line-height:1.5;}
.tbl_st thead tr th,
.tbl_st tbody tr th,
.tbl_st tbody tr td,
.tbl_st tfoot tr th,
.tbl_st tfoot tr td,
.tbl_st_row tbody tr th,
.tbl_st_row tbody tr td,
.tbl_st_row tfoot tr th,
.tbl_st_row tfoot tr td,
.BD_table > table thead tr th,
.BD_table > table tbody tr th,
.BD_table > table tbody tr td,
.BD_table > table tfoot tr th,
.BD_table > table tfoot tr td {border-left:1px solid #D5D5D5; border-bottom:1px solid #D5D5D5;}
.tbl_st thead tr:last-child th,
.BD_table > table thead tr:last-child th{border-bottom:1px solid #ccc;}
.tbl_st thead tr th[rowspan] {border-bottom:1px solid #ccc;}
.tbl_st thead tr th:last-child,
.tbl_st tbody tr td:last-child,
.tbl_st tfoot tr td:last-child,
.tbl_st_row tbody tr td:last-child,
.tbl_st_row tfoot tr td:last-child,
.BD_table > table thead tr th:last-child,
.BD_table > table tbody tr td:last-child,
.BD_table > table tfoot tr td:last-child{border-right:none;}
.tbl_st thead th,
.BD_table > table tr thead th{background:#FAFAFA;}
.tbl_st tbody th,
.tbl_st tfoot th,
.tbl_st_row tbody th,
.tbl_st_row tfoot th,
.BD_table > table tbody tr th,
.BD_table > table tfoot tr th{background:#F2F8FE;}

/*div[class*='tbl_st'] {position: relative; width: 100%; margin-top: 0.5rem;}*/
/*div[class*='tbl_st'] > table {position: relative; width: 100%; border-top: 2px solid #000; border-bottom:1px solid #888888; word-break: keep-all; text-align:center; -webkit-overflow-scrolling: touch;}*/
/*div[class*='tbl_st'] > table th {padding:1rem 1.5rem; border-top:1px solid #d9d9d9; line-height:1.5; letter-spacing:-0.03em; font-weight: 600; vertical-align: middle;}*/
/*div[class*='tbl_st'] > table td {padding:1rem 1.5rem; border-top:1px solid #d9d9d9; border-left: 1px solid #d9d9d9; line-height:1.5; vertical-align: middle;}*/

/*div.tbl_st > table tbody tr:first-child th,*/
/*div.tbl_st > table tbody tr:first-child td{ border-top:none;}*/
/*div[class*='tbl_st'] > table thead th {padding:1rem; border-bottom: 1px solid #888; border-top:none; line-height:1.5;}*/
/*div[class*='tbl_st'] > table tbody th {background: #fff; font-weight:600;}*/
/*div[class*='tbl_st'] > table tfoot th {background: #fff;}*/
/*.bdl {border-left: 1px solid #d9d9d9 !important;}*/

/* form */
input[type=text], input[type=tel], input[type=password], input[type=file], input[type=number], input[type=email], input[type=date], input[type=search],
select,
textarea {-webkit-box-shadow: none; box-shadow: none; appearance: none; -webkit-appearance: none; -moz-appearance: none; -webkit-tap-highlight-color: transparent;}
input:focus + label,
select:focus,
textarea:focus{outline:2px solid #000; outline-offset:0.1rem;}
input[type="radio"],
input[type="checkbox"]{position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important;}
input[type="radio"] ~ label,
input[type="checkbox"] ~ label {display:inline-flex; position: relative; min-height:1rem; padding-left:1.2rem; font-size:0.85rem; line-height: 1.5;}
input[type="radio"] ~ label:before,
input[type="checkbox"] ~ label:before{z-index:3;}
input[type="radio"] ~ label:after,
input[type="checkbox"] ~ label:after{z-index:4;}
input[type="radio"] ~ label:before,
input[type="radio"] ~ label:after,
input[type="checkbox"] ~ label:before,
input[type="checkbox"] ~ label:after{display:block; content:''; transition:0.2s cubic-bezier(0.4, 0, 0.23, 1);}
input[type="checkbox"] ~ label:before{position:absolute; top:0; left:0; width:18px; height:18px; border:1px solid #717171; border-radius:4px;}
input[type="checkbox"] ~ label:after{ position:absolute; top:0; left:4px; width:10px; height:9px; background: url(/00_common/images/con_com/ico_check.png) no-repeat left top; opacity: 0;}
input[type="checkbox"]:checked ~ label:before {background-color: var(--rise-color-blue); border-color: var(--rise-color-blue);}
input[type="checkbox"]:checked ~ label:after {opacity: 1;transition-delay: 0.2s;}
input[type=radio] ~ label:before{position:absolute; top:0; left:0; width:18px; height:18px; background:#fff; border:1px solid #717171; border-radius:100%;}
input[type=radio] ~ label:after{position:absolute; top:0; left:4px; width:10px; height:10px; background:#fff; border-radius:100%;}
input[type=radio]:checked ~ label:before{border-color: var(--rise-color-blue);}
input[type=radio]:checked ~ label:after{background-color: var(--rise-color-blue);}
input[type=radio]:disabled ~ label:before,
input[type=checkbox]:disabled ~ label:before{border-color:#c6c6c6; background-color:#e4e4e4;}
input[type=radio]:disabled ~ label:after,
input[type=checkbox]:disabled ~ label:after{display:none;}
input[type=radio]:disabled + label,
input[type=checkbox]:disabled + label{color:#8e8e8e; cursor:default;}
input[type="radio"] ~ label.hidden,
input[type="checkbox"] ~ label.hidden{padding-left:1rem; font-size:0; line-height:0; color:transparent;}
.form-check{position:relative;}
.form-check.noTxt input[type=radio] + label,
.form-check.noTxt input[type=checkbox] + label{padding-left:18px; font-size:0; line-height:0;}

/* 테이블 : PC 스크롤 */
div[class*='tbl_st'].scroll_gr {overflow: auto;}

/* 테이블 - form */
table textarea,
table select,
table input,
table a[class^='btn_'],
table button[class^='btn_']{display:inline-block; position:relative; height:2rem; border:1px solid #ccc; border-radius:0.2rem; background-color:#fff; font-size:0.75rem; color:#333; line-height:1; text-align:left; transition-timing-function:ease-in-out; transition-duration:0.2s; transition-property:background-color, border, color;}
table textarea,
table select,
table input{font-size:0.85rem; color:#666665;}
table select,
table input{width:8.5rem;}
/* 테이블 - select */
table select{padding:0 1.5rem 0 0.5rem; background:url(/00_common/images/con_com/select_arrow.png) no-repeat right 0.65rem center; line-height:1.5;}
table select:disabled{background-color:#f5f5f5;}
/* 테이블 - input */
table input {padding:0 0.55rem;}
table input::placeholder{color:#888;}
table input:read-only{background-color:#f5f5f5;}
table input:disabled{background-color:#f5f5f5;}
/* 테이블 - textarea */
table textarea{width:100%; height:8rem; padding:0.75rem; line-height:1.5;}
table textarea::placeholder{color:#888;}
/* 테이블 - check radio */
input[type="checkbox"] + label:before{top:calc(50% - 9px);}
input[type="checkbox"] + label:after{top:calc(50% - 4.5px);}
input[type="radio"] + label:before{top:calc(50% - 9px);}
input[type="radio"] + label:after{top:calc(50% - 5px);}
.form-check{display:inline-flex; flex-shrink:0; position:relative; margin-right:1rem; vertical-align:middle;}
.form-check:last-child{margin-right:0;}
/* 테이블 - btn */
table button[class^='btn_'],
table a[class^='btn_'] {margin: 0; padding:0.47rem 0.5rem; font-size:15px;}
table button[class^='btn_'].ico-down,
table a[class^='btn_'].ico-down{justify-content:space-between; min-width:6rem; padding-right:1.5rem;}
table button[class^='btn_'].ico-down:after,
table a[class^='btn_'].ico-down:after{display:inline-block; position:absolute; top:0.45rem; right:0.45rem; font-family:"remixicon"; content: "\ec54";}
table button.btn_bl.ico-down,
table a.btn_bl.ico-down{display:inline-flex; align-items:center; justify-content:center; min-width:auto; width:1.25rem; height:1.25rem; padding:0; font-size:0; line-height:0;}
table button.btn_bl.ico-down:after,
table a.btn_bl.ico-down:after{top:0.2rem; right:0.2rem; font-size:15px; color:#333; line-height:1;}
table button[class^='btn_']:hover,
table button[class^='btn_']:focus,
table a[class^='btn_']:hover,
table a[class^='btn_']:focus {border:1px solid #004DA0; background-color:#004DA0; color:#fff;}
table button[class^='btn_']:focus,
table a[class^='btn_']:focus{outline-color:#fff;}
table button:hover.btn_bl.ico-down:after,
table a:hover.btn_bl.ico-down:after,
table button:focus.btn_bl.ico-down:after,
table a:focus.btn_bl.ico-down:after{color:#fff;}

table .btn{position:relative; min-width:auto; width:8.5rem; height:2.25rem; margin:0; border:1px solid #ccc; background-color:#fff; border-radius:0.3rem; font-size:16px; color:#333; line-height:1.5; font-weight:600; transition:background-color 0.3s ease-in-out, color 0.3s ease-in-out;}
table .btn.sm{min-width:auto; width:6rem; height:2rem; font-size:15px;}
table .btn.xsm{min-width:auto; width:6rem; height:1.8rem; font-size:15px;}
table .btn.primary{border:1px solid var(--rise-color-blue); color:var(--rise-color-blue);}
table .btn.secondary{border:1px solid var(--rise-color-navy); color:var(--rise-color-navy)}
table .btn.tertiary{border:1px solid var(--rise-color-red); color:var(--rise-color-red);}
table .btn.fourth{border:1px solid var(--rise-color-green); color:var(--rise-color-green);}
table .btn:hover{border:1px solid #555; background-color:#555; color:#fff;}
table .btn.primary:hover {border:1px solid var(--rise-color-blue); background-color:var(--rise-color-blue); color:#fff;}
table .btn.secondary:hover {border:1px solid var(--rise-color-navy); background-color:var(--rise-color-navy); color:#fff;}
table .btn.tertiary:hover {border:1px solid var(--rise-color-red); background-color:var(--rise-color-red); color:#fff;}
table .btn.fourth:hover {border:1px solid var(--rise-color-green); background-color:var(--rise-color-green); color:#fff;}

table a.btn_gr,
table button.btn_gr{border:1px solid #666; background-color:rgba(102, 102, 102, 0.05); color:#222;}
table a.btn_bl,
table button.btn_bl{border:1px solid var(--rise-color-blue); background-color:#fff; color:var(--rise-color-blue);}
table a.btn_navy,
table button.btn_navy{border:1px solid var(--rise-color-navy); background-color:#fff; color:var(--rise-color-navy);}
table a.btn_red,
table button.btn_red{border:1px solid var(--rise-color-red); background-color:#fff; color:var(--rise-color-red);}
table a.btn_grn,
table button.btn_grn{border:1px solid var(--rise-color-green); background-color:#fff; color:var(--rise-color-green);}
table a.btn_gr:hover,
table button.btn_gr:hover{border:1px solid #222; background-color:#222; color:#fff;}
table a.btn_bl:hover,
table button.btn_bl:hover{border:1px solid var(--rise-color-blue); background-color:var(--rise-color-blue); color:#fff;}
table a.btn_navy:hover,
table button.btn_navy:hover{border:1px solid var(--rise-color-navy); background-color:var(--rise-color-navy); color:#fff;}
table a.btn_red:hover,
table button.btn_red:hover{border:1px solid var(--rise-color-red); background-color:var(--rise-color-red); color:#fff;}
table a.btn_grn:hover,
table button.btn_grn:hover{border:1px solid var(--rise-color-green); background-color:var(--rise-color-green); color:#fff;}

/* 테이블 - 기타 */
.tbl_utile {font-weight:600; text-align: right;}

/* 유틸 */
/* td 정렬사용 */
.tb_txtL td {text-align: left;}
.tb_txtC td {text-align: center;}
.tb_txtR td {text-align: right;}

/* 탭 : 공통 */
div[class^="tab_st"] {position: relative; margin-bottom: 2rem;}
div[class^="tab_st"] > .select {display: none;}
div[class^="tab_st"] a {display: block; position: relative; line-height: 1rem;}
div[class^="tab_st"] a[target='_blank'].down:after {content: "\eb7c";}
div[class^="tab_st"] a,
div[class^="tab_st"] ::before {transition: all 0.3s ease;}
div[class^="tab_st"] li.w100 {width: 100% !important;}

/* 탭 : 1차 탭 */
.tab_st1 ul {display: flex; overflow: hidden; flex-wrap: wrap; }
.tab_st1 li {overflow: hidden; position: relative; width:20%;}
.tab_st1 li a,
.tab_st1 > .select {display: flex; align-items: center; justify-content:center; width:100%; height:100%; padding:0 0.5rem; background-color:#fff; color: #444; font-weight:500;}
.tab_st1 li a:hover{background: rgba(0, 77, 160, 0.08); color:#111;}
.tab_st1 li.on a,
.tab_st1 > .select {background: #004DA0; color: #fff; font-weight: 600;}
.tab_st1 li:not(.on) a:focus{border-color: #004DA0; background: #004DA0; color: #fff;}
.altEdu .tab_st1 li.on a,
.altEdu .tab_st1 > .select {background: #015297; color: #fff; font-weight: 600;}
.altEdu .tab_st1 li:not(.on) a:focus{border-color: #015297; background: #015297; color: #fff;}
.tab_st1 li a:focus,
.tab_st1 > .select:focus{outline:1px solid #fff; outline-offset:-0.2rem;}
.tab_st1 > .select:before,
.tab_st2 > .select:before {position: relative; top: 50%; left:0; margin-right:0.5rem; font-size: 1rem; color: #fff; font-weight: 400; font-family: 'remixicon'; transform: translateY(-50%);}
.tab_st1 > .select:after,
.tab_st2 > .select:after {position: absolute; top: 50%; right:1rem; font-size: 1rem; color: #666; font-weight: 400; font-family: 'remixicon'; transform: translateY(-50%); transition:transform 0.3s ease-in;}
.tab_st1 li a:after,
.tab_st2 li a:after{position: absolute; top: 50%; right:1rem; font-size: 1rem; color: #666; font-weight: 400; font-family: 'remixicon'; transform: translateY(-50%);}
.tab_st1 li a.select:after,
.tab_st2 li a.select:after{color:#fff;}
.tab_st1 li a[target='_blank']:after {content: "\eb87";}
.tab_st1 li a[target='_blank']:hover:after,
.tab_st1 li a[target='_blank']:focus:after {content: "\eb87";}
.tab_st1 li a[target='_blank']:focus:after {color:#fff;}

/* 탭 : 2차 탭 */
.tab_st2{display:flex; justify-content:center; align-items:center;}
.tab_st2 ul li{flex-shrink:0;}
.tab_st2 ul li a{display:inline-flex; position:relative; align-items:center; padding-left:0.75rem; color:#222; transition:color 0.3s ease;}
.tab_st2 ul li a:before{display:block; position:absolute; top:calc(50% - 0.125rem); left:0; width:0.25rem; height:0.25rem; background:#555; border-radius:50%; content:''; transition:background-color 0.3s ease;}
.tab_st2 ul li a:hover,
.tab_st2 ul li.on a,
.tab_st2 > .select{font-weight:700;}
.tab_st2 ul li a:hover{color:#111;}
.tab_st2 ul li a:hover:before{background-color:#111;}
.tab_st2 ul li.on a{padding-left:1.2rem; color:#004DA0;}
.tab_st2 ul li.on a:before{display:none;}
.tab_st2 ul li.on a:after{display:block; position:absolute; top:0; right:auto; left:0; color:#004DA0; font-family:'remixicon'; content:"\eb78"; transform:none;}
.tab_st2 > .select{border:1px solid #0772ED; background:rgba(7, 114, 237, 0.05); color:#004DA0; font-weight:700;}

/* Chrome, Edge, Safari */
.tab_st2 ul::-webkit-scrollbar {height: 4px;}
.tab_st2 ul::-webkit-scrollbar-track { background:transparent;}
.tab_st2 ul::-webkit-scrollbar-thumb {background:#d6e5e2; border-radius: 2px; }
.tab_st2 ul::-webkit-scrollbar-thumb:hover {background:#bcd6d1;}

/*
.tab_st2 ul {overflow: hidden; padding: 1rem; border: 1px solid #cacbcc; border-radius: 1.5rem; background: #fff;}
.tab_st2 ul li {display: inline-block; float: left; padding: 0 1rem;}
.tab_st2 ul li a {display: flex; align-items: center; position: relative; height: 4rem; padding: 1rem 1.5rem 1rem 4rem; color: #666; transition: all 0.3s ease;}
.tab_st2 ul li a:before {position: absolute; top: 50%; left: 1.5rem; font-size: 2rem; font-family: 'remixicon'; content: "\eb80"; transform: translateY(-50%); transition: color 0.3s;}
.tab_st2 ul li a[target='_blank']:after {position: relative; margin-left: 0.5rem; font-size: 1.5rem; font-family: 'remixicon'; content: "\eb87";}
.tab_st2 ul li a:hover,
.tab_st2 ul li a:focus {color: #233659;}
.tab_st2 ul li.on a,
.tab_st2 ul li#current a {color: #233659; font-weight: 700;}
.tab_st2 ul li.on a:before,
.tab_st2 ul li#current a:before {font-weight: 400;}
*/

/* 탭 : 개수 지정 */
div[class^="tab_st"][class*="Tab_w"] ul {flex-wrap: wrap;}
div[class^="tab_st"].Tab_w50 li {width: 50%;}
div[class^="tab_st"].Tab_w30 li {width: 33.33%;}
div[class^="tab_st"].Tab_w25 li {width: 25%;}
div[class^="tab_st"].Tab_w20 li {width: 20%;}
.Tab_w50 li {width: 50%;}
.Tab_w30 li {width: 33%;}
.Tab_w25 li {width: 20%;}
.Tab_w20 li {width: 20%;}

/* 탭 : 반응형 */
.reactTab {display: block;}
.reactTab a.selectTab {display: none;}

/* 콘텐츠 준비중 */
.Coming_soon {overflow:hidden; position:relative; width:100%; height:auto; min-height:13rem; padding:3.45rem 1rem 2.6rem; border: 1px solid #D5D5D5; border-radius:1.4rem;}
.Coming_soon > .inner{position:relative; width:100%; text-align:center;}
.Coming_soon img{max-width:100%;}
.Coming_soon h3 {position:relative; margin-top:1.5rem; font-size:1.4rem; color:#111; font-weight:500;}
.Coming_soon h3 strong {position:relative; z-index:1; font-weight:700;}
.Coming_soon h3 strong:before{display:block; position:absolute; z-index:-1; bottom:-3px; left:0; width:100%; height:0.7rem; background-color:rgba(200, 222, 253, 0.4); content:'';}
.Coming_soon h3 strong em{position:relative;}
.Coming_soon p {position:relative; margin-top:0.6rem; font-size:17px; color:#444; line-height:1.5;}
.Coming_soon .btns{margin-top:1.5rem;}

/* 공공누리 유형 박스 */
.box_nuri{display:flex; overflow:hidden; flex-direction:column; position:relative; width:100%; margin-top:2.5rem; padding:1.5rem; border:1px solid #BFD6F8; background: #F7FAFE; border-radius:0.85rem;}
.box_nuri .box_inner{display:flex; justify-content:space-between; align-items:center; position:relative; gap:0.5rem;}
.box_nuri .bu_info{margin:0;}
.box_nuri .img{display:flex; flex-shrink:0;}

/* 페이지네이션 */
.bbs_pagerA{display:flex; justify-content:center; position:relative; width:100%; margin-top:2rem; gap:0.5rem;}
.bbs_pagerA a[class^='bbs_'],
.bbs_pagerA strong[class^='bbs_']{display:inline-flex; overflow:hidden; align-items:center; justify-content:center; position:relative; min-width:0; width:30px; height:30px; margin:0; border-radius:100%; background-color:#fff; font-size:0.85rem; color:#333; transition:background-color 0.3s ease-in-out;}
.bbs_pagerA strong[class^='bbs_']{background-color:#0772ED; color:#fff; font-weight:700;}
.bbs_pagerA a.bbs_arr{background:none; border:1px solid #ccc; font-size:0; color:transparent; line-height:0; transition:border 0.3s ease-in-out;}
.bbs_pagerA a.bbs_arr:before{display:flex; position:absolute; font-size:18px; color:#666; font-family:'remixicon'; transition:color 0.3s ease-in-out;}
.bbs_pagerA a.bbs_arr.pgeL1:before{content: "\ea64"; }
.bbs_pagerA a.bbs_arr.pgeL2:before{content: "\f363";}
.bbs_pagerA a.bbs_arr.pgeR1:before{content: "\ea6e";}
.bbs_pagerA a.bbs_arr.pgeR2:before{content: "\f365";}
.bbs_pagerA a:not(.bbs_arr):hover{background-color:#e9e9e9;}
.bbs_pagerA a.bbs_arr:hover,
.bbs_pagerA a.bbs_arr:focus{border:1px solid #111;}
.bbs_pagerA a.bbs_arr:hover:before,
.bbs_pagerA a.bbs_arr:focus:before{color:#111;}

@media (min-width:641px) {
    /* 공공누리 유형 박스 */
    .box_nuri .box_tit{font-size:1rem;}
}

@media (min-width:801px){
    /* 페이지네이션 */
    .bbs_pagerA a.bbs_arr.m_paging{display:none;}
}

@media (min-width:1025px){
    /* 선없는 이미지 박스 */
    .img_box.noLine{border:none; padding:0;}
    
    .tbl_st.responsive > table tbody tr th .mTit,
    .tbl_st.responsive > table tbody tr td .mTit,
    .tbl_st.responsive > table tfoot tr th .mTit,
    .tbl_st.responsive > table tfoot tr td .mTit{display:none;}
}

@media (min-width:1241px) {
    /* 탭 : 1차 탭 */
    .tab_st1 li {height:2.6rem; border: 1px solid #d5d5d5;}
    /* 탭 : 2차 탭 */
    .tab_st2{height:3rem;  border:1px solid #0772ED; background:rgba(7, 114, 237, 0.05); border-radius:1.5rem;}
    .tab_st2 ul{display: flex; align-items:center; overflow-x:auto; width:35rem; height:100%;}
    .tab_st2 ul {scrollbar-width: thin; scrollbar-color: rgba(7, 114, 237, 0.2) transparent;}
    .tab_st2 ul li + li{margin-left:2.4rem;}
    .tab_st2 > ul.center { justify-content: center; }
    .tab_st2 > ul.start { justify-content: flex-start; }
    .tab_st2.Tab_w100 ul{width:100%;}
    
    /* 탭: 보더 */
    .tab_st1 li:not(:nth-child(5n+1)) {border-left:none;}
    .Tab_w25 li:not(:nth-child(4n+1)) {border-left:none;}
    .Tab_w30 li:not(:nth-child(3n+1)) {border-left:none;}
    .Tab_w50 li:not(:nth-child(2n+1)) {border-left:none;}
    .tab_st1 li:nth-child(n+6) {border-top:none;}
    .Tab_w25 li:nth-child(n+5) {border-top:none;}
    .Tab_w30 li:nth-child(n+4) {border-top:none;}
    .Tab_w50 li:nth-child(n+3) {border-top:none;}
    
    /* 탭 : 개수에 따른 라운드 */
    .round-tl { border-top-left-radius: 0.45rem; }
    .round-tr { border-top-right-radius: 0.45rem; }
    .round-bl { border-bottom-left-radius: 0.45rem; }
    .round-br { border-bottom-right-radius: 0.45rem; }
}

@media (min-width:1241px) and (max-width:1440px) {
    .tab_st2.Tab_w100 ul li + li{margin-left:1.8rem;}
}

@media (min-width:1441px) {
    /* 탭 : 2차 탭 */
    .tab_st2 ul{width:35rem;}
    .tab_st2.Tab_w100 ul{width:100%;}
    .tab_st2.Tab_w100 ul li + li{margin-left:2.4rem;}
}

@media (max-width:1440px) {
    /* 박스 공통 */
    [class^="box_st"] {padding:1.45rem 1.95rem;}
    
    /* 박스: 아이콘 박스 */
    .box_ico .box_inner{padding-right:2.5rem; padding-left:9.5rem;}
    .box_ico .ico{left:2.1rem;}
    
    /* 박스 : 이미지 박스 */
    .img_box{padding:1.95rem 1rem;}
    .rsp_video video{max-width:100% !important; height:auto !important;}
}

@media (max-width:1240px) {
    [class^="box_st"] + [class^="box_st"]{margin-top:2rem;}
    
    /* 테이블 : 유틸 */
    .tbl_utile {margin-top: 0;}
    
    /* 탭 : 공통 */
    .reactTab[class^="tab_st"] > .select {display: block; height: auto;}
    .reactTab[class^="tab_st"] ul {display: none; width: 100%; margin-bottom: 0; margin-left: 0; text-align: left;}
    .reactTab[class^="tab_st"] li {display: block; width: 100% !important;}
    .tab_st1 li a:hover::before,
    .tab_st1 li a:focus::before,
    .tab_st1 li.on a::before {color:#de2a59;}
    .tab_st1 li:hover::after,
    .tab_st1 li:focus::after,
    .tab_st1 li.on::after {background:#d1cdcc;}
    .reactTab[class^="tab_st"] li a {position: relative; background: #fff;}
    
    /* 탭 : 1차 탭 */
    .tab_st1 li a:after,
    .tab_st2 li a:after {content: "\f1af";}
    .tab_st1 li a:hover::before,
    .tab_st1 li a:focus::before,
    .tab_st1 > .select:before {color: #fff; content: "\eb79";}
    .tab_st2 > .select:before {color: #004DA0; content: "\eb79";}
    .tab_st1 > .select:after{color: #fff;}
    .tab_st2 > .select:after{color: #004DA0;}
    .tab_st1 > .select:after,
    .tab_st2 > .select:after{content: "\ea4e";}
    .tab_st1 > .select:has(+ ul.open):after,
    .tab_st2 > .select:has(+ ul.open):after{transform:translateY(-50%) rotate(180deg);}
    
    div[class^="tab_st"]:not(.notJS) ul {overflow: hidden; width: 100%; margin: 0; border: 1px solid #ccc; border-radius: 0.5rem;}
    div[class^="tab_st"]:not(.notJS) li {margin: 0;}
    div[class^="tab_st"]:not(.notJS) li + li {border-top: 1px dashed #ddd;}
    div[class^="tab_st"]:not(.notJS) li a {display: block; height: auto; border: 0;}
    div[class^="tab_st"]:not(.notJS) li a,
    div[class^="tab_st"]:not(.notJS) > .select{padding:0.6rem 3.75rem 0.6rem 1rem;}
    div[class^="tab_st"]:not(.notJS) > .select{border-radius:0.45rem;}
    .tab_st1:not(.notJS) li.on a {background: #fff; color: #2a66d4;}
    .tab_st1:not(.notJS) li a:focus,
    .tab_st1:not(.notJS) li a:hover {background: transparent; color: #2a66d4;}
    .tab_st1:not(.notJS) li:not(.on) a:focus:before,
    .tab_st1:not(.notJS) li:not(.on) a:hover:before {color: #444;}
    .tab_st1:not(.notJS) li:hover::before,
    .tab_st1:not(.notJS) li:focus::before,
    .tab_st1:not(.notJS) li.on::before {background: #d1cdcc;}
    .tab_st1 ul li a:before,
    .tab_st1 ul li.on a:after,
    .tab_st2 ul li a:before,
    .tab_st2 ul li.on a:after{display:none;}
    
    /* 탭 : 리스트 */
    .tab_list {padding: 0.5rem 0;}
    .tab_list li a {font-size: 0.8rem;}
    
    /* 탭 : 기능페이지 관련 탭 추가(스타일은 tab_st2번과 동일) */
    .tab_st_trns.tab_list2 ul {display: block;}
    .tab_st_trns.tab_list2 li {float: left; width: calc(25% - 0.5rem) !important; margin: 0.25rem !important;}
    .tab_st_trns.tab_list2 li a:before {display: block;}
    .tab_st_trns.tab_list2 li a,
    .tab_st_trns.tab_list2 > .select {height: 2.5rem;}
    
    /* 탭 : 개수 지정 */
    .Tab_w20 > li {width: 25%;}
    /* 리스트 : 가로 나열 */
    .li_w20 > li {width: 25%;}
    
    /* 공공누리 유형 박스 */
    .box_nuri{margin-top:4rem;}
}

@media (max-width:1024px) {
    /* 타이틀(공통) */
    * + h3[class^='tit'] {margin-top: 2rem !important;}
    h3[class^='tit'][class*='1'] + h4[class^='tit'][class*='2'] {margin-top:0.5rem;}
    h4[class^='tit'][class*='2'] + h5[class^='tit'][class*='3'] {margin-top: 0.5rem;}
    h4[class^='tit'] {margin-top: 2rem;}
    h5[class^='tit'] {margin-top: 1.5rem; }
    .box_st2 h4[class^='tit']:first-of-type {margin-top: 0 !important;}
    .box_st2 h5[class^='tit']:first-of-type {margin-top: 0 !important;}
    
    /* 타이틀 */
    .tit1{padding-top:0.5rem; font-size:1.3rem;}
    .tit1:before{width:19px; height:8px; background-size:contain;}
    .tit2{font-size:1.1rem;}
    .tit3{font-size:1rem;}
    [class^="tit"]:not([class^="title_"]){margin-bottom:0.5rem;}
    
    .bu_ol1,
    .bu_ol2,
    .bu_ol3,
    .bu_ol4,
    .list_ol1 > li,
    .list_ol2 > li,
    .list_ol3 > li,
    .list_ol4 > li{padding-left:1.3rem;}
    
    .bu_st3:before,
    .list_st3 > li:before{top:0.45rem;}
    
    /* 리스트 : 순차적 리스트 타입 */
    .bu_ol1 > span.num,
    .list_ol1 > li > span.num,
    .bu_ol2 > span.num,
    .list_ol2 > li > span.num{width:1.2rem; height:1.2rem; line-height:1.2rem;}
    .bu_ol3 > span.num,
    .bu_ol4 > span.num,
    .list_ol3 > li > span.num,
    .list_ol4 > li > span.num{top:0.1rem; width:1.05rem; height:1.05rem; line-height:0.9rem;}
    .bu_ol3 > span.num,
    .list_ol3 > li > span.num{font-size:10px;}
    .bu_ol4 > span.num,
    .list_ol4 > li > span.num{font-size:10px;}
    
    /* 텍스트 요소 : 주의&경고&말풍선 타입 */
    .bu_info,
    .bu_info2,
    .bu_info3,
    .bu_atte{ padding-left:1.3rem;}
    .bu_info:before,
    .bu_info2:before,
    .bu_info3:before{font-size:1.05rem;}
    .bu_atte:before{top:4px; width:18px; height:17px; background-size:cover;}
    
    /* 박스 공통 */
    [class^="box_st"] {padding: 1.2rem 1.45rem;}
    [class^="box_st"] .btns{gap:0.6rem;}
    
    /* 박스: 아이콘 박스 */
    .box_ico .box_inner{min-height:7rem; padding-right:1.85rem; padding-left:8.5rem;}
    .box_ico .ico{left:1.6rem; width:5.5rem; height:5.5rem;}
    .box_ico .ico img{transform:scale(0.9);}
    .box_ico .box_tit{font-size:1.1rem;}
    
    /* 박스 : 이미지 박스 */
    .img_box{padding:1.45rem 1rem;}
    
    /* 박스: 비디오 박스 */
    .rsp_img > .video + .btn-zoom{display:none !important;}
    
    /* 테이블 : 테이블 기본 타입 */
    div[class*='tbl_st'] > table {word-break: break-all;}
    .tbl_st thead th,
    .tbl_st tbody th,
    .tbl_st tbody td,
    .tbl_st tfoot th,
    .tbl_st tfoot td,
    .tbl_st_row tbody th,
    .tbl_st_row tbody td,
    .tbl_st_row tfoot th,
    .tbl_st_row tfoot td,
    .BD_table > table tbody tr td,
    .BD_table > table tfoot tr th,
    .BD_table > table tfoot tr td{padding:0.65rem 0.6rem 0.6rem;}
    
    /* 테이블 : 반응형 */
    div[class*='tbl_st'].responsive > table{display:block;}
    div[class*='tbl_st'].responsive > table th,
    div[class*='tbl_st'].responsive > table td{position:relative;}
    div[class*='tbl_st'].responsive > table colgroup{display:none;}
    div[class*='tbl_st'].responsive > table thead {display:none;}
    div[class*='tbl_st'].responsive > table tbody ,
    div[class*='tbl_st'].responsive > table tfoot {display:block; width:100%;}
    div[class*='tbl_st'].responsive > table tfoot{border-top:1px solid #d9d9d9;}
    div[class*='tbl_st'].responsive > table tbody tr,
    div[class*='tbl_st'].responsive > table tfoot tr{display:flex; position:relative; width:100%; border-bottom:1px solid #d9d9d9; text-align:left;}
    div[class*='tbl_st'].responsive > table tbody tr th,
    div[class*='tbl_st'].responsive > table tbody tr td,
    div[class*='tbl_st'].responsive > table tfoot tr th,
    div[class*='tbl_st'].responsive > table tfoot tr td{display:block; border:none;}
    div[class*='tbl_st'].responsive > table tbody tr th,
    div[class*='tbl_st'].responsive > table tfoot tr th{flex-shrink:0; margin-right:11px; padding:0; padding-left:12px; padding-right:12px; background:#fff;}
    div[class*='tbl_st'].responsive > table tbody tr td,
    div[class*='tbl_st'].responsive > table tfoot tr td{padding:0;}
    div[class*='tbl_st'].responsive > table tbody tr td:first-child,
    div[class*='tbl_st'].responsive > table tfoot tr td:first-child{margin-top:0;}
    div[class*='tbl_st'].responsive > table tr:last-of-type{border-bottom:none !important;}
    div[class*='tbl_st'].responsive > table .down{margin-top:0.25rem;}
    .tbl_st_row.responsive > table tbody tr,
    .tbl_st_row.responsive > table tfoot tr{padding:0.6rem 0.8rem; border-bottom:none !important;}
    .tbl_st_row.responsive > table tbody tr:not(:last-child),
    .tbl_st_row.responsive > table tfoot tr:not(:last-child){padding-bottom:0.2rem;}
    .tbl_st_row.responsive > table tbody tr + tr,
    .tbl_st_row.responsive > table tfoot tr + tr{padding-top:0;}
    .tbl_st.responsive > table tbody tr th,
    .tbl_st.responsive > table tfoot tr th{padding:0 !important;}
    .tbl_st.responsive > table tbody tr th .mTit,
    .tbl_st.responsive > table tbody tr td .mTit,
    .tbl_st.responsive > table tfoot tr th .mTit,
    .tbl_st.responsive > table tfoot tr td .mTit{display:inline-flex; position:relative; margin-right:11px; padding-left:12px; padding-right:12px; color:#111; font-weight:600;}
    .tbl_st_row.responsive > table tbody tr th:after,
    .tbl_st_row.responsive > table tfoot tr th:after,
    .tbl_st.responsive > table tbody tr th .mTit:after,
    .tbl_st.responsive > table tbody tr td .mTit:after,
    .tbl_st.responsive > table tfoot tr th .mTit:after,
    .tbl_st.responsive > table tfoot tr td .mTit:after{display:block; position:absolute; top:4px; right:0; width:1px; height:15px; background:#ccc; content:'';}
    .tbl_st_row.responsive > table tbody tr th:before,
    .tbl_st_row.responsive > table tfoot tr th:before,
    .tbl_st.responsive > table tbody tr th .mTit:before,
    .tbl_st.responsive > table tbody tr td .mTit:before,
    .tbl_st.responsive > table tfoot tr th .mTit:before,
    .tbl_st.responsive > table tfoot tr td .mTit:before{position:absolute; top:10px; left:0; width:3px; height:3px; border-radius:50%; background:#666; content:"";}
    .tbl_st.responsive > table tbody tr,
    .tbl_st.responsive > table tfoot tr{padding:0.8rem;}
    .tbl_st.responsive > table tbody tr,
    .tbl_st.responsive > table tfoot tr{flex-direction:column;}
    .tbl_st.responsive > table tbody tr td,
    .tbl_st.responsive > table tbody tr td + th,
    .tbl_st.responsive > table tfoot tr td,
    .tbl_st.responsive > table tfoot tr td + th{margin-top:0.4rem;}
    
    input[type="radio"] ~ label,
    input[type="checkbox"] ~ label{font-size:0.9rem;}
    input[type="checkbox"] + label:before{top:calc(50% - 8.5px);}
    input[type="radio"] + label:before{top:calc(50% - 8.5px);}
    input[type="radio"] + label:after{top:calc(50% - 4.5px);}
    input[type="checkbox"] ~ label:before{width:17px; height:17px;}
    input[type=radio] ~ label:before{width:17px; height:17px;}
    input[type=radio] ~ label:after{width:9px; height:9px;}
    .form-check{margin-right:0.7rem;}
    .form-check.noTxt input[type=radio] + label,
    .form-check.noTxt input[type=checkbox] + label{padding-left:17px;}
    
    /* 테이블 스크롤 */
    div[class*='tbl_st'].scroll_gr {overflow-x: auto; z-index: 1; width: 100%; background-image: linear-gradient(to left, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%); background-repeat: no-repeat; background-position: right 5px; background-size: 20px 100%;}
    div[class*='tbl_st'].scroll_gr table {width: 1024px;}
    div[class*='tbl_st'].scroll_gr::-webkit-scrollbar{height:5px;}
    
    /* 테이블 - form */
    table textarea{height:12rem;}
    
    /* 탭 : 공통 */
    div[class^="tab_st"]{margin-bottom:1.5rem;}
    
    /* 탭 : 개수 지정 */
    .Tab_w20 > li {width: 33%;}
    
    /* 리스트 : 가로 나열 */
    .li_w25 > li,
    .li_w20 > li {width: 33%;}
    
    /* 공공누리 유형 박스 */
    .box_nuri{padding:1rem 1.25rem;}
}

@media screen and (max-width: 860px){
    /* 테이블 스크롤 */
    div[class*='tbl_st'].scroll_gr table {width: 860px;}
    
    /* 탭 : 개수 지정 */
    .Tab_w30 > li,
    .Tab_w20 > li {width: 50%;}
    
    /* 리스트 : 가로 나열 */
    .li_w30 > li,
    .li_w25 > li,
    .li_w20 > li {width: 50%;}
    
    /* 공공누리 유형 박스 */
    .box_nuri{padding:2rem;}
    .box_nuri .box_inner{align-items:flex-start; flex-direction:column;}
    
    /* 이미지 사이즈 : 확대보기 */
    .rsp_img .btn-zoom{top:calc(100% + 0.5rem); width:2rem; height:2rem;}
    
    /* 버튼 : 게시판 전용 */
    .btnGrp .btn{margin:0.3rem;}
}

@media screen and (max-width:800px){
    .BD_table > table tbody tr th,
    .BD_table > table tbody tr td,
    .BD_table > table tfoot tr th,
    .BD_table > table tfoot tr td{border-left:0;}
    
    /* 페이지네이션 */
    .bbs_pagerA .bbs_pge_num{display:none !important;}
    .bbs_pagerA a.bbs_arr.w_paging{display:none;}
    .bbs_pagerA strong.bbs_pge_num,
    .bbs_pagerA strong.bbs_pge_num:hover,
    .bbs_pagerA strong.bbs_pge_num:focus{display:inline-flex !important;}
}

@media screen and (max-width: 768px){
    .bu_st1:before,
    .list_st1 > li:before{top:0.32rem;}
    
    .box_ico .ico{width:5rem; height:5rem;}
    .box_ico .box_inner{padding-left:8rem;}
    
    .BD_table > table tbody tr td,
    .BD_table > table tfoot tr th,
    .BD_table > table tfoot tr td{padding:0.8rem 0.5rem 0.7rem;}
}

@media (max-width:640px) {
    /* 타이틀 */
    .tit1{font-size:1.2rem;}
    .tit1:before{width:16px; height:7px;}
    
    /* 타이틀(공통) */
    * + h3[class^='tit'] {margin-top: 1.5rem !important;}
    h4[class^='tit'] {margin-top: 1.5rem;}
    *:not(h3) + h4[class^='tit'] {margin-top: 1.5rem !important;}
    h5[class^='tit'] {margin-top: 1rem; }
    *:not(h4) + h5[class^='tit'] {margin-top: 1rem !important;}
    .box_st2 h4[class^='tit']:first-of-type {margin-top: 0 !important;}
    .box_st2 h5[class^='tit']:first-of-type {margin-top: 0 !important;}
    
    /* P : 블릿 타입 */
    .bu_st2 {margin-left:0.75rem;}
    .bu_st3 {margin-left:1.25rem;}
    .bu_st4 {margin-left:1.75rem;}
    
    /* 리스트 : 순차적 리스트 타입 */
    .bu_ol1,
    .bu_ol2,
    .bu_ol3,
    .bu_ol4,
    .list_ol1 > li,
    .list_ol2 > li,
    .list_ol3 > li,
    .list_ol4 > li{margin-top:0.2rem;}
    .bu_ol1 > span.num,
    .bu_ol2 > span.num,
    .list_ol1 > li > span.num,
    .list_ol2 > li > span.num{padding-top:0.15rem;}
    .bu_ol3 > span.num,
    .bu_ol4 > span.num,
    .list_ol3 > li > span.num,
    .list_ol4 > li > span.num{}
    
    /* 텍스트 요소 : 주의&경고&말풍선 타입 */
    .bu_info,
    .bu_info2,
    .bu_info3,
    .bu_atte{padding-left:1.2rem;}
    .bu_info:before,
    .bu_info2:before,
    .bu_info3:before{font-size:1rem;}
    .bu_atte:before{width:17px; height:16px;}
    
    /* 박스 공통 */
    [class^="box_st"] {padding:0.95rem;}
    [class^="box_st"] + [class^="box_st"]{margin-top:1.5rem;}
    [class^="box_st"] .btns{gap:0.5rem;}
    
    /* 박스: 텍스트 박스 */
    .box_tit{font-size:1rem;}
    
    /* 박스: 아이콘 박스 */
    .box_ico{padding-bottom:0.5rem;}
    .box_ico:before{border-radius:1.5rem;}
    .box_ico .box_inner{min-height:5rem; padding:1rem 0.9rem 1rem 1rem;}
    .box_ico .ico{display:none;}
    .box_ico .box_tit{margin-bottom:0.4rem; font-size:1rem;}
    .box_ico .box_inner p + ul,
    .box_ico .box_inner p + ol{margin-top:0.2rem;}
    
    /* 박스 : 이미지 박스 */
    .img_box{padding:1.2rem 0.95rem;}
    /* 이미지 2개일때 */
    .img_box .box_inner.half{flex-direction:column;}
    .img_box .box_inner.half .rsp_img .btn-zoom{top:calc(100% - 1rem);}
    
    /* 이미지 사이즈 : 확대보기 */
    .rsp_img .btn-zoom{top:calc(100% + 0.3rem); width:1.6rem; height:1.6rem;}
    
    /* 이미지박스 : 링크 있는경우 */
    .img_box .rsp_img .img_link.video:before{transform:scale(0.75);}
    
    /* 테이블 : 테이블 기본 타입 */
    .tbl_st thead th,
    .tbl_st tbody th,
    .tbl_st tbody td,
    .tbl_st tfoot th,
    .tbl_st tfoot td,
    .tbl_st_row tbody th,
    .tbl_st_row tbody td,
    .tbl_st_row tfoot th,
    .tbl_st_row tfoot td{padding:0.6rem 0.3rem 0.5rem;}
    .BD_table > table tbody tr td,
    .BD_table > table tfoot tr th,
    .BD_table > table tfoot tr td{padding:0.65rem 0.3rem;}
    
    /* 테이블 - form */
    table textarea{height:12rem;}
    input[type="checkbox"] + label,
    input[type="radio"] + label{margin-right:0.5rem; padding-left:1.25rem;}
    input[type="radio"] + label:after{left:4px;}
    input[type="radio"] + label:before{top:calc(50% - 9px);}
    input[type="radio"] + label:after{top:calc(50% - 5px);}
    /*table button[class^='btn_'].ico-down,*/
    /*table a[class^='btn_'].ico-down {min-width:10rem; padding:0 0.5rem;}*/
    
    .btn{font-size:15px;}
    .btnGrp .btn{font-size:15px;}
    
    /* 콘텐츠 준비중 */
    .Coming_soon{min-height:auto; padding:2.25rem 2rem;}
    .Coming_soon h3{margin-top:1rem; font-size:1.3rem;}
    .Coming_soon p{font-size:16px;}
    .Coming_soon .btns{margin-top:1rem;}
    
    /* 공공누리 유형 박스 */
    .box_nuri{margin-top:1.5rem;}
}

@media (max-width:480px) {
    [class^="box_st"] .btns{flex-direction:column; gap:0.4rem;}
    [class^="box_st"] .btns > .btn{min-width:0; width:100%; line-height:1.2; white-space:wrap;}
    
    .bu_atte:before{top:3px;}
    
    .bu_ol1 > span.num,
    .bu_ol2 > span.num,
    .list_ol1 > li > span.num,
    .list_ol2 > li > span.num{padding-top:0.1rem;}
    
    .bu_st3:before, .list_st3 > li:before{top:0.5rem;}
    
    div[class*='tbl_st'].responsive > table tr{padding:0.8rem 0.4rem;}
    div[class*='tbl_st'].responsive > table tbody tr th,
    div[class*='tbl_st'].responsive > table tfoot tr th{margin-right:8px; padding-left:8px; padding-right:8px;}
    .tbl_st.responsive > table tbody tr th .mTit,
    .tbl_st.responsive > table tbody tr td .mTit,
    .tbl_st.responsive > table tfoot tr th .mTit,
    .tbl_st.responsive > table tfoot tr td .mTit{margin-right:8px; padding-left:8px; padding-right:8px;}
    .tbl_st_row.responsive > table tbody tr th:before,
    .tbl_st_row.responsive > table tfoot tr th:before,
    .tbl_st.responsive > table tbody tr td .mTit:before,
    .tbl_st.responsive > table tfoot tr td .mTit:before{top:9px;}
    .tbl_st_row.responsive > table tbody tr th:after,
    .tbl_st_row.responsive > table tfoot tr th:after,
    .tbl_st.responsive > table tbody tr th .mTit:after,
    .tbl_st.responsive > table tbody tr td .mTit:after,
    .tbl_st.responsive > table tfoot tr th .mTit:after,
    .tbl_st.responsive > table tfoot tr td .mTit:after{top:4px; height:13px;}
    
    /* 탭  */
    .Tab_w50 li,
    .Tab_w30 li,
    .Tab_w20 li {width: 100%;}
    
    /* 리스트 : 가로 나열 */
    .li_w50 > li,
    .li_w30 > li,
    .li_w25 > li,
    .li_w20 > li {width: 100%;}
    
    /* 콘텐츠 준비중 */
    .Coming_soon{padding:2rem 1.5rem 1.5rem;}
    .Coming_soon h3{margin-top:0.7rem;}
}

@media (max-width:380px) {
    /* 콘텐츠 준비중 */
    .Coming_soon{padding:1.5rem 1rem 1.3rem;}
    .Coming_soon h3{font-size:1.15rem;}
    
    /* 공공누리 유형 박스 */
    .box_nuri{padding:0.75rem;}
}