@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-bg-holder-area{width: 100%; height: 600px; background: url(/cityofliterature/fnc_images/main/new_main_bg_0328.png) no-repeat center center; background-size: cover; background-position:top;}
/*== 서브 컨텐츠==*/
.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;  font-family:'Nanum Myeongjo', serif;    line-height:20px;}
.sub-lnb ul li:last-child{color: #000000;}


.green{color:#8a9ec6; font-weight: bold;  margin: 0px; background: url(/cityofliterature/fnc_images/common/green_span_bg.jpg) no-repeat center;    width: 30px;    height: 15px;    display: inline-block;    position: relative;    top: -2px;}

.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 0px !important; 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; font-family:'Nanum Myeongjo', serif;  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;}

.sub_cont>.cont1>img{margin:0 auto; display:block; width:100%; max-width:800px;}

/*=========================================== 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; 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;}
	.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; 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;}


}


@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: 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: 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; 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;}


}

@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}
.ltsp05- {letter-spacing:-0.5px} 
.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;}

#content .con_txt2 .table-wrap .table_1 th{ font-size:17px; line-height:180% }
#content .con_txt2 .table-wrap .table_1 td{ font-size:17px; line-height:180% ; padding-left:20px}


.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 (min-width: 1201px){ 
.bookcity li:nth-child(4){clear:both; }
}
@media (min-width: 1101px){ 
	#header{position:absolute;}
}

@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}
#idea-board-list li{width:33% !important;} /* 210819 */
}


@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; }
#user_board_list .file{display:none !important;} /* 210819 */
#user_board_list .date{display:none !important;}/* 210819 */
#user_board_list .hit{display:none !important;}/* 210819 */
}

@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; }

#idea-board-list li{width:50% !important;} /* 210819 */

}


@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){ 
#idea-board-list li{width:100% !important;} /* 210819 */
}
@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; }


}

.idea-text{display:none !important;}/* 210819 */
#idea-board-list li{height:230px !important;}/* 210819 */

