#subwrap { position:relative; width:1280px; margin:50px auto; } #subwrap img { max-width:100%; } /* 탭메뉴 */ .tap { position:relative; width:100%; overflow:hidden; text-align:center; margin-bottom:40px; } .tap ul li { } .tap ul li a { float:left; width:223px; height:43px; line-height:42px; margin-right:6px; margin-bottom:6px; color:#ffffff; font-size:15px; font-weight:700; text-align:center; background:#a8a8a8; border-radius:10px; } .tap ul li a:hover { color:#fff; background:#c37d46; } .tap ul li.on a { color:#fff; background:#c37d46; } .tap ul li:last-child a { margin-right:0px; } /* 페이징 */ #pageingWrap { width:100%; margin:auto; padding:40px 0 0 0; text-align:center; overflow:hidden; } #pageingWrap ul li { display:inline-block; width:43px; height:43px; text-align:center; font-size:18px; font-weight:700; color:#666666; line-height:43px; cursor:pointer; margin:0 2px; box-sizing:border-box; vertical-align:middle; } #pageingWrap ul li.no_bton { color:#fff; background:#c37d46; } #pageingWrap ul li.no_btoff { } #pageingWrap ul li.btn_prev { margin-right:10px; } #pageingWrap ul li.btn_next { margin-left:10px; } /* 버튼 */ #noticebt { position:relative; width:100%; margin:0 auto; overflow:hidden; } #noticebt ul li { float:right; margin-left:12px; margin-top:30px; } #noticebt ul li a { display:block; width:140px; text-align:center; border-radius: 26px; padding:15px 0; font-size:14px; color:#000; border:1px solid #000; background:#fff; box-sizing:border-box; } #noticebt ul li.bt1 a { color:#fff; border:1px solid #000; background:#000; } #noticebt ul li.bt6 input { display:block; width:140px; margin:0 auto; text-align:center; font-size:14px; color:#fff; background:#000; border:1px solid #000; padding:15px 0; cursor:pointer; border-radius: 26px; } #noticebt ul li.bt6 input:hover { color:#fff; background:#c37d46; border:1px solid #c37d46; } #noticebt ul li.listEnd input { display:block; width:140px; margin:0 auto; text-align:center; font-size:14px; color:#fff; background:#000; border:1px solid #000; padding:15px 0; cursor:pointer; border-radius: 26px; } #noticebt ul li.listEnd input:hover { color:#fff; background:#c37d46; border:1px solid #c37d46; } #noticebt ul li a:hover { color:#fff; background:#c37d46; border:1px solid #c37d46; } /* 검색폼 */ #searchwrap { position:relative; width:100%; max-width:1280px; height:90px; line-height:90px; margin:40px auto 0 auto; border:1px solid #d5d5d5; border-radius:10px; background:#fbfbfb; box-sizing:border-box; } #searchwrap ul { width:100%; text-align:center; } #searchwrap ul li { display:inline-block; vertical-align:middle; } #searchwrap .search { width:138px; height:43px; } #searchwrap .search select { border:0px; width:100%; height:100%; border: 1px solid #d5d5d5; color: #999; padding: 0 8px; box-sizing: border-box; border-radius:10px; font-size:16px; color:#696969; font-weight:500; background:#fff url('/images/bbs/default/selectbg.jpg')no-repeat 108px 14px; -webkit-appearance: none; -moz-appearance: none; appearance : none; vertical-align: top; } #searchwrap .searchicon input { display: block; width:340px; height:43px; padding: 0 14px; margin:0 4px; border: 1px solid #dcdcdc; box-sizing: border-box; border-radius:10px; font-size: 16px; color: #333333; font-weight:500; } #searchwrap .searchclick input { width: 126px; height: 43px; line-height: 34px; background: #c37d46; color: #ffffff; font-size: 18px; font-weight:500; text-align: center;border-radius:10px; font-family: 'Noto Sans KR'; border:0px; cursor:pointer; } #searchwrap .search select::-ms-expand { display: none; } /* 베이직 리스트 */ #listtablewrap { position:relative; width:100%; margin:0 auto; } #listtable { width:100%; border-top:2px solid #f4b586; } #listtable tr th { height:60px; border-bottom:1px solid #c5c5c5; color:#3e3f41; font-size:15px; color:#000; background:#fff; font-weight:500; } #listtable tr td { height:60px; border-bottom:1px solid #e0e0e0; color:#3e3f41; font-size:14px; text-align:center; font-weight:500; } #listtable tr:hover td { border-bottom:1px solid #c37d46; } #listtable tr td.branch span { display:block; width:50px; height:22px; margin:0 auto; line-height:22px; background:#ffffff; border:1px solid #c37d46; border-radius:30px; color:#c37d46; font-size:12px; font-weight:500; } #listtable tr td.noticetitle { text-align:left; padding-left:30px; } #listtable tr td.noticetitle span { color:#471b56; padding-left:8px; } #listtable tr td.noticetitle a { color:#000000; } /* 공지 표기 */ #listtable .listbt_01 { width:57px; height:23px; margin:0 auto; padding-top:8px; color:#fff; background:#334f8e; } /* 답변 대기 */ #listtable .listbt_02 { display:block; width:70px; height:30px; line-height:28px; margin:0 auto; text-align:center; font-size:12px; color:#fff; background:#3b3b3b; border-radius: 26px; } /* 답변 완료 */ #listtable .listbt_03 { display:block; width:70px; height:30px; line-height:28px; margin:0 auto; text-align:center; font-size:12px; color:#fff; background:#c37d46; border-radius: 26px; } /* 테이블 글 보기 */ 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 { padding:30px 0; border-bottom:1px solid #ddd;} table.viewTable tbody td.contents { padding:30px 30px; 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; } table.viewTable tbody p.day{width:13%; padding-right:2%; padding-top:15px; float:left; color:#404040; font-size:16px; text-align:right;} table.viewTable tbody p.day span { float:right; padding-left:14px; color:#471b56; } table.viewTable tbody li.file { padding:5px 4px; color:#404040; font-size:16px; } table.viewTable tfoot { 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-size:14px; } table.viewTable tbody td.re_contents { padding:30px 0 30px 0; border-bottom:0px; color:#444; font-size:14px; line-height:150%; } table.viewTable tbody td div.rptitle { width:150px; padding:10px 0; background:#111; color:#fff; font-size:16px; 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; } /* 댓글 */ #cmtwrap { position:relative; width:1280px; margin:0 auto; margin-top:80px; } dl.cmtinsert { position:relative; width:100%; margin-bottom:40px; } dl.cmtinsert dt.cmtinsert_list { position:relative; width:100%; overflow:hidden; } dl.cmtinsert dt.cmtinsert_list ul li { float:left; width:300px; height:44px; overflow:hidden; } dl.cmtinsert dt.cmtinsert_list ul li label { display:block; float:left; margin-right:14px; height:44px; line-height:44px; font-size:14px; font-weight:500; color:#333; } dl.cmtinsert dt.cmtinsert_list ul li input { display:block; float:left; width:200px; height:44px; margin-right:30px; border:0px solid #999; border-bottom:1px solid #999; font-size:14px; text-indent:6px; } dl.cmtinsert dd.cmtinsert_textarea { position:relative; width:100%; margin-top:10px; overflow:hidden; } dl.cmtinsert dd.cmtinsert_textarea div:nth-child(1) { float:left; width:1080px; } dl.cmtinsert dd.cmtinsert_textarea div:nth-child(2) { float:left; width:180px; margin-left:20px; } dl.cmtinsert dd.cmtinsert_textarea label { display:block; float:left; margin-right:14px; height:44px; line-height:44px; font-size:14px; font-weight:500; color:#333; } dl.cmtinsert dd.cmtinsert_textarea input { display:block; float:left; width:1040px; height:44px; border:0px solid #999; border-bottom:1px solid #999; font-size:14px; text-indent:6px; } dl.cmtinsert dd.cmtinsert_textarea span { display:block; width:100%; height:44px; line-height:44px; background:#c37d46; font-size:14px; text-align:center; font-weight:400; color:#fff; cursor:pointer; } dl.coment { position:relative; width:100%; border-top:1px solid #ececec; } dl.coment dt { width:100%; padding:30px 20px; color:#3e3f41; font-size:14px; color:#000; background:#fff; font-weight:500; box-sizing:border-box; } dl.coment dt span { } dl.coment dt span.cmt_name { display:block; width:100%; } dl.coment dt span.contenttxt { display:block; width:100%; margin-top:14px; color:#666; fo nt-weight:300; } dl.coment dt span.date { display:block; width:100%; margin-top:14px; font-size:12px; font-weight:500; color:#999; } dl.coment dt span.btn { display:block; width:100%; text-align:right; font-size:13px; } dl.coment dt span.btn a:nth-child(1) { padding-right:10px; margin-right:10px; border-right:1px solid #999; } dl.coment dd.hide {display:none;} dd.cmtrevise { width:100%; padding:0px 20px 30px 20px; font-size:12px; font-weight:500; color:#999; box-sizing:border-box; } /* 테이블 글 쓰기 */ #writebox { position:relative; width:100%; padding:30px 20px 30px 0; border-top:2px solid #000; border-bottom:1px solid #000; box-sizing:border-box; } .writeTable { width:100%; } .writeTable th { padding-right:24px; text-align:right; background:#fff; font-size:16px; color:#000; font-weight:500; } .writeTable td { padding:16px 15px; text-align:left; font-size:14px; color:#000; } .writeTable select { border:0px; width:100%; height:44px; border: 1px solid #dcdcdc; color: #666; font-size:14px;text-indent:10px; font-weight:300; box-sizing:border-box; background-position: 390px 10px; } .writeTable select { border-radius:0;} .writeTable select option { display:block; line-height:160%; padding:10px 0; } .writeTable input.input_name { width:100%; height:44px; border: 1px solid #dcdcdc; box-sizing: border-box; font-weight:300; color:#666; text-indent:10px; } .writeTable td.email div.em1 { float:left; width:130px; } .writeTable td.email div.em2 { float:left; width:30px; line-height:44px; text-align:center; } .writeTable td.email div.em3 { float:left; width:130px; margin-right:7px; } .writeTable td.email div.em4 { float:left; width:176px; } .writeTable td.email input { width:100%; height:44px; border: 1px solid #dcdcdc; color: #999; box-sizing: border-box; font-weight:300; color:#666; text-indent:10px; } .writeTable textarea.contenttxt {width:100%; height:400px; border: 1px solid #dcdcdc; padding:16px; font-family:'Noto Sans KR'; font-size:14px; font-weight:400; color:#000; line-height:180%; } .writeTable tr.writetitle input.input_title { width:100%; height:64px; border:0px; border-bottom: 1px solid #979797; color: #999; box-sizing: border-box; font-size:30px; font-weight:500; color:#000; } .writeTable img.captcha_img { width:90px; } .writeTable input.captcha_txt { width: 100px;height: 44px;border: 1px solid #dcdcdc;color: #999;box-sizing: border-box;font-weight: 300;color: #666;text-indent: 10px; } .filebox label { display: inline-block; padding: .5em 1.75em; color: #fff; font-size: inherit; line-height: normal; vertical-align: middle; background-color: #c37d46; cursor: pointer; border-radius: 6px; } .filebox input[type="file"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; } /* 파일 필드 숨기기 */ .filebox .upload-name { display: inline-block; padding-left:10px; vertical-align: middle; color: #999999; border:0px; } /* 개인정보 취급방침 */ #prviebt { position:relative; width:100%; height:20px; margin-top:20px; font-size:16px; font-weight:400; color:#777; } #prviebt a { display:inline-block; vertical-align:middle; margin-left:10px; cursor:pointer; } #prvie { position:fixed; top:0px; left:0px; width:100%; height:0%; background: rgba(0,0,0,0.5); transition:all 0.6s cubic-bezier(0.22, 1, 0.36, 1) 0.5s; } #prvie.active { height:100%; transition:all 0.6s cubic-bezier(0.22, 1, 0.36, 1) 0s; } #prvie .prvie { position:absolute; top:60%; left:50%; transform:translate(-50%,-50%); width:100%; max-width:800px; margin:0 auto; height:570px; overflow-y:scroll; padding:40px; border:1px solid #ddd; box-sizing: border-box; background:#fff; font-size:12px; line-height:150%; opacity:0; transition:all 0.6s cubic-bezier(0.22, 1, 0.36, 1) 0s; } #prvie.active .prvie { opacity:1; top:50%; transition:all 0.6s cubic-bezier(0.22, 1, 0.36, 1) 0.5s; } #prvie_check { width:100%; text-align:left; margin:10px auto; } .checklinkbt-close { display:block; position:absolute; top:50px; right:50px; font-size:30px; font-weight:100; color:#fff; cursor:pointer; } /*******************************************************/ /***** 갤러리 게시판 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%; 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; } #medialistwrapView p.day{ width:13%; padding-right:2%; padding-top:15px; float:left; color:#404040; font-size:16px; text-align:right;} #medialistwrapView p.day span { float:right; padding-left:14px; color:#471b56; } /*******************************************************/ /***** 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; 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-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; 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-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%; } #viewArea { position:relative; width:1280px; margin:0 auto; } #viewArea .mediatitle { position:relative; width:100%; height:50px; overflow:hidden; padding:20px 0; } #viewArea .mediatitle li.title { position:absolute; top:20px; left:0px; font-size:24px; font-weight:700; color:#000; } #viewArea .mediatitle li.day { position:absolute; top:26px; right:0px; font-size:18px; font-weight:400; color:#999; text-align:right; } #viewArea .mediatitle li.day span { font-size:16px;color:#a13c88; } .mediathum { position:relative; width:1280px; margin:0 auto; margin-top:50px; overflow:hidden; } .mediathum dl { float:left; width:24%; margin-right:1.3%; margin-bottom:1.3%; } .mediathum dl:nth-child(4n) { margin-right:0px; } .mediathum dl dt { width:100%; background:#707070; overflow:hidden; } .mediathum dl dt img { width:100%; } .mediathum dl dd { width:100%; height:94px; padding:0 20px; border:1px solid #ddd; box-sizing:border-box; } .mediathumtext li { } .mediathumtext li.title { margin-top:20px; font-size:14px;color:#000; word-wrap:break-word; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .mediathumtext li.hit { margin-top:6px; font-size:14px;color:#334f8e; } .mediathumtext li.day { margin-top:6px; 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-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; } /*******************************************************/ /***** 스타 전후사진 게시판 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; border:1px solid #bababa; border-radius:30px; overflow:hidden; display:inline-block; box-sizing:border-box; } #eventnotice .medialist ul li.best { position:absolute; top:0px; left:0px; z-index:1; } #eventnotice .medialist ul li.thumbnail { position:relative; margin:auto; width:388px; height:210px; z-index:1; overflow:hidden; } #eventnotice .medialist ul li.thumbnail img{ width:100%; } #eventnotice .medialist ul li.title { width:358px; padding:28px 15px 8px 15px; text-align:center; } #eventnotice .medialist ul li.title a { font:bold 18px 'Noto Sans KR'; color:#000; text-decoration:none; } #eventnotice .medialist ul li.day { width:358px; padding:0px 15px 28px 15px; text-align:center; } #eventnotice .medialist ul li.day a { font:bold 16px 'Noto Sans KR'; color:#c37d46; text-decoration:none; } #eventnotice .medialist ul li.text { width:358px; padding:0px 15px 22px 15px; text-align:center; line-height:170%;word-wrap:break-word; } #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:1; 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:1; 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; 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 #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 .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-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; width:100%; height:520px; margin-top:50px; padding:50px 56px; border:1px solid #dadada; box-sizing:border-box; overflow:hidden; } #newmedia ul.mediaul li.txt { float:right; position:relative; width:380; height:403px; padding-left:40px; } #newmedia ul.mediaul li.thumbnail { float:left; width:737px; height:403px; overflow:hidden; } #newmedia ul.mediaul li.thumbnail img { width:100%; height:403px; } #newmedia ul.mediaul li.txt ul li.title a { display:block; width:100%; padding-top:52px; 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:50px; 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; } #imgnotice { position:relative; width: calc(100% + 2%); margin:0px 0 0px -2%; overflow:hidden; } #imgnotice ul.listul { float:left; position:relative; width:31.333%; margin:0 0 2% 2%; border:1px solid #d9d9d9; border-radius:14px; background:#fff; box-sizing:border-box; overflow:hidden; } #imgnotice ul.listul li.imgs { position:relative; width:100%; height:0px; padding-top:65%; overflow:hidden; text-align:center; } #imgnotice ul.listul li.imgs img { display:block; position:absolute; top:0px; left:0px; width:100%; height:100%; } #imgnotice ul.listul li.title { position:relative; width:100%; height:106px; padding:22px 70px 10px 32px; font-size:19px; font-weight:500; color:#212529; box-sizing:border-box; line-height:170%; letter-spacing:-1px; overflow:hidden;} #imgnotice ul.listul li.title span.new { display:inline-block; width:29px; height:29px; margin-left:8px; line-height:27px; text-align:center; font-size:14px; font-weight:700; color:#c37d46; border:1px solid #c37d46; border-radius:100%; box-sizing:border-box; } #imgnotice ul.listul li.date { position:relative; width:100%; padding:0px 30px 30px 32px; font-size:13px; font-weight:400; color:#717171; font-family: 'Jost'; line-height:100%; box-sizing:border-box; } #imgnotice ul.listul li.date div.oning { float:left; width:73px; height:26px; background:#ffde00; font-size:14px; color:#000000; text-align:center; font-weight:700; line-height:26px; border-radius:50px; } #imgnotice ul.listul li.date div.date { float:left; margin-left:16px; margin-top:6px; padding-left:16px; border-left:1px solid #bdbdbd; font-size:13px; font-weight:400; color:#717171; font-family: 'Jost'; line-height:100%; box-sizing:border-box; } .subbnawrap { position:relative; width:1140px; overflow:hidden; background:#fff; } .subbnawrap .subbna { position:relative; width:1140px; margin:0 auto; padding-top:20px; } .subbnawrap ul.bnatxt { position:relative; width:1140px; margin:0 auto; padding-top:110px; } .subbnawrap ul.bnatxt li.t1 { font-size:38px; font-weight:900; color:#000; line-height:100%; } .subbnawrap ul.bnatxt li.t2 { margin-top:10px; font-size:19px; font-weight:400; color:#6c6c6c; line-height:160%; } .subbnawrap .subbna_prev { position:absolute; top:300px; left:0px; cursor:pointer; } .subbnawrap .subbna_next { position:absolute; top:300px; right:0px; cursor:pointer; } .subbnawrap .subbna div.subbnacon { width:1140px; height:auto; margin:0 auto; } .subbnawrap .subbna div.subbnaconwrap { width:1140px; margin:0 auto; } .subbnawrap .subbna div.subbnaimg { position:relative; width:1140px; height:500px; margin:0 auto; } .subbnawrap .subbna div.subbnaimg img { width:100%; } .subbnawrap .subbna div.subbnaimg .bna_login { position:absolute; top:0px; left:0px; width:100%; height:500px; background-color: rgba( 0, 0, 0, 0.9 ); } .subbnawrap .subbna div.subbnaimg .bna_login ul { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); text-align:center; } .subbnawrap .subbna div.subbnaimg .bna_login ul li:nth-child(1) { font-size:18px; font-weight:400; color:#fff; line-height:160%; } .subbnawrap .subbna div.subbnaimg .bna_login ul li:nth-child(2) { width: 480px; } .subbnawrap .subbna div.subbnaimg .bna_login ul li:nth-child(2) a { display:inline-block; border-radius:40px; line-height:40px; text-align:center; margin:0 4px; } .subbnawrap .subbna div.subbnaimg .bna_login ul li:nth-child(2) a.homelogin {width:130px; height:40px; margin-top:20px; font-size:14px; font-weight:400; color:#fff; line-height:40px; text-align:center; border:1px solid #fff; border-radius:40px; cursor:pointer; } .subbnawrap .subbna div.subbnaimg .bna_login ul li:nth-child(2) a.homelogin:hover { background:#c37d46; border:1px solid #c37d46; } .subbnawrap .subbna div.subbnaimg .bna_login ul li:nth-child(2) a.naverlogin { width:150px; height:40px; font-size:15px; font-weight:700; color:#fff; padding-left:20px; box-sizing:border-box; cursor:pointer; background:#00c73c url('/images/common/navericon.jpg')no-repeat 12px 50%; } .subbnawrap .subbna div.subbnaimg .bna_login ul li:nth-child(2) a.talklogin { width:160px; height:40px; font-size:15px; font-weight:700; color:#3e1d23; padding-left:30px; box-sizing:border-box; cursor:pointer; background:#fedc00 url('/images/common/katalkicon.jpg')no-repeat 12px 50%; } .subbnawrap .subbna div.bnatitle { position:relative; width:1140px; padding-top:30px; padding-bottom:20px; margin:0 auto; text-align:center; background:#c37d46; } .subbnawrap .subbna div.bnatitle ul li { width:100%; margin-bottom:10px; font-size:23px; font-weight:700; color:#ffffff; } .subbnawrap .subbna div.bnatitle ul li span { display:inline-block; width:60px; height:60px; margin:0 8px; background:#c37d46; border:1px solid #fff; border-radius:100%; font-size:16px; font-weight:700; color:#fff; line-height:60px; box-sizing:border-box; cursor:pointer; } .subbnawrap .subbna div.bnatitle ul li span.on { display:inline-block; width:60px; height:60px; background:#fff; border:1px solid #fff; border-radius:100%; font-size:16px; font-weight:700; color:#000; line-height:60px; } .subbnawrap .subbna div.subbnaimgbt { position:relative; width:1140px; margin:0 auto; padding-bottom:50px; padding-top:20px; overflow:hidden; } .subbnawrap .subbna div.subbnaimgbt ul li { float:left; position:relative; width:24.25%; height:140px; overflow:hidden; margin-right:1%; margin-bottom:1%; filter: grayscale(100%); cursor:pointer; } .subbnawrap .subbna div.subbnaimgbt ul li.on { filter: grayscale(0%); } .subbnawrap .subbna div.subbnaimgbt ul li img { width:100%; } .subbnawrap .subbna div.subbnaimgbt ul li:nth-child(4), .subbnawrap .subbna div.subbnaimgbt ul li:nth-child(8), .subbnawrap .subbna div.subbnaimgbt ul li:nth-child(12), .subbnawrap .subbna div.subbnaimgbt ul li:nth-child(16), .subbnawrap .subbna div.subbnaimgbt ul li:nth-child(20), .subbnawrap .subbna div.subbnaimgbt ul li:nth-child(24) { margin-right:0px; } .subbnawrap .subbna div.subbnaimgbt ul li .bna_login { position:absolute; top:0px; left:0px; width:100%; height:100%; background-color: rgba( 0, 0, 0, 0.9 ); }