@charset "utf-8";
/* CSS Document */
.mt10 { margin-top:10px !important;}
.mb10 { margin-bottom:10px !important;}

.btn-primary,
.btn-info { color:#fff !important;}
.boxHeight { height:200px;}

/*******신화전설 타이틀**********/
/* #contentsContainer .contents-wrapper h3 {clear:both !important; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wrwh.tb.xe%2Scho%2Sfvgr%2Sphy%2Spff%2S..%2Svzntrf%2Sfho%2Svpba_02.tvs) no-repeat 0 14px !important; margin:0 0 10px 0 !important; padding-left:15px !important; font-size:16px !important; font-weight:bold !important; color:#333 !important;} */

.contents-wrapper .table-cul-01 {border-top:2px solid #555 !important; width:100%; border-collapse:collapse; word-break: break-all;}
.contents-wrapper .table-cul-01 thead th {font-weight:bold; padding:8px 5px; background:#f9f4ee !important; color:#555; border:1px solid #ccc !important; text-align:center; white-space: nowrap; vertical-align:middle;}
.contents-wrapper .table-cul-01 tbody th {background:#f8f8f8 !important; text-align:center; vertical-align:middle; white-space: nowrap;}
.contents-wrapper .table-cul-01 tbody td {padding:8px 10px; border:1px solid #ccc !important; vertical-align:middle; text-align: center;}


.contents-wrapper .table-cul-02 {border-top:2px solid #555 !important; width:100% }
.contents-wrapper .table-cul-02 tbody th {background:#f9f4ee !important; text-align:center; vertical-align:middle; white-space: nowrap; font-weight:bold;}
.contents-wrapper .table-cul-02 tbody td {padding:8px 10px; border:1px solid #ccc !important; vertical-align:middle; }

.contents-wrapper .table-cul-year {border-top:2px solid #555 !important; width:100%}
.contents-wrapper .table-cul-year thead th {font-weight:bold; padding:8px 5px; background:#8d6a40 !important; color:#fff; border:1px solid #ccc !important; text-align:center; white-space: nowrap; vertical-align:middle;}
.contents-wrapper .table-cul-year tbody th {background:#f8f8f8 !important; text-align:center; font-weight:bold; vertical-align:middle; white-space: nowrap;}
.contents-wrapper .table-cul-year tbody td {padding:0 10px; border:none !important; vertical-align:middle; text-align: left; border-right:1px solid #ccc !important;}
.contents-wrapper .table-cul-year tbody td.td_bottom {border-bottom:1px solid #ccc !important;}
.contents-wrapper .table-cul-year tbody td.td_year {text-align: center !important; background:#fbf6ef !important;  }


#culturesub_contents { margin-top:20px; }

.representTXT { min-height:20px; padding:19px; margin-bottom:20px; background-color:#f9f4ee; color:#8d6a40; border:1px solid #baac8f; border-radius:4px; -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.05); box-shadow:inset 0 1px 1px rgba(0,0,0,.05);}
.txtBox { clear: both; overflow: auto; margin: 8px 0; padding:15px; border: 1px solid #ccc; border-radius: 10px; background: #f4f4f4;}
.txtBox p { padding:0 !important;}
.txtBox img { margin:15px auto 0 !important;}

.vod_alert {border:6px solid #efefef; padding:5px !important; margin:0 0 20px;}
.vod_alert .vodBox { text-align: center; margin:5px 0 !important; height: 300px;}
.vod_alert .vodBox a { height:240px;}
.vod_alert .vodBox a object { width:100%; height:240px; }
.vod_alert .vodBox img { width: 100%; display: none !important;}
.vod_alert .preTxt {overflow-x:hidden; overflow-y:scroll; height: 300px; margin:5px 0 !important; border:1px solid #eee; padding:10px !important;}

.image_alert01 { margin:10px 0 20px; text-align:center; }
.image_alert01 img { display: block !important; max-width: 100% !important; height: auto !important;}

.image_alert02 { margin:10px 0 20px; text-align:center; }
.image_alert02 img { display: block !important; max-width: 100% !important; height: auto !important;}

div.rinkBtn { padding:0 0 20px;}
div.rinkBtn p { padding:0 !important;}
div.rinkBtn p.btn a { display: block; padding: 0 20px; height: 30px; line-height: 30px; background: #b83d00; border-radius: 5px; color: #FFF; text-align: center;}

.contents-wrapper ul.cul-list-dot {}
.contents-wrapper ul.cul-list-dot li { background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wrwh.tb.xe%2Scho%2Sfvgr%2Sphy%2Spff%2S..%2Svzntrf%2Sfho_pbzzba%2Svpba_04.cat) no-repeat 0 9px !important;  padding-left: 12px !important;}
.contents-wrapper ul.cul-list-dot li dl dd { padding-bottom:10px !important; text-align:justify;}

.contents-wrapper ul.cul-list-dot2 { margin:5px 0 15px !important;}
.contents-wrapper ul.cul-list-dot2 li { background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wrwh.tb.xe%2Scho%2Sfvgr%2Sphy%2Spff%2S..%2Svzntrf%2Sfho_pbzzba%2Svpba_04.cat) no-repeat 0 7px !important;  padding-left: 12px !important;}

.contents-wrapper ul.cul-ul-list01 { list-style: none; clear: both; margin: 0 0 20px 0 !important;}
.contents-wrapper ul.cul-ul-list01 li { clear: both; background: none !important; padding-bottom: 20px !important; padding-left: 0 !important; overflow: auto;}

.contents-wrapper ul.cul-ul-list02 { list-style: none; clear: both; margin:10px 0 0 !important;}
.contents-wrapper ul.cul-ul-list02 li { clear: both; background: none !important; padding-left: 0 !important; overflow: auto;}

.contents-wrapper ol.cul_ol_list { list-style: none; clear: both; margin:10px;}
.contents-wrapper ol.cul_ol_list li { padding-bottom:10px; padding-top:10px;}
.contents-wrapper ol.cul_ol_list p { font-size:12px !important;}

.contents-wrapper ol.cul-list-bottom20 { margin-bottom:20px;}

/**********테이블형 리스트스타일**************/
.contents-wrapper dl.cul-dl-st01 dt { color:#8d6a40; font-weight:bold; font-size:16px; /*line-height: 2;*/ padding-bottom:5px;}
.contents-wrapper dl.cul-dl-st01 dd { text-align:justify;}
/**********테이블형 리스트스타일**************/

.contents-wrapper dl.dl-imageCaption { }
.contents-wrapper dl.dl-imageCaption dt { border:1px solid #ccc; text-align:-webkit-center;}
.contents-wrapper dl.dl-imageCaption dt img { padding:5px !important; display: block !important; max-width: 100% !important; height: auto !important;}


.contents-wrapper dl.cul-dl-st02 { }
.contents-wrapper dl.cul-dl-st02 dt { font-weight:bold; /*padding:5px 0 3px;*/}
.contents-wrapper dl.cul-dl-st02 dd { text-align:justify;}

.contents-wrapper dl.dl-list-info { padding:0 0 5px;}
.contents-wrapper dl.dl-list-info dt { font-weight:bold; padding-right:4px; background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wrwh.tb.xe%2Scho%2Sfvgr%2Sphy%2Spff%2S..%2Svzntrf%2Sfho_pbzzba%2Svpba_04.cat) no-repeat 0 8px !important;  padding-left: 12px !important;}
.contents-wrapper dl.dl-list-info dd { text-align:justify; padding-bottom:10px;}

.contents-wrapper dl.dl-just { margin:5px 0 10px;}
.contents-wrapper dl.dl-just dt { float:left; overflow:hidden; clear:left; text-align:left; padding-right:4px;}
.contents-wrapper dl.dl-just dd { /*padding-left:15px;*/}

.contents-wrapper dl.dl-list-left { padding:0 0 10px;}
.contents-wrapper dl.dl-list-left dt { float:left; overflow:hidden; clear:left; text-align:left; padding-right:4px; background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wrwh.tb.xe%2Scho%2Sfvgr%2Sphy%2Spff%2S..%2Svzntrf%2Sfho_pbzzba%2Svpba_04.cat) no-repeat 0 7px !important;  padding-left: 12px !important;}
.contents-wrapper dl.dl-list-left dd { }

.contents-wrapper dl.dl-caption { }
.contents-wrapper dl.dl-caption dt { text-align:-webkit-center !important;}
.contents-wrapper dl.dl-caption dd { text-align:center;}

.contents-wrapper dl.dl-box { clear: both; overflow: auto; margin: 8px 0; padding: 15px; border: 1px solid #ccc; border-radius: 10px; background: #f4f4f4;}

/*위치정보 지도*/
div.mapBox { border:1px solid #ccc; background:#f7f7f7; padding:15px; margin-bottom:20px;}
div.mapBox .map-in { background:#fff; border:1px solid #ccc; padding:4px;}

/*****제주의문화재 게시판 영역스타일*********/
dl.cul-dl-dot dt { background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wrwh.tb.xe%2Scho%2Sfvgr%2Sphy%2Spff%2S..%2Svzntrf%2Sfho_pbzzba%2Svpba_04.cat) no-repeat 0 9px !important;  padding-left: 12px !important; float:left; }

/******* 참고문헌/자문위원/저작권정보**************/
.copyinfoBox1 { clear:both; margin-top:20px; border-top:2px solid #a2a2a2;}
.copy-info1 { background:#efefef; color:#666;}

.copyinfoBox2 { border-top:1px solid #ccc; border-bottom:1px solid #ccc; background:#efefef; overflow:auto; margin:20px 0; padding:20px;} 
.copy-head {  background:#669933; -moz-border-radius:42px; -webkit-border-radius:42px; border-radius:42px; width:168px;}
.copy-title {line-height:34px; font-size:12px; clear:both; padding-left:50px; font-weight:bold; color:#fff;}
.copy-title2 {line-height:34px; font-size:12px; clear:both; padding-left:34px; font-weight:bold; color:#fff;}

.reference_ico { background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wrwh.tb.xe%2Scho%2Sfvgr%2Sphy%2Spff%2S..%2Svzntrf%2Sfho%2Sersrerapr_vpb.cat) no-repeat 20px;}
.reference_ico2 { background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wrwh.tb.xe%2Scho%2Sfvgr%2Sphy%2Spff%2S..%2Svzntrf%2Sfho%2Sersrerapr_vpb.cat) no-repeat 5px;}
.consultant_ico { background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wrwh.tb.xe%2Scho%2Sfvgr%2Sphy%2Spff%2S..%2Svzntrf%2Sfho%2Spbafhygnag_vpb.cat) no-repeat 20px;}
.copyright_ico { background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wrwh.tb.xe%2Scho%2Sfvgr%2Sphy%2Spff%2S..%2Svzntrf%2Sfho%2Spbclevtug_vpb.cat) no-repeat 5px;}
.copyright_ico2 { background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wrwh.tb.xe%2Scho%2Sfvgr%2Sphy%2Spff%2S..%2Svzntrf%2Sfho%2Spbclevtug_vpb.cat) no-repeat 20px;}

.copy-body { overflow:auto}
.copy-info2 { color:#666; overflow:auto;}
.alert-copy { padding:6px !important; margin-bottom:0 !important;}




/*디지털컨텐츠 검색 영역 */
.digital_search {position:relative; background:#efefef; padding:15px !important;}
.digital_search .search_dc {background:#fff; position:relative;}

.digital_search .search_dc .search_step01 {clear:both; padding:12px 10px 5px 10px; position:relative; overflow:auto;}
.digital_search .search_dc .search_step01 h3 {margin:0;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wrwh.tb.xe%2Scho%2Sfvgr%2Sphy%2Spff%2S..%2Svzntrf%2Sznva%2Sgvgyr_ot02.cat) no-repeat 0 0 !important; color:#fff !important; height:23px; line-height:23px !important; font-size:12px !important; font-weight:normal !important; padding-left:17px !important; position:absolute; left:0; padding-right:23px; border:none !important;}
.digital_search .search_dc .search_step01 ul li {float:left; width:14%;}
.digital_search .search_dc .search_step01 ul li:first-child { margin-left:97px;}
.digital_search .search_dc .search_step01 ul li a {border:1px solid #ccc; background:#fff; /*color:#fff !important;*/ border-radius:5px;margin:0 7px 7px 0; display:block; text-align:center; padding:5px 0; letter-spacing:0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.digital_search .search_dc .search_step01 ul li a:hover,
.digital_search .search_dc .search_step01 ul li a:focus,
.digital_search .search_dc .search_step01 ul li a:active,
.digital_search .search_dc .search_step01 ul li a.active {background:#8d6a40; color:#fff; text-decoration:none; border:1px solid #8d6a40;}

.digital_search .search_dc .search_step02 {background:#fbf6ef; /*border:1px solid #dadada;*/ position:relative;}
.digital_search .search_dc .search_step02 h3 {margin:0; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wrwh.tb.xe%2Scho%2Sfvgr%2Sphy%2Spff%2S..%2Svzntrf%2Sznva%2Sgvgyr_ot02.cat) no-repeat 0 0 !important; color:#fff !important; height:23px; line-height:23px !important; font-size:12px !important; font-weight:normal !important; padding-left:17px !important; position:absolute; top:18px; left:0; padding-right:23px; border:none !important;}
.digital_search .search_dc .search_step02 .form-group {clear:both; padding:9px 0; margin-bottom:0; overflow:auto;}
.digital_search .search_dc .search_step02 .form-group label {float:left; margin-left:120px; width:120px; height:40px; line-height:40px;}
.digital_search .search_dc .search_step02 .form-group .search_group {float:left; background:#fff; border-radius:5px; width:310px; height:40px; line-height:40px;}
.digital_search .search_dc .search_step02 .form-group .search_group .group01 {float:left; width:260px; }
.digital_search .search_dc .search_step02 .form-group .search_group .group01 select {border:none;box-shadow: none;height:40px; line-height:40px;}
.digital_search .search_dc .search_step02 .form-group .search_group .group02 {float:left; width: 50px; border-left: 1px solid #eee;}
.digital_search .search_dc .search_step02 .form-group .search_group .group02 button {border: none; font-size: 19px; width: 100%; padding: 0; color: #fff;background: #666;}
.digital_search .search_dc .search_step02 .form-group .search_group .group02 button:hover {background: #666;}
.digital_search .search_dc .search_step02 .form-group .detail_btn {float:right; margin-right:45px;}
.digital_search .search_dc .search_step02 .form-group .detail_btn a {display: block; padding: 0 30px; height: 40px; line-height: 40px; background: #b83d00; border-radius: 5px; color: #FFF; text-align: center;}

/* 디지털콘텐츠 상세검색 */
.DsearchBox { clear:both;}
.DsearchBox label {width:20% !important; margin:10px 0 !important; float:left !important; text-align:center !important; line-height:34px !important;}
.DsearchBox_a {float:left !important; width: 35% !important; margin:10px 0 !important;background:#fff !important; border-radius:5px !important;}
.DsearchBox_a select {border:none !important; -webkit-box-shadow: none !important; box-shadow: none !important; height:34px !important;}
.DsearchBox_b { /*width:25% !important;*/ margin:10px 0 !important; clear:both; }
.DsearchBox_b dl dt { float:left !important; width:20% !important; text-align:center !important; margin:10px 0 !important; }
.DsearchBox_b dl dd { float:left !important; width:70% !important; margin:2px 0 !important; background: #fff; padding: 10px; overflow: auto;  width: 70%; border-radius: 5px;}
.DsearchBox_b dl dd ul { clear:both; /*border-bottom:1px solid #ddd; overflow:auto; margin:8px 0 !important;*/}
.DsearchBox_b dl dd ul li,
.DsearchBox_b dl dd ul li input { float:left !important; vertical-align:top; padding-right:15px;}
.DsearchBox_c {}
.DsearchBox_c input {float:left !important; width: 55% !important; margin:10px 0 !important;  padding:0 10px !important; border-radius:5px !important; border:none !important; -webkit-box-shadow: none !important; box-shadow: none !important; height:34px !important;}
.DsearchBox_c button {float:left !important; border: none !important; margin:10px !important;  padding:0 10px !important; border-radius:5px !important; height: 34px !important; background:#337ab7 !important; color: #fff !important;}



/*디지털콘텐츠 리스트영역*/
.digitalList .digital_cont {clear:both !important; position:relative !important; min-height:130px !important; overflow:auto !important;}
.digitalList .digital_cont .digital_rinkBtn { clear:both; padding:10px 0 !important;}
.digitalList .digital_cont .digital_rinkBtn a {display: block; padding: 0 20px; height: 30px; line-height: 30px; background: #666; border-radius: 5px; color: #FFF; text-align: center;}

.contents-wrapper dl.digital_img { text-align:center; border:none !important;}
.contents-wrapper dl.digital_img dt { background:none !important;}
.contents-wrapper dl.digital_img dd.view_btn { width:140px; margin:0 auto !important; background:#49b6d6; color: #FFF; padding: 6px 12px !important;}

.contents-wrapper dl.digital_bt { margin:10px 0; border-bottom:none !important;}
.contents-wrapper dl.digital_bt dt { float:left; overflow:hidden; text-align:left; margin:0 !important; padding-left:12px !important;}
.contents-wrapper dl.digital_bt dd { padding:0 0 0 4px !important; float:left;}

.contents-wrapper .modal-header h4 { margin:0 !important;}
.contents-wrapper ul.ul-pop-modal {}
.contents-wrapper ul.ul-pop-modal li { background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wrwh.tb.xe%2Scho%2Sfvgr%2Sphy%2Spff%2S..%2Svzntrf%2Sfho_pbzzba%2Svpba_03.cat) no-repeat 0 19px !important; padding: 15px 15px 10px !important; overflow:auto !important;}
.contents-wrapper ul.ul-pop-modal li:first-child { border-radius: 5px; background:#ddd !important;}
.contents-wrapper .modal-close { position: absolute; right:0; top:0; padding:15px;}
.contents-wrapper .modal-close a.closeBtn {display: block; cursor: pointer; float: right; width: 30px; height: 30px; background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wrwh.tb.xe%2Scho%2Sfvgr%2Sphy%2Spff%2S..%2Svzntrf%2Sfho_pbzzba%2Spybfr.cat) top right no-repeat; text-align: right;  outline: none;}

/*디지털콘텐츠 상세페이지*/
.detailType02 {clear:both !important; overflow:auto !important;}
.detailType02 h3 {clear: both !important; background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wrwh.tb.xe%2Scho%2Sfvgr%2Sphy%2Spff%2S..%2Svzntrf%2Sfho_pbzzba%2Svpba_01.cat) no-repeat left 8px !important; height: 40px !important; line-height: 34px !important; margin: 0 0 15px 0 !important; padding-left: 30px !important; font-size: 16px !important; font-weight: bold !important; color: #333 !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important;}
.detailType02 dl {clear:both !important; overflow: auto !important;border-bottom:1px solid #eee !important; margin-bottom:0 !important;}
.detailType02 dl dt {clear:both !important; margin: 10px 0 !important; padding-left: 20px !important; background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wrwh.tb.xe%2Scho%2Sfvgr%2Sphy%2Spff%2S..%2Svzntrf%2Sfho%2Svpba_02.tvs) no-repeat 0 center !important;}
.detailType02 dl dd {  overflow:auto !important;}

.detailType02 dl dd ul {list-style:none !important; padding-left:0 !important;}
.detailType02 dl dd ul li {background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.wrwh.tb.xe%2Scho%2Sfvgr%2Sphy%2Spff%2S..%2Svzntrf%2Sfho%2Svpba_03.tvs) no-repeat 0 8px !important; padding-left: 12px !important; margin-bottom:5px !important;}

/*삼다명소 민속풍물 */
#galleryBox { border:1px solid #ccc; background:#f7f7f7; padding:15px; margin-bottom:20px; overflow:auto;}
#galleryBox .thumbnails ul {margin:0 auto; height:128px;}
#galleryBox .thumbnails ul li { width:24%; margin:0 6px 0 0 !important; padding:0 !important; float:left; background:none !important;}
#galleryBox .thumbnails ul li a { padding:0 !important;}
#galleryBox .thumbnails ul li img {border:4px solid #ccc; margin-bottom:3px; width:100%; height:125px;}
#galleryBox .thumbnails ul li.hover img { border-color:#8d6a40; cursor:pointer}
#galleryBox .thumbnails ul li.on {cursor:default; color:#000;}
#galleryBox .thumbnails ul li.on img {border-color:#8d6a40}
/*#galleryBox .thumbnails ul li .description {text-align:center; padding:0;} 
#galleryBox .thumbnails ul li .description span {font-size:12px; color:#666; padding-top:3px;} 
#galleryBox .thumbnails ul li p {display: none;}*/

/*컨텐츠페이지 관련이미지갤러리 */
#imageBoxWrap { border:1px solid #ccc; background:#f7f7f7; padding:15px; margin-bottom:20px; overflow:auto; position:relative; clear:both; }
#imageBoxWrap .btnBox { position:relative; z-index:99}
#imageBoxWrap .btnBox .next-btn { position:absolute; top:50px; right:-10px; height:0px;}
#imageBoxWrap .btnBox .pre-btn { position:absolute; top:50px; left:-10px; height:0px;}
#imageBoxWrap .btnBox .next-btn span,
#imageBoxWrap .btnBox .pre-btn span { cursor:pointer}
#imageBoxWrap .imgBox { position:relative; overflow:hidden; height:128px;}
#imageBoxWrap .imgBox ul {margin:0 auto;  width:100%}
#imageBoxWrap .imgBox ul li { width:163px !important; margin:0 15px 0 0 !important; padding:0 !important; float:left; background:none !important;}
#imageBoxWrap .imgBox ul li a { padding:0 !important;}
#imageBoxWrap .imgBox ul li img {border:4px solid #ccc; margin-bottom:3px; width:100%; height:125px;}

@media (max-width: 768px) {

.contents-wrapper dl.cul-dl-st01 dt { font-size: 115% !important;}
.img-responsive { width:100%; margin:10px 0;}  

	}