@charset "utf-8";
@charset "utf-8";

main .content{margin: 60px auto; width: 1200px;}
main .content .content_inner{position: relative; width: 100%;}

/* 공공누리 */
.box00{width: 100%;padding: 30px;border: 1px solid #dadfe5; box-sizing: border-box; margin-top: 40px;display: flex;align-items: center;}
.box00 .img{width: 109px;}
.box00 .txt{width: calc(100% - 129px); margin-left: 20px;font-size: 14px;line-height: 1.3em;}
.box00 .txt span{font-weight: 600;}

/* 검색 */
.search{position: relative; float:right; margin-bottom:20px; }
.search input{border: 1px solid #d9dee0; width: 340px; height: 50px; border-radius: 25px; padding: 0 40px 0 20px; box-sizing: border-box; font-size: 16px;}
.search .btn_search{display: inline-block; width: 20px; height: 20px; background: url(/bigdata/resources/images/gjETC/ic_search.png) center no-repeat; background-size: cover; position: absolute; top: 15px; right: 20px;}

/* 슬라이더 색 */
#flat-slider .ui-slider-handle{background-color: #4079c8 !important;}
[id*=flat-slider].ui-slider{background: #4079c8 !important;}
[id*=flat-slider].ui-slider.ui-slider-horizontal .ui-slider-pip[class*=ui-slider-pip-selected] .ui-slider-line{background-color: #4079c8 !important;}
[id*=flat-slider].ui-slider .ui-slider-pip .ui-slider-line{background: #4079c8 !important;}

/* sub > 사진으로 보는 광주 */
.timeWrap{clear:both;width:100%;height:auto;}
.timeWrap ul{text-align:center;}
.timeWrap ul li .timeBtn{margin:0 0 12px 12px;}
.timeWrap .ulDepth1 > li:first-child .timeBtn{margin-left:0;}
.timeWrap .ulDepth1 > li.cnt4{width:481px;}
.timeWrap .ulDepth1 > li.cnt3{width:1443px;}
.timeWrap .ulDepth1 > li.cnt4:nth-child(5n) .timeBtn{margin-left:0;}
.timeWrap .ulDepth1 > li.cnt3:nth-child(4n) .timeBtn{margin-left:0;}
.timeBtn a{display:block;overflow:hidden;position:relative;height:130px;background-color:#333;}
.timeBtn a .info{display:block;position:relative;z-index:33;z-index:10;width:100%;height:130px;text-align:center;color:#fff;background:url(/bigdata/resources/images/sub/change/pic_time_bg.jpg);background-color:#333;}
.timeWrap .ulDepth1 li:first-child + li .timeBtn .info{background-position:-291px 0;}
.timeWrap .ulDepth1 li:first-child + li + li .timeBtn .info{background-position:-582px 0;}
.timeWrap .ulDepth1 li:first-child + li + li + li .timeBtn .info{background-position:-873px 0;}
.timeWrap ul li:first-child .timeBtn{margin-left:0;}
.timeBtn .info:before{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;content:'';user-select:none;}
.timeBtn a:hover .info:before, .liDepth1.on .info:before, .liDepth1.on a:hover .info:before{background:url(/bigdata/resources/images/sub/change/bg_over_ry.png);}
.liDepth1{float:left;}
.liDepth1.on{height:auto;}
.timeBtn a .info .cell{display:block;width:100%;height:130px;}
.timeBtn a .info .cell em{display:table;width:100%;height:130px;}
/*.timeBtn a .info .cell .year{display:inline-block;padding:8px 15px;border:1px solid #fff;border-radius:20px;font-size:15px;font-weight:300;}*/
.timeBtn a .info .cell .subtit{display:table-cell;z-index:2;width:100%;vertical-align:middle;word-break:break-all;font-size:32px;font-weight:700;line-height:30px;}

.timeContent{position:relative;}

.timeSlider{position:absolute;top:0;left:80px;z-index:20;width:calc(100% - 162px);padding-top:40px;}

.timeGallery{display:none;clear:both;width:100%;padding: 110px 30px 70px;background-color:#f2f5f7;box-sizing: border-box;border-radius: 10px;border: 1px solid #dadfe5;padding-bottom: 70px;}
/*.timeGallery .pic_block ul li{display:none;clear:both;position:relative;width:100%;}
.timeGallery .pic_block ul li.on{display:block;}
.timeGallery .pic_block ul li .titleBox{position:absolute;top:10px;left:700px;text-align:left;}
.timeGallery .pic_block ul li .titleBox p{width:100%;padding-bottom:15px;color:#fff;}
.timeGallery .pic_block ul li .titleBox p.year{padding-bottom:8px;font-size:18px;font-weight:300;}
.timeGallery .pic_block ul li .titleBox p.subtit{font-size:25px;font-weight:600;}
.timeGallery .pic_block ul li .titleBox p.subCont{color:#bdc5d5;font-size:15px;font-weight:300;}
*/
.ulDepth1 li:first-child .timeGallery{display:block;}


.flexslider > .slides{width: 100% !important;}
.flexslider .slides > li{width: 100%;}
.flexslider .slides li .picBox img {margin: 0 auto; }

.timeGallery .slide_major{height: auto;padding: 0 50px; position: relative;min-height: auto !important;}
.timeGallery .slide_major ul li .txtBox{display:inline-block; margin-bottom:20px; text-align:left; float:left;}
.timeGallery .slide_major ul li .txtBox span{width:100%;word-break:break-all;color: #222;}
.timeGallery .slide_major ul li .txtBox .year{padding-bottom:8px;font-size:18px;font-weight:300;}
.timeGallery .slide_major ul li .txtBox .subtit{display:inline-block; padding-right:10px; font-size:25px;font-weight:600;line-height:120%;}

.timeGallery .slide_major ul li .txtBox p.dsc{overflow-y:auto;max-height:180px;word-break:break-all;-ms-word-break:break-all;color: #777;font-size:14px;font-weight:300;line-height:20px;}
.timeGallery .slide_major ul li .txtBox p.download{margin-top: 30px;}
.timeGallery .slide_major ul li .txtBox p.subCont{color:#bdc5d5;font-size:15px;font-weight:300;}
.timeGallery .slide_major ul li .txtBox p.download .btn_2{display:inline-block;position:relative;padding:0 20px 0 26px;border:0;border-radius:4px;cursor:pointer;text-align:center;color:#fff;font-size:14px;font-weight:600;line-height:40px;background-color: #4079c8;}
.timeGallery .slide_major ul li .txtBox p.download .btn_2::after{display:inline-block;width:20px;height:20px;margin-left:6px;content:'';vertical-align:-4px;background:url(/../resources/images/down_icon2.png) center center no-repeat;}
.timeGallery .slide_major ul li .downBox{display:inline-block;position:absolute;top:0;right:50px;width:300px;height:90px;padding-top:30px;text-align:left;}
.timeGallery .nodata{position:relative;top:95px;left:350px;}
.timeGallery .slide_major .picBox{ display: table; width:100%; !important;height: auto;float: left; margin-bottom:30px;}
.timeGallery .slide_major .picBox > img{width: 100% !important;}

.timeGallery .slide_major .picBox .panorama {width: 100%; height:500px; position:relative; z-index: 19; display: table; -moz-transform-origin: top left; -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; } 

.timeGallery .slide_major.mayor .tbl_cell{display: table-cell;vertical-align: middle;}
.timeGallery .slide_major.mayor .tbl_cell img{display: inline-block;vertical-align: middle !important;width: auto;height: auto;}

.pic_control{position:absolute;bottom:30px;left:700px;width:400px;height:185px;}
.pic_control ul{width:100%;}
.pic_control ul li{display:inline-block;float:left;margin:1px;padding:4px;}
.pic_control ul li:hover, .pic_control ul li.on, .pic_control ul li.on:hover{background-color:#f28d03;}
.pic_control ul li a{display:block;overflow:hidden;position:relative;width:120px;height:80px;border:1px solid #23365b;}
.pic_control ul li a img{position:relative;width:100%;}
.btnClose{display:block;position:absolute;top:20px;right:20px;width:30px;height:30px;}
.br_arr{display:block;position:relative;top:-21px;width:38px;height:21px;background:url(/bigdata/resources/images/sub/change/br_time_arr.gif) 0 0 no-repeat;}

.timeSlider .ui-slider-label {width:52px;}

.slide_major .flex-direction-nav .flex-prev{background: url(/bigdata/resources/images/br_time_arr1.png) no-repeat left center !important;}
.slide_major .flex-direction-nav .flex-next{background: url(/bigdata/resources/images/br_time_arr2.png) no-repeat right center !important;}
.slide_pager .slides li:hover, .slide_pager .slides li.flex-active-slide{border: 4px solid #4079c8 !important;}
.slide_pager .flex-direction-nav .flex-prev{background: url(/bigdata/resources/images/br_time_arr3.gif) no-repeat #4079c8 !important;}
.slide_pager .flex-direction-nav .flex-next{background: url(/bigdata/resources/images/br_time_arr4.gif) no-repeat #4079c8 !important;}
.slide_major .flex-direction-nav a{height: calc(100% - 50px) !important;}

.timeContent .source{position: absolute;bottom: 20px;right: 30px;}


/* 미디어쿼리 1239 */
@media (max-width: 1239px){

    main .content{width: calc(100% - 40px);}



}



/* 미디어쿼리 1023 */
@media (max-width: 1023px){

    .timeGallery{padding: 60px 20px; padding-bottom: 50px;}
    .timeGallery .slide_major{padding: 30px 50px 30px;}
    .slide_major .flex-direction-nav a{height: calc(100% - 30px) !important;}
    .timeGallery .slide_major ul li .txtBox .subtit{font-size: 20px;}
    .timeGallery .slide_major ul li .txtBox .download{margin-top: 20px}

	.timeContent .source{position: absolute;bottom: 20px;right: 20px;}

    .timeSlider{position:absolute;top:0;left:70px;z-index:100;width:calc(100% - 142px);}
	

	.box00{padding: 20px;}
}




/* 미디어쿼리 599 */
@media (max-width: 599px){

    main .content{margin: 40px auto;}

	/* 공통 토탈,검색 */
    .search{width: 100%;}
    .search input{width: 100%; border-radius: 5px;}
    
    .timeGallery{padding: 40px 10px;}
    .timeGallery .slide_major{padding: 40px 30px 30px;}

    .timeGallery .slide_major .picBox{width: 100% !important;}
    .timeGallery .slide_major ul li .txtBox{width: 100% !important;padding-left: 0px !important; margin-bottom: 10px;}
    .timeGallery .slide_major ul li .txtBox p.subtit{padding-bottom: 10px;}
    .timeGallery .slide_major ul li .txtBox p.download{margin-top: 10px;}

    .slide_major .flex-direction-nav a{width : 15px !important;}

	.box00{flex-direction: column;}
    .box00 .img{width: 100%;text-align: center;margin-bottom: 10px;}
    .box00 .txt{margin-left: 0; width: 100%;}


	.timeSlider {position: absolute; top: 0; left: 50px; z-index: 100; width: calc(100% - 92px); padding-top: 30px;}




/* 미디어쿼리 449 */
@media (max-width: 449px){


}