@charset "utf-8";
/* 탭영역 */
a{text-decoration:none; color: inherit}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video,img { margin: 0; padding: 0; border: 0; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul {
	list-style: none;
}
blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table {
	border-collapse: collapse;
	border-spacing: 0;
}
body{   width:1240px; 
        margin: 0 auto;
        font-size:16px;
        font-family: 'open-sans-regular', sans-serif;
        line-height:1.5em; color: #666;
        overflow-y: scroll;
        overflow-x: hidden;
        font-weight: 400;}
/* 검색 결과 페이지 글로벌 */
.s_wrap{;width:99%;margin:0 auto}
.hd{position:absolute; left:0px; text-align:left; width:1px;height:1px;top:-1000000px;overflow:hidden}
.left{float:left}
.search_area {display:inline-block;position:relative;margin:0 auto;}
legend{display:none;}
#top_search2 {display:block;width:50%; margin:0 auto;}
#top_search2 input {vertical-align:middle;font-size:1.4em;float:left}
.type-image {vertical-align:middle;height:45px}
.searchbar.form-control{width:80%;padding:1%; border:3px solid #218fa6;}
.optsearch {position:relative;clear:both; padding:10px 0 0 0; font-size:1.15em;letter-spacing:-0.1px;}
.optsearch span {display:inline;margin-right:5px}
.optsearch span a:focus{outline:1px dotted #fff;}
.optsearch span a{color:#0459c1}
.searchBox2{background:#fff ; height:35px; width:397px; margin:31px 0 0 88px; position:relative}
.scate{ background:#fff url(../images/arrow_down1.gif) no-repeat right; cursor:pointer; border:none; width:100px; height:35px;}
.searchBox2 .search_input{border:none; background:#fff;height:35px; line-height:35px; width:235px; position:absolute; left:110px; }
.searchBox2 .btn_search{ background:url(../images/btn_search.png) no-repeat 0 10px; width:46px; height:35px; position:absolute;right:0; text-indent:-9999em}

.search_tab {margin-top:3%;}
.search_tab input {width:33%;height:40px; border:1px solid #d2d2d2;padding-left:10px;font-size:1em;}
.search_tab select {height:40px;border:1px solid #ddd;font-size:1em;color:#666;padding:0 0 0 5px;width:70px}
.hidden {overflow:hidden;fontsize:0;line-height:0;color:transparent;display:block;position:absolute;}
.search_tab button.board_search {font-size:1em;color:#fff;padding:12.5px 10px;background:#666;border:none;}

.s_tabarea{ margin-top:3.5%;letter-spacing:-0.1px;word-spacing:-0.2px;border-top: 1px solid #ddd;padding-top:1.2%}
.tab {clear:both;}
.tab:after { content:""; clear:both; display:block;}
.tab li {float:left; height:25px; padding-right:8px; padding-left:5px; margin:0; font-size:1.2em; border-right:1px solid #ddd;color:#6e6e6e; font-weight:normal;}
.tab li.last {border-right:0;}
.tab li a {font-size:0.99em;display:block;height:30px; padding:0 3px; *padding:0 5px; padding:0 5px \0/; font-weight:bold;}
:root .tab li a {padding:0 11px\9;}
.tab li a:hover { text-decoration:none;}
.tab .on {float:left; background:#fff;}
.tab .on a { color:#494949; border-bottom:4px solid #1a84dd;}
.tab li span {color:#dc143c; padding:0 1px 0 1px;}

.s_title {display:block; clear:both; padding-top:20px; *padding-top:10px; font-size:13px;}
.fontbule {color:#0000cc;font-size:16px;}
.fontred {color:#dc143c; font-weight:bold;}
.result_area {width:99%;margin-top:2%}
.slist_area {padding:25px 0 0 1px; line-height:1.5;}
.slist_area:after { content:""; clear:both; display:block;}
.slist_area .num { width:40px; padding:30px 0 0 5px; float:left;}
.slist_area .border { border:1px solid #c9c9c9; float:left; margin-right:25px}
.slist {width:100%; float:left; }
.s_title a{ font-size:1.4em; font-weight:bold; color:#0459c1; text-decoration:none;line-height:1.4em;}
.s_list a:hover {text-decoration: underline;}
.s_list dl { clear:both; margin-left:1px}
.s_list > dl { font-weight:bold; padding-top:10px;}
.s_list .s_gubun { float:left; padding-right:5px;}
.s_list dd { float:left; padding-right:20px;font-size:0.9em;letter-spacing:-0.1px;word-spacing:-0.1px}
.btn_preview{ background:#fff;font-size:1em;letter-spacing:-0.1px; border:1px solid #bababa; padding:3px 3px 3px; *padding:0px 0px 0px; cursor:pointer; vertical-align:middle;  }
.slist .s_case {font-size:12px; clear:both; float:right;}
.slist .s_case a {text-decoration:underline;}
.slist .s_case a:hover { color:#111;}
.s_con { clear:both;width:80%;padding:1px;font-size: 16px; color: #474747; padding: 5px 0;  font-weight: 400;}
/*.s_download > a{margin-right:10px}*/
.preview {clear:both; width:90%;margin-bottom:5px; margin-top:4px; background:#fff;}
.preview dt {width:100%; border:1px solid #cfd6e3; background:#edf1f4;text-align:center}
.preview dt h4 {padding:4px; display:inline-block; float:left; color:#663ec6; font-weight:bold;}
.preview dt span.btn_r  {vertical-align:bottom; float:right; margin:6px 5px 0 0;}
.preview dd {width:100%; clear:both; border:1px solid #cfd6e3; border-top:0; line-height:1.4;}
.preview dt, .preview dd {padding:0;}
.preview dd p {padding:10px;}
/* paging */
.paging_area {width:100%;font-size:13px;margin-top:10%}
.paging_area:after { content:""; clear:both; display:block;}
.paging_left { float:left; text-align:left;}
.paging_right { float:right;}
.paging_center {width:100%; margin:0 auto; display:block;}
.paging>button { float:left; -webkit-border-roz-border-radius: 2px; border-radius: 2px; border:1px solid #e1e1e1; background:none; margin:5%  2px 5% 0;padding:0}
.paging>button:hover {border:1px solid #bbb;}
.paging>div {margin:5% 4px 5% 0; float:left;}
.paging>div>a, .paging>div>strong { display:inline-block; padding:0 6px 1px; font-size:1.3em; height:auto; line-height:1.5; overflow:hidden; }
.paging>div>a:hover, .paging>div>strong {background-color:#999; color: #fff;}
.paging a.stimg {padding:0 1px 1px; background:none; height:25px;}
.paging .pad { padding-left:5px;}

@media all and (min-width:940px) and (max-width:1239px) {
body {width:95%}
.s_wrap {width:95%}
#top_search2 {width:55%;}
.type-image {vertical-align:middle;height:44px}
}
@media all and (max-width:939px) {
body {width:98%}
#top_search2 {width:65%;}
.s_wrap {width:90%}
.s_tabarea{border-top:0}
.tab li{display:block; width:33.33%;border:none; height:auto; padding:0;}
.tab{margin-left:0}
	.tab li a{letter-spacing:-0.1px;font-size:0.8em;border:1px solid #cfcfcf;padding:2% 0;line-height:1em;border-left:none;text-align:center}
	.tab li:first-child + li + li + li a,
	.tab li:first-child + li + li + li + li a,
	.tab li:first-child + li + li + li + li + li a{border-top:0}
	.tab li:first-child a,
	.tab li:first-child + li + li + li a{border-left:1px solid #cfcfcf;}
	.tab .on a{border-bottom:1px solid #1a84dd; }


.optsearch span {display:inline;margin-right:5px}

.search_tab input {width:70%;}

 /*.topArea{background:#f3f3f1 url(/Common/2015new/images/top_bg.gif)no-repeat 46.8% 3px;height:55px;width:100%; min-width:100%;max-width:360px;position:absolute; z-index:9998;margin:0 auto;position:static;}*/
  .headerArea{width:100%; height:64px; margin-top:3px;max-width:360px; z-index:9999;position:relative;}
  .container_left{display:none}
/*container_left{display:none} */
 .subContents2{width:auto}
 .subContArea2{width:auto;/*max-width:345px;*/ float:none;padding:0 4px; margin:20px auto 0}
	.tab li{display:block; width:50%;border:none; height:auto; padding:0}
	.s_contents{width:100%}
	.tab{margin-left:0}
  .tab li span {color:#dc143c; padding:0 1px 0 1px;font-size:0.9em}
	.tab li a{letter-spacing:-0.1px;font-size:1em;line-height:1.3em;border:1px solid #cfcfcf;height:auto;padding:2% 0;text-align:center;}
	.tab li:first-child + li + li + li a,.tab li:first-child + li + li + li + li a,.tab li:first-child + li + li + li + li + li a,.tab li:first-child + li + li a{border-top:0}
	.tab li:first-child + li a,.tab li:first-child + li + li + li a,.tab li:first-child + li + li + li + li + li a{border-left:0}
	.tab .on a{border-bottom:1px solid #1a84dd;background:url(/Common/2015new/images/search_on_bg.png)repeat-x bottom;}
}

@media all and (max-width:860px) {
#top_search2 {width:70%;}
.tab li{width:100%}
/*.tab li { border:1px solid #cfcfcf}*/
.tab li:first-child + li a,.tab li:first-child + li + li + li a,.tab li:first-child + li + li + li + li + li a{border-left:1px solid  #cfcfcf;}
}

@media all and (max-width:790px) {
#top_search2 {width:80%;}
}

@media all and (max-width:690px) {
#top_search2 {width:90%;}
.search_tab input {width:55%;}
.paging > button  a img{width:22px; height:17px;}
.paging>div>a, .paging>div>strong {font-size:1.1em; display:inline-block; padding:0 4px;}
}

@media all and (max-width:615px) {
#top_search2 {width:95%;}
}

@media all and (max-width:580px) {
#top_search2 {width:100%;}
.optsearch {font-size:1em}
.type-image {height:44px;} 
}

@media all and (max-width:480px) {
.searchbar.form-control{width:79%}
.tab li a{font-size:0.9em}
.tab li span{font-size:0.8em} 
.optsearch {font-size:0.95em}
.type-image {height:41px}
}

@media all and (max-width:440px) {
.optsearch {font-size:0.9em}
.search_tab input {width:48%;}
.type-image {height:38.3px;}
}