@charset "utf-8";

.f_red {color:#de2b31 !important}
caption {font-size: 0;text-indent: -9999px;}
#eventPage{position:relative}
#eventPage .pupWrap .header {border-bottom: 2px solid #000;padding:12px 0 15px 0;min-height: 0}
#eventPage .pupWrap .header h1 {margin-top: 12px;}
#eventPage .total_size{margin:0 auto;font-family:'Malgun Gothic' sans-serif;line-height:0;}
#eventPage .event_section{position:relative;}

#eventPage .event_section .longdesc{display:block;overflow:hidden;position:relative;visibility:visible;height:0;line-height:0;font-size:0;text-indent:-9999px;}
#eventPage .event_section a {display:block;position:absolute;line-height:0;font-size:0;}

#eventPage table{width:100%;border-collapse:collapse;border-spacing:0}
#eventPage .paging img, #eventPage .paging a,#eventPage .paging strong{vertical-align:middle;}


/* 버튼 스타일 */
/*
.btn_couponArea {text-align:center;padding-top:20px;}
.btn_couponArea a {display:inline-block; height:45px; padding:0px 40px;font-size:16px;vertical-align:middle;color:#fff; background-color:#f15b63; border:1px solid #e55159;line-height:45px;}
.btn_couponArea a:hover {color:#f15b63; background-color:#fff; border:1px solid #e55159;}
*/
/*신규 버튼 스타일 적용으로 구버튼 디자인 적용 필요한 일부 버튼을 위한 css*/
.btn_couponArea {display:block !important; width:100% !important;padding:0 !important;text-align:center;padding-top:20px;}
.btn_couponArea a {display:inline-block !important;width:auto !important; height:45px; padding:0px 40px;font-size:16px !important;vertical-align:middle;color:#fff; background-color:#f15b63; border:1px solid #e55159;line-height:45px;}
.btn_couponArea a:hover {color:#f15b63; background-color:#fff; border:1px solid #e55159;}
.btn_couponArea .blank {display:none;}


.map {text-indent: -99999px;}


/* 확인하세요 스타일 */
#eventPage .event_section .NoteWrap {padding-left:158px;padding-right:50px;height: 100% !important;background:url(https://image.kr.canon/pds/editor/event/2015/common/bg_q.jpg) 53px 0 no-repeat;}
#eventPage .event_section .NoteWrap h3 {color: #000;font-family: Nanum Gothic;font-size: 20px;line-height: 33px;margin-top: 0;margin-bottom: 0}
#eventPage .event_section .NoteWrap p {font-size: 16px;padding-top: 18px;color: #DE2B31;font-family: Nanum Gothic;margin:0;line-height: 22px; }
#eventPage .event_section .NoteWrap p.subNotetit {font-size: 18px;padding-top: 5px;font-family: Nanum Gothic;color:#000;margin:0;line-height: 22px; }
#eventPage .event_section .NoteWrap > ul {margin-top:24px;line-height: 16px !important;padding: 0;margin-bottom: 0;margin-bottom: 15px}
#eventPage .event_section .NoteWrap > ul > li {background:url(https://image.kr.canon/pds/editor/event/2015/common/bul_gray.jpg) 0 10px no-repeat;font-size: 16px !important;font-family:Nanum Gothic;list-style: none;margin-top: 10px;color:#000;padding-left: 12px !important;letter-spacing: -1px;line-height: 24px;}
#eventPage .event_section .NoteWrap > ul > li:first-child {margin-top: 0}
#eventPage .event_section .NoteWrap > ul > li > ul {padding-left: 0px;}
#eventPage .event_section .NoteWrap > ul > li > ul > li {list-style: none;color:#000;line-height: 26px;}
#eventPage .event_section .NoteWrap > ul > li b {color: #000;font-style: normal;font-family: Nanum Gothic;}
.point_color01 {color: #de2b31 !important;font-family:Nanum Gothic;}
#eventPage .event_section .type01.NoteWrap > ul > li:first-child {margin-top: 10px}
#eventPage .event_section .type01.NoteWrap > ul > li {margin-top: 5px;}
#eventPage .event_section .NoteWrap .bul_list li {position:relative;padding-left:12px;}
#eventPage .event_section .NoteWrap .bul_list li::before {position:absolute;left:0;top:11px;width:7px;height:1px;content:"";background:#000;}
#eventPage .event_section .NoteWrap .bul_list li.f_red::before {background:#de2b31;}

/* 쿠폰 버튼이 길 경우 */
.btn_couponArea .type01 {display:inline-block;line-height:45px;color:#fff !important;font-size:16px;background-color:#333 !important;text-align:center;border:1px solid #232323 !important;zoom:1;text-decoration: none}
.btn_couponArea .type01:hover {color:#000 !important;background-color:#fff !important;border:1px solid #000;}

/* 레이어 팝업일 경우 딤 처리*/
#bg_dim2{position:fixed;left:0;top:0;width:100%;height:100%;background:#000;opacity: 0.5;filter:alpha(opacity=50);z-index: 900;display:none}

/*title 추가*/
#eventPage .event_section  .NoteWrap .title {font-weight: bold;color: #000}
#eventPage .event_section  .NoteWrap .title+ul {margin-top: 5px}



/*팝업*/
#popWrap  {position:absolute;top:1537px;left:258px;border: 1px solid #d8d7d3}

#popWrap .recurit {position:relative;overflow: hidden;}
#popWrap .recurit input[type=text]{font-size:16px;border:none;border-radius: 0;padding:0 10px;background-color: #f1f1f1}
#popWrap .recurit textarea {border:none;font-size:16px;border-radius: 0;padding:10px;font-family:Nanum Gothic;background-color: #f1f1f1}
#eventPage .pupWrap {display:none;position:absolute;z-index:1049;overflow:hidden;}
#eventPage .pupWrap > div {overflow-y:scroll !important;overflow-x:hidden !important;}
#eventPage .pupWrap > .hidden {overflow: hidden !important;text-indent:0;left:0;}



/* 매장정보 팝업 스타일 */
#storePup {width:604px;height:471px;padding:45px 30px 30px 30px;top:3900px;left:50%;margin-left:-340px;background: #fff;}
#storePup .header{position:relative;padding:12px 0 11px 0;border-bottom:2px solid #000;margin-top: 0;min-height: 0}
#storePup .header h1{font-size:20px;line-height:24px;font-weight:bold;margin-top: 0;color:#000;margin-bottom: 0}
#storePup .map{width:604px;height:300px;margin-top:20px;}
.pupWrap .contents1 ul{padding-left: 0;margin-top: 28px;}
.pupWrap .contents1 li{font-size:14px;line-height:16px;margin-top:8px;padding-left:6px;background:url(https://image.kr.canon/pds/editor/notice/popup/base/bis_Transfer_bullet0102.gif) no-repeat 0px 7px;list-style: none;color: #000;}
.pupWrap .contents1 li:first-child {margin-top: 0}

@media screen and (min-width:320px) and (max-width:419px)  {
#storePup {margin-left: 15%;width: 1004px;height:700px;left: 0;top:81%;}
#storePup .header h1 {font-size: 32px;}
#storePup .header {padding:12px 0 20px 0}
.pupWrap .contents1 li {font-size: 20px !important;line-height:24px !important;}
#storePup .map {width: 100% !important;height: 480px !important;margin-top: 2%}
}
@media screen and (min-width:420px) and (max-width:519px)  {#storePup {margin-left: 15%;width: 1004px;height:700px;left: 0;top:81%;}
#storePup .header h1 {font-size: 32px;}
#storePup .header {padding:12px 0 20px 0}
.pupWrap .contents1 li {font-size: 20px !important;line-height:24px !important;}
#storePup .map {width: 100% !important;height: 480px !important;margin-top: 2%}
}
@media screen and (min-width:520px) and (max-width:619px)  {
#storePup .header h1 {font-size: 32px;}
#storePup .header {padding:12px 0 20px 0}
.pupWrap .contents1 li {font-size: 20px !important;line-height:24px !important;}
#storePup .map {width: 100% !important;height: 480px !important;margin-top: 2%}
}
@media screen and (min-width:620px) and (max-width:768px) {
#storePup .header h1 {font-size: 32px;}
#storePup .header {padding:12px 0 20px 0}
.pupWrap .contents1 li {font-size: 20px !important;line-height:24px !important;}
#storePup .map {width: 100% !important;height: 480px !important;margin-top: 2%}
}