@charset "utf-8";
@import url(//fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  src: url(../font/NotoSans-Regular.eot);
  src: url(../font/NotoSans-Regular.eot?#iefix) format('embedded-opentype'),
       url(../font/NotoSans-Regular.woff) format('woff'),
       url(../font/NotoSans-Regular.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR M';
  font-style: normal;
  font-weight: 500;
  src: url(../font/NotoSans-Medium.eot);
  src: url(../font/NotoSans-Medium.eot?#iefix) format('embedded-opentype'),
       url(../font/NotoSans-Medium.woff) format('woff'),
       url(../font/NotoSans-Medium.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR B';
  font-style: normal;
  src: url(../font/NotoSans-Bold.eot);
  src: url(../font/NotoSans-Bold.eot?#iefix) format('embedded-opentype'),
       url(../font/NotoSans-Bold.woff) format('woff'),
       url(../font/NotoSans-Bold.otf) format('opentype');
}

@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 100; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype'); 
} 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 300; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype'); 
} 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 400; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype'); 
 } 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 500; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype'); 
 } 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 700; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype'); 
 } 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 900; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype'); 
 } 

@font-face{
  font-family: "Nanum Square"; 
  src: url("../font/nanumsquare.eot"); src:local(※);
  src: url("../font/nanumsquare.eot?#iefix") format("embedded-opentype"), url("../font/nanumsquare.woff") format("woff"), url(nanumsquare.ttf) format('truetype');
}

@font-face{
  font-family: "Nanum Myeongjo"; 
  src: url("../font/nanummyeongjo.eot"); src:local(※);
  src: url("../font/nanummyeongjo.eot?#iefix") format("embedded-opentype"), url("../font/nanummyeongjo.woff") format("woff"), url(nanummyeongjo.ttf) format('truetype');
}

