@charset "utf-8";

/* pi  */
.pi { display:block; background:url(../../img/common/spr_pi.png?v=2) no-repeat 0 0 / 2400px 2400px; }
/* input */
.pi.pi_user { width: 18px; height: 18px; background-position: -155px -1983px; }
.pi.pi_email { width: 21px; height: 16px; background-position: -73px -1983px; }
.pi.pi_password { width: 18px; height: 22px; background-position: -117px -1983px; }
.pi.pi_password_view { width: 18px; height: 10px; background-position: -1802px -450px; }
.dark .pi.pi_password_view { width: 18px; height: 10px; background-position: -1802px -474px; }
/*.pi.pi_check { width: 12px; height: 10px; background-position: 0 -2011px; }*/
.pi.pi_check { border-left: 2px solid #fff; border-bottom: 2px solid #fff; width: 8px; height: 5px; -webkit-transform: translateY(-65%) rotate(-45deg); transform: translateY(-65%) rotate(-45deg); background: none; }
.pi.pi_password_check { right: 15px; width: 22px; height: 22px; background-position: -225px -1983px }
.pi.pi_search { width: 14px; height: 14px; background-position: -301px -2048px }
/* btn */
.pi.pi_link { width: 16px; height: 16px; background-position: -499px -1982px; }
/* .pi.pi_goldBg { width:100%; height:100%; background-position: -1000px -1600px; }*/
/* sns */
.pi.pi_facebook { width: 7px; height: 13px; background-position: 0 -2174px; }
.pi.pi_sns { width: 33px; height: 33px; }
.pi.pi_facebook { background-position: -1862px 0 }
.pi.pi_google { background-position: -1862px -74px }
.pi.pi_kakaotalk { background-position: -1700px -162px }
.pi.pi_vk { background-position: -1774px -162px }
.pi.pi_steam { background-position: -1848px -162px }
.pi.pi_steam_w { width: 30px; height: 30px; background-position: -481px -2227px; }
.pi.pi_naver { background-position: -1899px -37px }
.pi.pi_twitter { background-position: -1899px -111px }
.pi.pi_yahoo { background-position: -1700px -199px }

/* sns login */
.pi.pi_log_facebook { width: 30px; height: 30px; background-position: -673px -2049px }
.pi.pi_log_google { width: 26px; height: 26px; background-position: -35px -2228px }
.pi.pi_log_twitter { width: 28px; height: 24px; background-position: -708px -1903px; }
.pi.pi_log_kakao { width: 34px; height: 30px; background-position: -88px -2226px; }
.pi.pi_log_vk { width: 30px; height: 18px; background-position: -432px -2228px }
.pi.pi_log_steam { width: 30px; height: 30px; background-position: -190px -2228px }
.pi.pi_log_naver { width: 28px; height: 28px; background-position: -241px -2228px; }
.pi.pi_log_yahoo { width: 28px; height: 29px; background-position: -150px -2180px; }

.pi.pi_sns_check { width:25px; height:25px; background-position: -329px -2048px; }

.pi_essentail { width: 15px; height: 15px; background-position:-300px -2141px; }

/* paging */
.pi.pi_arrowFirst { width: 12px; height: 13px; background-position: 0 -2118px }
.pi.pi_arrowPrev { width: 7px; height: 13px; background-position: -22px -2118px }
.pi.pi_arrowNext { width: 7px; height: 13px; background-position: -35px -2118px }
.pi.pi_arrowLast { width: 12px; height: 13px; background-position: -52px -2118px }

/* TODO : pi_mypage 임시 */
.pi_wrap .pi[class*="pi_mypage_"] {display:inline-flex;flex-shrink:0;width: 30px;height: 30px;background-position: 0px -1600px;margin-right: 16px;}
.pi_wrap.active .pi[class*="pi_mypage_"] { background-position-y: -1630px; }
.pi_wrap.active .pi.pi_mypage_5 { background-position-y: -1564px; }
.pi_wrap.active .pi.pi_mypage_10 { background-position-y: -1563px; }
.pi_wrap.active .pi.pi_mypage_11 { background: url(../../img/common/icn_child_protect_brown.svg) no-repeat center / contain; }

.pi_wrap .pi.pi_mypage_2 { background-position-x: -60px; } /* 내정보 */
.pi_wrap .pi.pi_mypage_3 { background-position-x: -90px; } /* 오픈아이디 연결 */
.pi_wrap .pi.pi_mypage_4 { background-position-x: -30px; } /* 웹 창고 */
.pi_wrap .pi.pi_mypage_5 { background-position: 0 -1533px; } /* 패키지 이용 내역 */
.pi_wrap .pi.pi_mypage_6 { background-position-x: -120px; } /* 구매 사용 내역 */
.pi_wrap .pi.pi_mypage_7 { background-position-x: -240px; } /* 결제 설정 */
.pi_wrap .pi.pi_mypage_8 { background-position-x: -180px; } /* 보안센터 */
.pi_wrap .pi.pi_mypage_9 { background-position-x: -210px; } /* 회원탈퇴 */
.pi_wrap .pi.pi_mypage_10 { background-position: -30px -1533px; } /* 계정 보안 */
.pi_wrap .pi.pi_mypage_11 { background: url(../../img/common/icn_child_protect.svg) no-repeat center / contain; }
.pi_wrap .pi.pi_mypage_12 {background-position: 0px -1468px;} /* 회원탈퇴 */
.pi_wrap .pi.pi_mypage_13 {background-position: -4px -1498px;} /* 회원탈퇴 */
.pi_wrap .pi.pi_mypage_14 {background-position: 0px -1439px;}
.pi_wrap .pi.pi_mypage_15 { background: url(../../img/common/changeitem_gray.svg) no-repeat center / contain; }
.pi_wrap .pi.pi_mypage_16 { background: url(../../img/common/craft_gray.svg) no-repeat center / contain; }
.pi_wrap .pi.pi_logout { width: 30px; height: 30px; background-position: -210px -1600px; }
.pi_wrap.active .pi.pi_logout { background-position-y: -1630px; }

/* pi_member_step */
.pi_member_step { width:218px; height:40px; }
.pi_member_step_01 { background-position: 0 -618px }
.pi_member_step_02 { background-position: -321px -618px }
.pi_member_step_03 { background-position: -642px -618px }
.pi_member_step_04 { background-position: -973px -618px }

.pi.pi_delete { width: 11px; height: 15px; background-position: -812px -1600px; }

.pi.pi_reg_complete { background-position: 0 -726px; }
.pi.pi_icon_coin { background-position: -3px -1722px; }
.pi.pi_icon_security { background-position: -280px -1722px }
.pi.pi_icon_customer { background-position: -536px -1722px }

/* pi_launcher */
.pi.pi_pearlabyss_small { width: 94px; height: 12px; background-position:-1600px -600px; }
.pi.pi_sns_discord { width: 14px; height: 11px; background-position: -1769px -959px; }
.pi.pi_sns_weibo { width: 15px; height: 12px; background-position: -1743px -957px; }
.pi.pi_sns_wechat { width: 20px; height: 16px; background-position: -2029px -957px; }
.pi.pi_sns_17173 { width: 47px; height: 16px; background-position: -1797px -956px; }
.pi.pi_sns_douyu { width: 18px; height: 14px; background-position: -1856px -957px; }
.pi.pi_sns_baha { width: 74px; height: 12px; background-position: -1886px -958px; }
.pi.pi_sns_facebook { width: 13px; height: 13px; background-position: -2059px -959px; }
.pi.pi_sns_huya { width: 50px; height: 16px; background-position: -1971px -957px; }
.pi.pi_sns_bili { width: 45px; height: 14px; background-position: -2082px -958px; }
.pi.pi_sns_wechat { width: 20px; height: 16px; background-position: -2029px -957px }

.pi.pi_email_gold { width: 18px; height: 14px; background-position: -1877px -600px; }
.pi.pi_password_gold { width: 16px; height: 18px; background-position: -1904px -600px; }
.pi.pi_user_blue { width: 18px; height: 18px; background-position: -1987px -600px; }
.pi.pi_eye { width: 25px; height: 13px; background-position: -916px -1647px; }
.pi.pi_eye_open { width: 25px; height: 15px; background-position: -916px -1665px; }

.pi.pi_sel_sml { width: 9px; height: 6px; background-position: -1700px -600px; }
.pi.pi_settings { width: 14px; height: 14px; background-position: -1782px -600px; }
.pi.pi_minimize { width: 14px; height: 2px; background-position: -1805px -600px; }
.pi.pi_widen { width: 14px; height: 12px; background-position: -1830px -600px;  }
.pi.pi_close { width: 14px; height: 14px; background-position: -1854px -600px; }

/* launcher login */
.pi.pi_login_facebook { background-position: -917px -1720px; }
.pi.pi_login_google {  background-position:  -968px -1720px; }
.pi.pi_login_kakaotalk { background-position: -1019px -1720px; }
.pi.pi_login_naver { background-position: -1072px -1720px; }
.pi.pi_login_twitter { background-position: -1123px -1720px; }
.pi.pi_login_vk { background-position: -1176px -1720px; }
.pi.pi_login_yahoo { background-position: -1231px -1720px; }


/* TODO: 임시 pi_sns_login */
.pi.pi_sns_log_twitter { width: 30px; height: 24px; background-position: -708px -1903px; }
.pi.pi_sns_log_facebook { width: 30px; height: 30px; background-position: -673px -2049px; }
.pi.pi_sns_log_google { width: 26px; height: 26px; background-position: -35px -2228px }
.pi.pi_sns_log_kakaotalk { width: 34px; height: 30px; background-position: -89px -2227px }
.pi.pi_sns_log_vk { width: 30px; height: 18px; background-position: -139px -2228px }
.pi.pi_sns_log_steam { width: 30px; height: 30px; background-position: -190px -2228px }
.pi.pi_sns_log_naver { width: 28px; height: 28px; background-position: -242px -2228px }

/*.active .pi.pi_sns_log_twitter { background-position: -708px -1941px; }
.active .pi.pi_sns_log_facebook { background-position: -731px -2048px; }
.active .pi.pi_sns_log_google{ background-position: -339px -2228px }
.active .pi.pi_sns_log_kakaotalk{ background-position: -383px -2228px }
.active .pi.pi_sns_log_vk{ background-position: -432px -2228px }
.active .pi.pi_sns_log_steam{ background-position: -482px -2228px }
.active .pi.pi_sns_log_naver{ background-position: -540px -2228px }*/

/*pi etc_sns*/
.pi.icn_twitch { width: 28px; height: 31px; background-position: -920px -1807px; }

/* TODO 임시 icons */
/*.pi[class*="pi_icons_"] { width:82px; height:82px; }*/
.pi.pi_icons_01 { background-position: 0 -37px }
.pi.pi_icons_02 { background-position: -91px -37px }
.pi.pi_icons_03 { background-position: -182px -37px }
.pi.pi_icons_04 { background-position: -273px -37px }
.pi.pi_icons_05 { background-position: -364px -37px }
.pi.pi_icons_06 { background-position: -455px -37px }
.pi.pi_icons_07 { background-position: -546px -37px }
.pi.pi_icons_08 { background-position: -642px -37px }
.pi.pi_icons_09 { background-position: -733px -37px }
.pi.pi_icons_10 { background-position: -824px -37px }
.pi.pi_icons_11 { background-position: -915px -37px }
.pi.pi_icons_12 { background-position: -1006px -37px }
.pi.pi_icons_13 { background-position: -1097px -37px }
.pi.pi_icons_14 { background-position: -1188px -37px }
.pi.pi_icons_15 { background-position: -1279px -37px }
.pi.pi_icons_16 { background-position: 0 -128px }
.pi.pi_icons_17 { background-position: -91px -128px }
.pi.pi_icons_18 { background-position: -182px -128px }
.pi.pi_icons_19 { background-position: -273px -128px }
.pi.pi_icons_20 { background-position: -364px -128px }
.pi.pi_icons_21 { background-position: -455px -128px }
.pi.pi_icons_22 { background-position: -546px -128px }
.pi.pi_icons_23 { background-position: -643px -128px }
.pi.pi_icons_24 { background-position: -733px -128px }

.pi.pi_icon_email { background-position: -824px -127px; }

.pi.pi_auth { width: 43px; height: 66px; background-position: 0 -432px }
.pi.pi_card { width: 48px; height: 58px; background-position: -65px -432px }
.pi.pi_lock { width: 60px; height: 62px; background-position: -123px -432px }
.pi.pi_mail { width: 58px; height: 58px; background-position: -193px -432px }
.pi.pi_pin  { width: 64px; height: 46px; background-position: -261px -432px }
.pi.pi_resend { width: 13px; height: 14px; background-position: -964px -1660px; }

.pi.pi_pearlapp_denied { background-position: -620px -862px; }
.pi.pi_time_doc { background-position: -273px -863px; }

.pi.pi_check_black { width: 15px; height: 13px; background-position: 0 -1983px; }
.pi.pi_setting { width: 30px; height: 30px; background-position: -377px -2048px }
.pi.pi_mark_caution { width: 21px; height: 21px; background-position: -35px -2047px }
.pi.pi_mark_check { width: 18px; height: 18px; background-position: -260px -2141px }

.pi.pi_phone { width: 18px; height: 24px; background-position: -585px -1983px }

/* 임시 otp */
.pi.pi_otp_write { width: 42px; height: 40px; background-position: -399px -725px }
.pi.pi_otp_app { width: 42px; height: 40px; background-position: -482px -725px }
.pi.pi_otp_confirm { width: 42px; height: 40px; background-position: -553px -725px }
.pi.pi_otp_complete { width: 42px; height: 40px; background-position: -638px -725px }

.pi.pi_otp_icon01 { width: 43px; height: 66px; background-position: 0 -432px }
.pi.pi_otp_icon02 { width: 48px; height: 58px; background-position: -65px -432px }
.pi.pi_otp_icon03 { width: 60px; height: 62px; background-position: -123px -432px }
.pi.pi_otp_icon04 { width: 58px; height: 58px; background-position: -193px -432px }
.pi.pi_otp_icon05 { width: 64px; height: 46px; background-position: -261px -432px }
.pi.pi_otp_password { width: 68px; height: 62px; background-position: -338px -433px }

/* pi pearlabyss */
.pi.pi_pearlabyss { background-position: -190px -2367px }

.pi.pi_calendar { width: 18px; height: 18px; background-position: -383px -1983px; }

.pi.pi_profile_arrow { width:14px; height:20px; background-position: -1298px -1600px; transform:scale(.8); }
.pi.pi_blackdesert { width: 50px; height: 50px; background-position: -1179px -1600px; transform: scale(.7); }
.pi.pi_shadowarena { width: 51px; height: 51px; background-position: -1238px -1600px; transform: scale(.7); }
.pi.pi_arrow_white { width:13px; height:19px; position:absolute; right:10px; top:50%; margin-top:-9.5px; background-position: -1323px -1600px;  transform:scale(.7); }

.pi.pi_new_window { width:15px; height:15px; background-position: -777px -1861px; }

/* dash board */
.pi.pi_dash_shortcut { width: 28px; height: 29px; background-position: -917px -2030px; }
.pi.pi_dash_storage { width: 22px; height: 30px; background-position: -969px -2030px; }
.pi.pi_dash_secure { width: 28px; height: 28px; background-position: -1108px -2030px; }
.pi.pi_dash_logged { width: 24px; height: 28px; background-position: -1063px -2030px; }
.pi.pi_dash_coupon { width: 28px; height: 22px; background-position: -1162px -2030px; }
.pi.pi_dash_account { width: 28px; height: 26px; background-position: -1013px -2030px; }
.pi.pi_dash_more { width: 26px; height: 7px; background-position: -1298px -2030px; }
.pi.pi_dash_more_white { width: 26px; height: 7px; background-position: -1298px -2046px; }
.pi.pi_dash_mark { width: 33px; height: 33px; background-position: -1214px -2030px; }
.pi.pi_dash_check { width: 13px; height: 10px; background-position: -1267px -2030px; }
.pi.pi_dash_naeu { width: 66px; height: 66px; background-position: -917px -1946px; }
.pi.pi_dash_sha { width: 66px; height: 66px; background-position: -1000px -1946px; }
.pi.pi_dash_game { width: 28px; height: 28px; background-position: -1346px -2030px; }
.pi.pi_dash_recommend { width: 27px; height: 27px; background-position: -1395px -2030px; }
.pi.pi_dash_bdo_small { width: 30px; height: 30px; background-position: -1100px -1950px; }
.pi.pi_dash_sha_small { width: 30px; height: 30px; background-position: -1140px -1950px; }

/* dashboard recommend game */
.pi.pi_recommend_sha { width: 370px; height: 70px; background-position: -1600px -1935px; }
.pi.pi_recommend_bdo { width: 370px; height: 70px; background-position: -1980px -1935px; }

/* 백업코드 */
.pi.pi_copy { width: 47px; height: 47px; background-position: -90px -1533px; }
.pi.pi_print { width: 47px; height: 47px; background-position: -150px -1533px; }

/* spr_help */
.pi.pi_help_mail { width: 24px; height: 20px; background-position: -917px -2261px; }
.pi.pi_help_password { width: 23px; height: 24px; background-position: -917px -2291px; }
.pi.pi_help_cs { width: 25px; height: 22px; background-position: -917px -2325px; }

/* pi_download button */
.pi.pi_download { width: 18px; height: 20px; background-position: -1600px -1193px; }
.pi.pi_download_blackdesert { width:435px; height:100px;  background-position: -1600px -1222px; }
.pi.pi_download_shadowarena { width:435px; height:100px;  background-position: -1600px -1442px; }

/*security 게임 보안 센터*/
.pi.pi_password_reset { width: 66px; height: 56px; background-position: -802px -725px; }
.pi.pi_pc_regist { width: 70px; height: 52px; background-position: -893px -724px; }

@media (min-width:1025px) {
    .pi_my_hover:hover .pi { background-position-y: -1630px; }
    .pi_my_hover:hover .pi.pi_mypage_5 { background-position-y: -1564px; }
    .pi_my_hover:hover .pi.pi_mypage_10 { background-position-y: -1563px; }
    .pi_my_hover:hover .pi.pi_mypage_11 { background: url(../../img/common/icn_child_protect_brown.svg) no-repeat center / contain; } 
	.pi_my_hover:hover .pi.pi_mypage_12 {background-position: -32px -1468px;}
	.pi_my_hover:hover .pi.pi_mypage_13 {background-position: -36px -1498px;}
	.pi_my_hover:hover .pi.pi_mypage_14 {background-position: -31px -1439px;}
	.pi_my_hover:hover .pi.pi_mypage_15 { background: url(../../img/common/changeitem_brown.svg) no-repeat center / contain; }
    .pi_my_hover:hover .pi.pi_mypage_16 { background: url(../../img/common/craft_brown.svg) no-repeat center / contain; }
    /* sns */
    .pi_wrap:hover .pi.pi_facebook { background-position: -1808px -108px }
    .pi_wrap:hover .pi.pi_google { background-position: -1862px -37px }
    .pi_wrap:hover .pi.pi_kakaotalk { background-position: -1862px -111px }
    .pi_wrap:hover .pi.pi_vk { background-position: -1737px -162px }
    .pi_wrap:hover .pi.pi_steam { background-position: -1811px -162px }
    .pi_wrap:hover .pi.pi_naver { background-position: -1899px 0 }
    .pi_wrap:hover .pi.pi_twitter { background-position: -1899px -74px }
    .pi_wrap:hover .pi.pi_yahoo { background-position: -1899px -148px }

    .pi_wrap:hover .pi_settings { background-position: -1782px -628px }
    .pi_wrap:hover .pi_minimize { background-position: -1805px -628px }
    .pi_wrap:hover .pi.pi_widen { background-position: -1830px -628px; }
    .pi_wrap:hover .pi.pi_close { background-position: -1854px -628px; }

    .pi_wrap:hover .pi.pi_email_gold { background-position: -1877px -628px }
    .pi_wrap:hover .pi.pi_eye { background-position: -2047px -630px }

    /* pi_wrap hover */

    .pi_wrap:hover .pi.pi_arrowFirst { background-position: -107px -2118px }
    .pi_wrap:hover .pi.pi_arrowPrev { background-position: -129px -2118px }
    .pi_wrap:hover .pi.pi_arrowNext { background-position: -146px -2118px }
    .pi_wrap:hover .pi.pi_arrowLast { background-position: -163px -2118px }

}

@media (max-width:1024px)
{
    /* y 66.7 더해야함 .. 임시 TODO 주석 삭제 예정 */
    .pi { background-size: 100rem 100rem; }
    .pi.pi_user { width: 1.125rem; height: 1.125rem; background-position: -6.4583rem -83.7917rem; }
    /* input */
    .pi.pi_email { width: 1.375rem; height: 1.0416rem; background-position: -3.014rem -83.825rem }
    .pi.pi_password { width: 1.166rem; height: 1.375rem; background-position: -4.875rem -83.7917rem; }
    .pi.pi_password_check { width: 1.416rem; height: 1.416rem; background-position: -9.375rem -83.7917rem }
    .pi.pi_password_view { width: 1.167rem; height: 0.667rem; background-position: -76rem -18.75rem; }
    .dark .pi.pi_password_view { width: 1.167rem; height: 0.625rem; background-position: -76rem -19.75rem; }
    /*.pi.pi_check { width: 0.666rem; height: 0.541rem; background-position: -1.485rem -83.825rem }*/
    .pi.pi_check { width: .6rem; height: .35rem; }
    .pi.pi_search { width: .833rem; height: .833rem; background-position:-12.541rem -86.5827rem }
    /* btn */
    .pi.pi_link { width: 1rem; height: 0.95rem; background-position: -20.8rem -83.75rem; }
    /* .pi.pi_goldBg { background-position: -41.6667rem -66.6667rem; } */
    /* sns */
    /* .pi.pi_facebook { background-size:2400px 2400px; } */
    .pi.pi_sns { width: 2.1rem; height: 2.1rem; left: 0.9rem; top: 0.75rem; }
    .pi.pi_facebook { background-position: -70.8333rem 0 }
    .pi.pi_google { background-position: -73.1733rem 0 }
    .pi.pi_kakaotalk { background-position: -70.8333rem -2.34rem }
    .pi.pi_vk { background-position: -73.1733rem -2.34rem }
    .pi.pi_steam { background-position: -75.5133rem 0 }
    .pi.pi_steam_w { width: 2.01rem; height: 2.01rem; background-position: -20.0417rem -94.3017rem; }
    .pi.pi_naver { background-position: -75.5133rem -2.34rem }
    .pi.pi_twitter { background-position: -70.8333rem -4.68rem }
    .pi.pi_twitter_big { width:1.8333rem; height:1.5rem; background-position:-31.3333rem -80.5417rem; }
    .pi.pi_yahoo { background-position: -73.1733rem -4.68rem }

    .pi.pi_log_facebook { width: 1.818rem; height: 1.8rem; background-position: -28.04rem -86.8667rem }
    .pi.pi_log_google { width: 1.583rem; height: 1.583rem; background-position: -1.458rem -94.3747rem }
    .pi.pi_log_twitter { width: 1.8rem; height: 1.55rem; background-position: -31.3333rem -80.5rem; }
    .pi.pi_log_kakao { width: 1.9rem; height: 1.78rem; background-position: -3.75rem -94.35rem }
    .pi.pi_log_vk { width: 1.875rem; height: 1.125rem; background-position: -5.791rem -86.0413rem }
    .pi.pi_log_steam { width: 1.875rem; height: 1.875rem; background-position: -7.916rem -86.0413rem }
    .pi.pi_log_naver { width: 1.666rem; height: 1.666rem; background-position: -10.083rem -94.4rem;}

    /* paging */
    .pi.pi_arrowFirst { width: 0.5rem; height: 0.5417rem; background-position: 0 -88.25rem }
    .pi.pi_arrowPrev { width: 0.2917rem; height: 0.5417rem; background-position: -0.9167rem -88.25rem }
    .pi.pi_arrowNext { width: 0.2917rem; height: 0.5417rem; background-position: -1.4583rem -88.25rem }
    .pi.pi_arrowLast { width: 0.5rem; height: 0.5417rem; background-position: -2.1667rem -88.25rem }

    /* TODO : pi_mypage 임시 */
    .pi_wrap .pi[class*="pi_mypage_"] { width:1.9167rem; height:1.8333rem; background-position: 0 -71.6667rem }
    .pi_wrap.active .pi[class*="pi_mypage_"] { background-position-y: -73.5rem; }

    .pi_wrap .pi.pi_mypage_2 { background-position-x: -3.8333rem } /* 내정보 */
    .pi_wrap .pi.pi_mypage_3 { background-position-x: -5.75rem } /* 오픈아이디 연결 */
    .pi_wrap .pi.pi_mypage_4 { background-position-x: -1.9167rem } /* 웹 창고 */
    .pi_wrap .pi.pi_mypage_5 { background-position-x: -7.6667rem }/* 패키지 이용 내역 */
    .pi_wrap .pi.pi_mypage_6 { background-position-x: -7.6667rem }/* 구매 사용 내역 */
    .pi_wrap .pi.pi_mypage_7 { background-position-x: -15.3333rem }/* 결제 설정 */
    .pi_wrap .pi.pi_mypage_8 { background-position-x: -11.5rem } /* 결제 설정 */
    .pi_wrap .pi.pi_mypage_9 { background-position-x: -13.4167rem } /* 결제 설정 */

    .pi_wrap .pi.pi_logout { width: 1.9167rem; height: 1.8333rem; background-position: -13.4167rem -71.6667rem; }
    .pi_wrap.active .pi.pi_logout { background-position-y: -73.5rem; }

    /* pi_member_step */
    .pi_member_step { width: 11.84rem; height: 2.083rem; }
    .pi_member_step_01 { background-position: 0 -27.76rem }
    .pi_member_step_02 { background-position: -13.375rem -27.76rem }
    .pi_member_step_03 { background-position: -26.75rem -27.76rem }
    .pi_member_step_04 { background-position: -40.16rem -27.76rem }

    .pi.pi_delete { width: 0.4583rem; height: 0.625rem; background-position: -33.8333rem -66.6667rem; }

    .pi.pi_reg_complete { background-position: 0 -35.25rem }

    .pi.pi_icon_coin { background-position: -0.125rem -71.75rem; }
    .pi.pi_icon_security { background-position: -11.6667rem -71.75rem }
    .pi.pi_icon_customer { background-position: -22.3333rem -71.75rem }

    .pi.pi_essentail { width:.666rem; height:.666rem; background-position:-12.5rem -89.2077rem;  }

    /* TODO: 임시 pi_sns_login */
    .pi.pi_sns_log_twitter { width: 1.25rem; height: 1rem; background-position: -29.5rem -79.2917rem; }
    .pi.pi_sns_log_facebook { width: 1.25rem; height: 1.25rem; background-position: -28.0833rem -85.3333rem; }
    .pi.pi_sns_log_google { width: 1.0833rem; height: 1.0833rem; background-position: -1.4583rem -92.8333rem }
    .pi.pi_sns_log_kakaotalk { width: 1.4167rem; height: 1.25rem; background-position: -3.7083rem -92.7917rem }
    .pi.pi_sns_log_vk { width: 1.25rem; height: 0.75rem; background-position: -5.7917rem -92.8333rem }
    .pi.pi_sns_log_steam { width: 1.25rem; height: 1.25rem; background-position: -7.9167rem -92.8333rem }
    .pi.pi_sns_log_naver { width: 1.1667rem; height: 1.1667rem; background-position: -10.0833rem -92.8333rem }
    .pi.pi_sns_log_active a { background: #2b2f5a; border: 0.0417rem solid #24274c; color: #fff }
    .pi.pi_sns_log_active a:before { display: block }
    .pi.pi_sns_log_active a:after { background: #3d4278; border-left: 0.0417rem solid #24274c }
    .pi.pi_sns_log_facebook.active { background-position: -12.5417rem -92.8333rem }
    .pi.pi_sns_log_google.active { background-position: -14.125rem -92.8333rem }
    .pi.pi_sns_log_kakaotalk.active { background-position: -15.9583rem -92.8333rem }
    .pi.pi_sns_log_vk.active { background-position: -18rem -92.8333rem }
    .pi.pi_sns_log_steam.active { background-position: -20.0833rem -92.8333rem }
    .pi.pi_sns_log_naver.active { background-position: -22.5rem -92.8333rem }

    /*.active .pi.pi_sns_log_twitter { background-position: -29.5rem -80.875rem; }
    .active .pi.pi_sns_log_facebook { background-position: -30.4583rem -85.3333rem; }
    .active .pi.pi_sns_log_google{ background-position: -14.125rem -92.8333rem }
    .active .pi.pi_sns_log_kakaotalk{ background-position: -15.9583rem -92.8333rem }
    .active .pi.pi_sns_log_vk{ background-position: -18rem -92.8333rem }
    .active .pi.pi_sns_log_steam{ background-position: -20.0833rem -92.8333rem }
    .active .pi.pi_sns_log_naver{ background-position: -22.5rem -92.8333rem }*/

    .pi.pi_sns_check { width: 1.33rem; height: 1.33rem; background-position: -13.708rem -86.5417rem; }

    /*pi etc_sns*/
    .pi.icn_twitch { width: 1.4933rem; height: 1.6833rem; background-position: -38.3333rem -77.6717rem; }

    /* TODO 임시 : icon_list */
    /* .pi[class*="pi_icons_"] { width: 4.1rem; height: 4.1rem; }*/
    .pi.pi_icons_01 { background-position: 0 -9.125rem }
    .pi.pi_icons_02 { background-position: -4.458rem -9.125rem }
    .pi.pi_icons_03 { background-position: -8.916rem -9.125rem }
    .pi.pi_icons_04 { background-position: -13.375rem -9.125rem }
    .pi.pi_icons_05 { background-position: -17.833rem -9.125rem }
    .pi.pi_icons_06 { background-position: -22.291rem -9.125rem }
    .pi.pi_icons_07 { background-position: -26.75rem -9.125rem }
    .pi.pi_icons_08 { background-position: -31.208rem -9.125rem }
    .pi.pi_icons_09 { background-position: -35.666rem -9.125rem }
    .pi.pi_icons_10 { background-position: -40.125rem -9.125rem }
    .pi.pi_icons_11 { background-position: -44.583rem -9.125rem }
    .pi.pi_icons_12 { background-position: -49.141rem -9.125rem }
    .pi.pi_icons_13 { background-position: -53.624rem -9.125rem }
    .pi.pi_icons_14 { background-position: -58.207rem -9.125rem }
    .pi.pi_icons_15 { background-position: -62.5rem -9.125rem }
    .pi.pi_icons_16 { background-position: 0 -13.583rem }
    .pi.pi_icons_17 { background-position: -4.458rem -13.583rem }
    .pi.pi_icons_18 { background-position: -8.916rem -13.583rem }
    .pi.pi_icons_19 { background-position: -13.375rem -13.583rem }
    .pi.pi_icons_20 { background-position: -17.833rem -13.583rem }
    .pi.pi_icons_21 { background-position: -22.2916rem -13.583rem }
    .pi.pi_icons_22 { background-position: -26.75rem -13.583rem }
    .pi.pi_icons_23 { background-position: -31.238rem -13.583rem }
    .pi.pi_icons_24 { background-position: -35.68rem -13.583rem }

    .pi.pi_icon_email { background-position: -44.5833rem -13.5417rem; }

    .pi.pi_auth { width: 2.708rem; height: 4.125rem; background-position: 0 -21.1667rem }
    .pi.pi_card { width: 3.0416rem; height: 3.666rem; background-position: -3.375rem -21.1667rem }
    .pi.pi_lock { width: 3.75rem; height: 3.875rem; background-position: -7.041rem -21.1667rem }
    .pi.pi_mail { width: 3.5833rem; height: 3.625rem; background-position: -11.416rem -21.1667rem }
    .pi.pi_pin { width: 4rem; height: 2.916rem; background-position: -15.625rem -21.1667rem }
    .pi.pi_resend { width: .975rem; height: 1rem; background-position: -40.8rem -69.16rem; }

    .pi.pi_pearlapp_denied { background-position: -25.833rem -39.875rem; }
    .pi.pi_time_doc { background-position: -11.375rem -39.916rem }

    .pi.pi_check_black { width: 0.791rem; height: 0.708rem; background-position: -1.458rem -82.6247rem; }

    .pi.pi_setting { width: 2.083rem; height: 2.083rem; background-position: -17.75rem -85.3327rem }

    .pi.pi_mark_caution { width: 1.291rem; height: 1.291rem; background-position: -1.458rem -86.5627rem }
    .pi.pi_mark_check { width: 1.291rem; height: 1.291rem; background-position: -10.833rem -90.5767rem }

    .pi.pi_phone { width: 1.0833rem; height: 1.5rem; background-position: -26.4166rem -82.625rem }

    /* 임시 otp */
    .pi.pi_otp_write { width: 3.04rem; height: 3.04rem; background-position: -16.624rem -32.4994rem }
    .pi.pi_otp_app { width: 2.68rem; height: 2.68rem; background-position: -20.083rem -32.4994rem }
    .pi.pi_otp_confirm { width: 3.14rem; height: 2.91rem; background-position: -23.041rem -32.4994rem }
    .pi.pi_otp_complete { width: 3.04rem; height: 3.04rem; background-position: -26.283rem -32.4994rem }

    .pi.pi_otp_icon01 { width: 2.708rem; height: 4.125rem; background-position: 0 -21.1663rem }
    .pi.pi_otp_icon02 { width: 3.0416rem; height: 3.666rem; background-position: -3.375rem -21.1663rem }
    .pi.pi_otp_icon03 { width: 3.75rem; height: 3.875rem; background-position: -7.041rem -21.1663rem }
    .pi.pi_otp_icon04 { width: 3.5833rem; height: 3.625rem; background-position: -11.416rem -21.1663rem }
    .pi.pi_otp_icon05 { width: 4rem; height: 2.916rem; background-position: -15.625rem -21.1666rem }
    .pi.pi_otp_password { width: 4.1667rem; height: 3.875rem; background-position: -20.5rem -20.875rem }

    .pi.pi_pearlabyss { background-position: -7.9167rem -98.625rem }

    .pi.pi_calendar { right: 0.666rem; width: 1.083rem; height: 1rem; background-position: -15.958rem -83.7917rem }


    /* 통합메뉴 */
    .pi.pi_nav_close { width:1.6667rem; height:1.6667rem; background-position: -38.1667rem -66.6667rem; }
    .pi.pi_nav_user { width: 1.8333rem; height: 1.8333rem; background-position: -40.125rem -66.6667rem; }
    .pi.pi_nav_register { width: 1.7083rem; height: 1.6667rem; background-position: -42.5417rem -66.6667rem; }
    .pi.pi_nav_login { width: 1.7083rem; height: 1.6667rem; background-position: -44.5417rem -66.6667rem; }
    .pi.pi_nav_logout { width: 1.6667rem; height: 1.6667rem; background-position: -46.6rem -66.6667rem; }

    .pi.pi_profile_arrow { width: 0.5833rem; height: 0.8333rem; background-position: -54.0833rem -66.6667rem; transform: scale(1); }
    .pi.pi_blackdesert { width: 2.0833rem; height: 2.0833rem; background-position: -49.125rem -66.6667rem; transform: scale(1); }
    .pi.pi_shadowarena { width: 2.125rem; height: 2.125rem; background-position: -51.5833rem -66.6667rem; transform: scale(1); }
    .pi.pi_arrow_white { width: 0.5417rem; height: 0.7917rem; position: absolute; right: 0.4167rem; top: 50%; margin-top: -0.3958rem; background-position: -55.125rem -66.6667rem; transform: scale(1); }

    .pi.pi_new_window { width:0.9167rem; height:0.9167rem; background-position: -32.375rem -78.7083rem; }

    /* dashboard */
    .pi.pi_dash_shortcut { width: 1.98rem; height: 1.8rem; background-position: -38.2rem -90.79rem; }
    .pi.pi_dash_storage { width: 1.68rem; height: 2.2rem; background-position: -40.86rem -90.7rem; }
    .pi.pi_dash_secure { width: 1.86rem; height: 1.88rem; background-position: -48.1rem -90.79rem; }
    .pi.pi_dash_logged { width: 1.5rem; height: 1.83rem; background-position: -45.9rem -90.79rem; }
    .pi.pi_dash_coupon { width: 2.1rem; height: 1.58rem; background-position: -51.0rem -90.79rem; }
    .pi.pi_dash_account { width: 1.94rem; height: 1.79rem; background-position: -43.2rem -90.79rem; }
    .pi.pi_dash_more { width: 1.74rem; height: 0.5rem; background-position: -59.0rem -90.79rem; }
    .pi.pi_dash_more_white { width: 1.74rem; height: 0.5rem; background-position: -59.0rem -91.54rem; }
    .pi.pi_dash_mark { width: 2.38rem; height: 2.38rem; background-position: -53.9rem -90.79rem; }
    .pi.pi_dash_check { width: 0.958rem; height: 0.8rem; background-position: -57.16rem -90.79rem; }
    .pi.pi_dash_naeu { width: 3.6rem; height: 3.6rem; background-position: -38.2rem -86.5rem; }
    .pi.pi_dash_sha { width: 3.6rem; height: 3.6rem; background-position: -42.4rem -86.5rem; }
    .pi.pi_dash_game { width: 1.75rem; height: 1.75rem; background-position: -61.5rem -90.75rem; }
    .pi.pi_dash_recommend { width: 1.785rem; height: 1.785rem; background-position: -64.208rem -90.791rem; }
    .pi.pi_dash_bdo_small { width: 2rem; height: 2rem; background-position: -45.75rem -82.583rem; }
    .pi.pi_dash_sha_small { width: 2rem; height: 2rem; background-position: -47.85rem -82.583rem; }

    /* dashboard recommend game */
    .pi.pi_recommend_sha { width: 25rem; height: 5rem; background-position: -66.66rem -89.75rem; }
    .pi.pi_recommend_bdo { width: 25rem; height: 5rem; background-position: -66.66rem -95rem; }

    /* 백업코드 */
    .pi.pi_copy { width: 2.65rem; height: 2.65rem; background-position: -8.75rem -63.875rem; }
    .pi.pi_print { width: 2.65rem; height: 2.65rem; background-position: -11.5rem -63.875rem; }

    /* spr_help */
    .pi.pi_help_mail { background-size: 2400px 2400px; }
    .pi.pi_help_password { background-size: 2400px 2400px; }
    .pi.pi_help_cs { background-size: 2400px 2400px; }

    /* pi_download button */
    .pi.pi_download { width: 0.9167rem; height: 1rem; background-position: -67.4583rem -49.5417rem; }
    .pi.pi_download_blackdesert { width:28.25rem; height:5rem;  background-position: -66.6667rem -55.0833rem; }
    .pi.pi_download_shadowarena { width:28.25rem; height:5rem;  background-position: -66.6667rem -64.25rem; }

    /*security 게임 보안 센터*/
    .pi.pi_password_reset { width: 3.5rem; height: 3.08rem; background-position: -33.416rem -32.916rem; }
    .pi.pi_pc_regist { width: 3.958rem; height: 2.833rem; background-position: -37.25rem -32.916rem; }
}