/* ---------------------------- 공통[S] --------------------- */ #subwrap { padding-top:30px; width:1250px; margin:0 auto } #subwrap, #subwrap div,#subwrap ul,#subwrap li,#subwrap span,#subwrap p,#subwrap a,#subwrap img,#subwrap table,#subwrap tr,#subwrap td,#subwrap th { transition: all 0s; box-sizing:content-box; } iframe, iframe div,iframe ul,iframe li,iframe span,iframe p,iframe a,iframe img { transition: all 0s !important; box-sizing:content-box !important; } select { vertical-align:middle; } .noalink1 { display:block; } .noalink2 { display:none; } /* ======= 검색폼 ======== */ #searchwrap { position:relative; width:100%; max-width:1300px; margin:0 auto; margin-top:50px; margin-bottom:50px; background:#f7f7f4;} #searchwrap ul { width:600px; height:40px; padding:50px 0; margin:0 auto;} #searchwrap ul li { float:left; margin:0 2px;} .search { width:120px; background:#fff; font-size: 14px; } .search select { border:0px; width:100%; height:44px; border: 1px solid #dcdcdc; color: #999; padding: 0 14px; box-sizing: border-box; background:url('/images/reserv/selectbg.jpg')no-repeat 98px; 0; } .search select { border-radius:0; } .searchicon input { display: block; width:340px; height:44px; padding: 0 14px; color: #999; border: 1px solid #dcdcdc; box-sizing: border-box; font-size: 14px; } .searchicon2 input { width: 100px; height: 44px; line-height: 34px; background: #222; color: #fff; font-size: 14px; text-align: center; border: 1px solid #000; font-family: 'Noto Sans KR'; } /* ======= 탭메뉴 ======== */ .tap { position:relative; width:1252px; padding:3% 6%; margin:0 14px 30px 14px; border:1px solid #d8d3d3; box-sizing: border-box !important; overflow:hidden; } .tap ul li a { float:left; display:block; width:12%; margin:0 0.5%; padding:20px 0; font-family:'Noto Sans KR'; color:#3e3f41; font-size:15px; text-align:center; } .tap ul li a:hover { border-bottom:3px solid #025450; color:#025450; } .tap ul li.on a { border-bottom:3px solid #025450; color:#025450; } /* ======= 탭메뉴 ======== */ .tap2 { position:relative; width:100%; padding:3% 6%; margin:0 0 30px 0; border:1px solid #d8d3d3; box-sizing: border-box; overflow:hidden; } .tap2 ul li a { float:left; display:block; width:8.14285714%; margin:0 0.5%; padding:20px 0; font-family:'Noto Sans KR'; color:#3e3f41; font-size:15px; text-align:center; } .tap2 ul li a:hover { border-bottom:3px solid #025450; color:#025450; } .tap2 ul li.on a { border-bottom:3px solid #025450; color:#025450; } /* ======= 탭메뉴 ======== */ .tap3 { width: 400px; margin: 0 auto; overflow:hidden; margin-bottom: 50px; } .tap3 ul li a { float:left; display:block; width:100px; padding:20px 0; font-family:'Noto Sans KR'; color:#3e3f41; font-size:15px; text-align:center; } .tap3 ul li a:hover { border-bottom:3px solid #025450; color:#025450; } .tap3 ul li.on a { border-bottom:3px solid #025450; color:#025450; } .tap3 ul li.disabled a { color: #ddd; } .tap3 ul li.disabled a:hover { border-bottom:0px; color:#ddd; } /* ======= 리스트 ======== */ #listtablewrap { position:relative; width:100%; max-width:1280px; margin:80px auto; } #listtable { width:100%; border-top:2px solid #000; font-family:'Noto Sans KR'; } #listtable tr th { height:70px; border-bottom:1px solid #bababa; color:#3e3f41; font-size:15px; color:#000; background:#fff; } #listtable tr td { padding:20px 0; border-bottom:1px solid #e0e0e0; color:#3e3f41; font-size:16px; text-align:center; font-family:'NanumSquare'; } #listtable tr td:hover {border-bottom:1px solid #025450; color:#000; } #listtable tr td.con { color:#000000; text-align:left; padding-left:10px; } #listtable tr td.con span { color:#062931; } #listtable tr td.daytd { color:#404040; } #listtable tr td.daytd2 { color:#334f8e; } #listtable tr td.con span { padding-left:10px;} .listbt_01 { width:57px; height:23px; margin:0 auto; padding-top:8px; color:#fff; background:#334f8e; } /* 공지 표기 */ .listbt_02 { display:block; width:80px; margin:0 auto; text-align:center; font-family:'Noto Sans KR'; font-size:14px; color:#fff; background:#062931; padding:9px 0; border-top-left-radius: 26px; border-top-right-radius: 26px; border-bottom-left-radius: 26px; border-bottom-right-radius: 26px; -moz-border-top-left-radius: 26px; -moz-border-top-right-radius: 26px; -moz-border-bottom-left-radius: 26px; -moz-border-bottom-right-radius: 26px; -webkit-border-top-left-radius: 26px; -webkit-border-top-right-radius: 26px; -webkit-border-bottom-left-radius: 26px; -webkit-border-bottom-right: 26px; } /* 답변 대기 */ .listbt_03 { display:block; width:80px; margin:0 auto; text-align:center; font-family:'Noto Sans KR'; font-size:14px; color:#fff; background:#3b3b3b; padding:9px 0; border-top-left-radius: 26px; border-top-right-radius: 26px; border-bottom-left-radius: 26px; border-bottom-right-radius: 26px; -moz-border-top-left-radius: 26px; -moz-border-top-right-radius: 26px; -moz-border-bottom-left-radius: 26px; -moz-border-bottom-right-radius: 26px; -webkit-border-top-left-radius: 26px; -webkit-border-top-right-radius: 26px; -webkit-border-bottom-left-radius: 26px; -webkit-border-bottom-right: 26px; } /* 답변 완료 */ /* ======= 페이징 ======== */ #pageingWrap { width:100%; margin:auto; padding:40px 0 20px 0; text-align:center; overflow:hidden; } #pageingWrap ul li { display:inline-block; margin:0 2px; vertical-align:middle; line-height:34px;} #pageingWrap ul li a{ display:inline-block; width:34px; height:34px; } #pageingWrap ul li.no_bton { width:34px; height:34px; text-align:center; font-family:'Noto Sans KR'; font-size:14px; color:#fff; background:#000; border:1px solid #000;/* padding:8px 0; */ cursor:pointer; border-top-left-radius: 26px; border-top-right-radius: 26px; border-bottom-left-radius: 26px; border-bottom-right-radius: 26px; -moz-border-top-left-radius: 26px; -moz-border-top-right-radius: 26px; -moz-border-bottom-left-radius: 26px; -moz-border-bottom-right-radius: 26px; -webkit-border-top-left-radius: 26px; -webkit-border-top-right-radius: 26px; -webkit-border-bottom-left-radius: 26px; -webkit-border-bottom-right: 26px; } #pageingWrap ul li.no_btoff { width:34px; height:34px; text-align:center; font-family:'Noto Sans KR'; font-size:14px; color:#fff; border:1px solid #e4e4e4;/* padding:8px 0; */ cursor:pointer; border-top-left-radius: 26px; border-top-right-radius: 26px; border-bottom-left-radius: 26px; border-bottom-right-radius: 26px; -moz-border-top-left-radius: 26px; -moz-border-top-right-radius: 26px; -moz-border-bottom-left-radius: 26px; -moz-border-bottom-right-radius: 26px; -webkit-border-top-left-radius: 26px; -webkit-border-top-right-radius: 26px; -webkit-border-bottom-left-radius: 26px; -webkit-border-bottom-right: 26px; } #pageingWrap ul li.no_btoff2 { width:41px; height:28px;padding-top:12px; border-top:1px solid #8b8b8b; border-right:1px solid #8b8b8b; border-bottom:1px solid #8b8b8b; font:bold 16px 'Noto Sans KR'; color:#000000; background:#ffffff; text-align:center; } /* ======= 버튼 ======== */ #noticebt { position:relative; width:100%; padding:30px 0px 34px 0px; margin:0 auto; overflow:hidden; } #noticebt ul li { float:right; margin-left:14px; } #noticebt ul li.bt1 a { display:block; width:140px; margin:0 auto; text-align:center; font-family:'Noto Sans KR'; font-size:14px; color:#fff; border:1px solid #000; background:#000; padding:15px 0; border-top-left-radius: 26px; border-top-right-radius: 26px; border-bottom-left-radius: 26px; border-bottom-right-radius: 26px; -moz-border-top-left-radius: 26px; -moz-border-top-right-radius: 26px; -moz-border-bottom-left-radius: 26px; -moz-border-bottom-right-radius: 26px; -webkit-border-top-left-radius: 26px; -webkit-border-top-right-radius: 26px; -webkit-border-bottom-left-radius: 26px; -webkit-border-bottom-right: 26px; } #noticebt ul li.bt1 a:hover { color:#fff; background:#025450; border:1px solid #025450; } #noticebt ul li.bt2 a { display:block; width:140px; margin:0 auto; text-align:center; font-family:'Noto Sans KR'; font-size:14px; color:#000; border:1px solid #000; background:#fff; padding:15px 0; border-top-left-radius: 26px; border-top-right-radius: 26px; border-bottom-left-radius: 26px; border-bottom-right-radius: 26px; -moz-border-top-left-radius: 26px; -moz-border-top-right-radius: 26px; -moz-border-bottom-left-radius: 26px; -moz-border-bottom-right-radius: 26px; -webkit-border-top-left-radius: 26px; -webkit-border-top-right-radius: 26px; -webkit-border-bottom-left-radius: 26px; -webkit-border-bottom-right: 26px; } #noticebt ul li.bt2 a:hover { color:#fff; background:#025450; border:1px solid #025450; } #noticebt ul li.bt3 a { display:block; width:140px; margin:0 auto; text-align:center; font-family:'Noto Sans KR'; font-size:14px; color:#000; border:1px solid #000; background:#fff; padding:15px 0; border-top-left-radius: 26px; border-top-right-radius: 26px; border-bottom-left-radius: 26px; border-bottom-right-radius: 26px; -moz-border-top-left-radius: 26px; -moz-border-top-right-radius: 26px; -moz-border-bottom-left-radius: 26px; -moz-border-bottom-right-radius: 26px; -webkit-border-top-left-radius: 26px; -webkit-border-top-right-radius: 26px; -webkit-border-bottom-left-radius: 26px; -webkit-border-bottom-right: 26px; } #noticebt ul li.bt3 a:hover { color:#fff; background:#025450; border:1px solid #025450; } #noticebt ul li.bt4 a { display:block; width:140px; margin:0 auto; text-align:center; font-family:'Noto Sans KR'; font-size:14px; color:#000; border:1px solid #000; background:#fff; padding:15px 0; border-top-left-radius: 26px; border-top-right-radius: 26px; border-bottom-left-radius: 26px; border-bottom-right-radius: 26px; -moz-border-top-left-radius: 26px; -moz-border-top-right-radius: 26px; -moz-border-bottom-left-radius: 26px; -moz-border-bottom-right-radius: 26px; -webkit-border-top-left-radius: 26px; -webkit-border-top-right-radius: 26px; -webkit-border-bottom-left-radius: 26px; -webkit-border-bottom-right: 26px; } #noticebt ul li.bt4 a:hover { color:#fff; background:#025450; border:1px solid #025450; } #noticebt ul li.bt5 a { display:block; width:140px; margin:0 auto; text-align:center; font-family:'Noto Sans KR'; font-size:14px; color:#000; border:1px solid #000; background:#fff; padding:15px 0; border-top-left-radius: 26px; border-top-right-radius: 26px; border-bottom-left-radius: 26px; border-bottom-right-radius: 26px; -moz-border-top-left-radius: 26px; -moz-border-top-right-radius: 26px; -moz-border-bottom-left-radius: 26px; -moz-border-bottom-right-radius: 26px; -webkit-border-top-left-radius: 26px; -webkit-border-top-right-radius: 26px; -webkit-border-bottom-left-radius: 26px; -webkit-border-bottom-right: 26px; } #noticebt ul li.bt5 a:hover { color:#fff; background:#025450; border:1px solid #025450; } .listEnd input { display:block; width:140px; margin:0 auto; text-align:center; font-family:'Noto Sans KR'; font-size:14px; color:#fff; background:#000; border:1px solid #000; padding:15px 0; cursor:pointer; border-top-left-radius: 26px; border-top-right-radius: 26px; border-bottom-left-radius: 26px; border-bottom-right-radius: 26px; -moz-border-top-left-radius: 26px; -moz-border-top-right-radius: 26px; -moz-border-bottom-left-radius: 26px; -moz-border-bottom-right-radius: 26px; -webkit-border-top-left-radius: 26px; -webkit-border-top-right-radius: 26px; -webkit-border-bottom-left-radius: 26px; -webkit-border-bottom-right: 26px; } .listEnd input:hover { color:#fff; background:#025450; border:1px solid #025450; } .bt6 input { display:block; width:140px; margin:0 auto; text-align:center; font-family:'Noto Sans KR'; font-size:14px; color:#fff; background:#000; border:1px solid #000; padding:15px 0; cursor:pointer; border-top-left-radius: 26px; border-top-right-radius: 26px; border-bottom-left-radius: 26px; border-bottom-right-radius: 26px; -moz-border-top-left-radius: 26px; -moz-border-top-right-radius: 26px; -moz-border-bottom-left-radius: 26px; -moz-border-bottom-right-radius: 26px; -webkit-border-top-left-radius: 26px; -webkit-border-top-right-radius: 26px; -webkit-border-bottom-left-radius: 26px; -webkit-border-bottom-right: 26px; } .bt6 input:hover { color:#fff; background:#025450; border:1px solid #025450; } /* ======= 댓글 ========= */ .Btn { display:inline-block;margin-top:10px; border:1px solid #ddd;padding:3px;background:#eee;cursor:pointer; } span.date {font-size:12px;padding-left:30px;} dl.cmtInsert {margin-top:20px; border-top:2px solid #ddd;} dl.cmtInsert dt {padding:10px 0px;} dl.cmtInsert input {border:1px solid #999;font-size:18px;width:130px;} dl.cmtInsert textarea {border:1px solid #999; width:100%;height:80px;} dl.coment dt {padding-left:3px; border-top:2px solid #999;margin-top:20px;padding-bottom:5px;border-bottom:1px dotted #999;background:#efffff;} dl.coment dd {padding-left:10px; padding-top:5px;border-bottom:1px solid #999;padding-bottom:10px;} dl.coment dd.hide {display:none;} dl.coment span.cmt_name {font-size:13px;font-weight:bold;} dl.coment input {border:1px solid #999;font-size:18px;width:130px;} dl.coment textarea {border:1px solid #999; width:100%;height:80px;} /* ======= 테이블 글 쓰기 ========= */ table.writeTable { width:100%; border-top:2px solid #000; } table.writeTable th { text-align:center; background:#fff; border-bottom:1px solid #ddd; font-family:'Noto Sans KR'; font-size:17px; color:#000; } table.writeTable td { padding:30px 15px; text-align:left; border-bottom:1px solid #ddd; font-family:'Noto Sans KR'; font-size:14px; color:#000; } table.writeTable select { border:0px; width:90%; height:44px; border: 1px solid #dcdcdc; color: #999; font-family:'Noto Sans KR'; font-size:15px; padding: 0 14px; box-sizing: border-box; background-position: 390px 10px; } table.writeTable select { border-radius:0;} table.writeTable select option { display:block; line-height:160%; padding:10px 0; } table.writeTable input.input_name { width:90%; height:44px; border: 1px solid #dcdcdc; color: #999; box-sizing: border-box; } table.writeTable input.input_txt40 { width:20%; height:44px; border: 1px solid #dcdcdc; color: #999; box-sizing: border-box; } table.writeTable input.input_txt80 { width:20%; height:44px; border: 1px solid #dcdcdc; color: #999; box-sizing: border-box; } table.writeTable tr.email select { border:0px; width:20%; height:44px; border: 1px solid #dcdcdc; color: #999; font-family:'Noto Sans KR'; font-size:15px; padding: 0 14px; box-sizing: border-box; background-position: 190px 10px; } table.writeTable th.textArea {vertical-align:top; padding-top:30px;} table.writeTable span { color:red; } table.writeTable span.inputTxt { margin:0px 4px; } table.writeTable textarea.contentTxt {width:90%; height:500px;} table.writeTable input.input_txtFile { width:200px; height:26px; border:0px solid #adadad; } #prvie { width:100%; height:170px; overflow-y:scroll; padding:30px 30px 30px 30px; border:1px solid #ddd; font-family:'NanumSquare'; font-size:13px; box-sizing:border-box !important; } #prvie_check { width:100%; text-align:left; margin:10px auto; font-family:'NanumSquare'; font-size:13px; } td.file p { padding-bottom:8px; } /* ======= 테이블 글 보기 ========= */ table.viewTable { width:100%; border-top:2px solid #000; border-bottom:1px solid #000; } table.viewTable col.titleBox { width:15%; } table.viewTable col.insertBox { width:85%; } table.viewTable tbody td { padding:20px 0; border-bottom:1px solid #ddd;} table.viewTable tbody td.contents { padding:20px 3%; font-family:'Noto Sans KR'; color:#444; font-size:14px; } table.viewTable tbody ul.subject {width:100%;} table.viewTable tbody p.title{ width:80%; padding-left:2%; float:left; font-size:26px; color:#000; font-family:'Noto Sans KR'; } table.viewTable tbody p.day{width:15%; padding-right:2%; padding-top:15px; float:left; font-family:'Noto Sans KR'; color:#404040; font-size:16px; text-align:right;} table.viewTable tbody p.day span { float:right; padding-left:14px; color:#025450; font-family:'Noto Sans KR'; } table.viewTable tbody li.file { padding:5px 4px; font-family:'Noto Sans KR'; color:#404040; font-size:16px; } table.viewTable tfoot { font-family:'Noto Sans KR'; color:#000; font-size:16px; border-bottom:1px solid #000;} table.viewTable tfoot tr.next td {border-top:1px solid #000;border-bottom:1px solid #ddd;} table.viewTable tfoot tr.prev td {border-bottom:1px solid #000;} table.viewTable tfoot td.title {padding:15px 10px;} table.viewTable tfoot td.title img {padding:0px 15px;} table.viewTable tfoot td.subject { font-family:'Noto Sans KR'; font-size:14px; } table.viewTable tbody td.re_contents { padding:20px 3% 50px 3%; margin-bottom:20px; font-family:'Noto Sans KR'; color:#444; font-size:14px; line-height:150%; } table.viewTable tbody td div.rptitle { width:120px; padding:10px 0; background:#111; color:#fff; font-family:'Noto Sans KR' !important; font-size:18px; text-align:center; } table.viewTable tbody td div.rp { width:96%; padding:22px 2%; border:1px solid #111; } table.viewTable tfoot ul li.bt1 { position:absolute; top:80px; right:0px; } table.viewTable tfoot ul li.bt2 { position:absolute; top:80px; right:132px; } table.viewTable tfoot ul li.bt3 { position:absolute; top:80px; right:263px; } table.viewTable tfoot ul li.bt4 { position:absolute; top:80px; left:0px; } #writeBtnLine ul{width:100%;padding:25px; 0px;} #writeBtnLine li{ } #writeBtnLine li.listEnd { } .re_contents { padding:50px 0 0 0; margin-bottom:20px; font-family:'Noto Sans KR'; color:#444; font-size:14px; line-height:150%; } .re_contents div.rptitle { width:120px; padding:10px 0; background:#111; color:#fff; font-family:'Noto Sans KR' !important; font-size:18px; text-align:center; } .re_contents div.rp { width:96%; padding:22px 2%; border:1px solid #111; } /*******************************************************/ /***** 갤러리 게시판 CSS ****/ /*******************************************************/ /* 리스트 */ #medialistwrapGall { position:relative; width:100%; margin:0 auto; } #medialistwrapGall ul.mediaul { width: calc(100% + 20px); margin: -40px 0 0 -20px; } #medialistwrapGall ul li.medialist { float:left; width:403.2px; padding-bottom:40px; margin-left:20px; box-sizing: border-box; } #medialistwrapGall .medialist ul li.best { position:absolute; top:0px; left:0px; z-index:999; } #medialistwrapGall .medialist ul li.thumbnail { width:100%; height:270px; overflow:hidden; } #medialistwrapGall .medialist ul li.thumbnail img{ width:100%; min-height:270px; } #medialistwrapGall .medialist ul li.title { width:100%; padding:18px 0 8px 0; text-align:left; } #medialistwrapGall .medialist ul li.title a { font-size:20px; color:#000; font-weight:700; text-decoration:none; } #medialistwrapGall .medialist ul li.text { width:100%; padding:0px 0; text-align:left; line-height:170%;word-wrap:break-word; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #medialistwrapGall .medialist ul li.text a { color:#888; font-size:15px; } #medialistwrapGall .medialist ul li.text2 { position:absolute; top:20px; right:20px; width:50px; padding:18px 0; text-align:left; font-size:12px; color:#fff; background:#000; cursor:pointer; } #medialistwrapGall .medialist ul li.bt {text-align:right; margin-top:10px; margin-bottom:30px; margin-right:20px;} /* 상세 보기 */ #medialistwrapView { position:relative; width:100%; display:inline-block; margin:0 auto; } #medialistwrapView ul { } #medialistwrapView ul li.txt_title { position:relative; width:100%; padding:30px 0; margin:0 auto; border-top:2px solid #000; border-bottom:1px solid #999; overflow:hidden; } #medialistwrapView ul li.txt_text { padding:40px 3%; font-family:'Noto Sans KR'; color:#444; font-size:14px; border-bottom:1px solid #000; } #medialistwrapView ul li.txt_text img { max-width:100%; } #medialistwrapView p.title{ width:83%; padding-left:2%; float:left; font-size:30px; color:#000; font-family:'Noto Sans KR'; } #medialistwrapView p.day{ width:13%; padding-right:2%; padding-top:15px; float:left; font-family:'Noto Sans KR'; color:#404040; font-size:16px; text-align:right;} #medialistwrapView p.day span { float:right; padding-left:14px; color:#025450; font-family:'Noto Sans KR'; } /*******************************************************/ /***** 치료사례 CSS ****/ /*******************************************************/ /* 치료사례 검색 */ #searchbar { position:relative; width:100%; margin:50px 0; background:#f7f7f4;} #searchbar ul { width:100%; height:40px; padding:50px 0; margin:0 auto; text-align:center; } #searchbar ul li { display:inline-block; margin:0 2px; background:#fff; } #searchbar ul li select { border:0px; width:180px; height:44px; border: 1px solid #dcdcdc; color: #999; padding: 0 14px; box-sizing: border-box; background:url('/images/reserv/selectbg.jpg')no-repeat 150px; 0; } #searchbar ul li select { border-radius:0; -webkit-appearance:none; -moz-appearance:none; appearance:none; } #searchbar ul li.bt input { width: 100px; height: 44px; line-height: 34px; background: #222; color: #fff; font-size: 14px; text-align: center; border: 1px solid #000; font-family: 'Noto Sans KR'; } /* 치료사례 */ #carebnfwrap { position:relative; width:100%; overflow:hidden; } #carebnf { width: calc(100% + 20px); margin: -40px 0 0 -20px; overflow:hidden; } .carebnf { float: left; width:630px; margin: 50px 0 0 20px; } .carebnfimg li{ position:relative; float:left;width:312px; margin-right:3px; } .carebnfimg li img{ width:100%; height:230px; } .carebnftext{position:relative; width:630px; background:#fff; clear:both; padding-top:20px;} .carebnftext li{ position:relative; font-family:'Noto Sans KR'; font-size:15px; color:#025450; } .carebnftext li span{ } .carebnftext .jijum { width:80px; padding:10px 20px; background:#025450; font-family:'Noto Sans KR'; font-size:15px; color:#fff; text-align:center; } .carebnfimgb{ position:absolute; top:3px; right:3px; background:#fff; width:80px; padding:10px 0; color:#575757; text-align:center; font-family:'Noto Sans KR'; } .carebnfimga{ position:absolute; top:3px; left:3px; background:#025450; width:80px; padding:10px 0; color:#fff; text-align:center; font-family:'Noto Sans KR'; } .carebnfTable { width:100%; border-top:2px solid #000; } .carebnfTable td.title { padding:20px 0; border-bottom:1px solid #ddd; text-align:center; font-family:'Noto Sans KR'; font-size:15px; color:#025450; } .carebnfTable td.con { padding:20px 3%; border-bottom:1px solid #ddd; font-family:'Noto Sans KR'; font-size:15px; color:#444; text-align:center; } .sgbnfview{ height:400px; overflow:hidden; } .sgbnfview li{position:relative; float:left; width:49%; margin-right:0.5%; } .sgbnfview li img{ width:100%; } .sgbnftable { width:100%; margin:5% 0 2% 0; text-align:center; overflow:hidden; } .sgbnftable li { float:left; margin-bottom:1%; padding-top:14px; font-family:'Noto Sans KR'; font-size:13px; color:#000; } .sgbnftable li.title { width:9%; height:34px; background:#025450; color:#fff; } .sgbnftable li.con { width:15%; margin-right:1%; height:34px; background:#f2f2f2; } .msgbnftable { width:100%; margin:2% 0 2% 0; text-align:center; overflow:hidden; } .msgbnftable li { float:left; margin-bottom:1%; padding-top:14px; font-family:'Noto Sans KR'; font-size:13px; color:#000; } .msgbnftable li.title { width:19%; height:34px; background:#025450; color:#fff; } .msgbnftable li.con { width:30%; margin-right:1%; height:34px; background:#f2f2f2; } .sgbnftable2 { width:100%; border-top:2px solid #000; } .sgbnftable2 td.title { padding:20px 0; border-bottom:1px solid #ddd; border-right:1px solid #ddd; text-align:center; font-family:'Noto Sans KR'; font-size:15px; color:#025450; } .sgbnftable2 td.con { padding:20px 3%; border-bottom:1px solid #ddd; border-right:1px solid #ddd; font-family:'Noto Sans KR'; font-size:15px; color:#444; text-align:center; } .sgbnftable2 td:last-child { border-right:0px; } .sgbnftable2 div { width:144px; margin:0 auto; padding-top:12px; height:30px; border:1px solid #075e59; background:#000; text-align:center; } .sgbnftable2 div a { font-family:'Noto Sans KR'; font-size:13px; color:#fff; } .sgbnfimgb{ position:absolute; top:3px; right:3px; background:#fff; width:80px; padding:10px 0; color:#575757; text-align:center; font-family:'Noto Sans KR'; } .sgbnfimga{ position:absolute; top:3px; left:3px; background:#025450; width:80px; padding:10px 0; color:#fff; text-align:center; font-family:'Noto Sans KR'; } /* 방송출현 */ #medialistwrapGall6 { position:relative; width:100%; margin:0 auto; padding-top:50px; padding-bottom:20px; clear:both;} #medialistwrapGall6 ul { padding-top:0px; } #medialistwrapGall6 ul li.medialist3 { /*float:left;*/ margin:1%; margin-bottom:25px; position:relative; width:30.5%; border-top:2px solid #000; border-left:1px solid #bababa; border-right:1px solid #bababa; border-bottom:1px solid #bababa; display:inline-block; vertical-align:top;} #medialistwrapGall6 .medialist3 ul li.best { position:absolute; top:0px; left:0px; z-index:666; } #medialistwrapGall6 .medialist3 ul li.thumbnail { position:relative; margin:5% auto 0 auto; width:90%; max-height:318px; border:1px solid #958061; z-index:1; overflow:hidden;} #medialistwrapGall6 .medialist3 ul li.title {text-align:center; padding:20px 0 16px 0; width:80%; margin:0 auto; margin-top:20px; font-family:'Noto Sans KR'; font-size:15px; color:#000; } #medialistwrapGall6 .medialist3 ul li.text { padding:0px 0 16px 0; width:80%; margin:0 auto; font-family:'Noto Sans KR'; font-size:15px;color:#484848; line-height:170%;word-wrap:break-word;font-weight:bold;} #medialistwrapGall6 .medialist3 ul li.text span{color:#00a096;} #medialistwrapGall6 .medialist3 ul li.bt {text-align:right; margin-top:10px; margin-bottom:30px; margin-right:20px;} #medialistwrapGall6 .medialist3 ul li.bt a {background:#00a096; padding:10px 14px; color:#fff; } .cal_input_text01{ font-family:'Noto Sans KR'; font-size:14px; line-height:170%;} /*******************************************************/ /***** 고운결에세이 ****/ /*******************************************************/ #essay { width: calc(100% + 40px); margin:60px 0 0 -40px; overflow:hidden; } #essay div { float:left; position:relative; width:400px; margin-left:40px; margin-bottom:60px; } #essay div ul li.essayimg img { width:100%; height:300px; } #essay div ul li.essayimg span { display:block; position:absolute; top:0px; left:0px; width:100%; height:170px; padding-top:130px; background:#ee7b75; text-align:center; color:#fff; font-family:'Noto Sans KR'; font-size:22px; line-height:40px; cursor:pointer; } #essay div ul li.jijumname { width:100%; border-bottom:1px solid #c9d0d6; } #essay div ul li.jijumname span.jijum { display:inline-block; margin-left:16px; padding-top:30px; font-family:'Noto Sans KR'; color:#000; font-size:19px; vertical-align:top; } #essay div ul li.jijumname span.day { display:inline-block; margin-left:16px; padding-top:32px; font-family:'Noto Sans KR'; color:#000; font-size:16px; vertical-align:top; } #essay div ul li.title { width:100%; height:43px; border-bottom:1px solid #c9d0d6; font-family:'Noto Sans KR'; color:#000; font-size:21px; padding-top:15px; } #essay div ul li.title span.hot { display:inline-block; margin-right:12px; padding:4px 10px; border:1px solid #ff8f02; font-family:'Noto Sans KREB'; color:#ff8f02; font-size:14px; vertical-align:top; text-align:center; } #essay div ul li.title span.new { display:inline-block; margin-right:12px; padding:4px 10px; border:1px solid #bb0719; font-family:'Noto Sans KREB'; color:#bb0719; font-size:14px; vertical-align:top; text-align:center; } /*******************************************************/ /***** FAQ 게시판 CSS ****/ /*******************************************************/ /* ======= 리스트 ======== */ #notice_content { width:100%; margin:0 auto; border-top:2px solid #000; padding-bottom:20px; } .qnawrap { width:100%; border-bottom:1px solid #e0e0e0; } /* padding:28px 0 80px 0; */ .question_notice { width:100%; height:46px; padding:30px 0; overflow:hidden; background:#f9f8f8; } .question_notice ul li.category { float:left; width:150px; padding:0 20px 0 50px; font-family:'Noto Sans KR'; color:#000; font-size:18px; padding-top:10px; } .question_notice ul li.question{ float:left; display:block; width:55px; margin-left:50px; text-align:center; font-family:'Noto Sans KR'; font-size:24px; color:#fff; border:1px solid #025450; background:#025450; padding:10px 0; border-radius: 100%; } .question_notice ul li.questiontitle { float:left; padding-top:8px; margin-left:24px; font-family:'Noto Sans KR'; color:#000; font-size:30px; cursor:pointer; } .answer_notice { width:100%; overflow:hidden; } .answer_notice ul li.answer { float:left; display:block; width:55px; margin-left:50px; margin-top:30px; text-align:center; font-family:'Noto Sans KR'; font-size:24px; color:#fff; border:1px solid #000; background:#000; padding:10px 0; border-radius: 100%; } .answer_notice ul li.answertitle { float:left; width:1000px; margin-left:50px; margin-top:50px; font-family:'NanumSquareL'; font-size:15px; color:#444; line-height:190%; padding-bottom:50px; } .answer_notice ul li.answertitle dl dd { position:absolute; top:0px; right:0px; padding:8px 8px 8px 8px; font:bold 15px 'Noto Sans KR'; color:#3f3f3f; cursor:pointer; } /*******************************************************/ /***** 뉴스 게시판 CSS ****/ /*******************************************************/ /* ======= 리스트 ======== */ #medialistwrap { position:relative; width:100%; margin:0 auto; line-height:170%;} #medialistwrap div.mediBox {position:relative;display:inline-block;vertical-align:top;border-top:2px solid #000; border-left:1px solid #bababa; border-right:1px solid #bababa; border-bottom:1px solid #bababa;} #medialistwrap div.mediBox div.noticeLayer { position:absolute; left:45px;top:0px; } #medialistwrap ul.medialist { position:relative; width:400px; padding-top:10px; padding-bottom:30px; margin:auto; float:left;} #medialistwrap ul.medialist li.title { float:left; margin-top:48px; width:325px; font:bold 14px 'Noto Sans KR'; color:#000000; text-decoration:underline; } #medialistwrap ul.medialist li.title img { padding-left:10px; } #medialistwrap ul.medialist li.hit { margin-top:48px; float:left; font:bold 14px 'Noto Sans KR'; color:#334f8e; } #medialistwrap ul.medialist li.day { padding-top:20px; clear:both; font:14px 'Noto Sans KR'; color:#404040; } #medialistwrap ul.medialist li.con { margin-top:36px; width:392px; background:#000; } #medialistwrap ul.medialist li.text { margin-top:16px; padding:20px 30px 10px 30px; width:330px; height:100px; background:#f9f9fb; border:1px solid #d0d0d8; } #medialistwrap ul.medialist li.bt { text-align:right; padding-top:20px; } #medialistwrap ul.medialist li.bt a {margin-right:10px; background:#3d5894; padding:10px 14px; color:#fff; font-weight:bold; } .tosee {clear:both; position:relative; padding:20px 0px; margin:15px auto;background:#f0f0f0; font:bold 14px 'Noto Sans KR'; color:#334f8e; text-align:center; } /* ======= 상세 보기는 일반 게시판 css ======== */ /*******************************************************/ /***** 동영상 게시판 CSS ****/ /*******************************************************/ /* ======= 리스트 ======== */ #mediawrap { position:relative; width:100%; margin:0 auto; display:inline-block;} #mediawrap ul li { clear:both; width:100%; } #media { position:relative; width:100%; height:0; padding-bottom:56.25%; } #media object { position:absolute; width:100%; height:100%; } #mediaContent { display:block; width:100%; padding-top:10px;padding-bottom:20px; border:0px solid #ddd;} div#viewArea {width:100%; padding-bottom:30px; margin-bottom:20px; border-bottom:1px solid #ddd; display:inline-block; overflow:hidden; } .mediatitle { width:100%;margin:auto; display:inline-block; } .mediatitle .title span { padding-left:10px; } .mediatitle ul li.title { width:100%; text-align:left; float:left; font-size:22px; font-weight:500; letter-spacing:-1px; color:#000000; } .mediatitle ul li.day { width:183px; float:right; text-align:right; } .mediatitle ul li.day span { font:bold 16px 'NanumGothic'; color:#334f8e; } .mediathum { position:relative; padding-top:15px; width:100%;margin:auto; display:inline-block;} .mediathum dl { float:left; width:23%; margin:1% 1%; } .mediathum dl dt { position:relative; width:100%; height:0; padding-bottom:55%; overflow:hidden; } .mediathum dl dt img { width:100%; margin-top:-9.4%; } .mediathum dl dd { width:100%; padding:5% 10%; min-height:68px; border:1px solid #ddd; box-sizing:border-box; text-align:center; } .mediathumtext ul li.title { } /*******************************************************/ /***** 전후사진[basic_bnf] 게시판 CSS ****/ /*******************************************************/ #bnfwrap { width:1200px; margin:0 auto; } #bnf { width:100%; text-align:center; } #bnf ul li { display:inline-block;} #bnf ul li.bnfimg { position:relative; width:100%; height:500px; vertical-align:top; overflow:hidden; } #bnf ul li.bnfimg img { width:100%; } #bnf ul li.bnfimg div.photos {position:absolute; top:0px; left:0px; width:100%; } #bnf ul li.bnfimg div.pointbt { position:absolute; top:440px; left:41%; } #bnf ul li.bnfcon { width:100%; padding:30px 0; margin:auto; text-align:center; background:#ececec;position:relative; } #bnf ul li.bnfcon div dl dt { width:100%; font-size:18px; font-weight:500; color:#000; } #bnf ul li.bnfcon div dl dd { width:100%; font-size:15px; font-weight:300; color:#000; display:none; } div.thumbnail { width:1200px; margin:0 auto; padding-top:20px; } div.thumbnail ul li { float:left; width:230px; margin-left:12px; } div.thumbnail ul li .imgs {height:80px; overflow:Hidden; } div.thumbnail ul li img { width:100%; } div.thumbnail ul li.first { margin-left:0px; } div.thumbnail div.thumbnail_con { width:100%; padding:12px 0; background:#ececec; text-align:center; font-size:13px; color:#777; font-weight:400; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } /*******************************************************/ /***** 스타 전후사진 게시판 CSS ****/ /*******************************************************/ #starthumwrap { position:relative; width:100%; margin:0 auto; padding-top:20px; } #starthumwrap ul li { float:left; } #starthumwrap dd.star_con { width:210px; height:27px; text-align:center; font-size:12px; padding-top:10px; text-align:left; } #starthumwrap li.btleft { margin-right:16px; padding-top:50px; } #starthumwrap li.listBox { position:relative;left:0px;top:0px;width:870px;height:170px;overflow:hidden;} #starthumwrap li.btright { margin-left:12px; padding-top:50px; } #star_thum {position:absolute;left:0px;top:0px;} #star_thum dl { float:left; margin-right:6px; } #star_thum dl dt {width:210px;height:135px;} #star_thum dl dd {width:210px;height:35px;} #starwrap { clear:both; position:relative; width:100%; height:780px; margin:0 auto; border-bottom:2px solid #000; } #star_btn {position:absolute; left:-50px;width:110%;display:none;} #star_btn ul{width:100%;} #star_btn li.lBtn{float:left;} #star_btn li.rBtn{float:right;} #star { width:100%; margin:0 auto; text-align:center; } #star ul { padding-top:70px; padding-left:42px; } #star ul li { float:left; display:inline-block; } #star ul li.starimg {width:100%;position:relative;} #star ul li.starimg div.photos {left:0px;top:0px;display:inline-block;} #star ul li.starcon { width:100%; background:#ececec; padding-top:46px; padding-bottom:20px;} #star ul li.starcon div dl dt { font:bold 16px 'Noto Sans KR',Dotum; text-decoration:underline; text-align:left;margin-left:5px;} #star ul li.starcon div dl dd { font:14px 'Noto Sans KR',Dotum; color:#6e6e6e; padding-top:16px; text-align:left;margin-left:5px;} /*******************************************************/ /***** 갤러리 게시판 CSS ****/ /*******************************************************/ #eventnotice { position:relative; width:100%; margin:0 auto; padding-top:50px; padding-bottom:20px; } #eventnotice ul { padding-top:0px; } #eventnotice ul li.medialist { margin-right:14px; margin-left:14px; margin-bottom:60px; position:relative; width:610px; display:inline-block; vertical-align:top; } #eventnotice .medialist ul li.thumbnail { position:relative; margin:auto; width:100%; height:304px; z-index:1; overflow:hidden; border:1px solid #000; box-sizing:border-box; } #eventnotice .medialist ul li.thumbnail span { display:block; float:left; width:50%; height:350px; } #eventnotice .medialist ul li.thumbnail img{ width:608px; min-height:304px; } #eventnotice .medialist ul li.thumbnail span img{ width:100%; min-height:150px; } #eventnotice .medialist ul li.title { width:100%; padding:38px 15px 8px 15px; text-align:center; border-left:1px solid #bababa; border-right:1px solid #bababa; box-sizing:border-box; } #eventnotice .medialist ul li.title a { font-size:26px; font-weight:700; color:#000; letter-spacing:-1px; text-decoration:none; } #eventnotice .medialist ul li.text { width:100%; height:30px; padding:0px 15px 12px 15px; text-align:center; border-left:1px solid #bababa; border-right:1px solid #bababa; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; box-sizing:border-box; } #eventnotice .medialist ul li.text a { font-size:16px; font-weight:100; color:#000; text-decoration:none; } #eventnotice .medialist ul li.day { width:100%; padding:0px 15px 42px 15px; text-align:center; line-height:170%;word-wrap:break-word; border-left:1px solid #bababa; border-right:1px solid #bababa; border-bottom:1px solid #bababa; box-sizing:border-box; } #eventnotice .medialist ul li.day a { font-size:15px; font-weight:100; color:#000; } #eventnotice .medialist ul li.bt { text-align:right; margin-top:10px; margin-bottom:30px; margin-right:20px; } #eventnotice .medialist ul li.oning { position:absolute; top:0px; right:0px; padding:10px 16px; z-index:999; background:#eb4252; font:bold 14px 'NanumGothicBold'; color:#fff; } #eventnotice .medialist ul li.offing { position:absolute; top:0px; right:0px; padding:10px 23px; z-index:999; background:#000; font:bold 14px 'NanumGothicBold'; color:#fff; } #gallerybnf { position:relative; width:1280px; margin:0 auto; padding-top:50px; padding-bottom:20px; } #gallerybnf ul { padding-top:0px; } #gallerybnf ul li.medialist { float:left; position:relative; width:48%; margin-right:0px; margin-bottom:4%; } #gallerybnf ul li.medialist:nth-child(2n) { margin-left:4%; } #gallerybnf .medialist ul li.thumbnail { position:relative; margin:auto; width:100%; height:304px; z-index:1; overflow:hidden; box-sizing:border-box; } #gallerybnf .medialist ul li.thumbnail span { display:block; float:left; width:50%; height:350px; } #gallerybnf .medialist ul li.thumbnail img{ width:100%; min-height:307px; } #gallerybnf .medialist ul li.thumbnail span img{ width:100%; min-height:304px; } #gallerybnf .thumbnailtxt { position:Relative; width:100%; height:60px; overflow:hidden;; } #gallerybnf .thumbnailtxt span:nth-child(1) { display:block; float:left; width:50%; height:60px; line-height:60px; background:#282828; text-align:center; font-size:20px; font-weight:700; color:#ffffff; letter-spacing:1px; } #gallerybnf .thumbnailtxt span:nth-child(2) { display:block; float:left; width:50%; height:60px; line-height:60px; background:#2d3f2f; text-align:center; font-size:20px; font-weight:700; color:#ffffff; letter-spacing:1px; } #gallerybnf .medialist ul li.title { width:100%; height:60px; line-height:60px; text-align:center; border-left:1px solid #dedede; border-right:1px solid #dedede; border-bottom:1px solid #dedede; box-sizing:border-box; } #gallerybnf .medialist ul li.title a { font-size:22px; font-weight:500; color:#000; letter-spacing:-1px; text-decoration:none; } #gallerybnf .medialist ul li.text { width:100%; height:30px; padding:0px 15px 12px 15px; text-align:center; border-left:1px solid #bababa; border-right:1px solid #bababa; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; box-sizing:border-box; } #gallerybnf .medialist ul li.text a { font-size:16px; font-weight:100; color:#000; text-decoration:none; } #gallerybnf .medialist ul li.day { width:100%; padding:0px 15px 42px 15px; text-align:center; line-height:170%;word-wrap:break-word; border-left:1px solid #bababa; border-right:1px solid #bababa; border-bottom:1px solid #bababa; box-sizing:border-box; } #gallerybnf .medialist ul li.day a { font-size:15px; font-weight:100; color:#000; } #gallerybnf .medialist ul li.bt { text-align:right; margin-top:10px; margin-bottom:30px; margin-right:20px; } #gallerybnf .medialist ul li.oning { position:absolute; top:0px; right:0px; padding:10px 16px; z-index:999; background:#eb4252; font:bold 14px 'NanumGothicBold'; color:#fff; } #gallerybnf .medialist ul li.offing { position:absolute; top:0px; right:0px; padding:10px 23px; z-index:999; background:#000; font:bold 14px 'NanumGothicBold'; color:#fff; } #gallerybnfm { position:relative; width:94%; margin:0 auto; padding-top:50px; padding-bottom:20px; } #gallerybnfm ul { padding-top:0px; } #gallerybnfm ul li.medialist { position:relative; width:100%; margin-bottom:10%; } #gallerybnfm .medialist ul li.thumbnail { position:relative; margin:auto; width:100%; z-index:1; overflow:hidden; box-sizing:border-box; } #gallerybnfm .medialist ul li.thumbnail span { display:block; float:left; width:50%; } #gallerybnfm .medialist ul li.thumbnail img{ width:width:100%; } #gallerybnfm .medialist ul li.thumbnail span img{ width:100%; } #gallerybnfm .thumbnailtxt { position:Relative; width:100%; height:40px; overflow:hidden;; } #gallerybnfm .thumbnailtxt span:nth-child(1) { display:block; float:left; width:50%; height:40px; line-height:40px; background:#282828; text-align:center; font-size:14px; font-weight:700; color:#ffffff; letter-spacing:1px; } #gallerybnfm .thumbnailtxt span:nth-child(2) { display:block; float:left; width:50%; height:40px; line-height:40px; background:#2d3f2f; text-align:center; font-size:14px; font-weight:700; color:#ffffff; letter-spacing:1px; } #gallerybnfm .medialist ul li.title { width:100%; height:50px; line-height:50px; text-align:center; border-left:1px solid #dedede; border-right:1px solid #dedede; border-bottom:1px solid #dedede; box-sizing:border-box; } #gallerybnfm .medialist ul li.title a { font-size:17px; font-weight:500; color:#000; letter-spacing:-1px; text-decoration:none; } #gallerybnfm .medialist ul li.text { width:100%; height:30px; padding:0px 15px 12px 15px; text-align:center; border-left:1px solid #bababa; border-right:1px solid #bababa; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; box-sizing:border-box; } #gallerybnfm .medialist ul li.text a { font-size:16px; font-weight:100; color:#000; text-decoration:none; } #gallerybnfm .medialist ul li.day { width:100%; padding:0px 15px 42px 15px; text-align:center; line-height:170%;word-wrap:break-word; border-left:1px solid #bababa; border-right:1px solid #bababa; border-bottom:1px solid #bababa; box-sizing:border-box; } #gallerybnfm .medialist ul li.day a { font-size:15px; font-weight:100; color:#000; } #gallerybnfm .medialist ul li.bt { text-align:right; margin-top:10px; margin-bottom:30px; margin-right:20px; } #gallerybnfm .medialist ul li.oning { position:absolute; top:0px; right:0px; padding:10px 16px; z-index:999; background:#eb4252; font:bold 14px 'NanumGothicBold'; color:#fff; } #gallerybnfm .medialist ul li.offing { position:absolute; top:0px; right:0px; padding:10px 23px; z-index:999; background:#000; font:bold 14px 'NanumGothicBold'; color:#fff; } #bnfnotice { position:relative; width:100%; margin:0 auto; padding-top:50px; padding-bottom:20px; } #bnfnotice ul { padding-top:0px; } #bnfnotice ul li.medialist { width:100%; margin:0 auto; padding-bottom:50px; border-bottom:1px solid #f0c2b3; } #bnfnotice .medialist ul li.viewimg { position:relative; width:1092px; margin:0 auto; overflow:hidden; } #bnfnotice .medialist ul li.viewimg p { float:left; width:526px; margin:0 10px; } #bnfnotice .medialist ul li.viewimg img{width:100%;} #bnfnotice .medialist ul li.title { position:relative; width:1072px; margin:0 auto; margin-top:10px; padding:30px 0; background:#8d7666; font:bold 26px 'Noto Sans KR'; color:#fff; text-align:center; } #bnfnotice ul li.thumbnail { width:100%; margin:0 auto; padding-top:50px; text-align:center; } #bnfnotice ul li.thumbnail ul { display:inline-block; width:23%; margin:0 0.8%; } #bnfnotice .thumbnail ul li.viewimg { position:relative; width:100%; margin:0 auto; overflow:hidden; } #bnfnotice .thumbnail ul li.viewimg p { float:left; width:49%; margin:0 0.5%; } #bnfnotice .thumbnail ul li.viewimg img{width:100%;} #bnfnotice .thumbnail ul li.title { position:relative; width:100%; margin:0 auto; margin-top:10px; padding:10px 0; background:#000; font:bold 14px 'Noto Sans KR'; color:#fff; text-align:center; } /* 스크립트 후 추가 CSS */ #medialistwrapView .medialist div ul li.thumbnail div.loadingBar {position:absolute;text-align:center;width:100%;padding-top:250px;} /*******************************************************/ /***** 이벤트 CSS ****/ /*******************************************************/ div#event_list {width:100%;} div#event_list li.event_box {float:left;width:398px;max-height:800px;overflow:hidden;margin-bottom:15px;border:1px solid #ddd;text-align:center;} div#event_list li.event_box ul li.thumbnail img{width:100%;max-height:400px;} div#event_list li.event_box ul li.thumbnail_text {width:94%;padding:0 3%;font:bold 14px 'Noto Sans KR';height:30px;margin-top:10px;text-overflow:ellipsis; white-space:nowrap; overflow:hidden; } .ml40{margin-left:40px;} .insertEndBtn{width:260px;margin:0 auto;padding-bottom:30px;} .insertEndBtn li{float:left;margin:0 10px;} .insertEndBtn li a{display:block;width:110px;padding:15px 0;background:#B28B57;color:#fff;font:bold 15px "Noto Sans KR",Gulim; } .insertEndBtn li a:hover{background:#5d5d5d;color:#fff;} #medialistwrapGall_event { position:relative; width:100%; margin:0 auto; padding-top:50px; padding-bottom:20px;} #medialistwrapGall_event ul { padding-top:0px; } #medialistwrapGall_event ul li.medialist { vertical-align:top; margin-right:17px;margin-bottom:25px; position:relative; width:407px; height:350px;overflow:hidden;border-top:2px solid #000; border-left:1px solid #bababa; border-right:1px solid #bababa; border-bottom:1px solid #bababa; } #medialistwrapGall_event .medialist ul li.best { position:absolute; top:0px; left:0px; } #medialistwrapGall_event .medialist ul li.thumbnail { margin-top:23px; margin-left:21px; width:305px; max-height:305px;overflow:hidden; border:1px solid #d3d3db; } #medialistwrapGall_event .medialist ul li.title { padding:20px 0 16px 0; width:80%; margin:0 auto; font:bold 16px 'Noto Sans KR'; color:#000000; text-decoration:underline; } #medialistwrapGall_event .medialist ul li.date { padding:0px 0 16px 0; width:80%; margin:0 auto; font:bold 13px 'Noto Sans KR'; color:#000000;} #medialistwrapGall_event .medialist ul li.text { padding:0px 0 16px 0; width:80%; margin:0 auto; font:13px 'Noto Sans KR'; color:#5f5f61; line-height:170%;word-wrap:break-word;} #medialistwrapGall_event .medialist ul li.bt {text-align:right;padding:20px 0px; } #medialistwrapGall_event .medialist ul li.bt span {margin-right:30px;} /* ======= 모바일 다음글 / 이전글 ======== */ #noticenext {width:100%;padding:20px 0px;position:relative; } #noticenext li.c1 {width:20%;float:left;} #noticenext li.c1 img {vertical-align:middle;margin:5px;} #noticenext li.c2 {width:70%;float:left;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;} #noticeback {width:100%;padding:20px 0px;position:relative; } #noticeback li.c1 {width:20%;float:left;} #noticeback li.c1 img {vertical-align:middle;margin:5px;} #noticeback li.c2 {width:70%;float:left;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;} /* ======= 모바일 상단 뷰 ======== */ #noticetitle { clear:both; width:100%; min-height:64px;display:inline-block; margin:0 auto; border-top:2px solid #000; border-bottom:1px solid #bababa; } #noticetitle ul {position:relative; width:100%; height:80px; overflow:hidden;} #noticetitle ul li.title { width:69%; position:absolute; top:40%; left:0%; transform:translate(0%,-50%); text-align:left; float:left; margin:8px 0; padding-left:15px; font:bold 16px 'Noto Sans KR'; color:#000000; } #noticetitle ul li.day { width:30%; position:absolute; top:40%; right:0%; transform:translate(0%,-50%); float:right; text-align:right; margin:10px 5px; font:14px 'Noto Sans KR'; color:#404040; } #noticetitle ul li.day span { margin-left:10px; font:bold 14px 'Noto Sans KR'; color:#866f3b; } #noticecontent { width:95%; margin:0 auto; padding:50px 0px 50px 0px; font:14px 'Noto Sans KR'; line-height:170%;} #noticecontent img{max-width:100%;height:auto;} #mobile_reservetable td.mobileName input[type=text]{border:1px solid #ddd;margin-left:1px;} #mobile_reservetable td {padding:4px 0px;} .text-left { text-align: left !important; } /* 리스트 */ #medialistwrapGall2 { position:relative; width:100%; margin:0 auto; } #medialistwrapGall2 ul.mediaul { width: calc(100% + 20px); margin: -40px 0 0 -20px; } #medialistwrapGall2 ul li.medialist { float: left; display: inline-block; margin: 50px 0 0 20px; } #medialistwrapGall2 ul li.medialist div { position: relative; width: 413.2px; padding-bottom:40px; border:1px solid #dad4d3; background: #fff; box-sizing: border-box; border-top-left-radius: 14px; border-top-right-radius: 14px; border-bottom-left-radius: 14px; border-bottom-right-radius: 14px; -moz-border-top-left-radius: 14px; -moz-border-top-right-radius: 14px; -moz-border-bottom-left-radius: 14px; -moz-border-bottom-right-radius: 14px; -webkit-border-top-left-radius: 14px; -webkit-border-top-right-radius: 14px; -webkit-border-bottom-left-radius: 14px; -webkit-border-bottom-right: 14px; } #medialistwrapGall2 ul li.active div { border:1px solid #025450; box-shadow:0 4px 4px rgba(0,0,0,.1);z-index:10; } #medialistwrapGall2 .medialist ul li.best { position:absolute; top:0px; left:0px; z-index:999; } #medialistwrapGall2 .medialist ul li.thumbnail { width:100%; height:260px; overflow:hidden; border-top-left-radius: 14px; border-top-right-radius: 14px; -moz-border-top-left-radius: 14px; -moz-border-top-right-radius: 14px; -webkit-border-top-left-radius: 14px; -webkit-border-top-right-radius: 14px; } #medialistwrapGall2 .medialist ul li.thumbnail img{ width:100%; height:260px; transition: All 0.5s ease; -webkit-transition: All 0.5s ease; -moz-transition: All 0.5s ease; -o-transition: All 0.5s ease; } #medialistwrapGall2 .active ul li.thumbnail img{ overflow: hidden; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } #medialistwrapGall2 .medialist ul li.title { padding:25px 25px 0px 25px; } #medialistwrapGall2 .medialist ul li.hashTag { padding:25px 25px 0px 25px; } #medialistwrapGall2 .medialist ul li.title a { font:bold 18px 'Noto Sans KR'; color:#111; text-decoration:none; } #medialistwrapGall2 .medialist ul li.text { width:100%; padding:0px 0 0 0; text-align:center; line-height:170%;word-wrap:break-word; } #medialistwrapGall2 .medialist ul li.text a { font:13px 'Noto Sans KR'; color:#777; } #medialistwrapGall2 .medialist ul li.text2 { position:absolute; top:20px; right:20px; width:50px; padding:18px 0; text-align:center; font-family:'Noto Sans KR'; font-size:12px; color:#fff; background:#000; cursor:pointer; border-top-left-radius: 26px; border-top-right-radius: 26px; border-bottom-left-radius: 26px; border-bottom-right-radius: 26px; -moz-border-top-left-radius: 26px; -moz-border-top-right-radius: 26px; -moz-border-bottom-left-radius: 26px; -moz-border-bottom-right-radius: 26px; -webkit-border-top-left-radius: 26px; -webkit-border-top-right-radius: 26px; -webkit-border-bottom-left-radius: 26px; -webkit-border-bottom-right: 26px; } #medialistwrapGall2 .medialist ul li.bt {text-align:right; margin-top:10px; margin-bottom:30px; margin-right:20px;} #medialistwrapGall2 .blue { color: #0000ff; } .text-right { text-align: right; } .moreBtn { background-color: #062931; color: #fff; padding: 15px 15px; border-radius: 10px; border: 1px solid #000; font-size: 16px; font-weight: bold; } .paylist { position:relative; width:1300px; margin:0 auto; padding:100px 0; } .payselect { width:1300px; margin:0 auto; } .payselect select { width:220px; height:40px; margin-right:10px; outline: none; } .paylisttable { width:100%; } .paylisttable th { height:60px; background:#025450; font-weight:500; font-size:16px; color:#fff; } .paylisttable td { height:60px; border-right:1px solid #cdcdcd; border-bottom:1px solid #cdcdcd; text-align:center; font-size:14px; color:#000; } .paylisttable td:last-child { border-right:0px; } table.depth02 td{border-left: 1px solid#c7c7c7;}