@charset "utf-8";

/*@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);*/
@import url("layout.css");
@import url("reset.css");
/*
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Regular.woff2) format('woff2'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Regular.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Regular.ttf) format('truetype');
}
*/
body{background:url(../img/bg_submenu.gif) repeat-x 0 0;font-family:'Malgun Gothic';}

.list01{height:40px;background:url(../img/main_list_title01.gif) no-repeat 0 0;text-indent:-9999px;}
.list02{height:40px;background:url(../img/main_list_title02.gif) no-repeat 0 0;text-indent:-9999px;}
.list03{height:40px;background:url(../img/main_list_title03.gif) no-repeat 0 0;text-indent:-9999px;}


.book_list{overflow:hidden;margin:0 0 60px 0;}
.book_list li{float:left;width:169px;position:relative;}
.book_list li img{width:151px;height:211px;}
.book_list li a.book_txt{margin:10px 0 0 0;font-size:9pt;color:#8c8c8c;text-decoration:none;width:150px;display:block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.book_list li a.book_txt:hover{color:#5874c6;text-decoration:underline;}
.book_list li a.detail{position:absolute;top:0;left:0;text-indent:-9999px;width:151px;height:211px;}
.book_list li a.detail:hover{background:url(../img/icon_detail.gif) no-repeat 0 0;
	opacity: 0.8;
	filter: alpha(opacity = 80); // IE6,7
	-ms-filter: “alpha (opacity=80)”; // IE8
	-moz-opacity: 0.80; // Firefox 1.5
	-khtml-opacity: 0.80; // Safari 1.x
	zoom: 1;
}

.book_list2{overflow:hidden;margin:0 0 0 0;}
.book_list2 li{float:left;width:168px;position:relative;padding:0 0 40px 0;}
.book_list2 li img{width:151px;height:211px;}
.book_list2 li a.book_txt{margin:10px 0 0 0;font-size:9pt;color:#8c8c8c;text-decoration:none;width:150px;display:block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.book_list2 li a.book_txt:hover{color:#5874c6;text-decoration:underline;}
.book_list2 li a.detail{position:absolute;top:0;left:0;text-indent:-9999px;width:151px;height:211px;}
.book_list2 li a.detail:hover{background:url(../img/icon_detail.gif) no-repeat 0 0;
	opacity: 0.8;
	filter: alpha(opacity = 80); // IE6,7
	-ms-filter: “alpha (opacity=80)”; // IE8
	-moz-opacity: 0.80; // Firefox 1.5
	-khtml-opacity: 0.80; // Safari 1.x
	zoom: 1;
}

.banner{overflow:hidden;}
.banner li{float:left;width:345px;}


.article li{padding:1px 0;}
.article a{color:#787878;text-decoration:none;}
.article a:hover{color:#5874c6;text-decoration:underline;}

.board01{float:left;width:345px;}
.board02{float:left;width:345px;}
.board03{float:left;width:306px;}

.board01 h2{margin:0 0 20px 0;background:url(../img/main_bd_title01.gif) no-repeat 0 0;height:32px;text-indent:-9999px;}
.board02 h2{margin:0 0 20px 0;background:url(../img/main_bd_title02.gif) no-repeat 0 0;height:32px;text-indent:-9999px;}
.board03 h2{margin:0 0 20px 0;background:url(../img/main_bd_title03.gif) no-repeat 0 0;height:32px;text-indent:-9999px;}

.book_gallery{margin:0 0 0 0;overflow:hidden;}
.book_gallery .gallery_img{width:650px;height:480px;float:left;}
.book_gallery p{margin:0 0 35px 0;background:url(../img/icon_gallery.gif) no-repeat 0 0;width:306px;height:217px;text-indent:-9999px;}
.book_gallery div{float:right;width:306px;}
.book_gallery div li{float:left;width:102px;text-align:center;padding:0 0 9px 0;}
.book_gallery div img{width:94px;height:70px;}

.header{border-bottom:1px solid #d6d6d6;}

.main_txt{position:relative;width:996px;margin:0 auto;height:52px;}
.main_txt ul{position:absolute;top:10px;right:0;overflow:hidden;}
.main_txt li{float:left;padding:0 10px;background:url(../img/icon_bar.gif) no-repeat 0 5px;}
.main_txt li.none{background:none;}
.main_txt li a{color:#515151;text-decoration:none;}
.main_txt h1{position:absolute;top:29px;left:0;background:url(../img/logo.png) no-repeat 0 0;width:236px;height:33px;text-indent:-9999px;}

.sub_menu{padding:0 0 0 300px;width:696px;height:42px;margin:0 auto;overflow:hidden;zoom:1;}
/* .sub_menu:hover{height:204px;} */

.menu_obj{position:relative;float:left;margin-right:65px;}

.grouping{border-left:1px solid #7990d1;width:110px;padding-left:10px;position:absolute;top:61px;left:-10px;height:127px;background:#5874c6;}
.grouping li{padding:0 0 8px 0;}
.grouping li a{text-decoration:none;color:#fff;}
.grouping li a:hover{color:#000;}

.sub_visual{background:#fff;text-align:center;}
.sub_visual2{background:#fff;text-align:center;}

.sub_content{position:relative;width:996px;margin:0 auto 30px auto;}
.sub_header{border-bottom:2px solid #000;overflow:hidden;margin:76px 0;padding:0 0 14px 0;}

.sub_content_menu{float:left;overflow:hidden;}
.sub_content_menu li{float:left;background:url(../img/icon_dot.gif) no-repeat 0 5px;padding:0 20px;}
.sub_content_menu li.none{background:none;padding-left:0;}
.sub_content_menu li a{color:#9b9b9b;text-decoration:none;font-weight:bold;font-size:11pt;}
.sub_content_menu li a:hover{text-decoration:underline;}
.sub_content_menu li a.on{color:#262626;}

.location{float:right;background:url(../img/icon_home.gif) no-repeat 0 8px;padding:3px 0 0 10px;}
.location{color:#858585;}
.location span{padding:0 5px;}

.sub_title{width:268px;float:left;padding:0 0 50px 0;}
.sub_banner{margin:50px 0 0 0;}
.sub_banner li{padding:0 0 10px 0;}
.right_content{overflow:hidden;}
.right_content2{overflow:hidden;width:728px;margin:0 auto;}

.list{width:100%;border-collapse:collapse;margin:10px 0 10px 0;}
.list th{color:#454544;height:36px;border-top:2px solid #5874c6;border-bottom:1px solid #DDDDDD;}
.list td{color:#454544;text-align:center;height:30px;border-top:1px solid #DDDDDD;border-bottom:1px solid #DDDDDD;}
.list td a{text-decoration:none;color:#454544;}
.list td a:hover{color:#5874c6;}

.list2{width:100%;border-collapse:collapse;margin:10px 0 10px 0;}
.list2 th{font-size:11pt;color:#fff;height:42px;background:#5874c6;}
.list2 td{font-size:11pt;color:#8a8a89;text-align:center;height:46px;border-top:1px solid #DDDDDD;border-bottom:1px solid #DDDDDD;}
.choice{background:#fffee5;color:#454544 !important;border:3px solid #ff0000;border-right:6px solid #ff0000;border-left:6px solid #ff0000;font-weight:bold;}
.choice td{color:#454544;font-size:14pt;}
.book_price{padding:50px 0 0 0;}
.book_4{text-align:center;margin:50px 0 -50px 0;}
.price{color:#f58500 !important;}

.faq_list{width:100%;border-collapse:collapse;margin:10px 0 10px 0;}
.faq_list th{cursor:pointer;background:url(../img/icon_q.gif) no-repeat 15px 9px;text-align:left;padding:0 45px;color:#454544;height:36px;border-top:1px solid #DDDDDD;border-bottom:1px solid #DDDDDD;}
.faq_list th:hover{color:#5874c6;}
.faq_list td{background:url(../img/icon_a.gif) no-repeat 30px 15px;text-align:left;padding:15px 15px 15px 60px;color:#454544;border-bottom:1px solid #DDDDDD;}

.read_list{width:100%;border-collapse:collapse;margin:10px 0 10px 0;}
.read_list th{font-size:11pt;cursor:pointer;text-align:left;padding:0 10px;color:#454544;height:36px;border-top:1px solid #DDDDDD;border-bottom:1px solid #DDDDDD;}
.read_list th:hover{color:#5874c6;}
.read_list td{text-align:left;padding:15px 15px 15px 24px;color:#454544;border-bottom:1px solid #DDDDDD;}
.read_img{float:left;padding:0 15px 0 0;}

.read_list2{width:100%;border-collapse:collapse;margin:60px 0 10px 0;}
.read_list2 th{font-size:11pt;cursor:pointer;text-align:left;padding:0 10px;color:#454544;height:36px;border-bottom:1px solid #DDDDDD;}
.read_list2 th:hover{color:#5874c6;}
.read_list2 td{text-align:left;padding:15px 15px 15px 24px;color:#454544;border-bottom:1px solid #DDDDDD;}

.view{width:100%;border-collapse:collapse;margin:0 0 10px 0;}
.view th{font-size:10pt;color:#454544;height:36px;border-top:2px solid #5874c6;border-bottom:1px solid #DDDDDD;}
.view td{line-height:20px;padding:0 15px;color:#454544;height:30px;border-top:1px solid #DDDDDD;border-bottom:1px solid #DDDDDD;}
.view td a{text-decoration:none;color:#454544;}
.view td a:hover{color:#5874c6;}

.write{width:100%;border-collapse:collapse;margin:0 0 10px 0;}
.write th{padding:3px 15px;text-align:left;color:#454544;height:46px;border-top:2px solid #5874c6;border-bottom:1px solid #DDDDDD;}
.write thead td{padding:3px 15px;color:#454544;border-top:2px solid #5874c6;border-bottom:1px solid #DDDDDD;}
.write tbody th{padding:3px 15px;color:#454544;border-top:1px solid #DDDDDD;border-bottom:1px solid #DDDDDD;}
.write td{padding:3px 15px;color:#454544;border-top:1px solid #DDDDDD;border-bottom:1px solid #DDDDDD;}
.write td a{text-decoration:none;color:#454544;}
.write td a:hover{color:#5874c6;}
.write label{vertical-align:middle;}
.write input{margin:0 0 0 0;vertical-align:middle;border:1px solid #ddd;}
.write th span{color:#ff0000;}

.view_btm{width:100%;border-collapse:collapse;margin:0 0 10px 0;}
.view_btm th{color:#454544;height:36px;border-top:1px solid #DDDDDD;border-bottom:1px solid #DDDDDD;}
.view_btm td{padding:0 15px;color:#454544;height:30px;border-top:1px solid #DDDDDD;border-bottom:1px solid #DDDDDD;}
.view_btm td a{text-decoration:none;color:#454544;}
.view_btm td a:hover{color:#5874c6;}

.tab{overflow:hidden;margin:0 0 40px 0;}
.tab li{float:left;margin-bottom:2px;padding:0 6px 0 0;}
.tab li a{font-size:10pt;border:1px solid #ddd;color:#545454;text-decoration:none;padding:6px 16px 7px 16px;display:block;}
.tab li a:hover{background:#ddd;}
.tab li a.on{color:#fff;background:#5874c6;border:1px solid #5874c6;font-weight:bold;}

.list_search{padding:0 0 20px 0;}
.list_search select{font-family:'Malgun Gothic';border-radius:5px;-webkit-border-radius:5px;color:#545454;font-size:9pt;border:1px solid #ddd;padding:5px;}
.list_search input{font-family:'Malgun Gothic';border-radius:5px;-webkit-border-radius:5px;color:#545454;font-size:9pt;border:1px solid #ddd;padding:6px;}

.footer{padding:62px 0;margin:80px 0 0 0;clear:both;}
.footer ul{overflow:hidden;}
.footer ul li{float:left;margin:0 22px 0 0;}
.footer a{font-weight:bold;text-decoration:none;color:#585858;}
.footer a:hover{color:#5874c6;}
.footer img{position:absolute;top:0;right:0;}
.footer address{font-style:normal;padding:20px 0 26px 0;color:#aaa;}
.footer address a{font-weight:normal;color:#aaa;}
.footer p{color:#aaa;}

.btn_top{position:absolute;bottom:0;right:-86px;text-indent:-9999px;background:url(../img/icon_top.gif) no-repeat 0 0;width:36px;height:36px;}
.btn_top:hover{background:url(../img/icon_top.gif) no-repeat -50px 0;}

.book_detail{overflow:hidden;padding:20px;width:588px;min-height:558px;position:absolute;top:150px;left:50%;z-index:5;margin-left:-314px;background:#fff;}
.detail_location{color:#9f9f9f;}
.detail_location strong{color:#000;}
.close{width:19px;height:19px;text-indent:-9999px;background:url(../img/icon_x.gif) no-repeat 0 0;position:absolute;top:20px;right:20px;}
.book_detail h2{padding:40px 0;font-size:22pt;font-weight:normal;color:#ff6000;}
.spec{border-top:2px solid #000;padding:31px 0 0 0;}
.spec img{float:left;}
.spec table{margin:0 0 0 52px;width:380px;float:left;}
.spec table th{text-align:left;padding-bottom:19px;vertical-align:top;}
.spec table td{padding:0 0 19px 35px;color:#909090;}
.desc{margin:0 0 40px 0;clear:both;word-break:break-all;white-space:normal;color:#909090;min-height:96px;overflow:hidden;text-overflow:ellipsis;}
.more{text-decoration:none;color:#000;border:1px solid #000;padding:6px 20px;position:absolute;bottom:20px;right:20px;}
.more span, .more img{vertical-align:baseline;}

.login_box{position:relative;padding:80px 0;background:#fffef7 url(../img/bg_login.png) no-repeat 0 center;border:1px solid #ddd;border-radius:5px;-webkit-border-radius:5px;}
.form_box{width:250px;margin:0 auto;overflow:hidden;height:27px;}
.form_box label{padding:3px 0 0 0;width:70px;float:left;font-weight:bold;}
.form_box input{float:left;width:116px;padding:2px 8px;}
.form_save{position:absolute;top:58px;left:308px;}
.form_save input{margin:3px 3px 0 0;}
.login_box .login_btn{font-weight:bold;height:48px;width:64px;position:absolute;top:80px;left:450px;background:#5874c6;color:#fff;cursor:pointer;border-radius:3px;-webkit-border-radius:3px;}
.login_box .join{margin:5px 0 0 300px;overflow:hidden;}
.login_box .join li{float:left;padding:0 10px;background:url(../img/icon_dot.gif) no-repeat 0 5px;}
.login_box .join li.none{background:none;}
.login_box .join li a{text-decoration:none;color:#515151;}

.gallery_box{width:728px;margin:50px auto;}
.gallery_box .large{width:728px;height:424px;margin:0 auto;}
.gallery_box .box_img{position:relative;width:728px;}
.gallery_box .img_left{position:absolute;left:20px;top:186px;width:31px;height:52px;background:url(../img/icon_img_left.png) no-repeat 0 0;text-indent:-9999px;}
.gallery_box .img_right{position:absolute;right:20px;top:186px;width:31px;height:52px;background:url(../img/icon_img_right.png) no-repeat 0 0;text-indent:-9999px;}
.gallery_box ul{overflow:hidden;margin:30px 0 0 0;}
.gallery_box ul li{position:relative;float:left;margin:0 4px 0 0;}
.gallery_box ul li span{position:absolute;top:0;left:0;z-index:2;width:130px;height:76px;background:url(../img/icon_box.gif) no-repeat 0 0;text-indent:-9999px;}
.gallery_box ul li.none{margin:0;}
.gallery_box ul li a.left{background:#8f8f8f url(../img/icon_left.png) no-repeat center center;text-indent:-9999px;width:27px;height:76px;display:block;}
.gallery_box ul li a.right{background:#8f8f8f url(../img/icon_right.png) no-repeat center center;text-indent:-9999px;width:27px;height:76px;display:block;margin:0;}
.gallery_box ul li a.left:hover{background:#000 url(../img/icon_left.png) no-repeat center center;}
.gallery_box ul li a.right:hover{background:#000 url(../img/icon_right.png) no-repeat center center;}
.gallery_box ul li img{width:130px;height:76px;}

.text{margin:50px 0 0 0;}
.text strong{font-size:11pt;}

.back{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	background:#000;
	opacity: 0.8;
	filter: alpha(opacity = 80); // IE6,7
	-ms-filter: “alpha (opacity=80)”; // IE8
	-moz-opacity: 0.80; // Firefox 1.5
	-khtml-opacity: 0.80; // Safari 1.x
	zoom: 1;
	z-index:2;
}

.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px;
}

.pagination > li {
  display: inline;
}

.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.428571429;
  text-decoration: none;
  background-color: #ffffff;
  border: 1px solid #dddddd;
}

.pagination li .next {width:8px;background:url(../img/icon_pg_r.png) no-repeat center center;text-indent:-9999px;}
.pagination li .prev {width:8px;background:url(../img/icon_pg_l.png) no-repeat center center;text-indent:-9999px;}


.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}

.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  background-color: #eeeeee;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 2;
  color: #ffffff;
  cursor: default;
  background-color: #5874c6;
  border-color: #5874c6;
}

.pagination > .disabled > span,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #999999;
  cursor: not-allowed;
  background-color: #ffffff;
  border-color: #dddddd;
}

.form_area{padding:50px 0 0 0;}
.form_area textarea{padding:15px;height:500px;width:696px;border:1px solid #ddd;border-radius:8px;-webkit-border-radius:8px;}
.form_area2{padding:0 0 0 0;}
.form_area2 textarea{padding:15px;height:240px;width:696px;border:1px solid #ddd;border-radius:8px;-webkit-border-radius:8px;}

.campaign{position:absolute;top:0;left:50%;margin-left:-498px;height:426px;width:996px;overflow:hidden;}
.campaign div{position:absolute;bottom:0;left:5px;overflow:hidden;}
.campaign div textarea{width:886px;height:61px;float:left;border:none;}
.campaign .btn{float:left;width:83px;height:65px;text-indent:-9999px;background:url(../img/btn_campaign.png) no-repeat 0 0;}
.campaign_reply li{color:#6e6e6e;padding:15px 0 15px 32px;border-bottom:1px solid #dfdfdf;background:url(../img/icon_campaign.gif) no-repeat 0 center;}

.library_find{position:absolute;top:0;left:50%;margin-left:-498px;height:370px;width:996px;overflow:hidden;}
.library_find div{position:absolute;bottom:0;left:5px;overflow:hidden;}
.library_find div input{color:#ff0000;text-align:right;margin-right:44px;font-size:32pt;width:160px;border:none;float:left;}
.library_find div input .btn{float:left;width:83px;height:65px;text-indent:-9999px;background:url(../img/btn_okay.gif) no-repeat 0 0;}

.guide h1{background:#515151;color:#fff;font-size:12pt;padding:20px;}
.guide .guide_menu{float:left;width:176px;}
.guide .guide_menu li{border-bottom:1px dotted #515151;padding:4px 0;}
.guide .guide_menu li strong{font-size:13pt;color:#5874c6;}
.guide .guide_menu a{color:#515151;text-decoration:none;}
.guide .guide_menu a:hover{color:#fff;background:#5874c6;}
.guide .guide_title{font-weight:bold;font-size:13pt;display:block;padding:0 0 10px 0;}
.guide .img_area{margin:0;overflow-y:auto;width:800px;height:700px;float:right;}
.guide .guide_desc{padding:20px 0;}

.content_banner{position:absolute;top:0;right:0;}
.content_banner li{margin:0 0 10px 0;}

.btn_area{position:relative;margin:0 auto;width:996px;}
.btn_service{position:absolute;top:263px;left:200px;text-indent:-9999px;background:url(../img/icon_service.gif) no-repeat 0 0;width:162px;height:95px;}

.ipd{margin-bottom:200px;}
.tpd{margin-bottom:50px;}
.page_top{margin:0 0 10px 0;font-weight:bold;}
.pd{padding:0 0 40px 0;}
.txt{padding:0 0 10px 0;}
.txt strong{font-size:11pt;}
.fcr{color:#ff0000;padding:5px 0 0 0;display:inline-block;}
.tc{text-align:left !important;}
.tc a{vertical-align:baseline;}
.tc img{vertical-align:baseline;}
.tr{text-align:right !important;}
.reply{background:url(../img/icon_reply.png) no-repeat 0 12px;padding-left:10px;}
.replytxt{color:#ff0000 !important;}
.tdtb{padding-top:15px !important;padding-bottom:15px !important;}
.tbpd{padding-top:35px !important;padding-bottom:25px !important;border-bottom:none !important;}
.btn01{cursor:pointer;font-family:'Malgun Gothic';border-radius:5px;-webkit-border-radius:5px;color:#545454;font-size:9pt;padding:6px 16px;border:1px solid #ddd;background:#fff;text-align:center;}
.btn01:hover{background-color:#eee;}
.btnlist{background:url(../img/icon_list.png) no-repeat 16px center;padding-left:34px !important;}
.btnsearch{background:url(../img/icon_search.png) no-repeat 16px center;padding-left:34px !important;}
.btn02{vertical-align:middle;background:#5874c6;color:#fff;padding:2px 10px 4px 10px;cursor:pointer;border-radius:5px;-webkit-border-radius:5px;}


#back-top {
    position: fixed;
    bottom: 30px;
    margin-left: -150px;
}
 
#back-top a {
    width: 50px;
    display: block;
    text-align: center;
    font: 11px/100% Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    text-decoration: none;
    color: #bbb;
 
    /* transition */
    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s;
}
#back-top a:hover {
    color: #000;
}
 
/* arrow icon (span tag) */
#back-top span {
    width: 50px;
    height: 50px;
    display: block;
    margin-bottom: 7px;
    background: #ddd url(up-arrow.png) no-repeat center center;
 
    /* rounded corners */
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
 
    /* transition */
    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s;
}
#back-top a:hover span {
    background-color: #777;
}