#wrapper{position:relative;}
.wrap{position:relative;width:1200px;margin:0 auto;}

#contents {font-family:'Nanum Barun Gothic', 'Malgun Gothic', '맑은 고딕' ,'Nanum Square',  Dotum, '돋움', Helvetica, AppleSDGothicNeo,sans-serif; letter-spacing:0.02em;}

#contents .em_blue{color:#3155a4;}
#contents .em_orange{color:#f37000;}
#contents .em_b_blue{color:#3155a4;font-weight:500;}
#contents .em_b_orange{color:#f37000;font-weight:500;}

#contents .text_left { text-align:left;}
#contents .text_right { text-align:right;}

/* header */
#header { border-bottom:2px solid #545e74; height:118px;}
#header .logo { position:absolute; top:32px; left:0;}
#header .gnb_navi { position:absolute; top:0; right:0;}
#header .gnb_navi a { display:block; background:#545e74 url(../images/common/bg_gnb_l1.png) no-repeat 20px center; line-height:44px; padding-left:58px; width:150px; color:#fff;}

/* 검색영역 */
.search_detail .src_form{position:relative;display:block;width:460px;height:40px;margin:38px auto 0 auto;border:2px solid #3155a4; z-index:100;}
.search_detail .src_form select,.search_detail .src_form input[type="text"],.search_detail .src_form input[type="submit"]{display:block;float:left;margin:0;color:#646464;line-height:44px;vertical-align:middle;}
.search_detail .src_form select{width:105px;border:0; padding:10px 0 0 10px; height:30px;}
.search_detail .src_form input[type="text"]{width:250px;height:100%;padding:0 0 0 10px;border:0;}
.search_detail .src_form input[type="submit"]{float:right;width:90px; line-height:40px;padding-left:40px; text-align:left;background:#3155a4 url(../images/common/bg_search.png) no-repeat 13px center; color:#fff; border:none; cursor:pointer;}

.re_search{position:relative;top:-33px;width:720px;margin:0 auto;text-align:right;font-size:14px;z-index:10;}
.re_search span{margin-left:15px;}
.re_search input,.re_search label{margin:0 3px 0 0;vertical-align:middle;}
.re_search em{color:#0d5db7;}

/* 좌측메뉴 */
.search_side{position:absolute;top:0;left:0;width:160px;}
.side_menu a{display:block;padding:15px;border-bottom:1px solid rgba(255,255,255,0.2); color:#fff;background:#6e788f url(../images/common/bg_menu.png) no-repeat 90% center;}
.side_menu li a:hover,.side_menu li.on a {background:#3155a4 url(../images/common/bg_menu.png) no-repeat 90% center;}

/* 검색 조건 */
.search_content .src_align {padding:25px;}
.src_align > div{float:left;width:30.333333%;margin:0 1.5%;overflow:hidden;}
.src_align > div h2{width:20%; float:left;color:#333;font-size:16px;line-height:26px;}
.src_align > div ul { width:80%;float:left;}
.src_align > div ul li{float:left;width:33.333333%;}
.src_align > div ul li a{display:block;height:26px;border:1px solid #d7d7d7;border-left:0;color:#464646;font-size:13px;line-height:26px;text-align:center;}
.src_align > div ul li:first-child a{border-left:1px solid #d7d7d7;}
.src_align > div ul li a:hover,.src_align > div ul li a.on{height:28px;padding:0 1px 0 0;background-color:#f58220;border:none;color:#fff;text-decoration:none;}
.src_align > div ul li:first-child a:hover,.src_align > div ul li:first-child a.on{padding:0 1px;}
.src_align .align1 ul li{width:50%;}

/* 컨텐츠 영역 */
.search_content{width:auto;margin:0 199px 0 160px;border-left:1px solid #dadada;border-right:1px solid #c6c7ca;}
.search_content > div{position:relative;padding:30px; border-bottom:1px solid #c6c7ca;}
.search_content .more{text-align:right; font-size:13px; text-decoration:underline;}

.src_result.no_result li{margin:2px 0;}
.src_result h3 { background:url(../images/common/bg_h3.png) no-repeat left top; padding-left:30px; line-height:24px; color:#333; font-weight:500; font-size:18px; margin-bottom:20px;}
.src_result h3 span { font-size:15px; color:#666; margin-left:5px;}
.src_result i.blank{display:inline-block; width:12px; height:12px;background:url('../images/common/icon_blank.png') no-repeat center; margin-left:5px;}
.no_result p{margin:0 0 15px;color:#666;font-size:17px;}

.src_desc { background:#e6f0f8; padding:10px 30px; font-size:18px; font-weight:500; color:#333; text-align:center; letter-spacing:0.05em;}

.result_list li,.no_result li{position:relative;margin:2px 0 30px 0;padding:0 0 0 10px;background:url('../images/common/icon_dot.png') no-repeat left 8px;}
.result_list li a{display:block;position:relative;color:#3155a4;}
.result_list .image{display:block;position:relative;width:155px;height:105px;border:7px solid #e6f0f8;overflow:hidden;}
.result_list .image img{position:absolute;top:0;left:0;bottom:0;right:0;max-width:100%;height:100%;margin:auto;}
.result_list .image.no_img{max-width:96%;}
.result_list .image.no_img img{height:90%;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0.5)";filter:alpha(opacity=0.5);opacity:0.5;}
.result_list .title {color:#3155a4; font-size:16px;}
.result_list .date{margin-left:10px;color:#777;font-size:13px;}
.result_list .txt{display:block;margin:7px 0;color:#777;}
.result_list .navi{display:block;margin:5px 0 15px;color:#777;font-size:14px;}
.result_list .navi:hover{ text-decoration:underline;}
.result_list .url{color:#777;word-break:break-all;}

.result_list.type2 li{min-height:140px;margin:0 0 20px;padding:0;background:none; border-bottom:1px dashed #ddd;}
.result_list.type2 li:last-child { border-bottom:none;}
.result_list.type2 a{padding:10px 0 0 190px;}
.result_list.type2 .image{position:absolute;top:0;left:0;}

.src_result table{width:100%;margin:5px 0 10px;border-collapse:separate;border-top:1px solid #324c7c; text-align:center;}
.src_result table thead th{padding:10px 1.5%;background-color:#f4f6fb;border-left:1px solid #dadada;border-bottom:1px solid #aaa;color:#333;}
.src_result table tbody td{padding:10px 1.5%;border-bottom:1px solid #d9d9d9;border-left:1px solid #d9d9d9;}
.src_result table tbody td img{vertical-align:middle;}

.src_result table thead tr th:first-child{ border-left:none;}
.src_result table tbody tr td:first-child{ border-left:none;}


/* -- 다운로드 리스트 -- */
.attachments{margin:15px 0 40px;}
.attachments > li,.attachments > div{position:relative;margin:-1px 0 0 0;padding:0;background:none;}
.attachments .atta_title{display:block;padding:12px 15px;background:#f4f6fb; border-top:2px solid #3155a4; border-bottom:1px solid #bababa; color:#333; cursor:pointer;}
.attachments .bg_toggle{display:block;position:absolute;top:12px;right:15px;width:24px;height:24px;background:#3155a4 url(../images/common/bg_to_down.png) no-repeat center;color:transparent;font-size:1px;line-height:1px;}
.file_list{display:none;}
.single_file .file_list{display:block;}
.file_list li{float:left;width:100%;margin:0;padding:0;background:none;}
.file_list .file_wrap{position:relative;min-height:16px;padding:17px 0;border-bottom:1px solid #e1e1e1;}
.file_list .file_title{margin:0 160px 0 30px;}
.file_list .file_btn{position:absolute;top:12px;right:10px;}

/* == 파일 다운 & 미리보기 : 기본 작은버튼 == */
.down_view{display:inline-block;position:relative;min-width:57px;min-height:28px;padding:0;background-color:#fff;border:1px solid #5a6a7e;border-radius:4px; overflow:hidden;vertical-align:middle;}
.down_view:hover{text-decoration:none;}
.down_view span{display:block;margin:0 70px 0 10px;color:#262626;font-size:13px;line-height:28px;vertical-align:middle;}
.down_view.single span{margin:0 40px 0 10px;}
.result_list .down_view a,.result_list .down_view > i{display:block;position:absolute;top:0;right:0;bottom:0;width:28px;background-color:#f6f6f6;border-left:1px solid #868686;color:transparent;font-size:1px;line-height:1px;}

/* - 아이콘 지정 - */
.result_list .down_view a i,.result_list .down_view i i{display:block;position:absolute;top:0;left:0;bottom:0;width:100%;background:url(../images/common/template.png) no-repeat;}
.result_list .down_view .file_down{right:29px;}
.result_list .down_view .file_down i{background-position:-34px -272px;}
.result_list .down_view .file_view{right:0;}
.result_list .down_view .file_view i{background-position:-112px -272px;}



/* 오른쪽 사이드 */
.search_keyword{display:block;position:absolute;top:0;right:0;width:200px;margin:0;}
.search_keyword > div{padding:20px 15px;border:1px solid #c6c7ca; border-top:none;}
.search_keyword h3{color:#333;font-size:16px;padding:0 0 10px 3px;border-bottom:2px solid #3155a4;}

.search_keyword a span{display:inline-block;width:15px;height:15px;margin:0 5px 0 0;background-color:#6e788f;color:#fff;font-size:11px;line-height:15px;text-align:center;vertical-align:middle;}
.search_keyword a span.best{background-color:#3155a4;}

/* 일간,주간 인기검색어 */
.popular{position:relative;height:340px;border-top:0;}
.popular > ul { margin:0 !important;}
.popular > ul > li{float:left;width:50%}
.popular > ul > li > a{display:block; line-height:28px;border-bottom:1px solid #b7bdca; border-right:1px solid #b7bdca;background:#fff;color:#717171;text-align:center}
.popular > ul > li:first-child > a { border-left:1px solid #b7bdca;}
.popular > ul > li.on > a{border-color:#3155a4;background:#3155a4;color:#fff}
.popular .tab_obj{position:absolute;top:100px;left:0;width:160px;}
.popular .tab_obj ul{margin:0 0 0 20px;}
.popular .tab_obj li { position:relative; margin:3px 0;}
.popular .tab_obj li > span{display:block;position:absolute;top:50%;right:0;height:10px;margin:-6px 0 0 0;padding:0 0 0 14px;background-repeat:no-repeat;background-position:left 50%;color:#6f6f6f;font-size:10px;line-height:12px;vertical-align:middle;}
.popular .tab_obj li > span.same{background-image:url('../images/common/ico_same.gif');}
.popular .tab_obj li > span.up{background-image:url('../images/common/icon_up.gif');}
.popular .tab_obj li > span.down{background-image:url('../images/common/icon_down.gif');}
.popular .tab_obj li > span.new{color:#dc001a;}
/* 추천검색어 */
.recom ul { margin:20px 0 0 5px;}
.recom li{ margin:3px 0;}
/* 내가 찾은 검색어 */
.my_keyword { margin:20px 0 0 5px;}
.my_keyword li{ margin:3px 0;padding-left:10px;background:url('../images/common/icon_dot.png') no-repeat left 10px; box-sizing:border-box;}
.my_keyword .del{display:inline-block;width:13px;height:13px;margin:0 0 0 8px;background:url('../images/common/icon_del.gif') no-repeat center;color:transparent;font-size:1px;line-height:1px;vertical-align:middle; border:1px solid #aec7ed;}

/* 페이징 */
.pagination {position:relative;margin-top:25px;text-align:center;}
.pagination a, .pagination strong{display:inline-block;width:26px;height:26px;margin-left:2px;margin-right:2px;text-align:center;font-size:13px;color:#252525;line-height:28px;letter-spacing:-2px;vertical-align:middle;}
.pagination a{border:solid 1px #dedede;background:#fff}
.pagination strong{border:solid 1px #353535;background:#353535;color:#fff;font-weight:normal;}
.pagination span.page_btn {display:inline-block;margin:0 5px}
.pagination span.page_btn a{width:26px;height:26px;background: url("../images/common/bbs_icon.png") no-repeat;font-size:0;line-height:0;text-indent:100%;}
.pagination span.page_btn img{vertical-align:middle}
*:first-child+html .pagination span.page_btn a{text-indent:0}
.pagination span.page_btn .prev_end {background-position: 7px -92px;}
.pagination span.page_btn .prev{background-position: -40px -92px;}
.pagination span.page_btn .prev_one{display:none;background:none;}
.pagination span.page_btn .next_one{display:none;background:none;}
.pagination span.page_btn .next{background-position: -90px -92px;}
.pagination span.page_btn .next_end {background-position: -143px -92px;}

@media only screen and (max-width:640px) {
    .pagination span.page{display:none}
    .pagination span.page_btn{margin:0}
    .pagination span.page_btn a{width:40px;height:40px;background-color:#fafafa;line-height:42px}
    .pagination span.page_btn .prev,.pagination span.page_btn .next {display:none}
    .pagination .page_btn.prev_group{width:48%;text-align:right}
    .pagination .page_btn.next_group{width:48%;text-align:left}
    .pagination span.page_btn i{display:inline-block;width:24px;height:100%;background: url("../images/common/bbs_icon.png") no-repeat;vertical-align: middle}
    .pagination span.page_btn .prev_end {background-position: 15px -85px;}
    .pagination span.page_btn .prev_one, .pagination span.page_btn .next_one{display:inline-block;width:auto;min-width:55%;background:#fafafa;font-size:inherit;text-indent: 0}
    .pagination span.page_btn .prev_one {padding-right:10px;}
    .pagination span.page_btn .prev_one i{background-position : -45px -85px;}
    .pagination span.page_btn .next_one {padding-left:10px;}
    .pagination span.page_btn .next_one i{background-position : -90px -85px;}
    .pagination span.page_btn .next_end {background-position: -136px -85px;}
}
@media only screen and (max-width:359px) {
    .pagination span.page_btn .prev_end {display:none}
    .pagination span.page_btn .prev_one, .pagination span.page_btn .next_one{min-width:80%}
    .pagination span.page_btn .next_end {display:none}
}

/* footer */
.site_link { background:#506382; z-index:10;}
.sitelink_cont { position:relative; float:left; width:20%; transition:all .5s;}
.sitelink_cont h3 button { position:relative; width:100%; padding-left:10%; height:50px; color:#fff; text-align:left; background: url(../images/common/bg_site.png) no-repeat 90% center; border-right:1px solid rgba(179,179,179,0.2);}
.sitelink_cont.first h3 button { border-left:1px solid rgba(179,179,179,0.2);}
.sitelink_cont .layer { display:none; position:absolute; left:0; bottom:0; width:100%; z-index:100; border:1px solid #506382; background:#fff; box-sizing:border-box;}
.sitelink_cont .layer .close { display:block; position:absolute; right:0; top:0; z-index:10; width:100%; height:50px; background: url(../images/common/bg_site_close.png) no-repeat 90% center; text-indent:-9999px;}
.sitelink_cont .layer strong { display:block; background:#506382; color:#fff; line-height:50px; padding-left:10%;}
.sitelink_cont .layer ul {padding:15px;}
.sitelink_cont .layer li a { display:block; padding:2px 0 0 10px; background:url(../images/common/icon_site_line.gif) no-repeat left center;}

.footer_logo { float:left; padding:40px 75px 0 35px;}
.footer_info { float:left; padding:40px 0; font-size:14px;}
.footer_info .em { color:#337abc;}
.footer_info .footer_menu li { float:left; margin-right:30px;}
.footer_info .sp_left { margin-left:20px;}
.footer_info address { margin:20px 0 5px 0;}

#footer .top { position:absolute; top:0; right:0; display:block; width:50px; height:50px; border:1px solid #c2ccdd; border-top:none; background:url(../images/common/bg_btn_top.png) no-repeat center; font-size:0;}

/* tablet */
@media screen and (max-width:1000px){
#wrapper{overflow-x:hidden;}
.wrap { width:95%;}
#header { height:175px;}
#header .gnb { height:90px;}
#header .logo { position:relative; top:15px; text-align:center;}
#container .wrap { width:100%;}
.search_side { position:static; width:100%;}
.side_menu li { width:11.1111%; float:left;}
.side_menu a{ text-align:center; padding:15px 0; border-bottom:none; border-right:1px solid rgba(255,255,255,0.2); color:#fff;background:#6e788f;}
.side_menu li a:hover,.side_menu li.on a {background:#3155a4;}
.search_wrap { border-top:1px solid #ddd;}
.search_detail .src_form{margin:20px auto 0 auto;}
.search_content { width:100%; margin:0; border:none;}
.search_keyword { position:static; width:100%;}
.search_keyword > div{ border:none;border-bottom:1px solid #c6c7ca;}
.popular {height:190px}
.popular .tab_obj { width:100%;}
.popular .tab_obj li { width:30%; margin:3px 1.5%; float:left;}
.recom li { width:30%; margin:3px 1.5%; float:left;}
.my_keyword li{ width:30%; margin:3px 1.5%; float:left;}

.footer_logo { display:none;}
}

@media screen and (max-width:800px){
#header .logo { text-align:left;}
.side_menu {background:#6e788f;}
.side_menu li { width:20%;}
.side_menu a{ border-bottom:1px solid rgba(255,255,255,0.2);}
.search_detail .src_form{width:80%; margin:20px 0 0 0;}
.search_detail .src_form select{width:20%;box-sizing:border-box;}
.search_detail .src_form input[type="text"]{width:65%;box-sizing:border-box;;}
.search_detail .src_form input[type="submit"]{width:15%;box-sizing:border-box;}

.re_search{width:100%;}

.site_link .wrap { width:100%;}
.sitelink_cont { width:33.33%; font-size:12px;}
.sitelink_cont h3 button { border-right:1px solid rgba(179,179,179,0.2); border-bottom:1px solid rgba(179,179,179,0.2);}

.footer_info { padding:30px 0; font-size:13px;}
.footer_info .footer_menu li { margin-right:20px;}
.footer_info .sp_left { margin-left:10px;}
}

/* mobile */
@media screen and (max-width:640px){
.search_detail .src_form{width:75%;}
.search_detail .src_form select{width:25%;}
.search_detail .src_form input[type="text"]{width:55%;}
.search_detail .src_form input[type="submit"]{width:20%;}
.popular {height:220px}
.popular .tab_obj li { width:45%;}
.recom li { width:45%;}
.my_keyword li { width:45%;}
}

@media screen and (max-width:600px){
#header { height:195px;}
.search_detail .src_form{width:100%; margin:45px auto 0 auto}
.re_search{ top:-75px;}

.search_content .src_align {padding:15px;}
.src_align > div h2{width:100%;}
.src_align > div ul { width:100%;}

.search_content > div{padding:20px;}

  table.response_table{text-align:left;}
  table.response_table thead th{display:none;}
  table.response_table tbody tr{border-bottom: 1px solid #dbdbdb;border-top: 1px solid #fff;}
  table.response_table tbody tr:first-child{border-top:2px solid #324c7c;}
  table.response_table tbody tr:nth-child(odd){background:#fcfcfc;}
  table.response_table tbody tr:nth-child(even){background:#f0f0f0;}
  table.response_table tbody td{/*display:inline-block;*/padding: 6px 10px 6px; border:none;text-align:left}
  /*table.response_table tbody td:first-child{display:none;}*/
  table.response_table tbody td.no_bbs{display:block;text-align:center;}
  table.response_table [data-cell-header]:before{content:attr(data-cell-header);display:inline-block;}

}

@media screen and (max-width:480px){
#header { height:185px;}
#header .gnb { height:80px;}
#header .logo img { height:50px;}
#header .gnb_navi { top:15px;}
#header .gnb_navi a { background:#545e74 url(../images/common/bg_gnb_l1.png) no-repeat center; line-height:44px; padding:0; width:50px; height:50px; font-size:0;}
.result_list.type2 a{padding:10px 0 0 0;}
.result_list.type2 .image{position:relative;top:0;left:0; margin:0 auto 20px auto;}
.popular {height:340px}
.popular .tab_obj li { width:92%;}
.recom li { width:92%;}
.my_keyword li { width:92%;}
.sitelink_cont { width:50%;}
}