@charset "utf-8";

#skipnavi {overflow:hidden;position:relative;width:100%;z-index:1000;}
#skipnavi a{display:block;overflow:hidden;height:1px;width:1px;margin:0 -1px -1px 0;font-size:0;line-height:0;text-align:center}
#skipnavi a:focus, #accessibility a:hover, #accessibility a:active {width:auto;height:20px;margin:0;padding:8px 0 0 15px;background:#20262c;font-size:12px;font-weight:700;line-height:1;color:#fff;}

/*common */

#rapper {width:100%;zoom:1;overflow:hidden;}
#rapper:after {content:".";height:0;font-size:0;visibility:hidden;display:block;clear:both;}
#visual {background: #eaeaea;width:100%;}
.main_slider { max-width: 950px;margin:0 auto; }
.main_slider  .slides {display: block;	position: relative;	overflow: hidden;}
.main_slider  .slides li {position: absolute;top: 0;left: 0;overflow: hidden;}
.main_slider  .slides li img {	display: block;	width: 100%;max-width: none;}
.main_slider  .slides li.active { display: block; position: relative; }
.main_slider  .crop li img { width: auto; }
.main_slider  .pager {	height: 20px;text-align: center;.margin-left:400px;}
.main_slider .pager li { display: inline-block; .float:left;}
.main_slider  .pager li a,
.main_slider  .pager li a span {display: block;height: 4px;width: 4px;}
.main_slider  .pager li a {padding: 10px 8px;
    -webkit-border-radius: 6px; -moz-border-radius: 6px;
	border-radius: 6px;
}
.main_slider  .pager li a span {
	overflow: hidden;
	background: #c0c0c0;
	text-indent: -9999px;
-webkit-border-radius: 2px;
   -moz-border-radius: 2px;
	border-radius: 2px;
}
.main_slider .pager li.active a span { background: #404040; }


.btn_set01 {display:inline-block;width:75px;height:20px;background: url(../image/common/bg_btn.gif) no-repeat;color:#fff;padding:3px 8px 5px 15px;font-family:dotum;font-size:11px;letter-spacing:-0.05em;} 
.btn_set01:link  {color:#fff;text-decoration:none;}
.btn_set01:active {color:#fff;text-decoration:none;}
.btn_set01:visited {color:#fff;text-decoration:none;}
.btn_set01:hover {color:#fff;text-decoration:none;}




@media only screen and (min-width:100px) and (max-width:767px) {

#topNavi {display:none;}
#tabletNavi  {display:none;}

#head_area {width:100%;margin:0 auto;height:130px;}
.header {width:100%;height:119px;margin:0 auto;position:relative;}

.logo {padding-top:10px;text-align:center;}
.mobile_back {position:absolute;right:10px;top:30px;}

.util_mn {clear:both;width:100%;position:relative;clear:both;background:#8d1a1e;margin-top:5px;padding-top:5px;height:38px;} 
.util_mn ul {float:right;margin-right:20px;}
.util_mn li {float:left;background: url(../image/common/bg_utilline.gif) no-repeat right 9px;padding:0 9px;padding-top:6px;}
.util_mn li a {font-size:11px;color:#fff;}
.util_mn li.mb_none {display:none;}
.util_mn li.search {background:none;border:2px solid #e3e5e6;margin-left:10px;height:26px;padding:0;width:150px;position:relative;background:#fff;}
.util_mn li.search .top_search {border:0;height:16px;width:100px;margin:2px 0 0 2px;}
.util_mn li.search .btn {display:block;position:absolute;right:2px;top:0px;}

#mobile_nav {display:block;margin:10px auto;clear:both;width:98%;}
#mobile_nav  li {font-size:16px;line-height:150%;border:1px solid #c1c1c1;margin-bottom:3px;font-weight:bold;}
#mobile_nav li > a {display:inline-block;padding:8px 0;width:100%;background:#fdfdfd;position:relative;
background-image: linear-gradient(bottom, rgb(253,253,253) 35%, rgb(242,242,242) 63%, rgb(253,253,253) 84%);
background-image: -o-linear-gradient(bottom, rgb(253,253,253) 35%, rgb(242,242,242) 63%, rgb(253,253,253) 84%);
background-image: -moz-linear-gradient(bottom, rgb(253,253,253) 35%, rgb(242,242,242) 63%, rgb(253,253,253) 84%);
background-image: -webkit-linear-gradient(bottom, rgb(253,253,253) 35%, rgb(242,242,242) 63%, rgb(253,253,253) 84%);
background-image: -ms-linear-gradient(bottom, rgb(253,253,253) 35%, rgb(242,242,242) 63%, rgb(253,253,253) 84%);

background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.35, rgb(253,253,253)),
	color-stop(0.63, rgb(242,242,242)),
	color-stop(0.84, rgb(253,253,253))
);
}
#mobile_nav li strong {margin-left:20px;}
#mobile_nav li a span {position:absolute;right:6px;top:6px;}

.dropdown {display:none;	padding-top:5px;width:100%;border:0 !important;border-bottom:1px solid #c1c1c1 !important;}
.dropdown  a {background-image:none  !important;background:none  !important;}
.dropdown  a b {margin-left:20px;font-size:14px;font-weight:normal;}


#mcontent_area {width:100%;margin:0 auto;padding-top:20px;clear:both;}
.mainleft_colum {width:100%;margin:0 auto;}
.notice_area {width:100%;margin:0 auto;height:251px;clear:both;border:1px solid #c5c5c5;}

.board_Box {position:relative; width:99%;margin:0 auto; height:250px;}
.board_Box h2 {position:absolute; top:15px; text-align:center; z-index:2; font-size:18px}
.board_Box h2.voice_head {left:13px;width:100px;background: url(../image/common/bg_line.gif) no-repeat right 8px;}
.board_Box h2.noti_head {left:106px;width:100px;background: url(../image/common/bg_line.gif) no-repeat right 8px;}
.board_Box h2.qa_head {left:190px;width:130px;}
.board_Box h2.noti_head a, .board_Box h2.qa_head a,.board_Box h2.voice_head a {display:block; padding-top:8px; height:18px; color:#818181}
.board_Box h2.noti_head a.active, .board_Box h2.qa_head a.active, .board_Box h2.voice_head a.active {height:18px; color:#8d1a1e; cursor:default}
.board_Box ul {position:absolute; top:50px; left:26px; font-size:11px;width:90%;}
.board_Box ul li {line-height:1.95em;position:relative;font-family:dotum;font-size:14px;width:90%;overflow:hidden;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap;}
.board_Box .more {position:absolute;top:220px;left:26px;}
.board_Box .more1 {position:absolute;top:150px;left:46px;}
.board_Box ul li .data {position:absolute;right:0;top:1px;color:#666;font-size:12px;display:none;}
.voice_body {background: url(../image/common/bg_voice.gif) no-repeat right top;height:250px;position:relative;}
.voice_body a {color:#666}
.voice_body a:hover {text-decoration:underline}
.noti_body a {color:#666}
.noti_body a:hover {text-decoration:underline}
.qa_body a {color:#666}
.qa_body a:hover {text-decoration:underline}

.voice_body h3 {position:absolute;top:80px;left:20px;font-size:18px;color:#333333;}
.voice_body p {position:absolute;top:105px;line-height:150%;left:20px;font-size:12px;color:#333333;}


.main_side {width:100%;margin:0 auto;}
.note {width:100%;height:200px;background: url(../image/common/bg_note2.gif) no-repeat right bottom;position:relative;border:1px solid #ccc;}
.note h3 {font-family:'NanumGothicBold';font-size:16px;position:absolute;top:20px;left:20px;}
.note p {position:absolute;position:absolute;top:50px;left:20px;color:#888d92;font-size:11px;font-family:dotum;}
.note .more {position:absolute;top:150px;left:20px;}

.livebox {clear:both;width:100%;height:130px;background: url(../image/common/bg_live.gif) no-repeat right top;position:relative;padding-top:10px;}
.livebox p {padding-top:10px;margin-left:20px;font-family:dotum;font-size:11px;color:#888d92;}
.live_cast .title {width:100%;margin:0 auto;font-family:'NanumGothicBold';font-size:16px;border-bottom:2px solid #e1e1e1;height:28px;padding-top:10px;}
.live_cast .title h3 {margin-left:20px;}

.truebook {clear:both;margin-top:35px;}
.truebook h3 {font-family:'NanumGothicBold';font-size:16px;margin-left:20px;}
.truebook .title_area {position:relative;height:26px;}
.truebook .title_area .more {position:absolute;right:0;top:0px;}
.trubook_con {width:0;height:0px;visibility:hidden;}
.trubook_con2 {width:100%;height:141px;background: url(../image/common/bg_truebook2.gif) no-repeat center top;clear:both;padding-top:20px;position:relative;}
.trubook_con2 p {margin-left:20px;}


#footer_area {clear:both;margin-top:20px;border-top:1px solid #af252a;background:#e8e8e8;}
.bottombn_link {width:99%;margin:0 auto;padding:10px 0;text-align:center;}
.bottombn_link img {width:33%;}
.copyright {width:99%;padding:10px 0;border-top:1px solid #cdcdcd;margin:0 auto;}
.copyright .float-l {display:none;}
.copy {color:#666;font-size:12px;padding-top:10px;}

/*sub page */
#subvisual {width:100%;height:0px;background: url(../image/common/bg_subvisual.gif) repeat-x;visibility:hidden;}
#subcont_area {width:100%;margin:0 auto;}
#sub_nav {width:100%;padding-top:0px;overflow:hidden;.margin-top:-8px;}
#sub_nav h2 {font-size:25px;margin-left:10px;display:none;}
.lnb_mn {clear:both;margin-top:0px;margin-left:1%;}
.lnb_mn li {width:49.5%;border-bottom:1px solid #ccc;float:left;overflow:hidden;border-right:1px solid #ccc;}
.lnb_mn li a {display:inline-block;padding:5px 0 5px 10px;font-size:14px;width:100%;color:#000000;}
.lnb_mn li.line {border-left:1px solid #ccc;}
.lnb_mn li a:hover {color:#a2181c;background:#e5e5e5;}
.lnb_mn li a.on{color:#a2181c;background:#e5e5e5;}
.lnb_mn li a:visited {color:#000;}
.lnb_mn li ul {display:none;}


#subcont {width:100%;clear:both;padding-bottom:100px;margin-top:20px;}
.sub_img {margin-top:0px;height:0px;visibility:hidden;}
.sub_title {width:98%;margin:0 auto;height:63px;position:relative;}
.page_title {float:left;}
.page_title h3 {font-size:20px;}
.page_title p {clear:both;margin-top:10px;margin-left:5px;color:#8f0a0a;font-weight:bold;}
.sub_title .locaction {font-size:11px;color:#333;position:absolute;right:0;top:5px;font-family:dotum;padding-left:12px;background: url(../image/common/icon_home.gif) no-repeat left 3px;color:#a69a98;}
.cont {clear:both;padding:30px 10px;margin:0 auto;line-height:150%;color:#666666;}
/* content */
.introducationtxt {line-height:155%;}
.introducationtxt .bold {font-size:14px;color:#988d84;line-height:155%;}
.introimg {clear:both;}
.introimg img {width:90%;}
.top_box {border:1px solid #ececec;background:#f6f6f6;padding:10px;font-size:12px;color:#736357;line-height:155%;}
.history_list {clear:both;margin-top:50px;background: url(../image/cont/an_img02.jpg) no-repeat center bottom;padding-bottom:300px;}
.list02 li {line-height:150%;background: url(../image/cont/icon_arrow.jpg) no-repeat left 2px;padding-left:19px;margin-bottom:5px;font-size:90%;}
.book_reviebox {border-top:1px solid #cccccc;padding-top:20px;}
.book_reviebox h4 {font-size:14px;}
.book_box {clear:both;margin-top:20px;zoom:0;}
.bookcover {width:190px;text-align:center;}
.book_viewtype {clear:both;;padding:20px 0  20px 0;}
.book_viewtype li {float:left;text-align:center;border-right:1px solid #cccccc;padding:20px 8px;font-size:90%;}
.book_viewtype li img {width:50%;}
.book_detail {border-top:1px solid #cccccc;padding:20px 0;clear:both;margin-top:20px;line-height:150%;}
.tapetbla  {margin:0 auto;}
.tapetbla th {background:#998675;padding:6px 0;text-align:center;color:#fff;}
.tapetbla th a {color:#fff;font-size:11px;}
.tapetbla td {height:28px;text-align:center;color:#666666;border-bottom:1px solid #cccccc;vertical-align:middle;font-family:dotum;font-size:90%;}
.tapetbla td a {display:inline;}
.mob {display:none;}
.quck_link {clear:both;margin:30px auto;width:98%;}
.quck_link  ul {height:40px;}
.quck_link li {float:left;border-right:1px solid #ccc;line-height:1%;font-size:1px;margin-right:1%;}
.quck_link li:last-child {border-right:0;}

.book_viewbox {padding:10px;border:2px solid #ccc;margin-bottom:20px;line-height:145%;}

.jinlibook_list li {clear:both;line-height:1px;font-size:1px;text-align:center;width:99%;margin-bottom:20px;}
.jinlibook_list li.div {padding:3px;border:1px solid #f7f7f7;}
.jinlibook_list li img {width:300px;height:370px;}

.jinlibook_list2 li {clear:both;line-height:1px;font-size:1px;text-align:center;width:99%;margin-bottom:20px;}
.jinlibook_list2 li.div {padding:3px;border:1px solid #f7f7f7;}
.jinlibook_list2 li img {width:300px;height:370px;}
}


/* tablet css */
@media  all and (min-width : 768px) and (max-width : 1024px) {

#head_area {width:100%;margin:0 auto;height:121px;}
.header {width:100%;height:130px;margin:0 auto;position:relative;}
.logo {float:left;padding-top:10px;margin-left:15px;}
.mobile_back {display:none;}
.util_mn {position:absolute;top:20px;right:10px;} 
.util_mn li {float:left;background: url(../image/common/bg_utilline.gif) no-repeat right 9px;padding:0 9px;padding-top:6px;}
.util_mn li a {font-size:11px;color:#888d92;}
.util_mn li.search {background:#fff;border:2px solid #e3e5e6;margin-left:10px;height:26px;padding:0;width:189px;position:relative;}
.util_mn li.search .top_search {border:0;height:16px;width:120px;margin:2px 0 0 2px;}
.util_mn li.search .btn {display:block;position:absolute;right:2px;top:0px;}

#topNavi {width:100%;position:relative;clear:both;background:#8d1a1e;margin-top:15px;padding-top:10px;display:none;}

#mobile_nav {display:none;}


#tabletNavi  {width:100%;position:relative;clear:both;background:#8d1a1e;margin-top:15px;padding-top:10px;}
#tabletNavi .gnbinner {width:650px;position:relative;height:28px;margin:0 auto;}
#tbl_gnb {  position:absolute; top:0px; width:630px;  right:0; z-index:30;}
#tbl_gnb  li{float:left;text-align:center;margin-right:40px;} 
#tbl_gnb  li.last {margin-right:0;}
#tbl_gnb  li a {color:#fff;font-family:'NanumGothicBold';font-size:14px;display:inline-block;font-weight:bold;}
#tbl_gnb  li a:hover {color:#f1f1f1;}
#tbl_gnb  li a.on  {color:#f1f1f1;}

#mcontent_area {width:100%;margin:0 auto;padding-top:20px;clear:both;}
.mainleft_colum {max-width:1000px;margin:0 auto;}
.notice_area {mx-width:1000px;margin:0 auto;height:251px;clear:both;border:1px solid #c5c5c5;}

.board_Box {position:relative; max-width:1000px;margin:0 auto; height:250px;}
.board_Box h2 {position:absolute; top:30px; text-align:center; z-index:2; font-size:18px}
.board_Box h2.voice_head {left:33px;width:100px;background: url(../image/common/bg_line.gif) no-repeat right 8px;}
.board_Box h2.noti_head {left:126px;width:100px;background: url(../image/common/bg_line.gif) no-repeat right 8px;}
.board_Box h2.qa_head {left:210px;width:130px;}
.board_Box h2.noti_head a, .board_Box h2.qa_head a,.board_Box h2.voice_head a {display:block; padding-top:8px; height:18px; color:#818181}
.board_Box h2.noti_head a.active, .board_Box h2.qa_head a.active, .board_Box h2.voice_head a.active {height:18px; color:#8d1a1e; cursor:default}
.board_Box ul {position:absolute; top:70px; left:46px; font-size:11px;width:90%;}
.board_Box ul li {line-height:1.95em;position:relative;font-family:dotum;font-size:14px;}
.board_Box ul li .data {position:absolute;right:0;top:1px;color:#666;font-size:12px;}
.board_Box .more {position:absolute;top:20px;right:26px;}
.board_Box .more1 {position:absolute;top:200px;left:46px;}
.voice_body {background: url(../image/common/bg_voice.gif) no-repeat right top;height:250px;position:relative;}
.voice_body a {color:#666}
.voice_body a:hover {text-decoration:underline}
.noti_body a {color:#666}
.noti_body a:hover {text-decoration:underline}
.qa_body a {color:#666}
.qa_body a:hover {text-decoration:underline}

.voice_body h3 {position:absolute;top:80px;left:60px;font-size:18px;color:#333333;}
.voice_body p {position:absolute;top:105px;line-height:150%;left:60px;font-size:14px;color:#333333;}


.main_side {width:750px;margin:0 auto;}
.note {width:380px;height:200px;background: url(../image/common/bg_note2.gif) no-repeat right bottom;position:relative;border:1px solid #ccc;float:left;}
.note h3 {font-family:'NanumGothicBold';font-size:16px;position:absolute;top:20px;left:20px;}
.note p {position:absolute;position:absolute;top:50px;left:20px;color:#888d92;font-size:11px;font-family:dotum;}
.note .more {position:absolute;top:150px;left:20px;}

.truebook {clear:both;margin:35px auto;width:750px;}
.truebook h3 {font-family:'NanumGothicBold';font-size:16px;margin-left:20px;}
.truebook .title_area {position:relative;height:26px;}
.truebook .title_area .more {position:absolute;right:0;top:0px;}
.trubook_con {width:750px;height:181px;background: url(../image/common/bg_truebook.gif) no-repeat center top;clear:both;padding-top:20px;}
.trubook_con2{width:0;height:0px;visibility:hidden;}



.live_cast {width:278px;height:191px;position:relative;float:right;}
.live_cast .title {width:278px;margin:0 auto;font-family:'NanumGothicBold';font-size:16px;border-bottom:2px solid #e1e1e1;height:28px;}
.live_cast .title h3 {margin-left:20px;}
.livebox {width:278px;height:157px;background: url(../image/common/bg_live.gif) no-repeat;position:relative;}
.livebox p {padding-top:20px;margin-left:20px;font-family:dotum;font-size:11px;color:#888d92;}

#footer_area {clear:both;margin-top:20px;border-top:1px solid #af252a;background:#e8e8e8;}
.bottombn_link {width:100%;margin:0 auto;padding:10px 0;text-align:center;}
.bottombn_link img {width:20%;}
.copyright {width:100%;padding:10px 0;border-top:1px solid #cdcdcd;margin:0 auto;}
.copy {color:#666;font-size:12px;padding-top:10px;}


/*sub page */
#subvisual {width:100%;height:0px;background: url(../image/common/bg_subvisual.gif) repeat-x;visibility:hidden;}
#subcont_area {width:100%;margin:0 auto;clear:both;}
#sub_nav {width:100%;padding-top:0px;clear:both;overflow:hidden;}
#sub_nav h2 {font-size:25px;margin-left:10px;display:none;}
.lnb_mn {clear:both;margin-top:0px;margin-left:1%;.margin-top:11px;}
.lnb_mn li {width:49.5%;border-bottom:1px solid #ccc;float:left;overflow:hidden;border-right:1px solid #ccc;}
.lnb_mn li a {display:inline-block;padding:5px 0 5px 10px;font-size:14px;width:100%;color:#000000;}
.lnb_mn li.line {border-left:1px solid #ccc;}
.lnb_mn li a:hover {color:#a2181c;background:#e5e5e5;}
.lnb_mn li a.on{color:#a2181c;background:#e5e5e5;}
.lnb_mn li a:visited {color:#000;}
.lnb_mn li ul {display:none;}

#subcont {width:100%;clear:both;padding-bottom:100px;margin-top:20px;}
.sub_img {margin-top:0px;height:0px;visibility:hidden;}
.sub_title {width:98%;margin:0 auto;height:63px;position:relative;}
.page_title {float:left;}
.page_title h3 {font-size:26px;line-height:145%;}
.page_title p {clear:both;margin-top:10px;margin-left:5px;color:#8f0a0a;font-weight:bold;}
.sub_title .locaction {font-size:11px;color:#333;position:absolute;right:0;top:30px;font-family:dotum;padding-left:12px;background: url(../image/common/icon_home.gif) no-repeat left 4px;color:#a69a98;}
.cont {clear:both;padding:30px 30px;margin:0 auto;line-height:150%;color:#666666;}

/* content */
.introducationtxt {float:left;width:400px;line-height:155%;}
.introducationtxt .bold {font-size:14px;color:#988d84;line-height:155%;}
.introimg {float:right;}

.top_box {border:1px solid #ececec;background:#f6f6f6;padding:10px;font-size:12px;color:#736357;line-height:155%;}
.history_list {clear:both;margin-top:50px;background: url(../image/cont/an_img02.jpg) no-repeat right 100px;}
.list02 li {line-height:150%;background: url(../image/cont/icon_arrow.jpg) no-repeat left 2px;padding-left:19px;margin-bottom:5px;}
.book_reviebox {border-top:1px solid #cccccc;padding-top:20px;}
.book_reviebox h4 {font-size:16px;}
.book_box {clear:both;margin-top:20px;zoom:0;}
.bookcover {float:left;width:190px;text-align:center;}
.book_viewtype {float:right;width:520px;padding:50px 0  20px 0;}
.book_viewtype li {float:left;width:100px;text-align:center;border-right:1px solid #cccccc;padding:20px 0;}
.book_detail {border-top:1px solid #cccccc;padding:20px 0;clear:both;margin-top:20px;line-height:150%;}

.tapetbla  {margin:0 auto;}
.tapetbla th {background:#998675;padding:6px 0;text-align:center;color:#fff;}
.tapetbla th a {color:#fff;font-size:13px;}
.tapetbla td {height:28px;text-align:center;color:#666666;border-bottom:1px solid #cccccc;vertical-align:middle;font-family:dotum;}
.tapetbla td a {display:inline;}

.quck_link {clear:both;margin:30px auto;width:98%;}
.quck_link  ul {height:40px;}
.quck_link li {float:left;border-right:1px solid #ccc;line-height:1%;font-size:1px;margin-right:1%;}


.book_viewbox {padding:10px;border:2px solid #ccc;margin-bottom:20px;line-height:145%;}

.jinlibook_list li {float:left;margin-right:30px;height:170px;width:110px;line-height:0px;font-size:0px;}
.jinlibook_list li.none {margin-right:0px;}
.jinlibook_list li.div {padding:3px;border:1px solid #f7f7f7;height:154px;width:110px;}

.jinlibook_list2 li {float:left;margin-right:30px;height:170px;width:110px;line-height:0px;font-size:0px;}
.jinlibook_list2 li.none {margin-right:0px;}
.jinlibook_list2 li.div {padding:3px;border:1px solid #f7f7f7;height:154px;width:110px;}

}




@media  all and (min-width : 1025px) {

#head_area {width:100%;margin:0 auto;border-bottom:4px solid #af252a;height:119px;}
.header {width:952px;height:119px;margin:0 auto;position:relative;}
.logo {float:left;padding-top:24px;z-index:5000;position:relative;}
.mobile_back {display:none;}
.util_mn {position:absolute;top:20px;right:10px;} 
.util_mn li {float:left;background: url(../image/common/bg_utilline.gif) no-repeat right 9px;padding:0 9px;padding-top:6px;}
.util_mn li a {font-size:11px;color:#888d92;}
.util_mn li.search {background:none;border:2px solid #e3e5e6;margin-left:10px;height:26px;padding:0;width:189px;position:relative;}
.util_mn li.search .top_search {border:0;height:16px;width:120px;margin:2px 0 0 2px;}
.util_mn li.search .btn {display:block;position:absolute;right:2px;top:0px;}

#tabletNavi {display:none;}
#mobile_nav {display:none;}

#topNavi {width:700px;position:absolute;right:0px;top:60px;}
.gnbinner {width:700px;position:relative;height:38px;}

#gnb{  position:absolute; top:0px; width:680px;  right:0; z-index:30;}
#gnb li{float:left;text-align:center;margin-right:50px;} 
#gnb li.last {margin-right:0;}
#gnb li a {color:#333333;font-family:'NanumGothicBold';font-size:14px;display:inline-block;font-weight:bold;}
#gnb li a:hover {color:#8d1a1e;}
#gnb li a.on  {color:#8d1a1e;}



#sm {height: 350px; width: 100%; overflow: hidden; position: absolute; z-index: 9999; top: 90px; left: 0;border-bottom:4px solid #af252a;background: #fff;font-family:dotum;}
#sm_box {position:relative;height: 330px; width: 950px;margin:0 auto;padding-top:10px;}
#sm_box a {color:#303030;padding:3px 0 3px 10px;font-size:11px;width:90px;display:inline-block;}
#sm_box a:hover {color:#0a2f93;background: #ededed;color:#8d1a1e;font-size:11px;}
#sm_box > ul {margin-left:260px;}
#sm_box  li {float:left;width:100px;}

.sm01 {width:120px;position:absolute;top:10px;left:261px;}
.sm02 {width:115px;position:absolute;top:10px;left:358px;}
.sm03 {width:118px;position:absolute;top:10px;left:460px;}
.sm04 {width:110px;position:absolute;top:10px;left:580px;}
.sm05 {width:100px;position:absolute;top:10px;left:690px;}
.sm06 {width:100px;position:absolute;top:10px;left:785px;}

#mcontent_area {width:951px;margin:0 auto;padding-top:20px;clear:both;}
.mainleft_colum {float:left;width:662px;}
.notice_area {width:659px;height:251px;clear:both;border:1px solid #c5c5c5;}

.board_Box {position:relative; width:659px; height:250px;}
.board_Box h2 {position:absolute; top:30px; text-align:center; z-index:2; font-size:18px}
.board_Box h2.voice_head {left:33px;width:100px;background: url(../image/common/bg_line.gif) no-repeat right 8px;}
.board_Box h2.noti_head {left:126px;width:100px;background: url(../image/common/bg_line.gif) no-repeat right 8px;}
.board_Box h2.qa_head {left:210px;width:130px;}
.board_Box h2.noti_head a, .board_Box h2.qa_head a,.board_Box h2.voice_head a {display:block; padding-top:8px; height:18px; color:#818181}
.board_Box h2.noti_head a.active, .board_Box h2.qa_head a.active, .board_Box h2.voice_head a.active {height:18px; color:#8d1a1e; cursor:default}
.board_Box ul {position:absolute; top:70px; left:46px; font-size:11px;width:590px;}
.board_Box ul li {line-height:1.95em;position:relative;font-family:dotum;}
.board_Box ul li .data {position:absolute;right:0;top:1px;color:#666;}
.board_Box .more {position:absolute;top:200px;left:46px;}
.board_Box .more1 {position:absolute;top:200px;left:46px;}
.voice_body {background: url(../image/common/bg_voice.gif) no-repeat;height:250px;position:relative;}
.voice_body a {color:#666}
.voice_body a:hover {text-decoration:underline}
.noti_body a {color:#666}
.noti_body a:hover {text-decoration:underline}
.qa_body a {color:#666}
.qa_body a:hover {text-decoration:underline}

.voice_body h3 {position:absolute;top:80px;left:60px;font-size:18px;color:#333333;}
.voice_body p {position:absolute;top:105px;line-height:150%;left:60px;font-size:14px;color:#333333;}


.main_side {float:right;width:278px;}
.note {width:278px;height:253px;background: url(../image/common/bg_note.gif) no-repeat;position:relative;}
.note h3 {font-family:'NanumGothicBold';font-size:16px;position:absolute;top:20px;left:20px;}
.note p {position:absolute;position:absolute;top:50px;left:20px;color:#888d92;font-size:11px;font-family:dotum;}
.note .more {position:absolute;top:20px;right:0px;}

.truebook {clear:both;margin-top:35px;}
.truebook h3 {font-family:'NanumGothicBold';font-size:16px;margin-left:20px;}
.truebook .title_area {position:relative;height:26px;}
.truebook .title_area .more {position:absolute;right:0;top:0px;}
.trubook_con {width:662px;height:141px;background: url(../image/common/bg_truebook.gif) no-repeat;clear:both;padding-top:20px;font-weight:normal;}
.trubook_con2 {width:0;height:0px;visibility:hidden;}
.trubook_con h3 {font-weight:normal !important;}


.live_cast {width:278px;height:191px;position:relative;clear:both;margin-top:35px;background: url(../image/common/bg_live.gif) no-repeat right 40px;}
.live_cast  .title {width:278px;margin:0 auto;font-family:'NanumGothicBold';font-size:16px;border-bottom:2px solid #e1e1e1;height:28px;}
.live_cast  .title h3 {margin-left:20px;}
.livebox {width:278px;height:157px;background: url(/image/common/bg_live.gif) no-repeat;position:relative;}
.livebox p {padding-top:20px;margin-left:20px;font-family:dotum;font-size:11px;color:#888d92;}

#footer_area {clear:both;border-top:1px solid #af252a;background:#e8e8e8;}
.bottombn_link {width:960px;margin:0 auto;padding:10px 0;}
.copyright {width:960px;padding:10px 0;border-top:1px solid #cdcdcd;margin:0 auto;}
.copy {color:#666;font-size:12px;padding-top:10px;}

/*sub page */
#subvisual {width:100%;height:98px;background: url(../image/common/bg_subvisual.gif) repeat-x;}
#subcont_area {width:952px;margin:0 auto;}
#sub_nav {width:178px;float:left;padding-top:45px;}
#sub_nav h2 {font-size:25px;margin-left:10px;}
.lnb_mn {clear:both;margin-top:30px;}
.lnb_mn li  a {display:inline-block;padding:5px 0 5px 10px;font-size:13px;width:171px;color:#000000;}
.lnb_mn li a:hover {color:#a2181c;background:#e5e5e5;}
.lnb_mn li a.on{color:#a2181c;background:#e5e5e5;}
.lnb_mn li a:visited {color:#000;}
.lnb_mn li ul a {font-size:11px !important;font-family:dotum;color:#666;}

#subcont {float:right;width:770px;border-left:1px solid #ccc;padding-bottom:100px;}
.sub_img {margin-top:-98px;height:167px;position:relative;}
.sub_title {width:736px;height:63px;position:relative;float:right;margin-top:-40px;}
.page_title {float:left;}
.page_title h3 {font-size:30px;line-height:145%;}
.page_title p {clear:both;margin-top:10px;margin-left:5px;color:#8f0a0a;font-weight:bold;}
.sub_title .locaction {font-size:11px;color:#333;position:absolute;right:0;top:50px;font-family:dotum;padding-left:12px;background: url(../image/common/icon_home.gif) no-repeat left 4px;color:#a69a98;}
.cont {clear:both;padding:30px 0px;width:740px;float:right;line-height:150%;color:#666666;}
.visual_text {font-size:26px;position:absolute;left:250px;top:50px;font-weight:bold;color:#876963;}

/* content */
.introducationtxt {float:left;width:400px;line-height:155%;}
.introducationtxt .bold {font-size:14px;color:#988d84;line-height:155%;}
.introimg {float:right;}

.top_box {border:1px solid #ececec;background:#f6f6f6;padding:10px;font-size:12px;color:#736357;line-height:155%;}
.history_list {clear:both;margin-top:50px;background: url(../image/cont/an_img02.jpg) no-repeat right 100px;}
.list02 li {line-height:150%;background: url(../image/cont/icon_arrow.jpg) no-repeat left 2px;padding-left:19px;margin-bottom:5px;}

.book_reviebox {border-top:1px solid #cccccc;padding-top:20px;}
.book_reviebox h4 {font-size:16px;}
.book_box {clear:both;margin-top:20px;zoom:0;}
.bookcover {float:left;width:190px;text-align:center;}
.book_viewtype {float:right;width:510px;padding:50px 0  20px 0;}
.book_viewtype li {float:left;width:95px;text-align:center;border-right:1px solid #cccccc;height:90px;}
.book_detail {border-top:1px solid #cccccc;padding:20px 0;clear:both;margin-top:20px;line-height:150%;}

.tapetbla  {margin:0 auto;}
.tapetbla th {background:#998675;padding:6px 0;text-align:center;color:#fff;}
.tapetbla th a {color:#fff;font-size:13px;}
.tapetbla td {height:28px;text-align:center;color:#666666;border-bottom:1px solid #cccccc;vertical-align:middle;font-family:dotum;}
.tapetbla td a {display:inline;}


.book_viewbox {padding:10px;border:2px solid #ccc;margin-bottom:20px;line-height:145%;}

.jinlibook_list li {float:left;margin-right:30px;height:170px;width:110px;line-height:0px;font-size:0px;}
.jinlibook_list li.none {margin-right:0px;}
.jinlibook_list li.div {padding:3px;border:1px solid #f7f7f7;height:154px;width:110px;}

.jinlibook_list2 li {float:left;margin-right:30px;height:170px;width:110px;line-height:0px;font-size:0px;}
.jinlibook_list2 li.none {margin-right:0px;}
.jinlibook_list2 li.div {padding:3px;border:1px solid #f7f7f7;height:154px;width:110px;}

}

@media  all and (min-width : 1024px) and (max-width : 1200px) {

.quck_link {clear:both;margin:30px auto;width:900px;}
.quck_link  ul {height:40px;}
.quck_link li {float:left;border-right:1px solid #ccc;line-height:1%;font-size:1px;margin-right:1%;}

}

@media  all and (min-width : 1201px) {

.quck_link {padding:20px;border:2px solid #e1e1e1;position:absolute;top:250px;right:10px;background:#fff;}
.quck_link  ul {width:90px;margin:0px;}
.quck_link li {border-bottom:1px solid #ccc;line-height:1%;font-size:1px;}


}