.sortWrap2 { /*border:1px solid #c9c9c9; border-radius:10px;*/ } .sortWrap2 .tit { border-bottom:3px solid #d77014; font-size:18px; font-family:'NGB'; padding:15px 30px; color:#d77014; } .sortWrap2 table { background:#fafafa; width:100%; font-size:16px; border-radius:10px; } .sortWrap2 th { padding:10px 0px 10px 50px; width:100px; color:#666; font-weight:normal; font-family:'NGB'; text-align:left; vertical-align:top; } .sortWrap2 td { padding:10px 0px; } .sortWrap2 th span { background: url(/web/resources/images/sub/sortBullet.png) left center no-repeat; padding-left:15px; } .sortWrap2 td span { display:inline-block; width:140px; margin-bottom:5px; } .sortWrap2 input[type=checkbox] { margin-right:5px; } .sortWrap2 input[type=text] { height:30px; width:200px; ime-mode:active; } .sortWrap2 .btn { float:right; width:100px; margin-right:50px; height:30px; } .contentSearchForm{position:relative;overflow:hidden;width:100%;text-align:center} .contentSearchForm p{position:relative;overflow:hidden;border:1px solid #dbdbdb;padding:15px 0;background:#f6f6f6} .contentSearchForm p label.searchText{margin-right:20px;font-size:16px;color:#676767;letter-spacing:-0.03em} .contentSearchForm select{height:30px;padding:1px 3px;border:1px solid #d2d2d2} .contentSearchForm span{margin-left:10px} .contentSearchForm input[type='text']{width:40%;height:26px;padding:1px 3px;border:1px solid #d2d2d2;line-height:26px} .contentSearchForm input[type='submit']{cursor:pointer;border:none;width:80px;height:30px;background:#5e626e;color:#fff;line-height:30px} .no-post { padding:30px 0 !important; text-align:center !important; color:#ccc !important; } .searchForm{position:relative;width:100%;margin: 45px 0 10px;overflow:hidden;} .searchForm ul li{text-indent: 5px;font-size: 15px;text-align: left;color: #696969;float: left;line-height: 30px;} .searchForm ul li span{color:#5e626e;} .searchForm ul li em{display:inline-block;width: 0px;height: 13px;margin: 0 5px 0 6px;vertical-align: middle;border: 1px solid #cecece;} .searchForm ul li.R{float:right} .searchForm ul li.R select{font-size: 14px;margin: 1px 0;line-height: 28px;vertical-align: middle;border-radius: 2px;min-width:100px;height: 32px;padding:1px 3px;border:1px solid #d2d2d2;} .searchForm ul li.R input[type='text']{margin: 1px 0;vertical-align: middle;font-size: 14px;border-radius: 2px;min-width: 100px;padding: 1px 3px;border: 1px solid #d2d2d2;line-height: 26px;height: 28px;} .searchForm ul li.R input[type='submit']{font-size: 14px;cursor:pointer;border:none;width:80px;height: 30px;background: #45a494;color:#fff;line-height: 25px;border-radius: 2px;} /* faq 스킨 */ .faqSkin { } .faqSkin dt a { display:block; font-size:18px; color:#002b58; background:url(/kor/resources/images/bbs/faq1.png) 20px center no-repeat; padding:7px 0px 7px 50px; margin-bottom:8px; border:1px solid #bfcad5; cursor:pointer; } .faqSkin dt a.on { background:url(/kor/resources/images/bbs/faq2.png) 20px center no-repeat #7f95ab; padding:7px 0px 7px 50px; margin-bottom:8px; color:#fff; font-size:18px; font-weight:normal; } .faqSkin dt a:hover { border:1px solid #8d959d; color:#002b58 !important; } .faqSkin dd { display:none; } /*.faqSkin dd h4 { background:url(/kor/resources/images/bbs/faq2.png) 20px center no-repeat #7f95ab; padding:7px 0px 7px 50px; margin-bottom:8px; color:#fff; font-size:18px; font-weight:normal; }*/ .faqSkin dd .faqContent { border:1px solid #bfcad5; background:url(/kor/resources/images/bbs/faqA.png) 11px 20px no-repeat; padding:20px 0px 20px 50px; margin-bottom:10px; color:#555; } .faqSkin dt.on a { background:url(/kor/resources/images/bbs/faqBar.png) right center no-repeat; } .gallerySearchForm{position:relative;overflow:hidden;width:100%;text-align:center} .gallerySearchForm p{position:relative;overflow:hidden;border:1px solid #dbdbdb;padding:15px 0;background:#f6f6f6} .gallerySearchForm select{height:30px;padding:1px 3px;border:1px solid #d2d2d2} .gallerySearchForm input[type='text']{width:55%;height:26px;margin-left:10px;padding:1px 3px;border:1px solid #d2d2d2;line-height:26px} .gallerySearchForm input[type='submit']{cursor:pointer;border:none;width:80px;height:30px;background:#5e626e;color:#fff;line-height:30px} .officialTab{position:relative;overflow:hidden;width:100%;margin-top:15px} .officialTab ul.subtabs{position:relative;overflow:hidden;} .officialTab ul.subtabs li{float:left;position:relative;overflow:hidden;width:25%;padding:20px 0;border:1px solid #dbdddb; margin-left:-2px; cursor:pointer} .officialTab ul.subtabs li:nth-child(4n+1) { margin-left:0; border-left:1px solid #dbdddb; border-bottom:0; border-right:0; } .officialTab ul.subtabs li:nth-child(4n+2) { border-bottom:0; border-right:0; } .officialTab ul.subtabs li:nth-child(4n+3) { border-bottom:0; border-right:0; } .officialTab ul.subtabs li:nth-child(4n+4) { border-bottom:0; } .officialTab ul.subtabs li:nth-last-child(4) { border-bottom:1px solid #dbdddb; } .officialTab ul.subtabs li:nth-last-child(3) { border-bottom:1px solid #dbdddb; } .officialTab ul.subtabs li:nth-last-child(2) { border-bottom:1px solid #dbdddb; } .officialTab ul.subtabs li:nth-last-child(1) { border-bottom:1px solid #dbdddb; } .officialTab ul.subtabs li a{display:block;font-size:15px;color:#6b6b6b;text-align:center} .officialTab ul.subtabs li .officialTab_icon01{padding-top:95px;background:url('../images/content/officialTab_icon01.png') center top no-repeat} .officialTab ul.subtabs li .officialTab_icon02{padding-top:95px;background:url('../images/content/officialTab_icon02.png') center top no-repeat} .officialTab ul.subtabs li .officialTab_icon03{padding-top:95px;background:url('../images/content/officialTab_icon03.png') center top no-repeat} .officialTab ul.subtabs li .officialTab_icon04{padding-top:95px;background:url('../images/content/officialTab_icon04.png') center top no-repeat} .officialTab ul.subtabs li .officialTab_icon05{padding-top:95px;background:url('../images/content/officialTab_icon05.png') center top no-repeat} .officialTab ul.subtabs li .officialTab_icon06{padding-top:95px;background:url('../images/content/officialTab_icon06.png') center top no-repeat} .officialTab ul.subtabs li .officialTab_icon07{padding-top:95px;background:url('../images/content/officialTab_icon07.png') center top no-repeat} .officialTab ul.subtabs li .officialTab_icon08{padding-top:95px;background:url('../images/content/officialTab_icon08.png') center top no-repeat} .officialTab ul.subtabs li a:hover.officialTab_icon01, .officialTab ul.subtabs li.active a.officialTab_icon01{background:url('../images/content/officialTab_icon01on.png') center top no-repeat} .officialTab ul.subtabs li a:hover.officialTab_icon02, .officialTab ul.subtabs li.active a.officialTab_icon02{background:url('../images/content/officialTab_icon02on.png') center top no-repeat} .officialTab ul.subtabs li a:hover.officialTab_icon03, .officialTab ul.subtabs li.active a.officialTab_icon03{background:url('../images/content/officialTab_icon03on.png') center top no-repeat} .officialTab ul.subtabs li a:hover.officialTab_icon04, .officialTab ul.subtabs li.active a.officialTab_icon04{background:url('../images/content/officialTab_icon04on.png') center top no-repeat} .officialTab ul.subtabs li a:hover.officialTab_icon05, .officialTab ul.subtabs li.active a.officialTab_icon05{background:url('../images/content/officialTab_icon05on.png') center top no-repeat} .officialTab ul.subtabs li a:hover.officialTab_icon06, .officialTab ul.subtabs li.active a.officialTab_icon06{background:url('../images/content/officialTab_icon06on.png') center top no-repeat} .officialTab ul.subtabs li a:hover.officialTab_icon07, .officialTab ul.subtabs li.active a.officialTab_icon07{background:url('../images/content/officialTab_icon07on.png') center top no-repeat} .officialTab ul.subtabs li a:hover.officialTab_icon08, .officialTab ul.subtabs li.active a.officialTab_icon08{background:url('../images/content/officialTab_icon08on.png') center top no-repeat} .officialTab .tab_container{clear:both;margin:0 auto;position:relative;width:100%} /* 이벤트 게시판 */ #event_bbs { overflow:hidden;} #event_bbs .eventBbs_tab { margin-bottom:20px; overflow:hidden;} #event_bbs .eventBbs_tab li { float:left; text-align:center; width:33.2%; border:1px solid #dedede; margin-right:-1px; } #event_bbs .eventBbs_tab li a { display:block; padding:14px 0px; font-size:16px; white-space:nowrap; color:#333; color:#333; background:#f6f7f8;} #event_bbs .eventBbs_tab li.active a { background:#6e6e6e; color:#fff; } #event_bbs .bbsSearchWrap { border:0px; padding:0 0 10px; margin:30px 0 10px;} #event_bbs .bbsSearchWrap a { color:#333; border-right:1px solid #333; padding: 0px 10px;} #event_bbs .bbsSearchWrap a:nth-child(3) { border-right:0px; margin-right:20px;} #event_bbs .list-box { position:relative; float:left; overflow:hidden; width:285px; text-align:left; border:1px solid #dedede; margin-bottom:30px; margin-right:17px;} #event_bbs .list-box:nth-child(4n+4) {margin-right:0px;} #event_bbs .list-box .imgWrap { position:relative; width:285px; height:160px; overflow:hidden; margin-right:20px; } #event_bbs .list-box .imgWrap img { width:100%; } #event_bbs .list-box .imgWrap a { color:#333; } #event_bbs .list-box .imgWrap .mainImg { width:100%; height:100%; padding:20px;} #event_bbs .list-box .title { height:83px; padding:10px; font-size:12px; color:#666;} #event_bbs .list-box .title h3 { display:block; height:42px; font-size:18px; color:#333; margin-bottom:8px;} /* galleryChart */ .galleryChart{position:relative;overflow:hidden;width:100%;padding:25px 0;border-top:2px solid #5e626e;border-bottom:1px solid #ced0d3} .galleryChart div.notice { } .galleryChart ul{overflow:hidden;margin-bottom:20px} .galleryChart ul li{float:left;width:23.5%;margin-left:1.7%;border:1px solid #dbdbdb;text-align:center; margin-bottom:10px;} .galleryChart ul li:nth-child(4n+1){margin-left:0} .galleryChart ul li p {width:100%;overflow:hidden;position: relative;} .galleryChart ul li p img{height: 215px;width:100%;cursor:pointer;} .galleryChart ul li dl{padding: 20px;text-align: left;overflow:hidden;color:#6b6b6b;} .galleryChart ul li dl dt{font-weight: 400;color: #000;font-size: 16px;line-height: 15px;text-align: left;/* padding:8px 0; *//* border-top:1px solid #dbdddb; *//* border-bottom:1px solid #dbdddb; *//* background:#eee; */} .galleryChart ul li dl dd{margin-top: 5px;font-size: 16px;color: #696969;} .galleryChart ul li dl dd p{overflow:hidden;width:100%;white-space:nowrap;text-overflow:ellipsis} .galleryChart ul li dl dd p span{float:left;width:55px} .galleryReding_Chart{position:relative;overflow:hidden;padding:25px 0 35px;border-top:2px solid #5e626e;border-bottom:1px solid #ced0d3} .galleryReding_Chart ul{overflow:hidden} .galleryReding_Chart ul li{float:left} .galleryReding_Chart ul li.L{width:30%} .galleryReding_Chart ul li.L img{width:300px;height:225px} .galleryReding_Chart ul li.R{float:right;width:60%} .galleryReding_Chart ul li.R p{margin-bottom:10px; font-size:15px;color:#6b6b6b} .galleryReding_Chart ul li.R ul{overflow:hidden} .galleryReding_Chart ul li.R ul li{width:100%;color:#6b6b6b} .galleryReding_Chart ul li.R ul li > span{float:left;width:20%;padding:7px 2.5%;border-bottom:1px solid #dfe0e2;background:url('../images/sub/bullet02.png') left center no-repeat} .galleryReding_Chart ul li.R ul li > em{float:right;width:65%;padding:7px 2.5%;border-bottom:1px solid #dfe0e2;font-style:normal} /* videoChart */ .videoChart{position:relative;overflow:hidden;width:100%;padding-top:25px;border-top:2px solid #5e626e;border-bottom:1px solid #ced0d3} .videoChart ul{overflow:hidden;margin-bottom:20px;} .videoChart ul li{float:left;width: 24%;margin-left: 1%;border:1px solid #dbdbdb;text-align:center;} .videoChart ul li:first-child{margin-left: 0px;} .videoChart ul li p{position:relative;overflow:hidden;width:100%} .videoChart ul li p a em{position:absolute;left:50%;top:50%;width:59px;height:59px;margin-left:-30px;margin-top:-30px;background:url('../images/board/btn_play.png') no-repeat} .videoChart ul li p img{width:100%; height:215px; cursor:pointer} .videoChart ul li dl{overflow:hidden;padding:20px;color:#6b6b6b;text-align:left} .videoChart ul li dl dt{font-weight: 400;color: #000;font-size:16px;line-height: 15px;} .videoChart ul li dl dd{margin-top:5px;font-size: 16px;color: #696969;} /*추천여행지*/ .videoChart2{position:relative;overflow:hidden;width:100%;padding-top:25px;} .videoChart2 ul{overflow:hidden;margin-bottom:20px} .videoChart2 ul li{float:left;margin-left:1.8%;border:1px solid #dbdbdb;text-align:center} .videoChart2 ul li:first-child{margin-left:0} .videoChart2 ul li p{position:relative;overflow:hidden;width:100%} .videoChart2 ul li p a em{position:absolute;left:50%;top:50%;width:59px;height:59px;margin-left:-30px;margin-top:-30px;background:url('../images/board/btn_play.png') no-repeat} .videoChart2 ul li p img{width:400px; height:212px; cursor:pointer} .videoChart2 ul li dl{overflow:hidden;padding:20px;color:#6b6b6b;text-align:center;} .recomTrip_circletit{ white-space: pre-line; line-height: 10px; display: inline-block; border: 2px solid #52ab2d; padding: 3px 12px 10px; color: #52ab2d; font-size: 16px; border-radius: 30px; width: 70%;} .videoChart2 ul li dl dt{ color: #000; font-size: 20px; display: block; text-align: center; margin: 3px 15px 15px 15px; line-height: 40px;} /* .videoChart2 ul li dl dd{margin-top:5px;font-family:'NanumGothic';font-size:13px;color:#999} */ /* webzineGallery */ .webzineGallery{position:relative;overflow:hidden;width:100%;padding:25px 0 !important;border: 1px solid #dedede;} .webzineGallery ul{overflow:hidden;margin-bottom:25px;padding-bottom:25px;border-bottom:1px solid #ced0d3} .webzineGallery ul:last-child {margin-bottom:0; border-bottom:0; padding-bottom:0;} .webzineGallery ul li{} .webzineGallery ul li.L {float:left; margin-right:25px; width:364px; } .webzineGallery ul li.L img{width:354px;height:180px; border: 1px solid #dedede; margin-left: 20px;} .webzineGallery ul li.R{height:150px;} .webzineGallery ul li.R dl{overflow:hidden;letter-spacing:-0.05em} .webzineGallery ul li.R dl dt{margin-bottom:10px; font-size:17px;color:#555} .webzineGallery ul li.R dl dt a{margin-top: 5px; font-size: 20px; color: #000; display: inline-block;font-weight: bold;} .webzineGallery ul li.R dl dd{height:93px; font-size: 15px; line-height: 24px; margin: 15px 0px 0px; color: #8f8f8f; margin-right: 20px;} .webzineGallery ul li.R > p{margin-top:25px} .webzineGallery ul li.R > p em{display:inline-block;width:1px;height:12px;margin:0 10px;background:url('../images/sub/surveySatisfaction_line.gif') center top no-repeat;vertical-align:middle} /* chart 강사진소개 */ .chart{position:relative;overflow:hidden;width:100%;background: transparent;} .chart table{width:100%;border-top: 0px solid #002b58;border-collapse:collapse;word-break:break-all;} .chart table * { vertical-align:middle; } .chart table tr th{padding: 8px 5px;border-bottom: 1px solid #d9d9d9;color: #666;text-align: center;vertical-align: middle;background: transparent;} .chart table tr td{padding: 15px 5px;border-bottom: 1px solid #d9d9d9;color: #757575;text-align: center;vertical-align: middle;background: transparent;} .chart table tr td a { color: #757575; } .chart table tr td.photo img {display: block;height: 100%;width: 100%;} .chart table tr td.photo figure {box-sizing: border-box;background: #fff;cursor: pointer;margin: 0 auto;height: 140px;width: 120px;border: 1px solid #dedede;} .chart table tr td.faq { padding:0; } .chart table tr td.notice { float:none; text-align:left; height:auto; padding-left:15px; padding-right:15px; } .chart table tr th{font-size: 16px;background: #bee1dd;color: #000000;font-weight:normal;} .chart table tr td .icon_new{display:inline-block;width:12px;height:11px;margin-left:5px;background:url('../images/board/icon_new.png') left center no-repeat;vertical-align:middle} .chart table tr td .icon_reply{display:inline-block;width:9px;height:10px;margin-right:5px;background:url('../images/board/icon_reply.png') left center no-repeat;vertical-align:middle} .chart table tr td .icon_secret{display:inline-block;width:13px;height:15px;margin-left:5px;background:url('../images/board/icon_secret.png') left center no-repeat;vertical-align:middle} .chart table tr td a:hover{color:#8b95b9} .chart table tr td a.icon_hangeul{display:inline-block;width:30px;height:30px;background:url('../images/board/icon_hangeul.png') no-repeat;vertical-align:middle} .chart table tr td a.icon_pdf{display:inline-block;width:30px;height:30px;background:url('../images/board/icon_pdf.png') no-repeat;vertical-align:middle} .chart table tr td a.icon_excel{display:inline-block;width:30px;height:30px;background:url('../images/board/icon_excel.png') no-repeat;vertical-align:middle} .chart table tr td a.icon_image{display:inline-block;width:30px;height:30px;background:url('../images/board/icon_image.png') no-repeat;vertical-align:middle} .chart table tr td a.icon_folder{display:inline-block;width:30px;height:30px;background:url('../images/board/icon_folder.png') no-repeat;vertical-align:middle} .chart table tr td a.icon_zip{display:inline-block;width:30px;height:30px;background:url('../images/board/icon_zip.png') no-repeat;vertical-align:middle} /* chart 공지사항*/ .chart02 {position:relative;overflow:hidden;width:100%;background: transparent;} .chart02 table{width:100%; border-collapse:collapse;word-break:break-all;} .chart02 table thead { border-top: 2px solid #002b58; } .chart02 table * { vertical-align:middle; } .chart02 table tr th{padding: 8px 5px;border-bottom: 1px solid #d9d9d9;color: #666;text-align: center;vertical-align: middle;background: transparent;} .chart02 table tr td{padding: 15px 5px;border-bottom: 1px solid #d9d9d9;color: #757575;text-align: center;vertical-align: middle;background: transparent;} .chart02 table tr td.photo img {display: block;} .chart02 table tr td.photo figure {background: #fff; cursor: pointer; margin: 0 auto; height: 140px; width: 120px; border: 1px solid #dedede; } .chart02 table tr td.faq { padding:0; } .chart02 table tr td.notice { float:none; text-align:left; height:auto; padding-left:15px; padding-right:15px; } .chart02 table tr th{font-size: 16px;background: #ededed;color: #000000;font-weight:normal;} .chart02 table tr td .icon_new{display:inline-block;width:12px;height:11px;margin-left:5px;background:url('../images/board/icon_new.png') left center no-repeat;vertical-align:middle} .chart02 table tr td .icon_reply{display:inline-block;width:9px;height:10px;margin-right:5px;background:url('../images/board/icon_reply.png') left center no-repeat;vertical-align:middle} .chart02 table tr td .icon_secret{display:inline-block;width:13px;height:15px;margin-left:5px;background:url('../images/board/icon_secret.png') left center no-repeat;vertical-align:middle} .chart02 table tr td a {color:#000;} .chart02 table tr td a:hover {color:#757575;} .chart02 table tr td a.pop { width: 100%;} .chart02 table tr td a.icon_hangeul{display:inline-block;width:30px;height:30px;background:url('../images/board/icon_hangeul.png') no-repeat;vertical-align:middle} .chart02 table tr td a.icon_pdf{display:inline-block;width:30px;height:30px;background:url('../images/board/icon_pdf.png') no-repeat;vertical-align:middle} .chart02 table tr td a.icon_excel{display:inline-block;width:30px;height:30px;background:url('../images/board/icon_excel.png') no-repeat;vertical-align:middle} .chart02 table tr td a.icon_image{display:inline-block;width:30px;height:30px;background:url('../images/board/icon_image.png') no-repeat;vertical-align:middle} .chart02 table tr td a.icon_folder{display:inline-block;width:30px;height:30px;background:url('../images/board/icon_folder.png') no-repeat;vertical-align:middle} .chart02 table tr td a.icon_zip{display:inline-block;width:30px;height:30px;background:url('../images/board/icon_zip.png') no-repeat;vertical-align:middle} @media only screen and (max-width:768px){ .chart02 table thead tr { display: none;} .chart02 table {margin-top: 0px;} .chart02 table tbody {border-top: 2px solid #002b58;} .chart02 table td.writer, .chart02 table td.dept_name, .chart02 table td.num, .chart02 table td.view_cnt, .chart02 table td.reg_name, .chart02 table td.hits { display: none; } .chart02 table tbody tr td.title { width: 70%;} .chart02 table tbody tr td.reg_dt { width: 12%; text-align: right; white-space: nowrap;} .chart02 table tbody tr td.attach { width: 5%; text-align: center;} } @media only screen and (max-width:600px) { .reading_chart table tbody:nth-of-type(1) tr:nth-of-type(1) { background-color: #fff !important;} .reading_chart table col { display:block; } .reading_chart table tr td, .reading_chart table tr td[colspan] {display: inline-block;border: 0 !important;padding: 5px 5px 5px 2px;background-color: #fff !important;} .reading_chart table tr td:last-child:after { display:none; } .reading_chart table tr td.contents {background-color: #f5f5f5 !important;display:block;padding:15px 0;margin:0;color:#666;} .reading_chart table tr { border-bottom:1px solid #ccc; background: #fff; } .reading_chart td.survey_question_td {text-align: left;display: table-cell !important;} .survey table th.textDeco01 { font-size: 14px !important; border-left: 0 !important; border-right: 0 !important; padding: 7px;} .survey table th.textDeco02 { display:none; } .survey tr td.surveyTableCell {font-size: 14px !important;border-top: 2px solid #002b58 !important;text-indent: 0px !important;border-right: 0px solid #d9d9d9 !important;padding-left: 10px !important;line-height: 18px; text-align: left;} .survey li.survey_question { margin-top: 5px; text-indent: 0px; line-height: 22px;} .reading_chart table tr td form{margin-right: 10px;} .reading_chart table tr td form span { font-size: 13px; margin-left: 0px; margin-bottom: 3px; font-family: sans-serif; letter-spacing: -1px; display: inline-block;} .reading_chart table tr:nth-of-type(2n) {background-color: #fff;} } .chart03 {position:relative;overflow:hidden;width:100%;background: transparent;} .chart03 table{width:100%;border-top: 2px solid #002b58;border-collapse:collapse;word-break:break-all;} .chart03 table * { vertical-align:middle; } .chart03 table tr th{padding: 8px 5px;border-bottom: 1px solid #d9d9d9;color: #666;text-align: center;vertical-align: middle;background: transparent;} .chart03 table tr td{padding: 15px 5px;border-bottom: 1px solid #d9d9d9;color: #757575;text-align: center;vertical-align: middle;background: transparent;} .chart03 table tr td.photo img {display: block;} .chart03 table tr td.photo figure {background: #fff; cursor: pointer; margin: 0 auto; height: 140px; width: 120px; border: 1px solid #dedede; } .chart03 table tr td.faq { padding:0; } .chart03 table tr td.notice { float:none; text-align:left; height:auto; padding-left:15px; padding-right:15px; } .chart03 table tr th{font-size: 16px;background: #ededed;color: #000000;font-weight:normal;} .chart03 table tr td .icon_new{display:inline-block;width:12px;height:11px;margin-left:5px;background:url('../images/board/icon_new.png') left center no-repeat;vertical-align:middle} .chart03 table tr td .icon_reply{display:inline-block;width:9px;height:10px;margin-right:5px;background:url('../images/board/icon_reply.png') left center no-repeat;vertical-align:middle} .chart03 table tr td .icon_secret{display:inline-block;width:13px;height:15px;margin-left:5px;background:url('../images/board/icon_secret.png') left center no-repeat;vertical-align:middle} .chart03 table tr td a:hover{color: #4e505d;} .chart03 table tr td a.icon_hangeul{display:inline-block;width:30px;height:30px;background:url('../images/board/icon_hangeul.png') no-repeat;vertical-align:middle} .chart03 table tr td a.icon_pdf{display:inline-block;width:30px;height:30px;background:url('../images/board/icon_pdf.png') no-repeat;vertical-align:middle} .chart03 table tr td a.icon_excel{display:inline-block;width:30px;height:30px;background:url('../images/board/icon_excel.png') no-repeat;vertical-align:middle} .chart03 table tr td a.icon_image{display:inline-block;width:30px;height:30px;background:url('../images/board/icon_image.png') no-repeat;vertical-align:middle} .chart03 table tr td a.icon_folder{display:inline-block;width:30px;height:30px;background:url('../images/board/icon_folder.png') no-repeat;vertical-align:middle} .chart03 table tr td a.icon_zip{display:inline-block;width:30px;height:30px;background:url('../images/board/icon_zip.png') no-repeat;vertical-align:middle} .write_chart{position:relative;overflow:hidden;width:100%} .write_chart table{width:100%;border-top:2px solid #464646;border-collapse:collapse; margin-bottom:25px} .write_chart table tr th { padding:12px 8px;border:1px solid #d9d9d9;color:#666;line-height:30px; background:#f7f7f7;color:#464646;font-weight:normal;} .write_chart table tr td { padding:8px;border:1px solid #d9d9d9;color:#666;line-height:30px } /*.write_chart table tr td label{display:inline-block;width:0;height:0;font-size:0;color:transparent;line-height:0}*/ .write_chart table tr td > p.etc{display:inline} .write_chart table tr td input[type='text']{height:26px;padding:1px 3px;border:1px solid #e5e5e5;line-height:26px} .write_chart table tr td input[type='text'].full { width:90%; } .write_chart table tr td input[type='text'].long { width:300px; } .write_chart table tr td input[type='text'].middle { width:200px; } .write_chart table tr td input[type='text'].short { width:80px; } .write_chart table tr td input[type='text'].block { display:block; margin:2px 0; } .write_chart table tr td input.w30{width:30%;height:26px;padding:1px 3px;border:1px solid #d2d2d2;line-height:26px} .write_chart table tr td input.w40{width:40%;height:26px;padding:1px 3px;border:1px solid #d2d2d2;line-height:26px} .write_chart table tr td input.num{width:40px;height:26px;padding:1px 3px;border:1px solid #d2d2d2;line-height:26px} .write_chart table tr td select{height:30px;padding:1px 3px;border:1px solid #d2d2d2} .write_chart table tr td textarea{width:99%;height:245px;border:1px solid #e5e5e5} .write_chart table tr td textarea.contentsTextarea{width:99%;height:100px;border:1px solid #e5e5e5} .write_chart table tr td textarea.contentsTextarea2{width:99%;height:50px;border:1px solid #e5e5e5} .write_chart table tr td span{margin-left:10px} .write_chart table tr td span:first-child{margin-left:0} .write_chart table tr td span.placeChoice{display:inline-block;width:120px;margin:5px 0 0} .write_chart table tr td.private-policy { padding:0; } .write_chart table tr td div.private-policy { height:200px; overflow:auto; padding:10px; } .write_chart table tr td .icon_hangeul{display:inline-block;width:20px;height:20px;background:url('../images/board/icon_m_hangeul.png') no-repeat;vertical-align:middle} .write_chart table tr td .icon_pdf{display:inline-block;width:20px;height:20px;background:url('../images/board/icon_m_pdf.png') no-repeat;vertical-align:middle} .write_chart table tr td .icon_excel{display:inline-block;width:20px;height:20px;background:url('../images/board/icon_m_excel.png') no-repeat;vertical-align:middle} .write_chart table tr td .icon_image{display:inline-block;width:20px;height:20px;background:url('../images/board/icon_m_image.png') no-repeat;vertical-align:middle} .write_chart table tr td .icon_folder{display:inline-block;width:20px;height:20px;background:url('../images/board/icon_m_folder.png') no-repeat;vertical-align:middle} .write_chart table tr td .icon_zip{display:inline-block;width:20px;height:20px;background:url('../images/board/icon_m_zip.png') no-repeat;vertical-align:middle} .write_chart table tr td a:hover{color:#8b95b9} .write_chart table tr td a.icon_calendar{display:inline-block;width:28px;height:28px;background:url('../images/board/icon_calendar.png') no-repeat;vertical-align:middle} .reading_chart{position:relative;overflow:hidden;width:100%;word-break:break-all} .reading_chart table{width:100%;border-collapse:collapse;} /* border-top:2px solid #464646; */ .reading_chart table tr th {border-left: 1px solid #d9d9d9;padding:12px 8px;border-right: 1px solid #d9d9d9;text-align:center;line-height:30px;vertical-align:middle;background: #ededed;font-size:17px;color: #000;/* text-indent:15px; */border-top: 2px solid #002b58;} .reading_chart table tr td.th {color: #000;border-top: 1px solid #d9d9d9;border-left: 1px solid #d9d9d9;background-color: #ededed;} .reading_chart table tr td {padding: 8px;border:1px solid #d9d9d9;color: #757575;text-align:center;vertical-align:middle;background: #fff;} .reading_chart table tr td > .contents {padding: 30px 0 0; display: block; text-align: center !important;} .reading_chart table tr td > .contents p {display: block; vertical-align: middle;} .reading_chart table tr td[colspan] {text-align:left;} .reading_chart table tr td.contents {padding: 0 0 30px;} .reading_chart table tr td.contents img { font-size:0px; max-width:100%; height:auto !important; } /* .reading_chart table tr td label{display:inline-block;width:0;height:0;font-size:0;color:transparent;line-height:0} */ .reading_chart table tr td input[type='text']{width:80%;height:21px;padding:1px 3px;border:1px solid #e5e5e5;line-height:21px} .reading_chart table tr td textarea{width:99%;height:245px;border:1px solid #e5e5e5} .reading_chart table tr td span{margin-left: 10px;margin-bottom: 0px;} .reading_chart table tr td form span {font-size: 11px;font-family: sans-serif;letter-spacing: -1px;display: inline-block;} .reading_chart table tr td span:first-child{margin-left:0;} .reading_chart table tr th .icon_new{display:inline-block;width:12px;height:11px;margin-left:5px;background:url('../images/board/icon_new.png') left center no-repeat;vertical-align:middle} .reading_chart table tr td .icon_hangeul{display:inline-block;width:20px;height:20px;background:url('../images/board/icon_m_hangeul.png') no-repeat;vertical-align:middle} .reading_chart table tr td .icon_pdf{display:inline-block;width:20px;height:20px;background:url('../images/board/icon_m_pdf.png') no-repeat;vertical-align:middle} .reading_chart table tr td .icon_excel{display:inline-block;width:20px;height:20px;background:url('../images/board/icon_m_excel.png') no-repeat;vertical-align:middle} .reading_chart table tr td .icon_image{display:inline-block;width: 17px;height: 23px;background:url('../images/board/icon_m_image.png') no-repeat;vertical-align:middle;} .reading_chart table tr td .icon_folder{display:inline-block;width:20px;height:20px;background:url('../images/board/icon_m_folder.png') no-repeat;vertical-align:middle} .reading_chart table tr td .icon_zip{display:inline-block;width:20px;height:20px;background:url('../images/board/icon_m_zip.png') no-repeat;vertical-align:middle} .reading_chart table tr td .amount{color:#a1a1a1;font-style:normal} .reading_chart table tr td a {color:#000;} .reading_chart table tr td a:hover{color:#757575;} @media only screen and (max-width:320px) { .reading_chart table tr td form span { float: left;} } .nextpage{position:relative;overflow:hidden;margin-top:40px;border-top:1px solid #d9d9d9} .nextpage ul li{border-bottom:1px solid #d9d9d9;line-height:43px} .nextpage ul li span{display:inline-block;width:20%;margin-right:20px;background:#fbfbfb;border-right:1px solid #d9d9d9;color:#464646;text-align:center} .nextpage ul li span .up{display:inline-block;width:8px;height:6px;margin-right:5px;background:url('../images/board/icon_pageUp.png') left center no-repeat} .nextpage ul li span .down{display:inline-block;width:8px;height:6px;margin-right:5px;background:url('../images/board/icon_pageDown.png') left center no-repeat} .nextpage ul li a{color:#666} .nextpage ul li a:hover{text-decoration:underline} /* btns */ .btns{position:relative;overflow:hidden;width:100%;margin-top:15px} .btns > p{text-align:center} .btns > p.C{float:left;width:65%;text-align:center} .btns ul li{float:left} .btns ul li.C{float:none;display:inline-block} .btns ul li.R{float:right} .btns ul li.R a{margin-left:5px} .btns ul li.R a:first-child{margin-left:0} .btn_registration, .btn_ok{display:inline-block;min-width:80px;height:30px;padding:0 10px;border:1px solid #444f62;background:#444f62;line-height:30px;color:#fff;text-align:center} .btn_list{font-size: 14px;display:inline-block;min-width:80px;height:30px;padding:0 10px;border:1px solid #5e626e;background:#5e626e;line-height:30px;color:#fff;text-align:center;} .likeBtn { width:80px; display: inline-block; height: 30px; padding: 0 0 0 10px; text-indent:13px; text-align: center; line-height: 30px; border: 1px solid #3b9c00; color: #fff; background: #3b9c00 url(/web/resources/images/sub/datailBtn02Bg.png) -20px center no-repeat;} .btn_edit{display:inline-block;min-width:80px;height:30px;padding:0 10px;border:1px solid #b3b9c7;background:#b3b9c7;color:#fff;line-height:30px;text-align:center} .btn_delete, .btn_cancel{display:inline-block;min-width:80px;height:30px;padding:0 10px;border:1px solid #b3b9c7;background:#f9f9f9;color:#5b5f6b;line-height:30px;text-align:center} .btn_recommend{display:inline-block;width:40px;height:30px;padding-left:25px;border:1px solid #d9d9d9;background:url('../images/board/btn_recommend.png') 13px center no-repeat;font-family:'dotum';font-size:12px;color:#575757;line-height:30px;text-align:center} .btn_nonrecommended{display:inline-block;width:40px;height:30px;padding-left:25px;border:1px solid #d9d9d9;background:url('../images/board/btn_nonrecommended.png') 13px center no-repeat;font-family:'dotum';font-size:12px;color:#575757;line-height:30px;text-align:center} .btn_sinmungoApplication, .btn_sinmungoOkay{display:inline-block;min-width:150px;height:40px;padding:0 10px;border:1px solid #dbdbdb;background:#f8f8fb;color:#8d90a1;line-height:40px;text-align:center} .btn_sinmungoApplication em, .btn_sinmungoOkay em{display:inline-block;width:8px;height:9px;margin-left:40px;background:url('../images/content/sinmungo_arrow.png') left center} .btn_participation{display:inline-block;width:130px;height:45px;background:#444f62;font-size:16px;color:#fff;line-height:45px;text-align:center} .btn_cancel2{display:inline-block;width:130px;height:45px;background:#8d90a1;font-size:16px;color:#fff;line-height:45px;text-align:center} .btn_offerCheck{display:inline-block;margin:0 auto;min-width:120px;height:40px;background:#f60; font-size:16px;color:#fff;text-align:center;line-height:40px} .btn_offer{display:inline-block;margin:0 auto;min-width:120px;height:40px;background:#444f62; font-size:16px;color:#fff;text-align:center;line-height:40px} .btn_reportgoods{display:inline-block;margin:0 auto;min-width:120px;height:40px;padding:0 10px;border:1px solid #b3b9c7;background:#b3b9c7; font-size:16px;color:#fff;line-height:38px;text-align:center;line-height:40px} .btn_culturerequest{display:block;width:210px;height:40px;background:#353b49; font-size:15px;color:#fff;text-align:center;line-height:40px} .btn_culturerequest2{display:inline-block;width:210px;height:40px;background:#353b49; font-size:15px;color:#fff;text-align:center;line-height:40px} .btn_culturerequest em{display:inline-block;width:10px;height:15px;margin-left:20px;background:url('../images/content/culture_arrow.png') left center;vertical-align:middle} .btn_online{cursor:pointer;display:inline-block;min-width:80px;height:24px;border:none;background:#5e626e; font-size:13px;color:#fff;text-align:center;line-height:24px} /* ����������� ���� */ .calendarForm{position:relative;overflow:hidden;width:100%;margin-top:20px} .calendarForm table{width:100%;border-top:2px solid #ff7c2c;border-collapse:collapse} .calendarForm table tr th, .calendarForm table tr td{padding:8px;border-left:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5; font-size:16px;color:#757575} .calendarForm table tr th:first-child, .calendarForm table tr td:first-child{border-left:none} .calendarForm table tr th{background:#f9f9f9;font-size:17px} .calendarForm table tr td{height:120px;vertical-align:top} .calendarForm table tr .sat{color:#619ddc !important} .calendarForm table tr .sun{color:#e84c4c !important} .calendarForm table tr td em{font-style:normal} .calendarForm table tr td div{margin-top:5px} .calendarForm table tr td div:first-child{margin-top:0} .calendarForm table tr td div .booking{padding:5px;border-radius:3px;background:#ff8b43;font-size:13px;color:#fff;text-align:center;line-height:18px} .calendarSelect{position:relative;overflow:hidden;width:100%;text-align:center} .calendarSelect > p{margin-bottom:40px; font-size:25px;color:#000;text-align:center} .calendarSelect a.btn_yearPrev{display:inline-block;width:30px;height:30px;background:url('../images/board/btn_yearPrev.png') no-repeat;vertical-align:middle} .calendarSelect a.btn_monthPrev{display:inline-block;width:30px;height:30px;background:url('../images/board/btn_monthPrev.png') no-repeat;vertical-align:middle} .calendarSelect a:hover.btn_yearPrev{background:url('../images/board/btn_yearPrev_on.png') no-repeat;vertical-align:middle} .calendarSelect a:hover.btn_monthPrev{background:url('../images/board/btn_monthPrev_on.png') no-repeat;vertical-align:middle} .calendarSelect a.btn_yearNext{display:inline-block;width:30px;height:30px;background:url('../images/board/btn_yearNext.png') no-repeat;vertical-align:middle} .calendarSelect a.btn_monthNext{display:inline-block;width:30px;height:30px;background:url('../images/board/btn_monthNext.png') no-repeat;vertical-align:middle} .calendarSelect a:hover.btn_yearNext{background:url('../images/board/btn_yearNext_on.png') no-repeat;vertical-align:middle} .calendarSelect a:hover.btn_monthNext{background:url('../images/board/btn_monthNext_on.png') no-repeat;vertical-align:middle} .calendarSelect p > span{margin:0 20px} .calendarSelect ul{overflow:hidden;margin-bottom:10px} .calendarSelect ul li{float:left; color:#757575} .calendarSelect ul li .today{display:block;min-width:80px;height:26px;padding:1px 3px;border:1px solid #d2d2d2;line-height:26px;text-align:center} .calendarSelect ul li.R{float:right} .calendarSelect ul li.R select{height:30px;padding:1px 3px;border:1px solid #d2d2d2} @media only screen and (max-width:1024px){ .btns > p.C{float:left;width:55%;text-align:center} .galleryChart ul li{float:left;width:23.5%;margin-left:1.5%;border:1px solid #dbdbdb;text-align:center} .galleryChart ul li:first-child{margin-left:0} .galleryChart ul li p img{width:100%} .galleryChart ul li dl{overflow:hidden;color:#6b6b6b} .galleryChart ul li dl dd{/* padding:8px 8px; */text-align:left;} .galleryChart ul li dl dd p span{float:none;width:auto} .galleryReding_Chart ul li.L img{width:100%;height:auto} } @media only screen and (max-width:768px){ /* ����������� ���� */ .calendarForm{position:relative;overflow:hidden;width:100%} .calendarForm table{width:100%;border-bottom:1px solid #e5e5e5;border-collapse:collapse} .calendarForm table tr th, .calendarForm table tr td{padding:8px;border:none;border-top:1px solid #e5e5e5; font-size:16px;color:#757575} .calendarForm table tr th{display:none} .calendarForm table tr td.blank{display:none} .calendarForm table tr td{display:block;position:relative;height:auto;min-height:30px;vertical-align:middle} .calendarForm table tr td em{position:absolute;left:0;top:0;width:60px;height:100%;padding:10px 0;background:#f9f9f9;text-align:center} .calendarForm table tr td div{position:relative;left:65px;display:inline-block;margin-top:5px} .calendarForm table tr td div .booking{padding:5px;border-radius:3px;background:#ff8b43;font-size:13px;color:#fff;text-align:center;line-height:18px} .calendarForm table tr td div .booking span{display:block} .searchForm ul li{float:left; color:#464646;line-height:30px} .searchForm ul li strong{color:#f60;font-weight:normal} .searchForm ul li.R{float:right} .searchForm ul li.R select{min-width:75px; border:1px solid #d2d2d2; } .searchForm ul li.R input[type='text']{border-radius: 2px;width:42.5%;padding:1px 3px;border:1px solid #d2d2d2;} .searchForm ul li.R input[type='submit']{cursor: pointer;border: none;width: 80px;height: 30px;background: #45a494;color: #fff;} .gallerySearchForm input[type='text']{width:45%;height:26px;margin-left:10px;padding:1px 3px;border:1px solid #d2d2d2;line-height:26px} .chart table thead tr th { display:none} .reading_chart table tr th { border-left: 0px solid #d9d9d9;} .reading_chart table tr th.title { border-left: 0px solid #d9d9d9; border-right: 0px solid #d9d9d9;} .reading_chart table tr td[colspan] { border-left: 0px solid #d9d9d9;} .nextpage ul li { border-left: 0 !important; border-right: 0 !important; } .chart table tbody tr{border-bottom:1px solid #d9d9d9; text-align:right; } .chart table tbody tr.noti{width:100%;border-top:2px solid #464646;background:#f7f7f7} /*20160727 이선덕 보도자료 문제 display !important 추가, tbody - td 사이에 tr추가*/ .chart table tbody tr td {border:0;text-align: center;white-space: nowrap;} .chart table tbody tr td.num, .chart table tbody tr td.reg_name, .chart table tbody tr td.hits { display:none} .chart table tbody tr td.category {width:10%; } .chart table tbody tr td.title { width:70%;} .chart table tbody tr td.title a {color:#333;} .chart table tbody tr td.attach {width:5%; text-align:center} .chart table tbody tr td.reg_dt {width:12%; text-align:right; white-space:nowrap} .chart table tbody tr td.no-post{display:block;padding:15px 0;border-top:none !important;color:#666;text-align:center} .chart table td.videoChart, .chart table td.webzineGallery, .chart table td.notice {display:block; padding:10px; text-align:left; } .chart table td.reg_dt, .chart table td.reg_name, .chart table td.reg_name.hits {font-size:12px; color:#666; margin:5px 0 10px; padding:0 7px; line-height:100%; } .chart table tr td a.icon_hangeul{display:inline-block;width:20px;height:20px;background:url('../images/board/icon_m_hangeul.png') no-repeat;vertical-align:middle} .chart table tr td a.icon_pdf{display:inline-block;width:20px;height:20px;background:url('../images/board/icon_m_pdf.png') no-repeat;vertical-align:middle} .chart table tr td a.icon_excel{display:inline-block;width:20px;height:20px;background:url('../images/board/icon_m_excel.png') no-repeat;vertical-align:middle} .chart table tr td a.icon_image{display:inline-block;width:20px;height:20px;background:url('../images/board/icon_m_image.png') no-repeat;vertical-align:middle} .chart table tr td a.icon_folder{display:inline-block;width:20px;height:20px;background:url('../images/board/icon_m_folder.png') no-repeat;vertical-align:middle} .chart table tr td a.icon_zip{display:inline-block;width:20px;height:20px;background:url('../images/board/icon_m_zip.png') no-repeat;vertical-align:middle} .chart.culture table tbody tr td { border:0; display:block; text-align:center; } .chart.culture table tbody tr td.num { display:none; } .chart.culture table tbody tr td.duration, .chart.culture table tbody tr td.place, .chart.culture table tbody tr td.team { text-align:right; font-size:12px; color:#ccc; margin:5px 0 10px; padding:0 7px; line-height:100%; } .chart.culture table tbody tr td.duration:before, .chart.culture table tbody tr td.place:before, .chart.culture table tbody tr td.team:before { font-size:12px; color:#ccc; display:inline-block; line-height:100%; padding-right:7px; margin-right:7px; border-right:1px solid #ddd } .chart.culture table tbody tr td.duration:before { content:'기간'; } .chart.culture table tbody tr td.place:before { content:'해당역'; } .chart.culture table tbody tr td.team:before { content:'주최'; } .chart.preopen table tbody tr { position:relative; display:block; } .chart.preopen table tbody tr td { border:0; display:block; text-align:center; } .chart.preopen table tbody tr td.func { float:right; display:inline-block; color:white; padding:5px 7px; right:0; top:0; background-color:#ccc; font-size:12px; } .chart.preopen table tbody tr td.open-list, .chart.preopen table tbody tr td.subject { font-size:14px; text-align:left; } .chart.preopen table tbody tr td.open-list { line-height:34px; color:#ccc; padding:0; font-size:12px; } .chart.preopen table tbody tr td.loop, .chart.preopen table tbody tr td.time, .chart.preopen table tbody tr td.dept { letter-spacing:-0.5px; display:inline-block; font-size:12px; color:#666; margin:5px 0 10px; padding:0 7px; line-height:100%; border-right:1px solid #ddd; } .chart.preopen table tbody tr td.loop:before, .chart.preopen table tbody tr td.time:before, .chart.preopen table tbody tr td.dept:before { font-size:12px; color:#ccc; display:inline-block; line-height:100%; padding-right:7px; } .chart.preopen table tbody tr td.loop:before { content:'주기' } .chart.preopen table tbody tr td.time:before { content:'시기' } .chart.preopen table tbody tr td.dept:before { content:'소관부서' } .chart.preopen table tbody tr td.link { display:block; font-size:12px; margin:5px 0 10px; padding:0 7px; line-height:100%; text-align:right; } .chart.preopen table tbody tr td.link a { color:#FF6600; letter-spacing:-0.5px } .write_chart table tr td > p.etc{display:block;margin-top:5px} .write_chart table tr td input[type='text']{width:65%;height:21px;padding:1px 3px;border:1px solid #e5e5e5;line-height:21px} .write_chart table tr td input.w40{width:40%;height:26px;padding:1px 3px;border:1px solid #d2d2d2;line-height:26px} .write_chart table tr td input.num{width:40px;height:26px;padding:1px 3px;border:1px solid #d2d2d2;line-height:26px} .write_chart table tr td input[type='file']{width:95%} .write_chart table tr td textarea{width:95%;height:auto;border:1px solid #e5e5e5} .btns > p.C{float:left;width:45%;text-align:center} .comment > dl dd{float:right;width:90%;border:1px solid #d3d6db} .galleryChart ul li{float:left;width:47.2%;margin:1%;border:1px solid #dbdbdb;text-align:center} .galleryChart ul li:nth-child(4n+1){margin:1%} .videoChart ul{display:inline} .videoChart ul li{float:left;width:47%;margin:1%;border:1px solid #dbdbdb;text-align:center} .videoChart ul li:first-child{margin:1%} .webzineGallery ul li.L{ width:30%; margin-right:20px; } .webzineGallery ul li.L img{width:100%;height:auto} .webzineGallery ul li.R{float:right;width:65%} } @media only screen and (max-width:640px){ .btns > p.C{float:left;width:40%;text-align:center} .searchForm ul li{float:none;width:100%; color:#464646;line-height:30px} .searchForm ul li strong{color:#f60;font-weight:normal} .searchForm ul li.R{float:none;width:auto;padding:10px;/* border-bottom:1px solid #ddd; */} /*.searchForm ul li.R select{min-width:auto;height:30px;padding:1px 3px;border:1px solid #d2d2d2}*/ .searchForm ul li.R select { display:none; } .searchForm ul li.R input[type='text']{width:70%;height:26px;padding:1px 3px;border:1px solid #d2d2d2;line-height:26px} .searchForm ul li.R input[type='submit']{float:right;cursor: pointer;border: none;width: 60px;height: 30px;background: #45a494;color: #fff;line-height: 25px;} .chart table tr th { white-space:nowrap} /*.chart table tr th:nth-child(4), .chart table tr th:nth-child(6) { display:none} .chart table tr td:nth-child(1) { width:55px; text-align:center; padding:0 6px; white-space:nowrap} .chart table tr td:nth-child(2) { max-width:550px; width:90%; font-size:16px; color:#333} .chart table tr td:nth-child(3) { max-width:50px} .chart table tr td:nth-child(5) { white-space:nowrap} .chart table tr td:nth-child(4), .chart table tr td:nth-child(6) { display:none} */ .videoChart{padding:0 !important} .videoChart ul{display:block} .videoChart ul li{float:left;width:99%;margin:20px 0 0;border:1px solid #dbdbdb;text-align:center} .videoChart ul li:first-child{margin:20px 0 0} .videoChart ul li p img{width:100%} } @media only screen and (max-width: 568px){ .gallerySearchForm input[type='text']{width:35%;height:26px;margin-left:10px;padding:1px 3px;border:1px solid #d2d2d2;line-height:26px} .reading_chart table col { display:block; } .reading_chart table tr td, .reading_chart table tr td[colspan] {border:0;padding: 5px 0px 5px 6px;} .reading_chart table tr td:last-child:after { display:none; } .reading_chart table tr td.contents { padding:15px 0; margin:0; color:#666; letter-spacing:0; } .reading_chart table tr {} .reading_chart table tr td .dt, .reading_chart table tr td .down-cnt, .reading_chart table tr td .size { display:none; } .chart table tbody tr td.num, .chart table tbody tr td.reg_name, .chart table tbody tr td.hits, .chart table tbody tr td.category, .chart table tbody tr td.attach, .chart table tbody tr td.reg_dt { display:none} .chart table tbody tr td.title { width:100%} .btns > p.C{float:left;width:32%;text-align:center} .comment > dl dt{display:none} .comment > dl dt img{width:48px;height:48px} .comment > dl dd{float:none;width:99.5%;border:1px solid #d3d6db} .comment > dl dd > ul li.R .btn_login{padding:5px 10px;border:1px solid #9ca8c1;background:#a1afcc;color:#fff;text-align:center} .userProfile{position:relative;overflow:hidden;width:100%;margin-top:20px} .userProfile ul{overflow:hidden;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #d9d9d9} .userProfile ul:first-child{padding-top:10px;border-top:1px solid #d9d9d9} .userProfile ul li dl dt{margin-bottom:5px;line-height:18px} .userProfile ul li dl dt strong{display:block;margin-right:0;margin-bottom:5px} .userProfile ul li dl dd{font-family:'dotum';font-size:12px;line-height:20px} .galleryReding_Chart ul li.L{width:100%} .galleryReding_Chart ul li.L img{width:100%;height:auto} .galleryReding_Chart ul li.R{float:none;overflow:hidden;width:100%} .galleryReding_Chart ul li.R p{margin-top:15px;margin-bottom:10px; font-size:15px;color:#6b6b6b} .faq dl dd > ul{float:left;width:80%} .btn_reportgoods{clear:both;display:inline-block;margin:0 auto;min-width:120px;height:40px;margin-top:10px;padding:0 10px;border:1px solid #b3b9c7;background:#b3b9c7; font-size:16px;color:#fff;line-height:38px;text-align:center;line-height:40px} } @media only screen and (max-width:480px){ .gallerySearchForm p span{clear:both;display:block;margin-top:5px} .btn_culturerequest{display:block;margin:0 auto;width:210px;height:40px;background:#353b49; font-size:15px;color:#fff;text-align:center;line-height:40px} .btn_culturerequest2{display:inline-block;margin:0 auto;width:210px;height:40px;background:#353b49; font-size:15px;color:#fff;text-align:center;line-height:40px} .btn_registration, .btn_list{min-width:60px} .btn_edit{min-width:60px} .btn_delete, .btn_cancel{min-width:60px} .btns > p.C{float:left;clear:both;display:block;width:100%;margin-top:10px;text-align:left} .officialTab{position:relative;overflow:hidden;width:100%;margin-top:15px} .officialTab ul.subtabs{position:relative;overflow:hidden;border:none} .officialTab ul.subtabs li{float:left;position:relative;overflow:hidden;width:48.5%;margin:1px;padding:0;border:1px solid #dbdddb !important} .officialTab ul.subtabs li:first-child{border-left:1px solid #dbdbdb} .officialTab ul.subtabs li a{display:block;padding:10px 0;font-size:15px;color:#6b6b6b;text-align:center} .officialTab ul.subtabs li .officialTab_icon01{padding-top:10px;background:#fff} .officialTab ul.subtabs li .officialTab_icon02{padding-top:10px;background:#fff} .officialTab ul.subtabs li .officialTab_icon03{padding-top:10px;background:#fff} .officialTab ul.subtabs li .officialTab_icon04{padding-top:10px;background:#fff} .officialTab ul.subtabs li .officialTab_icon05{padding-top:10px;background:#fff} .officialTab ul.subtabs li .officialTab_icon06{padding-top:10px;background:#fff} .officialTab ul.subtabs li .officialTab_icon07{padding-top:10px;background:#fff} .officialTab ul.subtabs li .officialTab_icon08{padding-top:10px;background:#fff} .officialTab ul.subtabs li a:hover.officialTab_icon01, .officialTab ul.subtabs li.active a.officialTab_icon01{background:#ff8600;color:#fff} .officialTab ul.subtabs li a:hover.officialTab_icon02, .officialTab ul.subtabs li.active a.officialTab_icon02{background:#ff8600;color:#fff} .officialTab ul.subtabs li a:hover.officialTab_icon03, .officialTab ul.subtabs li.active a.officialTab_icon03{background:#ff8600;color:#fff} .officialTab ul.subtabs li a:hover.officialTab_icon04, .officialTab ul.subtabs li.active a.officialTab_icon04{background:#ff8600;color:#fff} .officialTab ul.subtabs li a:hover.officialTab_icon05, .officialTab ul.subtabs li.active a.officialTab_icon05{background:#ff8600;color:#fff} .officialTab ul.subtabs li a:hover.officialTab_icon06, .officialTab ul.subtabs li.active a.officialTab_icon06{background:#ff8600;color:#fff} .officialTab ul.subtabs li a:hover.officialTab_icon07, .officialTab ul.subtabs li.active a.officialTab_icon07{background:#ff8600;color:#fff} .officialTab ul.subtabs li a:hover.officialTab_icon08, .officialTab ul.subtabs li.active a.officialTab_icon08{background:#ff8600;color:#fff} .officialTab .tab_container{clear:both;margin:0 auto;position:relative;width:100%} .faq dl dt p{overflow:hidden;width:70%;white-space:normal;padding-top:5px;text-overflow:ellipsis} .faq dl dt p > span { display:block; } .webzineGallery ul li.L{width:100%; float:none; margin-right:0;} .webzineGallery ul li.L img{width:100%;height:auto} .webzineGallery ul li.R{width:100%} .webzineGallery ul li.R > dl > dt{margin-top:10px;margin-bottom:10px; font-size:17px;color:#555} .webzineGallery ul li.R > p { text-align:right; } /* .write_chart table tr td span.placeChoice{display:inline-block;width:49%;margin:5px 0 0} .write_chart table tr td { display:block; margin:3px 0 ; padding:0 15px; } .write_chart table tfoot tr td { padding:10px 15px; } .write_chart table tr td.th { background-color:#ddd; color:white; border-radius:5px; text-align:left !important; } .write_chart table tr td.td { border:0; } */ } @media only screen and (max-width:420px){ .write_chart table tr td input[type='text'].long{width:90%} .galleryChart ul li{float:left;width:97.2%;margin:20px 1% 0;border:1px solid #dbdbdb;text-align:center} .galleryChart ul li:first-child{margin:0 1%} .galleryChart ul li p img{width:100%;height:100%} } @media only screen and (max-width:360px){ .write_chart table tr td input[type='text'].full{width:60%} .comment > dl dd > ul li.R{clear:both;float:none;display:block;width:100%;margin-top:5px} .calnedarSelect ul li{float:none;display:block;width:100%; color:#757575} .calnedarSelect ul li .today{display:inline-block;min-width:80px;height:26px;margin-bottom:10px;padding:1px 3px;border:1px solid #d2d2d2;line-height:26px;text-align:center} .calnedarSelect ul li.R{float:none;width:100%} .searchForm ul li.R input[type='text']{width:70%;height:26px;padding:1px 3px;border:1px solid #d2d2d2;line-height:26px} table td.title.subject a {display: inline-block;width: 185px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;} } .nextpage{/* border-left: 1px solid #d9d9d9; *//* border-right: 1px solid #d9d9d9; */position:relative;overflow:hidden;margin-top:40px;border-top:1px solid #d9d9d9;} .nextpage ul li{ border-left: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9; border-bottom:1px solid #d9d9d9;line-height:43px} .nextpage ul li span{display:inline-block;width: 24%;margin-right:20px;background:#fbfbfb;border-right:1px solid #d9d9d9;color:#464646;text-align:center;} .nextpage ul li span .up{display:inline-block;width:8px;height:6px;margin-right:5px;background:url('../images/board/icon_pageUp.png') left center no-repeat} .nextpage ul li span .down{display:inline-block;width:8px;height:6px;margin-right: -7px;background:url('../images/board/icon_pageDown.png') left center no-repeat;} .nextpage ul li a{color:#666} .nextpage ul li a:hover{text-decoration:underline} @media only screen and (max-width:375px){ .nextpage ul li a { line-height: 1; width: 170px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;} } /* btns */ .btns{position:relative;overflow:hidden;width:100%;margin-top:15px} .btns > p{text-align:center} .btns > p.C{float:left;width:65%;text-align:center} .btns ul li{float:left} .btns ul li.C{float:none;display:inline-block} .btns ul li.R{float:right} .btns ul li.R a{margin-left:5px} .btns ul li.R a:first-child{margin-left:0} .btn_registration, .btn_ok{display:inline-block;min-width:80px;height:30px;padding:0 10px;border:1px solid #444f62;background:#444f62;line-height:30px;color:#fff;text-align:center} .likeBtn { width:80px; display: inline-block; height: 30px; padding: 0 0 0 10px; text-indent:13px; text-align: center; line-height: 30px; border: 1px solid #3b9c00; color: #fff; background: #3b9c00 url(/web/resources/images/sub/datailBtn02Bg.png) -20px center no-repeat;} .btn_list{display:inline-block;min-width:80px;height:30px;padding:0 10px;border: 1px solid #45a494;background: #45a494;line-height:30px;color:#fff;text-align:center;border-radius:3px;border: 0;} .btn_edit{display:inline-block;min-width:80px;height:30px;padding:0 10px;border: 1px solid #45a494;background: #45a494;color:#fff;line-height:30px;text-align:center;} .btn_delete, .btn_cancel{display:inline-block;min-width:80px;height:30px;padding:0 10px;border: 1px solid #45a494;background: #45a494; color:#fff;line-height:30px;text-align:center} .btn_recommend{display:inline-block;width:40px;height:30px;padding-left:25px;border:1px solid #d9d9d9;background:url('../images/board/btn_recommend.png') 13px center no-repeat;font-family:'dotum';font-size:12px;color:#575757;line-height:30px;text-align:center} .btn_nonrecommended{display:inline-block;width:40px;height:30px;padding-left:25px;border:1px solid #d9d9d9;background:url('../images/board/btn_nonrecommended.png') 13px center no-repeat;font-family:'dotum';font-size:12px;color:#575757;line-height:30px;text-align:center} .btn_sinmungoApplication, .btn_sinmungoOkay{display:inline-block;min-width:150px;height:40px;padding:0 10px;border:1px solid #dbdbdb;background:#f8f8fb;color:#8d90a1;line-height:40px;text-align:center} .btn_sinmungoApplication em, .btn_sinmungoOkay em{display:inline-block;width:8px;height:9px;margin-left:40px;background:url('../images/content/sinmungo_arrow.png') left center} .btn_participation{display:inline-block;width:130px;height:45px;background:#444f62;font-size:16px;color:#fff;line-height:45px;text-align:center} .btn_cancel2{display:inline-block;width:130px;height:45px;background:#8d90a1;font-size:16px;color:#fff;line-height:45px;text-align:center} .btn_offerCheck{display:inline-block;margin:0 auto;min-width:120px;height:40px;background:#f60; font-size:16px;color:#fff;text-align:center;line-height:40px} .btn_offer{display:inline-block;margin:0 auto;min-width:120px;height:40px;background:#444f62; font-size:16px;color:#fff;text-align:center;line-height:40px} .btn_reportgoods{display:inline-block;margin:0 auto;min-width:120px;height:40px;padding:0 10px;border:1px solid #b3b9c7;background:#b3b9c7; font-size:16px;color:#fff;line-height:38px;text-align:center;line-height:40px} .btn_culturerequest{display:block;width:210px;height:40px;background:#353b49; font-size:15px;color:#fff;text-align:center;line-height:40px} .btn_culturerequest2{display:inline-block;width:210px;height:40px;background:#353b49; font-size:15px;color:#fff;text-align:center;line-height:40px} .btn_culturerequest em{display:inline-block;width:10px;height:15px;margin-left:20px;background:url('../images/content/culture_arrow.png') left center;vertical-align:middle} .btn_online{cursor:pointer;display:inline-block;min-width:80px;height:24px;border:none;background:#5e626e; font-size:13px;color:#fff;text-align:center;line-height:24px} /* ����������� ���� */ .calendarForm{position:relative;overflow:hidden;width:100%;margin-top:20px} .calendarForm table{width:100%;border-top:2px solid #ff7c2c;border-collapse:collapse} .calendarForm table tr th, .calendarForm table tr td{padding:8px;border-left:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5; font-size:16px;color:#757575} .calendarForm table tr th:first-child, .calendarForm table tr td:first-child{border-left:none} .calendarForm table tr th{background:#f9f9f9;font-size:17px} .calendarForm table tr td{height:120px;vertical-align:top} .calendarForm table tr .sat{color:#619ddc !important} .calendarForm table tr .sun{color:#e84c4c !important} .calendarForm table tr td em{font-style:normal} .calendarForm table tr td div{margin-top:5px} .calendarForm table tr td div:first-child{margin-top:0} .calendarForm table tr td div .booking{padding:5px;border-radius:3px;background:#ff8b43;font-size:13px;color:#fff;text-align:center;line-height:18px} .calendarSelect{position:relative;overflow:hidden;width:100%;text-align:center} .calendarSelect > p{margin-bottom:40px; font-size:25px;color:#000;text-align:center} .calendarSelect a.btn_yearPrev{display:inline-block;width:30px;height:30px;background:url('../images/board/btn_yearPrev.png') no-repeat;vertical-align:middle} .calendarSelect a.btn_monthPrev{display:inline-block;width:30px;height:30px;background:url('../images/board/btn_monthPrev.png') no-repeat;vertical-align:middle} .calendarSelect a:hover.btn_yearPrev{background:url('../images/board/btn_yearPrev_on.png') no-repeat;vertical-align:middle} .calendarSelect a:hover.btn_monthPrev{background:url('../images/board/btn_monthPrev_on.png') no-repeat;vertical-align:middle} .calendarSelect a.btn_yearNext{display:inline-block;width:30px;height:30px;background:url('../images/board/btn_yearNext.png') no-repeat;vertical-align:middle} .calendarSelect a.btn_monthNext{display:inline-block;width:30px;height:30px;background:url('../images/board/btn_monthNext.png') no-repeat;vertical-align:middle} .calendarSelect a:hover.btn_yearNext{background:url('../images/board/btn_yearNext_on.png') no-repeat;vertical-align:middle} .calendarSelect a:hover.btn_monthNext{background:url('../images/board/btn_monthNext_on.png') no-repeat;vertical-align:middle} .calendarSelect p > span{margin:0 20px} .calendarSelect ul{overflow:hidden;margin-bottom:10px} .calendarSelect ul li{float:left; color:#757575} .calendarSelect ul li .today{display:block;min-width:80px;height:26px;padding:1px 3px;border:1px solid #d2d2d2;line-height:26px;text-align:center} .calendarSelect ul li.R{float:right} .calendarSelect ul li.R select{height:30px;padding:1px 3px;border:1px solid #d2d2d2} /* comment */ /* 개발쪽css */ .content .view h4.comment-count, .content .view h4.reply-count { font-size:14px; font-weight:bold; line-height:30px; } .board .accent {color: #757575;} .comment, .reply {position:relative;overflow:hidden;width:100%;margin-top:60px} .comment > p{position:relative;overflow:hidden;padding:15px;border-top:1px solid #d1d3d4;border-bottom:1px solid #e9eaed} .comment > p strong{float:left; font-size:15px;color:#000} .comment > p span{float:right} .comment > p span select{height:30px;padding:1px 3px;border:1px solid #d2d2d2} .comment dl{overflow:hidden} .comment dl dt{float:left; margin-bottom:5px; } .comment dl dt img{width:48px;height:48px} .comment > dl dd{float:right;width:93%;border:1px solid #d3d6db} .comment > dl dd textarea{width:99%;height:60px;border:none} .comment > dl dd > ul{overflow:hidden;padding:10px;border-top:1px solid #d3d6db;background:#f6f7f8} .comment > dl dd > ul li{float:left} .comment > dl dd > ul li.R{float:right} .comment > dl dd > ul li.R .btn_login{padding:5px 10px;border:1px solid #9ca8c1;background:#a1afcc;color:#fff;text-align:center} .userProfile{position:relative;overflow:hidden;width:100%;margin-top:20px} .userProfile ul{overflow:hidden;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #d9d9d9} .userProfile ul:first-child{padding-top:10px;border-top:1px solid #d9d9d9} .userProfile ul li dl dt strong{margin-right:20px; font-size:15px;color:#3b59a6} .userProfile ul li dl dt span{color:#777} .userProfile ul li dl dd{font-family:'dotum';font-size:12px} .userProfile ul li dl dd > span{clear:both;display:block;font-family:'NanumGothic';font-size:14px;color:#000; line-height:140%;} /*.userProfile ul li dl dd > p a { margin-right:10px;padding-left:5px;background:url('../images/board/comment_bullet.gif') left 5px no-repeat;color:#627aad} */ .userProfile .comment-delete { margin-left:10px } .userProfile p .comment_facebook{padding-left:18px;background:url('../images/board/comment_facebook.png') left center no-repeat;font-family:'dotum';font-size:12px;color:#3b579d} .comment .comment-icon-wrap { overflow:hidden; margin-bottom:5px; } .comment .comment-icon { display:inline-block; width:25px; height:25px; margin-right:5px; font-size:0; background-image:url('/kor/resources/images/comment_login.png'); vertical-align:middle; } .comment .comment-icon-wrap .comment-icon { float:left; display:block; cursor:pointer } .comment .comment-icon.type-C, .comment .comment-icon.type-L { background-position:-1px 26px; } .comment .comment-icon.type-C.on, .comment .comment-icon.type-C:hover, .comment .comment-icon.type-L.on, .comment .comment-icon.type-L:hover { background-position:-31px 26px; } .comment .comment-icon.type-F { background-position:-1px -1px; } .comment .comment-icon.type-F.on, .comment .comment-icon.type-F:hover { background-position:-31px -1px; } .comment .comment-form-area { } .comment .comment-form-area .comment-textarea-wrap { text-align:left; border:1px solid #ccc; } .comment .comment-form-area .comment-textarea-wrap textarea { width:98%; min-height:60px; border:none; padding:5px 1%; line-height:140%; } .comment .comment-form-area .comment-submit-wrap { background-color:#F6F7F8; padding:7px; border-top:1px solid #ccc; text-align:right; } .comment .comment-form-area .comment-submit-wrap span { float:left; line-height:29px; margin-right:5px;} .comment .comment-form-area .comment-submit-wrap button { padding:5px 10px;border:1px solid #9ca8c1;background:#a1afcc;color:#fff;text-align:center} #co_content[disabled] { background-color:#fcfcfc; } #co_content[disabled] + div { display:none; } /* 축제 및 행사 */ .festivalEventsWrap {display: block; padding-bottom: 30px; width: 100%; margin: 30px 0px 0px; overflow: hidden; text-align: center; } .festivalEventsList {margin: auto 0%; text-align: center; overflow: hidden; display: block; margin-top: 20px; padding-bottom: 10px; } .EventsBorderBox {vertical-align: top; float: left; margin-right: 1%; padding: 10px 5px 0px 5px; border: 1px solid #dedede; display: inline-block; width: 31.111%; margin-bottom: 15px; } .EventsBorderBox a {} .EventsBorderBox .EventsPhoto {height: 176px; width: 95%; padding: 5px; outline: 0; margin: 0 auto; display: inline-block; border: 0px solid #ccc; text-align: center;} .EventsBorderBox .EventsPhoto img {width: 100%; height:100%; } .EventsBorderBox .EventsTitle { color: #000; font-size: 20px; display: block; text-align: center; margin: 15px 15px 10px 15px; line-height: 25px; } .EventsBorderBox .festivalEventstit {white-space: pre-line; line-height: 18px; display: inline-block;padding: 5px 0 7px; color: #f39800; font-size: 16px; border-radius: 30px; width: 70%; } .EventsBorderBox .EventsInfortext { line-height: 25px; display: inline-block; font-size: 15px; margin: 25px; color: #555; text-align: left;} .infoBoderLine {border: 1px solid #dedede; display: inline-block; width: 95%;} .viewMore {width: 100%; height: 40px; line-height: 40px; border: 1px solid #dedede; display: inline-block; color: #555; font-size: 16px; margin-top: 20px;} .viewMoreImg { vertical-align: middle; margin-left: 5px;} .summaryWrap { margin:0px; padding:0px !important; border:0px !important; } .summary { position:relative; margin-bottom:50px; } .summary .imgWrap { position:absolute; left:0px; top:0px; width:700px; height:360px; border:1px solid #ddd; } .summary .imgWrap img { width:100%; height:100%; } .summary .textWrap { padding-left:730px; } .summary .textWrap table { border-top:1px solid #b2b2b2; } .summary .textWrap th { padding:14px 8px; border:0; border-bottom:1px solid #b2b2b2; background:none; width:100px; } .summary .textWrap th span { display:inline-block; width:40px; } .summary .textWrap td { border:0; border-bottom:1px solid #b2b2b2; font-size:18px; color:#575757; text-align:left; } @media only screen and (max-width:600px) { #bbstour_review .imgWrap { float:none; display:block; width:100%; height:auto; margin-bottom:15px} #bbstour_review .contentsWrap.subConWrap {padding:50px 10px;} #bbstour_review .contentsWrap .location, #bbstour_review .contentsWrap .location a, #bbstour_review .contentsWrap .dateName { float:none; display:block;} #bbstour_review .contentsWrap .info li:first-child u { display:none} } /* paging */ .mobPaging{display:none} .paging{position:relative;overflow:hidden;width:100%;margin-top:45px;text-align:center} .paging span{margin-left:10px} .paging span:first-child{margin-right:10px} .paging em{font-style:normal} .paging a{background: #fff;display:inline-block;min-width:29px;height:29px;margin: 0px 1px;padding: 0px 1px;border:1px solid #d9d9d9;font-size:13px;color: #777;font-weight:normal!important;line-height:29px;vertical-align:middle;} .paging a.btn_start{width:29px;height:29px;background:url('../images/board/btn_start.png') center center no-repeat} .paging a.btn_prev{width:29px;height:29px;background:url('../images/board/btn_prev.png') center center no-repeat} .paging a.btn_next{width:29px;height:29px;background:url('../images/board/btn_next.png') center center no-repeat} .paging a.btn_end{width:29px;height:29px;background:url('../images/board/btn_end.png') center center no-repeat} .paging a:hover{border:1px solid #8d90a1;color:#8d90a1 !important} .paging a.this{border:1px solid #8d90a1;background: #777777;color:#fff !important;} /* paging */ .mobPaging{display:none} .sub_paging{position:relative;overflow:hidden;width:100%;margin-top:45px;text-align:center} .sub_paging span{margin-left:10px} .sub_paging span:first-child{margin-right:10px} .sub_paging em{font-style:normal} .sub_paging a{/* background: #fff; */display:inline-block;min-width: 19px;line-height: 22px;padding: 0px 2px;/* border:1px solid #d9d9d9; */font-size:13px;color: #777;font-weight:normal!important;vertical-align:middle;margin: 0 2px;} .sub_paging a.btn_start{width: 19px;height: 17px;background:url('../images/board/sub_btn_start.png') center center no-repeat;} .sub_paging a.btn_prev{width: 19px;height: 17px;background:url('../images/board/sub_btn_prev.png') center center no-repeat;} .sub_paging a.btn_next{width: 19px;height: 17px;background:url('../images/board/sub_btn_next.png') center center no-repeat;} .sub_paging a.btn_end{width: 19px;height: 17px;background:url('../images/board/sub_btn_end.png') center center no-repeat;} .sub_paging a:hover{/* border:1px solid #8d90a1; */color:#8d90a1 !important;} .sub_paging a.this{/* border:1px solid #8d90a1; */background: #7ac2ba;color:#fff !important;} .system-button {background-color:white;color: #676767;padding: 5px 20px 6px;cursor: pointer;border: 1px solid #999;line-height: 100%;font-size: 13px;border-radius:3px;display:inline-block;} .system-button.no-cursor { cursor:default; } .system-button.fix { width:75px; padding-left:0 !important; padding-right:0 !important; text-align:center; } .system-button.full { width:100%; } .system-button.bold { font-weight:bold } .system-button.icon { font-size:10px !important; padding:1px 5px; letter-spacing:-1.2px; border-radius:2px; font-family:'Tahoma'} .system-button.icon.fix { width:35px; } .system-button.left { margin-left:4px; } .system-button.icon.left + .icon.left { margin-left:0; } .system-button.right { margin-right:4px; } .system-button.small { font-size:11px !important; padding:4px 5px; letter-spacing:-1px; } .system-button.small.fix { width:50px } .system-button.small.label { margin-right:0; } .system-button.large { font-size:14px; padding: 7px 25px 8px; } .system-button.large.fix { width:100px } .system-button.green { background-color: #2FA349; color: white; border-color:#2FA349 } .system-button.yellow { background-color: #ecad03; color: white; border-color:#ecad03 } .system-button.dark { background-color: #676767; color: white; border-color:#555 } .system-button.filledGray { background-color: #bbb; color: white; border-color:#bbb } .system-button.gray { background-color: #f5f5f5; color: #999; border-color:#bbb } .system-button.orange { background-color: #ff9900; color: white; border-color:#ff9900 } .system-button.blue { background-color: #5889C3; color: white; border-color:#5889C3 } .system-button.dodgerBlue { background-color: #66b3ff; color: white; border-color:#66b3ff } .system-button.pink { background-color: #F9DCDC; color: #FF6161; border-color: #FFABAB; } .system-button.red { background-color: #C50000; color: white; border-color: #B50000; } .system-button.violet { background-color: #ECE0FF; color: #705D96; border-color: #BDB4E0; } .system-button.comment { color: #ccc; border:0; border-left:1px solid #ccc; font-size:11px; margin-left:4px; margin-top:0; width:auto; border-radius:0; padding:1px 0 1px 7px; font-weight:bold; line-height:11px; background-color:transparent } .system-button.floatR { float:right } .system-button.floatL { float:left } .system-button.surveyBtn {padding: 5px 6px 6px;background-color: #45a494;color: white;border-color: #45a494;} /* 설문조사 */ .survey span.question_cnt {font-size: 14px;font-weight: 500;color: #333;font-family: 'Noto Sans KR';} .survey li.survey_question strong {font-weight: 400;/* display: block; */margin-left: 10px;color: #666;} .survey ul.question_article_list {margin: 5px 0px 10px;text-indent: 65px;} .survey ul.question_article_list li.question_article { margin-bottom: 2px; } .survey li.survey_question {margin-top: 10px;text-indent: 10px;line-height: 30px;} .survey ul.question_article_list input.article_input { vertical-align: middle; } .survey tr td.surveyTableCell {font-size: 14px;text-indent: 0;border-top: 2px solid #002b58;display: table-cell;} .survey table th.textDeco01 {font-size: 15px;line-height: 20px;font-weight: 400;text-align: center;} .survey table th.textDeco02 {font-size: 15px;border-top: 1px solid #d9d9d9 !important;font-weight: 400;line-height: 20px !important;text-indent: 10px;text-align: left !important;} /* Added By StarBlitz */ #secret_y, #secret_n {display: none;} #secret_y:checked + label, #secret_n:checked + label {background-color: #676767; color: #fff; border-color:#444} /* // Added By StarBlitz */