/**
 * Theme Name: bcChangbiMain
 */

@import url('common.css');
@import url('superfish/superfish.css');
@import url('//fonts.googleapis.com/earlyaccess/kopubbatang.css');

/* ========================================================================== */

/*
 * Assistive text
 */

.assistive-text {
	position: absolute !important;
	clip: rect(1px, 1px, 1px, 1px);
}

.blind {
    font-size: 0;
    height: 1px;
    left: 0;
    line-height: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    visibility: hidden;
    width: 1px;
}

.layout_center {
    height: 100%;
    margin: 0 auto;
    padding: 0 30px;
    width: 960px;
}

/* ==========================================================================
   Links
   ========================================================================== */

a:link,
a:visited {
	color: #262626;
	text-decoration: none;
}
a:active,
a:hover {
	color: #3c90b3;
	text-decoration: underline;
}

/* ========================================================================== */

body {
    color: #262626;
    font-family: Dotum, Gulim, Verdana, Arial, Sans-Serif;
    font-size: 12px;
    min-width: 1020px;
}

/* ==========================================================================
   Print
   ========================================================================== */

@media print {
    #header,    
    #featured-top,
    #sidebar,
    #footer {
        display: none;
    }
}

/* ==========================================================================
   Header
   ========================================================================== */

#header {
    width: 100%;
    height: 125px;
    position: relative;
    z-index: 10;
}
.header_fixed {
    position: fixed;
    width: 100%;
}
.toptoolbar {    
    background-color: #23789b;
    height: 35px;
    width: 100%;
}
.toptoolbar ul.quicklinks {
    float: left;
    height: 35px;
}
.toptoolbar ul.quicklinks li {
    float: left;
    height: 35px;
    margin-right: 1px;
}
.toptoolbar ul.quicklinks li.first {
    margin-left: -7px;
}
.toptoolbar ul.quicklinks li.last {
    margin-right: 0;
}
.toptoolbar ul.quicklinks li a {
    color: #b3b3b3;
    display: block;
    font-family: Dotum, Gulim, Verdana, Arial, Sans-Serif;
    font-size: 11px;
    height: 20px;
    line-height: 20px;
    padding: 7px 7px 8px 7px;       
}
@-moz-document url-prefix() {
    .toptoolbar ul.quicklinks li a {
        padding-top: 6px;
        padding-bottom: 9px;
    }
}
*+html .toptoolbar ul.quicklinks li a {
    padding-top: 6px;
    padding-bottom: 9px;
}
* html .toptoolbar ul.quicklinks li a {
    display: inline-block;
}
.toptoolbar ul.quicklinks li.current a {
    color: #eaeaea;
}
.toptoolbar ul.quicklinks li a:hover {
    color: #fff;
}

.toptoolbar ul.util {
    float: right;
    height: 35px;
}
.toptoolbar ul.util > li {
    float: right;
}
* html .toptoolbar ul.util li {
    float: right;
}
.toptoolbar .searchform {
    height: 35px;
    width: 230px;    
}
.toptoolbar .searchform .box {
    background-color: #146b8f;
    height: 35px;
    width: 230px;
}
.toptoolbar .searchform .search_text {
    background-color: transparent;
    border: 0;
    color: #fff;
    float: left;
    font-family: Dotum, Gulim, Verdana, Arial, Sans-Serif;
    font-size: 12px;
    height: 20px;
    line-height: 20px;
    margin: 7px 3px 0 10px;
    width: 182px;
    padding: 0;
}
.toptoolbar .searchform .search_text::-webkit-input-placeholder { /* WebKit browsers */
    color: #b3b3b3;
    opacity: 1;
}
.toptoolbar .searchform .search_text:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #b3b3b3;
    opacity: 1;
}
.toptoolbar .searchform .search_text::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #b3b3b3;
    opacity: 1;
}
.toptoolbar .searchform .search_text:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #b3b3b3;
    opacity: 1;
}
.toptoolbar .searchform .search_submit {
    background: url(../images/theme_sprite.png) no-repeat 11px -190px;
    border: 0;
    cursor: pointer;
    float: left;
    height: 35px;
    padding: 0;
    width: 35px;    
}

#toptoolbar-login {
    margin-right: 7px;
}
#toptoolbar-login li {
    float: right;
    height: 35px;
    margin-right: 1px;
}
#toptoolbar-login li a.item {
    color: #ddd;
    display: block;
    font-family: Dotum, Gulim, Verdana, Arial, Sans-Serif;
    font-size: 11px;
    height: 20px;
    line-height: 20px;
    padding: 7px 7px 8px 7px;
}
@-moz-document url-prefix() {
    #toptoolbar-login li a.item {
        padding-top: 6px;
        padding-bottom: 9px;
    }
}
*+html #toptoolbar-login li a.item {
    padding-top: 6px;
    padding-bottom: 9px;
}
* html #toptoolbar-login li a.item {
    display: inline-block;
}
#toptoolbar-login li a.item:hover {
    color: #fff;
}

.header_wrap {
    background-color: #5ba6c5;
    height: 90px;
    width: 100%;
}
.header_wrap .header_container {
    height: 100%;
    position: relative;
    width: 100%;
}
/*
.header_wrap .logo {
    display: inline-block;
    position: absolute;
    top: 0px;
    left: -225px;
    background: url(../images/logo_h_50th.png) no-repeat;
    display: block;    
    height: 90px;
    width: 573px;
	/* z-index: 9; */
	/*
}
.header_wrap .logo a.site-title,
.header_wrap .logo a.site-title span.normal,
.header_wrap .logo a.site-title span.hover {
	display: block;
	position: absolute;
    height: 90px;
    width: 130px;
	left: 220px;
	z-index: 9;
}
*/
.header_wrap .logo {
    display: inline-block;
    position: absolute;
    top: 20px;
    left: 0;
}
.header_wrap .logo a.site-title,
.header_wrap .logo a.site-title span.normal,
.header_wrap .logo a.site-title span.hover {
    background: url(../images/logo_h.png) no-repeat 0 -20px;
    display: block;    
    height: 45px;
    width: 135px;
}

.header_wrap .logo a.site-title:hover {
    background-position: 0 -110px;
}

/*
 * menu
 */

