@charset "utf-8";
@import url("poetry_reset.css");
body { background:#f7f7f7;}
.wrap { width:1280px; padding-bottom: 30px; margin:0 auto;}
.sectionHeader { background: url(/images/poetry/bg_top.jpg) no-repeat; height:250px;}
.searchTab { position:relative;}
.searchTab li { display:block; position: absolute; top:0; right:140px}
.searchTab li+li { right:0px;}
.searchTab li a { display: block; background-image:url(/images/poetry/bg_tab_search.png); background-position:0px -44px; color:#fff;
  background-repeat:no-repeat; width:175px; height:44px;line-height:40px; font-size:13px; overflow:hidden; text-align:center;}
.searchTab li.selected {z-index:100;}
.searchTab li.selected a {background-position:0px 0px; color:#fff; font-weight:bold;}

.sectionHeader .title { text-align: center; padding-top:24px;}
.sectionHeader .title h1  {color:#fff; font-size:36px;}
.sectionHeader .title h1 a {color:#fff;}
.sectionHeader .title .subInfo { font-size: 14px; color:#fff; margin-top: 10px;}

.searchBox { width:990px; margin:0 auto; margin-top:20px; }
.searchBox .searchForm {height: 48px; background-color: #fff; position:relative;padding-right: 250px; padding-left:150px; border-radius:3px;
	box-shadow: 0 2px 5px 0px rgba(0,0,0,0.7); margin-right:0120px; }
.searchBox .searchForm input { border: 0; line-height: 48px; width:100%; height: 48px; font-size: 22px; margin:0; padding:0; }
.searchBox .searchForm button {position:absolute; right:0px; top:0; width: 118px; height: 48px; background: #8b420e; color:#fff; font-weight:600;	font-size: 16px;}
.searchBox .searchForm .btn_guide {position:absolute; right:-120px; top:0; width: 118px; height: 48px; background: #72513b; color:#fff; font-weight:600;
	font-size: 16px; line-height:48px; text-align:center;}
.searchBox .searchForm .btn_guide:hover, .searchForm .btn_guide:focus {background:#966642;}

.searchBox .searchForm button:hover, .searchForm button:focus {background:#bb6a43;}
.searchBox .searchForm select {position:absolute; left:10px; top:9px; font-size: 14px; width: 130px;line-height: 30px; padding:5px }

.sectionMainList,.sectionSearchList { margin:0 auto;width: 1010px;}
.sortSelect {border:#e3e3e3 1px solid; background:#fff; width:990px; margin: 0 auto; border-radius: 3px; box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.1); overflow: hidden;margin-bottom: 20px;}
.sortSelect a { display: inline-block;  width: 57px; height:40px; line-height:40px; border-left:#ebebeb 1px solid; text-align:center; color: #555;}
.sortSelect a:hover, .sectionMainList .sortSelect a:focus  { text-decoration:underline; background-color: #f9f9f9; color:#222;}
.sortSelect a:focus  { text-decoration:underline; background-color: #f9f9f9; color:#222;}
.searchResultList a:focus  { text-decoration:underline; background-color: #f9f9f9; color:#222;}
.paging a:focus  { text-decoration:underline; background-color: #f9f9f9; color:#222;}
.sortSelect a:first-child {border:0;width: 62px;}
.sortSelect a.selected { background:#333 !important;; color:#fff !important;; font-weight:bold !important;;}

.resultList { margin-top:40px;width: 1010px;/*! border: #ccc 1px solid; */margin: 0 auto;/*! padding: 30px 0 0 0; */}
.resultList > ul:after {content:"";display: block; clear:both;}
.resultList > ul > li {float:left; display:block; width: 20%;text-align: center; margin-bottom:30px;}
.resultList > ul > li { display: block;}
.resultList > ul > li:first-child {margin-left:0px;}
.resultList > ul > li:nth-child(6) {margin-left:0px;}
.resultList > ul > li .poemBox {width:180px;margin: 0 auto;display: inline-block;/*! text-align: center; */}
.resultList > ul > li .poemBox .thumb { display: block; width: 180px; height:240px; line-height:240px;vertical-align:bottom}
.resultList > ul > li .poemBox .thumb_txt { display: block; width: 158px; height:218px; line-height:218px;vertical-align:bottom;overflow:hidden; text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;border: #ccc 1px solid;background: #fff;padding: 10px;}
.resultList > ul > li .poemBox .thumb > img{ display: inline; width: auto; height:auto; max-width: 180px; max-height:240px; vertical-align:bottom;box-shadow: 0 -2px 3px 1px rgba(0,0,0,0.1); }

.resultList > ul > li .poemBox .thumb:after {
	content: " ";
	margin-left: -0.6em;
	white-space: pre;
}
.resultList > ul > li .poemBox .thumb img {
	vertical-align: bottom;
}

.resultList > ul > li .poemBox .title { display: block; width: auto; overflow: hidden; font-size: 14px; color: #333; text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;padding: 10px;}
 .resultList > ul > li .poemBox a:hover .title {text-decoration: underline; color:#222;}
.resultList .dnLink:after {content: ""; display: block; clear: both;}
.resultList .dnLink {border:#ccc 1px solid; background: #fff;}
.resultList .dnLink > li { float:left;padding: 5px; min-height:22px;}
.resultList .dnLink > li:last-child {float: right}
.resultList .dnLink > li a:link,  .dnLink > li a:visited, .dnLink > li a:focus, .dnLink > li a:active{ display:block; width: 58px;padding:2px 10px; /*! border:#ccc 1px solid; */
	background: url(/images/poetry/ico_dn1_on.png) no-repeat 58px center;text-align: left; color:#515151;}
.resultList .dnLink > li a:hover {text-decoration: underline; color: #222;background-image: url(/images/poetry/ico_dn1_on.png);}
.resultList .dnLink > li:last-child a {border-left:#222 1px solid;}

.paging { text-align: center;}
.pageSet { display: inline-block; border:#ccc 1px solid; background:#fff;margin: 0 auto; border-radius: 3px; overflow: hidden;/*! width: 217px; */text-align: center;/*! height: 42px; */}
.pageSet a { display:inline-block;  overflow: hidden;/*! float:left; */ padding:5px 10px; /*! height:30px; */ /*! line-height:30px; */ font-size:12px; border-left:#ebebeb 1px solid; text-align:center; color: #555;}
.pageSet a:first-child {border: 0;}
.pageSet a:hover { text-decoration:underline; background-color: #f9f9f9; color:#222;}
.pageSet a:focus { text-decoration:underline; background-color: #f9f9f9; color:#222; border:1px solid black; z-index:500;}
.pageSet a.selected { background:#333; color:#fff; font-weight:bold;}
.pageSet a.btnPagePrev { background:url(/images/poetry/spt_paging.png) no-repeat 6px 5px; text-indent:-100px; width:30px; padding: 5px 0;}
.pageSet a.btnPagePrev:hover {background:url(/images/poetry/spt_paging.png) no-repeat 6px -33px; }
.pageSet a.btnPagePrev:focus{background:url(/images/poetry/spt_paging.png) no-repeat 6px -33px; border:1px solid black;}
.pageSet a.btnPageNext { background:url(/images/poetry/spt_paging.png) no-repeat -22px 5px; text-indent:-100px; width:30px; padding: 5px 0;}
.pageSet a.btnPageNext:hover {background:url(/images/poetry/spt_paging.png) no-repeat -22px -33px;}
.pageSet a.btnPageNext:focus {background:url(/images/poetry/spt_paging.png) no-repeat -22px -33px; border:1px solid black;}

.searchListTitle {padding-left:10px; margin-bottom: 10px; position:relative;}
.searchListTitle:after {content:"";display: block; clear:both;}
.searchListTitle h2 {float:left; background: url(/images/poetry/btl_conetnt_title.png) no-repeat left center; padding-left: 15px; font-size: 24px; color:#675f5a;}
.searchListTitle .subMsg {float:left; padding-left: 18px; padding-top: 8px;font-size: 16px;}
.searchListTitle .subMsg strong {color:#9c5026;}
.searchListTitle .btn_listBack { position:absolute; right:10px; top:0px;}
.btn_listBack {border:#876e57 3px solid; padding:6px 10px;color: #333; border-radius: 5px; font-size: 12px; font-weight:600; background-color: #fff;}
.btn_listBack span { background:url(/images/poetry/ico_arr_back.png) no-repeat right center ; padding-right:25px; }

.searchListTitle .btn_research { position:absolute; right:10px; top:0px;}
.btn_research {border:#514a47  2px solid; padding:6px 10px; border-radius:3px;color: #fff; font-size: 16px; font-weight:600; background-color: #876e57;}
.btn_research span { background:url(/images/poetry/btn_research_w.png) no-repeat right center ; padding-right:25px; }


.searchResultList {border-radius:5px; border:#ccc 1px solid; overflow:hidden; width:990px; margin:0 auto;margin-bottom: 20px;}
.searchResultList > table { width: 100%;/*! border: #ccc 1px solid; */}
.searchResultList > table th { background: #514a47 url(/images/poetry/blt_bar.png) no-repeat left bottom; color:#fff; padding: 10px; text-align: center; font-size: 12px;}
.searchResultList > table th:first-child { background-image: none;}
.searchResultList > table td { padding: 10px; border-left:#efefef 1px solid; border-top:#efefef 1px solid; background: #fff; text-align: center;color: #666;}
.searchResultList > table td:nth-child(2), .searchResultList > table td:nth-child(3) { text-align: left;}

.searchResultList table tbody tr td:first-child { border-left:0;}
.searchResultList table tbody tr:hover td { background: #f9f9f9; color: #222;}
.searchResultList table tbody tr:hover td:nth-child(3) { text-decoration: underline; background: #f9f9f9; color: #222;}

.searchResultList table .dnLink:after {content: ""; display: block; clear: both;}
.searchResultList table .dnLink a { display:inline-block; height:20px; line-height:20px; padding-right:20px; /*! border:#ccc 1px solid; */ font-size:12px; background: url(/images/poetry/ico_dn1.png) no-repeat right center;text-align: left; color:#666;}
.searchResultList table .dnLink a:hover, .dnLink > li a:focus {text-decoration: underline; color: #222;background: url(/images/poetry/ico_dn1_on.png) no-repeat right center;}
.searchResultList table .dnLink .spt { font-family: "돋움"; color:#ddd; padding: 0 5px;}

.btns { text-align:right; padding-right:10px;}

/*레이어*/
#poemGuide { background-color: rgba(0,0,0,0.7); position: fixed; top:0; left: 0; width: 100%; height: 100%; z-index: 500; display: none;}
#poemGuide .layerWrap { width: 800px; background-color: #fff; margin: 0 auto; margin-top: 100px;}
#poemGuide .layerWrap .layerHeader { position: relative; height:50px; line-height: 50px; background-color: #685548;  }
#poemGuide .layerWrap .layerHeader .btn_layerClose { height: 50px; width: 50px; text-indent: -150px; overflow: hidden; position: absolute; right:5px; top:0;
background-image: url('/images/poetry/bg_btn_layerclose.png'); background-repeat: no-repeat; background-position: center center;}
#poemGuide .layerWrap .layerHeader h2 { color: #fff; line-height: 50px; padding-left: 20px; font-size:18px; }
#poemGuide .layerWrap .layerConents { padding: 30px;}
#poemGuide .layerWrap .layerConents h3 {font-size: 30px; text-align: center; padding: 20px 0 30x 0}
#poemGuide .layerWrap .layerConents p { font-size: 16px; color: #555; line-height: 150%; padding:10px 0;}
#poemGuide .layerWrap .layerConents ul { padding: 10px;}
#poemGuide .layerWrap .layerConents ul li { font-size: 14px; line-height: 180%; color: #555;  }
#poemGuide .layerWrap .layerConents a { text-decoration: underline; color:#685548;}
#poemGuide .layerWrap .layerConents a:hover { color:#000;}
#poemGuide .layerWrap .layerBtns {padding: 10px 10px 30px 10px; text-align:center;}
#poemGuide .layerWrap .layerBtns .btn_layerClose { display: inline-block; width: 140px; line-height: 40px; height: 40px;
	color: #fff; background-color: #715f52; font-weight:bold; overflow:hidden;}


.banner {position:relative;background:  pink;}
.banner li { display:block; position: absolute; top:0; left:14px}
.banner li a { display: block; background-image:url(/images/poetry/bg_tab_search.png); background-position:0px -88px; color:#ccc;
  background-repeat:no-repeat; width:175px; height:44px;line-height:40px; font-size:13px; overflow:hidden; text-align:center;}
.banner li a>img {position:absolute; top:5px; left:22px;}

/* skip navigation */
.hidden { display: block; width: 0; height: 0; text-indent: -9999px; overflow: hidden; margin: 0 !important; }
#skip_n { position: relative; z-index: 3000 }
#skip_n a {display:block; position: absolute; top: -30px; left: 0; width: 100%; background: #333; text-align: center; opacity: 0 }
#skip_n a:active, #skip_n a:focus { position: relative; width: 100%; top: 0; text-decoration: none; z-index: 1000; opacity: 1; height: auto;}
#skip_n span { display: inline-block; padding: 2px 6px 0 0; font-size: 13px; line-height: 26px; color: #fff; letter-spacing: -1px; }