@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100..900&display=swap'); 
@import url('/common/css/common.css'); 

* {padding:0; margin:0; box-sizing:border-box; font-family: "Noto Sans KR", sans-serif;}
a {text-decoration: none; list-style-type: none; color: #212529; word-break: break-all;}

/* 광고영역 전체 */
.imad_nc_wrap {width: 100%; max-width: 640px; overflow: hidden; padding: 0 8px; margin: 0 auto;}
.imad_nc_wrap.inw_first {padding-top: 30px;}
.imad_nc_wrap.inw_end {padding-bottom: 20px;}
.imad_nc_wrap .side_bnr {width: 100%; height: 200px; background: #e3e3e3; color: #7c7c7c; font-size: 40px; display: flex; justify-content: center; align-items: center;}
.imad_line {border: 1px solid #333; margin: 15px 0 30px;}
.imad_line_b {border: 2px solid #f2f2f2; margin: 30px 0;}
.secter{padding: 0 5px;}

/* 타이틀 */
.sect_title{margin-bottom: 15px;}
.main_tit {font-weight: 700; color: #222;}



/* 텍스트1 */
.txtsecter{margin-top: 18px;}
.contxt01 > .adtxt01 {height: 100%;}
.contxt01 > .adtxt01 > a {width: 100%; border-bottom: 1px solid #f3f3f3; padding: 10px 0; display: flex;}
.contxt01 > .adtxt01:last-child > a {border: none; padding-bottom: 0;}
.adtxt01_txt {overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 15px; height: 26px;}


/* 통배너1 */
.conton01 {width: 100%; max-width: 370px; height: 220px; margin: 0 auto; background: #000; font-size: 0; border-radius: 20px; overflow: hidden;}
.conton01 > .adton01 {width: 100%; height: 100%; position: relative;}
.adton01 img {width: 100%; height: 100%; opacity: 0.7;}
.adton01_txt {position: absolute; bottom: 10px; left: 50%; transform: translateX(-50%); width: 100%; font-size: 19px; font-weight: 500; padding: 0 12px; text-align: center; color: #fff; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}


/* 통배너(kko) */
.contong01 .adtong01 {width: 100%; max-width: 370px; height: 220px; margin: 0 auto; background: #000; font-size: 0; border-radius: 20px; overflow: hidden; position: relative;}
.contong01 .adtong01 .imad_img {width: 100%; height: 100%; opacity: 0.7;}
.contong01 .adtong01 .imad_txt_wrap {position: absolute; bottom: 10px; left: 50%; transform: translateX(-50%); width: 100%; font-size: 19px; font-weight: 500; padding: 0 12px; text-align: center; color: #fff; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; z-index: 10;}
.contong01 .adtxt01:nth-child(2) {margin-top: 18px;}
.contong01 .adtxt01 a {position: relative; width: 100%; border-bottom: 1px solid #f3f3f3; padding: 10px 0; display: flex;}
.contong01 .adtxt01:nth-child(3) a {border: none;}
.contong01 .adtxt01 .imad_img {display: none; width: 0; height: 0; opacity: 0; position: absolute;}
.contong01 .adtxt01 .imad_txt {overflow: hidden; text-overflow: ellipsis; white-space: nowrap; height: 26px;}


/* 썸네일1 */
.consum01 {width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; padding-bottom: 5px;}
.adsum01 {width: 48%; box-shadow: 0 0 6px #43434324; margin-bottom: 15px; border-radius: 12px;}
.adsum01:nth-last-child(-n+2) {margin-bottom: 0;}
.adsum01 img.imad_img {width: 100%; height: 122px; border-radius: 12px 12px 0 0;}
.adsum01 div.imad_txt_wrap {padding: 0 12px; padding-top: 6px; position: relative; height: 65px;}
.adsum01 p.imad_txt {overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; letter-spacing: -0.4px;}


/* 하이라이트1 */
.conhil01 {height: 100%; display: flex; flex-direction: column; align-items: flex-start; justify-content: space-around;}
.adhil01 {width: 100%; height: 100%; display: flex; align-items: center; justify-content: flex-start; border-bottom: 2px solid #f3f3f3; padding: 10px 0; position: relative; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.adhil01:first-child {padding-top: 0;}
.adhil01:last-child {border:none; padding-bottom: 0;}
.adhil01 a.imad_link {width: calc(100% - 45px); display: flex; flex-direction: row-reverse; justify-content: space-between; align-items: center;}
.adhil01 img.imad_img {width: 98px; height: 70px; border-radius: 5px;}
.adhil01 div.imad_txt_wrap {font-size: 15px; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; width: calc(100% - 115px);}
/* .adhil01 p.imad_txt */
.adhil01::before {content: '1'; font-family: "Gothic A1", sans-serif; font-style: italic; font-size: 30px; color: #ed1f23; display: inline-block; width: 45px; padding-left: 3px;}
.adhil01:nth-child(2):before {content: '2';}
.adhil01:nth-child(3):before {content: '3';}
.adhil01:nth-child(4):before {content: '4';}
.adhil01:nth-child(5):before {content: '5';}


/* 하이라이트2 */
.adhil02 {padding: 10px 0; border-bottom: 1px solid #f3f3f3;}
.adhil02:last-child {border: none; padding-bottom: 0;}
.adhil02:first-child {padding-top: 0;}
.adhil02 a.imad_link {display: flex; justify-content: space-between;}
.adhil02 img.imad_img {width: 112px; height: 80px; border-radius: 5px;}
.adhil02 div.imad_txt_wrap {width: calc( 100% - 130px ); display: flex; flex-direction: column; justify-content: center;}
.adhil02 p.imad_txt {height: 48px; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 15px; font-weight: 400; padding: 5px 5px 0 0;}
.adhil02 div.imad_txt_wrap:after {content: '10분 전'; text-align: right; margin-top: 12px; color: #9e9e9e; font-size: 14px;}
.adhil02:nth-child(2) div.imad_txt_wrap::after {content: '32분 전';}
.adhil02:nth-child(3) div.imad_txt_wrap::after {content: '45분 전';}
.adhil02:nth-child(4) div.imad_txt_wrap::after {content: '1시간 전';}
.adhil02:nth-child(5) div.imad_txt_wrap::after {content: '1시간 전';}
.adhil02:nth-child(6) div.imad_txt_wrap::after {content: '2시간 전';}
.adhil02:nth-child(7) div.imad_txt_wrap::after {content: '3시간 전';}
.adhil02:nth-child(8) div.imad_txt_wrap::after {content: '5시간 전';}
