dl, ul, ol, menu, li { list-style: none; } img { vertical-align: top; border: 0 none; } a { display: inline-block; font-family: NotoSansKR, NotoSansJP, 돋움, Dotum, AppleGothic, Tahoma, Sans-serif; color: #333; text-decoration: none; } a:link, a:visited, a:hover, a:focus, a:active { text-decoration: none; } .contWrap { width: 940px; margin: 0 auto; } .topVisu .mo { display: none; } .listView1 { overflow: hidden; margin-top: 30px; } .listView1 ul { margin-left: 0px; overflow: hidden; } .listView1 ul li { float: left; width: 100%; } .listView1 ul li .wrap { /*margin-left: 20px; */ } .listView1 ul li a { position: relative; width: 100%; display: block; border: 1px solid #e6e6e6; } .listView1 ul li a img { width: 100%; height: auto; } .listView1 ul li .stit { padding: 6px 0 0; min-height: 92px; font-size: 16px; color: #333; letter-spacing: -1px; word-break: break-all; text-align:center; } .listView1 ul li .up { font-size: 14px; color: #f23939; border: 1px solid #f23939; height: 16px; line-height: 14px; width: 36px; text-align: center; display: inline-block; border-radius: 30px; margin-left: 5px; } .listView1 ul li .comingSoon { display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(0, 0, 0, 0.7); color: #fff; text-align: center; font-size: 16px; } .listView1 ul li .comingSoon em { display: block; padding: 0 0 4px; } .listView1 ul li .comingSoon:before { content: ''; display: inline-block; width: 49px; height: 38px; background: url('https://support.visitkorea.or.kr/img/call?cmd=VIEW&id=68487d17-40be-4ee1-bda6-6716c972a64c&mode=raw') no-repeat; margin-top: 50px; } .listView1 ul li .comingSoon > p { line-height: 28px; } .morevideo { font-family: 'Nanum Pen Script', cursive; text-align: center; margin-top: 10px; background-color: #3F51B5; color: #ffffff; margin-top: 20px; } .font_L { font-size: xx-large;; } @media screen and (max-width: 1023px) { .contWrap { width: auto; padding: 0 15px; } img { width: 100%; } .topVisu .pc { display: none; } .topVisu .mo { display: block; } .listView1 { margin-top: 10px; } .listView1 ul li { width: 100%; } .listView1 ul li a img { width: 100%; height: auto; } .listView1 ul li .stit { font-size: 14px; min-height: 44px; text-align:center; } .listView1 ul li .up { font-size: 12px; height: 14px; line-height: 12px; width: 30px; } A.listView1 ul li .comingSoon { width: 100%; height: 100%; } .listView1 ul li .comingSoon span { display: block; width: 100%; position: absolute; left: 0; top: 50%; transform: translateY(-50%); } .listView1 ul li .comingSoon span:before { content: ''; display: inline-block; width: 49px; height: 38px; background: url('https://support.visitkorea.or.kr/img/call?cmd=VIEW&id=68487d17-40be-4ee1-bda6-6716c972a64c&mode=raw') no-repeat; } .listView1 ul li .comingSoon:before { display: none; } .font_L { font-size: larger; } .stit {text-overflow:ellipsis;} }