#access {
    height: 56px;
    min-width: 612px;
    padding-top: 34px;
    position: absolute;
    top: 0;
    right: -3px;
}
*+html #access {
    /* width: 712px; */
    width: 742px;
}
.access_wrap {
    display: block;
    float: right;
    height: 56px;
    position: relative;
    /*z-index: 100;*/
}
#access a.screen-reader-shortcut {
	outline: none;
	position: absolute;
	top: -1000em;	
}
#access a.screen-reader-shortcut:focus {
    background: #f1f1f1;
    border-radius: 3px;
	-webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    color: #21759b;
    display: block;
	font-size: 14px;
	font-weight: bold;
	height: auto;
	left: 0;
	line-height: normal;
	padding: 15px 23px 14px;
	position: absolute;
	text-decoration: none;
	top: 0;
	width: auto;
	z-index: 100000;
}
#access .sf-menu {
	float: left;
}
#access .sf-menu > li {
    background: url(../images/arrow_pointer_04.png) no-repeat center 56px;
    margin-right: 22px;
}
* html #access .sf-menu li.menu-item-depth-1 {
    background: url(../images/arrow_pointer_04.png) no-repeat center 56px;
    float: left;
    margin-right: 22px;
}
#access .sf-menu > li.menu-item-last {
    margin-right: 0;
}
* html #access .sf-menu li.menu-item-depth-1.menu-item-last {
    margin-right: 0;
}
#access .sf-menu > li:hover,
#access .sf-menu > li.active-top-menu-item {
    background-position: center bottom;
    -webkit-transition: background 0.3s cubic-bezier(0.19, 1, 0.22, 1) 0.3s; /* easeOutExpo */
    transition: background 0.3s cubic-bezier(0.19, 1, 0.22, 1) 0.3s; /* easeOutExpo */
}
* html #access .sf-menu li.menu-item-depth-1.active-top-menu-item {
    background-position: center bottom;
}
/* image replacement */
#access .sf-menu > li > a {
    background-color: transparent;
    background-repeat: no-repeat;
    border: 0;
    direction: ltr;
    display: block;
    overflow: hidden;
    text-align: left;
    text-indent: -999em;
}
/* image replacement */
* html #access .sf-menu li a.menu-link-depth-1 {
    background-color: transparent;
    background-repeat: no-repeat;
    border: 0;
    direction: ltr;
    display: block;
    overflow: hidden;
    text-align: left;
    text-indent: -999em;
}
#access .sf-menu > li > a {
    background: url(../images/menus.png) no-repeat 0 0;
    border-bottom: 7px solid transparent;
    cursor: pointer;
    font-size: 15px;
    font-weight: bold;
    height: 22px;
    line-height: 22px;
    padding-bottom: 27px;
    text-decoration: none;
    width: 0;
}
* html #access .sf-menu li a.menu-link-depth-1 {
    background: url(../images/menus.png) no-repeat 0 0;
    border-bottom: 7px solid transparent;
    cursor: pointer;
    font-size: 15px;
    font-weight: bold;
    height: 22px;
    line-height: 22px;
    padding-bottom: 27px;
    text-decoration: none;
    width: 0;
}
#access .sf-menu > li > a.with-hover-fade .hover {
    background: url(../images/menus.png) no-repeat 0 0;
    display: block;
    height: 22px;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 0;
    
    /* fix black border around PNG when faded in */
    /*background-color: #5ba6c5;*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE8 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); /* IE 6/7 */
    *zoom: 1; /* IE 6/7 */
}
html.ie8 #access .sf-menu > li > a.with-hover-fade .hover {
    filter: alpha(opacity=0);
}
*+html #access .sf-menu > li > a.with-hover-fade .hover {
    filter: alpha(opacity=0);
}
#access .sf-menu > li.book > a,
#access .sf-menu > li.book:hover > a.with-hover-fade,
#access .sf-menu > li.book > a.with-hover-fade .hover {
    background-position: 2px 2px;
    width: 34px;
}
* html #access .sf-menu li.menu-item-depth-1.book a.menu-link-depth-1 {
    background-position: 2px 2px;
    width: 34px;
}
#access .sf-menu > li.book:hover > a,
#access .sf-menu > li.book > a.with-hover-fade .hover {
    background-position: 0 -100px;
}
* html #access .sf-menu li.menu-item-depth-1.book:hover a.menu-link-depth-1 {
    background-position: 0 -100px;
}
#access .sf-menu > li.author > a,
#access .sf-menu > li.author:hover > a.with-hover-fade,
#access .sf-menu > li.author > a.with-hover-fade .hover {
    background-position: -98px 2px;
    width: 36px;
}
* html #access .sf-menu li.menu-item-depth-1.author a.menu-link-depth-1 {
    background-position: -98px 2px;
    width: 36px;
}
#access .sf-menu > li.author:hover > a,
#access .sf-menu > li.author > a.with-hover-fade .hover {
    background-position: -100px -100px;
}
* html #access .sf-menu li.menu-item-depth-1.author:hover a.menu-link-depth-1 {
    background-position: -100px -100px;
}
#access .sf-menu > li.quarterly-changbi > a,
#access .sf-menu > li.quarterly-changbi:hover > a.with-hover-fade,
#access .sf-menu > li.quarterly-changbi > a.with-hover-fade .hover {
    background-position: -198px 2px;
    width: 107px;
}
* html #access .sf-menu li.menu-item-depth-1.quarterly-changbi a.menu-link-depth-1 {
    background-position: -198px 2px;
    width: 107px;
}
#access .sf-menu > li.quarterly-changbi:hover > a,
#access .sf-menu > li.quarterly-changbi > a.with-hover-fade .hover {
    background-position: -200px -100px;
}
* html #access .sf-menu li.menu-item-depth-1.quarterly-changbi:hover a.menu-link-depth-1 {
    background-position: -200px -100px;
}
#access .sf-menu > li.changbi-children > a,
#access .sf-menu > li.changbi-children:hover > a.with-hover-fade,
#access .sf-menu > li.changbi-children > a.with-hover-fade .hover {
    background-position: 2px -198px;
    width: 75px;
}
* html #access .sf-menu li.menu-item-depth-1.changbi-children a.menu-link-depth-1 {
    background-position: 2px -198px;
    width: 75px;
}
#access .sf-menu > li.changbi-children:hover > a,
#access .sf-menu > li.changbi-children > a.with-hover-fade .hover {
    background-position: 0 -300px;
}
* html #access .sf-menu li.menu-item-depth-1.changbi-children:hover a.menu-link-depth-1 {
    background-position: 0 -300px;
}
#access .sf-menu > li.book-cafe > a,
#access .sf-menu > li.book-cafe:hover > a.with-hover-fade,
#access .sf-menu > li.book-cafe > a.with-hover-fade .hover {
    background-position: -98px -198px;
    width: 50px;
}
* html #access .sf-menu li.menu-item-depth-1.book-cafe a.menu-link-depth-1 {
    background-position: -98px -198px;
    width: 50px;
}
#access .sf-menu > li.book-cafe:hover > a,
#access .sf-menu > li.book-cafe > a.with-hover-fade .hover {
    background-position: -100px -300px;
}
* html #access .sf-menu li.menu-item-depth-1.book-cafe:hover a.menu-link-depth-1 {
    background-position: -100px -300px;
}
#access .sf-menu > li.book-club > a,
#access .sf-menu > li.book-club:hover > a.with-hover-fade,
#access .sf-menu > li.book-club > a.with-hover-fade .hover {
    background-position: -198px -198px;
    width: 48px;
}
* html #access .sf-menu li.menu-item-depth-1.book-club a.menu-link-depth-1 {
    background-position: -198px -198px;
    width: 48px;
}
#access .sf-menu > li.book-club:hover > a,
#access .sf-menu > li.book-club > a.with-hover-fade .hover {
    background-position: -200px -300px;
}
* html #access .sf-menu li.menu-item-depth-1.book-club:hover a.menu-link-depth-1 {
    background-position: -200px -300px;
}
#access .sf-menu > li.literary-prize > a,
#access .sf-menu > li.literary-prize:hover > a.with-hover-fade,
#access .sf-menu > li.literary-prize > a.with-hover-fade .hover {
    background-position: -298px -198px;
    width: 126px;
}
* html #access .sf-menu li.menu-item-depth-1.literary-prize a.menu-link-depth-1 {
    background-position: -298px -198px;
    width: 126px;
}
#access .sf-menu > li.literary-prize:hover > a,
#access .sf-menu > li.literary-prize > a.with-hover-fade .hover {
    background-position: -300px -300px;
}
* html #access .sf-menu li.menu-item-depth-1.literary-prize:hover a.menu-link-depth-1 {
    background-position: -300px -300px;
}
#access .sf-menu > li.community > a,
#access .sf-menu > li.community:hover > a.with-hover-fade,
#access .sf-menu > li.community > a.with-hover-fade .hover {
    background-position: 2px -398px;
    width: 61px;
}
* html #access .sf-menu li.menu-item-depth-1.community a.menu-link-depth-1 {
    background-position: 2px -398px;
    width: 61px;
}
#access .sf-menu > li.community:hover > a,
#access .sf-menu > li.community > a.with-hover-fade .hover {
    background-position: 0 -500px;
}
* html #access .sf-menu li.menu-item-depth-1.community:hover a.menu-link-depth-1 {
    background-position: 0 -500px;
}

