@import url(common.css);
@import url(main.css);




/*basic*/
.fl{float: left;}
.fr{float: right;}
.fb{font-weight: bold !important;}
a{text-decoration: none;}
a:hover{text-decoration: none;}
.indent{padding-left: 15px !important; text-indent: -15px !important;}
.indent10{padding-left: 10px !important; text-indent: -10px !important;}
.indent20{padding-left: 20px !important; text-indent: -20px !important;}
.indent25{padding-left: 25px !important; text-indent: -25px !important;}
.table_end{border-right: none;}
.tl{text-align: justify; padding-left: 10px;}
.tc{text-align: center;}


/*active*/
.page-active{width: 40px !important; background: #000000 !important; border-radius: 20px !important;}

/*============================ defalut ==================================*/

/*== 서브 비주얼 ==*/
.sub-bg-holder-area{width: 100%; height: 500px; background: url(/cityofliterature/fnc_images/sub/sub_visual.png) no-repeat center center; background-size: cover;}

/*== 서브 컨텐츠==*/
.sub-cont{width: 100%; height: 100%; padding-bottom: 80px;}
.sub-info-box {padding: 25px 70px; text-align: center;border: 4px solid #8a9ec6; margin: 0px 0px 35px 0px; }
.sub-info-box .tit{font-size: 20px;color: #8a9ec6; padding: 60px 0px;}

/*== 테이블 ==*/
table{border-collapse: collapse; width: 100%; border-left: none; border-right: none; border-top:0px solid #8a9ec6; margin: 5px 0px;}
table tr{border-bottom: 0px solid #dddddd;}
table th{ border-right: 1px solid #dddddd; padding: 5px 10px font-size: 17px; line-height: 27px; background: #f9f9f9 !important;}
table td{ border-right: 1px solid #dddddd; padding: 5px 10px  font-size: 17px; line-height: 27px;}
.table_end {border-right: none !important;}

.table-wrap{overflow-x: auto;}
.table_1{border-collapse: collapse; width: 100%; min-width: 800px; border-left: none; border-right: none; margin: 0 auto 20px;}

.table2{border-collapse: collapse !important; width: 100%; min-width: 800px; border: none; margin: 10px 0px;}
.table2 tr{border: none;}
.table2 th{text-align: justify; padding: 5px 10px !important; }
.table2 td{border: none; text-align: justify; padding: 5px 10px !important; height: 10px;}

/*본문*/
#content {width:100%;font-family: "Roboto", "Noto Sans KR", Nanum Gothic, "돋움",Dotum,AppleGothic,sans-serif;padding-bottom:20px;overflow:hidden;clear:both;}
#content .tit{font-size: 25px; font-weight:800;padding-bottom:20px; text-align: center;}
#content .s_tit{font-size: 20px; font-weight:600;padding-bottom:20px;}
#content img{max-width: 100%;}
#content .sub_img01{width:35%; float:left}
#content .txt{font-size: 17px; line-height:180%;font-weight:normal;padding-bottom:20px; text-align: justify;
}


#content .sub_txt01{width:60%; float:right}
#content .txt ol{padding-left: 30px;}
#content .txt li{padding:0 0 0px 0;}

#content .txt li.pdT20 {padding:20px 0 0px 0;}

#content .txt li.text {text-indent: 2em;   font-size: 17px; font-weight: normal;   text-align: justify;  font-family: 'Nanum Myeongjo', serif;  font-stretch: ultra-expanded;}


.img-box img{display: block; width: 100%; max-width: 1007px; margin-left: auto; margin-right: auto;}
.img-box-80 img{display: block; width: 80%; max-width: 1007px; margin-left: auto; margin-right: auto;}
.txt-accent{width: 90%; margin: 0 auto 10px; color: #899dc3; font-weight: bold; text-align: center;}

/*== 소메뉴 ==*/
.sub-c{font-size: 20px; font-weight:600; margin: 30px 0 0 0; display: inline-block;}
.sub-c2{font-size: 20px; font-weight:600; margin: 10px 0 0 0; display: inline-block; padding-left:30px; }

.sub-c_b {font-size: 20px; font-weight:600; margin: 0px 0 0 0; display: inline-block;}


.sub-tit{display: inline-block; width: 8px; height: 8px; border-radius: 50%; border: 3px solid #c2d943; margin-right: 8px; text-align: center;}
.sub-lnb{display: inline-block; width: 100%; padding-bottom: 15px; border-bottom: 2px solid #000000; margin: 65px auto 40px;}
.sub-lnb-tit{display: inline-block; width: 100%; text-align: center; font-size: 36px; font-weight: bold;
font-family:'Nanum Myeongjo', serif;/*400, 700, 800*/}

.sub-lnb-tit2{display: inline-block; text-align: center; font-size: 32px; font-weight: bold;
font-family:'Nanum Myeongjo', serif;/*400, 700, 800*/}


.sub-lnb ul{float: right; padding-top: 30px;}
.sub-lnb ul li{float: left; font-size: 17px; font-weight: 400; color: #5f5f5f;}
.sub-lnb ul li:last-child{color: #000000;}
.green{color:#8a9ec6; font-weight: bold; font-size: 78px; margin: 0px 8px;
 background: url(/cityofliterature/fnc_images/common/green_span_bg.jpg) no-repeat -5px 46px;
 width:10px ; height:10px;

}
.numb{font-weight: bold;}
.orange{color: #ff6000;font-size: 8px;vertical-align: top;}
.link_txt{color:#0054a6; font-weight: bold;}

/*== 창의도시 도시현황 ==*/
.ul-left{clear: both; display: inline-block; border: 1px solid#c5c5c5;padding:30px 20px; margin: 20px 0px;background-color: #f9f9f9; width:99%;}
.ul-left li{float: left; margin:0px 4px}
.txt ul{text-align: justify; padding: 15px 0px 15px 0px;}
.txt ul li img{display: block;}
.ul-box{clear: both; display: inline-block; border: 1px solid#c5c5c5;padding:30px 20px; margin: 20px 0px;background-color: #f9f9f9; width:99%; text-align: justify !important;}
.ul-box li{margin:0px 14px;}

/*== 창의도시 네트워크 ==*/
.network-info-area{width: 100%; height: 100%; min-height: 243px; margin-bottom: 90px;}
.network-info-area li{float: left; }
.network-info-area li.Ninfo-img-left{width: 25.25%; margin-right: 3.333333%;}
.network-info-area li.Ninfo-img-right{width: 25.25%; margin-left: 3.333333%;}
.network-info-area li.Ninfo-txt{width: 71.416667%;}
.network-info-area li.Ninfo-txt p{font-size: 17px; line-height: 27px; font-weight: bold; color: #0c1626;}

#tab {text-align:center ;padding-bottom:20px; width:100%; overflow:hidden;}
#tab div{margin:0 auto;}
#tab a {width:18%; display: inline-block; padding:10px 10px; border:#666 1px solid; box-sizing: border-box;font-size: 17px; font-weight:600;margin:1px 3px; overflow:hidden;}
#tab a:hover{color:#ff6000; border:#ff6000 1px solid; box-sizing: border-box;}
#tab .on{color:#fff;font-weight:900;background: #ff6000;border:#ff6000 1px solid;}
#tab .on:hover{color:#fff;font-weight:900;background: #ff6000;border:#ff6000 1px solid;}

.sdg-img-list ul li{margin-bottom: 20px;}
.sdg-img-list ul li p{width: 79%; margin: 0 auto;}

/*== 문학도시 ==*/
.tit_img img{margin-bottom:30px; border: 1px solid #333; box-sizing: border-box;}
.middle_img img{margin:20px auto; border: 1px solid #333; box-sizing: border-box; display: block;}

/*== 문학자산 ==*/
.munhak-jasan-info-area{width: 100%; height: 100%; min-height: 243px;; margin-bottom: 90px;}
.munhak-jasan-info-area li{float: left; ;}
.munhak-jasan-info-area li.mj-info-img-left{width: 35.333333%; margin-right: 3.333333%;}
.munhak-jasan-info-area li.mj-info-img-right{width: 35.333333%; margin-left: 3.333333%;}
.munhak-jasan-info-area li.mj-info-txt{width: 60.833333%;}
.munhak-jasan-info-area li.mj-info-txt p{font-size: 17px; line-height: 27px; font-weight: bold; color: #0c1626;}

/*== 문화도시 ==*/
.culture-info-area{width: 100%; height: 100%; min-height: 243px; margin-bottom: 90px;}
.culture-info-area li{float: left;}
.culture-info-area li.Cinfo-img-left{width: 22.33333%; margin-right: 3.333333%;}
.culture-info-area li.Cinfo-img-right{width: 22.33333%; margin-left: 3.333333%;}
.culture-info-area li.Cinfo-txt{width: 74.333333%;}
.culture-info-area li.Cinfo-txt p{font-size: 17px; line-height: 27px; font-weight: bold; color: #0c1626;}

/*== 유명작가 소개 ==*/
.all-writer-see{width: 100%; overflow: hidden;}
.all-writer-area > li > ul > li{float: left; position: relative; width: 260px; overflow: hidden; margin: 0px 3% 120px 0px;}
.all-writer-area > li > ul > li span.writer-hover{position: absolute; top: 0; left: 0; display: none; width: 100%; height: 260px; border-radius: 50%; background: rgba(0,0,0,0.6); text-align: center;}
.writer-img-box:hover span.writer-hover{display: inline-block;}
.all-writer-area > li > ul > li span.writer-hover span{display: inline-block; width: 100px; height: 40px; line-height: 40px; margin: 120px auto 0px; border: 1px solid #8b9eca; text-align: center; font-size: 24px; color: #8b9eca; font-weight: 400;}
.all-writer-area > li > ul > li > a > .writer-img-box > img{display: block; width: 100%; margin-left: auto; margin-right: auto;}
.all-writer-area > li > ul > li p.writer-name{font-size: 30px; font-weight: bold; text-align: center;}
.all-writer-area > li > ul > li p.writer-name span{ display: block; width: 40px; height: 2px; background: #000000; margin: 25px auto;}

.all-writer-page-btn{position: relative;  margin: 45px auto;}
.all-writer-page-btn ul{position: absolute; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%);  -ms-transform: translateX(-50%);  -moz-transform: translateX(-50%);  -o-transform: translateX(-50%);  }
.all-writer-page-btn ul li{float: left; width: 15px; height: 15px; border-radius: 50%; background: #ffffff; margin-right: 12px; cursor: pointer;}
.all-writer-page-btn ul li:last-child{margin-right: 0px;}

/*== 유명작가 소개 서브 페이지 ==*/
.writer-info-area{width: 100%; height: 100%; min-height: 243px; margin-bottom: 90px;}
.writer-info-area li{float: left}
.writer-info-area li.Winfo-img-left{width: 35.333333%; margin: 0 15px 15px 0;}
.writer-info-area li.Winfo-img-left img{display: block; margin: 0 auto;}
.writer-info-area li.Winfo-img.fl{width: 35.333333%; margin-right: 3.333333%;}
.writer-info-area li.Winfo-img img{display: block; width: 100%;}
.writer-info-area li.Winfo-img.fr{width: 35.333333%; margin-left: 3.333333%;}
.writer-info-area li.Winfo-txt{width: 63%;}
.writer-info-area li.Winfo-txt p{font-size: 17px; line-height: 27px; color: #333;font-weight: normal; text-align: justify;}
.writer-info-area li.txt{font-size: 17px; line-height: 27px; text-align: justify; color: #333;font-weight: normal;}

/*== 원주시립도서관 ==*/
.library-info-area{width: 100%; height: 100%; min-height: 243px; margin-bottom: 90px;}
.library-info-area li{float: left;}
.library-info-area li.Linfo-img-left{width: 22.33333%; margin-right: 3.333333%;}
.library-info-area li.Linfo-img-right{width: 22.33333%; margin-left: 3.333333%;}
.library-info-area li.Linfo-txt{width: 74.333333%;}
.library-info-area li.Linfo-txt p{font-size: 17px; line-height: 27px; font-weight: bold; color: #0c1626;}

/*== 이담(그림책도시) ==*/
.edam-info-area{width: 100%; height: 100%; min-height: 243px; margin-bottom: 90px;}
.edam-info-area li{float: left;}
.edam-info-area li.Einfo-img-left{width: 35.333333%; margin-right: 3.333333%;}
.edam-info-area li.Einfo-img-right{width: 35.333333%; margin-left: 3.333333%;}
.edam-info-area li.Einfo-txt{width: 60.833333%;}
.edam-info-area li.Einfo-txt p{font-size: 17px; line-height: 27px; font-weight: bold; color: #0c1626;}


/*== UCCN ==*/
.uccn-area ul li{margin-bottom: 5px; font-size: 18px; font-weight: bold; line-height:200%;}
.uccn-area ul li a{display: inline-block; text-decoration: underline; font-size: 18px; font-weight: bold; color:#1C3F9A; line-height:200%;}
.uccn-area ul li a:hover{color: #ff0000;}

.video_wrap{width: 90%; margin: 0 auto;}
.video-link-box{text-align: center; padding: 50px 0;}
.video-link-box .v-tit{display: inline-block; font-size: 30px; line-height: 36px; font-weight: bold; margin-bottom: 20px; padding-bottom: 20px; box-sizing: border-box; border-bottom: 2px solid #333; color: #4f586c; }
.video-link-box .v-txt{font-size: 24px; line-height: 30px; font-weight: bold; color: #4f586c;}
.video-link-box .v-txt span{color: #7aa1f8;}
.video-link-box .v-button{display: inline-block; line-height: 24px; margin-top: 25px; padding: 5px 30px; border-radius: 4px; background: #7aa1f8; color: #fff; font-weight: normal; transition: all 0.3s ease-in-out;}
.video-link-box .v-button:hover{background: #6385d1; padding: 5px 35px;}

/*== 사실 ==*/
.s_list{color:#899dc3; font-weight:bold; margin-bottom: 5px;}

.blnk-link{display: inline-block; color: #899dc; font-weight: bold;  border-bottom: 1px solid #000; transition: all 0.2s ease-in;}
.blnk-link:hover{color: #899dc3; border-bottom-color: #899dc3;}


/*=========================================== responsive =================================================*/

@media (max-width: 575px){
	
	/*== 서브 비주얼 ==*/
	.sub-bg-holder-area{height: 180px;}

	/*== 서브 컨텐츠 ==*/
	.sub-cont-wrap{padding: 0 15px;}
	.sub-info-box {padding: 25px 70px; text-align: center;border: 4px solid #8a9ec6; margin: 0px 0px 35px 0px;}
	.sub-info-box .tit{font-size: 20px;color: #8a9ec6; padding: 60px 0px;}

	/*== 테이블 ==*/
	th{font-size: 15px !important; line-height: 23px !important;}
	td{font-size: 15px !important; line-height: 23px !important;}

	/*== 본문 ==*/
	#content .tit{font-size: 20px;}
	#content .s_tit{font-size: 18px;}
	#content .txt{font-size: 15px; line-height: 23px;}
	.img-box-80 img{width: 100%;}

	/*== 소메뉴 ==*/
	.sub-c{font-size: 20px; font-weight:600;padding-bottom:10px;display: inline-block;}
	.sub-tit{display: inline-block; width: 8px; height: 8px; border-radius: 50%; border: 3px solid #c2d943; margin-right: 8px; text-align: center;}
	.sub-lnb{display: inline-block; width: 100%; padding-bottom: 15px; border-bottom: 2px solid #000000; margin: 65px auto 40px;}
	.sub-lnb-tit{font-size: 26px;}
	.sub-lnb ul{float: right; padding-top: 30px;}
	.sub-lnb ul li{font-size: 15px;}
	.green{color:#8a9ec6; font-weight: bold; font-size: 28px; margin: 0 10;}

	/*== 창의도시 도시현황 ==*/
	.ul-left{clear: both; display: inline-block; border: 1px solid#c5c5c5;padding:30px 20px; margin: 20px 0px; background-color: #f9f9f9; width:99%;}
	.ul-left li{float: left; margin:0px 4px}
	.ul-box{clear: both; display: inline-block; border: 1px solid#c5c5c5;padding:30px 20px; margin: 20px 0px; background-color: #f9f9f9; width:99%; text-align: justify!important;}
	.ul-box li{margin:0px 14px;}
	.txt ul{padding: 0; margin: 0;}

	/*== 창의도시 네트워크 ==*/
	.network-info-area{margin-bottom: 90px;}
	.network-info-area li{float: left; height: 243px;}
	.network-info-area li.Ninfo-img-left{width: 25.25%; margin-right: 3.333333%;}
	.network-info-area li.Ninfo-img-right{width: 25.25%; margin-left: 3.333333%;}
	.network-info-area li.Ninfo-txt{width: 71.416667%;}
	.network-info-area li.Ninfo-txt p{font-size: 15px; line-height: 23px;}

	#tab {text-align:center ;padding-bottom:20px; width:100%; overflow:hidden;}
	#tab div{margin:0 auto}
	#tab a {width: 100%; display: inline-block; padding:5px 12px; border:#666 1px solid; font-size: 17px; font-weight:600; margin: 0 0 5px 0; overflow:hidden;}
	#tab a:hover{color:#ff6000; border:#ff6000 1px solid;}
	#tab .on{color:#fff;font-weight:900;background: #ff6000;border:#ff6000 1px solid;}
	#tab .on:hover{color:#fff;font-weight:900;background: #ff6000;border:#ff6000 1px solid;}
	.sdg-img-list ul li p{width: 100%;}

	/*== 문학자산 ==*/
	.munhak-jasan-info-area{margin-bottom: 90px;}
	.munhak-jasan-info-area li{float: left; height: 243px;}
	.munhak-jasan-info-area li.mj-info-img-left{width: 35.333333%; margin-right: 3.333333%;}
	.munhak-jasan-info-area li.mj-info-img-right{width: 35.333333%; margin-left: 3.333333%;}
	.munhak-jasan-info-area li.mj-info-txt{width: 60.833333%;}
	.munhak-jasan-info-area li.mj-info-txt p{font-size: 15px; line-height: 23px;}

	/*== 문화도시 ==*/
	.culture-info-area{margin-bottom: 90px;}
	.culture-info-area li{float: left; height: 243px;}
	.culture-info-area li.Cinfo-img-left{width: 22.33333%; margin-right: 3.333333%;}
	.culture-info-area li.Cinfo-img-right{width: 22.33333%; margin-left: 3.333333%;}
	.culture-info-area li.Cinfo-txt{width: 74.333333%;}
	.culture-info-area li.Cinfo-txt p{font-size: 17px; }

	/*== 유명작가 소개 ==*/
	.all-writer-area > li > ul > li{float: none; margin: 0px auto 120px;}
	.all-writer-area > li > ul > li:nth-child(3n){margin-right: auto;}

	/*== 유명작가 소개 서브 페이지 ==*/
	.writer-info-area{width: 100%; margin-bottom: 90px;}
	.writer-info-area li{float: none; width: 100%;}
	.writer-info-area li.Winfo-img img{display: block; width: 100%;}
	.writer-info-area li.Winfo-img.fl{width: 100%; margin: 0 auto 30px;}
	.writer-info-area li.Winfo-img.fr{width: 100%; margin: 0 auto 30px;}
	.writer-info-area li.Winfo-txt{width: 100%; margin: 0 auto 30px;}
	.writer-info-area li.Winfo-txt p{font-size: 15px;}
	.writer-info-area li.txt{font-size: 15px;}


	/*== 원주시립도서관 ==*/
	.library-info-area{margin-bottom: 90px;}
	.library-info-area li{float: left; height: 243px;}
	.library-info-area li.Linfo-img-left{width: 22.33333%; margin-right: 3.333333%;}
	.library-info-area li.Linfo-img-right{width: 22.33333%; margin-left: 3.333333%;}
	.library-info-area li.Linfo-txt{width: 74.333333%;}
	.library-info-area li.Linfo-txt p{font-size: 17px;}

	/*== 이담(그림책도시) ==*/
	.edam-info-area{margin-bottom: 90px;}
	.edam-info-area li{float: left; height: 243px;}
	.edam-info-area li.Einfo-img-left{width: 35.333333%; margin-right: 3.333333%;}
	.edam-info-area li.Einfo-img-right{width: 35.333333%; margin-left: 3.333333%;}
	.edam-info-area li.Einfo-txt{width: 60.833333%;}
	.edam-info-area li.Einfo-txt p{font-size: 17px;}


	/*== UCCN ==*/
	.uccn-area ul li{margin-bottom: 5px; font-size: 18px; font-weight: bold;}
	.uccn-area ul li a{display: block; text-decoration: underline; font-size: 18px; font-weight: bold;}
	.uccn-area ul li a:hover{color: #8b9eca;}
	.video-link-box .v-tit{border-bottom: none;}
}


@media (min-width: 576px) and (max-width: 767px){ 

	/*== 서브 비주얼 ==*/
	.sub-bg-holder-area{height: 180px;}

	/*== 서브 컨텐츠 ==*/
	.sub-cont-wrap{padding: 0 15px;}
	.sub-info-box {padding: 25px 70px; text-align: center;border: 4px solid #8a9ec6; margin: 0px 0px 35px 0px;}
	.sub-info-box .tit{font-size: 20px;color: #8a9ec6; padding: 60px 0px;}

	/*== 소메뉴 ==*/
	.sub-c{font-size: 20px; font-weight:600;padding-bottom:10px;display: inline-block;}
	.sub-tit{display: inline-block; width: 8px; height: 8px; border-radius: 50%; border: 3px solid #c2d943; margin-right: 8px; text-align: center;}
	.sub-lnb{display: inline-block; width: 100%; padding-bottom: 15px; border-bottom: 2px solid #000000; margin: 65px auto 40px;}
	.sub-lnb-tit{display: inline-block; width: 100%; text-align: center; font-size: 32px; font-weight: bold;}
	.sub-lnb ul{float: right; padding-top: 30px;}
	.sub-lnb ul li{float: left; font-size: 17px; font-weight: 400; color: #5f5f5f;}
	.sub-lnb ul li:last-child{color: #000000;}
	.green{color:#8a9ec6; font-weight: bold; font-size: 28px; margin: 0 10;}

	/*== 창의도시 도시현황 ==*/
	.ul-left{clear: both; display: inline-block; border: 1px solid#c5c5c5;padding:30px 20px; margin: 20px 0px;background-color: #f9f9f9; width:99%;}
	.ul-left li{float: left; margin:0px 4px}
	.ul-box{clear: both; display: inline-block; border: 1px solid#c5c5c5;padding:30px 20px; margin: 20px 0px;background-color: #f9f9f9; width:99%; text-align: justify!important;}
	.ul-box li{margin:0px 14px;}

	/*== 창의도시 네트워크 ==*/
	.network-info-area{margin-bottom: 90px;}
	.network-info-area li{float: left; height: 243px;}
	.network-info-area li.Ninfo-img-left{width: 25.25%; margin-right: 3.333333%;}
	.network-info-area li.Ninfo-img-right{width: 25.25%; margin-left: 3.333333%;}
	.network-info-area li.Ninfo-txt{width: 71.416667%;}
	.network-info-area li.Ninfo-txt p{font-size: 17px;}

	#tab {text-align:center ;padding-bottom:20px; width:100%; overflow:hidden;}
	#tab div{margin:0 auto}
	#tab a {width: 40%; display: inline-block; padding:10px 22px; border:#666 1px solid;font-size: 17px; font-weight:600;margin:1px 3px; overflow:hidden;}
	#tab a:hover{color:#ff6000; border:#ff6000 1px solid;}
	#tab .on{color:#fff;font-weight:900;background: #ff6000;border:#ff6000 1px solid;}
	#tab .on:hover{color:#fff;font-weight:900;background: #ff6000;border:#ff6000 1px solid;}

	/*== 문학자산 ==*/
	.munhak-jasan-info-area{margin-bottom: 90px;}
	.munhak-jasan-info-area li{float: left; height: 243px;}
	.munhak-jasan-info-area li.mj-info-img-left{width: 35.333333%; margin-right: 3.333333%;}
	.munhak-jasan-info-area li.mj-info-img-right{width: 35.333333%; margin-left: 3.333333%;}
	.munhak-jasan-info-area li.mj-info-txt{width: 60.833333%;}
	.munhak-jasan-info-area li.mj-info-txt p{font-size: 17px;}

	/*== 문화도시 ==*/
	.culture-info-area{margin-bottom: 90px;}
	.culture-info-area li{float: left; height: 243px;}
	.culture-info-area li.Cinfo-img-left{width: 22.33333%; margin-right: 3.333333%;}
	.culture-info-area li.Cinfo-img-right{width: 22.33333%; margin-left: 3.333333%;}
	.culture-info-area li.Cinfo-txt{width: 74.333333%;}
	.culture-info-area li.Cinfo-txt p{font-size: 17px;}

	/*== 유명작가 소개 ==*/
	.all-writer-area > li > ul > li{float: none; margin: 0px auto 120px;}
	.all-writer-area > li > ul > li:nth-child(3n){margin-right: auto;}

	/*== 유명작가 소개 서브 페이지 ==*/
	.writer-info-area{margin-bottom: 90px;}
	.writer-info-area li{float: none; width: 100%;}
	.writer-info-area li.Winfo-img-left{width: 50%; margin: 0 auto 30px;}
	.writer-info-area li.Winfo-img-right{width: 50%; margin: 0 auto 30px;}
	.writer-info-area li.Winfo-txt{width: 90%; margin: 0 auto 0px;}
	.writer-info-area li.txt {font-size: 17px;}

	/*== 원주시립도서관 ==*/
	.library-info-area{margin-bottom: 90px;}
	.library-info-area li{float: left; height: 243px;}
	.library-info-area li.Linfo-img-left{width: 22.33333%; margin-right: 3.333333%;}
	.library-info-area li.Linfo-img-right{width: 22.33333%; margin-left: 3.333333%;}
	.library-info-area li.Linfo-txt{width: 74.333333%;}
	.library-info-area li.Linfo-txt p{font-size: 17px;}

	/*== 이담(그림책도시) ==*/
	.edam-info-area{margin-bottom: 90px;}
	.edam-info-area li{float: left; height: 243px;}
	.edam-info-area li.Einfo-img-left{width: 35.333333%; margin-right: 3.333333%;}
	.edam-info-area li.Einfo-img-right{width: 35.333333%; margin-left: 3.333333%;}
	.edam-info-area li.Einfo-txt{width: 60.833333%;}
	.edam-info-area li.Einfo-txt p{font-size: 17px;}


	/*== UCCN ==*/
	.uccn-area ul li{margin-bottom: 5px; font-size: 18px; font-weight: bold;}
	.uccn-area ul li a{display: block; text-decoration: underline; font-size: 18px; font-weight: bold;}
	.uccn-area ul li a:hover{color: #8b9eca;}


}


@media (min-width: 768px) and (max-width: 991px){
	
	/*== 서브 비주얼 ==*/
	.sub-bg-holder-area{height: 390px;}

	/*== 서브 컨텐츠 ==*/
	.sub-cont-wrap{padding: 0 15px;}
	.sub-info-box {padding: 25px 70px; text-align: center;border: 4px solid #8a9ec6; margin: 0px 0px 35px 0px;}
	.sub-info-box .tit{font-size: 20px;color: #8a9ec6; padding: 60px 0px;}

	/*== 소메뉴 ==*/
	.sub-c{font-size: 20px; font-weight:600;padding-bottom:10px;display: inline-block;}
	.sub-tit{display: inline-block; width: 8px; height: 8px; border-radius: 50%; border: 3px solid #c2d943; margin-right: 8px; text-align: center;}
	.sub-lnb{display: inline-block; width: 100%; padding-bottom: 15px; border-bottom: 2px solid #000000; margin: 65px auto 40px;}
	.sub-lnb-tit{display: inline-block; width: 100%; text-align: center; font-size: 32px; font-weight: bold;}
	.sub-lnb ul{float: right; padding-top: 30px;}
	.sub-lnb ul li{float: left; font-size: 17px; font-weight: 400; color: #5f5f5f;}
	.sub-lnb ul li:last-child{color: #000000;}
	.green{color:#8a9ec6; font-weight: bold; font-size: 74px; margin: 0 10;

 background: url(/cityofliterature/fnc_images/common/green_span_bg.jpg) no-repeat -5px 43px;

}
	/*== 창의도시 도시현황 ==*/

	.ul-left{clear: both; display: inline-block; border: 1px solid#c5c5c5;padding:30px 20px; margin: 20px 0px;background-color: #f9f9f9; width:99%;}
	.ul-left li{float: left; margin:0px 4px;}
	.ul-box{clear: both; display: inline-block; border: 1px solid#c5c5c5;padding:30px 20px; margin: 20px 0px;background-color: #f9f9f9; width:99%; text-align: justify!important;}
	.ul-box li{margin:0px 14px;}

	/*== 창의도시 네트워크 ==*/
	.network-info-area{margin-bottom: 90px;}
	.network-info-area li{float: left; height: 243px;}
	.network-info-area li.Ninfo-img-left{width: 25.25%; margin-right: 3.333333%;}
	.network-info-area li.Ninfo-img-right{width: 25.25%; margin-left: 3.333333%;}
	.network-info-area li.Ninfo-txt{width: 71.416667%;}
	.network-info-area li.Ninfo-txt p{font-size: 20px; line-height: 25px; font-weight: bold; color: #0c1626;}

	#tab {text-align:center ;padding-bottom:20px; width:100%; overflow:hidden;}
	#tab div{margin:0 auto;}
	#tab a {width: 40%; display: inline-block; padding:10px 22px; border:#666 1px solid;font-size: 17px; font-weight:600;margin:1px 3px; overflow:hidden;}
	#tab a:hover{color:#ff6000; border:#ff6000 1px solid;}
	#tab .on{color:#fff;font-weight:900;background: #ff6000;border:#ff6000 1px solid;}
	#tab .on:hover{color:#fff;font-weight:900;background: #ff6000;border:#ff6000 1px solid;}

	/*== 문학자산 ==*/
	.munhak-jasan-info-area{margin-bottom: 90px;}
	.munhak-jasan-info-area li{float: left; height: 243px;}
	.munhak-jasan-info-area li.mj-info-img-left{width: 35.333333%; margin-right: 3.333333%;}
	.munhak-jasan-info-area li.mj-info-img-right{width: 35.333333%; margin-left: 3.333333%;}
	.munhak-jasan-info-area li.mj-info-txt{width: 60.833333%;}
	.munhak-jasan-info-area li.mj-info-txt p{font-size: 20px; line-height: 25px; font-weight: bold; color: #0c1626;}

	/*== 문화도시 ==*/
	.culture-info-area{margin-bottom: 90px;}
	.culture-info-area li{float: left; height: 243px;}
	.culture-info-area li.Cinfo-img-left{width: 22.33333%; margin-right: 3.333333%;}
	.culture-info-area li.Cinfo-img-right{width: 22.33333%; margin-left: 3.333333%;}
	.culture-info-area li.Cinfo-txt{width: 74.333333%;}
	.culture-info-area li.Cinfo-txt p{font-size: 20px; line-height: 25px; font-weight: bold; color: #0c1626;}

	/*== 유명작가 소개 서브 페이지 ==*/
	.writer-info-area{margin-bottom: 90px;}
	.writer-info-area li{float: none; width: 100%}
	.writer-info-area li.Winfo-img-left{width: 50%; margin: 0 auto 30px;}
	.writer-info-area li.Winfo-img-right{width: 50%; margin: 0 auto 30px;}
	.writer-info-area li.Winfo-txt{width: 90%; margin: 0 auto 0px;}
	.writer-info-area li.Winfo-txt p{font-size: 20px; line-height: 25px; color: #0c1626;}

	/*== 원주시립도서관 ==*/
	.library-info-area{margin-bottom: 90px;}
	.library-info-area li{float: left; height: 243px;}
	.library-info-area li.Linfo-img-left{width: 22.33333%; margin-right: 3.333333%;}
	.library-info-area li.Linfo-img-right{width: 22.33333%; margin-left: 3.333333%;}
	.library-info-area li.Linfo-txt{width: 74.333333%;}
	.library-info-area li.Linfo-txt p{font-size: 20px; line-height: 25px; font-weight: bold; color: #0c1626;}

	/*== 이담(그림책도시) ==*/
	.edam-info-area{margin-bottom: 90px;}
	.edam-info-area li{float: left; height: 243px;}
	.edam-info-area li.Einfo-img-left{width: 35.333333%; margin-right: 3.333333%;}
	.edam-info-area li.Einfo-img-right{width: 35.333333%; margin-left: 3.333333%;}
	.edam-info-area li.Einfo-txt{width: 60.833333%;}
	.edam-info-area li.Einfo-txt p{font-size: 20px; line-height: 25px; font-weight: bold; color: #0c1626;}


	/*== UCCN ==*/
	.uccn-area ul li{margin-bottom: 5px; font-size: 18px; font-weight: bold;}
	.uccn-area ul li a{display: block; text-decoration: underline; font-size: 18px; font-weight: bold;}
	.uccn-area ul li a:hover{color: #8b9eca;}


}

@media (min-width: 992px) and (max-width: 1199px){ 

	/*== 서브 컨텐츠==*/
	.sub-cont-wrap{padding: 0 15px;}
	.sub-info-box {padding: 25px 70px; text-align: center;border: 4px solid #8a9ec6; margin: 0px 0px 35px 0px;}
	.sub-info-box .tit{font-size: 20px;color: #8a9ec6; padding: 60px 0px;}


	/*== 소메뉴 ==*/
	.sub-c{font-size: 20px; font-weight:600;padding-bottom:10px;display: inline-block;}
	.sub-tit{display: inline-block; width: 8px; height: 8px; border-radius: 50%; border: 3px solid #c2d943; margin-right: 8px; text-align: center;}
	.sub-lnb{display: inline-block; width: 100%; padding-bottom: 15px; border-bottom: 2px solid #000000; margin: 65px auto 40px;}
	.sub-lnb-tit{display: inline-block; width: 100%; text-align: center; font-size: 32px; font-weight: bold;}
	.sub-lnb ul{float: right; padding-top: 30px;}
	.sub-lnb ul li{float: left; font-size: 17px; font-weight: 400; color: #5f5f5f;}
	.sub-lnb ul li:last-child{color: #000000;}
	.green{color:#8a9ec6; font-weight: bold; font-size: 28px; margin: 0 10;}

	/*== 창의도시 도시현황 ==*/

	.ul-left{clear: both; display: inline-block; border: 1px solid#c5c5c5;padding:30px 20px; margin: 20px 0px;background-color: #f9f9f9; width:99%;}
	.ul-left li{float: left; margin:0px 4px}
	.ul-box{clear: both; display: inline-block; border: 1px solid#c5c5c5;padding:30px 20px; margin: 20px 0px;background-color: #f9f9f9; width:99%; text-align: justify!important;}
	.ul-box li{margin:0px 14px;}

	/*== 창의도시 네트워크 ==*/
	.network-info-area{margin-bottom: 90px;}
	.network-info-area li{float: left; height: 243px;}
	.network-info-area li.Ninfo-img-left{width: 25.25%; margin-right: 3.333333%;}
	.network-info-area li.Ninfo-img-right{width: 25.25%; margin-left: 3.333333%;}
	.network-info-area li.Ninfo-txt{width: 71.416667%;}
	.network-info-area li.Ninfo-txt p{font-size: 20px; line-height: 25px; font-weight: bold; color: #0c1626;}

	#tab {text-align:center ;padding-bottom:20px; width:100%; overflow:hidden;}
	#tab div{margin:0 auto}
	#tab a {width: 23%; display: inline-block; padding:10px 22px; border:#666 1px solid;font-size: 17px; font-weight:600;margin:1px 3px; overflow:hidden;}
	#tab a:hover{color:#ff6000; border:#ff6000 1px solid;}
	#tab .on{color:#fff;font-weight:900;background: #ff6000;border:#ff6000 1px solid;}
	#tab .on:hover{color:#fff;font-weight:900;background: #ff6000;border:#ff6000 1px solid;}

	/*== 문학자산 ==*/
	.munhak-jasan-info-area{margin-bottom: 90px;}
	.munhak-jasan-info-area li{float: left; height: 243px;}
	.munhak-jasan-info-area li.mj-info-img-left{width: 35.333333%; margin-right: 3.333333%;}
	.munhak-jasan-info-area li.mj-info-img-right{width: 35.333333%; margin-left: 3.333333%;}
	.munhak-jasan-info-area li.mj-info-txt{width: 60.833333%;}
	.munhak-jasan-info-area li.mj-info-txt p{font-size: 20px; line-height: 25px; font-weight: bold; color: #0c1626;}

	/*== 문화도시 ==*/
	.culture-info-area{margin-bottom: 90px;}
	.culture-info-area li{float: left; height: 243px;}
	.culture-info-area li.Cinfo-img-left{width: 22.33333%; margin-right: 3.333333%;}
	.culture-info-area li.Cinfo-img-right{width: 22.33333%; margin-left: 3.333333%;}
	.culture-info-area li.Cinfo-txt{width: 74.333333%;}
	.culture-info-area li.Cinfo-txt p{font-size: 20px; line-height: 25px; font-weight: bold; color: #0c1626;}

	/*== 유명작가 소개 서브 페이지 ==*/
	.writer-info-area{margin-bottom: 90px;}
	.writer-info-area li{float: left;}
	.writer-info-area li.Winfo-img-left{width: 35.333333%; margin-right: 3.333333%;}
	.writer-info-area li.Winfo-img-right{width: 35.333333%; margin-left: 3.333333%;}

	.writer-info-area li.Winfo-txt p{font-size: 20px; line-height: 25px; color: #0c1626;}

	/*== 원주시립도서관 ==*/
	.library-info-area{margin-bottom: 90px;}
	.library-info-area li{float: left; height: 243px;}
	.library-info-area li.Linfo-img-left{width: 22.33333%; margin-right: 3.333333%;}
	.library-info-area li.Linfo-img-right{width: 22.33333%; margin-left: 3.333333%;}
	.library-info-area li.Linfo-txt{width: 74.333333%;}
	.library-info-area li.Linfo-txt p{font-size: 20px; line-height: 25px; font-weight: bold; color: #0c1626;}

	/*== 이담(그림책도시) ==*/
	.edam-info-area{margin-bottom: 90px;}
	.edam-info-area li{float: left; height: 243px;}
	.edam-info-area li.Einfo-img-left{width: 35.333333%; margin-right: 3.333333%;}
	.edam-info-area li.Einfo-img-right{width: 35.333333%; margin-left: 3.333333%;}
	.edam-info-area li.Einfo-txt{width: 60.833333%;}
	.edam-info-area li.Einfo-txt p{font-size: 20px; line-height: 25px; font-weight: bold; color: #0c1626;}

	/*== UCCN ==*/
	.uccn-area ul li{margin-bottom: 5px; font-size: 18px; font-weight: bold; font-family:'Nanum Myeongjo', serif; 	}
	.uccn-area ul li a{display: block; text-decoration: underline; font-size: 18px; font-weight: bold;}
	.uccn-area ul li a:hover{color: #8b9eca;}
	
}





	/*== What's On ==*/



		#accordion .panel-title a:before{font-family: FontAwesome; display: block;
		    width: 30px;height: 30px;line-height: 32px;border-radius: 50%;background: #888bc2;font-size: 14px;
		    color: #fff;text-align: center;position: absolute;top: 25%;left: 0;transition: all 0.3s ease 0s; content:"\f068"}
		#accordion .panel-title a.collapsed:before{content: "\f067";}




           
		#accordion .panel-title2 a:before{font-family: FontAwesome; display: block;
		    width: 30px;height: 30px;line-height: 32px;border-radius: 50%;background: #888bc2;font-size: 14px;
		    color: #fff;text-align: center;position: absolute;top: 25%;left: 0;transition: all 0.3s ease 0s; content:"\f1c1"}
	










/* 2020 리뉴얼  */

#content .txt2{font-size: 17px; line-height:180%;font-weight:normal; text-align: justify;
font-family:'Nanum Myeongjo', serif;/*400, 700, 800*/  ; font-stretch : ultra-expanded ;
}
#content .txt0{font-size: 17px; line-height:180%;font-weight:normal; text-align: justify;
font-family:'Nanum Myeongjo', serif;/*400, 700, 800*/  ; font-stretch : ultra-expanded ;
}
#content .txt0.pdT20 {padding-top:20px}

#content .title { 
    font-size: 25px;
    font-weight: 800;
    padding: 20px 0;
    text-align: left; }

#content .con_txt2  { line-height: 180%;}
#content .con_txt2 p.txt2 { text-indent: 0em;}

#content .con_txt2  .img_left{ float:left; width:20%; line-height:130%}
#content .con_txt2  .text_right{ float:left; width:80%}
#content .con_txt2  .text_right .text_p {padding-left:20px; }

#content .con_txt2  .text_p { line-height: 180%; text-indent: 0em;font-size:17px; 
font-weight:normal;padding-bottom:20px; text-align: justify;
font-family:'Nanum Myeongjo', serif;/*400, 700, 800*/  ; font-stretch : ultra-expanded ;}

#content .con_txt2  .text_li { font-weight:normal; font-size:17px; }
#content .con_txt2  .text_li .tit { font-weight: bold;font-size: 24px; line-height: 40px;    text-align: left;}
#content .con_txt2  .text_li .txt2 { font-weight: normal;font-size: 17px; line-height: 180%;  text-indent: 0em;}
#content  .div_blank  {clear:both; padding-top:20px;}

#content .con_txt2   .img_txt  {font-size:15px   ; text-indent: 0em; padding:5px; line-height:150% }

#content .con_txt2 p.txt0 {}



	.rt { width: 100%;  border-collapse: collapse; border-spacing: 0; }
 	.rt td { margin: ;  vertical-align: top; border-bottom:#ddd 0px solid;  padding:10px 15px ; text-align:left}


.sub1_tb {border-top:2px solid #8a9ec6}
.sub1_tb th{padding:10px}
.sub1_tb td{border-bottom:1px solid #ddd; padding:10px; 
font-size: 17px; line-height:180%;font-weight:normal; text-align: justify;
font-family:'Nanum Myeongjo', serif;/*400, 700, 800*/  ; font-stretch : ultra-expanded ;  }
.sub1_tb td:last-child{border-right:0px}

.sub2_tb {border-top:2px solid #8a9ec6}
.sub2_tb th{padding:10px; text-align:left; }
.sub2_tb td{border-bottom:1px solid #ddd; padding:10px;
font-size: 17px; line-height:180%;font-weight:normal; text-align: justify;
font-family:'Nanum Myeongjo', serif;/*400, 700, 800*/  ; font-stretch : ultra-expanded ; }
.sub2_tb td:last-child{border-right:0px}



.sub2_tbC {border-top:2px solid #8a9ec6}
.sub2_tbC th{padding:10px; text-align:left;  text-align:center ; border-bottom:1px solid #ddd; padding:10px;
font-size: 17px; line-height:180%;font-weight:bold; 
font-family:'Nanum Myeongjo', serif;/*400, 700, 800*/  ; font-stretch : ultra-expanded ; }
.sub2_tbC td:last-child{border-right:0px}
.sub2_tbC td{border-bottom:1px solid #ddd; padding:10px;
font-size: 17px; line-height:180%;font-weight:normal; text-align: justify;
font-family:'Nanum Myeongjo', serif;/*400, 700, 800*/  ; font-stretch : ultra-expanded ; }
.sub2_tbC td:last-child{border-right:0px}










.sub1_tb_t4 {border-top:2px solid #8a9ec6}
.sub1_tb_t4 th{padding:10px; font-size: 17px; line-height:180%;font-weight:normal; text-align: center;
font-family:'Nanum Myeongjo', serif;/*400, 700, 800*/  ; font-stretch : ultra-expanded ; }

.sub1_tb_t4 td{border-bottom:1px solid #ddd; padding:10px; 
font-size: 17px; line-height:180%;font-weight:normal; text-align: justify;
font-family:'Nanum Myeongjo', serif;/*400, 700, 800*/  ; font-stretch : ultra-expanded ;  }
.sub1_tb_t4 td:last-child{border-right:0px}

.sub1_tb_t4 td.TC {text-align:center}
.mgT20 {margin-top:20px}

.hr_line {width:100%; border-top:1px solid #ddd}

.sub1_tb_none{width:100%;border-collapse:collapse;}
.sub1_tb_none td{padding:6px 0 6px 124px; border:#ddd 0px solid; }
.sub1_tb_none td:{border-right:0px ; border-left:0}
.con_tit_2 {text-align:center; font-weight:bold; color:#000; font-size:20px; padding:40px 0 40px 0 }


.sub2_tb_none{width:100%;border-collapse:collapse;}
.sub2_tb_none td{padding:6px 0 6px 124px; border:#ddd 0px solid; }
.sub2_tb_none td:{border-right:0px ; border-left:0}
.sub2_tb_none td { padding: 6px 0 ;  border: #ddd 0px solid;}



.sub2_tb_none.txt_basic td{font-size:17px; font-family:'Nanum Myeongjo', serif; font-stretch : ultra-expanded ;}



#content .con_txt2 .linksite {text-align:right}
#content .con_txt2 .linksite .linksite_a{color:#1C3F9A}
#content .con_txt2 .linksite .linksite_a:hover{color:#ff0000}

#content .con_txt2none .linksite {text-align:right}
#content .con_txt2none .linksite .linksite_a{color:#1C3F9A}
#content .con_txt2none .linksite .linksite_a:hover{color:#ff0000}
.cont_pc_left100 {padding-left:100px}



#content .con_txt2  .tit2 { line-height: 180%; font-size:24px; letter-spacing:-1px; font-weight:bold; 
padding-bottom:20px; text-align: center;
font-family:'Nanum Myeongjo', serif;/*400, 700, 800*/  ; font-stretch : ultra-expanded ;}

#content .con_txt2 .txt0.tit2 {text-align: left;}


#content .txt0.tit2b {font-weight:bold; font-size:20px; font-family:'Nanum Myeongjo', serif;/*400, 700, 800*/  ; font-stretch : ultra-expanded ; }
#content .txt0.tit2 {font-weight:bold; font-size:18px; font-family:'Nanum Myeongjo', serif;/*400, 700, 800*/  ; font-stretch : ultra-expanded ; }


.pdw20 {padding-left:20px; padding-right:20px;}
.wid800 {margin:0 auto; max-width:800px;}
.wid600left { max-width:800px;}
.linH200 {line-height:200%}
.pdT20 {padding-top:20px}
.pdL20 {padding-left:20px}
.pdL30 {padding-left:30px}
.pdL40 {padding-left:40px}
#content .txt0.linH200 { line-height:200%;}
.CLEAR {clear:both; }
.TC {text-align:center}


.cont_a, .cont_a:link, .cont_a:visited {  color:#0000FF; text-decoration:none; font-size: 17px;  padding:5px 10px   }
.cont_a:hover { color:#ff0000 ;   }


#content .con_txt2	.box1 {border:1px solid #ddd; padding:20px; margin:0 auto; max-width:800px}
#content .con_txt2	.box1  .poem {margin:0 auto; max-width:700px; min-height:100px ;}
#content .con_txt2	.box1  .poem li{float:left; padding:0 1% ; width:46%;}
#content .con_txt2	.box1  .poem li p{font-weight:normal; font-size:17px; font-family:'Nanum Myeongjo', serif; font-stretch : ultra-expanded ; line-height:180%; }



#content .con_txt2 p.txt2- {  text-indent: -12px; padding-left:30px}
#content .txt2- {
    font-size: 17px;
    line-height: 180%;
    font-weight: normal;
    text-align: justify;
    font-family: 'Nanum Myeongjo', serif;
    font-stretch: ultra-expanded;
    padding-bottom:10px;
}



#content .con_txt2 p.txt2eng- {  text-indent: -26px; padding-left:30px}




#content .con_txt2 p.txt2- {
    text-indent: -26px;
    padding-left: 40px;
}



.bookcity {width:100%}
.bookcity li{float:left; width:33%; text-align:center; min-height:260px; }
.bookcity li p{text-align:center; padding:10px 0 20px 0 }




@media (mim-width: 1201px){ 
.bookcity li:nth-child(3){clear:both; }
}

@media (max-width: 1200px){ 
.bookcity {width:100%}
.bookcity li{float:left; width:50%; text-align:center; min-height:260px; }
.bookcity li p{text-align:center; padding:10px 0 20px 0 }
.bookcity li:nth-child(3){clear:both; }
}



@media (max-width: 980px){ 
.sub1_tb_none td{padding:6px ; border:#ddd 1px solid; }
.cont_pc_left100 {padding-left:10px}
}


@media (max-width: 870px){ 
#content .con_txt2	.box1  .poem li{float:left; padding:0 1% ; width:98%;}
}


@media (max-width: 780px){ 
.bookcity li{float:left; width:50%; text-align:center;min-height:240px; }
.bookcity li img {max-width:300px!important;}
.bookcity li p{text-align:center; padding:10px 0 20px 0 }
.bookcity li:nth-child(3){clear:both; }

}

@media (max-width: 680px){ 
.bookcity li{float:left; width:50%; text-align:center;min-height:200px; }
.bookcity li img {max-width:240px!important;}
.bookcity li p{text-align:center; padding:10px 0 20px 0 }
.bookcity li:nth-child(3){clear:both; }

}


@media (max-width: 540px){ 
.bookcity li{float:left; width:50%; text-align:center;min-height:170px; }
.bookcity li img {max-width:200px!important;}
.bookcity li p{text-align:center; padding:10px 0 20px 0 }
.bookcity li:nth-child(3){clear:both; }

}

@media (max-width: 420px){ 
.bookcity li{float:none; width:98%; text-align:center;margin:10px 0 }
.bookcity li img {max-width:90%!important;}
.bookcity li p{text-align:center; padding:10px 0 20px 0 }
.bookcity li:nth-child(3){clear:both; }

}