#subwrap { position:relative; width:100%; max-width:1280px; margin:80px auto 80px auto; } /* 탭메뉴 */ .tap { position:relative; width:100%; overflow:hidden; text-align:center; margin-bottom:40px; } .tap ul li { } .tap ul li a { float:left; width:154px; 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:#123456; } .tap ul li.on a { color:#fff; background:#123456; } /* 검색폼 */ #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: #333333; 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; } /* 페이징 */ #pageingWrap { width:100%; margin:auto; padding:40px 0 0 0; text-align:center; overflow:hidden; } #pageingWrap ul li { display:inline-block; width:44px; height:44px; text-align:center; font-family:'Pretendard'; font-size:18px; font-weight:700; color:#666666; line-height:44px; border-radius:100%; cursor:pointer; margin:0 0px; box-sizing:border-box; vertical-align:middle; } #pageingWrap ul li.no_bton { color:#fff; background:#333333; } #pageingWrap ul li.no_btoff { } #pageingWrap ul li.btn_prev { margin-right:8px; } #pageingWrap ul li.btn_next { margin-left:8px; } /* 버튼 */ #noticebt { position:relative; width:100%; margin-top:40px; } #noticebt ul { display: flex; flex-direction: row; flex-wrap: wrap; align-items: stretch; justify-content: right; position:relative; width:100%; } #noticebt ul li { position:relative; width:172px; height:55px; margin:0 4px; } #noticebt ul li a { display:block; width:100%; height:55px; line-height:53px; font-family:'Pretendard'; font-size:21px; color:#ffffff; font-weight:600; text-align:center; border-radius:55px; overflow:hidden; cursor:pointer; } #noticebt ul li input { display:block; width:100%; height:55px; font-family:'Pretendard'; font-size:21px; color:#ffffff; font-weight:600; text-align:center; border-radius:55px; overflow:hidden; cursor:pointer; } #noticebt ul li.listEnd input { background:#2a2a2a; } #noticebt ul li.bt1 a { background:#010b1d; } #noticebt ul li.bt2 a { background:#010b1d; } #noticebt ul li.bt3 a { background:#010b1d; } #noticebt ul li.bt4 a { background:#010b1d; } #noticebt2 { display: flex; flex-direction: row; flex-wrap: wrap; align-items: stretch; justify-content: center; position:relative; width:100%; margin-top:50px; } #noticebt2 input { display:block; width:162px; height:55px; line-height:53px; font-family:'Pretendard'; font-size:21px; color:#ffffff; font-weight:600; border:0px; margin:0 6px; text-align:center; border-radius:55px; overflow:hidden; cursor:pointer; background:#2a2a2a; } #noticebt2 input.noticebt2 { background:#9b9b9b; border:0px; } /* 베이직 리스트 */ #listtablewrap { position:relative; width:100%; margin:0 auto; padding-top:40px; } #listtable { width:100%; border-top:1px solid #8b8b8b; } #listtable tr th { height:86px; border-bottom:1px solid #8b8b8b; font-family:'Pretendard'; font-size:21.5px; color:#000000; font-weight:600; background:#ffffff; } #listtable tr td { height:86px; border-bottom:1px solid #dbdbdb; font-family:'Pretendard'; font-size:18.5px; color:#000000; text-align:center; font-weight:600; background:#ffffff; } #listtable tr th.noticetitle { padding-left:0px; text-align:center; } #listtable tr td.noticetitle { padding-left:62px; text-align:left; } #listtable tr th.noticetitle2,#listtable tr td.noticetitle2 { padding-left:20px; text-align:left; font-size:25px; } #listtable tr th.name2,#listtable tr td.name2 { padding-left:0px; text-align:left; } #listtable tr td.linkview a { display:block; height:38px; font-size:30px; line-height:100%; font-weight:500; } #listtable tr td.daytd2 { color:#bcbcbc; } #listtable tr td.noticetitle span { color:#471b56; padding-left:8px; } #listtable tr td.noticetitle img { vertical-align: text-bottom; } #listtable tr td.noticetitle a { color:#000000; } #listtable tr td .notice-icon { width:62px; height:28px; font-size:15.5px; font-weight:700; color:#0064ff; line-height:26px; border-radius:5px; margin:0 auto; border:1px solid #010b1d; box-sizing:border-box; } #listtable tr td.branch span { display:block; width:62px; height:28px; margin:0 auto; line-height:28px; background:#ffffff; border:1px solid #123456; border-radius:30px; color:#123456; font-size:15.5px; font-weight:500; } /* 공지 표기 */ #listtable .listbt_01 { width:57px; height:23px; margin:0 auto; padding-top:8px; color:#fff; background:#334f8e; } /* 답변 대기 */ #listtable .listbt_02 { display:block; width:100px; height:40px; line-height:40px; margin:0 auto; text-align:center; font-family:'Pretendard'; font-size:16px; color:#010b1d; font-weight:600; border:1px solid #010b1d; background:#ffffff; border-radius:40px; box-sizing:border-box; } /* 답변 완료 */ #listtable .listbt_03 { display:block; width:100px; height:40px; line-height:40px; margin:0 auto; text-align:center; font-family:'Pretendard'; font-size:16px; color:#ffffff; font-weight:600; border:1px solid #010b1d; background:#010b1d; border-radius:40px; box-sizing:border-box; } .insertendbt { display:block; width:119px; height:42px; line-height:40px; margin:0 auto; margin-top:40px; text-align:center; font-size:18px; color:#1a1a1a; font-weight:700; background:#ffffff; border:1px solid #000000; border-radius: 26px; } .review_notice { display: flex; flex-direction: row; flex-wrap: wrap; align-items: stretch; justify-content: flex-start; position:relative; width:100%; margin-top:40px; } .review_notice ul { position:relative; width:396px; padding:30px 24px;margin-right: 46px; margin-bottom:4%; box-sizing:border-box; background:#ffffff; border-top-left-radius:14px; border-top-right-radius:44px; border-bottom-left-radius:44px; border-bottom-right-radius:14px; box-shadow: 2px 2px 20px 4px rgba(0,0,0,10%); } .review_notice ul:nth-child(3) { margin-right:0px; } .review_notice ul li.notice_txt4 { width:100%; height:175px; overflow:hidden; } .review_notice ul li.notice_txt4 img { width:100%; } .review_notice ul li.notice_txt1 { width:320px; margin:0 auto; height:34px; line-height:34px; font-size:18px; font-weight:500; color:#040404; margin-top:26px; font-family:'Pretendard'; } .review_notice ul li.notice_txt1 span:nth-child(1) { display:inline-block; padding:0 12px; height:34px; margin-right:8px; background:#e6eff8; border-radius:12px; font-size:17px; font-weight:500; color:#0970ba; text-align:center; } .review_notice ul li.notice_txt1 span:nth-child(2) { margin:0 4px; font-size:17px; color:#9e9e9e; font-weight:100; } .review_notice ul li.notice_txt2 { width:320px; margin:0 auto; height:80px; padding-top:14px; border-bottom:1px solid #dedede; font-size:20px; font-weight:700; color:#000000; line-height:140%; letter-spacing:-1px; font-family:'Pretendard'; } .review_notice ul li.notice_txt3 { position:relative; width:320px; margin:0 auto; height:24px; margin-top:14px; line-height:24px; font-size:13px; font-weight:500; color:#a1a1a1; font-family:'Pretendard'; } .review_notice ul li.notice_txt3 a { display:block; position:absolute; top:0px; right:0px; width:102px; height:24px; font-size:13px; font-weight:700; color:#a1a1a1; } .review_notice ul li.notice_txt3 a span { display:block; position:absolute; top:0px; right:0px; width:23px; height:23px; border-radius:100%; background:#2acfff; line-height:23px; text-align:center; font-size:14px; font-weight:300; color:#ffffff; } .review_notice2 { display: flex; flex-direction: row; flex-wrap: wrap; align-items: stretch; justify-content: flex-start; position:relative; width:100%; margin-top:30px; } .review_notice2 ul { position:relative; width:396px; padding:30px 24px;margin-right: 46px; margin-bottom:4%; box-sizing:border-box; background:#ffffff; border-top-left-radius:14px; border-top-right-radius:44px; border-bottom-left-radius:44px; border-bottom-right-radius:14px; box-shadow: 2px 2px 20px 4px rgba(0,0,0,10%); } .review_notice2 ul:nth-child(3n) { margin-right:0px; } .review_notice2 ul li.notice_txt4 { width:100%; overflow:hidden; } .review_notice2 ul li.notice_txt4 img { width:100%; } .review_notice2 ul li.notice_txt2 { width:320px; margin:0 auto;margin-top:26px; font-size:20px; font-weight:700; color:#000000; line-height:140%; letter-spacing:-1px; font-family:'Pretendard'; } .review_notice2 ul li.notice_txt1 { width:320px; margin:0 auto; margin-top:6px; height:80px; border-bottom:1px solid #dedede; font-size:17px; font-weight:500; color:#717171; line-height:140%; letter-spacing:-1px; font-family:'Pretendard'; } .review_notice2 ul li.notice_txt3 { position:relative; width:320px; margin:0 auto; height:24px; margin-top:14px; line-height:24px; font-size:13px; font-weight:500; color:#a1a1a1; font-family:'Pretendard'; } .review_notice2 ul li.notice_txt3 a { display:block; position:absolute; top:0px; right:0px; width:102px; height:24px; font-size:13px; font-weight:700; color:#a1a1a1; } .review_notice2 ul li.notice_txt3 a span { display:block; position:absolute; top:0px; right:0px; width:23px; height:23px; border-radius:100%; background:#2acfff; line-height:23px; text-align:center; font-size:14px; font-weight:300; color:#ffffff; } .opennoticewrap4 { display: flex; flex-direction: row; flex-wrap: wrap; align-items: stretch; justify-content: flex-start; position:relative; width:100%; max-width:1280px; margin:0 auto; padding-top:50px; } .opennoticewrap4 .subnotice_list { position:relative; width:23.5%; margin-right:1.7%; margin-bottom:26px; padding-bottom:28px; background:#ffffff; border-radius:16px; border-top-left-radius:28px; border-bottom-right-radius:28px; overflow:hidden; border:1px solid #d5d5d5; } .opennoticewrap4 .subnotice_list:nth-child(4n) { margin-right:0%; } .opennoticewrap4 .subnotice_list div.imgs { border-bottom-left-radius:16px; border-bottom-right-radius:28px; max-height:235px; overflow:hidden;} .opennoticewrap4 .subnotice_list div.imgs img { width:100%; } .opennoticewrap4 .subnotice_list div.t1 { position:relative; width:100%; font-family:'Pretendard'; font-size:19px; color:#2f2f2f; font-weight:700; margin-top:30px; padding-left:28px; padding-right:28px; line-height:150%; box-sizing:border-box; } .opennoticewrap4 .subnotice_list div.t2 { position:relative; width:100%; font-family:'Pretendard'; font-size:15px; color:#616161; font-weight:500; margin-top:4px; padding-left:28px; padding-right:28px; line-height:150%; box-sizing:border-box; } .opennoticewrap4 .subnotice_list div.t3 { position:relative; width:100%; height:24px; line-height:24px; margin-top:20px; padding-left:28px; padding-right:28px; box-sizing:border-box; } .opennoticewrap4 .subnotice_list div.t3 a { display:block; position:absolute; top:0px; right:28px; width:92px; height:24px; font-size:13px; font-weight:700; color:#a1a1a1; } .opennoticewrap4 .subnotice_list div.t3 a span { display:block; position:absolute; top:0px; right:0px; width:23px; height:23px; border-radius:100%; background:#2acfff; line-height:23px; text-align:center; font-size:14px; font-weight:300; color:#ffffff; } .opennoticewrap4 .subnotice_list div.t1 img { padding-left:10px; vertical-align: text-bottom; } .opennoticewrap { display: flex; flex-direction: row; flex-wrap: wrap; align-items: stretch; justify-content: flex-start; position:relative; width:100%; max-width:1280px; margin:0 auto; padding-top:50px; } .opennoticewrap .subnotice_list { position:relative; width:23.5%; margin-right:1.7%; margin-bottom:26px; padding-bottom:28px; background:#ffffff; border-radius:16px; border-top-left-radius:28px; border-bottom-right-radius:28px; overflow:hidden; border:1px solid #d5d5d5; } .opennoticewrap .subnotice_list:nth-child(4n) { margin-right:0%; } .opennoticewrap .subnotice_list div.imgs { border-bottom-left-radius:16px; border-bottom-right-radius:28px; max-height:203px; overflow:hidden;} .opennoticewrap .subnotice_list div.imgs img { margin-top:-29px; margin-bottom:-29px; width:100%; } .opennoticewrap .subnotice_list div.t1 { position:relative; width:100%; height:64px; font-family:'Pretendard'; font-size:19px; color:#2f2f2f; font-weight:700; margin-top:30px; padding-left:28px; padding-right:28px; line-height:150%; box-sizing:border-box; } .opennoticewrap .subnotice_list div.t2 { position:relative; width:100%; height:30px; line-height:30px; font-family:'Pretendard'; font-size:14px; color:#bcbcbc; font-weight:600; padding-left:28px; padding-right:28px; box-sizing:border-box; } .opennoticewrap .subnotice_list div.t2 a { display:block; position:absolute; top:0px; right:28px; width:28px; height:28px; border-radius:100%; line-height:26px; text-align:center; font-size:13px; font-weight:300; box-sizing:border-box; border:1px solid #ffffff; color:#ffffff; } .opennoticewrap .subnotice_list div.t1 img { padding-left:10px; vertical-align: text-bottom; } .opennoticewrap .subnotice_list:hover { background:#010b1d; transition:all 0.3s ease-in-out;} .opennoticewrap .subnotice_list:hover div.t1 { color:#ffffff; transition:all 0.3s ease-in-out;} .opennoticewrap .subnotice_list:hover div.t2 { color:#ffffff; transition:all 0.3s ease-in-out;} .opennoticewrap2 { display: flex; flex-direction: row; flex-wrap: wrap; align-items: stretch; justify-content: flex-start; position:relative; width:100%; max-width:1280px; margin:0 auto; padding-top:50px; } .opennoticewrap2 .subnotice_list { position:relative; width:23.5%; margin-right:1.7%; margin-bottom:26px; padding-bottom:18px; background:#ffffff; border-radius:12px; overflow:hidden; border:1px solid #d5d5d5; } .opennoticewrap2 .subnotice_list:nth-child(4n) { margin-right:0%; } .opennoticewrap2 .subnotice_list div.imgs { width:100%; height:200px; border-bottom-left-radius:16px; border-bottom-right-radius:28px; overflow:hidden;} .opennoticewrap2 .subnotice_list div.imgs img { display:block; width:100%; border-bottom-left-radius:16px; border-bottom-right-radius:28px; } .opennoticewrap2 .subnotice_list div.t1 { position:relative; width:100%; height:64px; font-family:'Pretendard'; font-size:19px; color:#2f2f2f; font-weight:700; margin-top:30px; padding-left:28px; padding-right:28px; line-height:150%; box-sizing:border-box; } .opennoticewrap2 .subnotice_list div.t2 { position:relative; width:100%; height:30px; line-height:30px; font-family:'Pretendard'; font-size:14px; color:#bcbcbc; font-weight:600; padding-left:28px; padding-right:28px; box-sizing:border-box; } .opennoticewrap2 .subnotice_list div.t1 a { color:#2f2f2f; } .opennoticewrap2 .subnotice_list div.t2 a { color:#bcbcbc; } .opennoticewrap2 .subnotice_list:hover { background:#010b1d; transition:all 0.1s ease-in-out;} .opennoticewrap2 .subnotice_list:hover div.t1 a { color:#ffffff; transition:all 0.1s ease-in-out;} .opennoticewrap2 .subnotice_list:hover div.t2 a { color:#ffffff; transition:all 0.1s ease-in-out;} .opennoticewrap2 .subnotice_list:hover .newicon { color:#ffffff; border:1px solid #ffffff; transition:all 0.1s ease-in-out;} .opennoticewrap3 { display: flex; flex-direction: row; flex-wrap: wrap; align-items: stretch; justify-content: flex-start; position:relative; width:100%; max-width:1280px; margin:0 auto; padding-top:50px; } .opennoticewrap3 .subnotice_list { position:relative; width:23.5%; margin-right:1.7%; margin-bottom:26px; padding-bottom:18px; background:#f8f8f8; border-radius:12px; overflow:hidden; border:1px solid #d5d5d5; } .opennoticewrap3 .subnotice_list:nth-child(4n) { margin-right:0%; } .opennoticewrap3 .subnotice_list div.imgs { border-bottom-left-radius:16px; border-bottom-right-radius:28px; max-height:203px; overflow:hidden;} .opennoticewrap3 .subnotice_list div.imgs img { width:100%; } .opennoticewrap3 .subnotice_list div.t3 { position:relative; width:100%; height:28px; margin-top:20px; padding-left:28px; padding-right:28px; box-sizing:border-box; } .opennoticewrap3 .subnotice_list div.t3 span { display:inline-block; border-radius:6px; height:28px; padding:0 16px; text-align:center; line-height:28px; font-size:16px; font-weight:600; color:#010b1d; background:#ffffff; border:1px solid #010b1d; box-sizing:border-box; } .opennoticewrap3 .subnotice_list div.t1 { position:relative; width:100%; height:64px; font-family:'Pretendard'; font-size:19px; color:#2f2f2f; font-weight:700; margin-top:6px; padding-left:28px; padding-right:28px; line-height:150%; box-sizing:border-box; } .opennoticewrap3 .subnotice_list div.t2 { position:relative; width:100%; height:30px; line-height:30px; font-family:'Pretendard'; font-size:14px; color:#bcbcbc; font-weight:600; padding-left:28px; padding-right:28px; box-sizing:border-box; } .opennoticewrap3 .subnotice_list div.t1 a { color:#2f2f2f; } .opennoticewrap3 .subnotice_list div.t2 a {display:block; position:absolute; top:4px; right:28px; } .newicon { display:inline-block; width:18px; height:18px; border-radius:100%; box-sizing:border-box; line-height:18px; text-align:center; font-size:11px; font-family:'Pretendard'; font-weight:700; color:#2a31f7; border:1px solid #2a31f7; margin-left:10px; vertical-align: text-bottom; } .newicon2 { display: inline-block; width: 18px; height: 18px; border-radius: 100%; box-sizing: border-box; line-height: 18px; text-align: center; font-size: 11px; font-family: 'Pretendard'; font-weight: 700; color: #ff4800; border: 1px solid #ff4800; margin-left: 10px; vertical-align: text-bottom; } #jobnotice { display: flex; flex-direction: row; flex-wrap: wrap; align-items: stretch; justify-content: flex-start; position:relative; width:100%; margin:60px 0 60px 0%; overflow:hidden; } #jobnotice ul.listul { position:relative; width:411px; height:232px; margin-right:23px; margin-bottom:23px; padding:72px 30px 30px 32px; border:1px solid #d9d9d9; border-radius:14px; background:#fff; box-sizing:border-box; overflow:hidden; } #jobnotice ul.listul:nth-child(3n) { margin-right:0%; } #jobnotice ul.listul li.cate { position:relative; width:100%; height:30px;} #jobnotice ul.listul li.title { position:relative; width:100%; height:90px; font-size:23px; font-weight:700; color:#2f2f2f; box-sizing:border-box; line-height:150%; letter-spacing:-1px; } #jobnotice ul.listul li.titlecate { position:absolute; top:0px; left:0px; width:106px; height:47px; line-height:47px; text-align:center; font-size:19px; font-weight:700; color:#ffffff; background:#010b1d; } #jobnotice ul.listul li.date { position:relative; width:100%; height:32px; font-size:14px; font-weight:500; color:#7c7c7c; line-height:100%; } #jobnotice 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:#f68308; border:1px solid #f79329; border-radius:100%; box-sizing:border-box; } #jobnotice ul.listul li.date div.ingbt { display:inline-block; width:79px; height:29px; line-height:29px; text-align:center; font-size:15px; font-weight:700; color:#ffffff; background:#ee7d00; border-radius:20px; box-sizing:border-box;} #jobnotice ul.listul li.date div.ingnoticebt { background-color: #245e67; color: white} #jobnotice ul.listul li.date div.endbt { display:inline-block; width:79px; height:29px; line-height:29px; text-align:center; font-size:15px; font-weight:500; color:#ffffff; background:#c0c0c0; border-radius:20px; box-sizing:border-box; } #jobnotice ul.listul li div.day { position:absolute; top:0px; left:95px; height:25px; font-size:14px; color:#bcbcbc; font-weight:600; line-height:29px; } /* 테이블 글 쓰기 */ #writebox { position:relative; width:100%; overflow:hidden; } .writeTable { width:100%; border-top:2px solid #000000; } .writeTable th { height:90px; padding-left:66px; font-size:21.5px; color:#000000; font-weight:600; text-align:left; border-bottom:1px solid #dcdcdc; background:#ffffff; font-family:'Pretendard'; } .writeTable td { height:90px; padding-left:0px; text-align:left; border-bottom:1px solid #dcdcdc; background:#ffffff; font-family:'Pretendard'; } .writeTable td input.input_title { width:99%; height:62px; border:1px solid #dedede; border-radius:10px; font-size:19px; font-weight:700; color:#8b8b8b; text-indent:12px; box-sizing:border-box; font-family:'Pretendard'; } .writeTable td input.input_name { width:170px; height:62px; border:1px solid #dedede; border-radius:10px; font-size:17px; font-weight:600; color:#8b8b8b; text-indent:12px; background:#f7f7f7; box-sizing:border-box; font-family:'Pretendard'; } .writeTable td input.input_phone { width:612px; height:62px; border:1px solid #dedede; border-radius:10px; font-size:17px; font-weight:600; color:#8b8b8b; text-indent:12px; background:#f7f7f7; box-sizing:border-box; font-family:'Pretendard'; } .writeTable select { width:170px; height:62px; border:1px solid #dedede; border-radius:10px; font-family:'Pretendard'; font-size:17px; font-weight:600; color:#8b8b8b; text-indent:12px; box-sizing:border-box; background:#f7f7f7 url('/images/bbs/news/selecticon.png')no-repeat 92% 50%; -webkit-appearance: none; -moz-appearance: none; appearance : none; } .writeTable td.email div.em1 { float:left; width:170px; margin-right:16px; } .writeTable td.email div.em2 { float:left; width:170px; margin-right:16px; } .writeTable td.email div.em3 { float:left; width:170px; } .writeTable td.email input { width:170px; height:62px; border:1px solid #dedede; border-radius:10px; font-size:17px; font-weight:600; color:#8b8b8b; text-indent:12px; background:#f7f7f7; box-sizing:border-box; font-family:'Pretendard'; } .writeTable img.captcha_img { width:90px; } .writeTable input.captcha_txt { width:100px; height:44px; border:1px solid #dcdcdc; box-sizing: border-box; font-weight:500; color:#8b8b8b; text-indent:10px; font-family:'Pretendard'; } .writeTable .captchatd span { padding-left:10px; font-size:17px; font-weight:500; color:#8b8b8b; font-family:'Pretendard'; } .writeTable textarea.contenttxt { width:98%; height:230px; border:1px solid #dcdcdc; margin:20px 0; padding:16px; border-radius:10px; font-family:'Pretendard'; font-size:16px; font-weight:400; color:#8b8b8b; line-height:160%; } .writeTable .contenttxttd { padding:20px 0; } .writeTable input::placeholder { color:#8b8b8b; } .writeTable select::placeholder { color:#8b8b8b; } .filebox label.filebt { display: inline-block; padding: .5em 1.75em; color: #fff; font-size: inherit; line-height: normal; vertical-align: middle; background-color:#010b1d; 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; } .writeTable2 { width:100%; border-top:2px solid #000000; } .writeTable2 th { height:90px; padding-left:66px; font-size:21.5px; color:#000000; font-weight:600; text-align:left; border-bottom:1px solid #dcdcdc; background:#ffffff; font-family:'Pretendard'; } .writeTable2 td { padding:12px 0; padding-left:0px; text-align:left; border-bottom:1px solid #dcdcdc; background:#ffffff; font-family:'Pretendard'; } .writeTable2 td input.input_name { width:90%; height:62px; border:1px solid #dedede; border-radius:10px; font-size:17px; font-weight:600; color:#8b8b8b; text-indent:12px; background:#f7f7f7; box-sizing:border-box; font-family:'Pretendard'; } .writeTable2 td input.input_name2 { width:20%; height:62px; margin-right:10px; border:1px solid #dedede; border-radius:10px; font-size:17px; font-weight:600; color:#8b8b8b; text-indent:12px; background:#f7f7f7; box-sizing:border-box; font-family:'Pretendard'; } .writeTable2 td input.input_name3 { width:20%; height:62px; margin-left:10px; border:1px solid #dedede; border-radius:10px; font-size:17px; font-weight:600; color:#8b8b8b; text-indent:12px; background:#f7f7f7; box-sizing:border-box; font-family:'Pretendard'; } .writeTable2 td div { float:left; width:200px; margin-bottom:10px; font-size:16px; font-weight:400; color:#8b8b8b; font-family:'Pretendard'; } .writeTable2 td div input[type="checkbox"] { display:inline; } #noticeprvie { position:relative; width:1280px; height:238px; background:#f5f7f9; border-radius:22px; margin-top:44px; padding:50px 60px; box-sizing:border-box; overflow-y:scroll; font-family:'Pretendard'; font-size:16px; color:#6e7072; font-weight:500; line-height:156%; } #noticeprvie div.title { width:100%; margin-bottom:20px; font-family:'Pretendard'; font-size:25px; color:#000000; font-weight:700; line-height:100%; } #prvie_check { position:relative; width:100%; text-align:right; overflow:hidden; margin-top:16px; font-family:'Pretendard'; font-size:15px; color:#585252; font-weight:600; } #noticeprvie::scrollbar { width: 5px; height:12px; } #noticeprvie::-webkit-scrollbar { width: 5px; height:12px; } #noticeprvie::scrollbar-track { background-color: rgba(255,255,255,0%); } #noticeprvie::-webkit-scrollbar-track { background-color: rgba(255,255,255,0%); } #noticeprvie::scrollbar-thumb { background: rgba(255,255,255,0%);; } #noticeprvie::-webkit-scrollbar-thumb { background: rgba(255,255,255,0%);; } #noticeprvie::scrollbar-button { display: none; } #noticeprvie::-webkit-scrollbar-button { display: none; } /* 테이블 글 보기 */ .viewTable { position:relative; width:100%; border-top:2px solid #000; margin-top:80px; } .viewTable col.titleBox { width:15%; } .viewTable col.insertBox { width:85%; } .viewTable th { height:130px; border-bottom:1px solid #e5e5e5;} .viewTable th p.title { position:relative; width:100%; font-family:'Pretendard'; font-size:37px; color:#000000; font-weight:600; letter-spacing:-1px; line-height:100%: } .viewTable th p.day { position:relative; width:100%; margin-top:14px; font-family:'Pretendard'; font-size:14px; color:#5b5b5b; font-weight:700; line-height:100%: } .viewTable td.filetd { width:100%; height:78px; padding:0px 45px; background:#f5f5f5; overflow:hidden; } .viewTable td.filetd div { float:left; width:154px; height:20px; font-family:'Pretendard'; font-size:15.5px; color:#171212; font-weight:600; line-height:20px; padding-left:32px; background:url('/images/bbs/default/fileicon.jpg')no-repeat 0 50%; box-sizing:border-box; } .viewTable td.filetd ul { float:left; position:relative; width:1000px; height:20px; line-height:20px; overflow:hidden; } .viewTable td.filetd ul img { } .viewTable td.filetd ul li { float:left; height:20px; margin-right:24px; font-family:'Pretendard'; font-size:15.5px; color:#171212; font-weight:600; } .viewTable td.contents { padding:100px 44px; font-family:'Pretendard'; font-size:18.5px; color:#282828; font-weight:500; line-height:180%; } .viewTable td.contents img { max-width:100%; } .viewTable td.re_contents { width:100%; border-bottom:0px; padding-bottom:50px; } .viewTable td.re_contents div.rptitle { width:150px; padding:18px 0; background:#111; font-family:'Pretendard'; font-size:18.5px; color:#ffffff; font-weight:500; text-align:center; } .viewTable td.re_contents div.rp { width:100%; padding:42px 44px; font-family:'Pretendard'; font-size:18.5px; color:#282828; font-weight:500; line-height:180%; border:1px solid #111; box-sizing:border-box; } .viewTable td.prev { width:100%; height:100px; padding:0px 45px; background:#ffffff; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; overflow:hidden; } .viewTable td.prev div:nth-child(1) { float:left; width:154px; height:20px; font-family:'Pretendard'; font-size:16px; color:#171212; font-weight:600; line-height:20px; padding-left:28px; background:url('/images/bbs/news/noticeback.jpg')no-repeat 0 50%; box-sizing:border-box; } .viewTable td.prev div:nth-child(2) { float:left; position:relative; width:1000px; height:20px; line-height:20px; font-family:'Pretendard'; font-size:16px; color:#5a5a5a; font-weight:600; overflow:hidden; } .viewTable td.next { width:100%; height:100px; padding:0px 45px; background:#ffffff; border-bottom:1px solid #e5e5e5; overflow:hidden; } .viewTable td.next div:nth-child(1) { float:left; width:154px; height:20px; font-family:'Pretendard'; font-size:16px; color:#171212; font-weight:600; line-height:20px; padding-left:28px; background:url('/images/bbs/news/noticenext.jpg')no-repeat 0 50%; box-sizing:border-box; } .viewTable td.next div:nth-child(2) { float:left; position:relative; width:1000px; height:20px; line-height:20px; font-family:'Pretendard'; font-size:16px; color:#5a5a5a; font-weight:600; overflow:hidden; } /* 댓글 */ #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:#123456; 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; } /*******************************************************/ /***** 갤러리 게시판 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; margin-top:50px; border-top:1px solid #245e67; overflow:hidden; } .qnawrap { position:relative; width:100%; border-bottom:1px solid #e0e0e0; } /* padding:28px 0 80px 0; */ .qnawrap .question_notice { position:relative; width:100%; height:76px; line-height:76px; overflow:hidden; background:#fff; cursor:pointer; box-sizing:border-box; } .qnawrap .question_notice ul li.question { position:absolute; top:50%; left:60px; transform:translateY(-50%); width:44px; height:44px; line-height:38px; text-align:center; font-size:22px; font-weight:700; color:#fff; background:#245e67; border-radius: 100%; } .qnawrap .question_notice ul li.questiontitle { width:100%; color:#000000; font-size:19px; font-weight:500; padding-left:120px; box-sizing:border-box; } .qnawrap .imgs { position:absolute; top:32px; right:40px; width:19px; height:14px; transform: rotate(0deg); } .qnawrap .answer_notice { display:none; position:relative; width:100%; padding-left:120px; box-sizing:border-box; overflow:hidden; } .qnawrap .answer_notice ul li.answertitle { width:94%; padding:40px 0; font-size:17px; color:#6e6e6e; line-height:180%; } .qnawrap.active .question_notice { border-bottom:1px solid #e0e0e0; background:#f6fdf5; } .qnawrap.active .answer_notice { display:block; } .qnawrap.active .imgs { transform: rotate(180deg); } /*******************************************************/ /***** 뉴스 게시판 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:1100px; 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:1100px; 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; } */ .mediathum { display: flex; flex-direction: row; flex-wrap: wrap; align-items: stretch; position:relative; width:100%; max-width:1280px; margin:0 auto; margin-top:40px; overflow:hidden; } .mediathum div { position:relative; width:32.3333%; margin-right:1.5%; margin-bottom:4%; border-radius:10px; overflow:hidden; } .mediathum div:nth-child(3n) { margin-right:0px; } .mediathum div ul li:nth-child(1) { position:relative; width:100%; background:#000000; overflow:hidden; } .mediathum div ul li:nth-child(1) img { display:block; width:100%; height:100%;opacity:90%; margin-top: -9.4%; margin-bottom: -9.3%; } .mediathum div ul li:nth-child(2) { position:relative; width:100%; min-height:114px; margin:0 auto; text-align:left; font-size:20px; font-weight:700; color:#000000; line-height:140%; padding:22px 32px; box-sizing:border-box; border:1px solid #d9d9d9; border-bottom-left-radius:10px; border-bottom-right-radius:10px; } .mediathum div ul li:nth-child(2) img { display:inline-block; width:40px; vertical-align:top; margin-right:6px; } .movdivwrap { position:fixed; width:100%; height:100%; top:0; left:0; background:url('/images/common/quickbg.png'); text-align:center; z-index:500; } .movdivwrap iframe { display:block; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:800px; height:450px; } .movdivwrap p { position:absolute; right:0; cursor:pointer; } .mediathum .ytp-button { border: none; background-color: transparent; padding: 0; color: inherit; text-align: inherit; font-size: 100%; font-family: inherit; cursor: default; line-height: inherit; cursor:pointer; } .mediathum .ytp-large-play-button { position: absolute; left: 50%; top: 50%; width: 68px; height: 48px; margin-left: -34px; margin-top: -24px; -webkit-transition: opacity .25s cubic-bezier(0,0,.2,1); transition: opacity .25s cubic-bezier(0,0,.2,1); z-index:5; } /*******************************************************/ /***** 전후사진[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; overflow:hidden; } #eventnotice .medialist { float:left; position:relative; width:595px; height:620px; } #eventnotice .medialist:nth-child(2n) { float:right; position:relative; width:595px; } #eventnotice .medialist li.thumbnail { position:relative; width:595px; height:431px; border:1px solid #000000; box-sizing:border-box; overflow:hidden; } #eventnotice .medialist li.thumbnail img{ width:100%; } #eventnotice .medialist li.day { width:100%; margin-top:40px; font-size:14px; font-weight:600; color:#232323; } #eventnotice .medialist li.day a { color:#232323; } #eventnotice .medialist li.title { width:100%; margin-top:18px; font-size:29px; font-weight:700; color:#010101; line-height:140%; } #eventnotice .medialist li.title a { color:#010101; } #eventnotice .medialist li.title span.oning { display:inline-block; width:88px; height:41px; line-height:41px; margin-right:4px; text-align:center; border-radius:50px; background:#1e2715; vertical-align:top; font-size:20px; font-weight:700; color:#ffffff; } #eventnotice .medialist li.title span.offing { display:inline-block; width:88px; height:41px; line-height:41px; margin-right:4px; text-align:center; border-radius:50px; background:#d8d8d8; vertical-align:top; font-size:20px; font-weight:700; color:#a2a2a2; } #eventnotice .medialist 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 li.text a { font:13px 'Noto Sans KR'; color:#777; } #eventnotice .medialist li.bt { text-align:right; margin-top:10px; margin-bottom:30px; margin-right:20px; } #eventnotice .medialist 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 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; 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; } #medialistwrapGall5 { position:relative; width:1280px; margin:60px auto 0px auto; overflow:hidden; } #medialistwrapGall5 ul { float:left; position:relative; width:24%; margin-right:1.33%; margin-bottom:2%; border:1px solid #d9d9d9; background:#ffffff; border-radius:10px; box-sizing:border-box; overflow:hidden; } #medialistwrapGall5 ul:nth-child(4n) { margin-right:0px; } #medialistwrapGall5 ul li.thumbnail { position:relative; margin:auto; width:100%; z-index:1; height:138px; overflow:hidden;} #medialistwrapGall5 ul li.thumbnail img { display:block; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); max-width:220px; } #medialistwrapGall5 ul li.title { position:relative; width:100%; height:59px; line-height:59px; text-align:center; font-size:21px; font-weight:700; color:#212529; background:#f0f0f0; box-sizing:border-box; } #location {display:none;} #containerwrap {} .docDv2 {display:none;} #srchSection {max-width:1280px; margin:0px auto;} #srchSection .subtitle01 {clear:both;} #srchSection .search_cnt {display:inline-block; width:100%;} #srchSection .search_cnt ul li { float:left; position:relative; width:calc(25% - 20px); height:90px; margin-right:20px; padding-top:40px; } #srchSection .search_cnt ul li a { display:block; position:relative; width:100%; height:90px; line-height:88px; border:1px solid #2179bd; box-sizing:border-box; box-shadow: 3px 3px 28px 2px #dbdbdb; font-size:23px; color:#313131; font-weight:700; letter-spacing:-1px; text-align:center;} #srchSection .search_list { width:100%; padding-top:40px; overflow:hidden; } #srchSection .search_list ul.listul { width: calc(25% - 20px); background:#fff; float:left; position:relative; margin:0 20px 0 0; padding:30px; border:1px solid #d9d9d9; border-radius:14px; box-sizing:border-box; } #srchSection .search_list ul.listul:hover { border:3px solid #245e67; padding:28px; box-sizing:border-box; } #srchSection .search_list ul.listul a { display:block; width:100%; } #srchSection .search_list ul.listul li.title { position:relative; width:100%; height:80px; padding-bottom:16px; border-bottom:1px solid #d9d9d9; font-size:21px; font-weight:700; color:#212529; box-sizing:border-box; line-height:140%; letter-spacing:-1px; word-break:all;} #srchSection .search_list ul.listul li.con { width:100%; height:94px; padding-top:16px; font-size:16px; font-weight:400; color:#7c7c7c; line-height:160%; overflow:hidden; word-break:all;} #srchSection .search_list ul.listul li.date { width:100%; font-size:14px; font-weight:500; color:#7c7c7c; } #srchSection .search_list2 { width:100%; padding-top:40px; overflow:hidden; } #srchSection .search_list2 ul.listul { width: calc(25% - 20px); background:#fff; float:left; position:relative; margin:0 20px 0 0; padding:30px; border:1px solid #d9d9d9; border-radius:14px; box-sizing:border-box; } #srchSection .search_list2 ul.listul:hover { border:3px solid #245e67; padding:28px; box-sizing:border-box; } #srchSection .search_list2 ul.listul a { display:block; width:100%; } #srchSection .search_list2 ul.listul li.title { position:relative; width:100%; height:80px; padding-bottom:16px; font-size:21px; font-weight:700; color:#212529; box-sizing:border-box; line-height:140%; letter-spacing:-1px; word-break:all;} #srchSection .search_list2 ul.listul li.date { width:100%; font-size:14px; font-weight:500; color:#7c7c7c; } #srchSection .notice_viewbt { position:relative; width:100%; margin-top:20px; margin-bottom:20px; } #srchSection .notice_viewbt a { display:block; width:190px; height:46px; margin:0 auto; line-height:46px; text-align:center; background:#309fc4; border-radius:40px; font-size:16px; font-weight:400; color:#fff; } #srchSection .search_none { width:100%; padding:20px 0 20px 0; text-align:center; color:red; font-size:20px;} #bnawrap { position:relative; width:100%; max-width:1280px; margin:0 auto; overflow:hidden; } #bnawrap ul { float:left; position:relative; width:31.3333%; margin-right:3%; margin-bottom:3%; } #bnawrap ul:nth-child(3n) { margin-right:0px; } #bnawrap ul li.thumbnail { width:100%; overflow:hidden; } #bnawrap ul li.thumbnail img { display:block; width:100%; } #bnawrap ul li.title { width:100%; height:70px; line-height:70px; border:1px solid #cdcdcd; box-sizing:border-box; text-align:center; background:#f6f6f6; } #bnawrap ul li.title a { font-size:24px; font-weight:700; color:#010101; }