@charset "UTF-8";
@import url('https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css');
   

/* ================================================================
	* PROJECT:엘소드 5000일 기념 이벤트
	* UPDATE:21.09.01
	* RELEASE:21.09.02
	* IMAGE PATH:https://ssl.nexon.com/s2/game/elsword/2021/event/0902_5000Days_8a83
================================================================ */
/* RESET DEFAULT ELEMENTS STYLE */
body,section,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,textarea,button {margin:0;padding:0}
dl,ul,ol,menu,li {list-style:none}
address, caption, cite, code, dfn, em, var {font-style:normal;font-weight:normal}
img,fieldset,iframe {border:0 none}
img {vertical-align:top}
input,select,textarea,button {vertical-align:middle}
textarea {resize:none}
input::-ms-clear {display:none}
button {border:0 none;background-color:transparent;cursor:pointer}
button:focus, a:focus {outline:0}
button, input[type='button'], input[type='submit'], input[type='reset'], input[type='file'] {border-radius:0;-webkit-appearance:button}
input[type="image"], input[type="text"], input[type="submit"], input[type="password"], input[type='search'] {border-radius:0;-webkit-appearance:none}
input:checked[type='checkbox'] {-webkit-appearance:checkbox;background-color:transparent}
input[type='search']::-webkit-search-cancel-button {-webkit-appearance:none}
table {border-collapse:collapse;border-spacing:0;empty-cells:show}
caption,legend {position:absolute;top:-9999px;left:-9999px;font-size:0;line-height:0}
a {text-decoration:none}
a:hover {text-decoration:underline}
a:active {background-color:transparent}
hr {display:none}
address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,main {display:block}
blockquote,q {quotes:none}
blockquote:before,blockquote:after,q:before,q:after {content:'';content:none}

html, body {width:100%;min-width:1400px;background:#fff}

.blind {display:block;overflow:hidden;visibility:hidden;text-indent:-9999px;font-size:0;height:0}
.ir {display:block;overflow:hidden;text-align:left;text-indent:-9999px;font-size:0 !important}
.loader {z-index:512;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000}

/* Common Page Size */
#wrapper, #contents {position:relative;margin:0 auto}
#contents {overflow:hidden;min-width:1400px;max-width:2560px;z-index:2}
.inner {position:relative;width:1400px;height:4331px;margin:0 auto}
.inner:after {content:'';display:block;clear:both}

/* Header */
#header {position:absolute;width:100%;z-index:3}
.header-inner {position:relative;width:100%;margin:0 auto;min-width:1400px;max-width:2560px}
.header-inner:after {content:'';display:block;clear:both}
.header-logo a,
.header-menu a {position:relative;display:block;overflow:hidden;text-align:left;text-indent:-9999px;font-size:0}
.header-logo {position:absolute;top:38px;left:45px;}
.header-logo a {width:145px;height:49px;background:url('https://ssl.nexon.com/s2/game/elsword/2022/event/0512_pet_a9ttp/logo.png') no-repeat 0 0}

.header-menu {position:absolute;top:39px;right:25px;overflow:hidden;height:38px}
.header-menu li {float:left;margin-left:4px}
.header-menu li:first-child {margin-left:0;margin-right:7px}
.header-menu li a {width:36px;height:37px;background:url('https://ssl.nexon.com/s2/game/elsword/2022/event/0512_pet_a9ttp/spr_tnb.png') no-repeat 0 0}

.header-menu li.gameStart a {width:123px;background-position:0 0px}
.header-menu li.home a {background-position:-134px 0px}
.header-menu li.fb a {background-position:-172px 0px}
.header-menu li.tw a {background-position:-210px 0px}


/* CONTENT 영역 */
#section1 {position:relative;overflow:hidden;width:100%;z-index:1;min-height:4331px;background:url('https://ssl.nexon.com/s2/game/elsword/2022/event/0512_pet_a9ttp/contents.png') no-repeat 50% 0 #ff9831;}

#section1 .btn_tooltip{position:absolute;top:2810px;left:290px;z-index:10;}
#section1 .btn_tooltip strong{position:absolute;top:0;display:block;width:74px;height:70px;text-indent:-9999px;cursor:pointer;}
#section1 .btn_tooltip strong:before{content:'';display:block;position:absolute;top:1px;right:-1px;width:31px;height:31px;background: url('https://ssl.nexon.com/s2/game/elsword/2022/event/0512_pet_a9ttp/btn_pop.png') no-repeat 0 0;}

#section1 .btn_tooltip strong:hover:after {opacity:1;}
#section1 .btn_tooltip span {
	position:absolute;bottom:-480px;left:-100px;
	width:273px;height:410px;background-image: url('https://ssl.nexon.com/s2/game/elsword/2022/event/0512_pet_a9ttp/pop1.png');
	opacity:0;transition:all 0.2s;transform-origin:center top;transform:scale(0.5);text-indent:-9999px;background-repeat:no-repeat;
}
#section1 .btn_tooltip strong:hover ~ span {opacity:1;transform:scale(1);}

