/* ---------------------------- 공통[S] --------------------- */
#subwrap { position:relative; width:1280px; margin:20px auto 30px auto; }
/* ======= íƒë©”뉴 ======== */
.tap { position:relative; width:100%; overflow:hidden; text-align:center; }
.tap ul li { }
.tap ul li a { float:left; width:184px; height:43px; line-height:42px; margin-right:6px; margin-bottom:26px; font-family:'Noto Sans KR'; color:#ffffff; font-size:15px; font-weight:700; text-align:center; background:#a8a8a8; border-radius:10px; }
.tap ul li a:hover { color:#fff; background:#1d73d4; }
.tap ul li.on a { color:#fff; background:#1d73d4; }
.tap2 { position:relative; width:100%; margin-bottom:50px; overflow:hidden; text-align:center; }
.tap2 ul { position:relative; width:100%; display:flex; flex-direction:row; flex-wrap: wrap; align-content:flex-start; justify-content: flex-start align-items:flex-start; }
.tap2 ul li { width:180.8571428571429px; height:54px; margin-right:2px; margin-bottom:2px; }
.tap2 ul li a { display:block; width:100%; height:54px; line-height:54px; margin-right:6px; font-family:'Noto Sans KR'; color:#ffffff; font-size:16px; font-weight:500; text-align:center; background:#a8a8a8; }
.tap2 ul li a:hover { color:#fff; background:#1d73d4; }
.tap2 ul li.on a { color:#fff; background:#1d73d4; }
.package_content { position:relative; width:100%; padding:40px 60px; margin-bottom:30px; border:1px solid #d2d2d2; text-align:left; box-sizing:border-box; overflow:hidden; }
.package_content li:nth-child(1) { float:left; width:216px; font-size:21px; font-weight:700; color:#1d73d4; line-height:100%; }
.package_content li:nth-child(2) { float:left; width:764px; }
.package_content li:nth-child(2) span:nth-child(1) { display:block; width:100%; font-size:28px; font-weight:700; color:#363636; line-height:100%; }
.package_content li:nth-child(2) span:nth-child(2) { display:block; width:100%; font-size:16px; font-weight:500; color:#7e7e7e; line-height:170%; margin-top:10px; }
.package_content li:nth-child(3) { float:right; position:relative; font-size:32px; font-weight:700; color:#363636; text-align:right; line-height:100%; }
.package_content li:nth-child(3) span { position:relative; padding-right:30px; padding-left:0px; overflow:hidden; font-size:22px; font-weight:700; color:#7f7f7f; }
.package_content li:nth-child(3) span img { position:absolute; right:10px; top:50%; transform:translateY(-50%); }
.youtube_video { position:relative; width:100%; height:0px; padding-top:54.8%; margin-bottom:60px; }
.youtube_video iframe { display:block; position:absolute; top:0px; left:0px; width:100%; height:100%; }
/* ======= ê²€ìƒ‰í¼ ======== */
#searchwrap { position:relative; width:100%; max-width:1280px; height:90px; line-height:90px; margin:0 auto 150px 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 .search2 { width:250px; 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; font-family:'Noto Sans KR'; vertical-align: top;
}
#searchwrap .search2 select {
background:#fff url('/images/bbs/default/selectbg.jpg')no-repeat 95% 14px; 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; font-family:'Noto Sans KR';
}
#searchwrap .searchicon2 input {
width: 126px; height: 43px; line-height: 34px; background: #012e44; 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 #000; }
#listtable tr th { height:64px; border-bottom:1px solid #bababa; color:#3e3f41; font-size:15px; color:#000; background:#fff; }
#listtable tr td { height:52px; border-bottom:1px solid #e0e0e0; color:#3e3f41; font-size:14px; font-weight:500; text-align:center; }
#listtable tr td:hover {border-bottom:1px solid #1d73d4; color:#000; }
#listtable tr td.con { color:#000000; text-align:left; padding-left:10px; }
#listtable tr td.con span { color:#1d73d4; }
#listtable tr td.daytd { color:#404040; }
#listtable tr td.daytd2 { color:#334f8e; }
#listtable tr td.con span { padding-left:10px; padding-right: 5px;}
#listtable tr td.medicalcenter span { display:block; width:72px; height:24px; line-height:22px; margin:0 auto; border-radius:30px; background:#fff; border:1px solid #1d73d4; color:#1d73d4; font-size:12px; font-weight:500; }
.listbt_01 { width:57px; height:23px; margin:0 auto; padding-top:8px; color:#fff; background:#334f8e; } /* 공지 표기 */
.listbt_02 { display:block; width:80px; height:34px; line-height:34px; margin:0 auto; text-align:center; font-family:'Noto Sans KR'; font-size:13px; color:#fff; background:#3b3b3b; border-radius: 26px; } /* 답변 대기 */
.listbt_03 { display:block; width:80px; height:34px; line-height:34px; margin:0 auto; text-align:center; font-family:'Noto Sans KR'; font-size:13px; color:#fff; background:#1d73d4; border-radius: 26px; } /* 답변 완료 */
/* ======= 페ì´ì§• ======== */
#pageingWrap { width:100%; margin:auto; padding:40px 0 20px 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:#012e44; }
#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%; padding:30px 0px 34px 0px; margin:0 auto; overflow:hidden; }
#noticebt ul li { float:right; margin-left:14px; }
#noticebt ul li.bt1 a { display:block; width:140px; margin:0 auto; text-align:center; font-family:'Noto Sans KR'; font-size:14px; color:#fff; border:1px solid #000; background:#000; padding:15px 0; border-radius: 26px; }
#noticebt ul li.bt1 a:hover { color:#fff; background:#1d73d4; border:1px solid #1d73d4; }
#noticebt ul li.bt2 a { display:block; width:140px; margin:0 auto; text-align:center; font-family:'Noto Sans KR'; font-size:14px; color:#000; border:1px solid #000; background:#fff; padding:15px 0; border-radius: 26px; }
#noticebt ul li.bt2 a:hover { color:#fff; background:#1d73d4; border:1px solid #1d73d4; }
#noticebt ul li.bt3 a { display:block; width:140px; margin:0 auto; text-align:center; font-family:'Noto Sans KR'; font-size:14px; color:#000; border:1px solid #000; background:#fff; padding:15px 0; border-radius: 26px; }
#noticebt ul li.bt3 a:hover { color:#fff; background:#1d73d4; border:1px solid #1d73d4; }
#noticebt ul li.bt4 a { display:block; width:140px; margin:0 auto; text-align:center; font-family:'Noto Sans KR'; font-size:14px; color:#000; border:1px solid #000; background:#fff; padding:15px 0; border-radius: 26px; }
#noticebt ul li.bt4 a:hover { color:#fff; background:#1d73d4; border:1px solid #1d73d4; }
#noticebt ul li.bt5 a { display:block; width:140px; margin:0 auto; text-align:center; font-family:'Noto Sans KR'; font-size:14px; color:#000; border:1px solid #000; background:#fff; padding:15px 0; border-radius: 26px; }
#noticebt ul li.bt5 a:hover { color:#fff; background:#1d73d4; border:1px solid #1d73d4; }
.listEnd input { display:block; width:140px; margin:0 auto; text-align:center; font-family:'Noto Sans KR'; font-size:14px; color:#fff; background:#000; border:1px solid #000; padding:15px 0; cursor:pointer; border-radius: 26px; }
.listEnd input:hover { color:#fff; background:#1d73d4; border:1px solid #1d73d4; }
.bt6 input { display:block; width:140px; margin:0 auto; text-align:center; font-family:'Noto Sans KR'; font-size:14px; color:#fff; background:#000; border:1px solid #000; padding:15px 0; cursor:pointer; border-radius: 26px; }
.bt6 input:hover { color:#fff; background:#1d73d4; border:1px solid #1d73d4; }
/* ======= 댓글 ========= */
dl.cmtInsert { position:relative; width:100%; }
dl.cmtInsert dt {padding:10px 0px;}
dl.cmtInsert input {border:1px solid #999;font-size:18px;width:130px;}
dl.cmtInsert textarea {border:1px solid #999; width:100%;height:80px;}
dl.coment dt {padding-left:3px; border-top:2px solid #999;margin-top:20px;padding-bottom:5px;border-bottom:1px dotted #999;background:#efffff;}
dl.coment dd {padding-left:10px; padding-top:5px;border-bottom:1px solid #999;padding-bottom:10px;}
dl.coment dd.hide {display:none;}
dl.coment span.cmt_name {font-size:13px;font-weight:bold;}
dl.coment input {border:1px solid #999;font-size:18px;width:130px;}
dl.coment textarea {border:1px solid #999; width:100%;height:80px;}
/* ======= í…Œì´ë¸” 글 쓰기 ========= */
table.writeTable { width:100%; border-top:2px solid #000; }
table.writeTable th { text-align:center; background:#fff; border-bottom:1px solid #ddd; font-family:'Noto Sans KR'; font-size:17px; color:#000; }
table.writeTable td { padding:30px 15px; text-align:left; border-bottom:1px solid #ddd; font-family:'Noto Sans KR'; font-size:14px; color:#000; }
table.writeTable select { border:0px; width:90%; height:44px; border: 1px solid #dcdcdc; color: #999; font-family:'Noto Sans KR'; font-size:15px; padding: 0 14px; box-sizing: border-box; background-position: 390px 10px; }
table.writeTable select { border-radius:0;}
table.writeTable select option { display:block; line-height:160%; padding:10px 0; }
table.writeTable input.input_name { width:90%; height:44px; border: 1px solid #dcdcdc; color: #999; box-sizing: border-box; }
table.writeTable input.input_txt40 { width:20%; height:44px; border: 1px solid #dcdcdc; color: #999; box-sizing: border-box; }
table.writeTable input.input_txt80 { width:20%; height:44px; border: 1px solid #dcdcdc; color: #999; box-sizing: border-box; }
table.writeTable tr.email select { border:0px; width:20%; height:44px; border: 1px solid #dcdcdc; color: #999; font-family:'Noto Sans KR'; font-size:15px; padding: 0 14px; box-sizing: border-box; background-position: 190px 10px; }
table.writeTable th.textArea {vertical-align:top; padding-top:30px;}
table.writeTable span { color:red; }
table.writeTable span.inputTxt { margin:0px 4px; }
table.writeTable textarea.contentTxt {width:90%; height:500px;}
table.writeTable input.input_txtFile { width:200px; height:26px; border:0px solid #adadad; }
#prvie { width:100%; max-width:1280px; margin:0 auto; height:170px; overflow-y:scroll; padding:30px 30px 30px 30px; border:1px solid #ddd; box-sizing: border-box; font-family:'NanumSquare'; font-size:13px; }
#prvie_check { width:100%; text-align:left; margin:10px auto; font-family:'NanumSquare'; font-size:13px; }
td.file p { padding-bottom:8px; }
/* ======= í…Œì´ë¸” 글 보기 ========= */
table.viewTable { width:100%; border-top:2px solid #000; border-bottom:1px solid #000; }
table.viewTable col.titleBox { width:15%; }
table.viewTable col.insertBox { width:85%; }
table.viewTable tbody td { padding:30px 0; border-bottom:1px solid #ddd;}
table.viewTable tbody td.contents { padding:20px 3%; font-family:'Noto Sans KR'; color:#444; font-size:14px; }
table.viewTable tbody ul.subject {width:100%;}
table.viewTable tbody p.title{ width:83%; padding-left:2%; float:left; font-size:30px; color:#000; font-family:'Noto Sans KR'; }
table.viewTable tbody p.day{width:13%; padding-right:2%; padding-top:15px; float:left; font-family:'Noto Sans KR'; color:#404040; font-size:16px; text-align:right;}
table.viewTable tbody p.day span { float:right; padding-left:14px; color:#1d73d4; font-family:'Noto Sans KR'; }
table.viewTable tbody li.file { padding:5px 4px; font-family:'Noto Sans KR'; color:#404040; font-size:16px; }
table.viewTable tfoot { font-family:'Noto Sans KR'; color:#000; font-size:16px; border-bottom:1px solid #000;}
table.viewTable tfoot tr.next td {border-top:1px solid #000;border-bottom:1px solid #ddd;}
table.viewTable tfoot tr.prev td {border-bottom:1px solid #000;}
table.viewTable tfoot td.title {padding:15px 10px;}
table.viewTable tfoot td.title img {padding:0px 15px;}
table.viewTable tfoot td.subject { font-family:'Noto Sans KR'; font-size:14px; }
table.viewTable tbody td.re_contents { padding:20px 3% 50px 3%; margin-bottom:20px; font-family:'Noto Sans KR'; color:#444; font-size:14px; line-height:150%; }
table.viewTable tbody td div.rptitle { width:120px; padding:10px 0; background:#111; color:#fff; font-family:'Noto Sans KR' !important; font-size:18px; text-align:center; }
table.viewTable tbody td div.rp { width:96%; padding:22px 2%; border:1px solid #111; }
table.viewTable tfoot ul li.bt1 { position:absolute; top:80px; right:0px; }
table.viewTable tfoot ul li.bt2 { position:absolute; top:80px; right:132px; }
table.viewTable tfoot ul li.bt3 { position:absolute; top:80px; right:263px; }
table.viewTable tfoot ul li.bt4 { position:absolute; top:80px; left:0px; }
#writeBtnLine ul{width:100%;padding:25px; 0px;}
#writeBtnLine li{ }
#writeBtnLine li.listEnd { }
.re_contents { padding:50px 0 0 0; margin-bottom:20px; font-family:'Noto Sans KR'; color:#444; font-size:14px; line-height:150%; }
.re_contents div.rptitle { width:120px; padding:10px 0; background:#111; color:#fff; font-family:'Noto Sans KR' !important; font-size:18px; text-align:center; }
.re_contents div.rp { width:96%; padding:22px 2%; border:1px solid #111; }
/*******************************************************/
/***** 갤러리 ê²Œì‹œíŒ CSS ****/
/*******************************************************/
/* 리스트 */
#medialistwrapGall { position:relative; width:100%; margin:0 auto; }
#medialistwrapGall ul.medialistul { width: calc(100% + 20px); margin: 0px 0 0 -20px; overflow:hidden; }
#medialistwrapGall ul li.medialist { float: left; display: inline-block; margin: 50px 0 0 30px; }
#medialistwrapGall ul li.medialist ul { position: relative; width:403.2px; padding-bottom:40px; background: #fff; box-sizing: border-box; }
#medialistwrapGall ul li.active div { z-index:10; }
#medialistwrapGall .medialist ul li.best { position:absolute; top:0px; left:0px; z-index:999; }
#medialistwrapGall .medialist ul li.thumbnail { width:100%; max-height:400px; overflow:hidden; }
#medialistwrapGall .medialist ul li.thumbnail img{ width:100%; transition: All 0.5s ease; -webkit-transition: All 0.5s ease; -moz-transition: All 0.5s ease; -o-transition: All 0.5s ease; }
#medialistwrapGall .active ul li.thumbnail img{ overflow: hidden; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
#medialistwrapGall .medialist ul li.title { width:100%; padding:18px 0 8px 0; text-align:center; }
#medialistwrapGall .medialist ul li.title a { font-size:20px; color:#000; font-weight:700; text-decoration:none; }
#medialistwrapGall .medialist ul li.text { width:100%; padding:0px 0; text-align:left; line-height:170%;word-wrap:break-word; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#medialistwrapGall .medialist ul li.text a { color:#888; font-size:15px; }
#medialistwrapGall .medialist ul li.text2 { position:absolute; top:20px; right:20px; width:50px; padding:18px 0; text-align:left; font-size:12px; color:#fff; background:#000; cursor:pointer;
}
#medialistwrapGall .medialist ul li.bt {text-align:right; margin-top:10px; margin-bottom:30px; margin-right:20px;}
/* ìƒì„¸ 보기 */
#medialistwrapView { position:relative; width:100%; display:inline-block; margin:0 auto; }
#medialistwrapView ul { }
#medialistwrapView ul li.txt_title { position:relative; width:100%; padding:30px 0; margin:0 auto; border-top:2px solid #000; border-bottom:1px solid #999; overflow:hidden; }
#medialistwrapView ul li.txt_text { padding:40px 3%; font-family:'Noto Sans KR'; color:#444; font-size:14px; border-bottom:1px solid #000; }
#medialistwrapView ul li.txt_text img { max-width:100%; }
#medialistwrapView p.title{ width:83%; padding-left:2%; float:left; font-size:30px; color:#000; font-family:'Noto Sans KR'; }
#medialistwrapView p.day{ width:13%; padding-right:2%; padding-top:15px; float:left; font-family:'Noto Sans KR'; color:#404040; font-size:16px; text-align:right;}
#medialistwrapView p.day span { float:right; padding-left:14px; color:#1d73d4; font-family:'Noto Sans KR'; }
/*******************************************************/
/***** FAQ ê²Œì‹œíŒ CSS ****/
/*******************************************************/
/* ======= 리스트 ======== */
#notice_content { width:100%; margin:0 auto; border-top:2px solid #000; padding-bottom:20px; }
.qnawrap { width:100%; border-bottom:1px solid #e0e0e0; } /* padding:28px 0 80px 0; */
.question_notice { width:100%; height:46px; padding:30px 0; overflow:hidden; background:#f9f8f8; }
.question_notice ul li.category { float:left; width:150px; padding:0 20px 0 50px; font-family:'Noto Sans KR'; color:#000; font-size:18px; padding-top:10px; }
.question_notice ul li.question{ float:left; display:block; width:55px; margin-left:50px; text-align:center; font-family:'Noto Sans KR'; font-size:24px; color:#fff; border:1px solid #1d73d4; background:#1d73d4; padding:10px 0;
border-radius: 100%;
}
.question_notice ul li.questiontitle { float:left; padding-top:8px; margin-left:24px; font-family:'Noto Sans KR'; color:#000; font-size:30px; cursor:pointer; }
.answer_notice { width:100%; overflow:hidden; }
.answer_notice ul li.answer { float:left; display:block; width:55px; margin-left:50px; margin-top:30px; text-align:center; font-family:'Noto Sans KR'; font-size:24px; color:#fff; border:1px solid #000; background:#000; padding:10px 0;
border-radius: 100%;
}
.answer_notice ul li.answertitle { float:left; width:1000px; margin-left:50px; margin-top:50px; font-family:'NanumSquareL'; font-size:15px; color:#444; line-height:190%; padding-bottom:50px; }
.answer_notice ul li.answertitle dl dd { position:absolute; top:0px; right:0px; padding:8px 8px 8px 8px; font:bold 15px 'Noto Sans KR'; color:#3f3f3f; cursor:pointer; }
/*******************************************************/
/***** 뉴스 ê²Œì‹œíŒ CSS ****/
/*******************************************************/
/* ======= 리스트 ======== */
#medialistwrap { position:relative; width:100%; margin:0 auto; line-height:170%;}
#medialistwrap div.mediBox {position:relative;display:inline-block;vertical-align:top;border-top:2px solid #000; border-left:1px solid #bababa; border-right:1px solid #bababa; border-bottom:1px solid #bababa;}
#medialistwrap div.mediBox div.noticeLayer { position:absolute; left:45px;top:0px; }
#medialistwrap ul.medialist { position:relative; width:400px; padding-top:10px; padding-bottom:30px; margin:auto; float:left;}
#medialistwrap ul.medialist li.title { float:left; margin-top:48px; width:325px; font:bold 14px 'Noto Sans KR'; color:#000000; text-decoration:underline; }
#medialistwrap ul.medialist li.title img { padding-left:10px; }
#medialistwrap ul.medialist li.hit { margin-top:48px; float:left; font:bold 14px 'Noto Sans KR'; color:#334f8e; }
#medialistwrap ul.medialist li.day { padding-top:20px; clear:both; font:14px 'Noto Sans KR'; color:#404040; }
#medialistwrap ul.medialist li.con { margin-top:36px; width:392px; background:#000; }
#medialistwrap ul.medialist li.text { margin-top:16px; padding:20px 30px 10px 30px; width:330px; height:100px; background:#f9f9fb; border:1px solid #d0d0d8; }
#medialistwrap ul.medialist li.bt { text-align:right; padding-top:20px; }
#medialistwrap ul.medialist li.bt a {margin-right:10px; background:#3d5894; padding:10px 14px; color:#fff; font-weight:bold; }
.tosee {clear:both; position:relative; padding:20px 0px; margin:15px auto;background:#f0f0f0; font:bold 14px 'Noto Sans KR'; color:#334f8e; text-align:center; }
/* ======= ìƒì„¸ 보기는 ì¼ë°˜ ê²Œì‹œíŒ css ======== */
/*******************************************************/
/***** ë™ì˜ìƒ ê²Œì‹œíŒ CSS ****/
/*******************************************************/
/* ======= 리스트 ======== */
#mediawrap { position:relative; width:100%; margin:0 auto; display:inline-block;}
#mediawrap ul li { clear:both; width:100%; }
#media { width:100%; height:710px; background:#000000;}
#mediaContent { display:block; width:100%; padding-top:10px;padding-bottom:20px; border:0px solid #ddd;}
div#viewArea2 {width:100%;display:inline-block;}
div.movieClose{position:absolute;top:0px;right:0px;cursor:pointer;z-index:2;}
.mediatitle { width:100%;margin:20px auto 0;}
.mediatitle li{float:left; display:inline-block; }
.mediatitle li.title { width:1000px; text-align:left; font-family:'Noto Sans KR'; font-size:16px;color:#444; text-decoration:underline;}
.mediatitle li.day { width:280px; text-align:right; }
.mediatitle li.day span {font-family:'Noto Sans KR'; font-size:16px;color:#1bd5ec; }
.mediathum { position:relative; width: calc(100% + 20px); margin:60px 0 0 -20px; overflow:hidden; font-size:0;}
.mediathum dl { float:left; width:412.66666px; margin-left:20px; margin-bottom:40px; }
.mediathum dl dt { width:100%; height:230px; background:#707070; overflow:hidden; }
.mediathum dl dt img { width:100%; }
.mediathum dl dd { width:100%; height:115px; border:1px solid #ddd;box-sizing:border-box;}
.mediathumtext li { margin-left:20px; }
.mediathumtext li.title { margin-top:20px; font-family:'Noto Sans KR'; font-size:14px;color:#000; }
.mediathumtext li.hit { margin-top:6px; font-family:'Noto Sans KR'; font-size:14px;color:#334f8e; }
.mediathumtext li.day { margin-top:6px;font-family:'Noto Sans KR'; font-size:14px;color:#404040; }
/*******************************************************/
/***** ì „í›„ì‚¬ì§„[basic_bnf] ê²Œì‹œíŒ CSS ****/
/*******************************************************/
#bnfwrap { position:relative; width:844px; margin:0 auto; margin-top:50px; }
#bnf { width:100%; margin:0 auto; text-align:center; }
#bnf ul li.bnfbtleft { position:absolute; top:220px; left:-80px; }
#bnf ul li.bnfbtright { position:absolute; top:220px; right:-80px; }
#bnf ul li.bnfimg { position:relative; width:844px; height:554px; }
#bnf ul li.bnfimg div.photos {position:absolute; top:0px; left:0px; width:844px; height:554px; }
#bnf ul li.bnfcon { width:100%; padding:30px 0; margin:auto; font-family:'Noto Sans KR'; font-size:22px; color:#fff; font-weight:700; background:#1d73d4; 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; display:inline-block; }
#eventnotice .medialist ul li.best { position:absolute; top:0px; left:0px; z-index:999; }
#eventnotice .medialist ul li.thumbnail { position:relative; margin:auto; width:388px; height:290px; z-index:1; overflow:hidden; border:1px solid #000; }
#eventnotice .medialist ul li.thumbnail img{ width:100%; }
#eventnotice .medialist ul li.title { width:358px; padding:38px 15px 8px 15px; text-align:center; border-left:1px solid #bababa; border-right:1px solid #bababa; }
#eventnotice .medialist ul li.title a { font:bold 16px 'Noto Sans KR'; color:#58473c; text-decoration:none; }
#eventnotice .medialist ul li.day { width:358px; padding:0px 15px 12px 15px; text-align:center; border-left:1px solid #bababa; border-right:1px solid #bababa; }
#eventnotice .medialist ul li.day a { font:bold 16px 'Noto Sans KR'; color:#f49e81; text-decoration:none; }
#eventnotice .medialist ul li.text { width:358px; padding:0px 15px 42px 15px; text-align:center; line-height:170%;word-wrap:break-word; border-left:1px solid #bababa; border-right:1px solid #bababa; border-bottom:1px solid #bababa; }
#eventnotice .medialist ul li.text a { font:13px 'Noto Sans KR'; color:#777; }
#eventnotice .medialist ul li.bt { text-align:right; margin-top:10px; margin-bottom:30px; margin-right:20px; }
#eventnotice .medialist ul li.oning { position:absolute; top:0px; right:0px; padding:10px 16px; z-index:999; background:#eb4252; font:bold 14px 'Noto Sans KR'; color:#fff; }
#eventnotice .medialist ul li.offing { position:absolute; top:0px; right:0px; padding:10px 23px; z-index:999; background:#000; font:bold 14px 'Noto Sans KR'; color:#fff; }
#bnfnotice { position:relative; width:100%; margin:0 auto; padding-top:50px; padding-bottom:20px; }
#bnfnotice ul { padding-top:0px; }
#bnfnotice ul li.medialist { width:100%; margin:0 auto; padding-bottom:50px; border-bottom:1px solid #f0c2b3; }
#bnfnotice .medialist ul li.viewimg { position:relative; width:1092px; margin:0 auto; overflow:hidden; }
#bnfnotice .medialist ul li.viewimg p { float:left; width:526px; margin:0 10px; }
#bnfnotice .medialist ul li.viewimg img{width:100%;}
#bnfnotice .medialist ul li.title { position:relative; width:1072px; margin:0 auto; margin-top:10px; padding:30px 0; background:#8d7666; font:bold 26px 'Noto Sans KR'; color:#fff; text-align:center; }
#bnfnotice ul li.thumbnail { width:100%; margin:0 auto; padding-top:50px; text-align:center; }
#bnfnotice ul li.thumbnail ul { display:inline-block; width:23%; margin:0 0.8%; }
#bnfnotice .thumbnail ul li.viewimg { position:relative; width:100%; margin:0 auto; overflow:hidden; }
#bnfnotice .thumbnail ul li.viewimg p { float:left; width:49%; margin:0 0.5%; }
#bnfnotice .thumbnail ul li.viewimg img{width:100%;}
#bnfnotice .thumbnail ul li.title { position:relative; width:100%; margin:0 auto; margin-top:10px; padding:10px 0; background:#000; font:bold 14px 'Noto Sans KR'; color:#fff; text-align:center; }
/* 스í¬ë¦½íŠ¸ 후 추가 CSS */
#medialistwrapView .medialist div ul li.thumbnail div.loadingBar {position:absolute;text-align:center;width:100%;padding-top:250px;}
/*******************************************************/
/***** ì´ë²¤íŠ¸ CSS ****/
/*******************************************************/
div#event_list {width:100%;}
div#event_list li.event_box {float:left;width:398px;max-height:800px;overflow:hidden;margin-bottom:15px;border:1px solid #ddd;text-align:center;}
div#event_list li.event_box ul li.thumbnail img{width:100%;max-height:400px;}
div#event_list li.event_box ul li.thumbnail_text {width:94%;padding:0 3%;font:bold 14px 'Noto Sans KR';height:30px;margin-top:10px;text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.ml40{margin-left:40px;}
.insertEndBtn{width:260px;margin:0 auto;padding-bottom:30px;}
.insertEndBtn li{float:left;margin:0 10px;}
.insertEndBtn li a{display:block;width:110px;padding:15px 0;background:#B28B57;color:#fff;font:bold 15px "Noto Sans KR",Gulim; }
.insertEndBtn li a:hover{background:#5d5d5d;color:#fff;}
#medialistwrapGall_event { position:relative; width:100%; margin:0 auto; padding-top:50px; padding-bottom:20px;}
#medialistwrapGall_event ul { padding-top:0px; }
#medialistwrapGall_event ul li.medialist { vertical-align:top; margin-right:17px;margin-bottom:25px; position:relative; width:407px; height:350px;overflow:hidden;border-top:2px solid #000; border-left:1px solid #bababa; border-right:1px solid #bababa; border-bottom:1px solid #bababa; }
#medialistwrapGall_event .medialist ul li.best { position:absolute; top:0px; left:0px; }
#medialistwrapGall_event .medialist ul li.thumbnail { margin-top:23px; margin-left:21px; width:305px; max-height:305px;overflow:hidden; border:1px solid #d3d3db; }
#medialistwrapGall_event .medialist ul li.title { padding:20px 0 16px 0; width:80%; margin:0 auto; font:bold 16px 'Noto Sans KR'; color:#000000; text-decoration:underline; }
#medialistwrapGall_event .medialist ul li.date { padding:0px 0 16px 0; width:80%; margin:0 auto; font:bold 13px 'Noto Sans KR'; color:#000000;}
#medialistwrapGall_event .medialist ul li.text { padding:0px 0 16px 0; width:80%; margin:0 auto; font:13px 'Noto Sans KR'; color:#5f5f61; line-height:170%;word-wrap:break-word;}
#medialistwrapGall_event .medialist ul li.bt {text-align:right;padding:20px 0px; }
#medialistwrapGall_event .medialist ul li.bt span {margin-right:30px;}
/* ======= ëª¨ë°”ì¼ ë‹¤ìŒê¸€ / ì´ì „글 ======== */
#noticenext {width:100%;padding:20px 0px;position:relative; }
#noticenext li.c1 {width:20%;float:left;}
#noticenext li.c1 img {vertical-align:middle;margin:5px;}
#noticenext li.c2 {width:70%;float:left;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
#noticeback {width:100%;padding:20px 0px;position:relative; }
#noticeback li.c1 {width:20%;float:left;}
#noticeback li.c1 img {vertical-align:middle;margin:5px;}
#noticeback li.c2 {width:70%;float:left;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
/* ======= ëª¨ë°”ì¼ ìƒë‹¨ ë·° ======== */
#noticetitle { clear:both; width:100%; min-height:64px;display:inline-block; margin:0 auto; border-top:2px solid #000; border-bottom:1px solid #bababa; }
#noticetitle ul li.title { width:65%; text-align:left; float:left; margin-top:20px; padding-left:30px; font:bold 16px 'Noto Sans KR'; color:#000000; }
#noticetitle ul li.day { width:30%; float:right; text-align:right; margin-top:20px; font:14px 'Noto Sans KR'; color:#404040; }
#noticetitle ul li.day span { margin-left:10px; margin-right:30px; font:bold 14px 'Noto Sans KR'; color:#866f3b; }
#noticecontent { width:100%; margin:0 auto; padding:50px 0px 50px 0px; font:14px 'Noto Sans KR'; line-height:170%;}
#noticecontent img{max-width:100%;height:auto;}
#mobile_reservetable td.mobileName input[type=text]{border:1px solid #ddd;margin-left:1px;}
#mobile_reservetable td {padding:4px 0px;}
.text-left { text-align: left !important; }
/* 리스트 */
#medialistwrapGall2 { position:relative; width:100%; margin:0 auto; }
#medialistwrapGall2 ul.mediaul { width: calc(100% + 20px); margin: -40px 0 0 -20px; }
#medialistwrapGall2 ul li.medialist { float: left; display: inline-block; 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 #1d73d4; box-shadow:0 4px 4px rgba(0,0,0,.1);z-index:10; }
#medialistwrapGall2 .medialist ul li.best { position:absolute; top:0px; left:0px; z-index:999; }
#medialistwrapGall2 .medialist ul li.thumbnail { width:100%; height:260px; overflow:hidden;
border-top-left-radius: 14px; border-top-right-radius: 14px;
-moz-border-top-left-radius: 14px; -moz-border-top-right-radius: 14px;
-webkit-border-top-left-radius: 14px; -webkit-border-top-right-radius: 14px;
}
#medialistwrapGall2 .medialist ul li.thumbnail img{ width:100%; height:260px; transition: All 0.5s ease; -webkit-transition: All 0.5s ease; -moz-transition: All 0.5s ease; -o-transition: All 0.5s ease; }
#medialistwrapGall2 .active ul li.thumbnail img{ overflow: hidden; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
#medialistwrapGall2 .medialist ul li.title { padding:25px 25px 0px 25px; }
#medialistwrapGall2 .medialist ul li.hashTag { padding:25px 25px 0px 25px; }
#medialistwrapGall2 .medialist ul li.title a { font:bold 18px 'Noto Sans KR'; color:#111; text-decoration:none; }
#medialistwrapGall2 .medialist ul li.text { width:100%; padding:0px 0 0 0; text-align:center; line-height:170%;word-wrap:break-word; }
#medialistwrapGall2 .medialist ul li.text a { font:13px 'Noto Sans KR'; color:#777; }
#medialistwrapGall2 .medialist ul li.text2 { position:absolute; top:20px; right:20px; width:50px; padding:18px 0; text-align:center; font-family:'Noto Sans KR'; font-size:12px; color:#fff; background:#000; cursor:pointer;
border-top-left-radius: 26px; border-top-right-radius: 26px; border-bottom-left-radius: 26px; border-bottom-right-radius: 26px;
-moz-border-top-left-radius: 26px; -moz-border-top-right-radius: 26px; -moz-border-bottom-left-radius: 26px; -moz-border-bottom-right-radius: 26px;
-webkit-border-top-left-radius: 26px; -webkit-border-top-right-radius: 26px; -webkit-border-bottom-left-radius: 26px; -webkit-border-bottom-right: 26px;
}
#medialistwrapGall2 .medialist ul li.bt {text-align:right; margin-top:10px; margin-bottom:30px; margin-right:20px;}
#medialistwrapGall2 .blue { color: #0000ff; }
.text-right { text-align: right; }
.moreBtn { background-color: #1d73d4; 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:#1d73d4; 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:#1d73d4; border:1px solid #1d73d4; 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:380px; height:403px; padding-left:40px; }
#newmedia ul.mediaul li.thumbnail { float:left; width:630px; height:403px; overflow:hidden; }
#newmedia ul.mediaul li.thumbnail img { width:100%;}
#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:#1d73d4; 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%; }
#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:#1d73d4; border:1px solid #1d73d4; border-radius:100%; box-sizing:border-box; }
#imgnotice ul.listul li.date { position:relative; width:100%; height:56px; 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; }
#imgnotice2 { position:relative; width: calc(100% + 2%); margin:0px 0 0px -2%; overflow:hidden; }
#imgnotice2 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; }
#imgnotice2 ul.listul li.title { position:relative; width:100%; height:205px; padding:52px 70px 10px 92px; font-size:20px; font-weight:700; color:#212529; box-sizing:border-box; line-height:170%; letter-spacing:-1px; overflow:hidden;}
#imgnotice2 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:#1d73d4; border:1px solid #1d73d4; border-radius:100%; box-sizing:border-box; }
#imgnotice2 ul.listul li.title span.qtxt { display:block; position:absolute; top:48px; left:32px; width:48px; height:48px; line-height:47px; text-align:center; font-size:18px; font-weight:900; color:#1d73d4; background:#edebeb; border-radius:100%; }
#imgnotice3 { position:relative; width: calc(100% + 2%); margin:0px 0 0px -2%; overflow:hidden; }
#imgnotice3 ul.listul { float:left; position:relative; width:48%; margin:0 0 2% 2%; border:1px solid #d9d9d9; border-radius:14px; background:#fff; box-sizing:border-box; overflow:hidden; }
#imgnotice3 ul.listul li.imgs { position:relative; width:100%; height:0px; padding-top:77%; overflow:hidden; text-align:center; }
#imgnotice3 ul.listul li.imgs img { display:block; position:absolute; top:0px; left:0px; width:100%; }
#imgnotice3 ul.listul li.title { position:relative; width:100%; height:106px; padding:22px 32px 10px 32px; font-size:18px; font-weight:500; color:#212529; box-sizing:border-box; line-height:170%; letter-spacing:-1px; overflow:hidden;}
#imgnotice3 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:#1d73d4; border:1px solid #1d73d4; border-radius:100%; box-sizing:border-box; }
#imgnotice3 ul.listul li.date { position:relative; width:100%; height:56px; padding:0px 30px 30px 32px; font-size:13px; font-weight:400; color:#717171; font-family: 'Jost'; line-height:100%; box-sizing:border-box; }
#imgnotice3 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; }
#imgnotice3 ul.listul li.date div.date { float:left; margin-left:10px; margin-top:6px; padding-left:10px; border-left:1px solid #bdbdbd; font-size:12px; font-weight:500; color:#717171; font-family: 'Jost'; line-height:100%; box-sizing:border-box; }
#imgnotice3 ul.listul li.date div.offing { float:left; width:53px; height:26px; background:#dddddd; font-size:14px; color:#000000; text-align:center; font-weight:700; line-height:26px; border-radius:50px; }
#imgnotice4 { position:relative; width: calc(100% + 2%); margin:0px 0 0px -2%; }
#imgnotice4 ul.listul { float:left; position:relative; width:23%; margin:0 0 2% 2%; border:1px solid #d9d9d9; border-radius:14px; background:#fff; box-sizing:border-box; }
#imgnotice4 ul.listul li.imgs { position:relative; width:100%; height:0px; padding-top:100%; overflow:hidden; border-top-left-radius:14px; border-top-right-radius:14px; text-align:center; }
#imgnotice4 ul.listul li.imgs img { display:block; position:absolute; top:0px; left:0px; width:100%; }
#imgnotice4 ul.listul li.title { position:relative; width:100%; height:106px; padding:22px 32px 10px 32px; font-size:18px; font-weight:500; color:#212529; box-sizing:border-box; line-height:170%; letter-spacing:-1px; overflow:hidden;}
#imgnotice4 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:#1d73d4; border:1px solid #1d73d4; border-radius:100%; box-sizing:border-box; }
#imgnotice4 ul.listul li.date { position:relative; width:100%; height:56px; padding:0px 30px 30px 32px; font-size:13px; font-weight:400; color:#717171; font-family: 'Jost'; line-height:100%; box-sizing:border-box; }
#imgnotice4 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; }
#imgnotice4 ul.listul li.date div.date { float:left; margin-left:10px; margin-top:6px; padding-left:10px; border-left:1px solid #bdbdbd; font-size:12px; font-weight:500; color:#717171; font-family: 'Jost'; line-height:100%; box-sizing:border-box; }
#imgnotice4 ul.listul li.date div.offing { float:left; width:53px; height:26px; background:#dddddd; font-size:14px; color:#000000; text-align:center; font-weight:700; line-height:26px; border-radius:50px; }
#imgnotice4 ul.listul li.con { opacity:0; position:absolute; top:50px; left:-50px; width:325px; height:140px; font-size:12px; transition:all 0.3s ease-in-out; background:url('/images/common/imgnotice.png')no-repeat 0 0; box-sizing:border-box; }
#imgnotice4 ul.listul:hover li.con { opacity:1; top:30px; }
#imgnotice4 ul.listul li.con span.conspan {
position:absolute; top:50%; left:50%; display:block; transform: translate(-50%, -50%);
width:84%; text-align:center; font-size:12px ; line-height:160%;
background:#1d73d4 !important; color:#fff !important;
}
#imgnotice4 ul.listul li.con span{ background:#1d73d4 !important; font-size: 12px !important; }
#imgnotice4 ul.listul li.con b{ background:#1d73d4 !important; }
#ktoxstar { position:relative; width: calc(1280px + 0px); margin:0px 30px 0 0px ; margin:0 auto; margin-top:50px; }
#ktoxstar ul.listul { float:left; position:relative; width:396px; margin-right:30px; border:1px solid #d9d9d9; border-radius:14px; background:#fff; box-sizing:border-box; overflow:hidden; }
#ktoxstar ul.listul li.imgs { position:relative; width:100%; height:0px; padding-top:65%; overflow:hidden; text-align:center; }
#ktoxstar ul.listul li.imgs img { display:block; position:absolute; top:0px; left:0px; width:100%; }
#ktoxstar 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;}
#ktoxstar 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:#1d73d4; border:1px solid #1d73d4; border-radius:100%; box-sizing:border-box; }
#ktoxstar ul.listul li.date { position:relative; width:100%; height:56px; padding:0px 30px 30px 32px; font-size:13px; font-weight:400; color:#717171; font-family: 'Jost'; line-height:100%; box-sizing:border-box; }
#ktoxstar 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; }
#ktoxstar 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; }
#ktoxstar .prevbtn { position:absolute; top:40%; left:-90px; cursor:pointer; }
#ktoxstar .nextbtn { position:absolute; top:40%; right:-60px; cursor:pointer; }
#imgnotice5 { position:relative; width:100%; overflow:hidden; }
#imgnotice5 ul.listul { position:relative; width:100%; background:#fff; box-sizing:border-box; overflow:hidden; }
#imgnotice5 ul.listul li.imgs { position:relative; width:100%; overflow:hidden; text-align:center; }
#imgnotice5 ul.listul li.imgs img { display:block; width:100%; }
#imgnotice5 ul.listul li.title { position:relative; width:100%; height:106px; padding:22px 32px 10px 0px; font-size:34px; font-weight:700; color:#212529; box-sizing:border-box; line-height:170%; letter-spacing:-1px; overflow:hidden;}
#imgnotice5 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:#1d73d4; border:1px solid #1d73d4; border-radius:100%; box-sizing:border-box; vertical-align:middle; }
#imgnotice5 ul.listul li.date { position:relative; width:100%; height:56px; padding:0px 30px 30px 32px; font-size:13px; font-weight:400; color:#717171; font-family: 'Jost'; line-height:100%; box-sizing:border-box; }
#imgnotice5 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; }
#imgnotice5 ul.listul li.date div.date { float:left; margin-left:10px; margin-top:6px; padding-left:10px; border-left:1px solid #bdbdbd; font-size:12px; font-weight:500; color:#717171; font-family: 'Jost'; line-height:100%; box-sizing:border-box; }
#imgnotice5 ul.listul li.date div.offing { float:left; width:53px; height:26px; background:#dddddd; font-size:14px; color:#000000; text-align:center; font-weight:700; line-height:26px; border-radius:50px; }
#imgnotice5 ul.listul .date { position:absolute; top:34px; right:0px; width:340px; height:26px; font-size:13px; font-weight:400; color:#717171; font-family: 'Jost'; line-height:100%; box-sizing:border-box; overflow:hidden; }
#imgnotice5 ul.listul .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; }
#imgnotice5 ul.listul .date div.date2 { float:left; margin-left:10px; margin-top:6px; padding-left:10px; border-left:1px solid #bdbdbd; font-size:16px; font-weight:500; color:#717171; font-family: 'Jost'; line-height:100%; letter-spacing:1px; box-sizing:border-box; }
#imgnotice5 ul.listul .date div.offing { float:left; width:53px; height:26px; background:#dddddd; font-size:14px; color:#000000; text-align:center; font-weight:700; line-height:26px; border-radius:50px; }