@charset "utf-8";


/* 화면 해상도 width 640px 이상 Design --------------------------------------*/
@media screen and (min-width: 1025px){
	
	/* 국문 주간국방논단 */
	div.contentbox {overflow: hidden; padding: 18px; border: 1px solid #dcdcdc;}
		div.contentbox div.content_imgbox {overflow: hidden; float:left; margin-right: 20px;}
			div.contentbox div.content_imgbox img {width: 107px; height: 131px;}
		div.contentbox div.content_txtbox {overflow: hidden;}
			div.contentbox div.content_txtbox p {overflow: hidden; font-size: 13px; color: #333333; line-height: 1.6em;}
			div.contentbox div.content_txtbox ul {overflow: hidden;}
			div.contentbox div.content_txtbox ul li {list-style: none;}
			div.contentbox div.content_txtbox ul li + li {margin-top: 8px;}
			div.contentbox div.content_txtbox ul li p.blue {font-weight: bold; color: #0067b4;}
			div.contentbox div.content_txtbox p.p_txt01 {margin-left: 10px; line-height: 1.8em;}
			div.contentbox div.content_txtbox p.p_txt01 strong {display: block; margin-top: 10px;}
			
	/* 기고안내 */
	ul.txt_area01 {overflow: hidden; font-size: 13px;}
		ul.txt_area01 li {overflow: hidden; list-style: none; line-height: 1.8em;}
		ul.txt_area01 li + li {margin-top: 7px;}
		ul.txt_area01 li strong {float: left; margin-right: 5px;}
		ul.txt_area01 li span {overflow: hidden; display: block;}
		ul.txt_area01 li p {font-weight: bold; color: #eb6100;}
		
	ul.down_area01 {overflow: hidden; font-size: 13px;}
		ul.down_area01 li {overflow: hidden; list-style: none; line-height: 1.8em;}
		ul.down_area01 li + li {margin-top: 7px;}
		ul.down_area01 li div.bg_area {display: block; overflow:hidden; float: left; width: 390px; background: url('../../images/en/common/bg_down_line.png') repeat-x 0 13px;} 
		ul.down_area01 li div.bg_area > span {display: inline-block; padding-right: 15px; background-color: #ffffff;}
		ul.down_area01 li div.bg_area strong {padding-right: 15px; background-color: #ffffff;}
		ul.down_area01 li div.btn_down_area {overflow: hidden; padding-left: 10px; background-color: #ffffff;}
		ul.down_area01 li div.btn_down_area span {overflow: hidden; display: block;}
	
	ul.down_area02 {overflow: hidden; margin: 0 0 30px 70px; font-size: 13px;}
		ul.down_area02 li {overflow: hidden; padding-left: 10px; list-style: none; line-height: 1.8em; background: url('../../images/en/common/bg_bullet01.png') no-repeat 0 10px;}
		ul.down_area02 li + li {margin-top: 7px;}
		ul.down_area02 li div.bg_area2 {display: block; overflow:hidden; float: left; width: 390px; background: url('../../images/en/common/bg_down_line.png') repeat-x 0 13px;} 
		ul.down_area02 li div.bg_area2 > span {display: inline-block; padding-right: 15px; background-color: #ffffff;}
		ul.down_area02 li div.bg_area2 strong {padding-right: 15px; background-color: #ffffff;}
		ul.down_area02 li div.btn_down_area2 {overflow: hidden; padding-left: 10px; background-color: #ffffff;}
		ul.down_area02 li div.btn_down_area2 span {overflow: hidden; display: block;}
	
	div.paypal_area {overflow: hidden; margin-left: 70px;}
	div.paypal_area select {float: left; margin-right: 50px;}
	div.paypal_area div.paypal_btn {overflow: hidden;}
	
	/*도서구매안내*/
	ul.online_book {overflow: hidden; width: 651px; }
		ul.online_book li {float: left; list-style: none; margin: 10px; }
	
	/* 썸네일 게시판 */
	.thumbnail_area {overflow: hidden;}
		.thumbnail_area ul {overflow: hidden; width: 95%; margin: 0px auto;}
		.thumbnail_area ul li {overflow: hidden; float: left; width: 255px; margin: 20px 0 0 10px; list-style: none; border-top: 2px solid #535353; border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5;}
		.thumbnail_area ul li a:hover {text-decoration: none;}
		/* .thumbnail_area ul li strong.thumbnail_title {display: block; overflow: hidden; height: 50px; margin: 11px; font-weight: bold; font-size: 13px; text-align: center; line-height: 50px; text-overflow: ellipsis; white-space: nowrap;} */
		.thumbnail_area ul li strong.thumbnail_title {
			margin: 11px;
			font-weight: bold;
			font-size: 13px;
			text-align: center;
			overflow: hidden;
			margin-top: 5px;
			text-overflow: ellipsis;
			display: -webkit-box;
			-webkit-line-clamp: 2;
			-webkit-box-orient: vertical;
			line-height: 1.6em;
			height: 3em;		
		}		
		.thumbnail_area ul li div.thumbnail_img_area {text-align: center; background-color: #dddddd;}
		.thumbnail_area ul li div.thumbnail_img_area img {width: 159px; height: 185px; margin: 0px 49px 0px 49px; text-align: center; border:1px solid #dddddd; background-color:#ffffff;}
		.thumbnail_area ul li span.thumbnail_writer {overflow: hidden; display: block; padding: 17px 20px 10px 20px; font-size: 13px; text-overflow: ellipsis; white-space: nowrap;}
		.thumbnail_area ul li span.thumbnail_date {display: block; float: left; padding: 0px 8px 10px 20px;}
		.thumbnail_area ul li span.thumbnail_price {display: block; float: left;}
	
	/* 특별호 */
	div.special_layout {overflow: hidden; margin-top: 30px;}
	div.special_layout div.special_area {overflow: hidden; float: left; width: 30%; margin: 14px;}
	div.special_layout div.special_area div.special_img {overflow: hidden; height: 300px; border: 1px solid #dddddd;}
	div.special_layout div.special_area div.special_img img {width: 100%; height: 300px;}
	div.special_layout div.special_area div.special_txt {overflow: hidden;}
	div.special_layout div.special_area div.special_txt strong {display: inline-block; margin: 15px 5px 0 5px; font-size: 16px; }
	div.special_layout div.special_area div.special_txt ul {overflow: hidden; margin: 5px 0 0 10px;}
	div.special_layout div.special_area div.special_txt ul li {padding-left: 10px; background: url('../../images/en/common/bg_bullet01.png') no-repeat 0px 8px;}
	div.special_layout div.special_area div.special_txt ul li + li {margin-top: 10px;} 

	/* WorldWar Watch */
	div.watch_area {overflow: hidden; width: 100%; margin: 40px 0 30px 0;}
	div.watch_area div.watch_box {border: 1px solid #dcdcdc; padding: 20px 30px 26px 30px;}
	div.watch_area div.watch_box strong {display: inline-block; margin-bottom: 20px; font-size: 15px; color: #333333;}		
	div.watch_area div.watch_box div.watch_btn_area a.watch_btn {display: inline-block; width: 105px; height: 33px; border: 1px solid #275c92;}
	div.watch_area div.watch_box div.watch_btn_area a.watch_btn span {display: block; text-align: center; line-height: 33px; font-weight: bold; font-size: 14px; color: #275c92;}
	div.watch_area div.watch_box div.watch_btn_area a.watch_btn2 {display: inline-block; width: 210px; height: 33px; border: 1px solid #275c92;}
	div.watch_area div.watch_box div.watch_btn_area a.watch_btn2 span {display: block; text-align: center; line-height: 33px; font-weight: bold; font-size: 14px; color: #275c92;}
	div.watch_area div.watch_box div.watch_btn_area a:hover {color: #ffffff; text-decoration: none; background-color: #0067b4;}
	div.watch_area div.watch_box div.watch_btn_area a:hover span {color: #ffffff;}
	
	/* Submission */
	a.link_a {font-size: 13px; font-weight: bold; color:#0067b4; text-decoration: underline;}
	ul.list_ul {overflow: hidden; margin-top: 20px;}
		ul.list_ul li {padding-left: 10px; background: url('../../images/en/common/bg_bullet01.png') no-repeat 0px 8px;}
		ul.list_ul li + li {margin-top: 15px;}
	ol.download_list {overflow: hidden; margin-top: 30px; }
		ol.download_list li {list-style: none;}
		ol.download_list li + li {margin-top: 15px;}
		ol.download_list li div.download_bg {display: block; overflow: hidden; float: left; width: 390px; background: url(../../images/en/common/bg_down_line.png) repeat-x 0 13px;}
		ol.download_list li div strong {display: inline-block; padding-right: 15px; font-size: 15px; background-color: #ffffff;}
		ol.download_list li div.download_btn_area {overflow: hidden; padding-left: 10px; background-color: #ffffff;} 
	
	ol.submission_list {overflow: hidden;}
		ol.submission_list li {list-style: none; font-size: 13px;}
		ol.submission_list > li > span {display: block; margin-bottom: 15px;}
		ol.submission_list > li > p {line-height: 1.8em;}
		ol.submission_list > li + li {margin-top: 30px;}
		ol.submission_list > li > ol {overflow: hidden;}
		ol.submission_list > li > ol > li + li {margin-top: 10px; line-height: 1.8em;}
		ol.submission_list > li > ol > li > span {overflow: hidden; display: block; float: left; margin-right: 5px; line-height: 1.8em;}
		ol.submission_list > li > ol > li > p {overflow: hidden; line-height: 1.8em;}
		ol.submission_list > li > ol > li > div {overflow: hidden; margin: 20px 0 20px 0;}
		ol.submission_list > li > ol > li > div > p {line-height: 1.8em;}
	
	div.submission_bg_area {margin-bottom: 50px; padding: 30px; background-color: #f6f6f6;}
		div.submission_bg_area ol {overflow: hidden; margin-top: 30px;}
		div.submission_bg_area ol li {font-size: 13px;}
		div.submission_bg_area ol li strong {display: block; margin-bottom: 10px;}
		div.submission_bg_area ol li p {line-height: 1.8em;}
		div.submission_bg_area ol li + li {margin-top: 25px;}
		
	/* about kjda */
	div.about_txt {overflow: hidden;}
	div.about_txt ul {overflow: hidden; margin-top: 25px;}
	div.about_txt ul li + li {margin-top: 10px;}	
	
	ul.about_list {overflow: hidden; margin-top: 25px;}
	ul.about_list li + li {margin-top: 15px;}
	
	div.about_box {overflow:hidden; padding-top: 40px; border-top: 1px solid #dcdcdc;}
		div.about_box ul {overflow:hidden;}
		div.about_box > ul > li {padding-left: 10px; list-style: none; background: url('../../images/en/common/bg_bullet01.png') no-repeat 0px 8px;}
		div.about_box > ul > li + li {margin-top: 10px;}
		div.about_box > ul > li > strong {font-size: 13px; vertical-align: top;}
		div.about_box > ul > li > div {overflow: hidden; display: inline-block;} 
		div.about_box > ul > li > div > ul {overflow: hidden;}
		div.about_box > ul > li > div > ul > li {list-style: none; font-size: 13px;}
		div.about_box > ul > li > div > ul > li + li {margin-top: 15px;}
		div.about_box > ul > li > div > ul > li > strong {float: left; width: 150px;}
		div.about_box > ul > li > div > ul > li > p {overflow: hidden;}
}


/* 화면 해상도 width 640px 이상 960px 이하 Design --------------------------------------*/
@media screen and (max-width: 1024px) and (min-width: 641px) {
	
	/* 국문 주간국방논단 */
	div.contentbox {overflow: hidden; padding: 18px; border: 1px solid #dcdcdc;}
		div.contentbox div.content_imgbox {overflow: hidden; float:left; margin-right: 20px;}
			div.contentbox div.content_imgbox img {width: 107px; height: 131px;}
		div.contentbox div.content_txtbox {overflow: hidden;}
			div.contentbox div.content_txtbox p {overflow: hidden; font-size: 13px; color: #333333; line-height: 1.6em;}
	
	/* 기고안내 */
	ul.txt_area01 {overflow: hidden; font-size: 13px;}
		ul.txt_area01 li {overflow: hidden; list-style: none; line-height: 1.8em;}
		ul.txt_area01 li + li {margin-top: 7px;}
		ul.txt_area01 li strong {float: left; margin-right: 5px;}
		ul.txt_area01 li span {overflow: hidden; display: block;}
		ul.txt_area01 li p {font-weight: bold; color: #eb6100;}
		
	ul.down_area01 {overflow: hidden; font-size: 13px;}
		ul.down_area01 li {overflow: hidden; list-style: none; line-height: 1.8em;}
		ul.down_area01 li + li {margin-top: 7px;}
		ul.down_area01 li div.bg_area {display: block; overflow:hidden; float: left; width: 390px; background: url('../../images/en/common/bg_down_line.png') repeat-x 0 13px;} 
		ul.down_area01 li div.bg_area > span {display: block; padding-right: 15px; background-color: #ffffff;}
		ul.down_area01 li div.bg_area strong {padding-right: 15px; background-color: #ffffff;}
		ul.down_area01 li div.btn_down_area {overflow: hidden; padding-left: 10px; background-color: #ffffff;}
		ul.down_area01 li div.btn_down_area span {overflow: hidden; display: block;}
	
	ul.down_area02 {overflow: hidden; margin: 0 0 30px 70px; font-size: 13px;}
		ul.down_area02 li {overflow: hidden; padding-left: 10px; list-style: none; line-height: 1.8em; background: url('../../images/en/common/bg_bullet01.png') no-repeat 0 10px;}
		ul.down_area02 li + li {margin-top: 7px;}
		ul.down_area02 li div.bg_area2 {display: block; overflow:hidden; float: left; width: 390px; background: url('../../images/en/common/bg_down_line.png') repeat-x 0 13px;} 
		ul.down_area02 li div.bg_area2 > span {display: inline-block; padding-right: 15px; background-color: #ffffff;}
		ul.down_area02 li div.bg_area2 strong {padding-right: 15px; background-color: #ffffff;}
		ul.down_area02 li div.btn_down_area2 {overflow: hidden; padding-left: 10px; background-color: #ffffff;}
		ul.down_area02 li div.btn_down_area2 span {overflow: hidden; display: block;}
	
	div.paypal_area {overflow: hidden; margin-left: 70px;}
	div.paypal_area select {float: left; margin-right: 50px;}
	div.paypal_area div.paypal_btn {overflow: hidden;}
	
	/*도서구매안내*/
	ul.online_book {overflow: hidden; width: 100%;}
		ul.online_book li {float: left; list-style: none; margin: 10px; }
		
	/* 썸네일 게시판 */
	.thumbnail_area {overflow: hidden;}
		.thumbnail_area ul {overflow: hidden; width: 95%; margin: 0px auto;}
		.thumbnail_area ul li {overflow: hidden; float: left; width: 255px; margin: 20px 0 0 10px; list-style: none; border-top: 2px solid #535353; border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5;}
		.thumbnail_area ul li a:hover {text-decoration: none;}
		.thumbnail_area ul li strong.thumbnail_title {display: block; overflow: hidden; height: 50px; margin: 11px; font-weight: bold; font-size: 13px; text-align: center; line-height: 50px; text-overflow: ellipsis; white-space: nowrap;}
		.thumbnail_area ul li div.thumbnail_img_area {text-align: center; background-color: #dddddd;}
		.thumbnail_area ul li div.thumbnail_img_area img {width: 159px; height: 185px; margin: 0px 49px 0px 49px; text-align: center; border:1px solid #dddddd; background-color:#ffffff;}
		.thumbnail_area ul li span.thumbnail_writer {overflow: hidden; display: block; padding: 17px 20px 10px 20px; font-size: 13px; text-overflow: ellipsis; white-space: nowrap;}
		.thumbnail_area ul li span.thumbnail_date {display: block; float: left; padding: 0px 8px 10px 20px;}
		.thumbnail_area ul li span.thumbnail_price {display: block; float: left;}
		
	/* 특별호 */
	div.special_layout {overflow: hidden; margin-top: 30px;}
	div.special_layout div.special_area {overflow: hidden; float: left; width: 45%; margin: 14px;}
	div.special_layout div.special_area div.special_img {overflow: hidden; height: 300px; border: 1px solid #dddddd;}
	div.special_layout div.special_area div.special_img img {width: 100%; height: 300px;}
	div.special_layout div.special_area div.special_txt {overflow: hidden;}
	div.special_layout div.special_area div.special_txt strong {display: inline-block; margin: 15px 5px 0 5px; font-size: 16px; }
	div.special_layout div.special_area div.special_txt ul {overflow: hidden; margin: 5px 0 0 10px;}
	div.special_layout div.special_area div.special_txt ul li {padding-left: 10px; background: url('../../images/en/common/bg_bullet01.png') no-repeat 0px 8px;}
	div.special_layout div.special_area div.special_txt ul li + li {margin-top: 10px;} 

	/* WorldWar Watch */
	div.watch_area {overflow: hidden; width: 100%; margin: 40px 0 30px 0;}
	div.watch_area div.watch_box {border: 1px solid #dcdcdc; padding: 20px 30px 26px 30px;}
	div.watch_area div.watch_box strong {display: inline-block; margin-bottom: 20px; font-size: 15px; color: #333333;}		
	div.watch_area div.watch_box div.watch_btn_area a.watch_btn {display: inline-block; width: 105px; height: 33px; margin-bottom: 10px; border: 1px solid #275c92;}
	div.watch_area div.watch_box div.watch_btn_area a.watch_btn span {display: block; text-align: center; line-height: 33px; font-weight: bold; font-size: 14px; color: #275c92;}
	div.watch_area div.watch_box div.watch_btn_area a.watch_btn2 {display: inline-block; width: 210px; height: 33px; border: 1px solid #275c92;}
	div.watch_area div.watch_box div.watch_btn_area a.watch_btn2 span {display: block; text-align: center; line-height: 33px; font-weight: bold; font-size: 14px; color: #275c92;}
	div.watch_area div.watch_box div.watch_btn_area a:hover {color: #ffffff; text-decoration: none; background-color: #0067b4;}
	div.watch_area div.watch_box div.watch_btn_area a:hover span {color: #ffffff;}
	
	/* Submission */
	a.link_a {font-size: 13px; font-weight: bold; color:#0067b4; text-decoration: underline;}
	ul.list_ul {overflow: hidden; margin-top: 20px;}
		ul.list_ul li {padding-left: 10px; background: url('../../images/en/common/bg_bullet01.png') no-repeat 0px 8px;}
		ul.list_ul li + li {margin-top: 15px;}
	ol.download_list {overflow: hidden; margin-top: 30px; }
		ol.download_list li {list-style: none;}
		ol.download_list li + li {margin-top: 15px;}
		ol.download_list li div.download_bg {display: block; overflow: hidden; float: left; width: 390px; background: url(../../images/en/common/bg_down_line.png) repeat-x 0 13px;}
		ol.download_list li div strong {display: inline-block; padding-right: 15px; font-size: 15px; background-color: #ffffff;}
		ol.download_list li div.download_btn_area {overflow: hidden; padding-left: 10px; background-color: #ffffff;} 
	
	ol.submission_list {overflow: hidden;}
		ol.submission_list li {list-style: none; font-size: 13px;}
		ol.submission_list > li > span {display: block; margin-bottom: 15px;}
		ol.submission_list > li > p {line-height: 1.8em;}
		ol.submission_list > li + li {margin-top: 30px;}
		ol.submission_list > li > ol {overflow: hidden;}
		ol.submission_list > li > ol > li + li {margin-top: 10px; line-height: 1.8em;}
		ol.submission_list > li > ol > li > span {overflow: hidden; display: block; float: left; margin-right: 5px; line-height: 1.8em;}
		ol.submission_list > li > ol > li > p {overflow: hidden; line-height: 1.8em;}
		ol.submission_list > li > ol > li > div {overflow: hidden; margin: 20px 0 20px 0;}
		ol.submission_list > li > ol > li > div > p {line-height: 1.8em;}
	
	div.submission_bg_area {margin-bottom: 50px; padding: 30px; background-color: #f6f6f6;}
		div.submission_bg_area ol {overflow: hidden; margin-top: 30px;}
		div.submission_bg_area ol li {font-size: 13px;}
		div.submission_bg_area ol li strong {display: block; margin-bottom: 10px;}
		div.submission_bg_area ol li p {line-height: 1.8em;}
		div.submission_bg_area ol li + li {margin-top: 25px;}
		
	/* about kjda */
	div.about_txt {overflow: hidden;}
	div.about_txt ul {overflow: hidden; margin-top: 25px;}
	div.about_txt ul li + li {margin-top: 10px;}	
	
	ul.about_list {overflow: hidden; margin-top: 25px;}
	ul.about_list li + li {margin-top: 15px;}
	
	div.about_box {overflow:hidden; padding-top: 40px; border-top: 1px solid #dcdcdc;}
		div.about_box ul {overflow:hidden;}
		div.about_box > ul > li {padding-left: 10px; list-style: none; background: url('../../images/en/common/bg_bullet01.png') no-repeat 0px 8px;}
		div.about_box > ul > li + li {margin-top: 10px;}
		div.about_box > ul > li > strong {font-size: 13px; vertical-align: top;}
		div.about_box > ul > li > div {overflow: hidden; display: inline-block;} 
		div.about_box > ul > li > div > ul {overflow: hidden; margin: 20px 0 0 20px;}
		div.about_box > ul > li > div > ul > li {list-style: none; font-size: 13px;}
		div.about_box > ul > li > div > ul > li + li {margin-top: 15px;}
		div.about_box > ul > li > div > ul > li > strong {float: left; width: 150px;}
		div.about_box > ul > li > div > ul > li > p {overflow: hidden;}
}


/* 화면 해상도 width 640px 이하 Design --------------------------------------*/
@media screen and (max-width: 640px){

	/* 국문 주간국방논단 */
	div.contentbox {overflow: hidden; padding: 18px; border: 1px solid #dcdcdc;}
		div.contentbox div.content_imgbox {overflow: hidden; float:left; margin-right: 20px;}
			div.contentbox div.content_imgbox img {width: 107px; height: 131px;}
		div.contentbox div.content_txtbox {overflow: hidden;}
			div.contentbox div.content_txtbox p {overflow: hidden; font-size: 13px; color: #333333; line-height: 1.6em;}
	
	/* 기고안내 */
	ul.txt_area01 {overflow: hidden; font-size: 13px;}
		ul.txt_area01 li {overflow: hidden; list-style: none; line-height: 1.8em;}
		ul.txt_area01 li + li {margin-top: 7px;}
		ul.txt_area01 li strong {float: left; margin-right: 5px;}
		ul.txt_area01 li span {overflow: hidden; display: block;}
		ul.txt_area01 li p {font-weight: bold; color: #eb6100;}
		
	ul.down_area01 {overflow: hidden; font-size: 13px;}
		ul.down_area01 li {overflow: hidden; list-style: none; line-height: 1.8em;}
		ul.down_area01 li + li {margin-top: 7px;}
		ul.down_area01 li div.bg_area {display: block; overflow:hidden; float: left; width: 60%; background: url('../../images/en/common/bg_down_line.png') repeat-x 0 13px;} 
		ul.down_area01 li div.bg_area strong {padding-right: 15px; background-color: #ffffff;}
		ul.down_area01 li div.btn_down_area {overflow: hidden; padding-left: 10px; background-color: #ffffff;}
		ul.down_area01 li div.btn_down_area span {overflow: hidden; display: block;}

	ul.down_area02 {overflow: hidden; margin: 0 0 30px 10px; font-size: 13px;}
		ul.down_area02 li {overflow: hidden; padding-left: 10px; list-style: none; line-height: 1.8em; background: url('../../images/en/common/bg_bullet01.png') no-repeat 0 10px;}
		ul.down_area02 li + li {margin-top: 7px;}
		ul.down_area02 li div.bg_area2 {display: block; overflow:hidden; float: left; width: 60%; background: url('../../images/en/common/bg_down_line.png') repeat-x 0 13px;} 
		ul.down_area02 li div.bg_area2 > span {display: inline-block; padding-right: 15px; background-color: #ffffff;}
		ul.down_area02 li div.bg_area2 strong {padding-right: 15px; background-color: #ffffff;}
		ul.down_area02 li div.btn_down_area2 {overflow: hidden; padding-left: 10px; background-color: #ffffff;}
		ul.down_area02 li div.btn_down_area2 span {overflow: hidden; display: block;}
	
	div.paypal_area {overflow: hidden;}
	div.paypal_area select {width: 100%; margin-bottom: 30px;}
	div.paypal_area div.paypal_btn {overflow: hidden;}

	/*도서구매안내*/
	ul.online_book {overflow: hidden; width: 100%;}
		ul.online_book li {float: left; list-style: none; margin: 10px; }
		
	/* 썸네일 게시판 */
	.thumbnail_area {overflow: hidden;}
		.thumbnail_area ul {overflow: hidden; width: 95%; margin: 0px auto;}
		.thumbnail_area ul li {overflow: hidden; width: 255px; margin: 20px auto; list-style: none; border-top: 2px solid #535353; border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5;}
		.thumbnail_area ul li a:hover {text-decoration: none;}
		.thumbnail_area ul li strong.thumbnail_title {display: block; overflow: hidden; height: 50px; margin: 11px; font-weight: bold; font-size: 13px; text-align: center; line-height: 50px; text-overflow: ellipsis; white-space: nowrap;}
		.thumbnail_area ul li div.thumbnail_img_area {text-align: center; background-color: #dddddd;}
		.thumbnail_area ul li div.thumbnail_img_area img {width: 159px; height: 185px; margin: 0px 49px 0px 49px; text-align: center; border:1px solid #dddddd; background-color:#ffffff;}
		.thumbnail_area ul li span.thumbnail_writer {overflow: hidden; display: block; padding: 17px 20px 10px 20px; font-size: 13px; text-overflow: ellipsis; white-space: nowrap;}
		.thumbnail_area ul li span.thumbnail_date {display: block; float: left; padding: 0px 8px 10px 20px;}
		.thumbnail_area ul li span.thumbnail_price {display: block; float: left;}
		
	/* 특별호 */
	div.special_layout {overflow: hidden; margin-top: 30px;}
	div.special_layout div.special_area {overflow: hidden; float: left; width: 100%; margin-bottom: 30px;}
	div.special_layout div.special_area div.special_img {overflow: hidden; height: 300px; border: 1px solid #dddddd;}
	div.special_layout div.special_area div.special_img img {width: 100%; height: 300px;}
	div.special_layout div.special_area div.special_txt {overflow: hidden;}
	div.special_layout div.special_area div.special_txt strong {display: inline-block; margin: 15px 5px 0 5px; font-size: 16px; }
	div.special_layout div.special_area div.special_txt ul {overflow: hidden; margin: 5px 0 0 10px;}
	div.special_layout div.special_area div.special_txt ul li {padding-left: 10px; background: url('../../images/en/common/bg_bullet01.png') no-repeat 0px 8px;}
	div.special_layout div.special_area div.special_txt ul li + li {margin-top: 10px;} 
	
	/* WorldWar Watch */
	div.watch_area {overflow: hidden; width: 100%; margin: 40px 0 30px 0;}
	div.watch_area div.watch_box {border: 1px solid #dcdcdc; padding: 20px 30px 26px 30px;}
	div.watch_area div.watch_box strong {display: inline-block; margin-bottom: 20px; font-size: 15px; color: #333333;}		
	div.watch_area div.watch_box div.watch_btn_area a.watch_btn {display: inline-block; width: 100%; height: 33px; margin-bottom: 10px; border: 1px solid #275c92;}
	div.watch_area div.watch_box div.watch_btn_area a.watch_btn span {display: block; text-align: center; line-height: 33px; font-weight: bold; font-size: 14px; color: #275c92;}
	div.watch_area div.watch_box div.watch_btn_area a.watch_btn2 {display: inline-block; width: 100%; height: 33px; border: 1px solid #275c92;}
	div.watch_area div.watch_box div.watch_btn_area a.watch_btn2 span {display: block; text-align: center; line-height: 33px; font-weight: bold; font-size: 14px; color: #275c92;}
	div.watch_area div.watch_box div.watch_btn_area a:hover {color: #ffffff; text-decoration: none; background-color: #0067b4;}
	div.watch_area div.watch_box div.watch_btn_area a:hover span {color: #ffffff;}
	
	/* Submission */
	a.link_a {font-size: 13px; font-weight: bold; color:#0067b4; text-decoration: underline;}
	ul.list_ul {overflow: hidden; margin-top: 20px;}
		ul.list_ul li {padding-left: 10px; background: url('../../images/en/common/bg_bullet01.png') no-repeat 0px 8px;}
		ul.list_ul li + li {margin-top: 15px;}
	ol.download_list {overflow: hidden; margin-top: 30px; }
		ol.download_list li {list-style: none;}
		ol.download_list li + li {margin-top: 15px;}
		ol.download_list li div.download_bg {display: block; overflow: hidden; float: left; width: 60%; background: url(../../images/en/common/bg_down_line.png) repeat-x 0 13px;}
		ol.download_list li div strong {display: inline-block; padding-right: 15px; font-size: 15px; background-color: #ffffff;}
		ol.download_list li div.download_btn_area {overflow: hidden; padding-left: 10px; background-color: #ffffff;} 
	
	ol.submission_list {overflow: hidden;}
		ol.submission_list li {list-style: none; font-size: 13px;}
		ol.submission_list > li > span {display: block; margin-bottom: 15px;}
		ol.submission_list > li > p {line-height: 1.8em;}
		ol.submission_list > li + li {margin-top: 30px;}
		ol.submission_list > li > ol {overflow: hidden;}
		ol.submission_list > li > ol > li + li {margin-top: 10px; line-height: 1.8em;}
		ol.submission_list > li > ol > li > span {overflow: hidden; display: block; float: left; margin-right: 5px; line-height: 1.8em;}
		ol.submission_list > li > ol > li > p {overflow: hidden; line-height: 1.8em;}
		ol.submission_list > li > ol > li > div {overflow: hidden; margin: 20px 0 20px 0;}
		ol.submission_list > li > ol > li > div > p {line-height: 1.8em;}
	
	div.submission_bg_area {margin-bottom: 50px; padding: 30px; background-color: #f6f6f6;}
		div.submission_bg_area ol {overflow: hidden; margin-top: 30px;}
		div.submission_bg_area ol li {font-size: 13px;}
		div.submission_bg_area ol li strong {display: block; margin-bottom: 10px;}
		div.submission_bg_area ol li p {line-height: 1.8em;}
		div.submission_bg_area ol li + li {margin-top: 25px;}
		
	/* about kjda */
	div.about_txt {overflow: hidden;}
	div.about_txt ul {overflow: hidden; margin-top: 25px;}
	div.about_txt ul li + li {margin-top: 10px;}	
	
	ul.about_list {overflow: hidden; margin-top: 25px;}
	ul.about_list li + li {margin-top: 15px;}
	
	div.about_box {overflow:hidden; padding-top: 40px; border-top: 1px solid #dcdcdc;}
		div.about_box ul {overflow:hidden;}
		div.about_box > ul > li {padding-left: 10px; list-style: none; background: url('../../images/en/common/bg_bullet01.png') no-repeat 0px 8px;}
		div.about_box > ul > li + li {margin-top: 10px;}
		div.about_box > ul > li > strong {font-size: 13px; vertical-align: top;}
		div.about_box > ul > li > div {overflow: hidden; display: inline-block;} 
		div.about_box > ul > li > div > ul {overflow: hidden; margin: 20px 0 0 20px;}
		div.about_box > ul > li > div > ul > li {list-style: none; font-size: 13px;}
		div.about_box > ul > li > div > ul > li + li {margin-top: 15px;}
		div.about_box > ul > li > div > ul > li > strong {float: left; width: 100px;}
		div.about_box > ul > li > div > ul > li > p {overflow: hidden; padding-left: 10px;}
	
}