1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59

<?php
$cur_img_url = $j3_img_url."/".$sk['sk_img_path'];
$bn_pos = $sk['sk_bn_pos']; // 배너 위치

if($skin_css!=''){
    echo $skin_css;
} else {
?>
<style>

.event_item_list li{float:left;   width: 49%;height:310px;    position: relative;    border: 1px solid #d6d6d6;margin-bottom:20px;}
.event_item_list li:nth-child(3n){margin-right:0;}
.event_item_img{overflow: hidden;width: 100%;height: 210px;background-color: #f2f2f2;}
.event_item_img img{width:390px;height:210px}
.event_item_type{position: absolute;left: 0px;top: 0;width: 50px;height: 35px;padding: 0;line-height: 38px;color: #fff;background-color: #fd5b45;text-align:center;font-size:15px;font-weight:600;}
.event_item_type:after {content: '';position: absolute;left: 0;top: 100%;width: 0;height: 0;border: 25px solid transparent;border-top-width: 0;border-bottom-width: 10px;border-left-color: #fd5b45;border-right-color: #fd5b45;}
.event_item_tit{margin:10px;text-align:center;}
.event_item_tit p:first-child{font-size:26px;font-weight:600;color:#151515;padding:20px 10px 10px;}
.event_item_tit p:last-child{font-size:16px;font-weight:600;color:#7e7e7e;}
.event_item_go{position: absolute;right: 10px;bottom: 10px;background: #7f7f7f;width: 30px;height: 30px;text-align: center;border-radius: 50px;color: #fff;font-weight: bold;line-height: 25px;}

.event_item_list li a:hover .event_item_go{background:#fd5b45}


.m_event_title{line-height: 22px;padding: 0 0 15px;border-bottom: 1px solid #ddd;margin-bottom: 20px;font-size: 14px;    margin: 0 5px;}
.m_event_title span{font-size:12px;font-weight:400;color:#565656;}
.m_event_title span:before{content: "ㅣ";padding:0 10px;color:#565656;font-size:12px;}
.m_event_title button{float: right;background: #fff;border: 1px solid #ddd;padding: 5px 10px;font-size:12px; font-weight:600;color:#6e6e6e;}
.m_event_title button:hover{color:#60b23b;border: 1px solid #60b23b;}

.m_event_list{display:table;margin:10px;}
.m_event_list li{float:left;   width: 48%;padding-bottom:20px; position: relative;    border: 1px solid #d6d6d6;margin-bottom:20px;}
.m_event_list li a:hover .event_item_go{background:#fd5b45}
.m_event_list li:nth-child(2n){margin-left:2%;}

.m_event_img{overflow: hidden;width: 100%;background-color: #f2f2f2;}
.m_event_img img{width:100%;}

.m_event_tit{text-align:center;}
.m_event_tit p{font-size:16px;font-weight:600;color:#000;padding:10px 0;}
.m_event_go{position: absolute;right: 10px;bottom: 10px;background: #7f7f7f;width: 23px;height: 23px;text-align: center;border-radius: 50px;color: #fff;font-weight: bold;line-height: 20px;font-size: 11px;}
.m_event_list li a:hover .m_event_go{background:#fd5b45}

.event_item_type{position: absolute;left: 0px;top: 0;width: 30px;height: 25px;padding: 0;line-height: 28px;color: #fff;background-color: #fd5b45;text-align:center;font-size:12px;font-weight:600;}
.event_item_type:after {content: '';position: absolute;left: 0;top: 100%;width: 0;height: 0;border: 15px solid transparent;border-top-width: 0;border-bottom-width: 10px;border-left-color: #fd5b45;border-right-color: #fd5b45;}

.m_event_box{padding-top:10px;}
.m_event_title span{margin-bottom: -5px;width:160px;}
</style>
<?php }?>

<section>
    <div class="m_event_box">
        <div>
            <h2 class="m_event_title">HOT PICK! 기획전<span class="ellipsis space_1 in_block">현재 진행중인 이벤트입니다.</span><button>more+</button></h2>
            <?php echo event_display($bn_pos,"ev_banner03.php",$sk_idx); ?>
        </div><!-- //smt_40 -->
    </div><!--wrapper-->
</section>