/*이벤트페이지*/
#event_box{ margin:0 0 100px 0;}
.event_title{ text-align:center; font-size:1.8em; letter-spacing:-1px; margin-bottom:40px; color:#666;}
.event_title strong{ color:#0760a1;}
.event_title p{ font-size:1.3em; color:#222;}
.event_title span{ display:block; font-size:17px; color:#999; padding-bottom:40px; letter-spacing:0; margin-top:10px;}
.event_title:before{ display:block; content:""; width:35px; height:7px; border-radius:30px; background:#0760a1; margin:0 auto 20px auto;
transform:rotate(-30deg);}
#event_box .event_img{ border:4px solid #0760a1;/* border-radius:30px;*/ padding: 60px 40px;}
#event_box .event_img img{ width:100%;}
#event_box .event_img ul{ text-align:center;}
#event_box .event_img li{ display:inline-block; border-right:1px solid #ddd;}
#event_box .event_img li:last-child{ border-right:0;}
#event_box .event_img li img{ width:300px;}
#event_box .event_img li p{ font-size:1.5em;}
#event_box .event_img li p span{ display:block; width:140px; margin:0 auto 10px auto; background:#0760a1; font-size:16px; color:#fff; line-height:30px; border-radius:30px;}
#event_box .event_img2{ border:4px solid #eee;}
#event_box .event_img2 img{}
#event_box .eimg_mun{ float:left;}
#event_box .mun_txt{ float:left; font-size:1.4em; line-height:1.8em; width:calc(100% - 420px); margin-left:40px; margin-top:100px;}
#event_box .mun_txt span{ display:block; font-size:14px; color:#999;}
#event_box .mun_txt strong{ color:#0760a1;}

#friend_ch{}
#friend_ch .fch_title{}
#friend_ch .fch_cont{ text-align:center;}
#friend_ch .fch_cont dl{ display:inline-block; vertical-align:top; width:calc(33% - 24px); height:133px; margin:15px 10px; border:1px solid #ddd; padding:42px 0px 30px; box-sizing:border-box; box-shadow:3px 3px 5px rgba(95,95,95,0.1); position:relative;}
#friend_ch .fch_cont dt{ position:absolute; top:-1px; left:-1px; z-index:10; background:#777; color:#fff; line-height:1em; padding:8px 15px; font-weight:normal;
 font-size:14px;}
 #friend_ch .fch_cont dl:nth-child(odd) dt{/* background:#0760a1;*/}
#friend_ch .fch_cont dd{ font-size:1.4em;}
#friend_ch .fch_cont .fch_num{ font-size:13px;  background:#f2f2f2; border-radius:20px; line-height:1em; padding:5px 5px; width:80px; margin:10px auto 0 auto; color:#999;}
#friend_ch .fch_cont .fch_num strong{ color:#0760a1;}

#friend_ch .fch_cont .fri_prize dl{ border:2px solid #0760a1;padding:60px 0px 40px; width:40%; height:160px; margin:0 0 40px 0; font-size:1.2em;}
#friend_ch .fch_cont .fri_prize dt{ padding:10px 30px; font-size:18px; top:-2px; left:-2px;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#31a2a7+0,0760a1+68 */
background: #31a2a7 !important; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #31a2a7 0%, #0760a1 68%) !important; /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  #31a2a7 0%,#0760a1 68%) !important; /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  #31a2a7 0%,#0760a1 68%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#31a2a7', endColorstr='#0760a1',GradientType=1 ) !important; /* IE6-9 fallback on horizontal gradient */
}
#friend_ch .fch_cont .fri_prize .fch_num{ font-size:15px; width:100px;}

#friend_chno{ text-align:center; color:#999; font-size:1.3em; padding:10px 0 20px 0; width:40%; margin:0 auto 80px auto; background:#f5f5f5; border-radius:50px;}
#friend_chno i{ font-size:1.8em; margin:10px;}

@media (max-width:1000px) {
#event_box{ margin:0 0 50px 0;}
.event_title{ font-size:1.3em; margin-bottom:30px;}
.event_title span{ font-size:13px; padding-bottom:10px;}
.event_title:before{ width:25px; height:4px;}
#event_box .event_img{ border-width:3px;padding:0 20px 20px 20px; width:90%; margin:0 auto;}
#event_box .event_img li{ display:block; border-right:0; padding-bottom:20px; border-bottom:1px solid #ddd;}
#event_box .event_img li:last-child{ border-bottom:0;}
#event_box .event_img li img{ width:200px;}
#event_box .event_img li p{ font-size:1.3em;}
#event_box .event_img li p span{ width:120px; font-size:13px;line-height:25px;}
#event_box .event_img2{ border-width:3px; width:90%; margin:0 auto;}
#event_box .event_img2 img{ width:100%;}
#event_box .eimg_mun{ float:none;}
#event_box .mun_txt{ float:none; font-size:1.2em; line-height:1.5em; width:100%; margin-left:0; margin-top:0px; padding:0 20px 20px;}
#event_box .mun_txt span{ font-size:13px;}

#friend_ch .fch_cont dl{ width:calc(50% - 12px); height:110px; margin:5px 5px; padding:0px 0px 20px;}
#friend_ch .fch_cont dt{ padding:7px 7px; font-size:13px; position:relative; top:auto; left:auto; margin-bottom:10px;}
#friend_ch .fch_cont dd{ font-size:1.2em;}
#friend_ch .fch_cont .fch_num{ font-size:12px; width:60px;}

#friend_ch .fch_cont .fri_prize dl{ padding:0px 0px 40px; width:90%; height:130px; margin:0 auto 20px auto; font-size:1.1em;}
#friend_ch .fch_cont .fri_prize dt{ padding:10px 20px; font-size:15px; top:auro; left:auto;}
#friend_ch .fch_cont .fri_prize .fch_num{ font-size:13px; width:100px;}

#friend_chno{ font-size:1em; padding:5px 0 15px 0; width:80%; margin:0 auto 50px auto;}
}