/* layout */ /* 공통사항 */ .dn {display:none !important;} .al {text-align:left !important;} .mt20 {margin-top:20px !important;} /* 이것저것 하나씩 */ /* div.row div[class^="col-"]:first-child {padding:0 !important;} div.row div[class^="col-"]:last-child {padding-right:0 !important;}*/ .form-group {clear:both !important;} pre {font-family: inherit !important;} .btn-area {clear:both !important; overflow:auto !important; padding:10px 0 !important;} .panel {clear:both !important;margin-bottom:0 !important;-webkit-box-shadow: none !important;box-shadow: none !important;} .contents-wrapper {width:auto !important;} .panel-footer {clear:both !important;} #contentsContainer .contents-wrapper ul.list-unstyled li {padding-left:0 !important; background:none !important;} table {border-collapse: collapse !important;} #mainContents ul li {background:none !important; padding-left:0 !important;} #headerWrap {min-width:1000px;} #mainContents .nav-tabs>li {background:none !important; padding-left:0 !important;} /*카테고리nav메뉴*/ .categoryTab { margin-left:-1px; margin-bottom:10px !important; overflow:hidden; background:#fbf6ef; width:100%; float:left; border:1px solid #ccc; } .categoryTab li { width:20%; display:block; float:left; } .categoryTab li a { text-align:left; color:#333; height:40px; padding:9px 0 0 23px !important; background: url(../images/sub_common/icon_03.png) no-repeat 10px center !important;} .categoryTab li a.long { } .categoryTab li a:hover { border:0} .categoryTab>li>a { border-radius: 0 0 0 0; margin-right:0; border:0} .categoryTab>li.active>a, .categoryTab>li.active>a:focus, .categoryTab>li.active>a:hover { color:#555; border:0; font-weight:bold} /* Buttons Common */ a.btn_cul {background:#333 !important; color:#fff !important; -moz-border-radius:5px !important; -webkit-border-radius:5px !important; border-radius:5px !important; font-size: 14px !important; border:1px solid #333/* #d7d7d7 */ !important; float:left !important; overflow:hidden !important; text-overflow:ellipsis !important; white-space:nowrap !important; } a.btn_cul:hover, a.btn_cul:focus, a.btn_cul:active, a.btn_cul.active {background:#8d6a40 !important; border:1px solid #8d6a40 !important; color:#ffffff !important; font-weight:bold !important;} .btnTypePart8 {margin-bottom:20px !important;} .btnTypePart10 {margin-bottom:20px !important;} .btnTypePart15 {margin-bottom:20px !important;} .btnTypePart8 a.btn_cul { width:11.5% !important; margin:3px 0.5% !important; padding:0 !important; height: 37px !important; line-height:37px !important; } .btnTypePart10 a.btn_cul { width:9% !important; margin:2px 0.5% !important; padding:0 !important; height: 37px !important; line-height:37px !important; } .btnTypePart15 a.btn_cul { width:5.5% !important; margin:2px 0.5% !important; padding:0 !important; height: 37px !important; line-height:37px !important; } .btnTypePart15 a.btn_cul:first-child {width:8% !important;} .btnTypePart8 a.btn_cul:hover, .btnTypePart8 a.btn_cul:focus, .btnTypePart8 a.btn_cul:active, .btnTypePart8 a.btn.active {} /* 생활방언 검색 부분 */ .form-group01 {margin-right:0 !important; margin-left:0 !important;text-align:center !important; background:#efefef !important;} .labelType01 {float:left !important; background: url(../images/sub/search_dialect.png) no-repeat 20px center !important; padding: 15px 15px 15px 70px !important; color: #666 !important; font-size: 16px !important; margin-bottom:0 !important; margin-left:20px !important;} .labelType02 {float:left !important; padding: 15px !important; color: #666 !important; font-size: 16px !important; margin-bottom:0 !important; } /* 검색기본 set label-select-검색바 */ .searchType01 {background:#fff !important; border-radius:5px !important;float:left !important; width:65% !important; margin:10px 0 !important;} .searchType01_a {float:left !important; width:35% !important;} .searchType01_a select {border:none !important; -webkit-box-shadow: none !important; box-shadow: none !important; height:34px !important;} .searchType01_b {float:left !important; width:55% !important;} .searchType01_b input {border:none !important; -webkit-box-shadow: none !important; box-shadow: none !important; font-size:14px !important; height:34px !important;} .searchType01_c {float:left !important; width:10% !important;border-left:1px solid #efefef !important;} .searchType01_c button {border: none !important; height: 34px !important; background: none !important; font-size: 19px !important; width: 100% !important; padding: 0 !important; color: #707070 !important;} /* select 없이 labe-검색바만 */ .searchType02 {background:#fff !important; border-radius:5px !important;float:left !important; width:70% !important; margin:10px 0 !important;} .searchType02_a {float:left !important; width:85% !important;} .searchType02_a input {border:none !important; -webkit-box-shadow: none !important; box-shadow: none !important; font-size:14px !important; height:34px !important;} .searchType02_b {float:left !important; width:15% !important;border-left:1px solid #efefef !important;} .searchType02_b button {border: none !important; height: 34px !important; background: none !important; font-size: 19px !important; width: 100% !important; padding: 0 !important; color: #707070 !important;} .searchType02-2 {background:#fff !important; border-radius:5px !important; border:1px solid #F3CE73 !important;float:left !important; width:15% !important; margin:10px 0 10px 10px !important;} .searchType02-2_b button {border: none !important; height: 34px !important; background:#F3CE73 !important; font-size: 12px !important; width: 100% !important; padding:0 !important;} /* 검색바 없이 label-select 만 2열로 */ .searchType03 label {width:40% !important; margin:10px 0 !important;float:left !important; text-align:center !important} .searchType03_a {float:left !important; width:50% !important; margin:10px 0 !important;} .searchType03_a select {border:none !important; -webkit-box-shadow: none !important; box-shadow: none !important; height:34px !important;} /* label-select, label-select,검색바 이렇게 2열 */ .searchType04 {} .searchType04 label {width:15% !important; margin:10px 0 !important;float:left !important; text-align:center !important; line-height:34px !important;} .searchType04_a {float:left !important; width:15% !important; margin:10px 0 !important;background:#fff !important; border-radius:5px !important;} .searchType04_a select {border:none !important; -webkit-box-shadow: none !important; box-shadow: none !important; height:34px !important;} .searchType04_b {float:left !important; width:25% !important; margin:10px 0 !important;background:#fff !important; } .searchType04_b input {border:none !important; -webkit-box-shadow: none !important; box-shadow: none !important; font-size:14px !important; height:34px !important;} .searchType04_c {float:left !important; width:10% !important; margin:10px 0 !important;background:#fff !important; border-radius:0 5px 5px 0 !important;border-left:1px solid #efefef !important;} .searchType04_c button {border: none !important; height: 34px !important; background: none !important; font-size: 19px !important; width: 100% !important; padding: 0 !important; color: #707070 !important;} /* table타입01 - 생활방언 외 음성유무 아이콘을 위한 height 높은 게시판 사용 */ .tableType01 {border-top: 2px solid #a2a2a2 !important; border-bottom:1px solid #ccc !important;} .tableType01 thead {border-bottom: 1px solid #dadada !important;} .tableType01 thead tr th {text-align:center !important; background:#eee !important;border-bottom-width: 0 !important;} .tableType01 tbody tr td {text-align:center !important; padding:0 8px !important; height:45px !important; line-height:45px !important; border-top:none !important; border-bottom:1px solid #ddd !important;} .tableType01 tbody tr td.title {text-align:left !important;} .fa-headphones {width: 30px !important; height: 30px !important; background: #bbb !important; line-height: 30px !important; border-radius: 50% !important; color: #fff !important; font-size: 18px !important;} /* table타입02 - 일반 게시판 사용 */ .tableType02 {border-top: 2px solid #a2a2a2 !important; border-bottom:1px solid #ccc !important;} .tableType02 thead {border-bottom: 1px solid #dadada !important;} .tableType02 thead tr th {text-align:center !important; background:#eee !important;border-bottom-width: 0 !important;} .tableType02 tbody tr td {text-align:center !important; padding:8px !important; border-top:none !important; border-bottom:1px solid #ddd !important;} /* 민요관련 */ .folkSong_list {} .folkSong_list .folkSong_one {clear:both !important; position:relative !important; min-height:130px !important; overflow:auto !important;} .folkSong_list .folkSong_one h3 {clear: both !important; background: url(../images/sub/icon_01.gif) no-repeat !important; height: 40px !important; line-height: 40px !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;} .folkSong_use {list-style: none !important; padding:0 !important; float:right !important;} .folkSong_use li {float:left !important;} .folkSong_use li a {display:block !important; min-width:65px !important; text-align:center !important;} .folkSong_use li a span {font-size:12px !important; font-weight:bold !important; display:block !important; padding-top:54px !important;} .folkSong_use li a.song_lyrics span {background:url(../images/sub/icon_lyrics.png) no-repeat center top !important;} .folkSong_use li a.song_vod span {background:url(../images/sub/icon_vod.png) no-repeat center top !important;} .folkSong_use li a.song_aod span {background:url(../images/sub/icon_aod.png) no-repeat center top !important;} .folkSong_use li a.song_download span {background:url(../images/sub/icon_download.png) no-repeat center top !important;} .detailType01 {clear:both !important; overflow:auto !important; margin-top:20px !important;} .detailType01 h3 {clear: both !important; background: url(../images/sub/icon_01.gif) no-repeat !important; height: 40px !important; line-height: 40px !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;} .detailType01 dl {clear:both !important; overflow: auto !important;border-bottom:1px solid #eee !important; margin-bottom:0 !important;} .detailType01 dl dt {clear:both !important; margin: 10px 0 !important; padding-left: 20px !important; background: url(../images/sub/icon_02.gif) no-repeat 0 center !important;} .detailType01 dl dd { padding:10px 0 !important; overflow:auto !important;} .detailType01 dl dd ul {list-style:none !important; padding-left:0 !important;} .detailType01 dl dd ul li {background: url(../images/sub/icon_03.gif) no-repeat 0 8px !important; padding-left: 12px !important; margin-bottom:5px !important;} /* 색인어검색 리스트 */ .index_list {} .index_list .index_one {clear:both !important; position:relative !important; min-height:130px !important; overflow:auto !important;} .index_list .index_one h3 {clear: both !important; background: url(../images/sub/icon_01.gif) no-repeat !important; height: 40px !important; line-height: 40px !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;} .index_use {list-style: none !important; padding:0 !important; float:right !important;} .index_use li {float:left !important;} .index_use li a {display:block !important; min-width:65px !important; text-align:center !important;} .index_use li a span {font-size:12px !important; font-weight:bold !important; display:block !important; padding-top:54px !important;} .index_use li a.index_ebook span {background:url(../images/sub/icon_ebook.png) no-repeat center top !important;} /* listType */ .listType01 {float:left !important;list-style: none !important; margin:0 0 20px 0 !important; padding: 0 !important;} .listType01 li {background: url(../images/sub/icon_03.gif) no-repeat 0 8px !important; padding-left: 12px !important;} .listType01 li a {font-weight:bold !important; color:#8d6a40 !important; padding-right:5px} .listType01 li a:after {content:", " !important;} .listType01 li a:last-child:after {content:"" !important;} /* 역사사료 부분 */ ul.eBookList {clear:both !important; list-style:none !important; overflow:auto !important; padding-left:0 !important; -webkit-padding-start:0 !important; margin-top:10px !important; border-top: 2px solid #a2a2a2 !important; border-bottom: 1px solid #ccc !important;} .eBookList li {overflow:auto !important; padding:15px 0 !important; border-bottom:1px solid #ddd !important; background:none !important;} .eBookList li a {display:block !important;} .eBookList li a img {width:100% !important;} .eBookList li h4 { clear: both !important; background: url(../images/sub/icon_02.gif) no-repeat 0 2px !important; margin: 10px 0 !important; padding-left: 15px !important; font-size: 16px !important; font-weight: bold !important; color: #333 !important;} .winner_list {clear:both !important; margin-bottom:20px !important;border-bottom: 2px solid #ccc !important;} .winner_list .winner_one {clear:both !important; overflow:auto !important;} .winner_list h3 {clear: both !important; background: url(../images/sub/icon_01.gif) no-repeat !important; height: 40px !important; line-height: 40px !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;} .winner_list h3 strong {color:#8d6a40 !important;} .winner_list .winner_photo img {width:100% !important;} .winner_list dl dt {clear: both !important; background: url(../images/sub/icon_02.gif) no-repeat 0 4px !important; margin: 10px 0 !important; padding-left: 15px !important; font-size: 16px !important;} .winner_list dl dt a { font-weight: bold !important; color: #333 !important;} .winner_list dl dt a span {font-size:13px !important; font-weight:normal !important;padding-left:10px !important;} .winner_list dl dd ul {list-style:none !important; padding-left:0 !important;} .winner_list dl dd ul li {background: url(../images/sub/icon_03.gif) no-repeat 0 8px !important; padding-left: 12px !important; margin-bottom:5px !important;} @media (max-width: 768px) { .btnTypePart8 a.btn_cul {width:24% !important; margin-bottom:3px !important;} .btnTypePart15 a.btn_cul {width:11.5% !important; margin-bottom:3px !important;} .btnTypePart15 a.btn_cul:first-child {width:24% !important; margin-bottom:3px !important;} /* 생활방언 검색 부분 */ .labelType01 {margin-left:0 !important; display: inline-block !important; /*float: none !important;*/} .form-group01 {padding:10px !important;} .searchType01 { /*width:100% !important;*/} .searchType02 {/*width:100% !important;*/} .searchType02-2 {width:34% !important;margin-left:1px} .searchType03 {padding:0} .searchType03 label {width:100% !important; margin:0 !important;} .searchType03_a {width:100% !important; margin:0 0 10px 0 !important;} .searchType04 {overflow:auto !important;} .searchType04 label {width:30%} .searchType04_a {width:30% !important;} .searchType04_b {width:25% !important;} .searchType04_c {width:10% !important;} }