/*  event 페이지 추가 
	2014.01.27
*/
#access .sf-menu > li.event > a, 
#access .sf-menu > li.event:hover > a.with-hover-fade, 
#access .sf-menu > li.event > a.with-hover-fade .hover {
	background-position: -98px -398px;
	width: 45px;
}
* html #access .sf-menu li.menu-item-depth-1.event a.menu-link-depth-1 {
    background-position: -98px -398px;
	width: 45px;
}
#access .sf-menu > li.event:hover > a,
#access .sf-menu > li.event > a.with-hover-fade .hover {
    background-position: -98px -500px;
}
* html #access .sf-menu li.menu-item-depth-1.event:hover a.menu-link-depth-1 {
    background-position: -98px -500px;
}

/*  창비 50주년 페이지 추가 
	2016-01-18
*/
#access .sf-menu > li.changbi-50th > a, 
#access .sf-menu > li.changbi-50th:hover > a.with-hover-fade, 
#access .sf-menu > li.changbi-50th > a.with-hover-fade .hover {
	background-position: -187px -398px;
	width: 75px;
	z-index: 10;
}
* html #access .sf-menu li.menu-item-depth-1.changbi-50th a.menu-link-depth-1 {
    background-position: -187px -398px;
	width: 75px;
	z-index: 10;
}
#access .sf-menu > li.changbi-50th:hover > a,
#access .sf-menu > li.changbi-50th > a.with-hover-fade .hover {
    background-position: -187px -500px;
	z-index: 10;
}
* html #access .sf-menu li.menu-item-depth-1.changbi-50th:hover a.menu-link-depth-1 {
    background-position: -187px -500px;
	z-index: 10;
}

/*  고객센터 페이지 추가 
	2018-11-30
*/
#access .sf-menu > li.customer > a, 
#access .sf-menu > li.customer:hover > a.with-hover-fade, 
#access .sf-menu > li.customer > a.with-hover-fade .hover {
	background-position: -298px -398px;
	width: 61px;
	z-index: 10;
}
* html #access .sf-menu li.menu-item-depth-1.customer a.menu-link-depth-1 {
    background-position: -298px -398px;
	width: 61px;
	z-index: 10;
}
#access .sf-menu > li.customer:hover > a,
#access .sf-menu > li.customer > a.with-hover-fade .hover {
    background-position: -298px -500px;
	z-index: 10;
}
* html #access .sf-menu li.menu-item-depth-1.customer:hover a.menu-link-depth-1 {
    background-position: -298px -500px;
	z-index: 10;
}

/*  창비 소개 페이지 추가 
	2019-03-29
*/
#access .sf-menu > li.introduce > a, 
#access .sf-menu > li.introduce:hover > a.with-hover-fade, 
#access .sf-menu > li.introduce > a.with-hover-fade .hover {
	background-position: -415px -398px;
	width: 61px;
	z-index: 10;
}
* html #access .sf-menu li.menu-item-depth-1.introduce a.menu-link-depth-1 {
    background-position: -415px -398px;
	width: 61px;
	z-index: 10;
}
#access .sf-menu > li.introduce:hover > a,
#access .sf-menu > li.introduce > a.with-hover-fade .hover {
    background-position: -415px -500px;
	z-index: 10;
}
* html #access .sf-menu li.menu-item-depth-1.introduce:hover a.menu-link-depth-1 {
    background-position: -415px -500px;
	z-index: 10;
}


#access .sf-menu ul {
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.45);
	-webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.45); /* keep in order */
	min-width: 164px; /* allow long menu items to determine submenu width */
	*width: 164px; /* no auto sub width for IE7, see white-space comment below */
	z-index: 100;
}
html.ie9 #access .sf-menu ul {
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.45);
}
html.ie8 #access .sf-menu ul {
    border: 1px solid #d4d4d4;
    border-top: 0;
}
*+html #access .sf-menu ul {
    border: 1px solid #d4d4d4;
    border-top: 0;
}
* html #access .sf-menu ul {
    border: 1px solid #d4d4d4;
    border-top: 0;
}
* html #access .sf-menu li:hover ul.menu-depth-2,
* html #access .sf-menu li.sfHover ul.menu-depth-2 {
	display: block;
}
#access .sf-menu li.menu-hide-children ul {
    display: none !important;
}
#access .sf-menu ul li {
	background: #fff;
	white-space: nowrap; /* no need for Supersubs plugin */
	*white-space: normal; /* ...unless you support IE7 (let it wrap) */
	-webkit-transition: all 0.3s ease-in 0s;
	transition: all 0.3s ease-in 0s;
}
#access .sf-menu ul li:hover {
	background: #6eb7d5;
}
#access .sf-menu ul a {
    color: #3c90b3;
	font-family: "Malgun Gothic", Dotum, Gulim, Verdana, Arial, Sans-Serif;
	font-size: 12px;
	font-weight: normal;	
    line-height: 16px;
    padding: 11px 12px 14px 12px;
    text-align: center;
    text-decoration: none;
    *zoom: 1; /* IE 6/7 */
}
#access .sf-menu ul li:hover a {
    color: #fff;
}
* html #access .sf-menu ul li a:hover {
    background-color: #6eb7d5;
    color: #fff;
}

/* ==========================================================================
   Container
   ========================================================================== */

#main {    
    clear: both;
    position: relative;
    padding-top: 30px;
    padding-bottom: 100px;
}
.two-column #content {
    width: 670px;
}
.two-column #sidebar {
    width: 260px;
}
.right-sidebar #content {
    float: left;
    margin: 0 -260px 0 0;
    position: relative;
}
.right-sidebar #sidebar {
    float: right;
    margin: 0;
    position: relative;    
}


/* ==========================================================================
   Footer
   ========================================================================== */

#footer {
    clear: both;
    position: relative;
}
.footer_wrap {
    background-color: #2e2e2e;
    color: #989898;
}
.footer_wrap a {
    color: #989898;
}
.footer_wrap a:hover {
    color: #fefefe;
}
* html .footer_wrap a:link,
* html .footer_wrap a:visited {
    color: #989898;
}
* html .footer_wrap a:active,
* html .footer_wrap a:hover {
    color: #fefefe;
}
.footer_wrap .layout_center {
    padding-top: 25px;
    padding-bottom: 25px;
}

