@charset "UTF-8";

/**
 * ad content
 */

/* common */
[class*=ad_text]{margin-bottom:30px}
[class*=ad_text] h4{position:relative;padding-bottom:15px;/* color:#000; */font-size:18px;line-height:1.3}
[class*=ad_text] h4 em{color:#ff0016}
[class*=ad_text] h4 a{text-decoration:none}
[class*=ad_text] h4 .ico_info{display:inline-block;width:16px;height:16px;margin:-2px 0 0 5px;-webkit-border-radius:50%;border-radius:50%;background-color:#585858;color:#fff;font-weight:700;font-size:12px;line-height:16px;text-align:center;vertical-align:middle}
[class*=ad_text] h4 .ico_arrow{display:inline-block;width:8px;height:8px;border:2px solid #ee1a30;border-top:0;border-left:0;-webkit-transform:translateY(-15%) rotate(-45deg);transform:translateY(-15%) rotate(-45deg)}

/* ad_text_pic_A : 3단 */
.ad_text_pic_A{overflow:hidden}
.ad_text_pic_A h4{font-size:21px}
.ad_text_pic_A ul{display:grid;grid-template-columns:repeat(3, 1fr);gap:35px}
.ad_text_pic_A li{width:100%}
.ad_text_pic_A li a{display:block}
.ad_text_pic_A .thumb{overflow:hidden;position:relative;padding-bottom:61.9%}
.ad_text_pic_A .thumb:after{display:block;position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid rgba(0,0,0,.05);content:'';pointer-events:none}
.ad_text_pic_A .thumb img{position:absolute;top:0;left:0;min-height:100%;width:100%;height:auto;object-fit:cover}
.ad_text_pic_A .info{padding:10px 0}
.ad_text_pic_A .tit{display:block;display:-webkit-box;overflow:hidden;max-height:48px;color:#333;font-size:18px;line-height:24px;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}

/* ad_text_pic_B : 2단 */
.ad_text_pic_B{overflow:hidden}
.ad_text_pic_B h4{font-size:21px}
.ad_text_pic_B ul{display:grid;grid-template-columns:repeat(2, 1fr);gap:70px}
.ad_text_pic_B li{width:100%}
.ad_text_pic_B li a{display:block}
.ad_text_pic_B .thumb{overflow:hidden;position:relative;padding-bottom:60.3%}
.ad_text_pic_B .thumb:after{display:block;position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid rgba(0,0,0,.05);content:'';pointer-events:none}
.ad_text_pic_B .thumb img{position:absolute;top:0;left:0;min-height:100%;width:100%;height:auto;object-fit:cover}
.ad_text_pic_B .info{padding:10px 0}
.ad_text_pic_B .tit{display:block;display:-webkit-box;overflow:hidden;max-height:24px;/* color:#333; */font-weight:400;font-size:18px;line-height:24px;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:1}

/* ad_text_pic_C : 3단 */
.ad_text_pic_C{overflow:hidden}
.ad_text_pic_C ul{display:grid;grid-template-columns:repeat(3, 1fr);gap:18px}
.ad_text_pic_C li{width:100%}
.ad_text_pic_C li a{display:block}
.ad_text_pic_C .thumb{overflow:hidden;position:relative;padding-bottom:56.4%}
.ad_text_pic_C .thumb:after{display:block;position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid rgba(0,0,0,.05);content:'';pointer-events:none}
.ad_text_pic_C .thumb img{position:absolute;top:0;left:0;min-height:100%;width:100%;height:auto;object-fit:cover}
.ad_text_pic_C .info{padding:10px 0}
.ad_text_pic_C .tit{display:block;display:-webkit-box;overflow:hidden;max-height:48px;color:#000;font-size:18px;line-height:24px;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}

/* ad_text_pic_D : 4단 */
.ad_text_pic_D{overflow:hidden}
.ad_text_pic_D h4{padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid #d7d7d7;/* color:#333; */}
.ad_text_pic_D ul{display:grid;grid-template-columns:repeat(4, 1fr);gap:33px}
.ad_text_pic_D li{width:100%}
.ad_text_pic_D li a{display:block}
.ad_text_pic_D .thumb{overflow:hidden;position:relative;padding-bottom:100%}
.ad_text_pic_D .thumb:after{display:block;position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid rgba(0,0,0,.05);content:'';pointer-events:none}
.ad_text_pic_D .thumb img{position:absolute;top:0;left:0;min-height:100%;width:100%;height:auto;object-fit:cover}
.ad_text_pic_D .info{padding:8px 0}
.ad_text_pic_D .tit{display:block;display:-webkit-box;overflow:hidden;max-height:32px;/* color:#333; */font-size:13px;line-height:16px;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}

/* ad_text_pic_E */
.ad_text_pic_E{border:1px solid #d8d8d8;background-color:#fff}
.ad_text_pic_E a{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;text-decoration:none !important}
.ad_text_pic_E .thumb{overflow:hidden;width:380px;height:198px}
.ad_text_pic_E .thumb img{width:100%;height:100%;object-fit:cover}
.ad_text_pic_E .info{overflow:hidden;-webkit-box-flex:1;-webkit-flex:1;flex:1;padding:0 40px;word-break:keep-all}
.ad_text_pic_E .tit{display:block;display:-webkit-box;overflow:hidden;max-height:62px;color:#333;font-weight:400;font-size:26px;line-height:31px;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.ad_text_pic_E .desc{display:block;display:-webkit-box;overflow:hidden;max-height:72px;margin-top:10px;color:#808080;font-size:18px;line-height:24px;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:3}

/* ad_text_A */
.ad_text_A li a{display:inline-block;overflow:hidden;max-width:100%;color:#333;font-size:16px;line-height:30px;text-overflow:ellipsis;white-space:nowrap;vertical-align:top}

/* ad_text_B */
.ad_text_B li a{display:inline-block;overflow:hidden;position:relative;max-width:100%;padding-left:18px;color:#1a1a1a;font-size:16px;line-height:30px;text-overflow:ellipsis;white-space:nowrap;vertical-align:top}
.ad_text_B li a:before{display:block;position:absolute;top:50%;left:0;border-top:7px solid transparent;border-left:11px solid #1a1a1a;border-bottom:7px solid transparent;content:'';-webkit-transform:translateY(-50%);transform:translateY(-50%)}

/* ad_text_C */
.ad_text_C{padding:30px;border:1px solid #e5e5e5;background-color:#fff}
.ad_text_C ul{column-count:2;column-gap:70px}
.ad_text_C li a{display:inline-block;overflow:hidden;max-width:100%;font-size:14px;line-height:24px;text-overflow:ellipsis;white-space:nowrap;vertical-align:top}

/* ad_text_D */
.ad_text_D ul{column-count:2;column-gap:40px}
.ad_text_D li a { display: block; /* inline-block에서 block으로 변경 */ box-sizing: border-box; /* 패딩 값을 너비에 포함시키는 속성 추가 */ overflow: hidden; position: relative; padding-left: 18px; font-weight: 700; font-size: 16px; line-height: 30px; text-overflow: ellipsis; white-space: nowrap;}
.ad_text_D li a:before{display:block;position:absolute;top:50%;left:0;width:8px;height:7px;border:2px solid #ff0001;border-top:0;border-right:0;content:'';-webkit-transform:translateY(-50%);transform:translateY(-50%)}

/* ad_text_E */
.ad_text_E li a{display:inline-block;overflow:hidden;position:relative;max-width:100%;padding-left:8px;color:#000;font-weight:700;font-size:16px;line-height:32px;text-overflow:ellipsis;white-space:nowrap;vertical-align:top}
.ad_text_E li a:before{display:block;position:absolute;top:50%;left:0;width:2px;height:2px;background-color:#000;content:'';-webkit-transform:translateY(-50%);transform:translateY(-50%)}

/* ad_text_r_A */
.ad_text_r_A li a{display:block;overflow:hidden;font-size:14px;line-height:26px;text-overflow:ellipsis;white-space:nowrap}

/* ad_text_r_B */
.ad_text_r_B li a{display:block;overflow:hidden;font-size:14px;line-height:26px;text-overflow:ellipsis;white-space:nowrap}

/* ad_text_r_C*/
.ad_text_r_C li a{display:block;overflow:hidden;font-size:14px;line-height:26px;text-overflow:ellipsis;white-space:nowrap}

/* ad_text_r_D */
.ad_text_r_D li a{display:block;overflow:hidden;font-size:14px;line-height:26px;text-overflow:ellipsis;white-space:nowrap}

/* ad_text_r_E */
.ad_text_r_E li a{display:block;overflow:hidden;font-size:14px;line-height:26px;text-overflow:ellipsis;white-space:nowrap}

/* ad_text_r_F */
.ad_text_r_F li a{display:block;overflow:hidden;font-size:14px;line-height:26px;text-overflow:ellipsis;white-space:nowrap}

/* ad_text_pic_r_A */
.ad_text_pic_r_A li{padding:3px 0}
.ad_text_pic_r_A li:first-child{padding-top:0}
.ad_text_pic_r_A li a{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}
.ad_text_pic_r_A .thumb{overflow:hidden;position:relative;width:93px;height:58px;margin-right:10px}
.ad_text_pic_r_A .thumb:after{display:block;position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid rgba(0,0,0,.05);content:'';pointer-events:none}
.ad_text_pic_r_A .thumb img{min-height:100%;width:100%;height:auto;object-fit:cover}
.ad_text_pic_r_A .info{overflow:hidden;-webkit-box-flex:1;-webkit-flex:1;flex:1}
.ad_text_pic_r_A .tit{display:block;display:-webkit-box;overflow:hidden;max-height:20px;font-weight:400;font-size:16px;line-height:20px;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:1}

/* ad_text_pic_r_B : 2단 */
.ad_text_pic_r_B{overflow:hidden}
.ad_text_pic_r_B ul{display:grid;grid-template-columns:repeat(2, 1fr);gap:4px 16px;margin:0 -8px}
.ad_text_pic_r_B li{width:100%;padding:0 8px 4px}
.ad_text_pic_r_B li a{display:block}
.ad_text_pic_r_B .thumb{overflow:hidden;position:relative;padding-bottom:61.27%}
.ad_text_pic_r_B .thumb:after{display:block;position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid rgba(0,0,0,.05);content:'';pointer-events:none}
.ad_text_pic_r_B .thumb img{position:absolute;top:0;left:0;min-height:100%;width:100%;height:auto;object-fit:cover}
.ad_text_pic_r_B .info{padding:5px 0}
.ad_text_pic_r_B .tit{display:block;display:-webkit-box;overflow:hidden;color:#000;font-weight:400;font-size:15px;line-height:18px;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}

/* ad_text_pic_r_C */
.ad_text_pic_r_C h4{font-size:16px}
.ad_text_pic_r_C li{padding:9px 0;border-bottom:1px solid #c4c4c4}
.ad_text_pic_r_C li:first-child{padding-top:0}
.ad_text_pic_r_C li a{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}
.ad_text_pic_r_C .thumb{overflow:hidden;position:relative;width:80px;height:60px;margin-right:15px}
.ad_text_pic_r_C .thumb:after{display:block;position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid rgba(0,0,0,.05);content:'';pointer-events:none}
.ad_text_pic_r_C .thumb img{min-height:100%;width:100%;height:auto;object-fit:cover}
.ad_text_pic_r_C .info{overflow:hidden;-webkit-box-flex:1;-webkit-flex:1;flex:1}
.ad_text_pic_r_C .tit{display:block;display:-webkit-box;overflow:hidden;max-height:40px;color:#000;font-weight:400;font-size:16px;line-height:20px;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.ad_text_pic_r_C .rank_num{overflow:hidden;position:absolute;top:0;left:0;z-index:1;width:15px;height:15px;background-color:#000;color:#fff;font-size:11px;line-height:15px;font-family:Arial,sans-serif;text-align:center}

/* ad_text_pic_r_D */
.ad_text_pic_r_D{overflow:hidden}
.ad_text_pic_r_D ul{margin:0 -5px}
.ad_text_pic_r_D ul:after{display:block;clear:both;content:''}
.ad_text_pic_r_D li{margin:0 5px}
.ad_text_pic_r_D li a{display:block;overflow:hidden;position:relative;padding-left:12px;font-size:14px;line-height:30px;text-overflow:ellipsis;white-space:nowrap}
.ad_text_pic_r_D li a:before{display:block;position:absolute;top:50%;left:4px;width:2px;height:2px;background-color:#b1b1b1;content:'';-webkit-transform:translateY(-50%);transform:translateY(-50%)}
.ad_text_pic_r_D li.item_thumb{float:left;width:50%;padding:10px 5px 0;margin:0}
.ad_text_pic_r_D li.item_thumb a{padding-left:0;white-space:normal}
.ad_text_pic_r_D li.item_thumb a:before{display:none}
.ad_text_pic_r_D .thumb{overflow:hidden;position:relative;padding-bottom:64.83%}
.ad_text_pic_r_D .thumb:after{display:block;position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid rgba(0,0,0,.05);content:'';pointer-events:none}
.ad_text_pic_r_D .thumb img{position:absolute;top:0;left:0;min-height:100%;width:100%;height:auto;object-fit:cover}
.ad_text_pic_r_D .info{padding:8px 5px}
.ad_text_pic_r_D .tit{display:block;display:-webkit-box;overflow:hidden;max-height:32px;color:#333;font-size:14px;line-height:16px;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}

@media all and (max-width:640px){
    /* common */
    [class*=ad_text]{margin-bottom:25px}
    [class*=ad_text] h4{margin-right:20px;margin-left:20px}
    [class*=ad_text] h4 .ico_info{width:14px;height:14px;font-size:11px;line-height:14px}

    /* ad_text_pic_A */
    .ad_text_pic_A h4{font-size:15px}
    .ad_text_pic_A ul{gap:10px 8px;padding:0 17px;margin:0}
    .ad_text_pic_A li{width:100%;padding:0;margin:0}
    .ad_text_pic_A .info{padding:5px 0}
    .ad_text_pic_A .tit{max-height:34px;font-weight:400;font-size:13px;line-height:17px}
    
    /* ad_text_pic_B */
    .ad_text_pic_B h4{font-size:15px}
    .ad_text_pic_B ul{gap:10px 8px;padding:0 17px;margin:0}
    .ad_text_pic_B li{width:100%;padding:0;margin:0}
    .ad_text_pic_B .info{padding:5px 0}
    .ad_text_pic_B .tit{max-height:34px;font-size:13px;line-height:17px;-webkit-line-clamp:2}
    
    /* ad_text_pic_C */
    .ad_text_pic_C ul{gap:10px 8px;padding:0 17px;margin:0}
    .ad_text_pic_C li{width:100%;padding:0;margin:0}
    .ad_text_pic_C .info{padding:5px 0}
    .ad_text_pic_C .tit{max-height:34px;font-weight:400;font-size:13px;line-height:17px}
    
    /* ad_text_pic_D */
    .ad_text_pic_D h4{padding-bottom:7px;margin-bottom:10px;font-size:15px}
    .ad_text_pic_D ul{gap:10px 8px;padding:0 17px;margin:0}
    .ad_text_pic_D li{width:100%;padding:0;margin:0}
    .ad_text_pic_D .info{display:none;padding:5px 0}
    .ad_text_pic_D .tit{max-height:32px;font-weight:400;font-size:12px;line-height:16px}
    
    /* ad_text_pic_E */
    .ad_text_pic_E{margin-right:20px;margin-left:20px}
    .ad_text_pic_E .thumb{width:155px;height:80px}
    .ad_text_pic_E .thumb img{min-width:155px;width:auto;height:100%}
    .ad_text_pic_E .info{padding:0 15px;word-break:break-all}
    .ad_text_pic_E .tit{max-height:34px;font-size:14px;line-height:17px;-webkit-line-clamp:2}
    .ad_text_pic_E .desc{max-height:24px;margin-top:5px;font-size:10px;line-height:12px;-webkit-line-clamp:2}

    /* ad_text_A */
    .ad_text_A ul{padding:0 20px}
    .ad_text_A li a{display:block;font-size:15px;line-height:26px}

    /* ad_text_B */
    .ad_text_B ul{padding:0 20px}
    .ad_text_B li:before{border-width:6px 0 6px 9px}
    .ad_text_B li a{display:block;font-size:15px;line-height:26px}

    /* ad_text_C */
    .ad_text_C{padding:20px;margin-right:20px;margin-left:20px}
    .ad_text_C h4{margin:0;font-size:15px}
    .ad_text_C ul{column-count:auto;column-gap:normal}
    .ad_text_C li a{display:block;font-size:15px;line-height:26px}

    /* ad_text_D */
    .ad_text_D ul { padding: 0 20px; column-count: auto; column-gap: normal; box-sizing: border-box; /* padding을 포함하여 100% 너비 유지 */ width: 100%; }
    .ad_text_D li:before { border-width: 1px; }
    .ad_text_D li a { display: block; box-sizing: border-box; /* a 태그 안의 padding-left: 18px을 너비에 포함 */ width: 100%; font-weight: 400; font-size: 15px; line-height: 26px; /* 모바일에서 말줄임이 풀리지 않도록 다시 한번 명시 */ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    

    /* ad_text_E */
    .ad_text_E ul{padding:0 20px}
    .ad_text_E li a{display:block;font-weight:400;font-size:15px;line-height:26px}

    /* ad_text_r_A */
    .ad_text_r_A ul{padding:0 20px}
    .ad_text_r_A li a{font-size:15px;line-height:30px}

    /* ad_text_r_B */
    .ad_text_r_B ul{padding:0 20px}
    .ad_text_r_B li a{font-size:15px;line-height:30px}

    /* ad_text_r_C */
    .ad_text_r_C ul{padding:0 20px}
    .ad_text_r_C li a{font-size:15px;line-height:30px}

    /* ad_text_r_D */
    .ad_text_r_D ul{padding:0 20px}
    .ad_text_r_D li a{font-size:15px;line-height:30px}

    /* ad_text_r_E */
    .ad_text_r_E ul{padding:0 20px}
    .ad_text_r_E li a{font-size:15px;line-height:30px}

    /* ad_text_r_F */
    .ad_text_r_F ul{padding:0 20px}
    .ad_text_r_F li a{font-size:15px;line-height:30px}

    /* ad_text_pic_r_A */
    .ad_text_pic_r_A ul{padding:0 20px}
    .ad_text_pic_r_A li{padding:4px 0}
    .ad_text_pic_r_A .thumb{width:100px;height:63px;margin-right:15px}
    .ad_text_pic_r_A .tit{max-height:20px;font-size:16px;line-height:20px}

    /* ad_text_pic_r_B */
    .ad_text_pic_r_B ul{padding:0 10px;margin:0;gap:10px 15px}
    .ad_text_pic_r_B li{width:100%;padding:0}
    .ad_text_pic_r_B .tit{max-height:38px;font-size:16px;line-height:19px}

    /* ad_text_pic_r_C */
    .ad_text_pic_r_C h4{font-size:17px}
    .ad_text_pic_r_C ol{padding:0 20px}
    .ad_text_pic_r_C li{padding:10px 0}
    .ad_text_pic_r_C .thumb{width:88px;height:66px}
    .ad_text_pic_r_C .tit{max-height:48px;font-size:18px;line-height:24px}
    .ad_text_pic_r_C .rank_num{width:17px;height:17px;font-size:12px;line-height:17px}

    /* ad_text_pic_r_D */
    .ad_text_pic_r_D ul{padding:0 12px;margin:0}
    .ad_text_pic_r_D li{margin:0 8px}
    .ad_text_pic_r_D li a{font-size:15px;line-height:32px}
    .ad_text_pic_r_D li.item_thumb{padding:20px 8px 0}
    .ad_text_pic_r_D .tit{max-height:36px;font-size:16px;line-height:18px}
}