@charset "utf-8";

/*저작물통합검색*/
.contents-search .search-box { width:750px;padding:0 30px;border:1px solid #ddd;background:#fcfcfc url('../../images/images_2018/sub/bg_box_header.png') no-repeat 0 0;box-sizing:border-box; }
.contents-search .search-box fieldset { border:0; margin:0; padding:0; }
.contents-search .search-box legend { position:absolute; width:0; height:0; font-size:0; line-height:0; overflow:hidden; }
.contents-search .search-box .search-input { padding:20px 30px; position:relative;text-align:right; }
.contents-search .search-box .search-input > span {display:inline-block;color:#555; font-size:14px; line-height:34px; vertical-align:top;}
.contents-search .search-box .search-input select {width:90px; height:40px; vertical-align:top; padding:0 0 0 10px; margin:0; color:#222; border:1px solid #ddd;border-radius:2px;background:#fff url('../../images/images_2018/sub/select_down.png') no-repeat 70px center; font-size:16px;-webkit-appearance:none;}
.contents-search .search-box .search-input input { width:198px; height:38px; margin:0 0 0 4px; padding:0 5px; line-height:38px; vertical-align:top; border:1px solid #ddd;border-radius:2px;font-size: 16px; }
.contents-search .search-box .search-input a { display:inline-block; width:67px; height:40px; margin-left:4px; border-radius:2px; background:#777; text-align:center; vertical-align:top; font-size:16px; line-height:40px; color:#fff; }
.contents-search .search-box .search-input input[type="checkbox"] {margin:0 2px 0 20px;vertical-align:middle; width:14px; height:14px; padding:0 5px 2px 0; border:0; }
.search-condition {display:table;width:100%;margin:0;padding:0;border-top:1px solid #ddd;font-size:0;}
.search-condition:before,.search-condition:after {display:table;clear:both;content:'';}
.search-condition > li {display:table-cell;padding:14px 0;list-style:none;vertical-align:middle;}
.search-condition > li > a {font-size:14px;color:#555; letter-spacing:-1px;}
.search-condition .search-date:after,.search-condition .search-company:after {display:inline-block;width:1px;height:15px;background-color:#ddd;vertical-align:-2px;content:'';}
.search-condition .search-date > a,.search-condition .search-company > a {display:inline-block;width:149px;padding:0 5px;line-height:18px;text-align:center;}
.search-condition .search-date > a.smallText,.search-condition .search-company > a.smallText {display:inline-block;width:149px;line-height:18px;text-align:center;font-size:13px;}
.search-condition .search-date > a:after,.search-condition .search-company > a:after {display:inline-block;width:7px;height:4px;margin-left:8px;background:url('../../images/images_2018/sub/btn_link.png') no-repeat 0 0;vertical-align:middle;content:'';}
.search-condition .search-type {padding:0 10px 0 15px;}
.search-condition .search-type label {margin:0 8px 0 2px;font-size:14px;color:#555;}
.search-condition .search-type input {vertical-align:top;}
.search-condition .search-help a {display:block;width:84px;height:26px;border-radius:2px;background-color:#ebebeb;font-size:13px;line-height:26px;color:#555;text-align:center;}
/*저작물통합검색 버튼*/
.contents-search .menu-list {display:block;list-style:none;margin:0;padding:30px 0 26px;border-top:1px solid #ddd;}
.contents-search .menu-list:after {content:"";display:block;clear:both;}
.contents-search .menu-list li {width:132px;padding:0 7px 4px 0;float:left;text-align:center;}
.contents-search .menu-list li:nth-child(5n) {padding-right:0;}
.contents-search .menu-list li a {display:block;border-radius:2px;background-color:#f4f4f1;color:#222;font-weight:200;font-size:14px;line-height:36px;}
.contents-search .menu-list li.selected a {background-color:#4162A3;color:#fff;}

.contents-search .search-detail { width:710px; margin:0 auto; padding:25px 0 0 0; border-top:1px solid #d2d2d2; }
.contents-search .search-detail strong { display:block; padding:0 0 0 10px; background:url('../../images/images_2018/sub/deco_dot2.gif') left center no-repeat; font-size:18px; color:#252525; }
.contents-search .company { font-size:0; margin:0 0 25px 0; }
.contents-search .company strong { margin:0 0 15px 0; }
.contents-search .company label { display:inline-block; vertical-align:middle; padding:0 0 0 10px; font-weight:bold; font-size:14px; color:#566989; } 
.contents-search .company input { width:473px; height:28px; line-height:28px; vertical-align:middle; padding:0 5px; margin:0 10px 0 75px; border:1px solid #d2d2d2; }
.contents-search .company span a { display:inline-block; vertical-align:middle; width:75px; height:26px; line-height:26px; font-size:13px; border:1px solid #856a93; text-align:center; color:#856a93; }
.contents-search .detail { margin:0 0 25px 0; }
.contents-search .detail strong { margin:0 0 15px 0; }
.contents-search .detail ul { margin:0; padding:0; font-size:0; }
.contents-search .detail ul li { list-style:none; display:inline-block; vertical-align:top; margin:0 0 10px 0; }
.contents-search .detail ul li:first-child { margin:0 10px 10px 0; }
.contents-search .detail ul li:last-child { margin:0 0 10px 10px; }
.contents-search .detail ul li input { width:335px; height:28px; line-height:28px; vertical-align:middle; padding:0 5px; border:1px solid #d2d2d2; }
.contents-search .detail p { margin:0; padding:0; font-size:13px; color:#6c6969; line-height:22px; }
.contents-search .condition table{ width:710px; }
.contents-search .condition caption { width:0; height:0; font-size:0; line-height:0; text-indent:-9999px; overflow:hidden; }
.contents-search .condition tbody th { padding:12px 0 12px 10px; font-size:14px; text-align:left; color:#566989; vertical-align:top; }
.contents-search .condition tbody td { padding:10px 0 10px 0; font-size:13px; color:#6c6969; }
.contents-search .condition tbody td ul { font-size:0; margin:0; padding:0; }
.contents-search .condition tbody td ul li { display:inline-block; vertical-align:top; width:110px; height:22px; font-size:13px; line-height:16px; margin:0 0 5px 0; }
.contents-search .condition tbody td ul li input[type=checkbox] { vertical-align:middle; height:20px; padding:0 5px 2px 0; }
.contents-search .condition tbody td.last li { width:450px; }
.contents-search .btn-search-area { padding:20px 0 30px 0; }
.contents-search .btn-search-area ul { font-size:0; padding:0; margin:0; text-align:center; }
.contents-search .btn-search-area ul li { display:inline-block; vertical-align:top; width:137px; margin:0 5px; height:35px; line-height:36px; font-size:16px; background:#856a93; }
.contents-search .btn-search-area ul li a { color:#fff; display:block; }
.contents-search .select-input { border-bottom:1px solid #d2d2d2; }
.contents-search .select-input fieldset { border:0; margin:0; padding:0; }
.contents-search .select-input legend { position:absolute; width:1px; height:1px; font-size:0; line-height:0; overflow:hidden; }
.contents-search .choice-type { width:740px; height:auto; padding:0 0 0 10px; font-size:13px; line-height:40px; }
.contents-search .choice-type ul { padding:0; margin:0; font-size:0; border-bottom:1px solid #d8dadb; }
.contents-search .choice-type ul li { display:inline-block; vertical-align:top; font-size:13px; color:#6c6969; width:118px; text-align:left; }
.contents-search .choice-type ul li input[type="checkbox"] { vertical-align:middle; height:20px; padding:0 5px 2px 0; }
.contents-search .choice-type ul#type li { font-size:12px; width:148px; }
.contents-search .choice-type ul#shape li { font-size:12px; width:148px; }
.contents-search .choice-type ul#group li { font-size:12px; width:148px; }
.contents-search .search-result {position:relative;width:750px; padding:30px 0 10px; font-size:0; }
.contents-search .result-total {display:inline-block;margin:0;padding-left:13px;background:url('../../images/images_2018/sub/arrow_right.png') no-repeat 0 50%;font-size:16px;line-height:40px;color:#555;}
.contents-search .result-total.type-total {padding-left:20px;background:url('../../images/images_2018/sub/icon_bluet.png') no-repeat 0 50%;font-weight:500;font-size:22px;line-height:26px;color:#000;vertical-align:bottom;}
.contents-search .result-total.type-total span {font-size:20px;}
.contents-search .result-total strong {color:#4162A3;}
.contents-search .result-total.type-total {margin-bottom:-7px;}
.contents-search .result-show {float:right;}
.contents-search .result-show fieldset { border:0; margin:0; padding:0; }
.contents-search .result-show legend { position:absolute; width:0; height:0; font-size:0; line-height:0; overflow:hidden; }
.contents-search .result-show select { width:90px; height:40px; vertical-align:top; padding:0 0 0 10px; margin:0; color:#222; border:1px solid #ddd;border-radius:2px;background:#fff url('../../images/images_2018/sub/select_down.png') no-repeat 70px center; font-size:16px;-webkit-appearance:none; }
.contents-search .result-show .select-list {margin-left:20px;}
.contents-search .result-show input { width:189px; height:38px; margin:0 0 0 4px; padding:0 5px; line-height:38px; vertical-align:top; border:1px solid #ddd;border-radius:2px; }
.contents-search .result-show a,.contents-search .result-show button { display:inline-block; width:67px; height:40px; margin-left:4px; border-radius:2px; background:#777; text-align:center; vertical-align:top; font-size:16px; line-height:40px; color:#fff; }
.contents-search .result-show .viewType{background:#e2e2e2; color:#222;}
.contents-search .view-more{position:absolute;top:30px;right:0;width:74px;height:26px;border-radius:2px;background:#4162A3;font-size:13px;color:#fff; line-height:26px;letter-spacing:-1px;}
.contents-search .view-more:before{display:inline-block;width:10px;height:10px;margin-right:6px;background:url('../../images/images_2018/sub/icon_plus.png') no-repeat 0 0;content:'';}
.contents-search .result-list {clear:both;margin:20px 0 0; padding:0; border-top:2px solid #4162A3; font-size:14px; }
.contents-search .result-list > li { position:relative;padding:20px 0;border-bottom:1px solid #d2d2d2;font-size:0;list-style:none; }
.contents-search .result-left { display:inline-block; vertical-align:top; font-size:0; width:537px;}
.contents-search .result-left .result-img {float:left;margin-right:22px;border:1px solid #ddd;}
.contents-search .result-left .result-img img { width:144px; height:100px;}
.contents-search .result-left .result-img+.result-content {padding-left:168px;}
.contents-search .result-left .result-content {padding-right:40px;font-size:14px; color:#767676;vertical-align:top;}
.contents-search .result-left .result-content > strong { display:block;margin:17px 0 36px;font-weight:500; font-size:20px; line-height:22px;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden; }
.contents-search .result-left .result-content > strong a { color:#222; }
.contents-search .result-left .result-content > strong a font { color:#bb4b03; }
.contents-search .result-left .result-content > p { min-height:15px;margin:8px 0 0; padding:0; color:#6c6969; font-size:13px; line-height:20px; }
.contents-search .result-left .result-content > p.line_overflow {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap:break-word;line-height: 1.5em;height: 3em;}
.contents-search .result-left .result-content > p.line_overflow font { color:#bb4b03; }
.contents-search .result-left .result-content .content-info {margin:0;padding:0;list-style:none;}
.contents-search .result-left .result-content .content-info li {display:inline-block;}
.contents-search .result-left .result-content .content-info li:after {display:inline-block;width:3px;height:3px;margin:0 10px;border-radius:1px;background-color:#aaa;vertical-align:4px;content:'';}
.contents-search .result-left .result-content .content-info li:last-child:after {display:none;}
.contents-search .result-left .result-content .content-info li span {margin-right:8px;color:#222;}
.contents-search .result-right { display:inline-block;border-left:1px solid #d2d2d2;vertical-align:top; text-align:center; width:212px; height:100%; font-size:13px; }
.contents-search .result-right .company { margin:0;padding:10px 0;border-bottom:1px solid #d2d2d2;font-size:14px;text-align: center }
.contents-search .result-right .company strong {display:block;margin-bottom:2px;font-weight:400;color:#222;}
.contents-search .result-right .company span {font-size:13px;color:#717171;}
.contents-search .result-right .result-type {overflow:hidden;padding-top:24px;}
.contents-search .result-right .result-type .opencode {float:left;width:125px;margin-left:10px;font-size:13px;color:#222;text-align:center;}
.contents-search .result-right .result-type .opencode a {display:inline-block;color:#222;}
.contents-search .result-right .result-type .opencode a:before {display:block;height:26px;margin:0 auto 5px;content:'';}
.contents-search .result-right .result-type .opencode1:before {width:72px;background:url('../../images/images_2018/sub/img_opencode1_s.jpg') no-repeat 0 0;}
.contents-search .result-right .result-type .opencode2:before {width:90px;background:url('../../images/images_2018/sub/img_opencode2_s.jpg') no-repeat 0 0;}
.contents-search .result-right .result-type .opencode3:before {width:90px;background:url('../../images/images_2018/sub/img_opencode3_s.jpg') no-repeat 0 0;}
.contents-search .result-right .result-type .opencode4:before {width:107px;background:url('../../images/images_2018/sub/img_opencode4_s.jpg') no-repeat 0 0;}
.contents-search .result-right .result-type .type {float:left;width:60px;padding:0 5px;font-size:13px;color:#222;}
.contents-search .result-right .result-type .type:before {display:block;height:26px;margin:0 auto 5px;content:'';}
.contents-search .result-right .result-type .type.recommend:before {width:26px;background:url('../../images/images_2018/sub/icon_type_recommend.png') no-repeat 0 0;}
.contents-search .result-right .result-type .type.language:before {width:21px;background:url('../../images/images_2018/sub/icon_type_language.png') no-repeat 0 0;}
.contents-search .result-right .result-type .type.media:before {width:28px;background:url('../../images/images_2018/sub/icon_type_media.png') no-repeat 0 0;}
.contents-search .result-right .result-type .type.font:before {width:26px;background:url('../../images/images_2018/sub/icon_type_font.png') no-repeat 0 0;}
.contents-search .result-right .result-type .type.image:before {width:26px;background:url('../../images/images_2018/sub/icon_type_image.png') no-repeat 0 0;}
.contents-search .result-right .result-type .type.error { background-color:transparent; cursor:pointer; }
.contents-search .result-right .result-type .type.error:before { width:26px;background:url('../../images/images_2018/sub/icon_type_error.png') no-repeat 0 0;}
.contents-search .attachment {position:relative;margin:20px 0 -20px;background-color:#eee;}
.contents-search .attachment ul {margin:0;padding:10px 0 5px 15px;list-style:none}
.contents-search .attachment ul li {padding:5px;}
.contents-search .attachment label {font-size:14px;color:#666;vertical-align:top;}
.contents-search .attachment .btn-download {position:absolute;top:50%;right:32px;width:149px;height:30px;margin-top:-15px;border-radius:2px;background-color:#4162A3;font-size:14px;line-height:30px;color:#fff;text-align:center;}
.contents-search .attachment .btn-download:before {display:inline-block;width:13px;height:11px;margin-right:5px;background:url('../../images/images_2018/sub/icon_download2.png') no-repeat 0 0;content:'';}

.contents-search .search-result_f2:after {content:""; display:block; clear:both;}
/* .contents-search .search-result_f2 .search-result {width:580px;float:left;} */
.contents-search .search-result_f2 .search_word_wrap {width:150px;float:right;}
.contents-search .search-result_f2 .result-list > ul > li .result-left {width:450px;}
.contents-search .search-result_f2 .result-total {width:442px;}

.contents-search .search-result_f3:after {content:""; display:block; clear:both;}
.contents-search .search-result_f3 .search_word_wrap {width:150px;float:right;}
.contents-search .search-result_f3 .result-list > ul > li .result-left {width:450px;}
.contents-search .search-result_f3 .result-total {width:442px;}

.search_word_wrap {padding-top:20px;}
.search_word_wrap .word_list {margin-bottom:10px;border:1px solid #bed8d0;}
.search_word_wrap .word_list strong {display:block;height:38px;padding:9px 0 0 15px;background:#f3f7f6;color:#396b64;margin:0;font-size:14px;font-weight:500;box-sizing:border-box;}
.search_word_wrap .word_list div {padding: 6px 15px;background-color:#fff;}
.search_word_wrap .word_list ol {list-style:none;margin:0;padding:0;}
.search_word_wrap .word_list ol li a {display:block;padding:4px 0;font-size:13px;color:#555;}
.search_word_wrap .word_list ol li a span {width:15px;height:15px;margin:0 5px 0 0;display:inline-block;background:#0b7e6e;vertical-align:1px;font-size:10px;line-height:15px;color:#fff;border-radius:1px;text-align:center;}

/*저작물다운로드*/
.contents-download .opentype p { margin:0 0 12px 0; padding:0; font-size:14px; color:#6c6969; }
.contents-download .opentype p span { color:#02b294; }
.contents-download .opentype table{ width:748px; height:112px; border:1px solid #d2d2d2; }
.contents-download .opentype table caption { width:0; height:0; font-size:0; line-height:0; text-indent:-9999px; overflow:hidden; }
.contents-download .opentype table thead th { padding:5px 0 5px 0; color:#353232; border-bottom:1px solid #d2d2d2; border-right:1px solid #d2d2d2; background:#f1f1f1; font-size:13px; line-height:15px; text-align:center; }
.contents-download .opentype table tbody td { padding:15px 0 15px 0; border-right:1px solid #d2d2d2; font-size:13px; color:#6c6969; }
.contents-download .opentype table .last { border-right:0; }
.contents-download .opentype table tbody td span { display:block; width:186px; font-size:11px; color:#6c6969; height:15px; padding:45px 0 0 0; text-align:center; }
.contents-download .opentype table tbody td span.opencode1 { background:url('../../images/images_2018/sub/img_opencode1.jpg') top center no-repeat; }
.contents-download .opentype table tbody td span.opencode2 { background:url('../../images/images_2018/sub/img_opencode2.jpg') top center no-repeat; }
.contents-download .opentype table tbody td span.opencode3 { background:url('../../images/images_2018/sub/img_opencode3.jpg') top center no-repeat; }
.contents-download .opentype table tbody td span.opencode4 { background:url('../../images/images_2018/sub/img_opencode4.jpg') top center no-repeat; }
.contents-download .download-search { display:inline-block; vertical-align:top; text-align:right; width:635px; height:30px; line-height:30px; font-size:0; margin:40px 15px 15px 0; padding:0; }
.contents-download .download-search fieldset { border:0; margin:0; padding:0; }
.contents-download .download-search legend { position:absolute; width:1px; height:1px; font-size:0; line-height:0; overflow:hidden; }
.contents-download .download-search select { width:58px; height:28px; vertical-align:top; padding:0; margin:0; color:#876299; border-top:1px solid #876299; border-left:1px solid #876299; border-bottom:1px solid #876299; border-right:0; }
.contents-download .download-search input { width:125px; height:26px; line-height:26px; vertical-align:top; border-top:1px solid #876299; border-bottom:1px solid #876299; border-right:1px solid #876299; border-left:0; padding:0 5px; }
.contents-download .download-search a { display:inline-block; width:57px; height:28px; line-height:28px; text-align:center; vertical-align:top; color:#fff; font-size:14px; background:#876299; }
.contents-download .result-show { display:inline-block; vertical-align:top; height:30px; line-height:30px; margin:40px 0 15px 0; padding:0; }
.contents-download .result-show label { position:absolute; width:1px; height:1px; font-size:0; line-height:0; overflow:hidden; }
.contents-download .result-show select { width:92px; height:28px; vertical-align:top; color:#898787; font-size:14px; border:1px solid #ddd; }
.contents-download h5 { position:absolute; overflow:hidden; width:1px; height:1px; font-size:0; line-height:0; }
.contents-download .tab-list ul { margin:0; padding:0; font-size:0; width:750px; height:44px; background:url('../../images/images_2018/sub/deco_tab_line.gif') bottom repeat-x; border-right:1px solid #d2d2d2; }
.contents-download .tab-list ul li { display:inline-block; vertical-align:top; list-style:none; width:123px; height:41px; line-height:44px; font-size:14px; background:#f1f1f1; text-align:center; border-top:1px solid #d2d2d2; border-right:1px solid #f1f1f1; border-left:1px solid #d2d2d2; }
.contents-download .tab-list ul li a { color:#a1acad; display:block; }
.contents-download .tab-list ul li.on { border-top:1px solid #876299; border-left:1px solid #876299; border-right:1px solid #876299; background:#876299; }
.contents-download .tab-list ul li.on a { color:#fff; font-size:16px; }
.contents-download .download-list { width:750px; }
.contents-download .download-list > ul { margin:0; padding:0; border-top:2px solid #876299; font-size:14px; }
.contents-download .download-list > ul > li { list-style:none; padding:25px 0 25px 0; font-size:0; border-bottom:1px solid #ddd; position:relative; }
.contents-download .download-list > ul > li .result-left { display:inline-block; vertical-align:top; font-size:0; width:622px; border-right:1px solid #ddd; }
.contents-download .download-list > ul > li .result-left > span > img { width:155px; height:125px; float:left; margin-right:15px; }
.contents-download .download-list > ul > li .result-left .result-content { font-size:14px; padding:10px 10px 0 0; }
.contents-download .download-list > ul > li .result-left .result-content > strong { display:block; font-size:14px; line-height:22px; }
.contents-download .download-list > ul > li .result-left .result-content > strong a { color:#6c6969; }
.contents-download .download-list > ul > li .result-left .result-content > p { margin:8px 0 8px 0; padding:0; color:#6c6969; font-size:13px; line-height:20px; height:40px; }
.contents-download .download-list > ul > li .result-left .result-content .attachment { font-size:0; margin:10px 0 0 0; }
.contents-download .download-list > ul > li .result-left .result-content .attachment p { display:inline-block; vertical-align:top; color:#8b8a8a; font-size:12px; width:60px; height:15px; margin:0; padding:0 0 0 15px; background:url('../../images/images_2018/sub/icon_download.png') left 1px no-repeat; }
.contents-download .download-list > ul > li .result-left .result-content .attachment span { display:inline-block; vertical-align:top; color:#8b8a8a; font-size:12px; letter-spacing:-1px; }
.contents-download .download-list > ul > li .result-left .result-content .attachment span a { color:#8b8a8a; }
.contents-download .download-list > ul > li .result-data { display:inline-block; vertical-align:top; text-align:center; width:120px; height:100%; font-size:13px; }
.contents-download .download-list > ul > li .result-data .center { position:absolute; top:50%; margin-top:-25px; width:120px; }
.contents-download .download-list > ul > li .result-data .center span { display:block; color:#8b8a8a; margin:0 auto; }
.contents-download .download-list > ul > li .result-data .center strong { display:block; margin:7px auto 0; }

/*저작물*/
.contents-works .opentype { margin:0 0 50px 0; }
.contents-works .opentype p { margin:0 0 12px 0; padding:0; font-size:14px; color:#6c6969; }
.contents-works .opentype p span { color:#02b294; }
.contents-works .opentype table{ width:748px; height:112px; border:1px solid #d2d2d2; }
.contents-works .opentype table caption { width:0; height:0; font-size:0; line-height:0; text-indent:-9999px; overflow:hidden; }
.contents-works .opentype table thead th { padding:5px 0 5px 0; color:#353232; border-bottom:1px solid #d2d2d2; border-right:1px solid #d2d2d2; background:#f1f1f1; font-size:13px; line-height:15px; text-align:center; }
.contents-works .opentype table tbody td { padding:15px 0 15px 0; border-right:1px solid #d2d2d2; font-size:13px; color:#6c6969; }
.contents-works .opentype table .last { border-right:0; }
.contents-works .opentype table tbody td span { display:block; width:186px; font-size:11px; color:#6c6969; height:15px; padding:45px 0 0 0; text-align:center; }
.contents-works .opentype table tbody td span.opencode1 { background:url('../../images/images_2018/sub/img_opencode1.jpg') top center no-repeat; }
.contents-works .opentype table tbody td span.opencode2 { background:url('../../images/images_2018/sub/img_opencode2.jpg') top center no-repeat; }
.contents-works .opentype table tbody td span.opencode3 { background:url('../../images/images_2018/sub/img_opencode3.jpg') top center no-repeat; }
.contents-works .opentype table tbody td span.opencode4 { background:url('../../images/images_2018/sub/img_opencode4.jpg') top center no-repeat; }
.contents-works .tab-list ul { margin:0; padding:0; font-size:0; width:750px; height:44px; background:url('../../images/images_2018/sub/deco_tab_line.gif') bottom repeat-x; border-right:1px solid #d2d2d2; }
.contents-works .tab-list ul li { display:inline-block; vertical-align:top; list-style:none; width:148px; height:41px; line-height:44px; font-size:14px; background:#f1f1f1; text-align:center; border-top:1px solid #d2d2d2; border-right:1px solid #f1f1f1; border-left:1px solid #d2d2d2; }
.contents-works .tab-list ul li a { color:#a1acad; display:block; }
.contents-works .tab-list ul li.on { border-top:1px solid #876299; border-left:1px solid #876299; border-right:1px solid #876299; background:#876299; }
.contents-works .tab-list ul li.on a { color:#fff; font-size:16px; }
.contents-works .search-type h5 { position:absolute; width:1px; height:1px; font-size:0; line-height:0; overflow:hidden; }
.contents-works .search-category h5 { position:absolute; overflow:hidden; width:1px; height:1px; font-size:0; line-height:0; }
.contents-works .search-input { width:750px; border-bottom:1px solid #d8dadb; }
.contents-works .search-input fieldset { border:0; margin:0; padding:0; }
.contents-works .search-input legend { position:absolute; width:1px; height:1px; font-size:0; line-height:0; overflow:hidden; }
.contents-works .btn-search { width:150px; margin:0 auto 20px; height:30px; text-align:center; line-height:32px; font-size:14px; background:#876299; }
.contents-works .btn-search a { color:#fff; display:block; }
.contents-works .choice-type { width:740px; height:auto; font-size:13px; padding:0 0 0 10px; line-height:25px; border-bottom:1px solid #d8dadb; }
.contents-works .choice-type ul { padding:0; margin:10px 0; font-size:0; }
.contents-works .choice-type ul li { list-style:none; display:inline-block; vertical-align:top; font-size:13px; color:#6c6969; width:170px; height:25px; padding:0; margin:0; line-height:25px; }
.contents-works .choice-type ul li input[type="checkbox"] { vertical-align:middle; height:20px; padding:0 5px 2px 0; }
.contents-works .choice-array { width:255px; height:60px; font-size:13px; margin:0 0 0 10px; line-height:60px; display:inline-block; vertical-align:top; }
.contents-works .choice-array strong { display:inline-block; vertical-align:top; width:40px; font-weight:normal; }
.contents-works .choice-array ul { width:200px; padding:0; margin:0; font-size:0; display:inline-block; vertical-align:top; }
.contents-works .choice-array ul li { display:inline-block; vertical-align:middle; font-size:13px; color:#6c6969; width:100px; text-align:left; }
.contents-works .choice-array ul li input { vertical-align:middle; height:20px; padding:0 5px 2px 0; }
.contents-works .choice-data { height:60px; font-size:13px; line-height:60px; display:inline-block; vertical-align:top; }
.contents-works .choice-data strong { display:inline-block; vertical-align:top; width:40px; font-weight:normal; }
.contents-works .choice-data ul { padding:0; margin:0; font-size:0; display:inline-block; vertical-align:top; }
.contents-works .choice-data ul li { display:inline-block; vertical-align:top; font-size:13px; color:#6c6969; }
.contents-works .choice-data ul li label { text-indent:-9999px; display:block; overflow:hidden; width:0; height:0; font-size:0; }
.contents-works .choice-data ul li span { display:inline-block; width:20px; }
.contents-works .choice-data ul li input { vertical-align:top; width:112px; height:28px; line-height:28px; margin:13px 0 0 0; border:1px solid #ddd; text-align:center; color:#807f7f; font-size:14px; }
.contents-works .choice-data ul li button { width:96px; height:30px; line-height:15px; margin:15px 0 0 0; cursor:pointer; font-family:'NotoSans', sans-serif; color:#fff; background:#876299; }
.contents-works .choice-data ul li.btn-array a { display:block; width:96px; height:30px; line-height:32px; margin:15px 0 0 0; text-align:center; color:#fff; background:#876299; }
.contents-works .choice-data ul li.img-calender a{ width:20px; height:19px; margin:18px 15px 0 5px; background:url('../../images/images_2018/sub/btn_calendar.gif') no-repeat; display:block; text-indent:-9999px; overflow:hidden; }
.contents-works .search-result { font-size:0; margin:40px 0 0 0; width:750px; }
.contents-works .result-total { display:inline-block; vertical-align:top; color:#353232; font-size:16px; font-weight:bold; line-height:45px; width:655px; height:45px; }
.contents-works .result-show { display:inline-block; vertical-align:top; }
.contents-works .result-show select { width:92px; height:28px; margin:10px 0 0 0; color:#898787; font-size:14px; border:1px solid #ddd; }
.contents-works .result-list { width:750px; }
.contents-works .result-list > ul { margin:0; padding:0; border-top:2px solid #876299; font-size:14px; }
.contents-works .result-list > ul > li { list-style:none; padding:25px 0 25px 0; font-size:0; border-bottom:1px solid #ddd; position:relative; }
.contents-works .result-list > ul > li .result-left { display:inline-block; vertical-align:top; font-size:0; width:622px; border-right:1px solid #ddd; }
.contents-works .result-list > ul > li .result-left > span > img { width:155px; height:125px; float:left; margin-right:15px; }
.contents-works .result-list > ul > li .result-left .result-content { font-size:14px; padding:10px 10px 0 0; }
.contents-works .result-list > ul > li .result-left .result-content > strong { display:block; font-size:14px; line-height:22px; }
.contents-works .result-list > ul > li .result-left .result-content > strong a { color:#6c6969; }
.contents-works .result-list > ul > li .result-left .result-content > p { height: 40px; margin:8px 0 8px 0; padding:0; color:#6c6969; font-size:13px; line-height:20px; }
.contents-works .result-list > ul > li .result-left .result-content .attachment { font-size:0; margin:10px 0 0 0; }
.contents-works .result-list > ul > li .result-left .result-content .attachment p { display:inline-block; vertical-align:top; color:#8b8a8a; font-size:12px; width:60px; height:15px; margin:0; padding:0 0 0 15px; background:url('../../images/images_2018/sub/icon_download.png') left 1px no-repeat; }
.contents-works .result-list > ul > li .result-left .result-content .attachment span { display:inline-block; vertical-align:top; color:#8b8a8a; font-size:12px; letter-spacing:-1px; }
.contents-works .result-list > ul > li .result-left .result-content .attachment span a { color:#8b8a8a; }
.contents-works .result-list > ul > li .result-data { display:inline-block; vertical-align:top; text-align:center; width:120px; height:100%; font-size:13px; }
.contents-works .result-list > ul > li .result-data .center { position:absolute; top:50%; margin-top:-25px; width:120px; }
.contents-works .result-list > ul > li .result-data .center span { display:block; color:#8b8a8a; margin:0 auto; }
.contents-works .result-list > ul > li .result-data .center strong { display:block; margin:7px auto 0; }

/*검색결과 없음페이지*/
/*.no-result { width:750px; padding:30px 0 10px; }*/
.no-result .result-list { padding-bottom:22px; border-bottom:1px solid #d2d2d2; }
.no-result .result-list > li { padding:0; border:0; font-size:13px; line-height:22px; color:#767676; }
.no-result .result-list > li p { padding-bottom:15px; border-bottom:2px solid #4162a3; font-size:20px; color:#000; }
.no-result .result-list > li strong { color:#4162a3; }

/*레이어팝업-공공저작물다운로드*/
#popDownload { width:405px; height:auto; background:#fff; position:fixed; top:200px;margin-top:-186px; left:50%; z-index:6; margin-left:-202px; overflow:hidden; }
#popDownload .pop-header { position:relative; width:365px; height:65px; margin:0 auto; border-bottom:2px solid #4162A3; }
#popDownload .pop-header strong{font-weight:500;font-size:20px;line-height:75px;color:#4162A3;letter-spacing:-1px;}
#popDownload .btn-pop-close { position:absolute; width:23px; height:23px; top:25px; right:20px; background:url('../../images/images_2018/sub/btn_close.png') no-repeat left top; border:0; }
#popDownload .btn-pop-close span { text-indent:-9999px; width:0; height:0; font-size:0; line-height:0; overflow:hidden; }
#popDownload .pop-content { width:365px; height:auto !important; margin:0 auto; padding:22px 0 40px 0; }
#popDownload .pop-content ul { margin:0; padding:0; }
#popDownload .pop-content ul li {display:table;margin:0;padding:6px 0;list-style:none;font-size:0;}
#popDownload .pop-content ul li strong,#popDownload .pop-content ul li label{ display:table-cell;width:65px; color:#0c7c6d; font-weight:500; font-size:13px;vertical-align:middle; }
#popDownload .pop-content ul li .top{vertical-align:top;}
#popDownload .pop-content ul li span { font-size:13px; color:#666; }
#popDownload .pop-content ul li span.img-opencode { display:block; margin:0; line-height:35px; vertical-align:middle; }
#popDownload .pop-content ul li span img { margin:0 15px 0 0; vertical-align:middle; }
#popDownload .pop-content .check-agree { margin:20px 0 17px 0; font-size:13px; color:#6c6969; text-align:center; }
#popDownload .pop-content .check-agree input { vertical-align:top; height:12px; padding:4px 5px 0 0; }
#popDownload .btn-area { margin:0; padding:0; }
#popDownload .btn-area a { display:block; color:#fff; width:365px; margin:0 auto; text-align:center; background:#4162A3; font-size:16px; height:36px; line-height:36px; }
#popDownload .btn-area a:before {display:inline-block;width:14px;height:16px;margin-right:9px;background:url('../../images/images_2018/sub/icon_btn_download.png') no-repeat 0 0;vertical-align:-2px;content:'';}
#popDownload .yakAreaIn{margin-top:10px;margin-bottom:15px;display:block;height:56px;width:100%;padding:5px 10px;border:1px solid #ddd;overflow-y:auto;box-sizing:border-box;}
#popDownload .yakAreaIn p{font-size:13px;line-height:150%;margin:5px 0;color:#666;}
#popDownload .btn-area2{text-align:center;}
#popDownload .btn-area2 a{font-size:13px;color:#555;background:#ebebeb;padding:5px 10px;}

.searchTypeArea {display: none;}
#popDownload .popSelect {width:100px;height:30px;    border: 1px solid #ddd;color: #6c6969;}
.input_border {width:290px;height:30px;border: 1px solid #ddd;color: #6c6969;}
.etcView {display: none;}

/* 공공누리 일반증서 popup S */
#popLicense { position:absolute; top:200px; left:50%; z-index:6;width:790px; height:auto; margin-left:-395px;background-color:#fff;overflow:hidden;}
#popLicense .pop-header { position:relative; width:755px; height:65px; margin:0 auto; border-bottom:2px solid #4162A3; }
#popLicense .pop-header strong{font-weight:500;font-size:20px;line-height:75px;color:#4162A3;letter-spacing:-1px;}
#popLicense .btn-pop-close { position:absolute; width:23px; height:23px; top:25px; right:20px; background:url('../../images/images_2018/sub/btn_close.png') no-repeat left top; border:0; }
#popLicense .btn-pop-close span { text-indent:-9999px; width:0; height:0; font-size:0; line-height:0; overflow:hidden; }
.b-iframe {width:780px;  height:1020px; overflow:hidden;}
#popLicense .content {margin-top: 5px;}
/* 공공누리 일반증서 popup E */



/* 활용사례등록 */
.search-box-useCase { width:750px;padding:0;box-sizing:border-box; }
.search-box-useCase fieldset { border:0; margin:0; padding:0; }
.search-box-useCase legend { position:absolute; width:0; height:0; font-size:0; line-height:0; overflow:hidden; }
.search-box-useCase .search-input { padding:10px 0; position:relative;text-align:left; }
.search-box-useCase .search-input > span {display:inline-block;color:#555; font-size:14px; line-height:34px; vertical-align:top;}
.search-box-useCase .search-input select {width:90px; height:40px; vertical-align:top; padding:0 0 0 10px; margin:0; color:#222; border:1px solid #ddd;border-radius:2px;background:#fff url('../../images/images_2018/sub/select_down.png') no-repeat 70px center; font-size:16px;-webkit-appearance:none;}
.search-box-useCase .search-input select.w205{width:205px;}
.search-box-useCase .search-input a { display:inline-block; width:100px; height:40px; margin-left:4px; background:#777; text-align:center; vertical-align:top; font-size:16px; line-height:40px; color:#fff; }

.useCaseRegistrationList{clear:both;margin:20px 0 0; padding:0;border-top:1px solid #d2d2d2; font-size:14px;vertical-align:top; }
.useCaseRegistrationList > li { position:relative;padding:20px 0;border-bottom:1px solid #d2d2d2;font-size:0;list-style:none; }
.useCaseRegistrationList .result-img {float:left;margin-right:22px;border:1px solid #ddd;}
.useCaseRegistrationList .result-img img { width:144px; height:100px;}
.useCaseRegistrationList .result-img+.result-content {padding-left:168px;}
.useCaseRegistrationList .result-content {font-size:14px; color:#767676;vertical-align:top;}
.useCaseRegistrationList .result-content > strong { display:block;margin:5px 0 15px;font-weight:500; font-size:20px; line-height:22px;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden; }
.useCaseRegistrationList .result-content > strong a { color:#222; }
.useCaseRegistrationList .result-content > p { min-height:15px;margin:30px 0 0; padding:0; color:#767676; font-size:14px; line-height:140$; }
.useCaseRegistrationList .result-content .content-info {margin:0;padding:0;list-style:none;}
.useCaseRegistrationList .result-content .content-info li {display:inline-block;}
.useCaseRegistrationList .result-content .content-info li:after {display:inline-block;width:3px;height:3px;margin:0 10px;border-radius:1px;background-color:#aaa;vertical-align:4px;content:'';}
.useCaseRegistrationList .result-content .content-info li:last-child:after {display:none;}
.useCaseRegistrationList .result-content .content-info li span {margin-right:8px;color:#222;font-size:14px;}

.btnAreaR{margin:30px 0 50px;text-align:right;}
.btnBlue{display:inline-block;border-radius:2px;width:128px;height:36px;background-color:#4162a3;color:#fff;font-weight:200;font-size:14px;line-height:36px;}


/* 활용사례등록안내 */
.contents-useCase{overflow:hidden;padding:0 0 50px 0;letter-spacing:0;}
.contents-useCase h5{margin:30px 0 30px 0;padding:0 0 13px 20px;border-bottom:2px solid #4162a3;background:url('../../images/images_2018/sub/icon_bluet.png') no-repeat 0 8px;font-weight:500;font-size:22px;color:#000;}
.contents-useCase .info-text{font-size:15px;color:#000;}
.contents-useCase p{line-height:24px;padding:0;margin:0 0 15px 0;}

.contents-useCase .useCaseInfo{margin:0;padding:0;list-style:none;}
.contents-useCase .useCaseInfo li{font-size:14px;color:#767676;line-height:130%;margin-bottom:10px;padding:0 0 0 15px;min-height:0px;text-indent:-15px;}
.contents-useCase .useCaseInfo li:nth-child(3){padding:0 0 0 0;text-indent:0;}
.contents-useCase .useCaseInfo li:nth-child(3)>div{background:#4162a3;text-align:center;color:#fff;font-size:14px;}
.contents-useCase .useCaseInfo li:nth-child(3)>div p{display:inline-block;background:url('../../images/images_2018/sub/icon_arrowWH.png') no-repeat left 24px;padding:15px 5px 15px 12px;margin-bottom:0;}
.contents-useCase .useCaseInfo li:nth-child(3)>div a{display:inline-block;background:url('../../images/images_2018/sub/btn_link2.png') no-repeat left top;width:90px;height:23px;color:transparent;}

.contents-useCase .useCaseHow{margin:0;padding:0;list-style:none;}
.contents-useCase .useCaseHow li{position:relative;padding:20px 0 0 385px;min-height:245px;}
.contents-useCase .useCaseHow li img{position:absolute;left:0;top:0;}
.contents-useCase .useCaseHow li strong{font-size:16px;color:#161515;font-weight:700;}
.contents-useCase .useCaseHow li ol{margin:10px 0 10px;padding:0;list-style:none;}
.contents-useCase .useCaseHow li ol li{font-size:14px;color:#767676;line-height:140%;margin-bottom:10px;padding:0 0 0 0;min-height:0px;}

.contents-useCase .useCaseCom{margin:0;padding:0;list-style:none;}
.contents-useCase .useCaseCom li{font-size:14px;color:#767676;line-height:140%;margin-bottom:10px;padding:0 0 0 18px;min-height:0px;text-indent:-18px;}

.contents-useCase .useCaseExample{position:relative;padding:10px 0 0 385px;min-height:175px;}
.contents-useCase .useCaseExample img{position:absolute;left:0;top:0;}
.contents-useCase .useCaseExample strong{font-size:15px;color:#161515;font-weight:700;}
.contents-useCase .useCaseExample p{margin-top:30px;font-size:14px;color:#767676;line-height:140%;}
.contents-useCase .useCaseExample2{border-top:1px solid #bdbdbd;border-bottom:1px solid #bdbdbd;padding:15px 0;overflow:hidden;}
.contents-useCase .useCaseExample2>div{float:left;width:50%;box-sizing:border-box;border-left:1px solid #bdbdbd;vertical-align:middle;}
.contents-useCase .useCaseExample2>div.bd0{border:0 !important;}
.contents-useCase .useCaseExample2>div img{display:inline-block;vertical-align:top;margin-top:25px}
.contents-useCase .useCaseExample2>div dl{display:inline-block;width:145px;text-align:left;margin:15px;padding:0;}
.contents-useCase .useCaseExample2>div dl dt{display:inline-block;font-size:14px;color:#767676;margin:0 0 5px 0;padding:0;}
.contents-useCase .useCaseExample2>div dl dd{display:inline-block;font-size:14px;color:#767676;margin:0 0 5px 0;padding:0;}
.contents-useCase .useCaseExample2 .useCaseExampleIn{text-align:center;font-size:14px;color:#767676;vertical-align:middle;}
.contents-useCase .useCaseExample2 .useCaseExampleIn img{float:none;margin-top:0;vertical-align:middle;margin-left:15px;}