.footer_wrap .quicklinks {
    clear: both;
    display: table;
    height: 61px;
    margin: 0 auto 68px auto;
    max-width: 960px;
    white-space: nowrap;        
    overflow: hidden;    
}
.footer_wrap .quicklinks ul {
    display: table-row;
    white-space: nowrap;
}
*+html .footer_wrap .quicklinks ul {
    text-align: center;
}
* html .footer_wrap .quicklinks ul {
    text-align: center;
}
.footer_wrap .quicklinks ul li {
    display: table-cell;
    padding: 0 15px;
    text-align: center;
}
*+html .footer_wrap .quicklinks ul li {
    display: inline;
    margin: 0 -2px;
}
* html .footer_wrap .quicklinks ul li {
    display: inline;
    margin: 0 -2px;
}
.footer_wrap .quicklinks ul li a {
    text-decoration: none;
    display: block;
    min-width: 50px;
}
*+html .footer_wrap .quicklinks ul li a {
    display: inline-block;
    cursor: pointer;
}
* html .footer_wrap .quicklinks ul li a {
    display: inline-block;
    cursor: pointer;
}
.footer_wrap .quicklinks ul li a span.icon {
    background: url(../images/quick_icons.png) no-repeat 0 -999px;
    display: block;
    height: 40px;
    margin: 0 15px 5px 15px;    
}
@-moz-document url-prefix() {
    .footer_wrap .quicklinks ul li a span.icon {
        margin-bottom: 4px;
    }
}
*+html .footer_wrap .quicklinks ul li a span.icon {
    margin-bottom: 4px;
}
* html .footer_wrap .quicklinks ul li a span.icon {
    width: 1px;
}
.footer_wrap .quicklinks ul li.faq a span.icon {
    background-position: 0 6px;    
    width: 34px;
}
.footer_wrap .quicklinks ul li.faq a:hover span.icon {
    background-position: 0 -44px;    
}
.footer_wrap .quicklinks ul li.email a span.icon {
    background-position: -50px 9px;    
    width: 28px;
}
.footer_wrap .quicklinks ul li.email a:hover span.icon {
    background-position: -50px -41px;    
}
.footer_wrap .quicklinks ul li.about a span.icon {
    background-position: -100px 9px;    
    width: 30px;
}
.footer_wrap .quicklinks ul li.about a:hover span.icon {
    background-position: -100px -41px;    
}
.footer_wrap .quicklinks ul li.contact a span.icon {
    background-position: -150px 5px;    
    width: 19px;
}
.footer_wrap .quicklinks ul li.contact a:hover span.icon {
    background-position: -150px -45px;    
}
.footer_wrap .quicklinks ul li.twitter a span.icon {
    background-position: -200px 8px;    
    width: 31px;
}
.footer_wrap .quicklinks ul li.twitter a:hover span.icon {
    background-position: -200px -42px;    
}
.footer_wrap .quicklinks ul li.facebook a span.icon {
    background-position: -250px 7px;    
    width: 26px;
}
.footer_wrap .quicklinks ul li.facebook a:hover span.icon {
    background-position: -250px -43px;    
}
.footer_wrap .quicklinks ul li.rss a span.icon {
    background-position: -300px 11px;    
    width: 19px;
}
.footer_wrap .quicklinks ul li.rss a:hover span.icon {
    background-position: -300px -39px;    
}
.footer_wrap .quicklinks ul li.escrow a span.icon {
    background-position: -350px 6px;    
    width: 28px;
}
.footer_wrap .quicklinks ul li.escrow a:hover span.icon {
    background-position: -350px -44px;    
}
/* [제휴 문의] 추가 시작 > 2015-08-27 강정구 */
.footer_wrap .quicklinks ul li.partner a span.icon {
    background: url(../images/quick_partner.png) no-repeat;
	background-position: 0px 4px;
    width: 38px;
}
.footer_wrap .quicklinks ul li.partner a:hover span.icon {
	background: url(../images/quick_partner_over.png) no-repeat;
	background-position: 0px 4px;
}
/* [제휴 문의] 추가 끝 > 2015-08-27 강정구 */
.footer_wrap .quicklinks ul li a span.title {    
    color: #b1b1b1;
    font-family: Dotum, Gulim, Verdana, Arial, Sans-Serif;
    font-size: 11px;
    line-height: 16px;
    width: 34px;
}
.footer_wrap .quicklinks ul li a:hover span.title {
    color: #dbdbdb;
}

.footer_wrap .links {
    border-bottom: 1px solid #4a4a4a;
    clear: both;
    height: 32px;
    margin-bottom: 16px;
    position: relative;
}

.footer_wrap ul.policy {
    float: left;
    font-family: Dotum, Gulim, Verdana, Arial, Sans-Serif;
    font-size: 11px;
    height: 16px;
    line-height: 16px;
    overflow: hidden;
    padding: 7px 0 0 0;
}
@-moz-document url-prefix() {
    .footer_wrap ul.policy {
        padding-top: 6px;
    }
}
*+html .footer_wrap ul.policy {
    padding-top: 6px;
}
.footer_wrap ul.policy li {
    background: url(../images/lines.png) no-repeat 0 0;
    float: left;
    height: 16px;
    padding: 0 10px 0 11px;
}
* html .footer_wrap ul.policy li {
    display: inline-block;
}
.footer_wrap ul.policy li.first {
    background: none;
    padding-left: 0;
}
.footer_wrap ul.policy li.last {
    padding-right: 0;
}

#changbi_fms {
    font-family: Dotum, Gulim, Verdana, Arial, Sans-Serif;
    height: 27px;
    position: absolute;
    right: 0;
    top: 0;
    width: 178px;    
}
#changbi_fms .fms a {
    background-color: #222;
    background: #222 url(../images/theme_sprite.png) no-repeat 151px 0;
    border: 1px solid #383838;
    border-radius: 3px;
    color: #929292;
    display: block;
    font-size: 11px;
    height: 16px;
    line-height: 16px;
    padding: 4px 25px 5px 9px;
    text-decoration: none;
}
#changbi_fms .fms a:hover,
#changbi_fms.on .fms a {
    background-position: 151px -30px;
    border-color: #5c5c5c;
    color: #c2c2c2
}
#changbi_fms ul.fms_links {
    background-color: #222222;
    border: 1px solid #5c5c5c;
    bottom: 26px;    
    left: 0;
    padding: 0 0 1px 0;
    position: absolute;
    width: 176px;
    
}
#changbi_fms ul.fms_links a {
    color: #c2c2c2;
    display: block;
    font-size: 11px;
    height: 16px;
    line-height: 16px;
    padding: 4px 9px;
    text-decoration: none;
}
#changbi_fms ul.fms_links a:hover {
    background-color: #0f0f0f;
}

.footer_wrap .info {
    font-family: Dotum, Gulim, Verdana, Arial, Sans-Serif;
    min-height: 91px;
    position: relative;
}
* html .footer_wrap .info {
    height: auto !important;
    height: 91px;
}
.footer_wrap .info img.logo {
    background: url(../images/theme_sprite.png) no-repeat 0 -100px;
    display: block;
    height: 30px;
    left: 0;
    position: absolute;
    top: 4px;
    width: 89px;    
}
.footer_wrap .info .column_right {
    margin-left: 118px;
}
.footer_wrap .info .copyright {
    color: #848484;
    font-family: Arial, Sans-Serif;
    font-size: 11px;
    line-height: 16px;
    margin-bottom: 5px;
}
@-moz-document url-prefix() {
    .footer_wrap .info .copyright {
        margin-bottom: 4px;
    }
}
*+html .footer_wrap .info .copyright {
    margin-bottom: 4px;
}
.footer_wrap .info .company {
    color: #848484;
    font-size: 11px;
    line-height: 16px;
}

/*
 * Back to top
 */

