@font-face {
 font-family: 'NanumSquare';
 src: url(../font/NanumSquareR.eot);
 src: url(../font/NanumSquareR.eot?#iefix) format('embedded-opentype'),
   url(../font/NanumSquareR.woff) format('woff'),
   url(../font/NanumSquareR.ttf) format('truetype');
}
@font-face {
 font-family: 'NanumSquare Light';
 src: url(../font/NanumSquareL.eot);
 src: url(../font/NanumSquareL.eot?#iefix) format('embedded-opentype'),
   url(../font/NanumSquareL.woff) format('woff'),
   url(../font/NanumSquareL.ttf) format('truetype');
}
@font-face {
 font-family: 'NanumSquare ExtraBold';
 src: url(../font/NanumSquareEB.eot);
 src: url(../font/NanumSquareEB.eot?#iefix) format('embedded-opentype'),
   url(../font/NanumSquareEB.woff) format('woff'),
   url(../font/NanumSquareEB.ttf) format('truetype');
}
@font-face {
 font-family: 'NanumSquareBold';
 src: url(../font/NanumSquareB.eot);
 src: url(../font/NanumSquareB.eot?#iefix) format('embedded-opentype'),
   url(../font/NanumSquareB.woff) format('woff'),
   url(../font/NanumSquareB.ttf) format('truetype');
}

@font-face {
 font-family: 'NanumSquareRound';
 src: url(../font/NanumSquareRound/NanumSquareRoundR.eot);
 src: url(../font/NanumSquareRound/NanumSquareRoundR.eot?#iefix) format('embedded-opentype'),
   url(../font/NanumSquareRound/NanumSquareRoundR.woff2) format('woff2'),
   url(../font/NanumSquareRound/NanumSquareRoundR.woff) format('woff'),
   url(../font/NanumSquareRound/NanumSquareRoundR.ttf) format('truetype');
}


* {border-width:0;margin:0;}
p {margin:0; padding:0;}	
body {overflow-x:hidden; background-color:#ffffff;}

.wrap {top:0px; width:100%; min-width:1200px;}

.centerdiv {display:table; width:1200px; margin:0 auto; text-align:center;}
.relative {position:relative; left:0; top:0;}







/*-----HEADER-----*/
.top_contents {position:fixed ; display:table; top:0; left:0; width:100%; min-width:1200px; text-align:center; padding:0; background:#fff; border-bottom:2px solid #58aaa1; z-index:100;;
					    _position:absolute; _top:expression(offsetParent.scrollTop+0+'px');}

/*NAVI*/
.top_contents .logo {float:left; display:table; text-align:center; padding:20px 0;}

.top_contents .navicontents {float:right; display:table; text-align:center; padding:29px 0 0 0; width:1000px; margin-right:-20px; *zoom:1; }
.top_contents .navicontents ul {margin:0; padding:0; font-size:0; *zoom:1;}
.top_contents .navicontents ul li {position:relative; float:right; text-align:center; padding:0 20px 18px 20px; margin:0; *zoom:1;}
.top_contents .navicontents a,
.top_contents .navicontents a:visited {font-family:'NanumSquare','Nanum Gothic','³ª´®°íµñ'; font-size:19px; font-weight:400; *zoom:1; color:#71685c; text-decoration:none;}
.top_contents .navicontents a:hover {color:#3f8d84;}

.top_contents .navicontents .nsubmenu {position:absolute; width:140px; top:40px; left:50%; margin-left:-70px; display:none;}
.top_contents .navicontents .nsubmenu ul {display:table; width:120px; *width:140px; margin:16px 0 0; padding:5px 10px 10px; background:#fff; border:2px solid #58aaa1; border-top:none;}
.top_contents .navicontents .nsubmenu ul li {clear:both; width:100%; text-align:center; padding:5px 0; margin:0; *zoom:1; border-bottom:1px solid #eee; *zoom:1;}
.top_contents .navicontents .nsubmenu a,
.top_contents .navicontents .nsubmenu a:visited {font-family:'Nanum Gothic','³ª´®°íµñ'; font-size:14px; font-weight:400; line-height:25px; *zoom:1; color:#666; text-decoration:none;}
.top_contents .navicontents .nsubmenu a:hover {color:#3f8d84;}

/*ÇÏ´Ü*/
.bottom {clear:both; display:table; width:100%; min-width:1200px; text-align:center; padding:40px 0; margin:0; background-color:#4e463d;}

.bottom .logo {clear:both; width:100%; text-align:center; padding:0 0 30px;}

.bottom .copyright {clear:both; width:100%; text-align:center; font-size:13px; font-family:'Nanum Gothic','³ª´®°íµñ'; font-weight:400;}
.bottom .copyright p {line-height:22px; color:#fff;}
.bottom .copyright a, .bottom .copyright a:hover, .bottom .copyright a:visited {color:#fff; font-size:13px; text-decoration:none;}





/*¸ÞÀÎÀ̹ÌÁö*/
.mainimages {width:100%; min-width:1200px;text-align:center; padding:0;}

/*¸ÞÀÎ ÄÁÅÙÃ÷*/
.main_contents {display:table; width:100%; min-width:1200px; text-align:center; padding:120px 0 100px; background:url('../images/main_contentsbg.jpg') no-repeat center top;}
.main_contents .booklist {display:table; float:left; width:548px; margin-left:40px; margin-right:10px; border:1px solid #e5e5e5;}
.main_contents .booklist .booktitle {position:absolute; top:-15px; left:-35px; font-family:'NanumSquare','Nanum Gothic','³ª´®°íµñ'; font-size:30px; font-weight:600; color:#000; background:#fff; padding:0 10px 10px 20px;}
.main_contents .booklist .bookicon {position:absolute; top:-45px; left:-30px;}
.main_contents .booklist .list {width:96%; min-height:250px; margin:2%; margin-top:30px;}

.main_contents .bookcategory {display:table; float:left; width:24%; margin:.5%; /*border:1px solid #e5e5e5;*/}
.main_contents .bookcategory .cate_title {text-align:center; font-family:'NanumSquare','Nanum Gothic','³ª´®°íµñ'; font-size:20px; font-weight:600; color:#000; padding:0;}
.main_contents .bookcategory .cate_img {width:100%; /*border:1px solid #e5e5e5;*/ margin:10px 0 0 0;}
.main_contents .bookcategory .cate_img img {width:100%;}
.main_contents .bookcategory .cate_mor {width:100px; border:1px solid #ccc; text-align:center; font-family:'NanumSquare'; font-size:13px; line-height:30px; font-weight:600; color:#666; padding:0; margin:0 auto;}




/*¼­ºê¿µ¿ª*/
.subimages {display:table; width:100%; min-width:1200px; height:281px; text-align:center; padding:0;}
.subimg01 {background:url('../images/sub_images01.jpg') no-repeat center bottom;}
.subimg02 {background:url('../images/sub_images01.jpg') no-repeat center bottom;}
.subimg03 {background:url('../images/sub_images01.jpg') no-repeat center bottom;}
.subimg04 {background:url('../images/sub_images01.jpg') no-repeat center bottom;}

/*ŸÀÌƲ*/
.subimages .subtitle_k {clear:both; width:100%; text-align:center; font-family:'NanumSquare','Nanum Gothic','³ª´®°íµñ'; font-size:37px; font-weight:600; color:#000; padding:125px 0 10px 0;}

/*¸Ê*/
.subimages .subnav {clear:both; width:100%; text-align:center; display:table;}
.subimages .subnav ul {font-size:0; margin:0; padding:0;}
.subimages .subnav li {display:inline; padding:0 20px 0 13px; color:#6e6e6e; font-size:12px; font-family:'Nanum Gothic','³ª´®°íµñ'; font-weight:400; background:url('../images/nav_arrow.png') no-repeat right 2px;}
.subimages .subnav .firstli {background:none; padding:0;}
.subimages .subnav .lastli {background:none !important; padding-right:0;}
.subimages .subnav img {margin-bottom:-2px;}

/*º»¹®*/
.subcontents {display:table; width:100%; min-width:1200px; text-align:center; padding:0;}

.subcontents .subbody {display:table; clear:both; width:100%; min-width:1200px; text-align:center;}

.subcontents .subbody .subtitlecontents {position:absolute; top:-50px; left:0; width:1206px; padding:20px 0;	 background:url('../images/body_shadowbg.png') no-repeat center top;}

/*¼­ºê¸Þ´º*/
.subcontents .submenu  {display:table; width:100%}
.subcontents .submenu ul {margin:0; padding:0; font-size:0; *zoom:1;}
.subcontents .submenu li {display:inline-block; *display:inline; list-style:none; width:170px; margin:2px; padding:0; border:1px solid #d8d8d8; *zoom:1}
.subcontents .submenu a,
.subcontents .submenu a:visited, 
.subcontents .submenu a:hover {font-family:'NanumSquare','Nanum Gothic','³ª´®°íµñ'; font-size:17px; font-weight:400; *letter-spacing:-0.5pt; color:#666; line-height:50px; text-decoration:none; *zoom:1;}
.subcontents .submenu .on {background:#58aaa1; border:1px solid #58aaa1 !important;}
.subcontents .submenu .on a,
.subcontents .submenu .on a:visited,
.subcontents .submenu .on a:hover {color:#fff;}

.subcontents .subbody .text {clear:both; display:table; padding:100px 100px;}
.subcontents .subbody .text .text_table {display:table; width:1000px; min-height:350px; *height:350px; text-align:center; vertical-align:top;}

.subbg0101 .text {padding:100px 20px !important;}
.subbg0101 .text .text_table {width:1160px !important;}