@charset "UTF-8";

/* SUB PAGE // dictionary List */
@media screen and (min-width: 1024px){
	/* PC device support */
	.dictionary #searchBox{background: #F9F9F9; border: 1px solid #E5E5E5; margin: 40px 0 86px; padding: 30px 0 26px;}
	.dictionary #searchBox dt:first-of-type, .dictionary #searchBox dd:first-of-type{margin-top: 0;}
	.dictionary #searchBox dt, .dictionary #searchBox dd{margin-top: 20px;}
	.dictionary #searchBox dt{width: 160px; color: #676767; font-size: 18px; line-height: 35px; letter-spacing: -.3px; padding-left: 40px;}
	.dictionary #searchBox dt:before{content: '\f10c'; color: #0190D5; font-size: 17px; font-weight: bold; display: inline-block; margin-right: 2px;}
	.dictionary #searchBox dd{width: calc(100% - 160px);}
	.dictionary #searchBox .textBox{width: 490px; height: 40px; border-bottom: 2px solid #0B0B0B; padding-right: 42px;}
	.dictionary #searchBox .textBox label{font-size: 18px; padding: .13em .9em 0;}
	.dictionary #searchBox .textBox input[type="text"]{background: transparent; font-size: 18px; border: none; padding: 0 .9em .3em;}
	.dictionary #searchBox .searchBtn{
		width: 42px; height: 42px;
		background: #27A0DB;
		color: #FFF;
		font-size: 18px;
		text-align: center;
		line-height: 40px;
		position: relative; z-index: 500;
		margin: -2px 0 0 -42px;
	}
	.dictionary #searchBox .searchBtn + .fa-redo{font-size: 15px; line-height: 40px; margin-top: -2px; padding: 0 20px;}
	.dictionary #searchBox .searchBtn + .fa-redo:before{margin-right: 7px;}
	.dictionary + .dictionary{padding: 0 20px;}
	.resultInfo h6{color: #323232; font-size: 22px; padding-bottom: 11px;}
	.resultInfo .criteria{background: #F9F9F9; border: 1px solid #0190D5; margin-bottom: 27px; padding: 13px 13px 12px;}
	.resultInfo .criteria li{color: #323232; font-size: 15px; font-weight: 300;}
	.resultInfo .criteria li:before{content: ""; width: 15px; height: 15px; background: url("../image/common/blltSpr.png") no-repeat -11px -247px; display: inline-block;}
	.resultInfo .criteria .sysTxt{color: #0190D5;}
	.dictionary #searchBox .wordPage{width: 36px; height: 35px; background: #FFF; color: #000; font-size: 16px; text-align: center; line-height: 30px; border: 1px solid #DFE3E6; margin-left: -1px;}
	.dictionary #searchBox .wordPage:hover{background: #F1F1F1; border: 1px solid #DDD;}
	.dictionary #searchBox .wordPage:hover + .wordPage{border-left: 1px solid #DDD;}
	.dictionary #searchBox .wordPage:active{background: #E1E1E1; border: 1px solid #CBCBCB;}
	.dictionary #searchBox .wordPage:active + .wordPage{border-left: 1px solid #CBCBCB;}
	.dictionary #searchBox .wordPage:first-of-type{margin: 0;}
	.dictionary #searchBox .wordPage.active{background: #E1E1E1; border: 1px solid #CBCBCB;}
	.dictionary #searchBox .wordPage.active + .wordPage{border-left: 1px solid #CBCBCB;}
	.dictionary #searchBox + .contArea .board1{border-top: 1px solid #747474;}
	.dictionary #searchBox + .contArea{padding: 0 20px;}
	.dictionary .board4 .columnHeader .cntNo{width: 138px; text-align: center;}
	.dictionary .board4 .columnHeader .dicTit{width: 820px; text-align: center;}
	.dictionary .board4 .list .innerLink{display: table-row;}
	.dictionary .board4 .list .innerLink:hover{background: #F7F7F7;}
	.dictionary .board4 .innerLink .cntNo{text-align: center;}
	.dictionary .board4 .innerLink .dicTit{text-align: left;}
}
@media screen and (max-width: 1023px){
	/* Moblie device support */
	.dictionary #searchBox{background: #F9F9F9; border: 1px solid #E5E5E5; margin: 30px 0 25px; padding: 20px 0 26px;}
	.dictionary #searchBox dt:first-of-type, .dictionary #searchBox dd:first-of-type{margin-top: 0;}
	.dictionary #searchBox dt{color: #676767; font-size: 13px; line-height: 35px; letter-spacing: -.3px; clear: left; padding-left: 18px;}
	.dictionary #searchBox dt:before{content: '\f10c'; color: #0190D5; font-size: 11px; font-weight: bold; display: inline-block; margin-right: 2px;}
	.dictionary #searchBox dd{width: calc(100% - 65px); padding-left: 8px;}
	.dictionary #searchBox dd:first-of-type{position: relative;}
	.dictionary #searchBox dd:last-of-type{width: 100%; padding: 0 15px 0 18px;}
	.dictionary #searchBox .textBox{width: 100%; height: 30px; border-bottom: 1px solid #0B0B0B; padding-right: 42px;}
	.dictionary #searchBox .textBox label{font-size: 13px; padding: .3em .9em 0;}
	.dictionary #searchBox .textBox input[type="text"]{background: transparent; font-size: 18px; border: none; padding: 0 .9em .3em;}
	.dictionary #searchBox .searchBtn{
		width: calc(100% + 43px); height: 30px;
		background: #27A0DB;
		color: #FFF;
		font-size: 18px;
		text-align: center;
		line-height: 30px;
		margin: 10px 0 10px -43px;
	}
	.dictionary #searchBox dd > .sysGray:last-of-type{width: 125px; line-height: 24px; clear: both; display: block; float: right; margin-top: 8px;}
	.dictionary #searchBox .searchBtn + .fa-redo{font-size: 13px; line-height: 30px; margin-top: -2px; padding: 0 10px; position: absolute; top: 0; right: 0;}
	.dictionary #searchBox .searchBtn + .fa-redo:before{margin-right: 7px;}
	.resultInfo{position: relative;}
	.resultInfo h6{color: #323232; font-size: 15px;}
	.resultInfo .criteria{background: #F9F9F9; border: 1px solid #0190D5; margin-bottom: 15px; padding: 5px 13px;}
	.resultInfo .criteria li{color: #323232; font-size: 12px; font-weight: 300;}
	.resultInfo .criteria li:nth-of-type(1){font-size: 13px;}
	.resultInfo .criteria li:nth-of-type(1):before{content: ""; width: 15px; height: 15px; background: url("../../static/image/common/blltSpr.png") no-repeat -11px -246px; display: inline-block;}
	.resultInfo .criteria li:nth-of-type(2){font-size: 11px; position: absolute; top: 3px; right: 0;}
	.resultInfo .criteria .sysTxt{color: #0190D5;}
	.dictionary #searchBox .wordPage{width: 27px; height: 27px; background: #FFF; color: #000; font-size: 13px; text-align: center; line-height: 25px; border: 1px solid #DFE3E6; margin: -1px 0 0 -1px;}
	.dictionary #searchBox .wordPage:hover{background: #F1F1F1; border: 1px solid #DDD;}
	.dictionary #searchBox .wordPage:hover + .wordPage{border-left: 1px solid #DDD;}
	.dictionary #searchBox .wordPage:active{background: #E1E1E1; border: 1px solid #CBCBCB;}
	.dictionary #searchBox .wordPage:active + .wordPage{border-left: 1px solid #CBCBCB;}
	.dictionary #searchBox + .contArea .board1{border-top: 1px solid #747474;}
	.dictionary #searchBox + .contArea{padding: 0 20px;}
	.dictionary .board4{border-top: 1px solid #3EAADF; display: table;}
	.dictionary .board4 .colsize{display: table-column-group;}
	.dictionary .board4 .colsize > *{display: table-column;}
	.dictionary .board4 .colsize .cntNo{width: 40px;}
	.dictionary .board4 .colsize .dicTit{width: auto;}
	.dictionary .board4 .columnHeader{line-height: 30px;}
	.dictionary .board4 .columnHeader > *{color: #000; font-size: 12px;}
	.dictionary .board4 .columnHeader .cntNo{text-align: center;}
	.dictionary .board4 .columnHeader .dicTit{text-align: center;}
	.dictionary .board4 .list .innerLink{width: inherit; display: table-row;}
	.dictionary .board4 .innerLink .cntNo{text-align: center;}
	.dictionary .board4 .innerLink .dicTit{text-align: left;}
	.dictionary .board4 .list{width: 100%; line-height: 31px; border-bottom: 1px solid #E1E1E1; display: table-row-group;}
	.dictionary .board4 .list:nth-of-type(2n+1):not(first-of-type){background: #FFF;}
	.dictionary .board4 .innerLink > *{color: #1F1F1F; font-size: 13px;}
	.dictionary .board4 .innerLink > *:before{color: #3457B3; font-weight: normal; margin-right: 7px;}
	#sub .pagination{text-align: center; line-height: 44px; margin-top: 20px; position: relative;}
	#sub .pagination .pageBtn{line-height: 20px; margin-left: 130px;}
	#sub .pagination .pageBtn:only-of-type{margin: 0;}
	#sub .pagination .pageBtn a{background: #FFF; color: #C9C9C9; font-size: 16px; font-weight: 500; text-align: center; line-height: 20px; vertical-align: middle; border: 1px solid #CACACA; float: left; margin-left: 3px;}
	#sub .pagination .pageBtn a.active{background: #3AB2E4; color: #FFF; border: 1px solid #3AB2E4;}
	#sub .pagination .pageBtn a:not([class*='Page']){width: 25px; height: 24px;}
	#sub .pagination .pageBtn a.prevPage:not(.last){margin-right: 10px;}
	#sub .pagination .pageBtn a.nextPage:not(.last){margin-left: 10px; margin-right: 13px;}
	#sub .pagination .pageBtn a.prevPage.last + .prevPage{margin-left: 13px;}
	#sub .pagination .pageBtn a.prevPage, #sub .pagination .pageBtn a.nextPage{width: auto; height: 24px; font-size: 18px; border: none;}
	#sub .pagination .pageBtn a.prevPage.disabled, #sub .pagination .pageBtn a.nextPage.disabled{color: #C9C9C9; display: none;}
	#sub .pagination .pageBtn a.prevPage:before{content: "\f104";}
	#sub .pagination .pageBtn a.nextPage:before{content: "\f105";}
	#sub .pagination .pageBtn a.prevPage.last:before{content: "\f104\f104";}
	#sub .pagination .pageBtn a.nextPage.last:before{content: "\f105\f105";}
	#sub .pagination .pageBtn a[class*='Page']:before{vertical-align: -2px;}
	#sub .pagination .pageBtn a:first-of-type{margin-left: 0;}
	#sub .pagination .pageBtn a:last-of-type{margin-right: 0;}
	#sub .pagination .pageBtn a[class*='Page'] + [class='page-link']{margin-left: 0;}