@charset "utf-8";

/*fonts*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;600;700&family=Poppins:wght@300;400;500;600;700&display=swap');
.light{font-weight: 300;}
.regular{font-weight: 400;}
.medium{font-weight: 500;}
.semi-bold{font-weight: 600;}
.bold{font-weight: 700;}

/* 
    * 2023-10-23 
    * 클립다운 공유하기 페이지 스타일 개선

*/

/* reset */
*, ::after, ::before{box-sizing: border-box;}
:root{font-size:62.5%;}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video{
	margin:0; 
	padding:0; 
	border: 0; 
	font-weight: inherit;
	font-style: inherit;
	font-size:100%; 
	font-family: inherit;
	vertical-align:baseline;
}
article,aside,details,figcaption,figure, footer,header,hgroup,menu,nav,section {display:block;} /* HTML5 display-role reset for older browsers */
audio, canvas, progress, video {display: inline-block; vertical-align: baseline;}
div,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,fieldset,p,th,td,input,textarea,select,button,pre,a{font-family:'Noto Sans KR', sans-serif; font-size:14px; font-size:1.4rem; line-height: 1.4; color:#333;}
html, body{width: 100%; height: 100%;}
html{-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }
body{overflow-x: hidden; overflow-y: auto; -ms-overflow-style:none; -webkit-font-smoothing: antialiased;}
textarea{width:100%; resize: none;} 
select, input, img, button{vertical-align:middle; border-radius: 0;}
button{border: 0; background: transparent; cursor: pointer;}
ol, ul, li{list-style-type:none;}
legend, hr, caption span {position:absolute; left:-3000%;}
em, address{font-style:normal;}
table{border-collapse:collapse; border-spacing:0;}
table caption, legend{top:-9999px; text-indent: -9999px; font-size: 0; line-height: 0;}
a{background-color: transparent; text-decoration:none; -webkit-text-decoration-skip:object;}
fieldset, iframe, img, button{border:0;}
textarea,input[type="file"],input[type="password"],input[type="text"]{text-indent:4px;}
select{padding:0 0 0 5px; height:28px; border:1px solid #ddd;}
select{-webkit-appearance: normal; -moz-appearance: normal; appearance: normal; height:28px \0IE8;} /* IE8 전용*/
select::-ms-expand{ display: none;}
textarea[readonly="readonly"],button[readonly="readonly"],select[readonly="readonly"],input[readonly="readonly"], 
textarea[disabled="disabled"],button[disabled="disabled"],select[disabled="disabled"],input[disabled="disabled"]{background:#f7f7f7; border-color:#ddd;}
input[type=text]::-ms-clear {display: none;}
input[type="file"]{width:100%;}
input[type="radio"]{vertical-align:text-bottom;}
input::placeholder{font-size:14px; font-size:1.4rem; color:#666;}
input:-webkit-autofill { -webkit-box-shadow: 0 0 0 30px transparent inset ; -webkit-text-fill-color: #666; }
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { transition: background-color 5000s ease-in-out 0s; }
img{max-width:100%; height:auto;} /* 모바일에서 이미지 선명도 - 노출되는 이미지 사이즈 2배크기의 원본이미지 적용 <img src='img.png' alt='' style='width:원본사이즈 1/2 사이즈 기재' />   */
svg{max-width: 100%; width: 100%; user-select : none;}
:focus{outline: 0;}

/*Common*/
.clear{zoom:1; clear:both;}
.clear:after{content:" "; display:block; clear:both;}
.hide{display:none !important;}
.divider_vertical:before{content: ''; display: inline-block; width: 1px; height: 10px; background: #ddd; margin: 0 3px; }
.fl-l{float:left !important;}
.fl-r{float:right !important;}

.player_box{position: relative; padding-top: 56.25%; background: #000;}
.player_box iframe{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.container{position: relative; max-width: 1280px; width: 100%; margin: 0 auto;}
.content_item{position: relative; padding: 20px 0;}
.ellipsis2{overflow: hidden; white-space: normal; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: keep-all;}
.video_info_box {padding: 10px 0;}
.video_action_bar {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-content: center;
    align-content: center;
    padding: 20px 0 20px;
    border-bottom: 1px solid #f7f7f7;
}
.action_box {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    box-sizing: border-box;
    padding: 0 4px;
    text-align: center;
    width: 100%;
}
.action_box .item_data {font-weight: 700; font-size: 1.8rem; line-height: 26px; margin-bottom: 2px;}
.action_box .item_name {font-size: 1.3rem; font-weight: 500; color: #a2a2a2;}
.video_title h1{font-size: 1.8rem; font-weight: 700; line-height: 2.4rem; max-height: 4.6rem; text-align: left;}

/* custom style */
.video_action_bar .action_box{background: #f5f5f5; border-radius: 5px; padding: 20px 10px; margin-right: 15px; border-radius: 5px;}
.video_action_bar .action_box:last-child{margin-right: 0;}
.video_description p{white-space: pre-line;}
.action_box .btn_share{position: relative; width: 100%;}
.action_box .btn_share .item_share{font-size: 1.8rem; line-height: 24px; margin-bottom: 3px;}
.action_box .btn_share .icon_share{position: relative; width: 100%; text-align: center;}
.action_box .btn_share .icon_share svg{position: relative; top: -1px; width: 16px; height: 16px; vertical-align: middle; fill: #a2a2a2;}

/* Button add read more */
.add_read_more.show_less_content .second_section, .add_read_more.show_less_content .read_less {display: none;}
.add_read_more.show_more_content .read_more{display: none;}
.add_read_more .read_more, .add_read_more .read_less {display: inline-block; font-weight: 400; color: #333; margin-left: 5px; cursor: pointer;}
.add_read_more .read_less{display: block; margin-top: 20px; margin-left: 0;}
/* AD Banner */
.section_ad_banner{display: none;}
.section_ad_banner{border-top: 5px solid #f5f5f5;}
.section_ad_banner .contents{position: relative; text-align: center; padding: 20px 0;}
.section_ad_banner .item_banner{min-width: 280px; min-height: 200px; margin: 0 auto; padding: 0;}

.section_footer{text-align: center; border-top: 1px solid #f5f5f5; padding: 20px 10px;}
.copyright{font-size: 11px; font-size: 1.1rem; color: #666;}

.section_header{background-color: #fff;}
.section_header .header{position: relative; min-height: 60px; padding: 0 10px;}
.section_header .logo_clipdown{display: inline-block; position: relative; width: 10vw; max-width: 84px; min-width: 58px; padding: 12px 0;}

@media screen and (min-width: 768px){
	.video_title h1{font-size: 2.6rem; font-weight: 700; line-height: 3rem; max-height: 6rem; text-align: left;}
    .action_box .item_data {font-size: 2rem; font-weight: 700; line-height: 26px; margin-bottom: 2px;}
    .action_box .item_name {font-size: 1.4rem; font-weight: 500; color: #a2a2a2;}
    /* .btn_share .item_share{font-size: 2rem; line-height: 20px;} */
    .video_description p{font-size: 1.8rem;}
}

@media screen and (min-width: 768px) and (max-width: 1280px){
	.inner{padding: 0 20px;}
}

@media screen and (max-width: 767px){
    .clipdown_suggest{display: none !important;}
    .section_ad_banner{display: block;}
    .inner{padding: 0 15px;}
    .content_item, .section_ad_banner .contents{padding: 10px 0;}
    .add_read_more .read_less{margin-top: 10px;}
    div,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,fieldset,p,th,td,input,textarea,select,button,pre,a, 
    .wrap_dark .add_read_more .read_more, .wrap_dark .add_read_more .read_less{color:#fff;}
    .wrap_dark{position: relative; height: 100%; background: #121212;}
    .wrap_dark .video_action_bar .action_box{background: #212121; padding: 10px 10px;}
    .wrap_dark .action_box .btn_share .item_share{font-size: 1.6rem;}
    .wrap_dark .video_action_bar, .section_ad_banner, .section_footer{border-color: #252525;}
    .wrap_dark .section_header{background-color: #121212;}
    .wrap_dark .section_header .logo_clipdown svg #Group_40 path, .section_header .logo_clipdown svg #Group_40 rect{fill: #fff;}
    .wrap_dark .section_header .header{min-height: 44px;}
    .wrap_dark .section_header .logo_clipdown{padding: 8px 0 0 0;}
    
    .wrap_dark .video_title {padding: 0;}
    .wrap_dark .video_title h1{font-size: 1.6rem; line-height: 2.2rem; max-height: 4.4rem;}
    .wrap_dark .video_action_bar{padding-bottom: 10px;}
    




}



/*.popup_notice { position: relative; width:100%; !* text-align:center; margin:0 auto;  margin-top: -150px; *! z-index:1000; display:none; top: 0; bottom: 0; left: 0; right: 0; }*/
.popup_notice {
    display: none;
    width: 350px; height: 303px;
    position: absolute;
    background-color: #fff;
    border: #666 solid 1px;
    box-shadow:2px 2px 1px rgba(68,68,68,0.6);
    top: 50%; left: 50%;
    margin: -150px 0 0 -185px;
}
.popup_notice_box {
    text-align: left;
}

@media all and (max-width:1000px){

    .popup_notice {
        width: 95%; height: auto;
        top: 0px; left: 2.5%;
        margin: 45% auto;
    }

}

.popup_notice_box h3 { font-size:40px; color:#333000; font-weight:400; padding:0; margin:0 auto }
.popup_notice_box h3 span { display:block; font-size:13px; color:#666; line-height:18px;  font-weight:400 ; margin:20px auto 20px;}
.popup_notice_box .btn_copy  {  display:block;  text-align:center; margin:20px auto; }
.popup_notice_box .btn_copy a {  display:inline-block; text-align:center; margin:0 auto; font-size:18px; color:#fff; width:calc(50% - 20px); line-height:30px; height:30px; background-color:#666; text-decoration:none;  border-radius: 3px}

.table_board_view { padding:0; margin:0; border-spacing:0; width:100%; vertical-align:top;}
.table_board_view img { vertical-align:middle;  }
.table_board_view a:link,
.table_board_view a:active,
.table_board_view a:visited { color:#333; text-decoration:none;}
.table_board_view th { background-color:#4d4d4d; padding:0 10px 0 30px; font-weight:600; color:#fff;  text-align:left; font-size:18px;  }
.table_board_view th:last-child { text-align:right; font-size:12px; font-weight:400; color:#999} /* 3, 13번 순서로 좌측정렬*/
.table_board_view th font { color:#fff; margin:0 15px 0 5px; }
.table_board_view td { vertical-align:middle; padding:30px 15px; border-bottom:1px #ddd solid; text-align:left; font-size:14px; }
.table_board_view td:nth-of-type(odd) { }
.table_board_view caption { font-size:21px; color:#4c4c4c; text-align:left; padding:10px 0; }
.img_close { display: inline-block; width: 48px; margin: 0; padding: 0; vertical-align: middle}

.popup_share { position:absolute; width:100%;  text-align:center; margin:0 auto; margin-top: 50px;  z-index:1000; display:none;}
.popup_share_box { width:320px; text-align:center; margin:0 340px 0 0; float: right; background-color:#fff; border:#a1a1a1 solid 1px;  box-shadow:2px 2px 1px rgba(68,68,68,0.6); border-radius: 6px }
.popup_share_box .share_ico img { padding: 10px; display: inline-block; width: 48px;}
.popup_share_box h3 { font-size:40px; color:#333000; font-weight:400; padding:0; margin:0 auto }
.popup_share_box h3 span { display:block; font-size:13px; color:#666; line-height:18px;  font-weight:400 ; margin:20px auto 20px;}
.popup_share_box .btn_close  {  display:block;  text-align:center; margin:0 auto 10px; }
.popup_share_box .btn_close a {  display:block; text-align:center; margin:0 auto; font-size:18px; color:#fff; width:calc(100% - 30px); line-height:30px; height:30px; background-color:#666; text-decoration:none; border-radius: 3px}

/* X 닫기 버튼 */
.close {
    position: absolute;
    right: 32px;
    top: 32px;
    width: 32px;
    height: 32px;
    opacity: 0.3;
}
.close:hover {
    opacity: 1;
}
.close:before, .close:after {
    position: absolute;
    left: 15px;
    content: ' ';
    height: 33px;
    width: 2px;
    background-color: #333;
}
.close:before {
    transform: rotate(45deg);
}
.close:after {
    transform: rotate(-45deg);
}

.close.small {
    top: 18px;
}

.close.small:before, .close.small:after {
    height: 22px;
}

/* 
    * 2023-02-28
    * Webfont 변경 ('SCDream', 'Noto Sans KR')
    * 클립다운 공유페이지 비디오 반응형 CSS 추가
    * 클립다운 공유이벤트 CSS 추가 

*/



/* 공유 이벤트 스타일 */
.header_wp{height: initial; min-height: 60px; border-bottom:0; margin-bottom: 20px;}
.header_wp .container{max-width: 1280px;}
svg{max-width: 100%; width: 100%; height: 100%;}
.pr-5{padding-right: 5px;}
.pl-5{padding-left: 5px;}

/* 기존 컨텐츠영역 숨기기 */
.contents_event .video_contents .video_info{display: none;}
.contents_event .video_contents .video_dics{display: none;}
.contents_event .video_contents .csbtn_area{display: none;}

/* 이벤트영역 공통 스타일 */
.contents_event {width:100%; max-width: 1280px;}
.contents_event .video_area{padding: 15px 20px;}
.contents_event .section_event{position: relative; width: 100%;}
.contents_event .content_btn{position: relative; width: 100%; text-align: center; margin-bottom: 40px;}
.contents_event .btn{display:inline-block; position: relative; overflow: hidden; text-align: center; vertical-align: middle; border-radius: 5px; }
.contents_event .btn:hover, .btn:focus{text-decoration: none;}
.contents_event .btn_event_enter{min-width: 300px; padding: 16px 60px; font-size: 20px; font-size: 2rem; font-weight: 600; background:#4149B8; border: 3px solid #131745; color: #FCCA00;}
.contents_event .btn_event_enter:hover{background:#2D3381; border: 3px solid #131745; color: #FCCA00;}
.contents_event .btn_event_install{min-width: 300px; padding: 16px 60px; font-size: 18px; font-size: 1.8rem; font-weight: 500; border-radius: 50px; background:#E21D19; border: 3px solid #131745; color: #fff;}
.contents_event .btn_event_install:hover{background:#CB1A16; border: 3px solid #131745;}
.contents_event .img_box{position: relative;}
.contents_event .img_box img {max-width: 100%;}
.contents_event .img_box .content_btn{position: absolute; left: 0; bottom: 0; width: 100%; }
.contents_event .img_box .m_content_btn{display: none;}
.content_event{padding: 0 20px;}
.content_event .btn_event_enter{background:#FCCA00; border: 3px solid #131745; color: #4149B8;}
.content_event .btn_event_enter:hover{background:#fcf400; color: #4149B8;}
.img_m_event{display: none;}


.popup_event .popup_content{margin-bottom: 40px;}
.popup_event .popup_content:last-child{margin-bottom: 0;}
.popup_event .content_btn{margin-bottom: 20px;}
.popup_event .text_guide{display: inline-block; color: #333; font-size: 13px; font-size: 1.3rem; padding: 5px 0;}
.popup_event .form-input-area {display: inline-block; position: relative;}
.popup_event .form-control{display: inline-block; width: 100%; height: 34px; background: #fff; border: 1px solid #ddd; font-size: 14px; font-size: 1.4rem; padding: 5px 10px;}
.popup_event .form-control:focus{border-color: #4149B8; outline: 0; -webkit-box-shadow:none; box-shadow: none;}
.popup_event .form_selectbox {position: relative;}
.popup_event .form_selectbox .select-style {font-size: 14px; font-size: 1.4rem; padding: 0 25px 0 10px;  -webkit-appearance: none;}
.popup_event .form_selectbox:before, .option-select:before, .sorting_select:before, .lang_select:before { content: '';  position: absolute;  top: 50%; right: 12px; width: 0; height: 0; margin-top: -1px;  border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 5px solid #333;  transition: all ease 0.25s; z-index: 10;}
.popup_event .input-width{width: 100px;}
.popup_event .label-control{display: inline-block; font-size: 14px; font-size: 1.4rem; font-weight: 500;}
.popup_event .content_title{font-size: 16px; font-size: 1.6rem; font-weight: 500; padding-bottom: 5px;}
.popup_event .form_cellphone{position: relative; width: 100%; text-align: center; padding: 20px 20px; background: #f5f5f5; border: 1px solid #4149B8;}
.popup_event .form_cellphone .label-control{position: relative; top:2px; padding-right: 20px;}
.popup_event .popup_event .form_cellphone .form-control:focus{border: 1px solid #4149B8;}
.popup_event .btn_popup_group .btn_popup{margin: 0 5px;}
.popup_event .btn_popup{min-width: 100px; font-size: 14px; font-size: 1.4rem; font-weight: 500;}
.popup_event .btn_popup.btn_share{background: #aaa; border: 1px solid #aaa; color: #fff; padding: 8px 30px;}
.popup_event .btn_popup.btn_enter{background:#4149B8; border: 1px solid #4149B8; color: #FCCA00; padding: 8px 40px;}
.popup_event .btn_popup.btn_share:hover{background: #777777; border: 1px solid #777777;}
.popup_event .btn_popup.btn_enter:hover{background:#2D3381; border: 1px solid #2D3381;}

.event_notice{color: #131745; margin: 40px 0; padding: 0 40px;}
.event_notice .info_title{font-size: 16px; font-size: 1.6rem; font-weight: 600;}
.event_notice .info_list{padding: 10px 0 40px;}
.event_notice .info_list li{position: relative; font-size: 14px; font-size: 1.4rem; padding-left: 10px; padding-bottom: 5px;}
.event_notice .info_list li::before{content: ''; position: absolute; left: 0; top:10px; width:5px; height: 1px; background: #131745; margin-right:8px;}

.content_share .content_title{line-height: 1.6; text-align: center;}
.content_share .btn_enter, .content_share .btn_share{min-width: 60%;}
.area_share .list_share{position: relative; width: 100%; overflow: hidden; text-align: center; margin: 30px 0;}
.area_share .list_share .share_item{display: inline-block; text-align: center; margin: 0 6px;}
.area_share .list_share .share_item a{text-decoration: none;}
.area_share .list_share .img_share{position: relative; width: 58px; margin: 0 auto; margin-bottom: 5px;}
.area_share .list_share .share_name{font-size: 13px; font-size: 1.3rem;}

/* layer Popup */
.layer_popup{display: none; position: fixed; _position: absolute; top:0; left:0; width: 100%; height: 100%; z-index: 1000;}
.layer_popup .bg_dimmed{position: absolute; top:0; left: 0; width: 100%; height: 100%; background:#000; opacity: .65; filter: alpha(opacity=65);}
.layer_popup .popup_wrap.popup_event{position: absolute; top:50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 90%; max-width: 680px; z-index: 5001; box-shadow:0px 0px 15px 0px rgb(0 0 0 / 40%);}
.layer_popup .popup_event .popup_header{background: #4149B8; border: 1px solid #4149B8; text-align: center; padding: 15px 20px;}
.layer_popup .popup_event .popup_header .header-title h1{font-size: 18px; font-size: 1.8rem; line-height:1.8; font-weight: 500; color:#fff; text-align: left; margin: 0;}
.layer_popup .popup_event .popup_header .btn-box{position: absolute; top: 0; right: 20px; padding:15px 0;}
.layer_popup .popup_event .popup_header .btn-box .btn_popup_close{display: inline-block; vertical-align: middle; background:transparent; width: 24px; height: 24px; padding:0;}
.layer_popup .popup_event .popup_header .btn-box .btn_popup_close:focus{outline:0;}
.layer_popup .popup_event .popup_header .btn-box .btn_popup_close .btn_close{display: inline-block; position: relative; overflow: hidden; width: 24px; height: 24px; opacity: 1;}
.layer_popup .popup_event .popup_header .btn-box .btn_popup_close .icon-close:before, .popup_header .btn-box .btn_popup_close .icon-close:after{content: ''; position: absolute; width: 100%; height:1px; top:50%; right:0; background:#fff;}
.layer_popup .popup_event .popup_header .btn-box .btn_popup_close .icon-close:before{-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}
.layer_popup .popup_event .popup_header .btn-box .btn_popup_close .icon-close:after{-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg)}
.layer_popup .popup_event .popup_contents{position: relative; background: #fff; border: 1px solid #4149B8; margin-top: -1px; padding: 20px 20px;}
.layer_popup .popup_event .popup_content{position: relative; width: 100%;}

/* Terms Custom style */
.popup_event .agree_all{padding: 5px 0;}
.popup_event .agree_all .help_text{display: inline-block; color: #9fa0a0; font-size: 12px; font-size: 1.2rem;}
.popup_event .terms_list{width: 100%; height: auto; background: #fff; border: 1px solid #efefef; margin: 5px 0;}
.popup_event .terms_list .terms_item_box{display: block; position: relative; overflow-y: auto; width: 100%; max-height: 150px; padding: 20px 20px;}
.popup_event .terms_list .terms_content p{color: #333; font-size: 1.3px; font-size: 1.3rem; letter-spacing: -.06rem;}
.popup_event .terms_list .terms_content strong{display: block; font-weight: 600; padding-bottom: 5px;} 

/* checkbox style */
.popup_event .cb {display: inline-block; position: relative; padding-left: 25px; font-size: 14px; font-size: 1.4rem; font-weight: 500; line-height: 1.2; cursor: pointer; margin: 3px 0;}
.popup_event .cb input {position: absolute; z-index: -1; top: 2px; left: 0; width: 16px; height: 16px; margin: 0; opacity: 0; filter: alpha(opacity = 0);}
.popup_event .cb span {position: absolute; top: 0; left: 0; width: 16px; height: 16px; border: 1px solid #c9caca; background: #f8f8f8;}
.popup_event .cb span:after {content: ''; position: absolute; top: 0; left: 5px; width: 5px; height: 10px; border: solid #c9caca; border-width: 0 2px 2px 0; transform: rotate(45deg);}
.popup_event .cb input:checked~span {border: 1px solid #4149B8; background: #4149B8;}
.popup_event .cb input:checked~span:after {border: solid #FCCA00; border-width: 0 2px 2px 0;}

.ani_arrow{position: relative; z-index: 100;} 
.ani_arrow .icon_arrow_up{position: absolute; top:2%; left: 50%; transform: translate(-50%, -2%); margin-top: -30px;}
.bounce {
    -moz-animation: bounce 2s infinite;
    -webkit-animation: bounce 2s infinite;
    animation: bounce 2s infinite;
}

@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        transform: translateY(0);
    }
    40% {
        transform: translateY(-30px);
    }
    60% {
        transform: translateY(-15px);
    }
}


/* Media Query */
@media screen and (max-width: 767px){
    .header_wp{margin-bottom: 0;}
    .content_event{padding: 0;}
    .contents_event .video_area{padding: 15px 10px;}
    .contents_event .content_btn{margin-bottom: 20px;}
    .event_notice{margin: 20px 0; padding: 0 20px;}
    .contents_event .btn_event_enter{min-width: 240px; font-size: 64px; font-size: 1.6rem; padding: 10px 30px;}
    .contents_event .img_box .content_btn{display: none;}
    .contents_event .img_box .m_content_btn{display: block; bottom:80px; margin-bottom: -30px;}
    .contents_event .img_box .m_content_btn .btn_event_install{min-width: 240px; font-size: 16px; font-size: 1.6rem; padding: 10px 24px;}
    .layer_popup .popup_event .popup_header .header-title h1{font-size: 16px; font-size: 1.6rem;}
    .popup_event .content_title{font-size: 14px; font-size: 1.4rem;}
    .popup_event .form_cellphone{padding: 10px 10px;}
    .popup_event .form_cellphone .label-control{padding-bottom: 10px; padding-right: 0;}
    .popup_event .input-width{width: 70px;}
    .area_share .list_share{margin: 15px 0;}
    .area_share .list_share .share_item{width:25%; margin-bottom: 10px;}
    .area_share .list_share .share_name{font-size: 12px; font-size: 1.2rem;}
    .img_m_event{display: block;}
    .img_web_event{display: none;}
    
}
@media screen and (max-width: 480px){
    .popup_event .popup_content{margin-bottom: 20px;}
    .event_notice .info_list li{font-size: 12px; font-size: 1.2rem; line-height: 1.2;}
    .contents_event .btn_event_enter{min-width: 200px; font-size: 14px; font-size: 1.4rem; padding: 6px 20px;}
    .contents_event .img_box .content_btn{display: none;}
    .contents_event .img_box .m_content_btn{display: block;}
    .ani_arrow .icon_arrow_up{margin-top: -5px;}
    .ani_arrow .icon_arrow_up svg{width: 28px;}
    .contents_event .img_box .m_content_btn{bottom: 55px;}
    .contents_event .img_box .m_content_btn .btn_event_install{min-width: 200px; font-size: 14px; font-size: 1.4rem; padding: 8px 20px;}
    .event_notice .info_title{font-size: 13px; font-size: 1.3rem;}
    .event_notice .info_list{padding: 10px 0 20px;}
    .event_notice .info_list li{font-size: 11px; font-size: 1.1rem; line-height:1.2;}
    .popup_event .btn_popup.btn_share{padding: 8px 15px;}
    .popup_event .form_cellphone .label-control{font-size: 13px; font-size: 1.3rem;}
    .popup_event .input-width{width: 60px;}
    .popup_event .form_selectbox .select-style, .popup_event .form-control{font-size: 12px; font-size: 1.2rem;}
    .area_share .list_share .img_share{width: 48px;}
    .footer .company_info li a{font-size: 12px; font-size: 1.2rem; line-height: 1.2;}
    
}



/* Animate neon flicker */

.shadow {
	text-shadow:
    0 0 2px rgb(228 226 202 / 92%), 
    0 0 10px rgb(252 202 0 / 34%), 
    0 0 4px rgba(252,202,0,0.52), 
    0 0 7px rgba(252,202,0,0.92), 
    0 0 11px rgba(252,202,0,0.78), 
    0 0 16px rgba(252,202,0,0.92);
}
.glow { animation:neon 3s linear infinite; will-change:opacity;}
.blink { animation:blink 3s linear infinite;}

@keyframes neon {
	20% {
		opacity:1;
	}
	80% {
		opacity:0.8;
	}
}
@keyframes blink {
	70% {
		opacity:1;
	}
	79% {
		opacity:0;
	}
	81% {
		opacity:1;
	}
	82% {
		opacity:0;
	}
	83% {
		opacity:1;
	}
	92% {
		opacity:0;
	}
	92.5% {
		opacity: 1;
	}
}

.ani_fadeinup{opacity: 0; animation: fadeInUp 1s 1s;}

@keyframes fadeInUp {
    from {
        transform: translate3d(0,40px,0)
    }

    to {
        transform: translate3d(0,0,0);
        opacity: 1;
    }
}



/* 230508  공유하기 이벤트 페이지 내 앱 설치 안내 추가 작업 */
.header_deepLink{display: none;}
.layer_popup .bg_dimmed.op_85{opacity: .85; filter: alpha(opacity=85);}
.popup_wrap.popup_info_install{width: 100%; max-width: 300px; position: fixed; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); left: 50%; top: 50%; background: #FFF;  z-index: 5001; text-align: center; background: transparent; border: 1px solid transparent; box-shadow: none;}
.popup_info_install .popup_contents{position: relative;}
.popup_info_install .content_item .item_text .content_title{font-size: 18px; font-size: 1.8rem; font-weight: 500; color:#fff;}
.popup_info_install .content_item .item_des{font-size: 14px; font-size: 1.4rem; line-height: 1.6; color: #fff; padding-bottom: 20px;}
.popup_info_install .content_item .item_img{position: relative; left: 10px;}
.popup_info_install .content_item .btn_area{position: relative; top:-20px;}
.popup_info_install .content_item .btn_area .btn_group{display: inline-block; position: relative; width: 100%; max-width: 300px; vertical-align: middle;}
.popup_info_install .content_item .btn_install{width: 100%; background: #e21d19; font-size: 16px; font-size: 1.6rem; color: #fff; border-radius: 50px; padding: 10px 20px 5px 20px;}
.popup_info_install .link_text{background: transparent; font-size:11px; font-size: 1.1rem; color: #c3c2cc;}

.popup_info_install .item_banner_box{position: relative; background-color: #131745; border-radius: 15px;}
.popup_info_install .item_banner_box .item_img{left: 0;}
.popup_info_install .item_banner_box .btn_area{position: relative; top:-10px; padding: 10px 20px 20px;}
.layer_popup .btn_box_top{position: absolute; top: -20px; right: 10px; }
.layer_popup .btn_box_top .btn_popup_close{display: inline-block; vertical-align: middle; background:transparent; width: 14px; height: 14px; padding:0;}
.layer_popup .btn_box_top .btn_popup_close:focus{outline:0;}
.layer_popup .btn_box_top .btn_popup_close .btn_close{display: inline-block; position: relative; overflow: hidden; width: 14px; height: 14px; opacity: 1;}
.layer_popup .btn_box_top .btn_popup_close .icon-close:before, .layer_popup .btn_box_top .btn_popup_close .icon-close:after{content: ''; position: absolute; width: 100%; height:1px; top:50%; right:0; background:#fff;}
.layer_popup .btn_box_top .btn_popup_close .icon-close:before{-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}
.layer_popup .btn_box_top .btn_popup_close .icon-close:after{-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg)}



@media screen and (max-width: 767px){
    .header_deepLink{display: block;}
    .header_deepLink{position: relative; background: #272727; border-bottom: 1px solid transparent;}
    .header_deepLink a:hover{text-decoration: none;}
    .header_deepLink .link_app{display: flex; align-items: center; justify-content: space-between; flex-direction: row; position: relative; width: 100%; height: 63px; padding: 0 10px;}
    .header_deepLink .link_app .list_item{display: flex; flex-direction: row; flex-grow: 1; flex-shrink: 1; align-items: center; max-width:  calc(100% - 80px);}
    .header_deepLink .link_app .list_item .img_app{display: flex; justify-content: center; position: relative;}
    .header_deepLink .link_app .list_item .img_app svg{border-radius: 5px; box-shadow: 0 0 3px 3px rgba(0,0,0,0.3);}
    .header_deepLink .link_app .list_item .des_app{position: relative; top: 3px; font-size: 13px; font-size: 1.3rem; font-weight: 500; line-height: 1.3; padding-left: 10px; color: #fff;}
    .header_deepLink .link_app .btn_area{display: flex; flex-direction: column; align-items: stretch; position: relative;}
    .header_deepLink .link_app .btn_area .btn_deeplink{background: #272727; color: #fff; border: 1px solid #e21d19; border-radius: 30px; padding: 5px 15px 0;}
    
}