/* ---------------------------- 공통[S] --------------------- */ #subwrap { position:relative; margin:auto; margin-top:40px; padding-left:0px; padding-bottom:20px;} select { vertical-align:middle; } /* ======= 탭메뉴 ======== */ .tap { height:60px; margin:0 auto; padding-left:0px; padding-top:10px;margin-bottom:10px;} .tap ul { overflow:auto; text-align:center; border-bottom:1px solid #334f8e; width:100%;} .tap ul li { float:left; width:132px; padding-top:20px; padding-bottom:18px; background:#fff; } .tap ul li { width:auto !important; padding-left:10px; padding-right:10px; } .tap ul li.on { border-top:#3c5792 1px solid; border-right:#3c5792 1px solid; border-left:#3c5792 1px solid; font:bold 16px 'NanumGothic',Dotum; color:#000000; text-decoration:underline;} .tap ul li.off_right { border-top:#d0d0d8 1px solid; border-right:#d0d0d8 1px solid; font:16px 'NanumGothic',Dotum; color:#000000;} .tap ul li.off_left { border-top:#d0d0d8 1px solid; border-left:#d0d0d8 1px solid; font:16px 'NanumGothic',Dotum; color:#000000;} .mtap { height:150px; margin:0 auto; padding-left:0px; padding-top:10px;margin-bottom:10px;} .mtap ul { overflow:auto; text-align:center; width:100%; border-left:#d0d0d8 1px solid; } .mtap ul li { float:left; width:19.2%; height:20px; padding-top:14px; padding-bottom:18px; background:#fff; border-top:#d0d0d8 1px solid; border-right:#d0d0d8 1px solid; border-bottom:1px solid #d0d0d8; } .mtap ul li a { font:11px 'NanumGothic',Dotum; color:#000000;} .mtap ul li.on { border-top:#ff9000 1px solid; border-right:#ff9000 1px solid; font:bold 11px 'NanumGothic',Dotum; color:#fff; background:#ff9000; } .mtap ul li.on a { font:bold 11px 'NanumGothic',Dotum; color:#fff; } /* ======= 댓글 ========= */ .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:#fff4eb;} dl.coment dd {padding-left:10px; padding-top:5px;border-bottom:1px solid #999;padding-bottom:10px; font-size:12px; line-height:160%; color:#; } dl.coment dd.hide {display:none;} dl.coment span.cmt_name { font-size:13px;font-weight:bold; color:#ff7800; } dl.coment input {border:1px solid #999;font-size:18px;width:130px;} dl.coment textarea {border:1px solid #999; width:100%;height:80px;} /* ======= 검색폼 ======== */ #searchwrap { clear:both; position:relative; left:0px; padding:45px 0px; margin:15px auto; background:#eee;} #searchwrap ul {width:600px;height:55px;margin:auto;position:relative;} #searchwrap ul li {float:left;padding:5px 5px;} .search select { width:160px; height:36px;border:0px solid red; font:13px "NanumGothic",Gulim; } .searchicon input { width:320px; height:30px; border:0px; font:26px "NanumGothic",Gulim; } /* ======= 페이징 ======== */ #pageingWrap { margin:auto; padding-top:10px; display:inline-block;width:100%;} #pageNo { margin:0 auto; width:450px; } #pageingWrap ul li { float:left; } #pageingWrap ul li.no_bton { width:42px; height:30px;padding-top:12px; font:bold 16px 'NanumGothic'; color:#fff; background:#334f8e; text-decoration:underline; text-align:center; } #pageingWrap ul li.no_btoff { width:40px; height:28px;padding-top:12px; border-top:1px solid #8b8b8b; border-left:1px solid #8b8b8b; border-bottom:1px solid #8b8b8b; font:bold 16px 'NanumGothic'; color:#000000; background:#ffffff; text-align:center; } #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 'NanumGothic'; color:#000000; background:#ffffff; text-align:center; } /* ======= 버튼 ======== */ #noticebt { position:relative; top:0px; left:0px; width:100%; padding:34px 0px;margin:0 auto; } #noticebt ul li.bt1 { position:absolute; top:20px; right:0px; } #noticebt ul li.bt2 { position:absolute; top:20px; right:132px; } #noticebt ul li.bt3 { position:absolute; top:20px; right:263px; } #noticebt ul li.bt4 { position:absolute; top:20px; left:0px; } /* ======= 모바일 다음글 / 이전글 ======== */ #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:5%; font-size:15px; font-family: "NanumGothicBold"; color:#000000; } #noticetitle ul li.day { width:30%; float:right; text-align:right; margin-top:20px; margin-right:5%; font-size:13px; font-family: "NanumGothicBold"; color:#404040; } #noticetitle ul li.day span { margin-left:10px; font-size:13px; font-family: "NanumGothicBold"; color:#866f3b; } #noticecontent { width:100%; margin:0 auto; padding:50px 0px 50px 0px; font:14px 'NanumGothic'; line-height:170%; text-align:center; } #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;} /* ---------------------------- 공통[E] --------------------- */ /*******************************************************/ /***** 일반 게시판 CSS ****/ /*******************************************************/ /* ======= 테이블 글 쓰기 ========= */ table.writeTable {width:100%;border-top:2px solid #000;} table.writeTable col.titleBox {width:15%;} table.writeTable col.insertBox {width:35%;} table.writeTable tbody th {clear:both;padding:10px 15px;text-align:left;font:bold 13px 'NanumGothic';background:#fafafa;border-bottom:1px solid #ddd;} table.writeTable tbody th.textArea {vertical-align:top;} table.writeTable tbody td {padding-left:10px;text-align:left;border-bottom:1px solid #ddd;} table.writeTable input.input_txt100 {height:26px; border:1px solid #adadad; font:"NanumGothic",Gulim; width:98%;} table.writeTable input.input_txtFile { height:26px; border:1px solid #adadad; font:"NanumGothic",Gulim; width:350px;} table.writeTable input.input_name { height:26px; border:1px solid #adadad; font:"NanumGothic",Gulim; width:95%;} table.writeTable input.input_txt80 { height:26px; border:1px solid #adadad; font:"NanumGothic",Gulim; width:22%;} table.writeTable input.input_txt40 { height:26px; border:1px solid #adadad; font:"NanumGothic",Gulim; width:55px;} table.writeTable select.intpu_sel { height:26px; width:30%; vertical-align:middle;} table.writeTable span.inputTxt {font-weight:bold;margin:0px 4px;} table.writeTable textarea.contentTxt {width:90%;height:500px;} .hide {display:none;} .caption {visibility:hidden;} #prvie {width:95%;height:100px;overflow-y:scroll;margin:25px auto;padding:15px 10px;border:1px solid #ddd;} #prvie_check {width:95%;text-align:right;margin:10px auto;} /* ======= 테이블 글 보기 ========= */ table.viewTable {width:100%;border-top:2px solid #000;} table.viewTable col.titleBox {width:15%;} table.viewTable col.insertBox {width:85%;} table.viewTable tbody td {border-bottom:1px solid #ddd;} table.viewTable tbody td img { width:100%; max-width:700px; margin:0 auto; padding-bottom:30px; padding-top:60px; } table.viewTable tbody td.contents {padding:10px 0px;} table.viewTable tbody td.re_contents {padding:30px 0px;} table.viewTable tbody ul.subject {width:100%;} table.viewTable tbody p.title{width:85%;float:left;padding:15px 0px;font:bold 16px 'NanumGothic'; color:#000000;} table.viewTable tbody p.day{width:15%;float:left;padding:15px 0px;font:14px 'NanumGothic'; color:#404040;text-align:right;} table.viewTable tbody p.day span { font:bold 14px 'NanumGothic'; color:#334f8e; } table.viewTable tbody li.file {padding:5px 4px;font:13px 'NanumGothic'; } table.viewTable tfoot {font:bold 16px 'NanumGothic'; color:#000000; 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:bold 16px 'NanumGothic';} 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{width:125px;height:45px;float:left;padding-top:20px;} #writeBtnLine li.listEnd {width:125px;height:45px;float:right;padding-top:20px;} /* ======= 리스트 ======== */ #listtablewrap { position:relative; width:100%; margin:0 auto; margin-bottom:50px;} #listtable { width:100%; } #listtable tr th { height:60px; border-bottom:1px solid #bababa; border-top:2px solid #2c2f39; font:bold 15px 'NanumGothic'; color:#3e3f41; } #listtable tr td { height:52px; border-bottom:1px solid #e0e0e0; font:14px 'NanumGothic'; color:#3e3f41; text-align:center; } #listtable tr td.con { font:14px 'NanumGothic'; color:#000000; text-align:left; padding-left:10px; } #listtable tr td.daytd { font:14px 'NanumGothic'; color:#404040; } #listtable tr td.daytd2 { font:bold 14px 'NanumGothic'; color:#334f8e; } #listtable tr td.con span { padding-left:10px;} .listbt_01 { width:57px; height:23px; margin:0 auto; padding-top:8px; font:bold 12px 'NanumGothic'; color:#fff; background:#334f8e; } /* 공지 표기 */ .listbt_02 { width:77px; height:23px; margin:0 auto; padding-top:8px; font:bold 12px 'NanumGothic'; color:#fff; background:#334f8e; } /* 답변 완료 */ .listbt_03 { width:77px; height:23px; margin:0 auto; padding-top:8px; font:bold 12px 'NanumGothic'; color:#fff; background:#3b3b3b; } /* 답변 대기 */ /*******************************************************/ /***** FAQ 게시판 CSS ****/ /*******************************************************/ /* ======= 리스트 ======== */ #notice_content { width:100%; margin:0 auto; border-top:2px solid #2b2b2b; padding-bottom:20px; } .qnawrap { width:100%; border-bottom:1px solid #e0e0e0; padding:30px 0 30px 0; } /* padding:28px 0 80px 0; */ .question_notice { width:100%; height:46px; overflow:hidden; } .question_notice ul li.category { float:left; width:140px; height:10px; padding:12px 0px 22px 24px; border:1px solid #696969; font:bold 15px 'NanumGothic'; color:#3f3f3f; } .question_notice ul li.question{ float:left; width:18px; height:10px; padding:12px 10px 22px 14px; margin-left: 10px; border:1px solid #696969; font:bold 15px 'NanumGothic'; color:#3f3f3f; } .question_notice ul li.questiontitle { float:left; padding-top:12px; margin-left:10px; font:15px 'NanumGothic'; color:#3f3f3f; cursor:pointer; } .answer_notice { width:100%; padding-top:20px; overflow:hidden; } .answer_notice ul li.category { float:left; width:142px; height:10px; padding:12px 0px 22px 24px; border:0px; font:bold 15px 'NanumGothic'; color:#3f3f3f; } .answer_notice ul li.answer { float:left; width:18px; height:10px; padding:12px 10px 22px 14px; margin-left: 10px; border:1px solid #334f8e; font:bold 15px 'NanumGothic'; color:#fff; background:#334f8e; } .answer_notice ul li.answertitle { float:left; position:relative; width:68%; padding:20px 10px 20px 10px; margin-left: 10px; font:15px 'NanumGothic'; color:#3f3f3f; border:1px solid #696969; line-height:240%; } .answer_notice ul li.answertitle dl dd { position:absolute; top:0px; right:0px; padding:8px 8px 8px 8px; border-left:1px solid #696969; border-bottom:1px solid #696969; font:bold 15px 'NanumGothic'; 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 'NanumGothic'; 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 'NanumGothic'; color:#334f8e; } #medialistwrap ul.medialist li.day { padding-top:20px; clear:both; font:14px 'NanumGothic'; 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:#ff912f; font:bold 14px 'NanumGothic'; color:#fff; text-align:center; } /* ======= 상세 보기는 일반 게시판 css ======== */ /*******************************************************/ /***** 동영상 게시판 CSS ****/ /*******************************************************/ /* ======= 리스트 ======== */ #mediawrap { position:relative; width:100%; margin:0 auto; display:inline-block;} #mediawrap ul li { float:left; } #media { width:60%; height:450px; background:#000000;} #mediaContent {width:37%; height:445px; padding-top:15px;padding-left:10px;overflow-y:scroll;border:1px solid #ddd;} div#viewArea {width:100%;display:inline-block;} .mediatitle { width:100%;margin:auto; display:inline-block; } .title span { padding-left:10px; } .mediatitle ul li.title { width:100%; text-align:left; float:left; margin-top:20px; font:bold 16px 'NanumGothic'; color:#000000; text-decoration:underline;} .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; margin-left:14px; padding-top:10px;padding-left:5px;} .mediathum dl.first { float:left; margin-left:0px; } .mediathum dl dt { clear:both; width:230px; background:#707070; } .mediathum dl dd { width:228px; height:115px; border:1px solid #ddd;} .mediathumtext ul li { clear:both; margin-left:20px; } .mediathumtext ul li.title { margin-top:20px; font:bold 14px 'NanumGothic'; color:#000000; } .mediathumtext ul li.hit { margin-top:6px; font:bold 14px 'NanumGothic'; color:#334f8e; } .mediathumtext ul li.day { margin-top:6px; font:14px 'NanumGothic'; color:#404040; } /*******************************************************/ /***** 전후사진[basic_bnf] 게시판 CSS ****/ /*******************************************************/ #bnfwrap { width:100%; padding-top:76px; margin:auto;} #bnf { width:100%; margin:0 auto; text-align:center; } #bnf ul li { display:inline-block;} #bnf ul li.bnfbtleft { width:5%; padding-top:250px; float:left; vertical-align:top;} #bnf ul li.bnfbtright { width:5%; padding-top:250px; float:left; vertical-align:top;} #bnf ul li.bnfimg { position:relative; width:90%;height:530px;float:left; vertical-align:top; } #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:85%;margin:auto; background:#ececec;position:relative; } #bnf ul li.bnfcon div dl dt { font:bold 16px 'NanumGothic',Dotum; text-decoration:underline; padding-top:46px; } #bnf ul li.bnfcon div dl dd { font:14px 'NanumGothic',Dotum; color:#6e6e6e; padding-top:16px; padding-bottom:20px; } div.thumbnail { clear:both; width:100%; margin:15px auto; padding-top:50px; border-top:2px solid #000; display:inline-block; } div.thumbnail ul li { float:left; margin-left:29px; } div.thumbnail ul li.first { margin-left:0px; } div.thumbnail div.thumbnail_con {margin-top:6px; padding-top:20px; width:385px; height:45px; background:#ececec; text-align:center;} /*******************************************************/ /***** 전후사진[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 'NanumGothic',Dotum; text-decoration:underline; padding-top:46px; } #bnf2 ul li.bnfcon2 div dl dd { font:14px 'NanumGothic',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 'NanumGothic',Dotum; text-decoration:underline; text-align:left;margin-left:5px;} #star ul li.starcon div dl dd { font:14px 'NanumGothic',Dotum; color:#6e6e6e; padding-top:16px; text-align:left;margin-left:5px;} /*******************************************************/ /***** 갤러리 게시판 CSS ****/ /*******************************************************/ /* 리스트 */ #medialistwrapGall { position:relative; width:100%; margin:0 auto; padding-top:50px; padding-bottom:20px; } #medialistwrapGall ul { padding-top:0px; } #medialistwrapGall ul li.medialist { margin-right:16px; margin-left:16px; margin-bottom:25px; position:relative; width:390px; border-top:2px solid #000; border-left:1px solid #bababa; border-right:1px solid #bababa; border-bottom:1px solid #bababa; display:inline-block; } #medialistwrapGall .medialist ul li.best { position:absolute; top:0px; left:0px; z-index:999; } #medialistwrapGall .medialist ul li.thumbnail { position:relative; margin:auto; margin-top:43px; width:305px; border:1px solid #d3d3db; z-index:1; height:206px;overflow:hidden;} #medialistwrapGall .medialist ul li.thumbnail img{width:100%;} #medialistwrapGall .medialist ul li.thumbnail a { cursor:pointer; } #medialistwrapGall .medialist ul li.title { padding:20px 0 16px 0; width:80%; margin:0 auto; font:bold 16px 'NanumGothic'; color:#000000; text-decoration:underline; } #medialistwrapGall .medialist ul li.text { padding:0px 0 16px 0; width:80%; margin:0 auto; font:13px 'NanumGothic'; color:#5f5f61; line-height:170%;word-wrap:break-word;} #medialistwrapGall .medialist ul li.bt {text-align:right; margin-top:10px; margin-bottom:30px; margin-right:20px;} /* 상세 보기 */ #medialistwrapViewView { position:relative; width:100%; display:inline-block; margin:0 auto; padding-top:50px; } #medialistwrapView ul { padding-top:10px;} #medialistwrapView ul li.medialist { margin-right:17px; position:relative; width:100%; border-top:2px solid #000; border-left:1px solid #bababa; border-right:1px solid #bababa; border-bottom:1px solid #bababa; } #medialistwrapView .medialist div ul li.thumbnail { clear:both; position:relative; top:30px; width:90%; height:510px; margin:0 auto; border:1px solid #d3d3db; position:relative;left:0px;top:0px;} #medialistwrapView .medialist div ul li.thumbnail div.targetBox {position:relative; width:100%;height:0px;overflow:hidden;} #medialistwrapView .medialist div ul li.thumbnail div.target {position:absolute;} #medialistwrapView .medialist div ul li.thumbnail div.target img {max-width:none;} #medialistwrapView .medialist div ul li.title { padding:50px 0 16px 0; width:90%; margin:0 auto; font:bold 16px 'NanumGothic'; color:#000000; text-decoration:underline; } #medialistwrapView .medialist div ul li.text { padding:0px 0 16px 0; width:90%; margin:0 auto; font:14px 'NanumGothic'; color:#5f5f61; line-height:180%; } #medialistwrapView .medialist div ul li.text img{max-width:100%;width:700px;} #nowrap { position:relative; width:100%; margin:0 auto; } #no { width:430px; margin:0 auto; } #nowrap div.number {height:42px;overflow:hidden;float:left;} #nowrap ul li { float:left; } #nowrap ul li.no_bton { width:180px; height:30px;padding-top:12px; font:bold 16px 'NanumGothic'; color:#fff; background:#334f8e; text-decoration:underline; text-align:center; } #nowrap ul li.no_btoff { width:40px; height:28px;padding-top:12px; border-top:1px solid #8b8b8b; border-left:1px solid #8b8b8b; border-bottom:1px solid #8b8b8b; font:bold 16px 'NanumGothic'; color:#000000; background:#ffffff; text-align:center; } #nowrap 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 'NanumGothic'; color:#000000; background:#ffffff; 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 'nanumgothic';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 "NanumGothic",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 'NanumGothic'; color:#000000; text-decoration:underline; } #medialistwrapGall_event .medialist ul li.date { padding:0px 0 16px 0; width:80%; margin:0 auto; font:bold 13px 'NanumGothic'; color:#000000;} #medialistwrapGall_event .medialist ul li.text { padding:0px 0 16px 0; width:80%; margin:0 auto; font:13px 'NanumGothic'; 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;} #sgbnfwrapbd{position:relative; width:1240px; margin:0 auto; padding-top:20px; } .sgbnfwrap{ float:left; width:49%; height:300px; margin:0 0.5%; } .sgbnf{ width:100%; } .sgbnfimg { width:100%; height:200px; } .sgbnfimg li{ position:relative; width:49%; float:left; margin-right:1%;} .sgbnfimg li img{ width:100%; height:208px; } .sgbnftext{ position:relative; width:98%; margin:0 auto; height:50px; background:#fff; clear:both; padding-top:10px;} .sgbnftext li{ position:relative; float:left; margin-right:10px; font-family:'NanumGothicBold'; font-size:14px; color:#ff912f; padding-right:20px; letter-spacing:-1px; } .sgbnftext li span{ font-family:'NanumGothicBold'; font-size:14px; color:#484343; } .sgbnfimgb{ position:absolute;top:0%; left:0%;/* transform:translateX(-50%); right:3px; */ background:#ff912f; width:76px; height:32px; color:#fff; text-align:center; font-family:'NanumGothicBold'; line-height:200%;} .sgbnfimga{ position:absolute; top:0%; left:0%;/* transform:translateX(-50%); left:3px; */background:#ff912f; width:76px; height:32px; color:#fff; text-align:center; font-family:'NanumGothicBold'; line-height:200%;} .sgbnfview{ padding:40px 0; text-align:center; } .sgbnfview li{position:relative; height:auto; max-height:600px; display:inline-block; } .sgbnfview li img{width:600px;} .datebe{ width:auto; height:20px; position:absolute; bottom:1%; right:2%; font-family:'NanumGothicBold'; color:#fff; font-size:13px; } .bnfbtwrap { position:relative; width:1280px; margin:0 auto; padding:60px 44px 40px 44px; margin-bottom:40px; border:1px solid #d6d6d6; background:#f5f5f5; box-sizing:border-box; } .bnfbtwrap .bnfsub { position:relative; width:100%; overflow:hidden; } .bnfbtwrap .bnfsub div.title { float:left; width:66px; height:34px; line-height:34px; font-size:17px; font-family:'NanumGothicBold'; margin-right:14px; border-right:1px solid #d0d0d0; } .bnfbtwrap .bnfsub ul { float:left; width:1100px; margin-bottom:26px; } .bnfbtwrap .bnfsub ul li { float:left; width:104px; height:34px; font-size:12px; margin-right:6px; line-height:32px; text-align:center; font-family:'NanumGothicBold'; border-radius:30px; border:1px solid #d6d6d6; background:#fff; box-sizing:border-box; cursor:pointer; } .bnfbtwrap .bnfsub ul li.active { background:#ff912f; color:#fff; border:1px solid #ff912f; } .mbnfbtwrap { position:fixed; top:0px; width:100%; height:100%; box-sizing:border-box; background-color: rgba( 0, 0, 0, 0.8 ); z-index:999999; } .mbnfbt { position:relative; width:100%; padding:5% 0; background:#fff; margin-top:0%; } .mbnfbtwrap .bnfsub { position:relative; width:100%; padding:0 5%; background:#fff; overflow:hidden; box-sizing:border-box; } .mbnfbtwrap .bnfsub div.title { width:100%; height:34px; line-height:34px; font-size:14px; font-family:'NanumGothicBold'; } .mbnfbtwrap .bnfsub ul { width:100%; margin-bottom:14px; } .mbnfbtwrap .bnfsub ul li { float:left; width:19%; height:34px; font-size:10px; margin-right:1%; margin-bottom:2%; line-height:32px; text-align:center; font-family:'NanumGothicBold'; border-radius:30px; border:1px solid #d6d6d6; background:#fff; box-sizing:border-box; cursor:pointer; letter-spacing:-1px;} .mbnfbtwrap .bnfsub:nth-child(1) ul li { float:left; width:24%;} .mbnfbtwrap .bnfsub ul li.active { background:#ff912f; color:#fff; border:1px solid #ff912f; } .mbnfbtwrap .close { position:relative; width:100%; height:50px; line-height:50px; text-align:center; background:#ff912f; font-size:18px; color:#fff; font-family:'NanumGothicBold'; } .bnfbt { width:90%; height:54px; margin:0 auto; } .bnfbt a { display:block; width:100%; height:54px; text-align:center; line-height:54px; margin:0 auto; color:#fff; font-size:15px; font-weight:700; border:0px; background:#ff912f; box-sizing:border-box; }