@charset "utf-8";

body {background:#f1f5f5;}

#header {height:55px; background:#0d9945;}
#header>h1 {position:absolute; top:10px; left:10px; width:140px;}
#header .btns {position:absolute; top:20px; right:10px; font-size:0; word-spacing:0; letter-spacing:0;}
#header .btns>a {display:inline-block; vertical-align:top; width:20px; height:20px; padding:0 6px; vertical-align:top; text-align:center;}
#header .btns>a>img {max-width:100%; max-height:100%; vertical-align:middle;}
#header .btns .btn_index {width:43px; padding-top:3px;}

.pp_sns {display:none; z-index:100; position:absolute; top:55px; left:0; right:0; padding:10px; font-size:0; text-align:right; letter-spacing:0; word-spacing:0; background:#d9d7c3;}
.pp_sns>a {display:inline-block; width:39px; height:39px; margin:0 4px; text-indent:999999px; border-radius:100%;}
.pp_sns .bt_tw {background:#fff url('../images/common/ico_tw.png') no-repeat center; background-size:25px auto;}
.pp_sns .bt_fb {background:#fff url('../images/common/ico_fb.png') no-repeat center; background-size:11px auto;}

#container {position:relative; /*min-height:600px;*/}

/*검색*/
#searchArea {position:relative;}
.search {position:relative; height:53px; padding:6px 14px 0 14px; background:#0d9945;}
.search>.wrap {position:relative; overflow:hidden; background:#fff; border-radius:10px;}
.search select {display:inline-block; vertical-align:top; width:110px; padding-left:10px; padding-right:20px; height:44px; font-size:16px; color:#000; -webkit-appearance:none; -moz-appearance:none; appearance:none;
   background: url('../images/common/btn_select_arr.png') no-repeat 90% 50%; background-size:12px auto; border:none;}
.search select::-ms-expand {display: none;}
/*.search .ipbx {position:absolute; top:0; left:110px; right:44px; height:44px; background:red;}*/
.search .ipbx {position:absolute; top:0; left:0; right:44px; height:44px; background:red;}/*181008*/

.search .ipbx>input[type="text"] {width:100%; height:44px; padding:0 0 0 8px; margin:0; vertical-align:top; box-sizing:border-box;}
.search .btn_srch {position:absolute; top:0; right:0; display:block; width:20px; height:20px; padding:12px;}

.list_srch {position:relative; padding-top:5px;}
.list_srch>li {border-bottom:1px solid #e0e0e0;}
.list_srch>li>a {display:block; padding:15px 8px;}

.list_rst {position:relative; padding:0 14px;}
.list_rst>li {padding:14px 0; border-bottom:1px solid #e0e0e0;}
.list_rst>li>.tt {margin-bottom:13px;}
.list_rst>li>.tt>strong {margin-right:6px; font-size:20px; color:#000; font-weight:normal;}
.list_rst>li>.tt>span {display:inline-block; vertical-align:top; width:22px; height:20px; margin:0 2px; line-height:20px; text-align:center; font-size:15px; color:#fff; border-radius:4px;}
.list_rst>li>.tt>span.dae {background:#ff9600;}
.list_rst>li>.tt>span.dong {background:#9dbf41;}

.list_rst ul>li {position:relative; padding:4px 0 4px 75px; font-size:16px;}
.list_rst em {position:absolute; top:4px; left:0; display:inline-block; vertical-align:top; width:65px; height:20px; line-height:20px; color:#fff; font-size:13px; text-align:center; background:#666; border-radius:6px;}

/*색인*/
#indexArea {position:relative; background:#fff; *zoom:1;}
#indexArea:after{content:'';display:block;clear:both;}

.tab {position:relative; padding-top:10px; background:#f1f5f5;}
.tabs {position:relative; height:47px; padding:0 10px; border-bottom:1px solid #bcbfbf; *zoom:1;}
.tabs:after{content:'';display:block;clear:both}
.tabs>li {overflow:hidden; position:relative; float:left; width:49%; margin:0 0.5%; box-sizing:border-box; line-height:47px; text-align:center; font-size:18px; color:#acacac; cursor:pointer; background:#e8e8e8; border:1px solid #bcbfbf; border-radius:12px 12px 0 0;}
.tabs>li.active {color:#0d9945; font-weight:bold; background:#f1f5f5; border-bottom:1px solid #f1f5f5;}

.tab_container {width:100%; background:#f1f5f5; *zoom:1;}
.tab_container:after{content:'';display:block; clear:both;}
.tab_content {display: none;}

.cn_index {padding:13px 10px;}
.cn_index>a {display:inline-block; vertical-align:top; width:40px; height:40px; margin:5px 5px ; text-align:center; line-height:40px; color:#555; font-size:14px; background:#fff;}
.cn_index>a.all {color:#fff; font-weight:700; background:#484441;}

/*소개*/
#introArea {position:relative; *zoom:1;}
#introArea:after{content:'';display:block; clear:both;}
#introArea .tab_content {padding:0 16px; }

.cn_greeting {padding-top:45px; line-height:1.4; font-size:16px;}
.cn_greeting .pic {float:left; width:100px; margin-right:26px; margin-bottom:20px; border:2px solid #666;}
.cn_greeting>strong, .cn_greeting>p {margin-bottom:28px; word-wrap:break-word; word-break: keep-all;}
.cn_greeting>strong {display:block; font-size:18px;}
.cn_greeting .sign {text-align:right;}
.cn_greeting .sign>span {display:block; line-height:1.6;}
.cn_greeting .sign>em {font-size:18px;}

.cn_intro {padding-top:20px; line-height:1.4; font-size:16px;}
.cn_intro .pic {width:110px; margin:40px auto 40px auto;}
.cn_intro>strong {display:block; margin-bottom:15px; padding-bottom:15px; text-align:center; font-size:18px; border-bottom:1px solid #333;}
.cn_intro>p {margin-bottom:15px;}
.cn_intro .sign {text-align:right;}
.cn_intro .sign>span {display:block; line-height:1.6;}
.cn_intro .sign>em {font-size:18px;}

/*== index ==*/
/*.index {min-height:507px; background:url('../images/img_index.jpg') no-repeat; background-size:cover;}
*/
.index {min-height:507px; background:url('../images/img_index2.jpg') no-repeat; background-size:cover;}
#index h1 {position:absolute; top:22%; left:50%; margin-left:-101px; width:212px;}
#index h1>a {display:block;}
#index .logo {position:absolute; top:70%; left:0; right:0;}
#index .logo>.pic {width:80px; height:80px; margin:0 auto;}
#index .logo>.copy {display:block; padding:18px 0; text-align:center; font-size:12px; color:#fff;}
@media only screen and (min-device-width : 821px) and (max-device-width : 1025px) and (orientation : landscape) {
	#index h1 {margin-left:-156px; width:312px;}
	#index .logo>.pic {width:100px; height:100px;}
	#index .logo>.copy {font-size:14px;}

}

/*로딩*/
#loading {z-index:99; display:block; position:fixed; top:0; left:0; right:0; bottom:0; text-align:center;}
#loading>img {z-index:100; position:absolute; top:50%; left:50%; width:44px; height:44px; margin-top:-22px; margin-left:-22px;}


/*에러*/
#errorArea {position:relative; padding:47px 30px 53px;}
.er-wrap {min-width:258px; margin:0 auto; padding:20px; text-align:center; box-sizing:border-box; border:1px solid rgba(0,0,0,.3);}
.er-wrap>strong {display:block; margin-bottom:30px; color:#000; font-size:60px;}
.er-wrap>.sti {font-size:19px;}
.er-wrap>.tx {padding-top:30px; line-height:1.4; font-size:15px;}

/*ISBN 181120*/
.isbn { position:relative; padding:5px; margin-top:40px; text-align:center; background:#ccc; font-size:14px;}