/* reset */
* { -webkit-tap-highlight-color: rgba(0, 0, 0, 0);margin:0;padding:0; box-sizing:border-box; }
html {font-family:'Noto Sans KR', 'dotum', sans-serif;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%; color:#333; font-size:16px;overflow-y:scroll;}
body {height:140%;background:#f6f6f6;}
html,body,div,p,span,a,img,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,form,input,select,textarea,button,label,fieldset,table,tr,td,th,tbody,thead,tfoot,caption,video,strong,em,i,b{margin:0;padding:0; box-sizing:border-box; -moz-box-sizing:border-box}
html::-webkit-scrollbar {width:0; height:0; background:none;}
img,a,fieldset{border:0 none;}
ul,ol,li{list-style:none}
img {border:0;}
table {border-collapse: collapse;border-spacing: 0;}
li, p, dt, dd, div, span {word-break:break-all;}
legend,caption {display:none;}
h1,h2,h3,h4,h5,h6,strong,b,th { font-weight:500; }
a{text-decoration:none;color:#333;}
a:focus, input:focus, button:focus{outline:none}
a,span,strong,p,em,i.b{line-height:inherit; color:inherit; font-size:inherit}
a:hover, a:active {
	color:#265e88;
	-ms-transition: all .1s;
	-webkit-transition: all .1s;
	-o-transition: all .1s;
	-moz-transition: all .1s;
	transition: all .1s;
}

/* ::selection {background:#0e6eb8;color:#fff;}
::-moz-selection {background:#0e6eb8;color:#fff;} */


/* 공통 */
.fl {float:left;}
.fr {float:right;}
.clearfix:after {content:"";display:block;height:0;clear:both;visibility:hidden;}
::-webkit-input-placeholder {color:#656565 !important;font-size:16px;}
::-moz-placeholder {color:#656565 !important;font-size:16px;}
:-ms-input-placeholder{color:#656565 !important;font-size:16px;}
:-moz-placeholder{color:#656565 !important;font-size:16px;}

.mt10 {margin-top:10px;}
.mt20 {margin-top:20px;}
.mr10 {margin-right:10px;}
.ml10 {margin-left:10px;}
.mb10 {margin-bottom:10px;}
.mb20 {margin-bottom:20px;}

.bg_none { background:none !important; }
.bd_none { border:none !important;  }

.pc_hidden { display:none !important; }

/* input */
input[type=text], input[type=password], select { border:1px solid #ddd; min-height:40px; }
.input_txt { border:1px solid #ddd; padding:0 6px; }
.input_l { width:100%; }
.input_m { width:40%; }
.input_s { width:10%; }
input[type=file] { min-height:32px; }
input[type=checkbox], input[type=radio] {vertical-align:middle;}


/* txt */
.txt_point {color:#ff3232;}
.txt_point2 {color:#5194c7;}
.txt_l {text-align:left !important;}
.txt_c {text-align:center !important;}
.txt_r {text-align:right !important;}
.basic_txt_area{ word-break:keep-all; line-height:155%; }
.basic_txt_area strong:first-child { font-size:16px; display:block; margin-bottom:10px; }
.txt_small { font-size:13px; }


/* btn 버튼 */
.btn_area { margin-top:40px; text-align:center; }
.btn_area a { margin-right:10px; }
.btn_area a:last-child { margin-right:0; }
.btn_cancel { display:inline-block; width:160px; height:58px; line-height:58px; background:#5c7285; color:#fff; text-align:center; font-weight:500; font-size:18px; }
.btn_cancel:hover { background:#485c6c; color:#fff; }
.btn_confirm { display:inline-block; width:160px; height:58px; line-height:58px; background:#265e88; color:#fff; text-align:center; font-weight:500; font-size:18px; }
.btn_confirm:hover { background:#194a6f; color:#fff; }


/******** header ********/
#headerWrap { width:100%; background:#5194c7; }
#header { width:1050px; height:80px; margin:0 auto; }
#header h1 { float:left; margin-top:10px; }
#header .btn_search {float:left; cursor:pointer; margin-top:26px; margin-left: 720px;}
#header .btn_all { float:right; cursor:pointer; margin-top:28px; }

/* 전체보기 */
#menu-wrapper {
    overflow: hidden;
    max-width: 100%;
    cursor: pointer;
}

/*#menu-container #menu-wrapper #hamburger-menu {
    position: relative;
    width: 25px;
    height: 20px;
    margin: 15px;
}
*/

#menu-container #menu-wrapper #hamburger-menu span {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    right: 0;
    display: block;
    width: 100%;
    height: 2px;
    border-radius: 10px;
    color: black;
    background-color: white;
    position: absolute;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
}

#menu-container #menu-wrapper #hamburger-menu span:nth-child(1) {
    top: 0;
}
#menu-container #menu-wrapper #hamburger-menu span:nth-child(2) {
    top: 9px;
}
#menu-container #menu-wrapper #hamburger-menu span:nth-child(3) {
    top: 18px;
}
#menu-container #menu-wrapper #hamburger-menu.open span:nth-child(1) {
    top: 9px;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}
#menu-container #menu-wrapper #hamburger-menu.open span:nth-child(2) {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    left: -60px;
}
#menu-container #menu-wrapper #hamburger-menu.open span:nth-child(3) {
    top: 9px;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
}
#menu-container .menu-list .menu-submenu {
	padding:10px 0;
}
#menu-container .menu-list .menu-submenu li{
	/* border-top:1px #dcdcdc solid; */
    padding: 10px 10px 10px 40px;
	background:#fff;
	letter-spacing:-1.0px;
}

#menu-container .menu-list .menu-submenu li:fiart-child{
	border-top:none;
}

#menu-container .menu-list {
    display: block;
    position: absolute;
    width: 100%;
	height: 100%; 
	overflow-y: auto;
    max-width: 470px;
    box-shadow: rgba(100,100,100,0.2) 6px 2px 10px;
    z-index: 999;
    overflow-x: hidden;
    right: -100%;
	top:0px;
	box-sizing:border-box;	
}
#menu-container .menu-list ul {
	/* height: 100%; 
	overflow-y: auto;  */
	background: #fff;
}	
#menu-container .menu-list li.accordion-toggle:last-child { 
	margin-bottom:85px; 
}
#menu-container .menu-list li.accordion-toggle, #menu-container .menu-list .menu-login {
    font-size: 18px;
	color:#000;
    padding: 15px;
    text-transform: uppercase;
    /* border-top: 1px solid #dbdcd2; */
    padding-left: 40px;
    background: url(../images/li_bullet2.gif) no-repeat 20px 25px #f5f5f5;
	letter-spacing:-0.5px;
	line-height:34px;
}

#menu-container a .menu-list a li.accordion-toggle a, #menu-container .menu-list a .menu-login a {
	color:#000 !important;
}

