@charset "utf-8";
/* Font Family */
@font-face {
  font-family: 'NGothic';
  font-style: normal;
  font-weight: 700;
  src: url(http://themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.eot);
  src: url(http://themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(http://themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.woff2) format('woff2'),
       url(http://themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.woff) format('woff'),
       url(http://themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.ttf) format('truetype');
}
@font-face {
  font-family: 'NGothic';
  font-style: normal;
  font-weight: 400;
  src: url(http://themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.eot);
  src: url(http://themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(http://themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.woff2) format('woff2'),
       url(http://themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.woff) format('woff'),
       url(http://themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'NGothic';
  font-style: normal;
  font-weight: 800;
  src: url(http://themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.eot);
  src: url(http://themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
       url(http://themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.woff2) format('woff2'),
       url(http://themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.woff) format('woff'),
       url(http://themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.ttf) format('truetype');
}

/* Common */
* {-webkit-text-size-adjust:none;}
html, body { width:100%; height:100%; padding:0px; margin:0px; }
body,div,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,a,button,select{ margin:0; padding:0; }
body,input,textarea,select,button,table{ font-family:'돋움',dotum,AppleGothic,sans-serif; font-size:1em; color:#4f565b }
body{ font-size:.75em; word-break:break-all; overflow-x:hidden; }
img,fieldset,iframe{border:0}
img{vertical-align:top}
li{list-style:none}
em,address{font-style:normal}
input,select,button{vertical-align:middle}
button { cursor:pointer; }

/* Common Add */
a { color:#4f565b; text-decoration:none; }
caption,legend,.blind{visibility:hidden;overflow:hidden;position:absolute;top:0;left:-999em;width:0;height:0;font-size:0;line-height:0;text-align:left}
caption{position:static}
input[type="text"],
input[type="password"] { height:22px;padding:0 7px; border:1px solid #cccccc; color:#464d61;line-height:2em; }
input[type="text"].readonly{border-top:1px solid #bfc6cc;border-left:1px solid #bfc6cc;border-right:1px solid #d8dee3;border-bottom:1px solid #d8dee3;background:#f1f3f4}
input[type="text"]:focus,
input[type="password"]:focus,
select:focus {border:1px solid #00a2e2;background:#edf6fb;color:#464d61}
input[type="radio"]{*width:13px;*height:13px}
select{height:24px;*margin-top:5px;padding:0 0 0 4px; border:1px solid #cccccc; line-height:1.2em;color:#464d61}
textarea{width:98%;padding:5px;border:1px solid #cfcfcf;line-height:1.5em}
table{ border-collapse:collapse; border-spacing:0; line-height:1.5em}
hr{display:none}

/* HTML5 display-role reset for older browsers */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}


/* Clearfix */
.clearfix { display:inline-block; }
.clearfix:after { content:""; display:block; height:0; clear:both; visibility:hidden; }
/* Hides from IE-mac */
*html .clearfix { height:1%; }
.clearfix { display:block; }
.floatL { float:left !important; }
.floatR { float:right !important; }

.tl { text-align:left !important; }
.tc { text-align:center !important; }
.tr { text-align:right !important; }

#wrap {max-width:90%; margin:10em auto; }

#header {width:100%; margin: auto; margin-bottom:2em; border:1px solid #b6b6b6;
  -moz-box-shadow:0px 2px 2px #e5e5e5;
  -webkit-box-shadow:0px 2px 2px #e5e5e5;
  box-shadow:0px 2px 2px #e5e5e5;
}
#header .inner { padding:1em; border:3px solid #cccccc; overflow:hidden;
  background: #ffffff; /* Old browsers */
  background: -moz-linear-gradient(top,  #ffffff 50%, #ffffff 50%, #fafafa 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#ffffff), color-stop(50%,#ffffff), color-stop(100%,#fafafa)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #ffffff 50%,#ffffff 50%,#fafafa 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #ffffff 50%,#ffffff 50%,#fafafa 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #ffffff 50%,#ffffff 50%,#fafafa 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #ffffff 50%,#ffffff 50%,#fafafa 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fafafa',GradientType=0 ); /* IE6-9 */
}
#header h1 { width:20em; padding-top:0.2em; float:left; font-size:1.5em; text-align:left; color:#333333; }
#header .page { margin-left:20em; text-align:right; }
#header .page input[type="text"] { width:3em; height:2em; border:1px solid #d3d3d3; }
#header .page label { margin:0 0.5em 0 0.3em; color:#606060; }

#search { padding:1em 2em; margin-bottom:1em; background:#f7f7f7; border:1px solid #dddddd; text-align:center; }
#search .btn { width:13%; margin-left:1em; display:inline-block; vertical-align:top; }
#search .btn button { height:2.8em; margin:1px 0; font-size:1.2em; }

.form_search { width:60%; display:inline-block; overflow:hidden; text-align:left; }
.form_search dt { width:15%; float:left; padding:0.1em 0; }
.form_search dd { width:35%; float:left; padding:0.1em 0; }
.form_search label { height:2em; line-height:2em; }
.form_search input[type="text"] { width:70%; height:2em; }
.form_search input[type="text"].date { width:50%; }
.form_search select { width:80%; height:2.1em; }

#container { position:relative; }
#container .inner { margin-left:310px; }

#aside { width:300px; height:100%; position:absolute; left:0px top:0px; border-radius:3px; background:url('../images/bg_pattern01.png'); }

#gnb { padding:1em 1.5em 3em 1.5em; position:relative; z-index:10; }
#gnb li a { padding:0.5em 1em; margin-bottom:0.5em; display:block; background:url('../images/icon_gnb.png') left 0.8em no-repeat; color:#ffffff; font-size:1.2em; }
#gnb li a:hover { text-decoration:underline; }

.box_book { width:100%; height:1.583em; position:absolute; left:0px; bottom:0px; background:url('../images/bg_pattern02.png') no-repeat; background-size:100% 100%; z-index:1;
  -moz-border-radius-bottomleft:3px;
  -moz-border-radius-bottomright:3px;
  -webkit-border-bottom-left-radius:3px;
  -webkit-border-bottom-right-radius:3px;
  border-bottom-left-radius:3px;
  border-bottom-right-radius:3px;
}
.box_book .icon { width:6.833em; height:5.667em; position:absolute; right:0px; bottom:0.25em; background:url('../images/img_book.png') no-repeat; background-size:100% 100%; }

#snb li { margin-top:0.5em; }
#snb li:first-child { margin-top:0px; }
#snb li div { background:#cdcdcd; border-radius:3px 3px; }
#snb li div.first { background:#6a9abc; }
#snb li div.last { background:#6abc8d; }
#snb li a { height:3em; display:block; padding:1em 2em; background:url('../images/icon_snb02.png') 95% center no-repeat; background-size:2.5em auto; line-height:1.6em; font-size:1.2em; color:#333333; }
#snb li div.first a { background:url('../images/icon_snb01.png') 95% center no-repeat; line-height:3em; color:#ffffff; }
#snb li div.last a { background:url('../images/icon_snb03.png') 95% center no-repeat; line-height:3em; color:#ffffff; }
#snb li a span { display:block; font-size:1em; }

/* Popup Search */
#wrap_pop {width:100%; margin: auto; padding:2em; }
#wrap_pop h1 { margin-bottom:1em; padding-left:15px; background:url('../images/icon_info.png') left center no-repeat; font-size:1em; font-weight:normal; } 
#wrap_pop h1 span { color:#2252a1; font-weight:bold; }

.list_pop_tab { margin-bottom:2em; border-bottom:1px solid #bbbbbb; }
.list_pop_tab li { float:left; }
.list_pop_tab li a { padding:1em 2em; margin-left:1px; position:relative; display:block; border-top:1px solid #dfdfdf; border-left:1px solid #dfdfdf; border-right:1px solid #dfdfdf; background:#fdfdfd; text-align:center; font-weight:bold; }
.list_pop_tab li:first-child a { margin-left:0px; }
.list_pop_tab li a.on { border-top:1px solid #bbbbbb; border-left:1px solid #bbbbbb; border-right:1px solid #bbbbbb; background:#ffffff; color:#1693a5; }
.list_pop_tab li a span { width:100%; height:1px; display:block; position:absolute; left:0px; bottom:-1px; background:#ffffff; }

.tbl_search { width:100%; margin-bottom:2em; border-top:2px solid #9caec4; }
.tbl_search tr th { padding:1em; border:1px solid #dce4e9; background:#f1f5fc; color:#555555; }
.tbl_search tr td { padding:1em; border:1px solid #dce4e9; text-align:center; }
.tbl_search tr th.nbl,
.tbl_search tr td.nbl { border-left:0px; }
.tbl_search tr th.nbr,
.tbl_search tr td.nbr { border-right:0px; }
.tbl_search tr th.etc,
.tbl_search tr td.etc { height:5em; }
.tbl_search tr.last th,
.tbl_search tr.last td { border-bottom:1px solid #c8c8c8; }
.tbl_search.type01 { width:70%; float:left; }
.tbl_search.type01 tr td { text-align:left; }
.tbl_search.type01 tr td.img { text-align:center; }
.tbl_search.type01 tr td.img img { width:116px; height:126px; }
.tbl_search.type02 { width:29%; float:right; }
.tbl_search.type02 tr th { border-left:0px; }
.tbl_search.type02 tr td { border-right:0px; text-align:left; }

.box_btn { text-align:center; margin-bottom:1em; }

.btn_orange { padding:0.5em 2em; background:#f9920e; border:1px solid #d37b0c; border-radius:3px 3px; color:#ffffff; font-weight:bold; }
.btn_gray { padding:0.5em 2em; background:#a6a6a6; border:1px solid #9a9999; border-radius:3px 3px; color:#ffffff; font-weight:bold; }
.btn_blue { padding:0.5em 2em; background:#268dd0; border:1px solid #2076af; border-radius:3px 3px; color:#ffffff; font-weight:bold; }
.btn_date { width:2em; height:2em; background:url('../images/icon_date.png') center center no-repeat; border:0px; text-indent:-9999px; line-height:0px; }

/* 2016.09.07 추가 */
.clearBoth {clear:both;}

	/*공통*/
.search_wrap {width:100%;margin:auto;margin-bottom:2em;position:relative;overflow: hidden;font-size: 1em;color:#000000;}
.search_wrap .board {width:45%;display:table;box-sizing: border-box;border:2px solid #998675;}
.search_wrap .board .top {width: 100%;height:30px;margin-bottom: 15px;display: table;font-size:1.5em;text-align:center;font-weight:600;}
.search_wrap .board .top p {display: table-cell;vertical-align: middle;}

.search_wrap .board .mid {width: 96%;display:table;margin: auto;overflow: hidden;text-align:center;}
.search_wrap .board .mid li {width: 25%;float:left;margin: 5px 0;}
.search_wrap .board .mid span {width: 50%;display: inline-block;vertical-align: middle;}
.search_wrap .board .mid font {display: block;font-size:0.9em;}
.search_wrap .board .mid li input[type="text"] {width: 35%;}

.search_wrap .board .bot {display:table;margin:auto;}
.search_wrap .board .bot button {width:120px;height:35px;margin:10px 20px;;font-size:1.5em;color:#fff;font-weight:600;letter-spacing:1.2px;border:0;}
.search_wrap .board .bot .btn_left {background:#2e3192;}
.search_wrap .board .bot .btn_right {background:#fbb03b;}

	/* 왼쪽 search */
.search_left {float:left;background:#f7f7f7;}
.search_left .top {background:#c7b299;}
	
	/* 오른쪽 search */
.search_right {float:right;background:#e6e6e6;}
.search_right .top {background:#c69c6d;}

.btn_search_wrap {width: 8%;height: 100%;display: inline-block;margin: 0 1%;position: absolute;}
.btn_search {width:100%;height:145px;position: absolute;top: 0;bottom: 0;margin: auto;background:#2d8ed1;border:0;font-size:2em;font-weight:600;color:#fff;line-height:1.5em;letter-spacing:0.2em;}
.btn_search .small {margin-top: 20px;font-size:1em;color:#000;}

/* 1200px 이하 */
@media all and (max-width:1300px){
	.search_wrap .board .mid li {width: 33%;}
}

/* 800px 이하 공통 */
@media all and (max-width:800px){
  #wrap { max-width:100%; margin:1em; }

  #search .btn { width:20%; }
  #search .btn button { width:100%; }

  .tbl_search.type01 { width:100%; float:none; }
  .tbl_search.type02 { width:100%; float:none; }
  
  .search_wrap .board .mid li {width: 50%;} 
  .btn_search {font-size:1.5em;}
  .search_wrap .board .bot button {width:110px;}
}

/* 720px 이하 */
@media all and (max-width:720px){
  body { font-size:0.7em; }

  #wrap_pop { padding:1em; }

  #header h1 { width:10em; }
  #header .page { margin-left:10em; }

  #search .btn { width:100%; margin-left:0em; display:block; text-align:center; }
  #search .btn button { width:45%; height:2.8em; margin:1px 0; font-size:1.2em; }

  .form_search { width:100%; margin-bottom:1em; }

  #container .inner { margin-left:0px; }

  #aside { width:auto; height:auto; padding-bottom:3em; margin-bottom:1em; position:relative; }

  .list_pop_tab li { width:25%; float:left; }
  .list_pop_tab li a { padding:1em 0.5em; }
}

/* 480px 이하 */
@media all and (max-width:480px){
  body { min-width:320px; font-size:0.6em; }

  #header h1 { width:100%; padding-top:0em; margin-bottom:0.5em; float:none; }
  #header .page { margin-left:0em; }
  
  .form_search dt { width:30%; }
  .form_search dd { width:70%; }
}