/* ---------------------------- 공통[S] --------------------- */ #subwrap { position:relative; width:1280px; margin:auto; padding:200px 0 100px 0; } .searchtable th.tabletitle { width:100%; background:#471b56; padding:15px 0; color:#fff; font-family:'Noto Sans KR', sans-serif; font-weight:400; font-size:18px; text-align:left; padding-left:10px; } .searchtable th.tabletitle a { color:#fff; } .searchtable th.tablecon { padding:8px 0; font-weight:400; font-size:16px; text-align:left; padding-left:10px; color:#000; } .searchtable td { padding:0px 0 8px 0; font-weight:300; font-size:14px; text-align:left; padding-left:10px; color:#000; line-height:150%; } /* ======= 검색폼 ======== */ #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:100%; overflow:hidden; text-align:center; } .tap ul li { display:inline-block; } .tap ul li a { display:inline-block; margin:0 10px; font-family:'Noto Sans KR'; color:#6f6f6f; font-size:18px; font-weight:500; text-align:center; } .tap ul li a:hover { color:#471b56; } .tap ul li.on a { color:#471b56; } /* ======= 탭메뉴 ======== */ .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 #471b56; color:#471b56; } .tap2 ul li.on a { border-bottom:3px solid #471b56; color:#471b56; } /* ======= 탭메뉴 ======== */ .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 #471b56; color:#471b56; } .tap3 ul li.on a { border-bottom:3px solid #471b56; color:#471b56; } .tap3 ul li.disabled a { color: #ddd; } .tap3 ul li.disabled a:hover { border-bottom:0px; color:#ddd; } /* ======= 리스트 ======== */ #listtablewrap { position:relative; width:100%; margin:0 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 } #listtable tr td:hover {border-bottom:1px solid #471b56; color:#000; } #listtable tr td.con { color:#000000; text-align:left; padding-left:10px; } #listtable tr td.con span { color:#471b56; } #listtable tr td.daytd { color:#404040; } #listtable tr td.daytd2 { color:#334f8e; } #listtable tr td.con span { padding-left:10px; padding-right: 5px;} .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:#471b56; 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; } #pageingWrap ul li.no_bton { width:34px; text-align:center; font-family:'Noto Sans KR'; font-size:12px; 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; 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; text-align: center; } #noticebt ul { display: inline-block; margin: auto; } #noticebt ul li { float:left; 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:#471b56; border:1px solid #471b56; } #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:#471b56; border:1px solid #471b56; } #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:#471b56; border:1px solid #471b56; } #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:#471b56; border:1px solid #471b56; } #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:#471b56; border:1px solid #471b56; } .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:#471b56; border:1px solid #471b56; } .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:#471b56; border:1px solid #471b56; } /* ======= 댓글 ========= */ .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%; max-width:1280px; margin:0 auto; height:170px; overflow-y:scroll; padding:30px 30px 30px 30px; border:1px solid #ddd; box-sizing: border-box; font-family:'NanumSquare'; font-size:13px; } #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:30px 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:83%; padding-left:2%; float:left; font-size:30px; color:#000; font-family:'Noto Sans KR'; } table.viewTable tbody 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;} table.viewTable tbody p.day span { float:right; padding-left:14px; color:#471b56; 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.medialistul { width: calc(100% + 20px); margin: 0px 0 0 -20px; overflow:hidden; } #medialistwrapGall ul li.medialist { float: left; display: inline-block; margin: 50px 0 0 30px; } #medialistwrapGall ul li.medialist ul { position: relative; width:403.2px; padding-bottom:40px; background: #fff; box-sizing: border-box; } #medialistwrapGall ul li.active div { z-index:10; } #medialistwrapGall .medialist ul li.best { position:absolute; top:0px; left:0px; z-index:999; } #medialistwrapGall .medialist ul li.thumbnail { width:100%; max-height:400px; overflow:hidden; } #medialistwrapGall .medialist ul li.thumbnail img{ width:100%; transition: All 0.5s ease; -webkit-transition: All 0.5s ease; -moz-transition: All 0.5s ease; -o-transition: All 0.5s ease; } #medialistwrapGall .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); } #medialistwrapGall .medialist ul li.title { width:100%; padding:18px 0 8px 0; text-align:center; } #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:#471b56; 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:#471b56; } .carebnftext li span{ } .carebnftext .jijum { width:80px; padding:10px 20px; background:#471b56; 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:#471b56; 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:#471b56; } .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:#471b56; 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:#471b56; 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:#471b56; } .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:#471b56; 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 #471b56; background:#471b56; 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 { width:100%; height:710px; background:#000000;} #mediaContent { display:block; width:100%; padding-top:10px;padding-bottom:20px; border:0px solid #ddd;} div#viewArea2 {width:100%;display:inline-block;} div.movieClose{position:absolute;top:0px;right:0px;cursor:pointer;z-index:2;} .mediatitle { width:100%;margin:20px auto 0;} .mediatitle li{float:left; display:inline-block; } .mediatitle li.title { width:1000px; text-align:left; font-family:'Noto Sans KR'; font-size:16px;color:#444; text-decoration:underline;} .mediatitle li.day { width:280px; text-align:right; } .mediatitle li.day span {font-family:'Noto Sans KR'; font-size:16px;color:#1bd5ec; } .mediathum { position:relative; width: calc(100% + 20px); margin:60px 0 0 -20px; overflow:hidden; font-size:0;} .mediathum dl { float:left; width:412.66666px; margin-left:20px; margin-bottom:40px; } .mediathum dl dt { width:100%; height:230px; background:#707070; overflow:hidden; } .mediathum dl dt img { width:100%; } .mediathum dl dd { width:100%; height:115px; border:1px solid #ddd;box-sizing:border-box;} .mediathumtext li { margin-left:20px; } .mediathumtext li.title { margin-top:20px; font-family:'Noto Sans KR'; font-size:14px;color:#000; } .mediathumtext li.hit { margin-top:6px; font-family:'Noto Sans KR'; font-size:14px;color:#334f8e; } .mediathumtext li.day { margin-top:6px;font-family:'Noto Sans KR'; font-size:14px;color:#404040; } /*******************************************************/ /***** 전후사진[basic_bnf] 게시판 CSS ****/ /*******************************************************/ #bnfwrap { position:relative; width:844px; margin:0 auto; margin-top:50px; } #bnf { width:100%; margin:0 auto; text-align:center; } #bnf ul li.bnfbtleft { position:absolute; top:220px; left:-80px; } #bnf ul li.bnfbtright { position:absolute; top:220px; right:-80px; } #bnf ul li.bnfimg { position:relative; width:844px; height:554px; } #bnf ul li.bnfimg div.photos {position:absolute; top:0px; left:0px; width:844px; height:554px; } #bnf ul li.bnfcon { width:100%; padding:30px 0; margin:auto; font-family:'Noto Sans KR'; font-size:22px; color:#fff; font-weight:700; background:#471b56; position:relative; } #bnf ul li.pointbt { width:100%; margin-top:30px; text-align:center; } #bnf ul li.pointbt ul li { display:inline-block; width:65px; height:65px; margin:0 -1px; } #bnfwrap .thumbnail { position:relative; width:844px; margin:0 auto; margin-top:50px; } #bnfwrap .thumbnail ul li { float:left; width:270px; margin-left:17px; } #bnfwrap .thumbnail ul li img { width:100%; } #bnfwrap .thumbnail ul li.first { margin-left:0px; } /*******************************************************/ /***** 전후사진[list_bnf] 게시판 CSS ****/ /*******************************************************/ #bnfwrap2 { position:relative;width:1240px; padding-top:96px; margin:auto;} #bnf2 { float:left; width:730px; margin-left:50px; margin-top:50px; text-align:center; } #bnf2 ul li { float:left; display:inline-block; } #bnf2 ul li.bnfimg { position:relative; width:605px;height:355px; } #bnf2 ul li.bnfimg div.photos {position:absolute; top:0px; left:0px; } #bnf2 ul li.bnfbtleft { margin-right:20px; padding-top:170px; } #bnf2 ul li.bnfbtright { margin-left:20px; padding-top:170px; } #bnf2 ul li.bnfcon2 { width:604px; margin-top:20px; margin-left:62px; background:#ececec; } #bnf2 ul li.bnfcon2 div dl dt { font:bold 16px 'Noto Sans KR',Dotum; text-decoration:underline; padding-top:46px; } #bnf2 ul li.bnfcon2 div dl dd { font:14px 'Noto Sans KR',Dotum; color:#6e6e6e; padding-top:16px;padding-bottom:20px;} div.thumbnail2 { float:right; width:220px; } div.thumbnail2 ul {padding-top:10px;} div.thumbnail2 ul li { } div.thumbnail2 ul li.first { } div.thumbnail2 div.thumbnail_con { padding-top:20px; width:220px; height:45px; background:#ececec; text-align:center;} /*******************************************************/ /***** 스타 전후사진 게시판 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;} #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:390px; display:inline-block; } #eventnotice .medialist ul li.best { position:absolute; top:0px; left:0px; z-index:999; } #eventnotice .medialist ul li.thumbnail { position:relative; margin:auto; width:388px; height:290px; z-index:1; overflow:hidden; border:1px solid #000; } #eventnotice .medialist ul li.thumbnail img{ width:100%; } #eventnotice .medialist ul li.title { width:358px; padding:38px 15px 8px 15px; text-align:center; border-left:1px solid #bababa; border-right:1px solid #bababa; } #eventnotice .medialist ul li.title a { font:bold 16px 'Noto Sans KR'; color:#58473c; text-decoration:none; } #eventnotice .medialist ul li.day { width:358px; padding:0px 15px 12px 15px; text-align:center; border-left:1px solid #bababa; border-right:1px solid #bababa; } #eventnotice .medialist ul li.day a { font:bold 16px 'Noto Sans KR'; color:#f49e81; text-decoration:none; } #eventnotice .medialist ul li.text { width:358px; 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; } #eventnotice .medialist ul li.text a { font:13px 'Noto Sans KR'; color:#777; } #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 'Noto Sans KR'; color:#fff; } #eventnotice .medialist ul li.offing { position:absolute; top:0px; right:0px; padding:10px 23px; z-index:999; background:#000; font:bold 14px 'Noto Sans KR'; 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 li.title { width:65%; text-align:left; float:left; margin-top:20px; padding-left:30px; font:bold 16px 'Noto Sans KR'; color:#000000; } #noticetitle ul li.day { width:30%; float:right; text-align:right; margin-top:20px; font:14px 'Noto Sans KR'; color:#404040; } #noticetitle ul li.day span { margin-left:10px; margin-right:30px; font:bold 14px 'Noto Sans KR'; color:#866f3b; } #noticecontent { width:100%; 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; } #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 #471b56; 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 {overflow:hidden; width:1280px; margin:0 auto;} li.medialist {width:30%; margin-right:5%; } li.medialist:nth-child(3n) {margin-right:0; } #medialistwrapGall2 ul {overflow:hidden; } #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 {width:376px; height:80px;} #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: #471b56; 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:#471b56; 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;} /* 포커스 */ #focus { position:relative; width:100%; } #focus ul.focusul { position:relative; width:100%; height:520px; margin-top:50px; padding:50px 56px; border:1px solid #dadada; box-sizing:border-box; overflow:hidden; } #focus ul.focusul li.focustxt { float:left; position:relative; width:378; height:403px; padding-left:50px; } #focus ul.focusul li.thumbnail { float:right; width:737px; height:403px; overflow:hidden; } #focus ul.focusul li.thumbnail img { width:100%; } #focus ul.focusul li.focustxt ul li.cate { width:100px; height:38px; font-size:16px; font-weight:500; line-height:36px; text-align:center; color:#471b56; border:1px solid #471b56; box-sizing:border-box; } #focus ul.focusul li.focustxt ul li.title a { display:block; width:100%; padding-top:32px; font-size:24px; font-weight:700; color:#000; line-height:1; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } #focus ul.focusul li.focustxt ul li.con a { display:block; width:80%; padding-top:22px; font-size:17px; font-weight:100; color:#000; line-height:180%; } #focus ul.focusul li.focustxt ul li.day { position:absolute; top:0px; left:0px; } /* 포커스 */ #newmedia { position:relative; width:100%; } #newmedia ul.mediaul { position:relative; float: left; width:416px; margin-right: 10px;margin-top:30px; padding:30px; border:1px solid #dadada; box-sizing:border-box; overflow:hidden; } #newmedia ul.mediaul li.txt { position:relative; width:100%; height: 270px;} #newmedia ul.mediaul li.thumbnail { width:100%; height:240px; overflow:hidden; } #newmedia ul.mediaul li.thumbnail img { width:100%; min-height: 240px; } #newmedia ul.mediaul li.txt ul li.title a { display:block; width:100%; padding-top:30px; font-size:24px; font-weight:700; color:#000; line-height:1; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } #newmedia ul.mediaul li.txt ul li.con a { display:block; width:80%; padding-top:22px; font-size:17px; font-weight:100; color:#000; line-height:180%; } #newmedia ul.mediaul li.txt ul li.tag { display:block;padding-top:30px; font-size:19px; font-weight:500; color:#000; line-height:180%; } #medialistwrapGall3 { position:relative; width: calc(100% + 12px); margin:60px 0 0 -12px; overflow:hidden; } #medialistwrapGall3 ul { padding-top:0px; } #medialistwrapGall3 ul li.medialist { float:left; position:relative; width:416px; margin-left:12px; padding:30px 32px; margin-bottom:30px; border:1px solid #d9d9d9; box-sizing:border-box; } #medialistwrapGall3 .medialist ul li.best { position:absolute; top:20px; right:20px; z-index:10; } #medialistwrapGall3 .medialist ul li.thumbnail { position:relative; margin:auto; width:100%; z-index:1; height:240px; margin-top:20px; overflow:hidden;} #medialistwrapGall3 .medialist ul li.thumbnail img { width:100%; min-height:240px; } #medialistwrapGall3 .medialist ul li.title { padding-top:22px; width:100%; margin:0 auto; font-size:24px; font-weight:700; color:#000; letter-spacing:-1px; line-height:140%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } #medialistwrapGall3 .medialist ul li.title a { color:#000; } #medialistwrapGall3 .medialist ul li.text { padding-top:14px; width:100%; margin:0 auto; height:76px; font-size:17px; font-weight:200; color:#212529; line-height:180%; } #medialistwrapGall3 .medialist ul li.bt {text-align:right; margin-top:10px; margin-bottom:30px; margin-right:20px;} #medialistwrapGall3 .medialist ul li.number_icon { width:100%; padding-bottom:10px; font-size:15px; color:#212529; } #medialistwrapGall3 .medialist ul li.date { padding-top:8px; font-size:15px; font-weight:200; color:#212529; } #medialistwrapGall3 .medialist ul li.name { padding-top:8px; font-size:15px; font-weight:200; color:#212529; } #medialistwrapGall3 .medialist ul li.count { padding-top:8px; font-size:15px; font-weight:200; color:#212529; } #medialistwrapGall3 .medialist ul li span { display:inline-block; width:60px; font-size:15px; font-weight:500; color:#212529; } #medialistwrapGall3 .medialist ul li.notice_icon { position:absolute; top:24px; right:32px; z-index:10; width:38px; height:38px; line-height:37px; background:#471b56; text-align:center; color:#fff; font-size:11px; font-weight:400; border-radius:100%; } #medialistwrapGall3 .medialist .text img { display:none; } .main-title {text-align:center;margin-top:20px;}; .main-img {width:100%; margin-bottom:50px;text-align:center;} /* main-img */ .main-img {width:100%; margin-bottom:50px;text-align:center;} /* main-title */ .main-title p:first-child {font-size:18px; font-weight:700; margin-bottom:5px;} .main-title p span {color:#d16163;} .main-title p:last-child {font-size:27px; font-weight:700; margin-bottom:15px;} /* content-wrap */ .content-wrap {width:90%; display:inline-block; margin:0px;} .content-swrap > p {text-align:left; font-weight:800; font-size:18px; margin:20px 0;} .content-swrap > p span {color:#d16163;} .content-swrap .content {background:rgba(254, 246, 246, 0.7); padding:12px; box-sizing:border-box; width:48%; box-shadow:2px 2px 8px #888888; margin-right:4%; margin-bottom:30px; float:left;} .content-swrap .content:nth-child(2n-1) {margin-right:0px;} .content-swrap .content a {width:100%;} .content-swrap:after {display:block; clear:both; content:"";} .content p:first-child {font-size:18px; font-weight:800; line-height:25px; letter-spacing:-2px; color:#212121; float:left;} .content p:nth-child(2) {font-size:23px; font-weight:800; line-height:25px; letter-spacing:-2px; color:#212121; float:right;} .content p span {font-size:18px;} .breast sub {font-size:13px; line-height:30px;} .ev-6 a p:nth-child(2), .ev-10 a p:nth-child(2), .ev-12 a p:nth-child(2) {display:none;} .ev-6 a p:nth-child(3), .ev-10 a p:nth-child(3) {font-size:23px; font-weight:800; line-height:25px; letter-spacing:-2px; color:#212121; float:right;} .ev-11 a p:nth-child(2), .ev-12 a p:nth-child(3) {font-size:18px; font-weight:800; line-height:25px; letter-spacing:-2px; color:#212121; float:right;} @media screen and (max-width: 506px) { .content p:nth-child(2) {font-size:20px; font-weight:700; line-height:20px;} .content p:first-child, .ev-11 a p:nth-child(2), .ev-12 a p:nth-child(3) {font-size:15px; font-weight:700; line-height:20px;} .content p:nth-child(2) span {font-size:15px;} .ev-6 a p:nth-child(3), .ev-10 a p:nth-child(3) {font-size:20px; font-weight:700; line-height:20px;} .ev-6 a p:nth-child(3) span, .ev-10 a p:nth-child(3) span {font-size:15px;} } @media screen and (max-width: 424px) { .content-swrap .content {width:100%; height:53px; box-shadow:2px 2px 8px #888888; margin-right:0; margin-bottom:30px; float:none;} .content p:nth-child(2),.ev-6 a p:nth-child(3), .ev-10 a p:nth-child(3).ev-14 a p:nth-child(3) {font-size:23px; font-weight:800; line-height:25px;} .content p:first-child, .ev-11 a p:nth-child(2), .ev-12 a p:nth-child(3) {font-size:18px; font-weight:800; line-height:30px;} .content p:nth-child(2) span, .ev-6 a p:nth-child(3) span, .ev-10 a p:nth-child(3) span {font-size:18px;} .ev-6 a p:nth-child(1), .ev-10 a p:nth-child(1), .ev-12 a p:nth-child(1) {display:none;} .ev-6 a p:nth-child(2), .ev-10 a p:nth-child(2), .ev-12 a p:nth-child(2) {display:inline-block; font-size:18px; font-weight:800; line-height:25px; letter-spacing:-2px; color:#2554cd; float:left;} } #medialistwrapGall4 { position:relative; width: calc(100% + 20px); margin:60px 0 0 -20px; overflow:hidden; } #medialistwrapGall4 ul { padding-top:0px; } #medialistwrapGall4 ul li.medialist { float:left; position:relative; width:300px; margin-left:20px; margin-bottom:30px; box-sizing:border-box; } #medialistwrapGall4 .medialist ul li.best { position:absolute; top:20px; right:20px; z-index:10; } #medialistwrapGall4 .medialist ul li.thumbnail { position:relative; margin:auto; width:100%; z-index:1; overflow:hidden;} #medialistwrapGall4 .medialist ul li.thumbnail img { width:100%; } #medialistwrapGall4 .medialist ul li.title { padding-top:22px; width:100%; margin:0 auto; font-size:24px; font-weight:700; color:#000; letter-spacing:-1px; line-height:100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; text-align: center; } #medialistwrapGall4 .medialist ul li.title a { color:#000; } #medialistwrapGall4 .medialist ul li.text { padding-top:10px; width:100%; margin:0 auto; height:76px; font-size:15px; font-weight:400; color:#212529; line-height:150%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } #medialistwrapGall4 .medialist ul li.bt {text-align:right; margin-top:10px; margin-bottom:30px; margin-right:20px;} #medialistwrapGall4 .medialist ul li.number_icon { width:100%; padding-bottom:10px; font-size:15px; color:#212529; } #medialistwrapGall4 .medialist ul li.date { padding-top:8px; font-size:15px; font-weight:200; color:#212529; } #medialistwrapGall4 .medialist ul li.name { padding-top:8px; font-size:15px; font-weight:200; color:#212529; } #medialistwrapGall4 .medialist ul li.count { padding-top:8px; font-size:15px; font-weight:200; color:#212529; } #medialistwrapGall4 .medialist ul li span { display:inline-block; width:60px; font-size:15px; font-weight:500; color:#212529; } #medialistwrapGall4 .medialist ul li.notice_icon { position:absolute; top:24px; right:32px; z-index:10; width:38px; height:38px; line-height:37px; background:#471b56; text-align:center; color:#fff; font-size:11px; font-weight:400; border-radius:100%; } #medialistwrapGall4 .medialist .text img { display:none; }