#menu-container .menu-list .menubar {
    font-size: 14px;
	color:#fff;
	font-weight:100;
    padding: 24px 20px 24px 20px;
    text-transform: uppercase;
    border-top: none;
    padding-left: 40px;
    background:#5194c7;
	width:100%;
	height:80px;
}

#menu-container .menu-list .menubar a {
    font-size: 18px;
	color:#fff;
	font-weight:400;	
    padding: 20px;
	background:url(../images/common/bar.png) right 26px no-repeat; 
}
#menu-container .menu-list .menubar a:last-child { background:none; }
#menu-container .menu-list .btn_close {
	position:absolute;
	top:27px;
	right:15px;
	z-index:1000;
	cursor:pointer;
}
.accordion-toggle {
	font-weight:500;
	border-bottom:1px solid #ddd; 
}
.accordion-toggle, .accordion-content {
    cursor: pointer;
    font-size: 16px;
    position: relative;
	height:auto !important; 
}
.accordion-content .dep2_tit {
	border-bottom:0; 
	font-size:18px; 
	font-weight:500;
	color:#ae7055; 
	padding: 15px 15px 0 40px !important;
}

.accordion-content {
    display: none;
	border-bottom:1px solid #ddd;
}
.accordion-toggle span[class^='icon-'] {
    position: absolute;
    right: 10px;
    font-size: 30px;
    top: calc(50% 20px);
	color:#347ab7;
}
.accordion-toggle span.icon-plus, .accordion-toggle span.icon-minus {
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}
.accordion-toggle span.icon-plus {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
}
.icon-minus:before {
    content: "\2013"
}

.icon-plus:before {
    content: "+"
}

.dim { display:none; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:99; }