#back2top {
    margin: 0 auto;
    width: 1020px;
}
#back2top .back2top_wrap {
    margin-left: 1020px;
}
.back2top_wrap a {
    background: url(../images/theme_sprite.png) no-repeat 0 -150px;
    bottom: 89px;
    display: block;
    height: 31px;
    position: fixed;
    width: 39px;
}
html.ie8 .back2top_wrap a.scroll-to-fixed-fixed {
    /* fix black border around PNG when faded in */
    background-color: #fff;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE8 */
}
.back2top_wrap a:hover {
    background-position: -50px -150px;
}

/* ==========================================================================
   Featured Top
   ========================================================================== */

#featured-top {
    background-color: #f1fbff;
}
#featured-top.sub {
    min-height: 50px;
    width: 100%;
}
* html #featured-top.sub {
    height: auto !important;
    height: 50px;
}
#featured-top.sub .loc {
    font-family: Dotum, Gulim, Verdana, Arial, Sans-Serif;
    font-size: 11px;
    margin: 0 auto;
    padding: 17px 0 0 0;
    width: 960px;
}
#featured-top.sub .loc span {
    float: left;
}
#featured-top.sub .loc a {
    color: #5ba6c5;
    float: left;
    padding-top: 2px;
    text-decoration: none;
}
html.ie9 #featured-top.sub .loc a {
    padding-top: 3px;
}
* html #featured-top.sub .loc a {
    padding-top: 3px;
}
#featured-top.sub .loc a:hover {
    color: #616161;
    text-decoration: underline;
}
#featured-top.sub .loc .home {
    background: url(../images/icon_home.png) no-repeat 0 0;
    display: inline-block;
    height: 0;
    padding-top: 13px;
    overflow: hidden;
    width: 15px;
}
#featured-top.sub .loc .sep {
    background: url(../images/arrow_pointer_21.png) no-repeat 0 3px;
    display: inline-block;
    height: 0;
    margin: 0 4px;
    padding-top: 12px;
    overflow: hidden;
    width: 6px;
}
#featured-top.sub .loc .current {
    color: #616161;
    font-size: 12px;
    padding-top: 2px;
}
html.ie9 #featured-top.sub .loc .current {
    padding-top: 3px;
}
* html #featured-top.sub .loc .current {
    padding-top: 3px;
}

/* ==========================================================================
   Side
   ========================================================================== */

/* Submenu */

#side_submenu {
    margin-bottom: 40px;
}
#sidebar.author #side_submenu {
    margin-bottom: 20px;
}
#side_submenu ul.menu {
    color: #262626;
    font-family: "Malgun Gothic", Dotum, Gulim, Verdana, Arial, Sans-Serif;
    overflow: hidden;
    position: relative;
    width: 260px;
    *zoom: 1; /* IE6, IE7 */
}
#side_submenu ul.menu a {
    color: #262626;
    text-decoration: none;
	-webkit-transition: color 1s;
	transition: color 1s;
}
#side_submenu ul.menu a:hover {
    color: #3c90b3;
}
#side_submenu ul.menu a.menu-link-selected {
    color: #262626;
}
#side_submenu ul.menu .submenu-hide-children ul {
    display: none;
}
#side_submenu ul.menu .active-top-menu-item-title {
    border-bottom: 1px solid #87c9e5;
    display: block;
    font-size: 24px;
    font-weight: normal;
    line-height: 30px;
    margin-top: 9px;
    padding-bottom: 10px;
}
@-moz-document url-prefix() {
    #side_submenu ul.menu .active-top-menu-item-title {
        margin-top: 9px;
        padding-bottom: 11px;
    }
}
* html #side_submenu ul.menu .active-top-menu-item-title {
    display: inline-block;
    margin-top: 9px;
    padding-bottom: 8px;
    width: 260px;
}

#side_submenu ul.menu a.menu-link-depth-2 {
    border-bottom: 1px solid #b6e4f7;
    display: block;
    font-size: 14px;
    margin-left: -20px;
    position: relative;
    padding: 11px 25px 12px 30px;
    width: 225px;
}
@-moz-document url-prefix() {
    #side_submenu ul.menu a.menu-link-depth-2 {
        padding-top: 10px;
        padding-bottom: 13px;
    }
}
html.ie9 #side_submenu ul.menu a.menu-link-depth-2 {
    padding-top: 10px;
    padding-bottom: 13px;
}
*+html #side_submenu ul.menu a.menu-link-depth-2 {
    padding-top: 10px;
    padding-bottom: 13px;
    vertical-align: bottom;
}
* html #side_submenu ul.menu a.menu-link-depth-2 {
    padding-top: 12px;
    padding-bottom: 11px;
    vertical-align: bottom;
}
#side_submenu ul.menu a.menu-link-depth-2 span.icon-l {
    background: url(../images/submenu_icons.png) no-repeat -50px 0;
    display: none;
    height: 43px;
    left: 12px;
    position: absolute;
    top: 0;
    width: 9px;
}
#side_submenu ul.menu a.hover span.icon-l {
    display: block !important;
}
#side_submenu ul.menu a.menu-link-depth-2 span.icon-r {
    background: url(../images/submenu_icons.png) no-repeat 0 0;
    display: block;
    height: 43px;
    right: 11px;
    position: absolute;
    top: 0;
    width: 7px;
}
#side_submenu ul.menu a.menu-link-depth-2 span.title {
    display: block;
    line-height: 20px;
}

#side_submenu ul.menu a.menu-link-depth-2.menu-link-selected {
    background-color: #eaf9ff;
    font-weight: bold;
    margin-left: 0;
}
#side_submenu ul.menu a.menu-link-depth-2.menu-link-selected span.icon-l {
    display: block;
}
#side_submenu ul.menu a.menu-link-depth-2.menu-link-selected span.icon-r {
    display: none;
}

#side_submenu ul.menu li.menu-item-depth-2.menu-item-has-menu a.menu-link-depth-2 {
    margin-left: -19px;
    padding-left: 29px;
}
#side_submenu ul.menu li.menu-item-depth-2.menu-item-has-menu a.menu-link-depth-2.hover {
    padding-right: 26px;
}
#side_submenu ul.menu li.menu-item-depth-2.submenu-hide-children a.menu-link-depth-2 {
    margin-left: -20px;
    padding-left: 30px;
}
#side_submenu ul.menu li.menu-item-depth-2.menu-item-has-menu a.menu-link-depth-2 span.icon-l {
    background: url(../images/submenu_icons.png) no-repeat -150px 0;
    display: none;
    height: 43px;
    left: 10px;
    position: absolute;
    top: 0;
    width: 13px;
}
#side_submenu ul.menu li.menu-item-depth-2.submenu-hide-children a.menu-link-depth-2 span.icon-l {
    background: url(../images/submenu_icons.png) no-repeat -50px 0;
    display: none;
    height: 43px;
    left: 12px;
    position: absolute;
    top: 0;
    width: 9px;
}
#side_submenu ul.menu li.menu-item-depth-2.menu-item-has-menu a.menu-link-depth-2 span.icon-r {
    background: url(../images/submenu_icons.png) no-repeat -100px 0;
    display: block;
    height: 43px;
    right: 10px;
    position: absolute;
    top: 0;
    width: 10px;
}
#side_submenu ul.menu li.menu-item-depth-2.submenu-hide-children a.menu-link-depth-2 span.icon-r {
    background: url(../images/submenu_icons.png) no-repeat 0 0;
    display: block;
    height: 43px;
    right: 11px;
    position: absolute;
    top: 0;
    width: 7px;
}

