@media all and (max-width:800px){






header { position:absolute; top:0px; left:0px; width:100%; height:80px; border-bottom:0px solid rgba(0,0,0,10%); z-index:10; }
header #logo { position:absolute; top:16px; left:16px; width:112px; height:54px; transform:translateX(0%); }

header #lang { display:none; }

header .allmenu3 { top:18px; right:20px; background:#ffffff; }


.noticetitle2 { position:relative; width:100%; text-align:center; padding-top:120px; font-family: 'blacker-sans-display-trial'; font-size:40px; font-weight:300; color:#10284c; }






#subwrap { position:relative; width:100%; margin:0 auto; padding:0px 0 0px 0; }

.subnoticetitle { position:relative; width:100%; text-align:center; }
.subnoticetitle li.t1 { font-size:26px; font-weight:500; color:#393126; line-height:100%; }
.subnoticetitle li.t1 span { display:inline-block; font-family: 'Orpheus Pro'; font-weight:100; letter-spacing:3px; margin-right:16px; padding-right:16px; border-right:1px solid #bbb5ab; }
.subnoticetitle li.t2 { width:90%; margin:0 auto; margin-top:10px; font-size:13px; font-weight:400; color:#393126; line-height:100%; }

.opennoticewrap4 { width:90%; margin:0 auto; padding-top:30px; } 
.opennoticewrap4 .subnotice_list { position:relative; width:48%; margin-right:4%; margin-bottom:4%; padding-bottom:18px; border-radius:12px; }
.opennoticewrap4 .subnotice_list:nth-child(3n) { margin-right:4%; }
.opennoticewrap4 .subnotice_list:nth-child(2n) { margin-right:0%; }
.opennoticewrap4 .subnotice_list div.t1 { padding-top:10px; font-size:18px; }
.opennoticewrap4 .subnotice_list div.t3 { margin-top:10px; box-sizing:border-box; display:flex; flex-wrap:wrap;  }
.opennoticewrap4 .subnotice_list div.t3 span { padding:4px 7px; margin:0 4px 4px 0px; font-size:12px; border-radius:4px; }


#eventnotice { position:relative; width:90%; margin:0 auto; padding-top:30px; padding-bottom:20px; display:flex; flex-wrap:wrap; }
#eventnotice ul { position:relative; width:48%; margin-right:4%; margin-bottom:6%; border-radius:12px; background:#ffffff; overflow:hidden; }
#eventnotice ul:nth-child(3n) { margin-right:4%; }
#eventnotice ul:nth-child(2n) { margin-right:0px; }
#eventnotice ul li.thumbnail { position:relative; width:100%; border-radius:12px; overflow:hidden; }
#eventnotice ul li.thumbnail img { width:100%; }
#eventnotice ul li.title { width:100%; padding:20px 14px 0px 14px; box-sizing:border-box; font-size:16px; font-weight:600; color:#2f2f2f; }
#eventnotice ul li.day { width:100%; padding:10px 14px 20px 14px; box-sizing:border-box; font-size:11px; font-weight:500; color:#bcbcbc; }

#pageingWrap ul li { display:inline-block; width:24px; height:24px; font-size:14px; line-height:24px; }
#pageingWrap ul li.btn_prev { margin-right:2px; }
#pageingWrap ul li.btn_next { margin-left:2px; }


#medialistwrapGall3 { position:relative; width:90%; margin:0 auto; padding-top:30px; padding-bottom:20px; display:flex; flex-wrap:wrap; }
#medialistwrapGall3 ul { position:relative; width:48%; margin-right:4%; margin-bottom:6%; border-radius:12px; background:#ffffff; overflow:hidden; }
#medialistwrapGall3 ul:nth-child(3n) { margin-right:4%; }
#medialistwrapGall3 ul:nth-child(2n) { margin-right:0px; }
#medialistwrapGall3 ul li.thumbnail { position:relative; width:100%; border-radius:12px; overflow:hidden; }
#medialistwrapGall3 ul li.thumbnail img { width:100%; }
#medialistwrapGall3 ul li.title { width:100%; padding:20px 14px 0px 14px; box-sizing:border-box; font-size:15px; font-weight:600; color:#2f2f2f; line-height:120%; }
#medialistwrapGall3 ul li.text { width:100%; padding:6px 14px 20px 14px; box-sizing:border-box; font-size:11px; font-weight:500; color:#7a7e85; line-height:140%; }


#bnawrap { position:relative; width:90%; margin:0 auto; padding-top:30px; padding-bottom:20px; display:flex; flex-wrap:wrap; }
#bnawrap ul { position:relative; width:100%; margin-right:0%; margin-bottom:5%; border-radius:12px; background:#ffffff; overflow:hidden;}
#bnawrap ul:nth-child(2n) { margin-right:0px; }
#bnawrap ul li.thumbnail { position:relative; width:100%; border-radius:12px; overflow:hidden; }
#bnawrap ul li.thumbnail img { width:100%; }
#bnawrap ul li.title { width:100%; padding:24px 18px 24px 18px; font-size:16px; line-height:140%; }


#listtable { display:none; }
#listtable_m { display:block; width:100%; border-top:1px solid #8b8b8b; }
#listtable_m tr th { padding:16px 2%; border-bottom:1px solid #8b8b8b; font-size:14px; }
#listtable_m tr td { padding:16px 2%; border-bottom:1px solid #dbdbdb; font-size:12px; line-height:150%; text-align:center; }
#listtable_m tr td img { display:inline-block; }
#listtable_m tr td.noticetitle { text-align:left; }

#listtable_m ul.titleul { width:100%; padding:16px 2%; border-bottom:1px solid #8b8b8b; box-sizing:border-box; display:flex; }
#listtable_m ul.titleul li { font-size:14px; font-weight:600; color:#000; }
#listtable_m ul.titleul li:nth-child(1) { width:8%; text-align:center; }
#listtable_m ul.titleul li:nth-child(2) { width:66%; text-align:center; }
#listtable_m ul.titleul li:nth-child(3) { width:26%; text-align:center; }
#listtable_m ul.titleli { width:100%; padding:16px 2%; border-bottom:1px solid #8b8b8b; box-sizing:border-box; display:flex; align-items: center; }
#listtable_m ul.titleli li { font-size:11px; font-weight:400; color:#000;  }
#listtable_m ul.titleli li:nth-child(1) { width:8%; text-align:center; }
#listtable_m ul.titleli li:nth-child(2) { width:66%; padding:0 2%; line-height:130%; box-sizing:border-box; text-align:center; }
#listtable_m ul.titleli li:nth-child(3) { width:26%; text-align:center; }
#listtable_m ul.titleli li .notice-icon { font-weight:600; color:#c4a173; }

#listtable_m .listbt_01 { width:57px; height:23px; margin:0 auto; padding-top:8px; color:#fff; background:#334f8e;  }
#listtable_m .listbt_02 { display:block; width:50px; height:26px; line-height:26px; margin:0 auto; text-align:center; font-size:12px; color:#c5a479; font-weight:500; border:1px solid #c5a479; box-sizing:border-box; }
#listtable_m .listbt_03 { 
	display:block; width:50px; height:26px; line-height:26px; margin:0 auto; text-align:center; font-size:12px; color:#ffffff; font-weight:600; 
	border:1px solid #353536; background:#353536; 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;  border:1px solid #000000; border-radius: 26px; }

.newicon { display:inline-block; width:18px; height:18px; box-sizing:border-box; line-height:18px; text-align:center; font-size:11px; font-weight:700; color:#c5a479; border:1px solid #c5a479; margin-left:4px; margin-right:4px; vertical-align:top; }
.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;
}



.writeTable th { height:50px; padding-left:16px; font-size:13px; font-weight:500; }
.writeTable td { height:50px; padding-left:0px; }
.writeTable td input.input_title { width:94%; height:32px; border:1px solid #dedede; border-radius:4px; font-size:14px; font-weight:400; text-indent:6px; box-sizing:border-box; }
.writeTable td input.input_name { width:94%; height:32px; border:1px solid #dedede; border-radius:4px; font-size:13px; font-weight:400; text-indent:6px; background:#f7f7f7; box-sizing:border-box; }
.writeTable td input.input_phone { width:94%; height:32px; border:1px solid #dedede; border-radius:4px; font-size:13px; font-weight:400; text-indent:6px; background:#f7f7f7; box-sizing:border-box; }
.writeTable select { 
	width:94%; height:32px; border:1px solid #dedede; border-radius:4px; font-size:10px; font-weight:600; color:#8b8b8b; text-indent:6px; box-sizing:border-box;
	background:#f7f7f7 url('/images/bbs/news/selecticon.png')no-repeat 92% 50%; background-size:10px; -webkit-appearance: none; -moz-appearance: none; appearance : none;
}
.writeTable td.email div.em1 { float:left; width:28%; margin-right:4px; }
.writeTable td.email div.em2 { float:left; width:28%; margin-right:4px; }
.writeTable td.email div.em3 { float:left; width:34%; }
.writeTable td.email input { width:100%; height:32px; border:1px solid #dedede; border-radius:6px; font-size:14px; font-weight:600; color:#8b8b8b; text-indent:12px; background:#f7f7f7; box-sizing:border-box; }

.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; }
.writeTable .captchatd span { padding-left:10px; font-size:17px; font-weight:500; color:#8b8b8b;  }

.writeTable textarea.contenttxt { width:80%; height:140px; border:1px solid #dcdcdc; margin:20px 0; padding:16px; border-radius:10px; font-size:16px; font-weight:400; color:#8b8b8b; line-height:160%; }
.writeTable .contenttxttd { padding:20px 0; }

.writeTable .contenttxttd { width:90%; }

.writeTable input::placeholder { color:#8b8b8b; }
.writeTable select::placeholder { color:#8b8b8b; }

.filebox label.filebt { display: inline-block; padding: .3em 1em; margin-left:5px; color: #fff; font-size:13px; line-height: normal; vertical-align: middle; background-color:#15213b; 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;
	font-size:12px;
}

.writeTable .contenttxttd div.pcview { display:none; position:relative; width:90%; }
.writeTable .contenttxttd div.mview { display:block; position:relative; width:94%; }
.writeTable .contenttxttd div.mview textarea { width:100%; }

/* 테이블 글 보기 */
.viewTable { position:relative; width:100%; border-top:2px solid #000; margin-top:50px; }
.viewTable col.titleBox { width:15%; }
.viewTable col.insertBox { width:85%; }

.viewTable th { height:auto; padding:20px 0; border-bottom:1px solid #e5e5e5;}
.viewTable th p.title { position:relative; width:100%; font-size:16px; color:#000000; font-weight:600; letter-spacing:-1px; }
.viewTable th p.day { position:relative; width:100%; margin-top:14px; 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:30%; height:20px; 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:70%; 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-size:15.5px; color:#171212; font-weight:600; }
.viewTable td.contents { padding:40px 5%; font-size:14px; color:#282828; font-weight:500; line-height:180%; }

.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-size:18.5px; color:#ffffff; font-weight:500; text-align:center; }
.viewTable td.re_contents div.rp { width:100%; padding:42px 44px; 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:70px; padding:0px 25px; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; overflow:hidden; }
.viewTable td.prev div:nth-child(1) { float:left; width:25%; height:20px; font-size:14px; 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:75%; height:20px; line-height:20px; font-size:14px; color:#5a5a5a; font-weight:600; overflow:hidden; }

.viewTable td.next { width:100%; height:70px; padding:0px 25px; border-bottom:1px solid #e5e5e5; overflow:hidden; }
.viewTable td.next div:nth-child(1) { float:left; width:25%; height:20px; font-size:14px; 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:75%; height:20px; line-height:20px; font-size:14px; color:#5a5a5a; font-weight:600; overflow:hidden; }




#noticebt { position:relative; width:90%; margin:0 auto; margin-top:20px; }
#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:70px; height:28px; margin:0 4px; }
#noticebt ul li a { display:block; width:100%; height:28px; line-height:28px; font-size:13px; color:#ffffff; font-weight:400; text-align:center; overflow:hidden; cursor:pointer; }
#noticebt ul li input { display:block; width:100%; height:28px; font-size:13px; color:#ffffff; font-weight:400; text-align:center; overflow:hidden; cursor:pointer; }
#noticebt ul li.listEnd input { background:#2a2a2a; }
#noticebt ul li.bt1 a { background:#c5a479; }
#noticebt ul li.bt2 a { background:#c5a479; }
#noticebt ul li.bt3 a { background:#c5a479; }
#noticebt ul li.bt4 a { background:#c5a479; }

#noticebt2 { margin-top:30px; }
#noticebt2 input { display:block; width:30%; height:42px; line-height:42px; font-size:13px; border:0px; margin:0 2px; }
#noticebt2 input.noticebt2 { background:#9b9b9b; border:0px; }
#noticebt2 a { display:block; width:30%; height:42px; line-height:42px; font-size:13px; border:0px; margin:0 2px; }






#searchwrap { position:relative; width:90%; margin:0 auto; height:42px; margin-top:30px; overflow:hidden; }
#searchwrap ul { float:right; position:relative; width:332px; height:42px; }
#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 { position:relative; width:332px; height:42px; }
#searchwrap .searchicon input { 
	display: block; width:100%; height:42px; box-sizing: border-box; border-radius:20px; background:#ffffff; border:0px; text-indent:20px; 
	font-size:13px; color: #333333; font-weight:400;  
}
#searchwrap .searchclick { position:absolute; top:6px; right:10px;  }
#searchwrap .searchclick input { width:36px; height:36px; border:0px; font-size:0px; border-radius:100%; overflow:hidden; background:#ffffff url(/images/searchclick.jpg)no-repeat 50% 50%; cursor:pointer; }
#searchwrap .search select::-ms-expand { display: none; }




#price-wrap { position:relative; width:100%; max-width:1300px; margin:0 auto; margin-top:66px; overflow:hidden; }
#price-wrap .price-list {  position:relative; width:90%; margin:0 auto; }
#price-wrap .price-list ul { 
	position:relative; width:100%;  border:1px solid #dddddd; background:#f4ede5; box-sizing:border-box; border-radius:10px; 
	margin-bottom:6%;/*  padding:30px 28px 30px 28px; */
}
#price-wrap .price-list ul a { display:block; width:100%; height:100%; }
#price-wrap .price-list ul li.imgs { width:100%; }
#price-wrap .price-list ul li.t1 { width:100%; height:56px; font-size:18px; font-weight:700; color:#2f2f2f; line-height:120%; letter-spacing:-0.5px; padding:40px 32px 26px 32px; box-sizing:border-box; }
#price-wrap .price-list ul li.t2 { width:100%; margin-top:10px; border-bottom:1px solid #dddddd; font-size:18px; font-weight:400; color:#454544; line-height:145%; padding:0px 32px 16px 32px; box-sizing:border-box; }
#price-wrap .price-list ul li.t3 { position:relative; width:100%; margin-top:22px; display:flex; justify-content: space-between;padding:0px 32px 20px 32px; box-sizing:border-box; }
#price-wrap .price-list ul li.t3 div:nth-child(1) { 
position:relative; display:block; width:30px; height:30px; font-size:18px; font-weight:600; text-align:center; line-height:28px; color:#c0b5a9; border:1px solid #e0d7cd; background:#fbf5ee; border-radius:100%; 
box-sizing:border-box; cursor:pointer;  
}#price-wrap .price-list ul li.t3 div:nth-child(1) { position:relative; display:block; width:30px; height:30px; font-size:18px; font-weight:600; text-align:center; line-height:28px; color:#c0b5a9; border:1px solid #e0d7cd; background:#fbf5ee; border-radius:100%; box-sizing:border-box; }
#price-wrap .price-list ul li.t3 div:nth-child(1) a {  }
#price-wrap .price-list ul li.t3 div:nth-child(2) { font-size:20px; font-weight:600; color:#967c5d; line-height:100%; }

#price-wrap .price-list ul:hover { background:#efe3d5; }
#price-wrap .price-list ul:hover li.t3 div:nth-child(1) a { background:#ffffff; }


#price-view { position:relative; width:90%; margin:0 auto; margin-top:5%; overflow:hidden; display:block; }
#price-view .price-left { position:relative; width:100%; }
#price-view .price-right { position:relative; width:100%; }

#price-view .price-left div.imgs { width:100%; border:1px solid #e3d9ce; box-sizing:border-box; }
#price-view .price-left div.imgs img { width:100%; }
#price-view .price-left div.pricetxt { width:100%; border:1px solid #e3d9ce; border-top:0px; padding:40px 32px; background:#f4ede5; box-sizing:border-box; }
#price-view .price-left div.pricetxt ul { width:100%; margin-bottom:20px; overflow:hidden; }
#price-view .price-left div.pricetxt ul:last-child { margin-bottom:0px; }
#price-view .price-left div.pricetxt ul li:nth-child(1) { font-size:18px; font-weight:700; color:#454544; line-height:100%; }
#price-view .price-left div.pricetxt ul li:nth-child(2) { margin-top:10px; font-size:13px; font-weight:400; color:#454544; line-height:160%; }

#price-view .price-right ul.titletxt { position:relative; width:100%; padding:50px 0 30px 0; margin-bottom:22px; border-top:1px solid #e3d9ce; border-bottom:1px solid #e3d9ce; box-sizing:border-box; }
#price-view .price-right ul.titletxt li.t1 { font-size:20px; font-weight:700; color:#2f2f2f; line-height:100%; }
#price-view .price-right ul.titletxt li.t2 { margin-top:10px; font-size:14px; font-weight:400; color:#454544; line-height:130%; }
#price-view .price-right ul.titletxt li.t3 { font-weight:600; color:#967c5d; }

#price-view .pricetxtlist { width:100%; margin-bottom:12px; }
#price-view .pricetxtlist ul { position:relative; width:100%; border:1px solid #dddddd; background:#f4ede5; box-sizing:border-box; border-radius:10px; padding:6% 20px; }
#price-view .pricetxtlist ul li.t1 { width:100%; font-size:14px; font-weight:700; color:#2f2f2f; line-height:140%;  }
#price-view .pricetxtlist ul li.t2 { width:100%; display:flex; align-items: center;justify-content: flex-end; margin-top:16px; }
#price-view .pricetxtlist ul li.t2 div:nth-child(1) { width:52px; height:24px; border-radius:50px; background:#ffffff; line-height:24px; text-align:center; font-family: 'Orpheus Pro'; font-size:14px; letter-spacing:1px; color:#594a36; }
#price-view .pricetxtlist ul li.t2 div:nth-child(2) { width:64px; text-align:right; font-size:12px; font-weight:600; color:#a9a9a9; letter-spacing:-1px; text-decoration-line: line-through; }
#price-view .pricetxtlist ul li.t2 div:nth-child(3) { width:80px; text-align:right; font-size:16px; font-weight:600; color:#967c5d; letter-spacing:-1px; }


#price-view .quickcs3 { position:relative; width:100%; padding-top:40px; }
#price-view .quickcs3 .title { width:100%; font-size:22px; font-weight:600; color:#454544; }
#price-view .quickcs3 .con { position:relative; width:100%; margin-top:20px; }
#price-view .quickcs3 .con li { width:100%; margin-bottom:6px; }
#price-view .quickcs3 .con li label { display:none; }
#price-view .quickcs3 .con li input.name { display:block; width:100%; height:46px; text-indent:14px; border:1px solid #dddddd; border-radius:6px; background:#f6f0e8; font-size:14px; font-weight:400; color:#5b5b5b; }
#price-view .quickcs3 .con li input.submitbt { display:block; cursor:pointer; width:100%; height:46px; border:0px; border-radius:4px; background:#1e1005; font-size:18px; font-weight:500; color:#f2ede2; }
#price-view .quickcs3 .con li input.name::placeholder { color:#beb9b1; }
#price-view .quickcs3 .con li select { display:block; width:100%; height:46px; text-indent:14px; border:1px solid #dddddd; border-radius:6px; background:#f6f0e8; font-size:14px; font-weight:400; color:#beb9b1; }
#price-view .quickcs3 .con li select::placeholder { color:#beb9b1; }



#price-view li.fpv { width:97%; padding-top:10px; padding-bottom:12px; padding-left:2%; font-size:14px; font-weight:500; color:#5d5950; }
#price-view .quickcs3 .con li.fpv label { display:inline-block; margin-right:6px; }
#price-view input[type="checkbox"] + label span {
	display:inline-block;
	width:20px;
	height:20px;
	vertical-align:middle;
	background:#fff;
	border:none;
	cursor:pointer;
	background:url('/images/member/minimal_cr.png')no-repeat 0 0;
}
#price-view input[type="checkbox"]:checked + label span { background:url('/images/member/minimal_cr.png')no-repeat -40px 0; }





#noticeprvie {  width:100%; height:238px; border-radius:0px; padding:40px 30px; font-size:13px;  }
#noticeprvie div.title { margin-bottom:12px; font-size:22px; }
#prvie_check { position:relative; width:100%; max-width:1280px; margin:0 auto; text-align:right; overflow:hidden; margin-top:10px; font-size:12px; color:#585252; font-weight:600; }













































#mediawrap { position:relative; width:100%; margin:0 auto; height:0px; padding-top:54.8%;  }
#mediawrap embed { display:block; position:absolute; top:0px; right:0px; width:100% !important; height:100% !important; }
#mediawrap iframe { display:block; position:absolute; top:0px; right:0px; width:100% !important; height:100% !important; }
#mediawrap object { display:block; position:absolute; top:0px; right:0px; width:100% !important; height:100% !important; }

#viewArea { position:relative; width:100%; margin:0 auto; margin-top:40px; }
#viewArea .mediatitle { position:relative; width:90%; margin:0 auto; height:auto; overflow:hidden; padding:20px 0; }
#viewArea  .mediatitle li.title { position:relative; width:100%; top:0; left:0px; font-size:16px; font-weight:500; color:#000; line-height:140%; }
#viewArea  .mediatitle li.day { display:none; }
#viewArea  .mediatitle li.day span { font-size:16px;color:#a13c88; }


.mediathum { display: flex; flex-wrap:wrap; position:relative; width:90%; max-width:1280px; margin:0 auto; margin-top:20px; overflow:hidden; }
.mediathum div { position:relative; width:48%; margin-right:4%; margin-bottom:4%; border-radius:10px; overflow:hidden; }
.mediathum div:nth-child(3n) { margin-right:4%; }
.mediathum div:nth-child(2n) { 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:0px; margin:0 auto; text-align:left; font-size:13px; font-weight:700; color:#000000; line-height:140%; padding:12px 16px; 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; }




}