@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);



/*공통 색상,마진,패딩,폰트크기,정렬 등*/

.color1{color:#442000;} /*브라운*/



/*****************************/

.nanum{font-family:'Nanum Gothic', serif;}

#wrap2{letter-spacing:-1px;}

#top{width:100%;background:url('../image/main/top_bg.png') repeat-x;}
#title{width:100%;height:100%;}
#contents{width:100%;height:auto;margin:0px;overflow:hidden;margin:30px 0;}
#bottom{display:block;background-color:#989ca2;width:100%;height:98px;position:absolute;}


/*background*/

.title_img{background: url('../image/main/title.jpg')no-repeat 100% 100%;background-size:cover;}

.title_button{width:100px;height:40px;margin-top:20px;text-align:center;border:1px solid #fff;}
.title_button a{padding:10px 10px 10px 10px;color:#fff;line-height:40px;font-weight:bold;}


.banner_bg_1{background:#113364;} /*banner_1*/ 
.banner_bg_2{background:#ffffff; border-top:1px solid #c8c8c8;} /*banner_1*/
.banner_bg_3{background:#2067bb;} /*banner_3*/
.banner_bg_4{background:#ffffff  url('../image/main/contents_banner_img4.jpg')no-repeat;} /*banner_4*/
.banner_bg_5{background:#ef8a30;} /*banner_5*/
.banner_bg_5_sub{background:#ef8a30;} /*banner_5_sub*/
.banner_bg_6{background:#ffffff url('../image/main/contents_banner_img4.jpg')no-repeat;} /*banner_6 (모바일시 block)*/

/* banner-img로 ㄷㅐ처한것 */
.banner img{position:absolute;right:15px;bottom:20px;width:auto;}
.banner_bg_2 img{bottom:0;right:0;}
.bg_5_sub{bottom:0 !important;right:0 !important;}


/*	.banner_bg_1{background:#113364 url('../image/main/contents_banner_img1.png')no-repeat 210px 180px;} /*banner_1*/ 
/*	.banner_bg_2{background:#ffffff url('../image/main/contents_banner_img2.png')no-repeat 180px 160px; border-top:1px solid #c8c8c8;} /*banner_1*/
/*	.banner_bg_3{background:#2067bb url('../image/main/contents_banner_img3.png')no-repeat 180px 150px;} /*banner_3*/
/*	.banner_bg_4{background:#ffffff url('../image/main/contents_banner_img4.jpg')no-repeat;} /*banner_4*/
/*	.banner_bg_5{background:#ef8a30 url('../image/main/contents_banner_img5_1.png')no-repeat 180px 170px;} /*banner_5*/
/*	.banner_bg_5_sub{background:#ef8a30 url('../image/main/contents_banner_img5_2.png')no-repeat 130px 150px;} /*banner_5_sub*/
/*	.banner_bg_6{background:#ffffff url('../image/main/contents_banner_img4.jpg')no-repeat;} /*banner_6 (모바일시 block)*/

.text_color_W{color:#ffffff;}


/*top*/

.1000wrap{width:100%;}

/*------top1----------*/

.top1{width:100%;padding-top:32px;padding-bottom:14px;border-bottom:1px solid #c8c8c8;}
.top1>.t_logo{display:inline-block;}
.top1>.SNS_Icon{display:inline-block;float:right;}
.top1>.SNS_Icon>a>img{padding-left:1px;}
.top1 .letter_link{padding-right:40px;}

.menu_display_mobile{display:none;font-size:17px;font-weight:bold;}


/*------top2----------*/
.top2{width:100%;position:relative;}
.top2 .main_menu{width:100%;}
.top2 .main_menu>.main_category{width:100%;display:inline-block;font-size:17px;font-weight:bold;padding:12px 0 16px 0;}
.top2 .main_menu>.main_category>.menu_dispaly{display:inline-block;width:100%;}
.top2 .menu_dispaly>a{width:16%;display:inline-block;}
.top2 .menu_none {width:100%;display:none;z-index:101;position:absolute;background:white;border-top:1px solid #c8c8c8;padding-left:8px;box-shadow: 2px 2px #c8c8c8;}
.top2 .menu_none .menu_none_sub{width:16%;display:inline-block;vertical-align:top;margin:0;padding:0;}
.top2 .menu_none .menu_none_sub>a{display:block;padding:15px 0;}
.top2 .menu_none .menu_none_sub>a:hover{font-weight:bold;}


	/* 지난호보기 */
	.past_list{display:inline-block;float:right;font-size:16px;font-weight:bold;border-left:1px solid #c8c8c8;position:relative;top:-50px;padding:15px 20px 14px 26px;vertical-align:top;background:white;}
	.past_list>div>a>img{margin-left:60px;}

	.past_list .past_list_detail{overflow-y:scroll;display:none;z-index:101;width:100%;height:350px;margin-top:15px;font-size:13px;font-weight:normal;box-shadow: 2px 2px #c8c8c8;
	position:absolute;background:white;left:0px;}
	.past_list .past_list_detail ul{}
	.past_list .past_list_detail li{display:block;padding:5px 0px;border-bottom:1px solid #c8c8c8;}

/*title*/

.title_img{width:100%;height:390px;}
.title_text{padding:40px 0 0 20px;position:relative;}

.title_text>.menu{font-size:14px;font-weight:bold;margin-bottom:16px;color:#fff;}
.title_text>.title{font-size:34px;font-weight:bold;margin-bottom:18px;letter-spacing:-2.5px;color:#fff;}
.title_text>.titlesub{font-size:15px;line-height:25px;color:#fff;position:relative;z-index:1;}

.title_sub{display:inline-block;position:absolute;right:0px;top:0;}


/*contents*/
.center_1000{width:1000px;margin:0 auto;box-sizing:border-box;}
.banner{position:relative;width:33.33%;height:300px;float:left;box-sizing:border-box;}
.banner2{position:relative;width:66.66%;height:300px;float:left;box-sizing:border-box;}


/*.banner>div{padding:28px 28px 0px 28px;}*/
.banner div.a_banner{padding:28px 28px 31px 28px;}
.banner2>div{padding:28px;}

.banner2>div>.menu{font-size:14px;font-weight:bold;margin-bottom:18px;}
.banner div.a_banner>.menu{font-size:14px;font-weight:bold;margin-bottom:18px;}
.banner div.a_banner .title{font-size:19px;font-weight:bold;margin-bottom:13px;}
.banner div.a_banner>.titlesub{font-size:15px;margin-bottom:90px;}
.banner div.a_banner>.more{font-size:14px;padding-top:20px;}

.banner2 .book{width:100%;font-size:0;}
.banner2 .book_name{display:inline-block;font-weight:bold;vertical-align:top;}
.book_name>img{display:block;margin:0 auto;margin-bottom:15px;margin-top:-4px;padding:0;margin:0;}
.banner2 .book_name p{font-size:14px;margin-top:-45px;}

.banner_bg_6{display:none;}

/*bottom*/

#bottom>.center_1000{padding:20px;}
.b_logo{padding:0 50px 0 58px;}
.address{font-family:'돋움';font-size:12px;color:#ffffff;}



/* media -tablet&mobile */

@media only screen and (max-width:800px){

/*top*/

	.top1{border:0;padding-bottom:0;}

	.menu_dispaly{display:none !important;}
	.top1>.t_logo{display:block;text-align:center;width:100%;}
	.top1>.SNS_Icon{width:100%;display:block;text-align:center;margin-top:40px;padding-bottom:20px;border-bottom:1px solid #c8c8c8;float:none;}
	.top2 .main_menu>.main_category{padding:0px !important;display:none; font-size:0;}
	
	.top2 .menu_none{background:white;}
	.top2 .menu_none .menu_none_sub{width:100%;border-bottom:1px solid #c8c8c8;background:white;}

	.menu_display_mobile{width:100%;display:block;padding:26px 0 ;text-align:center;}
	.past_list{width:100%;padding:0px;top:0px;padding:26px 0;text-align:center;float:none;border-bottom: 1px solid #c8c8c8;}
	.past_list a{}
	.past_list img{display:none;}

	.menu {position:relative;}
	.title {position:relative;}
	.titlesub {position:relative;}
	.title_button{position:relative;}
	.title_sub{display: none;}


/*title*/

	.title_img{background: url(../image/main/title.jpg)no-repeat 50% 100%;}
	.title_text{padding:40px 0 0 28px;}

/*content*/

	.center_1000{width:auto;}
	#contents .banner{width:50%;}
	#contents .banner2{width:100%;}
	.banner2 .book{text-align:center;}
	.banner_bg_4{display:none;}
	.banner_bg_6{display:block;}

/*bottom*/

	.b_logo{display:none;}
	.address{text-align:center;}

}

@media only screen and (max-width:600px){

	#contents .banner{width:100%;}
	#contents .banner2{height:auto;}
	.banner2 .book_name{margin-bottom:15px;}

	.banner_bg_6{background:#ffffff url('../image/main/contents_banner_img4.jpg')no-repeat; background-size:cover;} /*banner_6 (모바일시 block)*/

	/*top*/

	.menu {position:relative;}
	.title {position:relative;}
	.titlesub {position:relative;}
	.title_button{position:relative;}
	.title_sub{right:0;}
	.title_sub > img{display:none;}

	/*title*/
	.title_text{padding:20px 0 0 8px;}
	.title_text>.title{font-size:26px;}

}