#side_submenu ul.menu li.menu-item-depth-2.menu-item-has-menu a.menu-link-depth-2.menu-link-selected {
    margin-left: 0;
    padding-left: 29px;
}
#side_submenu ul.menu li.menu-item-depth-2.submenu-hide-children a.menu-link-depth-2.menu-link-selected {
    margin-left: 0;
    padding-left: 30px;
}
#side_submenu ul.menu li.menu-item-depth-2.menu-item-has-menu a.menu-link-depth-2.menu-link-selected span.icon-l {
    display: block;
}
#side_submenu ul.menu li.menu-item-depth-2.menu-item-has-menu a.menu-link-depth-2.menu-link-selected span.icon-r {
    display: none;
}

#side_submenu ul.menu a.menu-link-depth-3 {
    border-bottom: 1px solid #b6e4f7;
    display: block;
    font-size: 12px;
    margin-left: -17px;
    position: relative;
    padding: 9px 34px 10px 37px;
    width: 206px;
}
@-moz-document url-prefix() {
    #side_submenu ul.menu a.menu-link-depth-3 {
        padding-top: 9px;
        padding-bottom: 12px;
    }
}
html.ie9 #side_submenu ul.menu a.menu-link-depth-3 {
    padding-top: 8px;
    padding-bottom: 11px;
}
*+html #side_submenu ul.menu a.menu-link-depth-3 {
    padding-top: 8px;
    padding-bottom: 11px;
    vertical-align: bottom;
}
* html #side_submenu ul.menu a.menu-link-depth-3 {
    vertical-align: bottom;
}
#side_submenu ul.menu a.menu-link-depth-3.hover {    
    padding-right: 46px;        
}
#side_submenu ul.menu a.menu-link-depth-3 span.icon-l {
    background: url(../images/submenu_icons.png) no-repeat -250px 0;
    display: none;
    height: 37px;
    left: 20px;
    position: absolute;
    top: 0;
    width: 8px;
}
#side_submenu ul.menu a.menu-link-depth-3 span.icon-r {
    background: url(../images/submenu_icons.png) no-repeat -200px 0;
    display: block;
    height: 37px;
    right: 25px;
    position: absolute;
    top: 0;
    width: 3px;
}
#side_submenu ul.menu a.menu-link-depth-3 span.title {
    display: block;
    line-height: 18px;
}

#side_submenu ul.menu a.menu-link-depth-3.menu-link-selected {
    background-color: #f5fcff;
    margin-left: 0;
}
#side_submenu ul.menu a.menu-link-depth-3.menu-link-selected span.icon-l {
    display: block;
}
#side_submenu ul.menu a.menu-link-depth-3.menu-link-selected span.icon-r {
    display: none;
}

/* /Submenu */

/* ==========================================================================
   book_cats
   ========================================================================== */

#book_cats.c1 {
    text-align: center;
}
#book_cats.c1 li {
    display: inline-block;
    margin: 0 3px;
}
*+html #book_cats.c1 li {
    display: inline;
    margin: 0 4px;
}
* html #book_cats.c1 li {
    display: inline;
    margin: 0 4px;
}
#book_cats.c1 li a {    
    background-color: #81c3de;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    height: 62px;
    overflow: hidden;
    padding: 13px 0 0 0;
    text-align: center;
    text-decoration: none;
    width: 75px;
}
#book_cats.c1 li a:hover {
    background-color: #5ba6c5;
}
#book_cats.c1 li.current a {
    background-color: #24789c;
}
#book_cats.c1 li a .title {
    display: block;
    font-family: "Malgun Gothic", Dotum, Gulim, Verdana, Arial, Sans-Serif;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: -1px;
    margin-bottom: 7px;
}
#book_cats.c1 li a .count {
    display: block;
    font-family: Arial, Sans-Serif;
    font-size: 27px;
    overflow: hidden;
    margin: 0 2px;
    width: 71px;
}

#book_cats.s1 li {
    float: left;
    margin: 0 17px 10px 0;
}
#book_cats.s1 li.last-col {
    margin-right: 0;
}
#book_cats.s1 li.last-row {
    margin-bottom: 0;
}
#book_cats.s1 li a {    
    background-color: #81c3de;
    color: #fff;
    display: block;
    height: 62px;
    overflow: hidden;
    padding: 13px 0 0 0;
    text-align: center;
    text-decoration: none;
    width: 75px;
}
#book_cats.s1 li a:hover {
    background-color: #5ba6c5;
}
#book_cats.s1 li.current a {
    background-color: #23789b;
}
#book_cats.s1 li a .title {
    display: block;
    font-family: "Malgun Gothic", Dotum, Gulim, Verdana, Arial, Sans-Serif;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: -1px;
    margin-bottom: 7px;
}
#book_cats.s1 li a .count {
    display: block;
    font-family: Arial, Sans-Serif;
    font-size: 27px;
    overflow: hidden;
    margin: 0 2px;
    width: 71px;
}

/* ==========================================================================
   author_indexes
   ========================================================================== */
   
#author_indexes.s1 li {
    float: left;
    margin: 0 8px 10px 0;
}
#author_indexes.s1 li.last-col {
    margin-right: 0;
}
#author_indexes.s1 li.last-row {
    margin-bottom: 0;
}
#author_indexes.s1 li a {    
    background-color: #81c3de;
    color: #fff;
    display: block;
    height: 60px;
    overflow: hidden;
    text-align: center;
    text-decoration: none;
    width: 59px;
}
#author_indexes.s1 li a:hover {
    background-color: #5ba6c5;
}
#author_indexes.s1 li.current a {
    background-color: #23789b;
}
#author_indexes.s1 li a .title {
    display: block;
    font-family: "Malgun Gothic", Dotum, Gulim, Verdana, Arial, Sans-Serif;
    font-size: 24px;
    font-weight: bold;
    letter-spacing: -1px;
    padding: 3px 0 6px 0;
}
#author_indexes.s1 li.total a .title {
    font-size: 14px;
    padding: 8px 0 11px 0;    
}
#author_indexes.s1 li a .count {
    display: block;
    font-family: Arial, Sans-Serif;
    font-size: 18px;
    overflow: hidden;
    margin: 0 2px;
    width: 55px;
}

/* ==========================================================================
   sub_cats
   ========================================================================== */

ul.sub_cats {
    overflow: hidden;
}
ul.sub_cats li {
    float: left;
    margin: 0 7px 10px 0;
}
ul.sub_cats li a {
    background-color: #f9f9f9;
    border: 1px solid #d7d7d7;
    color: #555;
    display: inline-block;
    font-family: Dotum, Gulim, Verdana, Arial, Sans-Serif;
    font-size: 12px;
    height: 18px;
    line-height: 18px;
    padding: 5px 8px 5px 10px;
    text-decoration: none;    
    white-space: nowrap;
}
ul.sub_cats li a:hover {
    border-color: #81c3de;
    color: #5ba6c5;
    text-decoration: none;
}
ul.sub_cats li.current a,
ul.sub_cats li.current a:hover {
    background-color: #81c3de;
    border-color: #81c3de;
    color: #fff;
    padding-left: 8px;
}
ul.sub_cats li a span.icon {
    background: url(../images/arrow_pointer_22.png) no-repeat 0 -7px;
    display: inline-block;
    height: 18px;
    margin-right: 2px;
    vertical-align: middle;
    width: 7px;
}
ul.sub_cats li a:hover span.icon {
    background-position: -50px -7px;
}
ul.sub_cats li.current a span.icon,
ul.sub_cats li.current a:hover span.icon {
    background-position: -100px -7px;
    margin-right: 1px;
    width: 10px;
}