/******** footer ********/
#footerWrap { background:#303539; }
#footer { overflow:hidden; width:1050px; height:100px; margin:0 auto; padding:16px 0; color:#bbb; font-size:13px; line-height:150%; }
#footer .address { float:left; }
#footer .call { float:right; margin-top:10px; font-size:16px; background:#282b2e; padding:12px 20px; color:#fff; letter-spacing:0.5px; }
.footer_move { position:fixed; bottom:100px; right:3%; }
.footer_move a { display:block; background:rgba(255,255,255,0.6); width:40px; height:40px; text-align:center; padding:12px 0; border:1px solid #ddd; }
.footer_move a img { width:18px; }


/* 로그인 */
.login_wrap {width:50%;margin:0 auto;text-align:center;}
.login_tit h3 {font-size:40px;line-height:40px;font-weight:normal;}
.login_tit .sub_txt {color:#666;margin:15px 0 25px 0;}
.login_input {width:100%;}
.login_input .txt_box {width:100%;padding:0 10px;height:50px;line-height:50px;}
.login_input input[type=text] {margin-bottom:5px;}
input::-webkit-input-placeholder {font-size:14px;color:#999;}
input::-moz-input-placeholder {font-size:14px;color:#999;}
input:-ms-input-placeholder {font-size:14px;color:#999;}
input:-moz-input-placeholder {font-size:14px;color:#999;}
.login_input .remember_id {font-size:14px;text-align:left;color:#666;margin-top:5px;}
.login_input input[type=submit] {margin-top:25px;width:100%;border:0;height:55px;line-height:55px;background:#5194c7;color:#fff;font-size:18px;cursor:pointer;}
.login_input input[type=submit]:hover, .login_input input[type=submit]:active {background:#4484b4;}
.login_footer {border-top:1px solid #ddd;margin-top:30px;padding-top:20px;font-size:14px;color:#999;}
.login_footer p:first-child {margin-bottom:5px;}
.login_footer a {color:#333;}
.login_footer a:hover {color:#5194c7;text-decoration:underline;}
.id_pw_sch .sch_id{color:#5194c7;}


/* layout */
#container { width:1050px; margin:20px auto 40px; }
#container h2 { font-size:28px; margin-bottom:20px; }
.contents { background:#fff; border:1px solid #ddd; padding:45px; }
.contents .top_txt { border-top:2px solid #5194c7; border-bottom:1px solid #ccc; text-align:center; font-size:18px; padding:22px 0; }

/* 도서목록 */
.book_list { overflow:hidden; margin-top:50px;         display: flex;
        flex-wrap: wrap;
        align-items: stretch;}
.book_list li { width:33.3%; text-align:center;margin-bottom: 30px;}
.book_list li .book_img { width:220px; height:300px; box-shadow:5px 5px 10px rgba(0, 0, 0, 0.2); margin:0 auto; }
.book_list li .book_img img { width:100%; height:100%; }
.book_list li .book_tit { font-size:18px; margin-top:10px; font-weight:500; text-align:center; }
.book_list li .book_code { display:inline-block; margin-top:10px; width:38%; background:#ebebeb; color:#666; font-size:14px; text-align:center; }
.book_list li .book_price { text-align:center; }

/* 도서등록 */
.book_regist { text-align:center !important; margin-top:50px; }
.book_regist .book_img { width:220px; height:300px; box-shadow:5px 5px 10px rgba(0, 0, 0, 0.2); margin:0 auto; }
.book_regist .book_img img { width:100%; height:100%; }
.book_regist .book_tit { font-size:18px; margin-top:10px; font-weight:500; text-align:center; }
.book_regist input[type=text] { margin-top:15px; width:220px; background:#ebebeb; text-align:center; }

/* 도서메인 */
.main_wrap { text-align:center; }
.book_img { position:relative; width:436px; height:600px; margin:0 auto; cursor:pointer; }
.book_img img { width:100%; height:100%; }
.main_wrap .go_wrap {
	position:absolute;
	bottom:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.5);
	text-align:center;
	z-index:999;
	/*-webkit-transform: translateY(50px);
   -moz-transform: translateY(50px);
   -o-transform: translateY(50px);
   -ms-transform: translateY(50px);
   transform: translateY(50px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);*/
   opacity: 0;
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}
.main_wrap .go_wrap a { margin-top:60%; position:relative; }
.main_wrap .go_wrap a .go_arrow { display:inline-block; width:10px; height:18px; background:url(../images/common/arrow_w.png) 0 0 no-repeat; vertical-align:middle; position:absolute; right:15px; top:21px; }
.book_img:hover .go_wrap {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
}

/* 도서 보기 view */
.table_contents_wrap h3 { position:relative; background:#fff; border:1px solid #ddd; height:58px; line-height:58px; font-size:20px; padding-left:30px; cursor:pointer; }
.table_contents_wrap h3:hover { background:#fcfcfc; }
.table_contents_wrap h3 .btn_more { position:absolute; top:0; right:0; display:inline-block; width:56px; height:58px; border-left:1px solid #ddd;  background-image:url(../images/common/arrow_top.png); background-position:center 40%; background-repeat:no-repeat; }
.table_contents { overflow:hidden; background:#fff; border-right:1px solid #ddd; border-bottom:1px solid #ddd; border-left:1px solid #ddd; padding:25px 45px; }
.table_contents .left, .table_contents .center, .table_contents .right { float:left; width:33.3%; }
.table_contents .one { margin-bottom:25px; }
.table_contents .dep1_tit { font-size:18px; color:#265e88; font-weight:500; cursor: pointer;}
.table_contents ul { margin-top:10px; font-size:14px; }
.table_contents ul li { margin-bottom:3px; }
.table_contents ul li:hover { text-decoration:underline; }
.table_contents ul .dep2_tit { font-size:16px; color:#ae7055; margin-top:10px; }
.table_contents ul .dep2_tit:hover { text-decoration:none; }
.table_contents .dep2_list dd { display:none;}



.book_page_wrap { margin-top:20px; background:#fff; border:1px solid #ddd; padding:25px 45px; }
.book_page_wrap .page_tit { border-top:2px solid #5194c7; border-bottom:1px solid #ddd; text-align:center; font-size:24px; font-weight:500; padding:12px 0; }

.page_contents { font-family:"Nanum Myeongjo",dotum; font-size:14px; }
.page_contents h4, .page_contents h5, .page_contents h6 { font-family:'Noto Sans KR', 'dotum', sans-serif; }
.page_contents h4 { margin-top:30px; font-size:18px; color:#8e5576; padding-left:1.3em; text-indent:-1.5em;}
.page_contents h5 { color:#265e88; font-size:16px; margin-top:20px; padding-left:1.3em; text-indent:-1.3em;}
.page_contents h6 { color:#ae7055; font-size:15px; margin-top:15px; padding-left:1.3em; text-indent:-1.3em;}
.page_contents .basic_list { margin-top:8px; }
.page_contents .basic_list li { background:url(../images/common/list_bullet.png) 0 8px no-repeat; padding-left:12px; margin-bottom:5px; line-height:160%; word-break:keep-all; }
.page_contents .img_area { margin-top:20px; }
.page_contents .txt_img { color:#8e5576; }
.page_contents .basic_list li:last-child { margin-bottom:0; }
.book_page_wrap .move_wrap { position:absolute; top:500px; margin-left:-1px; }
.book_page_wrap .move { /* width:1050px; margin:0 auto; position:fixed; right:0; */ }
.book_page_wrap .move a { display:block; background:#fff; width:58px; height:58px; text-align:center; padding:16px 0; }
.book_page_wrap .move a:hover { background:#f8f8f8; }
.book_page_wrap .move .btn_prev { border:1px solid #ddd; }
.book_page_wrap .move .btn_next { border-right:1px solid #ddd; border-left:1px solid #ddd; }
.book_page_wrap .move .btn_top { border:1px solid #ddd; }

.paging { margin-top:45px; text-align:center; }
.paging .pg_btn { display:inline-block; background:#fff; width:58px; height:58px; text-align:center; padding:16px 0; border:1px solid #ddd; }
.paging .pg_btn:hover { background:#f8f8f8; }
.paging .pg_btn:last-child { margin-left:-5px; }

.page_contents .half{display:block; padding-left:0.7em; text-indent:-0.7em; line-height:180%;}
.page_contents .one{display:block; padding-left:1.3em; text-indent:-1.3em; line-height:180%;}
.page_contents .one_t{display:block; padding-left:1.6em; text-indent:-1.6em; line-height:180%;}
.page_contents .indent{display:block; text-indent:1em; line-height:180%;}
/* p{display: block; text-align: justify; line-height:180%;} */

.sch_area {padding:15px;text-align:center;}
.sch_area select{width:80px;height:35px;border:1px solid #ccc;vertical-align:top;}
.sch_area input[type=text] {width:400px;height:35px;line-height:35px;border:1px solid #ccc;vertical-align:top; padding-left: 10px;}
.sch_area input[type=submit]{border:none;background:#265e88;color:#fff;width:85px;height:40px;line-height:30px;font-size:16px;}	
.sch_area input[type=submit]:hover, .sch_area input[type=submit]:active {background:#194a6f;cursor:pointer;}

.page_contents .search_list { margin-top:8px; font-family:'Noto Sans KR'; font-size: 16px; margin: 20px 0;}
.page_contents .search_list li { background:url(../images/common/list_bullet.png) 0 10px no-repeat; padding-left:12px; margin-bottom:10px; line-height:160%; word-break:keep-all; }
.page_contents .search_list li span { color: #FF0000; }









/* 20211118최서희추가 */


/* search popup list*/
#search_pop {width: 100vw;height: 100vh;padding: 20px;background: #fff;border: 2px solid #ccc;margin: 0 auto;overflow-y: auto;position: fixed;top: 0;margin-top: 0;left: 0;right: 0;z-index:2000;}
#search_pop .tit { overflow: hidden; margin-bottom: 12px; font-weight: bold; font-size: 18px;}
#search_pop .tit img { float: right; }
#search_pop .pd_list_con { width: 668px; overflow: hidden; padding-bottom: 12px; border-bottom: 1px solid #ddd; }
#search_pop .pd_list_con .pd_category {/* width:500px; */font-size:14px;color:#999;display:inline-block;}
#search_pop .pd_list_con .pd_category .category_name {  font-size:20px; font-weight:600; color:#000; margin-right: 20px;}
#search_pop .pd_list_con .pd_category .count { font-size:16px; font-weight:600; color:#0070c0;}
#search_pop .pd_list_con .pd_view { width:150px; display:inline-block; float:left; margin-left: 10px;}
#search_pop .pd_list_con .view_sel { }
#search_pop .pd_list_con .view_sel .view { width:150px; height:31px; padding:5px; float:left; border:1px solid #ddd; }
#search_pop .pd_list_con .pd_style {float:left; margin-left:10px; }

#search_pop .pd_img { padding-top: 12px; }
#search_pop .pd_img ul { display: inline-block; } 
#search_pop .pd_img li {width: 152px;font-size: 14px;color: #666;float: left;text-align: center;box-sizing:border-box;margin-right: 20px;position: relative;margin-bottom: 20px;}
#search_pop .pd_img li .book_check { width: 100%; text-align: left; display: inline-block; margin-bottom: 10px;}
#search_pop .pd_img li .book_img { width: 152px; height: 208px; border: 1px #e6e6e6 solid; display: block;  cursor: pointer; }
#search_pop .pd_img li .book_img img { width: 152px; height: 208px; }
#search_pop .pd_img li .book_img .layer { width: 228px; height: 50px; background-color:rgba(0,0,0,0.65); position: absolute; top: 295px; left: 1; padding: 12px 0;  box-sizing:border-box;}
#search_pop .pd_img li .book_img .layer .btn { border: 1px #ccc solid; color: #ccc; line-height: 26px; padding: 5px 10px; margin: 0 auto;}
#search_pop .pd_img li .book_img .layer .btn:hover { border: 1px #fff solid;  color: #fff; }
#search_pop .pd_img li .book_img .layer .btn_pre { border: 1px #ccc solid; color: #ccc; line-height: 26px; padding: 5px 10px; margin: 0 auto;}
#search_pop .pd_img li .book_img .layer .btn_pre:hover { border: 1px #fff solid;  color: #fff; }
#search_pop .pd_img li .book_info_wrap { float: left; width: 100%; }
#search_pop .pd_img li a .book_tit { height: 43px; text-align: left; border-bottom: 1px #e6e6e6 solid; padding-bottom: 10px;  margin-bottom: 10px; margin-top: 10px; display: block;color:#666;} 
#search_pop .pd_img li .book_info { text-align: left; display: block;color:#a1a3aa; white-space:nowrap;overflow:hidden; text-overflow:ellipsis;} 
#search_pop .pd_img li .book_price { text-align: left; display: block;} 
#search_pop .pd_img li .book_price span { color: #a1a3aa; text-decoration: line-through; margin-right: 10px; } 
#search_pop .pd_img li:nth-child(4n) { margin-right: 0; }

#search_pop .t_search_wrap { width: 644px; background: #f1f1f1; padding: 18px 12px; margin-bottom: 24px; }
#search_pop .t_search_wrap .t_search {  }
#search_pop .t_search_wrap .t_search input.sell_form {padding:0px 15px;width: 95%;height:40px;border:1px solid #ccc;border-right: none;color:#999;box-sizing:border-box;}
#search_pop .t_search span.img {width: 5%;height:40px;border:1px solid #ccc;border-left: none;box-sizing:border-box;float:right;text-align: center;padding-top: 8px;background: #fff;}
#search_pop .t_search_wrap p { margin-top: 8px; }

#search_pop .btn_search { float:left; width:34px; height:34px; background-color:rgba(255,255,255,0.2);color:#fff; display:inline-block;cursor:pointer; padding:4px 0 0 7px; box-sizing:border-box; margin-top:17px; }
#search_pop .btn_search:hover {background-color:#000; }


.tit_area { overflow: hidden; }
.tit_area h3 { float: left; }
.con_area .btn_search_book { float: right; background: #007bc7; color: #fff; padding: 4px 20px; border-radius: 2px; cursor:pointer;}
.con_area .btn_search_book:hover { background:#0170b5;}

.group_order {}
.group_order .block { display: block; margin-top: 8px; }

.alert_box { background: #f1f6f9; padding: 20px; line-height: 1.7em; border: 1px solid #eee; }
.alert_box .inquiry_num { margin-top: 8px; font-weight: 600; }
.alert_box .inquiry_num li { float: left;}
input[type="textarea"] { width: 100%; height: 120px; }

/* 20211118최서희추가끝 */

/* 교재 검토용 도서 */
.ebook_wrap{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 1rem;
    margin-top: 2rem;
}
.ebook_wrap select{
    width: 150px;
}
.ebook_wrap .t_search{
    border: 1px solid #ddd;
    padding-right: 0.5rem;
}
.ebook_wrap .t_search input{
    width: 200px;
    border: none;
}
.ebook_wrap .t_search a{
    cursor: pointer;
}
/* .ebook_wrap .t_search .input_m_icon{
    border: none;
    text-indent: -9999px;
    background: url(/images/t_btn_search.png) 0 0 no-repeat;
    width: 17px;
    height: 17px;
    margin-right: 8px;
    background-size: cover;
} */