* {margin: 0; padding: 0;}
img {border: 0;}

.topArea {width: 100%;}
.topArea img{width: 100%; padding:30px 0 20px 0;}
.cover {width:40%; float:left;}
.cover img{width: 350px; margin:0 0 0 30px; padding:0;}
.cover .sns{margin:30px 0 0 30px; padding:0;}
.book_txt {width:60%; padding:40px 0 0 0; float:right;}

.content{padding:0; margin:0 0 30px 0; display:inline-block;}
.content .page1{width:48%; float:left;}
.content .page1 img{width:100%;}
.content .page2{width:48%; float:right;}
.content .page2 img{width:100%;}


.buy_button {list-style:none;}
.buy_button li:nth-child(1) {margin:10px; padding:20px; font-size:18px; color:#fff; border:0px solid #000000; border-radius:5px 5px 5px 5px; background:#274698; cursor:pointer; float:left;}
.buy_button li:nth-child(2) {margin:10px; padding:20px; font-size:18px; color:#fff; border:0px solid #000000; border-radius:5px 5px 5px 5px; background:#D0101B; cursor:pointer; float:right;}


h2 {font-size:27px; letter-spacing:-2px; color:#1662AD; font-weight:600;}
h3 {font-size:20px; letter-spacing:-0.5px;}
h4 {font-size:18px; color:#FF5E00; font-weight:600;}

.text_box01 li{margin:0 0 30px 20px; line-height:24px; word-break:keep-all; text-align:justify;}
.text_box01 li b{color:#333; font-weight:600;}
.text_box02 li{margin:0 0 10px 25px; line-height:25px; text-align:justify; }

.input16 { border:solid 1 #CACBCC;background-color:#FFFFFF;width:40%;height:18px;line-height:15px;padding:2px;font-size:14px;color: #595D59; }
.input18 { border:solid 1 #CACBCC;background-color:#FFFFFF;width:30%;height:18px;line-height:15px;padding:2px;font-size:14px;color: #595D59; }
.input19 { border:solid 1 #CACBCC;background-color:#FFFFFF;width:20%;height:18px;line-height:15px;padding:2px;font-size:14px;color: #595D59; }

#news_area{width:100%; margin:20px 0 0 0;}
#news_area .news_list{width:100%; font-size:15px; line-height:24px; text-align:left;}
#news_area .news_line{width:100%; height:1px; margin:15px 0 15px 0; background-color:#EFEFEF;}
#news_area .news_img{margin:0 15px 0 0; border:1px solid #DDDDDD; float:left; }
#news_area .news_txt{font-size:20px;color:#333333;font-weight:500;line-height:30px;}
#news_area .news_content{color:#999999;}
#news_area .news_content .img{border:1px;}
#news_area .news_writer{font-size:8pt;color:#A7A7A7;}

#PageNation{width:100%; height:50px; font-size:13px; text-align:center;}

#body{width: 1100px; margin:0 auto;}

@media all and (min-width:0px) and (max-width:1100px){
	#wrap{width: 100%;}
	#top_moveIcon{display:none;}
	#MainMenu_area{display:none;}
	#MainMenu{display:none;}
	#top_category{display:none;}

	#body{width: 90%; margin:0 auto;}
	#copyright{display:none;}

	.topArea {width: 100%;}
	.topArea img{width:100%; margin:30px 0 0 0; padding:0;}
	.cover {width:100%;}
	.cover img{width:100%; margin:0; padding:0;}
	.cover .sns{margin:30px 0 0 0; padding:0;}
	.book_txt {width:100%; padding:0;}

	.content{padding:0; margin:0 0 30px 0; display:inline-block;}
	.content .page1{width:100%; float:left;}
	.content .page1 img{width:100%;}
	.content .page2{width:100%; float:right;}
	.content .page2 img{width:100%;}

	.buy_button li:nth-child(1) {margin:10px; padding:20px; width:85%; font-size:18px; color:#fff; border:0; text-align:center; border-radius:5px 5px 5px 5px; background:#274698; cursor:pointer; float:left;}
	.buy_button li:nth-child(2) {margin:10px; padding:20px; width:85%; font-size:18px; color:#fff; border:0; text-align:center; border-radius:5px 5px 5px 5px; background:#D0101B; cursor:pointer; float:left;}
}