.color-red {color: #ff0000 !important;}

.mgt60 {margin-top:60px !important;}
.mgt50 {margin-top:50px !important;}
.mgt40 {margin-top:40px !important;}
.mgt25 {margin-top:25px !important;}
.mgt20 {margin-top:20px !important;}
.mgt10 {margin-top:10px !important;}
.mgr0 {margin-right:0 !important;}
.mgt0 {margin-top:0 !important;}
.space01 {position:absolute;}
.space02 {display:inline-block; padding-left:15px;}
.space03 {display:inline-block; padding-left:20px;}
.space04 {display:inline-block; padding-left:25px;}
.red_color {color:red !important;}
.t_str {font-weight:700 !important;}

.p_color01 {color:#0c4da2 !important;}
.p_color02 {color:#d97d08 !important;}

#sub_content h3 {font-size:27px; font-weight:700; position:relative; padding-bottom:20px;}
#sub_content h3 .right {float:right; font-size:17px; color:#5e5e5e; position:relative; top:10px;}
#sub_content h4 {font-size:23px; font-weight:700; padding-left:20px; position:relative; padding-bottom:20px;}
#sub_content h4 .right {float:right; font-size:17px; color:#5e5e5e; position:relative; top:10px;}
#sub_content h4:before {width:5px; height:21px; position:absolute; left:0; content:''; display:block; top:12px; background:#8dc63f;}

.tab-content h3 {font-size:27px; font-weight:700; position:relative; padding-bottom:20px;}
.tab-content h3 .right {float:right; font-size:17px; color:#5e5e5e; position:relative; top:10px;}
.tab-content h4 {font-size:23px; font-weight:700; padding-left:20px; position:relative; padding-bottom:20px;}
.tab-content h4 .right {float:right; font-size:17px; color:#5e5e5e; position:relative; top:10px;}
.tab-content h4:before {width:5px;height:21px;position:absolute;left:0;content:'';display:block;top:12px;background: #111;}
.con_tt02 li {padding-left:10px; font-size:17px; color:#5e5e5e; padding-bottom:7px; position:relative; line-height:30px;}
.con_tt02 li:before {content:'-'; display:block; color:#5e5e5e; left:0; position:absolute; top:0px;}
.con_tt02 li:last-child {padding-bottom:0;}
.con_tt02 li.color01 {color:#d97d08;}
.con_tt02 li.color01:before {content:'-'; display:block; color:#d97d08; left:0; position:absolute; top:0px;}
p.con_tt01 {color:#5e5e5e; line-height:25px; font-size:17px;}
p.con_tt02 {font-size:17px; padding-bottom:7px; line-height:30px; color:#5e5e5e;}
#sub_content h5 {font-size:18px; font-weight:700; padding-left:10px; position:relative; padding-bottom:10px;}
#sub_content h5:before {width:4px; height:4px; background:#222; position:absolute; left:0; content:''; display:block; top:7px; border-radius:50%;}

.tab-content h5 {font-size:18px; font-weight:700; padding-left:10px; position:relative; padding-bottom:10px;}
.tab-content h5:before {width:4px; height:4px; background:#222; position:absolute; left:0; content:''; display:block; top:12px; border-radius:50%;}

/* ======================
   4depth 스타일
====================== */
.subTab.type-box { display: flex; justify-content: center; flex-wrap: wrap; gap: 10px; list-style: none; margin: 30px
auto; padding: 0; max-width: 100%; }
.subTab.type-box li{flex: 1 1 auto; text-align: center}
.subTab.type-box li a { display: block; padding: 10px 24px; font-size: 15px; border: 1px solid #ccc; border-radius: 6px;
background: var(--background-color); color: #555; text-decoration: none; transition: all 0.25s ease-in-out; }
.subTab.type-box li a:hover {background: #eef2ff; border-color: #2F61D5; color: #2F61D5; }
.subTab.type-box li.active a { background: #2F61D5; color: #fff; border-color: #1b4fff; }


.tab-content { margin-top: 20px; max-width: 100%}
.tab-pane { display: none; padding: 5px; transition: all 0.3s ease-in-out; }
.tab-pane.active { display: block; }


@media (max-width: 1024px) {
  .subTab.type-box { gap: 8px; max-width: 100%; }
  .subTab.type-box li a { font-size: 14px; padding: 8px 18px; }
}

@media (max-width: 800px) {
  .subTab.type-box { justify-content: space-between; gap: 6px; }
  .subTab.type-box li { flex: 1 1 calc(50% - 6px); text-align: center; }
  .subTab.type-box li a { padding: 10px 0; font-size: 13px; }
  .tab-pane { padding: 16px; font-size: 14px; }
}

.text_box {padding:25px 30px; background:#f8f8f8; border:1px solid #ececec; margin-top:50px;}
.text_box.mt0 {margin-top:0;}
.text_box p {font-size:17px; color:#5e5e5e; padding-bottom:10px; letter-spacing:-0.5px; line-height:25px;}
.text_box p:last-child {padding-bottom:0;}

/** 시설개요 **/
.slides {
	width: 635px !important;   /* 원하는 width */
    height: 320px !important;  /* 원하는 height */
}
.sub_slide_box ul:after {clear:both; content:''; display:block;}
.sub_slide_box ul li {height:380px;width:50%;float:left;box-sizing:border-box;position:relative;overflow: hidden;}
.sub_slide_box ul li #slides img{width:100%}
.sub_slide_box ul li.text {padding:40px 50px; border:1px solid #e1e1e1; height:380px; overflow:auto}
.sub_slide_box ul li.text .mt {font-size:28px; font-weight:700; padding-bottom:30px;}
.sub_slide_box ul li.text .nt {color:#545454; line-height:30px;}
.m_table.left table tbody tr td {padding:15px 20px; text-align:left;}
.etc_txt.color span {color:#222222;}
.sub_slide_box ul li.text .down_text {position:absolute; height:65px; left:0; padding-left:50px; line-height:65px; width:100%; background:#f6f6f6; bottom:0; border-top:1px solid #e1e1e1;box-sizing:border-box; text-align:left;}
.sub_slide_box ul li.text .down_text span {display:inline-block; position:relative;}
.sub_slide_box ul li.text .down_text span em {color:#808080; display:inline-block; padding-left:25px; background:url(../images/sub/downtxtbg02.png) no-repeat left center;}
.m_table table {width:100%;border-top: 1px solid #111111;text-align:center;}
.m_table table tr {border-bottom:1px solid #dedee1;}
.m_table table tr th {padding:15px 0; border-right:1px solid #dedee1; font-size:17px; font-weight:700; background:#fbfbfb; line-height:20px;}
.m_table table tbody tr td {padding:15px; border-right:1px solid #dedee1; font-size:17px; box-sizing:border-box; color:#5e5e5e; line-height:25px;}
.m_table table tbody tr td.left {text-align:left; letter-spacing:-0.5px;}
.m_table table tr .border_none  {border-right:0;}
.chk span.disabled label:after{content: '';top:0px;left:0px;display: inline-block;position: absolute;width:22px;height:22px; background:url(../images/sub/unchek_bg02.gif) no-repeat;z-index:1}
.m_table table tbody tr td.bule {color:#4075bd; font-weight:700;}
.m_table table tbody tr td.red {color:#ff5c6c; font-weight:700;}
.m_table table tbody tr td.str {color:#222; font-weight:700;}
.etc_txt {padding-top:20px;}
.etc_txt span {color:#5e5e5e; font-size:17px;}
.etc_txt span em {color:#274081; font-weight:700;}
.sub_slide_box ul li.text .st dl {display:table; width:100%; padding-bottom:13px;}
.sub_slide_box ul li.text .st dl:last-child {padding-bottom:0;}
.sub_slide_box ul li.text .st dl dt {display:table-cell; width:100px; font-size:17px; font-weight:700; padding-left:10px; position:relative;}
.sub_slide_box ul li.text .st dl dt:before {display:block; content:''; width:3px; height:3px; background:#222; position:absolute; left:0; top:12px;}
.sub_slide_box ul li.text .st dl dd {display:table-cell; font-size:17px; color:#545454; line-height:23px;}
.sub_slide_box ul li.text .st dl dd a {color:#545454;}

/*** 슬라이드버튼   ***/
.sub_slide_box .slidesjs_btn {height:60px; background:#232430; width:100%; position:absolute; bottom:0; line-height:60px; padding:0 40px; box-sizing:border-box; z-index:99; left:0; top:inherit;}
.sub_slide_box .slidesjs-log {color:#fff; font-size:23px; font-weight:700; letter-spacing:-1px; text-align:center;}
.sub_slide_box a.slidesjs-next {background:url(../../fmcs/img/common/next_btn.png) no-repeat; display:block; width:36px; height:36px; overflow: hidden; text-indent: -9999px; position:absolute; z-index:100; right:25px; bottom:12px;}
.sub_slide_box a.slidesjs-previous {background:url(../../fmcs/img/common/previous_btn.png) no-repeat; display:block; width:36px; height:36px; overflow: hidden; text-indent: -9999px; position:absolute; z-index:100; left:25px; bottom:12px;}
.sub_slide_box a.slidesjs-play {display:none;}
.sub_slide_box a.slidesjs-stop {display:none;}