@charset "UTF-8";


.kr-link-list ul {border-top: 2px solid #C3C3C3; border-bottom: 2px solid #C3C3C3; overflow: hidden; padding: 20px 0;}
.kr-link-list ul li {float: left; width: 25%;}
.kr-link-list ul li a {display: inline-block; position: relative; padding: 5px 10px 5px 20px; font-size: 15px; line-height: 1.6; letter-spacing: -0.5px; font-weight: 400; word-break: break-all;}
.kr-link-list ul li a::before {content: ''; position: absolute; left: 0; top: 13px; width: 8px; height: 7px; background: url('../images/ic_list1.png') no-repeat center center}
.kr-link-list ul li a::after {content: ""; position: absolute; z-index: 1; width: 15px; height: 15px; background: #D7D7D7; right: 3px; top: 5px; border-radius: 50%; opacity: 0; transition: opacity 0.3s;}
.kr-link-list ul li a span {position: relative; display: inline-block; z-index: 2;}
.kr-link-list ul li a span::before {content: ""; position: absolute; z-index: 1; width: 0; height: 1px; background: #222; left: 0; bottom: 1px; transition: width 0.3s;}
.kr-link-list ul li a:hover {color: #222;}
.kr-link-list ul li a:hover::after {opacity: 1;}
.kr-link-list ul li a:hover span::before {width: 100%;}

@media all and (max-width: 768px){
	.kr-link-list ul li {width: 33.33%;}
}

@media all and (max-width: 500px){
	.kr-link-list ul li {width: 50%;}
}

.srcbox-wrap {text-align: right; margin-bottom: 5px;}
/*search box*/
.srchBox {
	display: inline-block;
	text-align: left;
	position: relative;
	width: 160px;
	color: #646464; font-size: 0.875em;
	border: 1px solid #ebebeb;
	background-color: #ebebeb;
	border-radius: 25px;
	transition: all 0.4s cubic-bezier(0.7, 0, 0.3, 1);
	box-sizing: border-box;
	margin: 0 10px 5px 0;
	z-index: 8;
}
.srchBox:focus,
.srchBox._on {
	border: 1px solid #58585a;
	background-color: #fff;
	border-radius: 25px 25px 0 0;
	border-bottom: 1px solid transparent;
	z-index: 3;
}
.srchBox .srcName {
	position: relative;
	width: 100%; height: 39px; line-height: 39px; text-align: left;
	padding: 0 0 0 20px; box-sizing: border-box;
}
.srchBox .srcName:after,
.srchBox-sel:after {
	content: '';
	width: 11px; height: 7px;
	position: absolute; right: 15px; top: 18px;
	background: url('../images/board_icon.png') -62px 0px no-repeat;
	transition: all 0.2s ease;
	z-index: 2;
}
.srchBox._on .srcName:after,
.srchBox-sel._on:after {
	transform: rotate(180deg);
}
.srchBox .src_list {
	display: none;
	width: calc(100% + 2px);
	position: absolute; top: 100%; left: -1px;
	padding: 0 0 15px 20px; box-sizing: border-box;
	border: 1px solid #ebebeb;
	border-top: 0;
	background-color: #ebebeb;
	border-radius: 0 0 25px 25px;
}
.srchBox._on .src_list {background: #fff; border-color: #58585a;}
.srchBox .src_list > li {
	margin: 5px 0;
}

.srchBox_01{margin-right:50px}
.srchBox_02{width:40px !important}