/* 상단 메뉴 태그 CSS 덮어쓰기 */

.com-nav > .nav-outer > ul { width:888px; }
.com-nav > .nav-outer > .nav-form { width:90px; background-color: #47bef0; }
.com-nav > .nav-outer > .nav-form > a { width:70px; height:20px; padding:10px; font-size: 14px; color: #ffffff; }
.com-nav > .nav-outer > .nav-form > a > span { left: 60px; background: #47bef0 url(../../../res/pc/img/icon-gnb.png) no-repeat; background-position: -50px 0px; }
.com-nav > .nav-outer > .nav-form > a > span.formOn { background-position: -50px -48px; }
.com-nav > .nav-outer > .lang-change { width:115px; }
.com-nav > .nav-outer > .lang-change > button { background: url(../../../res/pc/img/icon-gnb02.png) no-repeat 95px 18px #4f5a6a; }
.com-nav > .nav-outer > .family-site { width:115px; }
.com-nav > .nav-outer > .family-site > button { background: url(../../../res/pc/img/icon-gnb02.png) no-repeat 95px 18px #4f5a6a; }
.com-nav > .nav-outer > .all-site-map { background-color: #e49f15; }

.search-area { position: absolute; z-index: 9999; top: 40px; width: 100%; height: 130px; background-color: #ffffff; box-shadow: 0 5px 3px 0 rgba(0,0,0,0.2); }
.search-area > .search-form { margin: 40px auto; width: 750px; height: 50px; }
.search-area > .search-form > form { text-align: center; height: 100%; }
.search-area > .search-form > form > select { display: inline; vertical-align: top; height:50px; width:110px; border:5px solid #47bef0; border-radius: 5px; border-right: 0px; padding: 0px 10px 0px 10px; color: #2c77bc; font-weight: bold; background: #ffffff url(../../../res/pc/img/icon_searchbox.png) no-repeat 95% 50%; background-position: 70px 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: none; font-size: 14px; }
.search-area > .search-form > form > select::-ms-expand { display: none; }
.search-area > .search-form > form > input[type=text] { display: inline; vertical-align: top; height:50px; border: 5px solid #47bef0; border-left: 1px solid #c7ebfa; border-right: 0px; padding-left:15px;box-sizing:border-box;width:529px; margin-left: -7px; border-right: 0; outline: none; font-size: 14px; color: #333333; }
.search-area > .search-form > form > input[type=button] {display: inline; width:40px;height:50px;  background: #ffffff url(../../../res/pc/img/icon_searchbox.png) no-repeat 95% 50%; background-position: 10px -38px; border: 5px solid #47bef0; border-left: 0px; border-right: 0px; margin-left: -42px; cursor: pointer; outline: none; }
.search-area > .search-form > form > button { display: inline;width:50px;height:50px;border:0;background: #47bef0 url(../../../res/pc/img/icon_searchbox.png) no-repeat;font-size: 0;vertical-align: top;cursor: pointer; background-position: 17px -88px; border: 5px solid #47bef0; border-left: 0px; border-radius: 5px; margin-left: -7px; }

.autocomplete-wrap { width: 294px; position: absolute; z-index: 9999; border: 1px solid #dedede; right: 443px; top: 40px; }
.autocomplete-wrap > div.display_row { padding: 4px; height: 30px; padding: 4px 10px; background-color: #ffffff; }
.autocomplete-wrap > div.display_row:hover { background: #2c77bc; border: 1px solid #2c77bc; color: #ffffff; cursor: pointer; }
.autocomplete-wrap > div.display_row > span { vertical-align: middle; }
.autocomplete-wrap > div.display_row > span + span { vertical-align: middle; float: right; }

.search-engine-wrap { width: 100%; margin: auto; height: 100%; padding-top: 30px; margin-bottom: 50px; }
.search-engine-wrap > div { width: 1250px; margin: auto; margin-top: 20px;}
.search-engine-wrap > div.title { border-bottom: 1px solid #c2c2c2; font-size: 20px; font-weight: bold; padding-bottom: 5px; }
.search-engine-wrap > div.search-wrap { border: 1px solid #cccccc; border-top: 2px solid #2c77bc; background: #e7f6f9 url(../../../res/pc/img/ptn_searchbox.png); box-shadow: 0 2px 0 0 rgba(0,0,0,0.1); height: 108px; }
.search-engine-wrap > div.search-wrap > div.search-form { margin: auto; width: 445px; margin-top: 20px; }
.search-engine-wrap > div.search-wrap > div.search-form > div > select { display: inline; vertical-align: top; height:40px; width:110px; border:1px solid #cbcbcb; padding: 0px 10px 0px 10px; color: #2c77bc; font-weight: bold; background: #ffffff url(../../../res/pc/img/icon_searchbox.png) no-repeat 95% 50%; background-position: 80px 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: none; }
.search-engine-wrap > div.search-wrap > div.search-form > div > select::-ms-expand { display: none; }
.search-engine-wrap > div.search-wrap > div.search-form > div > input[type=text] { display: inline; vertical-align: top; height:40px; border:1px solid #cbcbcb;padding-left:10px;box-sizing:border-box;width:296px; margin-left: -5px; border-right: 0; outline: none;}
.search-engine-wrap > div.search-wrap > div.search-form > div > input[type=button].btnRemove {display: inline; width:40px;height:40px;  background: #ffffff url(../../../res/pc/img/icon_searchbox.png) no-repeat 95% 50%; background-position: 10px -38px; border: 1px solid #cbcbcb; border-left: 0; margin-left: -43px; cursor: pointer; outline: none; }
.search-engine-wrap > div.search-wrap > div.search-form > div > input[type=button].btnSearch {display: inline;width:40px;height:40px;border:0;background: #3382cc url(../../../res/pc/img/icon_searchbox.png) no-repeat;font-size: 0;vertical-align: top;cursor: pointer; background-position: 12px -88px; border: 1px solid #1569b8; margin-left: -5px;}
.search-engine-wrap > div.search-wrap > div.search-form > div + div { margin-top: 8px; }
.search-engine-wrap > div.search-wrap > div.search-form > div + div > input[type=checkbox] { margin-left: 0px; }
.search-engine-wrap > div.search-wrap > div.search-form > div + div > label { font-size: 13px; color: #333333; }

.search-engine-wrap > div.descript-wrap { text-align: center; margin-top: 0px; height: 125px; }
.search-engine-wrap > div.descript-wrap > div.descript-text { font-size: 18px; font-weight: bold; color: #333333; height: 40px; padding: 40px;  }
.search-engine-wrap > div.descript-wrap > div.descript-text > span.descript-text-img { display: inline-block; width: 44px; height: 44px; margin-right: 10px; background: url(../../../res/pc/img/icon_search_default.png) no-repeat; }
.search-engine-wrap > div.descript-wrap > div.descript-text > span.descript-text-text { display: inline-block; vertical-align: top; margin-top: 8px; }
.search-engine-wrap > div.descript-wrap > div.descript-text > span.descript-text-text > em { color: #2c77bc; }
.search-engine-wrap > div.descript-wrap > div.descript-result { padding: 25px; }
.search-engine-wrap > div.descript-wrap > div.descript-result > div.search-word-wrap { margin: auto; font-size: 28px; color: #2c77bc; font-weight: bold; margin-bottom: 5px;}
.search-engine-wrap > div.descript-wrap > div.descript-result > div.search-word-wrap > span { font-size: 18px; font-weight: normal; }
.search-engine-wrap > div.descript-wrap > div.descript-result > div.search-count-wrap { margin: auto; font-size: 18px; }
.search-engine-wrap > div.descript-wrap > div.descript-result > div.search-count-wrap > em { color: #2c77bc; font-size: 18px; }
.search-engine-wrap > div.tab-wrap { margin: 0 auto; margin-bottom: 30px; }
.search-engine-wrap > div.result-wrap { margin-bottom: 30px; }
.search-engine-wrap > div.result-wrap .pageDetail { font-size: 13px; color: #666666; float: right; margin-right: 20px; margin-top: 6px; cursor: pointer; }
.search-engine-wrap > div.result-wrap .pageDetail > span { background-image: url(../../../res/pc/img/icon_searchcontent.png); background-repeat: no-repeat; background-position: 0px 0px; width: 11px; height: 11px; display: inline-block; margin-left: 8px; }
.search-engine-wrap > div.result-wrap > div.result-category { border-top: 2px solid #333333; }
.search-engine-wrap > div.result-wrap > div.result-category > dl > dt { height: 40px; padding: 7px 0px 0px 20px; background-color: #f8f8f8; border-bottom: 1px solid #cccccc; font-size: 20px; font-weight: bold; color: #333333; }
.search-engine-wrap > div.result-wrap > div.result-category > dl > dt > span { display: inline-block; background-image: url(../../../res/pc/img/icon_searchcontent.png); background-repeat: no-repeat; background-position: 0 -250px; width: 1px; height: 12px; margin: 0px 10px 0px 10px; }
.search-engine-wrap > div.result-wrap > div.result-category > dl > dt > p { display: inline-block; font-size: 15px; font-weight: normal; }
.search-engine-wrap > div.result-wrap > div.result-category > dl > dt > p > em { font-size: 15px; color: #2c77bc }
.search-engine-wrap > div.result-wrap > div.result-category > dl > dt > select { float: right; height: 30px; margin-right: 20px; }
.search-engine-wrap > div.result-wrap > div.result-category > dl > dd { padding: 15px; border-bottom: 1px dotted #d8d8d8; font-weight: bold; }
.search-engine-wrap > div.result-wrap > div.result-category > dl > dd.noResult { height: 20px; }
.search-engine-wrap > div.result-wrap > div.result-category > dl > dd > ul > li { height: 20px; font-size: 15px; }
.search-engine-wrap > div.result-wrap > div.result-category > dl > dd > ul > li > a > span { display: inline-block; background-image: url(../../../res/pc/img/icon_searchcontent.png); background-repeat: no-repeat; background-position: 0px -50px; width: 13px; height: 12px; margin-right: 8px; }
.search-engine-wrap > div.result-wrap > div.result-category > dl > dd > ul > li > a > em { font-size: 15px; font-weight: bold; color: #2c77bc; text-decoration: underline; }

.search-engine-wrap > div.result-wrap > div.result-column > dl > dd > ul > li { font-weight: bold; color: #333333; margin-bottom: 20px; }
.search-engine-wrap > div.result-wrap > div.result-column > dl > dd > ul > li + li { font-size: 12px; color: #333333; display: flex; margin-bottom: 10px; }
.search-engine-wrap > div.result-wrap > div.result-column > dl > dd > ul > li + li > span.columnIcon { display: inline-block; background-image: url(../../../res/pc/img/ele_searchcontent.png); background-repeat: no-repeat; background-position: 0 0; width: 35px; height: 19px; margin-right: 8px; }
.search-engine-wrap > div.result-wrap > div.result-column > dl > dd > ul > li + li > em { text-decoration: underline; }
.search-engine-wrap > div.result-wrap > div.result-column > dl > dd > ul > li + li + li { font-size: 12px; color: #666666; margin-bottom: 0px; }
.search-engine-wrap > div.result-wrap > div.result-column > dl > dd > ul > li + li + li > span.homeIcon { display: inline-block; background-image: url(../../../res/pc/img/icon_searchcontent.png); background-repeat: no-repeat; background-position: 0 -100px; width: 9px; height: 9px; margin: 5px 5px 0px 0px; }

.search-engine-wrap > div.result-wrap > div.result-bulletin > dl > dd > ul > li { margin-bottom: 10px; }
.search-engine-wrap > div.result-wrap > div.result-bulletin > dl > dd > ul > li > span.bulletin-delimiter { display: inline-block; background-image: url(../../../res/pc/img/icon_searchcontent.png); background-repeat: no-repeat; background-position: 0 -250px; width: 1px; height: 12px; margin: 0px 10px 0px 6px; }
.search-engine-wrap > div.result-wrap > div.result-bulletin > dl > dd > ul > li > span.bulletin-date { font-size: 14px; font-weight: bold; color: #666666; }
.search-engine-wrap > div.result-wrap > div.result-bulletin > dl > dd > ul > li em {text-decoration: underline; }
.search-engine-wrap > div.result-wrap > div.result-bulletin > dl > dd > ul > li + li { font-size: 13px;  color: #666666; overflow: hidden; }
.search-engine-wrap > div.result-wrap > div.result-bulletin > dl > dd > ul > li + li + li { height: inherit; font-size: 12px; color: black; padding-left: 3px;  margin-top: 15px; }
.search-engine-wrap > div.result-wrap > div.result-bulletin > dl > dd > ul > li.search-file-row > ul > li { display: flex; height: 20px; margin-bottom: 5px; }
.search-engine-wrap > div.result-wrap > div.result-bulletin > dl > dd > ul > li.search-file-row > ul > li > span:nth-child(1) { display: inline-block; background-image: url(../../../res/pc/img/icon_searchcontent.png); background-repeat: no-repeat; background-position: 0 -300px; width: 6px; height: 6px; margin: 0px 8px 0px 2px; }
.search-engine-wrap > div.result-wrap > div.result-bulletin > dl > dd > ul > li.search-file-row > ul > li > span:nth-child(2) { display: inline-block; background-image: url(../../../res/pc/img/icon_searchfile.png); background-repeat: no-repeat; width: 16px; height: 16px; background-position: 0 -300px; margin-right: 5px; }
.search-engine-wrap > div.result-wrap > div.result-bulletin > dl > dd > ul > li.search-file-row > ul > li > span.file-zip {background-position: 0 0;}
.search-engine-wrap > div.result-wrap > div.result-bulletin > dl > dd > ul > li.search-file-row > ul > li > span.file-jpg {background-position: 0 -50px;}
.search-engine-wrap > div.result-wrap > div.result-bulletin > dl > dd > ul > li.search-file-row > ul > li > span.file-pdf {background-position: 0 -100px;}
.search-engine-wrap > div.result-wrap > div.result-bulletin > dl > dd > ul > li.search-file-row > ul > li > span.file-xls {background-position: 0 -150px;}
.search-engine-wrap > div.result-wrap > div.result-bulletin > dl > dd > ul > li.search-file-row > ul > li > span.file-xlsx {background-position: 0 -150px;}
.search-engine-wrap > div.result-wrap > div.result-bulletin > dl > dd > ul > li.search-file-row > ul > li > span.file-doc {background-position: 0 -200px;}
.search-engine-wrap > div.result-wrap > div.result-bulletin > dl > dd > ul > li.search-file-row > ul > li > span.file-hwp {background-position: 0 -250px;}
.search-engine-wrap > div.result-wrap > div.result-bulletin > dl > dd > ul > li.search-file-row > ul > li > span.file-txt {background-position: 0 -300px;}
.search-engine-wrap > div.result-wrap > div.result-bulletin > dl > dd > ul > li + li + li { font-size: 12px; color: #666666; margin-bottom: 0px; }
.search-engine-wrap > div.result-wrap > div.result-bulletin > dl > dd > ul > li + li + li > span.homeIcon { display: inline-block; background-image: url(../../../res/pc/img/icon_searchcontent.png); background-repeat: no-repeat; background-position: 0 -100px; width: 9px; height: 9px; margin: 5px 5px 0px 0px; }

.search-engine-wrap > div.result-wrap > div.result-content > dl > dd > ul > li + li { font-size: 12px; color: gray; }
.search-engine-wrap > div.result-wrap > div.result-content > dl > dd > ul > li + li > span { background-image: url(../../../res/pc/img/pnb_sprite.png); background-repeat: no-repeat; background-position: 0 0; width: 15px; height: 15px; padding-left: 20px; }

ul.ui-autocomplete { background-color: #ffffff; z-index: 10000; box-shadow: 0 3px 0 0 rgba(0, 0, 0, 0.1); padding: 0px; }
ul.ui-autocomplete > li.ui-menu-item { cursor: pointer; color: #666666; height: 40px; border: 1px solid #c7ebfa; font-size: 14px; }
ul.ui-autocomplete > li.ui-menu-item > div { padding: 9px;}
ul.ui-autocomplete > li.ui-state-focus { color: #666666; background-color: #f2f9fc;   }