.btn_popup {position:absolute;bottom:578px;left:50%;width:361px;height:96px;background:url('https://ssl.nexon.com/s2/game/elsword/2022/event/0512_pet_a9ttp/btn.png') no-repeat 0 0;transform:translateX(-50%);}
.btn_popup a{display:block;width:100%;height:100%;text-indent:-9999px;background:url('https://ssl.nexon.com/s2/game/elsword/2022/event/0512_pet_a9ttp/btn_hover.png') no-repeat 0 0;opacity:0;transition:all 0.5s;}
.btn_popup a:hover{opacity:1;}

/* Popup_Common */
body.locked-scroll {height:100%;padding-right:17.5px;overflow:hidden;box-sizing:border-box}
body.locked-scroll .popup {overflow-y:auto}
.popup {display:none;position:fixed;top:0;left:0;width:100%;height:100%;overflow-y:hidden;z-index:300}
.popup .modal_body {position:relative;margin:0 auto;transition:top 600ms ease}
.popup .modal_close {position:absolute;top:0;right:0;cursor:pointer;outline:none}
.popup .modal_close a {display:block;width:52px;height:51px;text-indent:-9999px;background:url('https://ssl.nexon.com/s2/game/elsword/2022/event/0512_pet_a9ttp/btn_pop2.png') no-repeat 50% 50%;}
.popup.inactive .modal_body:after {content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000;opacity:0.7}
.popup.inactive .modal_close {display:none}
.modal_bg {display:none;position:fixed;z-index:9;top:0;left:0;width:100%;height:100%;background-color:#000;opacity:0.7}

#pop_detail1 .modal_body {width:542px;height:434px;background:url('https://ssl.nexon.com/s2/game/elsword/2022/event/0512_pet_a9ttp/popup.png') no-repeat;}



/* 시스템 유의사항 */
#note1 { position:absolute;bottom:55px;left:178px;color:#141717;font-size:18px;font-family:'NanumSquare', 'Nanum Gothic', sans-serif;font-weight:500; }
#note1 li {position:relative;line-height:32px;letter-spacing:-0.35px;padding-left:11px;}
#note1 ul li:before{content:'';position:absolute;top:13px;left:0;width:7px;height:3px;background:url('https://ssl.nexon.com/s2/game/elsword/2022/event/0512_pet_a9ttp/icon_txt.png') no-repeat;}


#footer {width:100%;height:67px;background:url('https://ssl.nexon.com/s2/game/elsword/2022/event/0512_pet_a9ttp/footer.png') no-repeat 50% 0;}



/* 펫 이미지 */
#section1 .pet > div {position:absolute;opacity:0;}

#section1 .pet .pet1{top:0;/*left:-443px;*/left:-643px;width:657px;height:554px;background:url('https://ssl.nexon.com/s2/game/elsword/2022/event/0512_pet_a9ttp/pet01.png') no-repeat 0 0;}
#section1 .pet .pet2{margin-top:792px;/*right:-188px;*/right:-388px;width:549px;height:500px;background:url('https://ssl.nexon.com/s2/game/elsword/2022/event/0512_pet_a9ttp/pet02.png') no-repeat 0 0;}
#section1 .pet .pet3{top:2318px;/*right:-308px;*/right:-508px;width:356px;height:476px;background:url('https://ssl.nexon.com/s2/game/elsword/2022/event/0512_pet_a9ttp/pet03.png') no-repeat 0 0;}
#section1 .pet .pet4{bottom:695px;/*left:-348px;*/left:-607px;width:593px;height:567px;background:url('https://ssl.nexon.com/s2/game/elsword/2022/event/0512_pet_a9ttp/pet04.png') no-repeat 0 0;}


#section1 .pet .pet1.active{animation:pet1 0.8s linear 1s;animation-fill-mode: both;}
@keyframes pet1 {
	to{transform:translateX(200px);opacity:1;}
}

#section1 .pet .pet4.active{transform:translateX(200px);opacity:1;transition:all 1s;}
#section1 .pet .pet3.active,
#section1 .pet .pet2.active{transform:translateX(-200px);opacity:1;transition:all 1s;}