@charset "UTF-8";

#main {clear:both; overflow:hidden; padding-top:4.5rem; max-width:128rem; margin:0 auto}

/*왼쪽메뉴*/
#snb .title {color:#fff; font-size:3rem; font-weight:600; font-family:'SemiBold'; letter-spacing:-0.9px; text-align:center; display:flex; flex-direction:column; justify-content:center}
#snb .list > ul {border-top:1px solid #E8EBF1;}
#snb .list > ul > li > a{color:#767676;font-size:1.8rem;font-weight:600; font-family: 'SemiBold';letter-spacing: -0.54px;display:block;padding:2rem;position:relative;}
#snb .list > ul > li > a:hover,
#snb .list > ul > li > a:focus{color:#000;}
#snb .list > ul > li.hassub > a:hover:before,
#snb .list > ul > li.hassub > a:focus:before{color:#000;opacity:.7;}

#snb .list > ul > li.hassub > a:before{content:'\e9c5';font-family:'xeicon';color:#767676;font-size:2rem;position:absolute;right:2rem;opacity: .5;top:auto;}
#snb .list > ul > li.active > a::before{content:'\e940';color:#151515;opacity:1;font-size:2rem;position:absolute;right:2rem;top:auto;font-family:'xeicon';}

#snb .list > ul > li.active > a{font-weight:bold;color:#000;}
#snb .list > ul > li{border-bottom:1px solid #E8EBF1;}
#snb .list > ul > li ul[id*="smenu"]{background-color: #F8F8F8;padding:2rem;display:none;}
#snb .list > ul > li.active ul[id*="smenu"]{display: block;}
#snb .list > ul > li ul[id*="smenu"] > li > a{color:#555;letter-spacing: -0.48px;position:relative;display:block;padding-left:1.6rem;}
#snb .list > ul > li ul[id*="smenu"] > li > a:hover,
#snb .list > ul > li ul[id*="smenu"] > li > a:focus{color:#000;text-decoration:underline;}
#snb .list > ul > li ul[id*="smenu"] > li > a:before{content:'';width:.8rem;height:.8rem;border-left:1px solid #8E8E8E;border-bottom:1px solid #8E8E8E;position:absolute;left:0;top:.3rem;}
#snb .list > ul > li ul[id*="smenu"] > li + li{padding-top:1.6rem;}
#snb .list > ul > li ul[id*="smenu"] > li.active > a{font-weight:bold;color:#000;}
#snb .list > ul > li ul[id*="smenu"] > li.active > a:before{border-color:#26272B;}

#snb .list > ul > li .smenu{background-color: #F8F8F8;padding:2rem;display:none;}
#snb .list > ul > li.active .smenu{display: block;}
#snb .list > ul > li .smenu > li > a{color:#555;letter-spacing: -0.48px;position:relative;display:block;padding-left:1.6rem;}
#snb .list > ul > li .smenu > li > a:hover,
#snb .list > ul > li .smenu > li > a:focus{color:#000;text-decoration:underline;}
#snb .list > ul > li .smenu > li > a:before{content:'';width:.8rem;height:.8rem;border-left:1px solid #8E8E8E;border-bottom:1px solid #8E8E8E;position:absolute;left:0;top:.6rem;}
#snb .list > ul > li .smenu > li + li{padding-top:1.6rem;}
#snb .list > ul > li .smenu > li.active > a{font-weight:bold;color:#000;}
#snb .list > ul > li .smenu > li.active > a:before{border-color:#26272B;}


.point, .findeep-highlight {color:#AE1C28 !important; font-weight:bold !important}

.search-box .btn {background-color:#a31e2f !important}
.search-box .btn.filter {background-color:#1d296b !important}
.check-box .article .label {font-size:1.5rem !important}
.check-box .check label {font-size:1.5rem !important}
.check-box .check input:checked + label,
.check-box .check input:checked + label::before {color:#466185 !important; font-weight:bold !important}

.keyword-search {word-break:keep-all}

.search_view_box h5 {color:#333 !important; font-weight:bold !important}
.search_view_box h5 .tcr {font-size:1.5rem !important}
.search_view_box .title {font-size:1.8rem !important}
.search_view_box .title > strong {font-weight:bold !important}
.search_view_box .date {font-size:1.5rem !important}
.search_view_box .path {font-size:1.5rem !important}

/*table*/
.table { overflow: hidden; border-top: 2px solid #555; border-bottom: 1px solid #aaa; }
.table table { width: 100%; margin-bottom: -1px; }
.table thead th { font-size: 1.6rem; padding: 1.25rem; border-bottom: 1px solid #333; font-weight: 600; color: #222; text-align: center}
.table td { font-size: 1.5rem; padding: 1rem; border-bottom: 1px solid #ddd; color: #333; text-align: center; line-height: 1.2}
@media screen and (max-width:1193px) {
   /* 테이블 공통 */
   .table{clear:both; overflow:hidden}
   .table.scroll {background:#fff; overflow-x:scroll; position:relative}
   .table.scroll:before {content:' 좌우로 움직여주세요 '; background-color:rgba(0,0,0,0.5); color:#fff; font-family:'xeicon'; width:120%; height:5rem; text-align:center; line-height:5rem; position:absolute; left:50%; top:0; transform:translateX(-50%); z-index:1; animation:move 3s alternate ease-in-out forwards}
   .table.scroll > table  {min-width:70rem}
   .table.scroll.wide > table  {min-width:100rem}
   .table.scroll table:before  {width:100%}
   
   .table.scroll::-webkit-scrollbar {position:relative; height:3px;}
   .table.scroll::-webkit-scrollbar-thumb {background-color:#333; border:3px solid #333; border-radius:6px}
   .table.scroll::-webkit-scrollbar-track {background-color:#e5e5e5}
}

@media (max-width:1280px){
	#snb {max-width:94%; margin:0 auto}
	#snb .title {background:#fff; color:#333; height:auto; margin-bottom:3rem; text-align:left}
	#snb .list > ul {border-top:0}
	#snb .list > ul > li {border:1px solid #E8EBF1; border-radius:5px; margin-bottom:5px}
	#snb .list > ul > li.active {background:linear-gradient(90deg, rgba(178,28,39,1) 0%, rgba(29,42,108,1) 100%)}
	#snb .list > ul > li.active > a {color:#fff}
	#snb .list > ul > li.active > a::before {color:#fff; transform:rotate(90deg)}
	#snb .list.active > ul > li.active > a::before {transform:rotate(-90deg)}
	#contents {float:none; width:100%; padding-left:0; max-width:94%; margin:0 auto}
}

@media (max-width:767px){
	#header .header_wrap {height:7rem !important}
}