/* ==========================================================================
   #search_form
   ========================================================================== */

#search_form {
    margin-bottom: 20px;
}
#search_form .searchform {
    height: 40px;
    width: 260px;
}
#search_form .searchform .box {
    background-color: #81c3de;
    height: 32px;
    padding: 4px;
    width: 252px;
}
#search_form .searchform .search_text {
    border: 0;
    color: #262626;
    float: left;
    font-family: Dotum, Gulim, Verdana, Arial, Sans-Serif;
    font-size: 14px;
    height: 32px;
    line-height: 20px;
    margin: 0 4px 0 0;
    width: 198px;
    padding: 0 9px;
}
html.ie8 #search_form .searchform .search_text {    
    height: 26px;
    padding-top: 6px;
}
*+html #side_searchform .searchform .search_text {    
    height: 26px;
    padding-top: 6px;
}
* html #search_form .searchform .search_text {    
    height: 26px;
    padding-top: 6px;
}
#search_form .searchform .search_text::-webkit-input-placeholder { /* WebKit browsers */
    color: #555;
}
#search_form .searchform .search_text:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #555;
}
#search_form .searchform .search_text::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #555;
}
#search_form .searchform .search_text:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #555;
}
#search_form .searchform .search_submit {
    background: url(../images/button_search.gif) no-repeat 0 0;
    border: 0;
    cursor: pointer;
    float: left;
    height: 32px;
    padding: 0;
    width: 32px;
}

#search_form.quarterly {
    margin-bottom: 10px;
}

/* ==========================================================================
   fd_menu
   ========================================================================== */

#fd_menu .closed .menu_more { 
    display: none;
}

/* prize */

#fd_menu.prize {
    margin: 0 0 26px 0;
}
#fd_menu.prize .menu_h {
    height: 45px;
}
#fd_menu.prize .menu_h .menu {
    background: #81c3de url(../images/icon_11_trophy.gif) no-repeat 13px 9px;
    border-right: 1px solid #fff;
    color: #fff;
    float: left;
    font-family: "Malgun Gothic", Dotum, Gulim, Verdana, Arial, Sans-Serif;
    font-size: 16px;
    font-weight: bold;
    height: 40px;
    line-height: 30px;
    overflow: hidden;
    padding: 5px 0 0 44px;
    text-overflow: ellipsis;
    width: 515px;
    white-space: nowrap;
}
#fd_menu.prize .menu_h .more {
    float: right;
    height: 45px;
    overflow: hidden;
    width: 110px;
}
#fd_menu.prize .menu_h .more a {
    background-color: #e5f7ff;    
    color: #3c90b3;
    display: block;
    font-size: 12px;
    height: 38px;
    line-height: 30px;
    padding: 7px 13px 0 0;
    text-align: right;
    text-decoration: none;
    width: 97px;
}
* html #fd_menu.prize .menu_h .more a {
    padding-top: 16px;
}
#fd_menu.prize .closed .menu_h .more a {
    background-color: #81c3de;
    color: #fff;
}
#fd_menu.prize .closed .menu_h .more a:hover {
    background-color: #3c90b3;
}
#fd_menu.prize .menu_h .more a .icon {
    background: url(../images/fd_menu_arrow_01.png) no-repeat 0 -100px;
    display: inline-block;
    height: 8px;
    vertical-align: middle;
    width: 12px;
}
#fd_menu.prize .closed .menu_h .more a .icon {
    background-position: 0 0;
}
#fd_menu.prize .closed .menu_h .more a:hover .icon {
    background-position: 0 -50px;
}
#fd_menu.prize .menu_more { 
    background-color: #e5f7ff;
    padding: 19px 20px 13px 20px;
}
#fd_menu.prize .menu_more ul li {
    float: left;
    margin: 0 6px 7px 0;
    min-width: 120px;
    text-overflow: ellipsis;    
    white-space: nowrap;
}
#fd_menu.prize .menu_more ul a {
    color: #262626;
    display: inline-block;
    font-family: Dotum, Gulim, Verdana, Arial, Sans-Serif;
    font-size: 12px;
    font-weight: normal;
    height: 22px;
    line-height: 23px;
    padding: 1px 10px 0 3px;
}
#fd_menu.prize .menu_more ul a:hover {
    color: #3c90b3;
}
#fd_menu.prize .menu_more ul li.current a {
    background-color: #81c3de;
    color: #fff;
    text-decoration: none;
}

/* recomd */

#fd_menu.recomd {
    margin: 0 0 26px 0;
}
#fd_menu.recomd .menu_h {
    height: 45px;
}
#fd_menu.recomd .menu_h .menu {
    background: #81c3de url(../images/icon_11_book.gif) no-repeat 13px 9px;
    border-right: 1px solid #fff;
    color: #fff;
    float: left;
    font-family: "Malgun Gothic", Dotum, Gulim, Verdana, Arial, Sans-Serif;
    font-size: 16px;
    font-weight: bold;
    height: 40px;
    line-height: 30px;
    overflow: hidden;
    padding: 5px 0 0 44px;
    text-overflow: ellipsis;
    width: 515px;
    white-space: nowrap;
}
#fd_menu.recomd .menu_h .more {
    float: right;
    height: 45px;
    overflow: hidden;
    width: 110px;
}
#fd_menu.recomd .menu_h .more a {
    background-color: #e5f7ff;    
    color: #3c90b3;
    display: block;
    font-size: 12px;
    height: 38px;
    line-height: 30px;
    padding: 7px 19px 0 0;
    text-align: right;
    text-decoration: none;
    width: 91px;
}
* html #fd_menu.recomd .menu_h .more a {
    padding-top: 16px;
}
#fd_menu.recomd .closed .menu_h .more a {
    background-color: #81c3de;
    color: #fff;
}
#fd_menu.recomd .closed .menu_h .more a:hover {
    background-color: #3c90b3;
}
#fd_menu.recomd .menu_h .more a .icon {
    background: url(../images/fd_menu_arrow_01.png) no-repeat 0 -100px;
    display: inline-block;
    height: 8px;
    vertical-align: middle;
    width: 12px;
}
#fd_menu.recomd .closed .menu_h .more a .icon {
    background-position: 0 0;
}
#fd_menu.recomd .closed .menu_h .more a:hover .icon {
    background-position: 0 -50px;
}
#fd_menu.recomd .menu_more { 
    background-color: #e5f7ff;
    padding: 19px 20px 13px 20px;
}
#fd_menu.recomd .menu_more ul li {
    float: left;
    margin: 0 6px 7px 0;
    min-width: 120px;
    text-overflow: ellipsis;    
    white-space: nowrap;
}
#fd_menu.recomd .menu_more ul a {
    color: #262626;
    display: inline-block;
    font-family: Dotum, Gulim, Verdana, Arial, Sans-Serif;
    font-size: 12px;
    font-weight: normal;
    height: 22px;
    line-height: 23px;
    padding: 1px 10px 0 3px;
}
#fd_menu.recomd .menu_more ul a:hover {
    color: #3c90b3;
}
#fd_menu.recomd .menu_more ul li.current a {
    background-color: #81c3de;
    color: #fff;
    text-decoration: none;
}

/* quarterly */

