@CHARSET "UTF-8";
/*---------------------------------------------------------------*/
/*교과연계-사용자-header/footer css file
/*author:조윤주
/*update:2017.03.29
/*---------------------------------------------------------------*/

/*-----------------------------header----------------------------*/

/*1.header Layout*/
header{
  position: relative;
  width:100%;height:240px;
  background:#fff;
  border-bottom:1px solid #969696;
  border-top: 1px solid #969696;
  font-family: 'Nanum Gothic', sans-serif;
  box-sizing:border-box;
}
.img_title {position: relative;width: 100%; height: 150px; background: url(../img/00_common/title.jpg) no-repeat 50%; background-size: 70%; border-bottom: 1px solid #e8e8e8;}
.wrap_1200{position: relative;width: 1200px;margin:0 auto;}
/*header>*{float:left;} */

/*2.header_logo*/
.header_logo{float:left;margin:35px 0 0 10px;} 
.header_logo > img { cursor: pointer; position: relative; z-index: 10001; }
.header_library_name {float:left;margin:20px 0 0 30px;color:#fff;font-weight:bold;}

/*  메뉴  */
.menu {
  position: fixed;
  z-index: 3;
  top:1200px;
  right:-312.5px;
  width: 625px;
  height: 625px;
  border-radius:625px;
  zoom: 70%;
}
.menu-box {
  background:#d2d2d1;
  width: 625px;
  height: 625px;
  border-radius:625px;
  position: absolute;
  top:0;
  left:0;
  z-index: 4;
  opacity: 1;
  transition:all 0.4s;
}
.menu-box.off {
  left:313px;
  opacity: 0;
}
.menu-txt {
  width: 212px;
  height: 215px;
  border-radius:215px;
  background:#19224b;
  position: absolute;
  top:50%;
  left:50%;
  margin-top:-107.5px;
  margin-left:-106px;
  color:#fff;
  font-size:30px;
  line-height: 1;
  text-align: left;
  padding-left: 60px;
  z-index: 5;
  outline: none;
}
.menu-list {
  color:#18214a;
  font-size:30px;
  font-weight: bold;
  position: absolute;
}
.menu-home {
  background:url('../img/00_common/menu_icon1_off.png') no-repeat top;
  top:60px;
  left:190px;
  padding-top: 60px;
}
.menu-home:hover, .menu-home.on {
  background:url('../img/00_common/menu_icon1_on.png') no-repeat top;
}
.menu-ecobooks {
  background:url('../img/00_common/menu_icon2_off.png') no-repeat top;
  top:180px;
  left:63px;
  padding-top: 70px;
}
.menu-ecobooks:hover, .menu-ecobooks.on {
  background:url('../img/00_common/menu_icon2_on.png') no-repeat top;
}
.menu-ebook {
  background:url('../img/00_common/menu_icon3_off.png') no-repeat top;
  top:340px;
  left:81px;
  padding-top: 70px;
}
.menu-ebook:hover, .menu-ebook.on {
  background:url('../img/00_common/menu_icon3_on.png') no-repeat top;
}
.menu-schoolbooks {
  background:url('../img/00_common/menu_icon4_off.png') no-repeat top;
  top:443px;
  left:185px;
  padding-top: 70px;
}
.menu-schoolbooks:hover, .menu-schoolbooks.on {
  background:url('../img/00_common/menu_icon4_on.png') no-repeat top;
}

/**********/

/*
이벤트 팝업
*/
#event_black_back {
  z-index: 500;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  font-family: 'Nanum Gothic', sans-serif;
  background: rgba(0,0,0,0.3);
}
.event_pop_up {
    position: relative;
    margin: 0 auto;
    color: rgba(0,0,0,0);
    width: 1200px;
    height: 1000px;
    background: url(../img/00_common/event_popup.png) no-repeat;
    background-size: cover;
} 
input.btn_go_event {
    position: absolute;
    bottom: 70px;
    left: 95px;
    margin: 0 auto;
    width: 1000px;
    height: 96px;
    background: url(../img/00_common/go_novel_off.png) no-repeat;
    background-size: contain;
}

input.btn_go_event:hover {
    background: url(../img/00_common/go_novel_on.png) no-repeat;
    background-size: contain;
}

input#event_btn_close{
	position: absolute;
	top: 57px;
    right: 70px;
    height: 40px;
    width: 40px;
}

/*3.교과연계/독서토론 버튼*/
.header_center {
  text-align:center;
   margin-top: 0;
   height:90px;
   box-sizing:border-box;
    padding-top: 25px;
}
.header_center input {
	margin: 0 0 0 100px;
  	padding-left:48px;
	width: auto;
	height:50px;
	line-height: 48px;
	font-size: 17px;
  	font-weight: bold;
	color: #636363;
	font-family: 'Nanum Gothic', sans-serif;
}


