html, body{margin:0;}
.cbody001, .cbody003{background-color:#ffffff;}
.cbody002{background-color:#000000;background-image:url('./bookcase002.jpg');background-position:center top;background-repeat:repeat-y;}
/*.cbody004{background-color:#f5bf7f;background-image:url('./bookcase004.jpg');background-position:center top;background-repeat:repeat-y;}*/
.cbody004{background-color:#fff;}
*{font-size:12px;font-family:굴림;text-decoration:none;}
#divmessage{z-index:100;position:absolute;border:1px solid #999999;background-color:#FFFFFF;padding:4px;visibility:hidden;}
input, submit{-webkit-border-radius:0px;-moz-border-radius:0px;-webkit-appearance:none;}

@keyframes fadein{ from{opacity:0;} to{opacity:1;} }

/* main container */
#maincnt{z-index:1;display:block;position:relative;width:933px;height:680px;margin:0 auto;}

/* sidesect */
#sidesect{z-index:100;display:block;position:absolute;width:185px;min-height:100px;padding:2px 0 6px 0;}
.sidesect001{left:0;top:30px;border-radius:3px;/*background-color:rgba(149,105,70,.7);*/
	background-image:url('./bookcase001_5.png');
	background-position:top left;
	background-size:auto;
	background-repeat:repeat;
	}
.sidesect002{background-color:rgba(47,31,23,.8);left:0;top:58px;}
.sidesect003{background-color:#a2a2a2;left:0;top:7px;border-radius:3px;}
	/*background:url('./bookcase003_7.png') repeat;}
	background-image:url('./bookcase003_1.png'),url('./bookcase003_2.png'),url('./bookcase003_4.png'),url('./bookcase003_6.png'),url('./bookcase003_7.png');
	background-position:top left, top 0px left 33px, top 30px left 0px, top 13px left 13px, top left;
	background-size:33px 30px, calc(100% - 66px) 30px, 33px calc(100% - 30px), 33px calc(100% - 30px), 100%;
	background-repeat:no-repeat, no-repeat, no-repeat, no-repeat, repeat;}*/
.sidesect004{background-color:rgba(169,109,63,.7);left:-185px;top:53px;}

#sidesect > div{display:block;width:auto;height:20px;padding:2px 0 0 0;white-space:nowrap;}
.sdclass_step0{margin:0 0 0 5px;}
.sdclass_step1{margin:0 0 0 18px;}
.sdclass_step2{margin:0 0 0 31px;}
.sdclass_step3{margin:0 0 0 44px;}
.sdclass_step4{margin:0 0 0 57px;}
.sdclass_img{display:inline-block;width:11px;height:11px;margin:0;padding:0;vertical-align:middle;}
.sdclass_p{display:inline-block;height:13px;margin:1px 2px 0 2px;padding:0;cursor:pointer;color:#ffffff;
	font-size:13px;font-family:맑은 고딕, 돋움, 굴림;}

/* mainsect */
#mainsect{z-index:1;display:block;position:relative;}
.mainsect001, .mainsect002, .mainsect003, .mainsect004{left:0;top:0;width:970px;height:840px;padding:0;overflow-x:hidden;}
.bookcase001{z-index:2;display:block;position:absolute;left:0;top:0;width:100%;height:100%;margin:0;padding:0;
	background-repeat:no-repeat;
	background-image:url('./bookcase001_1.png'),url('./bookcase001_2.png'),url('./bookcase001_3.png'),
		url('./bookcase001_4.png'),url('./bookcase001_5.png'),url('./bookcase001_6.png'),
		url('./bookcase001_7.png'),url('./bookcase001_8.png'),url('./bookcase001_9.png');
	background-position:top left, top 0px left 33px, top right, 
		top 50px left 0px, top 50px left 33px, top 50px right 0px,
		bottom 0px left 0px, bottom 0px left 33px, bottom 0px right 0px;
	background-size:33px 50px, calc(100% - 66px) 50px, 33px 50px,
		33px calc(100% - 173px), calc(100% - 66px) calc(100% - 173px), 33px calc(100% - 173px),
		33px 123px, calc(100% - 66px) 123px, 33px 123px;}
/*.bookcase002{z-index:2;display:block;position:absolute;left:0;top:0;width:100%;height:100%;margin:0;padding:0;
	background-image:url('bookcase002.jpg');background-size:100% 100%;background-repeat:no-repeat;}*/
.bookcase002{z-index:2;display:block;position:absolute;left:0;top:0;width:100%;height:100%;margin:0;padding:0;}
.bookcase003{z-index:2;display:block;position:absolute;left:0;top:0;width:100%;height:100%;margin:0;padding:0;
	background-image:url('./bookcase003_1.png'),url('./bookcase003_2.png'),url('./bookcase003_3.png'),
		url('./bookcase003_4.png'),url('./bookcase003_6.png');
	background-position:top left, top 0px left 33px, top right, 
		top 30px left 0px, top 30px right 0px, top 13px left 13px;
	background-size:33px 30px, calc(100% - 66px) 30px, 33px 30px,
		33px calc(100% - 30px), 33px calc(100% - 30px);
	background-repeat:no-repeat, no-repeat, no-repeat, 
		no-repeat, no-repeat;}
.bcase_back003{z-index:1;display:block;position:absolute;left:12px;top:12px;
	width:calc(100% - 24px);height:calc(100% - 12px);background:url('./bookcase003_7.png') repeat;}
/*.bookcase004{z-index:2;display:block;position:absolute;left:0;top:0;width:100%;height:100%;margin:0;padding:0;
	background-image:url('./bookcase004_1.png'), url('./bookcase004_3.png');
	background-position:top left, top left;
	background-size:100% 75px, 100% 161px;
	background-repeat:no-repeat, repeat-y;}
.bcase_back1_004{z-index:2;display:block;position:absolute;left:0;top:48px;
	width:24px;height:calc(100% - 48px);background:url('./bookcase004_2.png') repeat-y;}
.bcase_back2_004{z-index:2;display:block;position:absolute;right:0;top:48px;
	width:24px;height:calc(100% - 48px);background:url('./bookcase004_4.png') repeat-y;}*/

.bookcase004{z-index:2;display:block;position:absolute;left:0;top:0;width:100%;height:100%;margin:0;padding:0;}

.catabox{z-index:3;display:block;position:relative;float:right;width:auto;height:28px;padding:0;}
.catabox001{margin:3px 32px 0 0;}
.catabox002{margin:10px 32px 0 0;}
.catabox003{margin:25px 32px 0 0;}
.catabox004{margin:15px 25px 0 0;}

.cselect001, .cselect004{float:left;height:22px;border:1px solid #555555;vertical-align:top;}
.csubmit001, .csubmit004{float:left;width:45px;height:22px;margin:0;padding:4px;background-color:#555555;color:#FFFFFF;border:1px solid #555555;
	overflow:hidden;font-size:12px;line-height:14px;vertical-align:top;}

.cselect002{float:left;height:22px;border:1px solid #222222;vertical-align:top;}
.csubmit002{float:left;width:45px;height:22px;margin:0;padding:4px;background-color:#222222;color:#FFFFFF;border:1px solid #222222;
	overflow:hidden;font-size:12px;line-height:14px;vertical-align:top;}
.csubmit002:hover{background-color:#444444;}

.cselect003{float:left;height:22px;border:1px solid #222222;vertical-align:top;}
.csubmit003{float:left;width:45px;height:22px;margin:0;padding:4px;background-color:#222222;color:#FFFFFF;border:1px solid #222222;
	overflow:hidden;font-size:12px;line-height:14px;vertical-align:top;}
.csubmit003:hover{background-color:#444444;}

#bcase_bar{z-index:3;display:block;position:absolute;margin:0;padding:0;}
.bcasebar001{left:0;top:29px;width:100%;height:calc(100% - 28px);}
.bcasebar001 > img{display:block;position:absolute;left:15px;width:calc(100% - 48px);height:31px;margin:0;padding:0;}

.bcasebar002{left:0;top:29px;width:100%;height:calc(100% - 28px);}
.bcasebar002 > img{display:block;position:absolute;left:25px;width:calc(100% - 48px);height:19px;margin:0;padding:0;}

.bcasebar003{left:0;top:42px;width:100%;height:calc(100% - 28px);}
.bcasebar003 > img{display:block;position:absolute;left:25px;width:calc(100% - 48px);height:6px;margin:0;padding:0;}

/*.bcasebar004{left:0;top:53px;width:100%;height:calc(100% - 53px);}*/
.bcasebar004{left:0;top:30px;width:100%;height:calc(100% - 30px);}
.bcasebar004 > img{display:block;position:absolute;left:11px;width:calc(100% - 22px);height:47px;margin:0;padding:0;}

#thumbcnt1, #thumbcnt2{z-index:4;display:block;position:absolute;padding:0;}
.thumbcnt001{left:0;top:29px;width:calc(100% - 60px);margin:0 35px 0 25px;}
.thumbcnt002{left:0;top:29px;width:calc(100% - 60px);margin:0 25px 0 35px;}
.thumbcnt003{left:0;top:42px;width:calc(100% - 60px);margin:0 25px 0 35px;}
.thumbcnt004{left:0;top:53px;width:calc(100% - 48px);margin:0 24px 0 24px;}

.thumbitem{display:block;position:absolute;margin:0;padding:0;-webkit-animation:fadein 1s;-ms-animation:fadein 1s;animation:fadein 1s;}
.thumbitem img{display:block;position:absolute;width:100%;height:100%;}
.thumbitem span{display:block;position:absolute;left:0;bottom:0;width:100%;height:35px;color:#ffffff;background-color:rgba(0,0,0,0.6);
	font-size:13px;font-family:맑은 고딕, 돋움, 굴림;text-align:center;line-height:35px;}
.thumbitem001{box-shadow:4px 4px 8px rgba(68,68,68,.5);}
.thumbitem004{border: 1px solid #cccccc;}
.thumbitem002, .thumbitem003{box-shadow:4px 4px 8px rgba(38,38,38,.5);}
.thumbtitle{display:block;height:20px;margin:2px 0 0 0;overflow:hidden;text-align:center;color:#000000;}

#lowersect{z-index:5;display:block;position:absolute;width:100%;margin:0;padding:0}
.lowersect001, .lowersect002, .lowersect004{height:90px;}
.lowersect003{height:110px;}

#pagingsect{display:block;text-align:center;}
.pagingsect001{width:calc(100% - 48px);height:40px;margin:0 33px 0 15px;background-color:rgba(0,0,0,0.4);}
.pagingsect002{width:calc(100% - 48px);height:40px;margin:0 23px 0 25px;background-color:rgba(0,0,0,0.4);}
.pagingsect003{width:calc(100% - 30px);height:40px;margin:20px 17px 0 13px;background-color:rgba(0,0,0,0.3);}
/*.pagingsect004{width:calc(100% - 48px);height:40px;margin:0 24px 0 24px;background-color:rgba(0,0,0,0.4);}*/
.pagingsect004{width:calc(100% - 48px);height:40px;margin:0 24px 0 24px;background-color:#f0f2f6;}
.pagingsect001 p, .pagingsect002 p, .pagingsect003 p, .pagingsect004 p{display:inline-block;width:22px;height:22px;margin:9px 0 0 0;padding:0;line-height:22px;}
.pagingsect001 p a, .pagingsect002 p a, .pagingsect003 p a, .pagingsect004 p a{text-decoration:none;color:#ffffff;}

.currpage001, .currpage002{background-color:#aaaaaa;color:#000000;font-weight:bold;}
.currpage004{background-color:#000f5b;color:#fff;font-weight:bold;}
.currpage003{background-color:#cccccc;color:#000000;font-weight:bold;}
.nextpage001, .nextpage004{background-color:#333333;color:#ffffff;}
.nextpage002, .nextpage003{background-color:#111111;color:#ffffff;}
.nextpage001:hover, .nextpage004:hover{background-color:#222222;}
.nextpage002:hover, .nextpage003:hover{background-color:#777777;}

.searchsect001{display:block;float:right;width:205px;height:25px;margin:12px 45px 0 0;}
.searchsect002{display:block;float:right;width:205px;height:25px;margin:12px 45px 0 0;}
.searchsect003{display:block;float:right;width:205px;height:25px;margin:12px 25px 0 0;}
.searchsect004{display:block;float:right;width:205px;height:25px;margin:12px 45px 0 0;}

.qtxt001, .qtxt002, .qtxt003, .qtxt004{float:left;width:150px;height:14px;margin:0;padding:4px;border:1px solid #ffffff;overflow:hidden;
	-webkit-border-radius:0px;-moz-border-radius:0px;font-size:12px;line-height:12px;}
.qsubmit001, .qsubmit004{float:left;width:45px;height:24px;margin:0;padding:4px;background-color:#555555;color:#FFFFFF;border:1px solid #555555;
	overflow:hidden;font-size:12px;line-height:16px;}
.qsubmit002, .qsubmit003{float:left;width:45px;height:24px;margin:0;padding:4px;background-color:#222222;color:#FFFFFF;border:1px solid #222222;
	overflow:hidden;font-size:12px;line-height:16px;}
.qsubmit001:hover, .qsubmit002:hover, .qsubmit003:hover, .qsubmit004:hover{background-color:#444444;}


#snssect{display:block;float:right;width:82px;height:34px;}
.snssect001, .snssect002, .snssect003, .snssect004{margin:12px 45px 0 0;}
.snssect001 img, .snssect002 img, .snssect003 img, .snssect004 img{margin-left:4px;}

#logosect{z-index:5;display:block;position:relative;/*border:1px solid #ff6600;*/}
.logo002{width:100%;height:auto;margin:30px auto 0 auto;text-align: center;}
.logo004{width:100%;height:80px;margin:0;text-align:center;background:url('./topbg.jpg') no-repeat center;background-color:#dedee0;}
.logo004 > img{margin-top: 16px;}

#copysect{z-index:5;display:block;position:relative;}
.copyright002, .copyright004{width:100%;height:50px;margin:0;}
.copyright002 > p, .copyright004 > p{text-align:center;color:#FFFFFF;font-size:12px;font-family:맑은 고딕, 돋움;}

.ctrxpos{margin:0 auto;}
.leftxpos{float:left;}