/*220307 유네스코 창의도시에 가입하기까지*/
.sub2_1 .mo_br{display:none;}
.first_span{margin-left:8px;}
span.bold{font-weight:bold;}
.sub2_1 h3{text-align:center; font-weight:bold; font-size:32px; margin-bottom: 40px;  position: relative; color:#707070;}
.sub2_1 h3>span{display: block;  width: 135px; height: 1px; border-top: 7px solid #707070;  margin: 0 auto;  margin-top: 25px; border-radius: 15px;}
.sub2_1 ul{width:100%; max-width:1000px; margin:0 auto;}
.sub2_1 ul:after{display:block; clear:both; content:"";}
.sub2_1 ul li{float:left;  box-sizing: border-box;}
.sub2_1 ul li>img{width:100%;}
.sub2_1 p{ line-height: 30px; font-size: 17px; text-align: justify;  max-width: 1000px; margin: 0 auto; color:#707070;}
.sub2_1 .cont1>div:nth-child(2) li:nth-child(1){width:60%; padding-right: 1%;}
.sub2_1 .cont1>div:nth-child(2) li:nth-child(1) img{max-width:708px;}
.sub2_1 .cont1>div:nth-child(2) li:nth-child(2){width:40%; padding-left: 1%;}
.sub2_1 .cont1>div:nth-child(2) li:nth-child(2) img{max-width:468px;}
.sub2_1 .cont1>div>p{text-align:center; font-weight:bold; font-size:17px; margin-top:15px; margin-bottom:30px;}
.sub2_1 ul li p{text-align:center; font-weight:bold; font-size:17px; line-height:25px; margin-top:15px;}

/* .sub2_1 .cont1>div:nth-child(4){margin-top:25px;}
.sub2_1 .cont1>div:nth-child(4) img {max-width: 100%;max-height: 100%;}
.sub2_1 .cont1>div:nth-child(4) li:nth-child(1){width:30%; padding-right: 1%;}
.sub2_1 .cont1>div:nth-child(4) li:nth-child(1) img{max-width:348px;}
.sub2_1 .cont1>div:nth-child(4) li:nth-child(2){width:70%; padding-left: 1%;}
.sub2_1 .cont1>div:nth-child(4) li:nth-child(2) img{max-width:840px;}
.sub2_1 .cont1>div:nth-child(4) li:nth-child(3){text-align: center;margin-top: 20px;} */

.sub2_1 .cont1>div:nth-child(4) .new_imgbox{display: flex;align-items: stretch;justify-content: center; width: 100%;margin-top:25px;}
.sub2_1 .cont1>div:nth-child(4) .new_imgbox1 > li {width: auto;}
.sub2_1 .cont1>div:nth-child(4) .new_imgbox1 > li > div {height: 350px;}
.sub2_1 .cont1>div:nth-child(4) .new_imgbox1 > li:first-child{width: 30%;}
.sub2_1 .cont1>div:nth-child(4) .new_imgbox1 > li:last-child{width: 70%;}
.sub2_1 .cont1>div:nth-child(4) .new_imgbox1 > li > div > img {width: 100%;height: 100%;object-fit: cover;}

.sub2_1 .cont2{margin-top:100px;}
.sub2_1 .cont3{margin-top:100px;}
.sub2_1 .cont2 li:nth-child(1){width:31%; padding-right: 1%;}
.sub2_1 .cont2 li:nth-child(1) img{max-width:348px;}
.sub2_1 .cont2 li:nth-child(2){width:68%; padding-left: 1%; }
.sub2_1 .cont2 li:nth-child(2) img{max-width:840px;}
.sub2_1 .cont2 h4{text-align: center; font-size: 26px; color: #707070; margin-top: 50px; margin-bottom: 20px;}
.sub2_1 .cont3>img{width:100%; max-width:1200px; margin-bottom:50px;} 
.sub2_1 .cont3>div{margin-top:20px;}
.sub2_1 .cont3>div>p{text-align:center; font-weight:bold; font-size:17px; margin-top:15px; margin-bottom:30px;}
.sub2_1 .cont3>div>ul>li:nth-child(1){width:55%; max-width:550px;}
.sub2_1 .cont3>div>ul>li:nth-child(2){width:45%; max-width:450px;}

.sub2_1 .cont4 .content1{border:1px solid #707070; max-width:1000px; margin:0 auto; padding:40px 0px; margin-top:40px; margin-bottom:100px;}
.sub2_1 .cont4>div li{width:100%;  text-align: center; font-size: 17px; font-weight: bold; color: #707070; line-height: 30px;}
.sub2_1 .cont4>div h3{margin-bottom:25px;}
.sub2_1 .cont4>div h3>span{border-top:4px solid #707070; margin-top:15px;}
.sub2_1 .cont4 .under_line>span{width: 90%; max-width: 375px; display: block; height: 1px; border-top: 3px solid #707070; margin: 0 auto; border-radius: 5px;}

.sub2_2 .mo_br{display:none;}
.sub2_2 h3{text-align:center; font-weight:bold; font-size:32px; margin-bottom: 40px;  position: relative; color:#707070; margin-top:100px;}
.sub2_2 h3>span{display: block;  width: 135px; height: 1px; border-top: 7px solid #707070;  margin: 0 auto;  margin-top: 25px; border-radius: 15px;}
.sub2_2 p{ line-height: 30px; font-size: 17px; text-align: justify;  max-width: 1000px; margin: 0 auto; color:#707070; margin-bottom:20px;}
.sub2_2 .cont1>div{text-align:center;}
.sub2_2 .cont1>div>img{width:100%; max-width:600px;}
.sub2_2 .cont1>div>p{text-align:center; font-weight:bold; font-size:17px; line-height:25px; margin-top:15px;}
.sub2_2 .cont1 li{width:100%;  text-align: center; font-size: 17px; font-weight: bold; color: #707070; line-height: 30px; margin-bottom:15px;}

.mo_br{display:none;}
.sub2_3 .cont1{margin-bottom:40px;}
.sub2_3 .cont1>h3{    line-height: 30px;  font-size: 22px;  letter-spacing: -1px;  font-weight: bold; padding-bottom: 30px; text-align: left;}
.sub2_3 .cont1>p{font-size: 17px; line-height: 30px; border:1px solid #707070; padding:20px;}
.sub2_3 .cont1>.p_cover{border:1px solid #707070; padding:20px;}
.sub2_3 .cont1>.p_cover>p{font-size: 17px; line-height: 30px;}
.sub2_3 .table_cover{overflow:auto; margin-bottom:45px;}
.sub2_3 .cont1 h4{position:relative;}
.sub2_3 .cont1 h4>span:nth-child(2){line-height: 30px;  font-size: 22px;  letter-spacing: -1px;  font-weight: bold; padding-bottom: 30px; text-align: left; cursor:pointer;}
.sub2_3 .cont1 h4>span:nth-child(2):hover{opacity:0.5;}
.sub2_3 .cont1 h4>a{    line-height: 30px;  font-size: 20px;  letter-spacing: -1px;  font-weight: bold; padding-bottom: 30px; text-align: left; position:absolute; right:0;}
.sub2_3 .cont1 h4>a:hover{opacity:0.5;}
.sub2_3 .cont1 ul:after{clear:both; display:block; content:"";}
.sub2_3 .cont1 ul{margin-top:40px; margin-bottom:40px;}
.sub2_3 .cont1 ul li{float:left; width:33.3%; text-align:center;}
.sub2_3 .cont1 ul li img{width:100%;}
.sub2_3 table{max-width: 1150px; margin: 0 auto;  min-width:475px; margin-top:25px;}
.sub2_3 table tr:nth-child(1) td{border-top:1px solid #dddddd;}
.sub2_3 th{font-size:17px; border-bottom:1px solid #ddd; border-top:1px solid #ddd; line-height:50px; height:53px; box-sizing:border-box;}
.sub2_3 th.line_25{line-height:25px;}
.sub2_3 td>p{line-height:25px;}
.sub2_3 td{font-size:17px; border-bottom:1px solid #ddd; padding: 10px 0px 10px 20px;}
.sub2_3 th:last-child{border-right:none; }
.sub2_3 td:last-child{border-right:none; }
.sub2_3 .table_cover_none{display:none;}
/*그림책도시*/

.sub2_4 h3{text-align:center; font-weight:bold; font-size:32px; margin-bottom: 40px;  position: relative; color:#707070; margin-top:100px;}
.sub2_4 h3>span{display: block;  width: 135px; height: 1px; border-top: 7px solid #707070;  margin: 0 auto;  margin-top: 25px; border-radius: 15px;}
.sub2_4 h4{    line-height: 30px;  font-size: 22px;  letter-spacing: -1px;  font-weight: bold; padding-bottom: 30px; text-align: left; padding-top:35px;}
.sub2_4 p{ line-height: 30px; font-size: 17px; text-align: justify;  max-width: 1240px; margin: 0 auto; color:#707070; margin-bottom:20px;}
.sub2_4 .cont1_ul li{    width: 100%;  text-align: center;  font-size: 17px;  font-weight: bold;  color: #707070;  line-height: 30px;  margin-bottom: 15px;}
.sub2_4>.cont1>img{max-width:400px; display:inline; margin-top:50px;}
.sub2_4 .span_line{ display: inline-block;  height: 30px; border-right: 4px dotted;}
.sub2_4 .ul_img:after{clear:both; display:block; content:"";}
.sub2_4 .cont1 ul li img{width:100%;}
.sub2_4 .ul_img li{float:left; box-sizing: border-box;}
.sub2_4 .ul_img li:nth-child(1){width:60%; padding-right: 1%;}
.sub2_4 .ul_img li:nth-child(1) img{ max-width: 708px;}
.sub2_4 .ul_img li:nth-child(2){width:40%; padding-left: 1%; }
.sub2_4 .ul_img li:nth-child(2) img{max-width: 468px;}
@media (max-width:991px){
    .sub2_1 .cont1>div:nth-child(4) .new_imgbox1 > li > div{height: 250px;}
}
@media (max-width:550px){
	.sub2_3 .cont1 h4>a{top: -35px;}
	.sub2_4 .cont1_ul li{text-align:left;}
	.sub2_4 .span_line{    display: block; width: 0px; margin: 0 auto;}
    .sub2_1 .cont1>div:nth-child(4) .new_imgbox1 > li > div{height: 200px;}
}
@media (max-width:450px){
    .sub2_1 .cont1>div:nth-child(4) .new_imgbox1 > li > div{height: 150px;}
	.sub2_1 h3{font-size:25px;}
	.sub2_1 .cont4 .under_line>span{display:none;}
	.sub2_1 .cont4 .under_line{text-decoration:underline; text-underline-position: under;}
	.sub2_1 p{font-size:16px;}
	.sub2_1 ul li p{font-size:15px;}
	.sub2_1 .cont1>div>p{font-size:15px;}
	.sub2_1 .cont3>div>p{font-size:15px;}
	.sub2_1 .cont2 h4{font-size:20px;}
	.sub2_1 .mo_br{display:block;}
	.sub2_1 .cont4 .content1 ul{width:auto; padding:0 10px;}
	.sub2_1 .cont4 .content1 li{text-align:left; font-size:16px;}

	.sub2_2 .cont1 li{text-align:left;}
	.sub2_2 .mo_br{display:block;}

	.sub2_3 .mo_br{display:block;}
}

/*소개*/
.sub1_1 .cont1>h3{    line-height: 30px;  font-size: 22px;  letter-spacing: -1px;  font-weight: bold; padding-bottom: 30px; text-align: left;}
.sub1_1 .cont1>p{font-size: 17px; line-height: 30px; border:1px solid #707070; padding:20px;}
.sub1_1 .cont1>div{font-size: 17px; line-height: 30px; border:1px solid #707070; padding:20px;}

/*가입분야*/
.sub1_2 h3{    line-height: 30px;  font-size: 20px;  letter-spacing: -1px;  font-weight: bold; padding-bottom: 15px; text-align: left;}
.sub1_2 table{max-width: 1150px; margin: 0 auto; margin-bottom:45px; min-width:475px;}
.sub1_2 th{font-size:17px; border-bottom:1px solid #ddd; border-top:1px solid #ddd; line-height:50px; height:53px; box-sizing:border-box;}
.sub1_2 th.line_25{line-height:25px;}
.sub1_2 th>a{display: block;  color:#000;}
.sub1_2 th>a:hover{ color: #ff6000;  border: 1px solid #ff6000 ;  }
.sub1_2 td.td_won{    color: #fff;    font-weight: 900;    background: #ff6000; }
.sub1_2 td{font-size:17px; text-align:center; line-height:50px; border-bottom:1px solid #ddd; height:50px;}
.sub1_2 th:last-child{border-right:none; }
.sub1_2 td:last-child{border-right:none; }
.sub1_2 .table_cover{overflow:auto;}

/*유네스코 문학 창의도시*/
.sub1_3 .cont1>p{font-size: 17px; line-height: 30px; border:1px solid #707070; padding:20px;}
.sub1_3 .cont1>h3{    line-height: 30px;  font-size: 22px;  letter-spacing: -1px;  font-weight: bold; padding-bottom: 15px; text-align: left; margin-top:30px;}
.sub1_3 .cont1>ul:after{clear:both; content:""; display:block;}
.sub1_3 .cont1>ul li{float:left; width:33%; margin-bottom:10px; border-top: 15px solid #ddd;}
.sub1_3 .cont1>ul li:nth-child(3n + 2){margin:0 0.5%;}
.sub1_3 .cont1>ul li:hover{ border-top: 15px solid #ff6000;}
.sub1_3 .cont1>ul li:hover a{border-color:#ff6000; color:#ff6000; }
.sub1_3 .cont1>ul li>a{display: block; border: 1px solid #ddd; padding: 20px;  height: 55px;  line-height: 25px;}
.sub1_3 .cont1>ul li h4{font-size:17px;}
.sub1_3 .cont1>ul li p{font-size:19px;}


.sub1_3 th{font-size:17px; border-bottom:1px solid #ddd; border-top:1px solid #ddd; line-height:50px; height:53px; box-sizing:border-box;}
.sub1_3 td{font-size:17px; text-align:center; line-height:50px; border-bottom:1px solid #ddd; height:50px;}
.sub1_3 th:last-child{border-right:none; }
.sub1_3 td:last-child{border-right:none; }
.sub1_3 td.td_won{    color: #fff;    font-weight: 900;    background: #ff6000; }
.sub1_3 td:hover{color: #fff;    font-weight: 900;    background: #ff6000;}


@media (max-width:800px){
    .sub1_3 .cont1>ul li>a{padding:10px; height:100px;}
}
@media (max-width:450px){
	.sub1_3 .cont1>ul li{width:100%; margin:0 !important; margin-bottom:10px !important; }
	.sub1_3 .cont1>ul li>a{padding:20px; height:auto;}
}