.header_center input.btn_subject{
  margin-left: 0;
  background: url(../img/00_common/icon-subject-off.png) 0 3px no-repeat;
}
.header_center input.btn_career{
  background: url(../img/00_common/icon-career-off.png) 0 3px no-repeat;
}
.header_center input.btn_refine{
  background: url(../img/00_common/icon-refine-off.png) 0 5px no-repeat;
}
.header_center input.btn_discussion{
  background: url(../img/00_common/icon-discussion-off.png) 0 5px no-repeat;
}
.header_center input.btn_subject:hover
,.header_center input.btn_subject.on{
  background: url(../img/00_common/icon-subject-on.png) 0 3px no-repeat;
}
.header_center input.btn_career:hover
,.header_center input.btn_career.on{
  background: url(../img/00_common/icon-career-on.png) 0 3px no-repeat;
}
.header_center input.btn_refine:hover
,.header_center input.btn_refine.on{
  background: url(../img/00_common/icon-refine-on.png) 0 5px no-repeat;
}
.header_center input.btn_discussion:hover
,.header_center input.btn_discussion.on{
  background: url(../img/00_common/icon-discussion-on.png) 0 5px no-repeat;
}
.header_center input.on,
.header_center input:hover {
  color:#F4792B;
}
.header_center input:focus{
  outline: none;
}
/*4.Login/my_page 버튼*/
input.btn_my_page{
  position:absolute; 
  right:0; 
  top: 50px;
  text-indent:30px;
  width:150px;
  max-width: 150px; 
  height:28px; 
  background:url(../img/00_common/m-icon-member.png) no-repeat 5px 5px,#006637; 
  background-size:20px;
  color: #ffffff;
  text-align: left;
  font-family: 'Nanum Gothic', sans-serif;
  font-size: 14px; font-weight: bold;
}
input.btn_go_login{
  position: absolute;
  right: 0;
  top: 50px;
  width: 94px;
  max-width: 150px;
  height: 28px;
  background: #006637;
  color: #ffffff;
  font-family: 'Nanum Gothic', sans-serif;
  font-size: 14px;
  text-indent: 10px;
  text-align: left;
  font-weight: bold;
}
input.btn_my_page:focus,input.btn_go_login:focus{outline:none;}
/*****************************************************************/
/* 5. 마이페이지 말풍선                                         */
/*****************************************************************/
.balloon{
  display: none;
  position: absolute;
  right:20px;top:96px;
  padding: 17px;
  width: 110px; height: 130px;
  background: url(../img/04_mypage/mypage-baloon.png);
  box-sizing: border-box;
  z-index: 100;
}
.balloon a{
  line-height: 32px;
  font-size: 14px;
  color:#5a5a5a;
}
.balloon li:hover>a{
  color:#1e78c8;
  font-weight: bold;
}
/*----------------------------footer----------------------------*/
/*1.footer layout*/
footer{
  background:#707070;
  /* position:bloc k; */
  position: relative;
  width:100%;height:192px;
  font-family: 'Nanum Gothic', sans-serif;
}
.footer_logo_wrap, .footer_info{
  float:left;
}
.btn_footer_wrap{
  float:right;
}
/*2.footer text*/
.footer_logo_wrap{
  margin-top:67px;
  opacity: .6
}
.footer_info{
  margin:52px 0 0 100px;
  font-weight: bold;
  font-size: 13px;
  color:#fff;
  line-height: 1.3em;
}
.footer_address{
  font-weight: normal;
  font-size:12px;
  line-height:1.2em

}
.btn_footer_wrap{
  margin-top:130px;
  color:#fff;
}
.btn_footer_wrap input{
  color:#fff;
  font-size:15px;
  font-weight: bold;
}
/*퀵메뉴*/
.content_inner, .all_book_list, .content_detail { position: relative; }
.quick_wrap{
  position: absolute; right:0;
  z-index:10; color:rgba(0,0,0,0);
  width: 60px;height:auto;
  font-size:0;
  background:#fff;
  box-shadow:0 0px 5px 1px rgba(0,0,0,.3);
}
.quick_menu{}
.quick_menu li{
  width: 100%; height: 60px;
  cursor: pointer;
  background: #e8e8e8;
  border-top:1px solid #cccccc;
}
.quick_menu li img{width: 60px;}
.quick_menu li:nth-child(1){border-top:0;}
.quick_menu li:hover{
  background: #dcdcdc;
}
.quick_wrap a{
  display: inline-block;
  width: 100%; height:30px;
  color:rgba(0,0,0,0);
  font-size:0px;
  text-align: center;
  overflow:hidden;
}
a.btn_top{background: url(../img/00_common/side_top_off.png) no-repeat center, #006536;background-size:70%;}
a.btn_bottom{background: url(../img/00_common/side_bottom_off.png) no-repeat center, #006536;background-size:70%;}

.quick_max, .quick_min { display: none; line-height: 30px; }
.is_on_tablet {}
.m_modal_bg {
	display: none;
}
.m_nav_box{
	display: none;
}
div#content{
	min-height:2500px !important;
}