#fd_menu.quarterly {
    margin: 0 0 20px 0;
}
* html .page-template-pagechildren-quarterly-list-php #fd_menu {
    margin: 0 0 20px 0;
}
#fd_menu.quarterly .menu_h {
    height: 45px;
}
#fd_menu.quarterly .menu_h .menu {
    background: #81c3de url(../images/icon_11_book.gif) no-repeat 13px 9px;
    border-right: 1px solid #fff;
    color: #fff;
    float: left;
    font-family: "Malgun Gothic", Dotum, Gulim, Verdana, Arial, Sans-Serif;
    font-size: 16px;
    font-weight: bold;
    height: 40px;
    line-height: 30px;
    overflow: hidden;
    padding: 5px 0 0 44px;
    text-overflow: ellipsis;
    width: 469px;
    white-space: nowrap;
}
#fd_menu.quarterly .menu_h .more {
    float: right;
    height: 45px;
    overflow: hidden;
    width: 156px;
}
#fd_menu.quarterly .menu_h .more a {
    background-color: #e5f7ff;    
    color: #3c90b3;
    display: block;
    font-size: 12px;
    font-weight: bold;
    height: 45px;
    line-height: 30px;
    padding: 0 14px 0 0;
    text-align: right;
    text-decoration: none;
    width: 142px;
}
#fd_menu.quarterly .closed .menu_h .more a {
    background-color: #81c3de;
    color: #fff;
}
#fd_menu.quarterly .closed .menu_h .more a:hover {
    background-color: #5ba6c5;
}
#fd_menu.quarterly .menu_h .more a .icon {
    background: url(../images/fd_menu_icon_01.png) no-repeat -100px 0;
    display: inline-block;
    height: 45px;
    margin-left: 6px;    
    vertical-align: middle;
    width: 9px;
}
#fd_menu.quarterly .closed .menu_h .more a .icon {
    background-position: 0 0;
}
#fd_menu.quarterly .closed .menu_h .more a:hover .icon {
    background-position: -50px 0;
}
#fd_menu.quarterly .menu_more { 
    background-color: #e5f8ff;
    padding: 10px 11px 16px 11px;
}
#fd_menu.quarterly .menu_more ul {
    background-color: #fff;
    border: 1px solid #c3c3c3;
    max-height: 180px;
    overflow-y: auto;
    padding: 9px 20px 11px 14px;
    *zoom: 1;
}
#fd_menu.quarterly .menu_more ul li a {
    color: #555;
    font-size: 12px;
    line-height: 20px;
}
#fd_menu.quarterly .menu_more ul li a:hover {
    color: #3c90b3;
}

/* ==========================================================================
   quarterly_list_s1, quarterly_see_all_s1
   ========================================================================== */

#quarterly_list_s1 {
    font-family: Dotum, Gulim, Verdana, Arial, Sans-Serif;
    margin-bottom: 10px;
}
#quarterly_list_s1 > li {
    margin-bottom: 2px;
}
*+html #quarterly_list_s1 li {
    margin-bottom: 2px;
}
* html #quarterly_list_s1 li {
    margin-bottom: 2px;
}
#quarterly_list_s1 li a.year {
    background-color: #dff6ff;
    color: #3c90b3;
    display: block;
    font-size: 12px;
    font-weight: bold;
    line-height: 22px;
    padding: 6px 40px 8px 19px;
    position: relative;
    text-decoration: none;
}
*+html #quarterly_list_s1 li a.year {
    zoom: 1;
}
* html #quarterly_list_s1 li a.year {
    zoom: 1;
}
#quarterly_list_s1 li a.year:hover {
    background-color: #c8ebf8;
    color: #3c90b3;
}
#quarterly_list_s1 li.on a.year {
    background-color: #7cc3e0;
    color: #fff;
}
#quarterly_list_s1 li a.year span.icon {
    background: url(../images/q_side_list_icons.png) no-repeat 0 0;
    display: block;
    height: 36px;
    right: 19px;
    position: absolute;
    top: 0;
    width: 13px;
}
#quarterly_list_s1 li a.year:hover span.icon {
    background-position: -50px 0;
}
#quarterly_list_s1 li.on a.year span.icon {
    background-position: -100px 0;
}
#quarterly_list_s1 li a.vol {
    display: block;
    background-color: #7cc3e0;
    color: #fff;
    font-size: 11px;
    line-height: 22px;
    padding: 4px 40px 4px 39px;
    position: relative;
    text-decoration: none;
}
*+html #quarterly_list_s1 li a.vol {
    zoom: 1;
}
* html #quarterly_list_s1 li a.vol {
    zoom: 1;
}
#quarterly_list_s1 li a.vol span.icon {
    background: url(../images/q_side_list_icons.png) no-repeat -150px 0;
    display: block;
    height: 30px;
    left: 19px;
    position: absolute;
    top: 0;
    width: 8px;
}
#quarterly_list_s1 li a.vol:hover {
    background-color: #5ba6c5;
}
#quarterly_list_s1 li a.vol:hover span.icon {
    background-position: -200px 0;
}
#quarterly_list_s1 li.current a.vol {
    background-color: #5ba6c5;
}
#quarterly_list_s1 li.current a.vol span.icon {
    background-position: -200px 0;
}

#quarterly_list_s1 li ul {
    display: none;
}
#quarterly_list_s1 li.on ul {
    display: block;
}
*+html #quarterly_list_s1 ul li {
    margin-bottom: 0;
}
* html #quarterly_list_s1 ul li {
    margin-bottom: 0;
}

#sidebar #quarterly_see_all_s1 {
    margin-bottom: 20px;
}
#quarterly_see_all_s1 a.year {
    background-color: #dff6ff;
    color: #3c90b3;
    display: block;
    font-size: 12px;
    font-weight: bold;
    line-height: 22px;
    padding: 6px 40px 8px 19px;
    position: relative;
    text-decoration: none;
}
*+html #quarterly_see_all_s1 a.year {
    zoom: 1;
}
* html #quarterly_see_all_s1 a.year {
    zoom: 1;
}
#quarterly_see_all_s1 a.year span.icon {
    background: url(../images/q_side_list_icons.png) no-repeat -250px 0;
    display: block;
    height: 36px;
    right: 21px;
    position: absolute;
    top: 0;
    width: 9px;
}
#quarterly_see_all_s1 a.year:hover {
    background-color: #c8ebf8;
    color: #3c90b3;
}
#quarterly_see_all_s1 a.year:hover span.icon {
    background-position: -300px 0;
}
#quarterly_see_all_s1.on a.year {
    background-color: #7cc3e0;
    color: #fff;
}
#quarterly_see_all_s1.on a.year span.icon {
    background-position: -350px 0;
}
#quarterly_see_all_s1 .inside {
    background-color: #7cc3e0;
    padding: 0 10px 10px 10px;
}
#quarterly_see_all_s1 .inside {
    display: none;
}
#quarterly_see_all_s1.on .inside {
    display: block;
}
#quarterly_see_all_s1 .inside ul {
    background-color: #fff;
    max-height: 250px;
    overflow-y: auto;
    padding: 10px 20px 10px 15px;
    *zoom: 1; /* IE6, IE7 */
}
#quarterly_see_all_s1 .inside ul li a {
    color: #555;
    font-size: 12px;
    line-height: 20px;
}
#quarterly_see_all_s1 .inside ul li a:hover {
    color: #3c90b3;
}

.quarterly-title {
	margin-bottom: 15px;
	font-weight: bold;
	border-bottom: 1px solid #B6E4F7;
	padding-bottom: 10px;
}


.submenu-hide-mypage {
	display: none;
}