@charset "UTF-8";


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

/*왼쪽메뉴*/
#snb {display:block; float:left; width:22rem}
#snb .title {background:linear-gradient(90deg, rgba(17,143,153,1) 0%, rgba(17,89,153,1) 100%); border-radius:20px 0; width:100%; height:15.8rem; color:#fff; font-size:2.6rem; font-weight:600; font-family:'SemiBold'; letter-spacing:-0.9px; margin-bottom:1.8rem; 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.6rem;font-weight:600; font-family: 'SemiBold';letter-spacing: -0.54px;display:block;padding:1.5rem 3rem 1.5rem 1rem;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:1rem;top:1.2rem;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;}

#contents {float:left; width:calc(100% - 22rem); padding-left:4rem}

.point, .findeep-highlight {color:#118F99 !important; font-weight:bold !important; font-style:inherit}

.search_con {width:calc(100% - 24rem) !important}
.form .input {width:55% !important}
.form .btn-box {width:45% !important}
.search-box .btn {background-color:#118F99 !important}
.search-box .btn.filter {background-color:#115999 !important}
.check-box .article {width:100% !important}
.check-box .article:nth-last-child(2) {border-bottom:1px solid #e7e7e7 !important}
.check-box .article .label {line-height:1.2; width:13rem !important}
.check-box .check input:checked + label,
.check-box .check input:checked + label::before {color:#466185 !important; font-weight:bold !important}

/* .keyword-search > span {display:block; margin-bottom:1rem} */

.search_view_box h5 {color:#333 !important; font-weight:bold !important}
.search_view_box .title > strong {font-weight:bold !important; width:calc(100% - 130px) !important}
.search_view_box .date {width:125px !important}

.search_card {width:24rem !important}
.search_card .card_title {font-weight:800 !important}
.search_card .card_title i {font-weight:bold !important}
.search_card .word-best .label a {font-size:1.3rem !important}

@media (min-width:1280px){
	.search-box .research input {margin-top:-4px}
	.search-box .research label {display:inline-block; font-size:1.3rem; line-height:1.2; margin-top:-2px; text-align:left; vertical-align:middle; width:70%}
}

@media (max-width:1280px){
	#snb {width:calc(100% - 4.44%) !important; margin:0 auto}
	#snb .title {background:#fff; color:#333; height:auto; margin:3rem 0 2.5rem; 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 > a {padding:1.5rem 2rem}
	#snb .list > ul > li.active {background:linear-gradient(90deg, rgba(17,143,153,1) 0%, rgba(17,89,153,1) 100%)}
	#snb .list > ul > li.active > a {color:#fff}
	#snb .list > ul > li.active > a::before {color:#fff; transform:rotate(90deg); right:2rem}
	#snb .list.active > ul > li.active > a::before {transform:rotate(-90deg)}
	#contents {float:none; width:calc(100% - 4.44%); padding-left:0}
}

@media (max-width:1193px){
	#main {margin:0 auto}
	.search_con {width:100% !important}
	.search_card {width:100% !important}
}
@media (max-width:767px){
	#header .header_wrap {height:4.8rem !important}
	.form .input {width:100% !important}
	.form .btn-box {width:100% !important}
	.check-box .article .label {width:10rem !important}
}