@charset "UTF-8";

/****** reset *******************************/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,button{margin:0;padding:0}
fieldset,img{border:0 none}
dl,ul,ol,menu,li{list-style:none}
blockquote, q{quotes:none}
blockquote:before, blockquote:after,q:before, q:after{content:'';content:none}
input,select,textarea,button{vertical-align:middle;font-size:100%}
button{border:0 none;background-color:transparent;cursor:pointer}
table{border-collapse:collapse;border-spacing:0}
body{min-width:320px;background-color:#fff;-webkit-text-size-adjust:none}
input:checked[type='checkbox']{background-color:#666; -webkit-appearance:checkbox}
input[type='text'],input[type='password'],input[type='submit'],input[type='search'],input[type='tel'],input[type='email'],html input[type='button'],input[type='reset']{-webkit-appearance:none;border-radius:0}
input[type='search']::-webkit-search-cancel-button{-webkit-appearance:none}
body,th,td,input,select,textarea,button{font-size:14px;line-height:1.5;	font-family: 'Apple SD Gothic Neo', 'Malgun Gothic','맑은 고딕', system-ui, sans-serif;color:#000}
a{color:#005a96;text-decoration:none}
a:active, a:hover{text-decoration:none}
address,caption,cite,code,dfn,em,var{font-style:normal;font-weight:normal}
hr {border: 0 none;}
div {vertical-align: top;}
span {display: inline-block; vertical-align: top;}

.ir {font-size:0; text-indent: -99999px;}

section {text-align: center;}
section > .inner {max-width:420px; margin:0 auto; width:100%;}
section.section-kv-event1 {background-color:#f3f3f3; padding:70px 0;}
section.section-event2 {background-color:#ededed; padding:75px 0 70px;}
section.section-detail-link {background-color:#d8d8d8;}
section.section-detail-link .inner {max-width:468px;}
section.section-info {padding:60px 24px 67px;}

.kv .kv-tit {width:305px; height:276px; background:url("https://og.kakaobank.io/view/4db8a332-e59a-4b49-b157-39f177824aef") no-repeat 0 0; background-size:100%;}

.kv .video-container {position:relative; font-size:0; margin-top:60px; background-color:#000;}
.kv .video-container .video-area {position:absolute; top:0; left:0; width:100%; height: 100%;}
.kv .video-container .video-area iframe {width:100%; height:100%;}
.kv .video-container .video-play-box {position:relative; display: block; visibility: hidden; opacity:0;}
.kv .video-container .video-play-box img.thumb {width:100%;}


.event1 .event1-tit {width:320px; height:209px; margin:75px 0 43px; background:url("https://og.kakaobank.io/view/17638c61-6345-406b-aa44-ed35034b0789") no-repeat 0 0; background-size:100%;}
.event1 .video-share-btns {display: block; font-size:0;}
.event1 .video-share-btns a {display: inline-block; width:75px; height:75px; margin:0 12px;}
.event1 .video-share-btns a.kt {background:url("https://og.kakaobank.io/view/9bac1612-9157-475d-bf1e-fd3ae21c4a8c") no-repeat 0 0; background-size:100%;}
.event1 .video-share-btns a.fb {background:url("https://og.kakaobank.io/view/04ea0f61-fc89-485c-b17e-e4c61f5837ee") no-repeat 0 0; background-size:100%;}
.event1 .video-share-btns a.tw {background:url("https://og.kakaobank.io/view/e676d3f8-2fbf-45a6-923a-6107ae88d8ba") no-repeat 0 0; background-size:100%;}
.event1 .prize {width:160px; height:75px; margin-top:34px; background:url("https://og.kakaobank.io/view/ecaad7b5-d458-479d-bab1-29a0e82b4726") no-repeat 0 0; background-size:100%;}


.event2 .event2-tit {width: 320px; height:209px; background:url("https://og.kakaobank.io/view/68e49aa2-bc11-42ec-9246-f57471fc9707") no-repeat 0 0; background-size:100%;}
.event2 .prize {width:161px; padding:34px 0 30px;}
.event2 .guide {max-width:327px; width:100%;}
.event2 .edit-link {width:100%; padding:0 24px; box-sizing: border-box;}
.event2 .edit-link a {background-color:#ffe100; padding:23px 0; display: block; border-radius: 10px;}
.event2 .edit-link a span {display:block; margin:0 auto; width:202px; height:21px; background:url("https://og.kakaobank.io/view/ffb7b587-854f-4e7e-9255-cda5c91d3360") no-repeat 0 0; background-size:100%;}


.detail-link {position:relative; text-align: left;}
.detail-link a {position:relative; display: block; margin:0 24px; padding:34px 0;}
.detail-link a span {width:230px; height:21px; background:url("https://og.kakaobank.io/view/c182e9e6-abd1-4242-916d-1858b4a29623") no-repeat 0 0; background-size:100%;}
.detail-link a:after {content:""; display: block; position:absolute; top:50%; right:0; width:15px; height:16px; margin-top:-6px; background:url("https://og.kakaobank.io/view/23221ab6-ff49-4341-9f34-d5946b10ad03") no-repeat 0 0; background-size:100%;}



.info {text-align: left;}
.info .info-tit {font-size:18px; font-weight: bold; padding-bottom:35px;}
.info dl dt {font-size:15px; font-weight: bold; margin-bottom:6px;}
.info dl dd {font-size:14px; line-height:22px; color:#666666; margin-bottom:30px;}
.info dl dd span {position:relative; padding-left: 15px;}
.info dl dd span:before {content:"•"; display: block; position:absolute; top:0; left:0; font-size:14px; line-height: 22px;}
.info dl dd:last-child {margin-bottom:0;}
.info .serial {font-size:12px; line-height: 20px; color:#888888; margin-top:20px;}
.info .default-share-btns {display: block; font-size:0; text-align: center; margin-top:40px;}
.info .default-share-btns a {display: inline-block; width:68px; height:68px; margin-right:24px;}
.info .default-share-btns a:last-child {margin-right:0;}
.info .default-share-btns a.kt {background:url("https://og.kakaobank.io/view/7aa37c3b-a118-4cd5-8bb6-302efc1feb0a") no-repeat 0 0; background-size:100%;}
.info .default-share-btns a.fb {background:url("https://og.kakaobank.io/view/a80dcdd9-b493-4975-a7dc-c39c162a637c") no-repeat 0 0; background-size:100%;}
.info .default-share-btns a.tw {background:url("https://og.kakaobank.io/view/bd688601-9cba-420f-9060-f36511e8cc4f") no-repeat 0 0; background-size:100%;}



/****** popups **************************/
.popups {position:fixed; top:0; left:0; width:100%; height:100%; z-index:999; display: table; text-align: center; visibility: hidden; opacity:0;
    -webkit-transition:all 0.3s;
    transition:all 0.3s;
}
.popups.on {visibility: visible; opacity:1;}
.popups .pop-inner {display: table-cell; vertical-align: middle;}
.popups .pop-inner .bg {position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.4);}
.popups .pop-inner .pop-content {position:relative; max-width:320px; padding:0 20px; margin:0 auto;}
.popups .pop-inner .pop-content .copy {position:relative; display: block; background-color:#fff; padding:53px 0 35px; text-align: center; border-top-left-radius: 10px; border-top-right-radius: 10px;}
.popups .pop-inner .pop-content .ok-btn {display: block; background-color:#ffe400; text-align: center; padding:20px 0 18px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;}
.popups .pop-inner .pop-content .ok-btn img {width:180px;}

.popup-complete .copy {padding:53px 0 35px;}
.popup-complete .copy img {width:200px;}
.popup-complete .copy:before {content:""; position:absolute; top:-77px; left:50%; margin-left:-67px; width:135px; height:120px; background:url("https://og.kakaobank.io/view/fc676ef1-84b5-453a-a6a5-6e3f46a0ff27") no-repeat 0 0; background-size:100%;}

.popup-event2 .copy {padding:53px 0 35px;}
.popup-event2 .copy > img {width:244px; margin-bottom:15px;}
.popup-event2 .copy a > img {width:76px;}

.popup-pc .copy {padding:48px 0 40px;}
.popup-pc .copy img {width:139px;}

.popup-pc-onelink .copy {padding:48px 0 40px;}
.popup-pc-onelink .copy img {width:139px;}

.popup-finish .copy {padding:48px 0 40px;}
.popup-finish .copy img {width:244px;}

.popup-edit-cstno .copy {padding:53px 0 35px;}
.popup-edit-cstno .copy img {width:216px;}


@media screen and (max-width: 320px) {
    .kv .kv-tit {width: 280px; height:251px;}
}