@charset "utf-8";
/* @formatter:off */

/* ********** font ********** */
@font-face{font-family:'NotoSansKR';font-weight:400;src:url(https://hangame-images.toastoven.net/hangame/myinfo_2023/css/fonts/NotoSansKR-Regular.eot);src:url(https://hangame-images.toastoven.net/hangame/myinfo_2023/css/fonts/NotoSansKR-Regular.eot?#iefix) format('embedded-opentype'),url(https://hangame-images.toastoven.net/hangame/myinfo_2023/css/fonts/NotoSansKR-Regular.woff) format('woff'),url(https://hangame-images.toastoven.net/hangame/myinfo_2023/css/fonts/NotoSansKR-Regular.ttf) format('truetype')}
@font-face{font-family:'NotoSansKR';font-weight:700;src:url(https://hangame-images.toastoven.net/hangame/myinfo_2023/css/fonts/NotoSansKR-Bold.eot);src:url(https://hangame-images.toastoven.net/hangame/myinfo_2023/css/fonts/NotoSansKR-Bold.eot?#iefix) format('embedded-opentype'),url(https://hangame-images.toastoven.net/hangame/myinfo_2023/css/fonts/NotoSansKR-Bold.woff) format('woff'),url(https://hangame-images.toastoven.net/hangame/myinfo_2023/css/fonts/NotoSansKR-Bold.ttf) format('truetype')}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p,table,th,td,form,fieldset,legend,textarea,input,select,textarea,button,article,aside,dialog,footer,header,section,footer,nav,figure,main{margin:0;padding:0}
article,aside,dialog,header,section,footer,nav,figure,main{display:block}
html{font-size:0.625rem}
html,body{height:100%}
body{-webkit-text-size-adjust:none}
body,input,select,textarea,button{font-family:"NotoSansKR",sans-serif;font-size:14px;color:#242424}
fieldset,li,img{border:0;vertical-align:top}
ul,ol{list-style:none}
button{overflow:visible;border:0;background-color:transparent;cursor:pointer;-webkit-apperance:none;outline:none}
button::-moz-focus-inner{padding:0;border:0}
address,caption,em{font-style:normal}
hr,legend{display:none}
a,a:focus,a:active,a:hover{color:inherit;text-decoration:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-highlight-color:rgba(0,0,0,0)}
table{width:100%;border-collapse:collapse;border-spacing:0}
input,textarea{outline:none}
input::placeholder,textarea::placeholder{color:rgba(0,0,0,0.38)}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:rgba(0,0,0,0.38)}
input::-moz-placeholder,textarea::-moz-placeholder{color:rgba(0,0,0,0.38)}
input:-moz-placeholder,textarea:-moz-placeholder{color:rgba(0,0,0,0.38)}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:rgba(0,0,0,0.38)}
input::-ms-clear{display:none}
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
input[type=number]{-moz-appearance:textfield}
.page_main .container,.container #content,.wrap:not(.page_main) .container .content{max-width:1080px;margin:0 auto;padding:56px 0 60px}


/* common */
.blind,legend{overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:1px;line-height:100px;white-space:nowrap}
.scroll_lock{overflow:hidden}

/* SP icons */
.sp,.my_info .lst a:before,.my_coin .help .info_tooltip:before,.page_account .help.is_show:before,.scrt_srvc_info .btn_more,.ico,.input_check .label_check:before,.input_radio .label_radio:before,.selected_cur:after,.my_endorphin .help .info_tooltip:before,.btn_prev:before,.btn_next:before,.id_ico,.id_ico_sm{display:inline-block;background-image:url(https://hangame-images.toastoven.net/hangame/myinfo_2023/item/img/sp.png);background-repeat:no-repeat;vertical-align:middle}
.ico,.id_ico{width:24px;height:24px}
.id_ico_sm{width:16px;height:16px}
.ico_endorphins{width:32px;height:32px;background-position:-144px 0}
.ico_coupon{width:32px;height:32px;background-position:-72px 0}
.ico_note{width:32px;height:32px;background-position:-180px 0}
.ico_hancoin{width:32px;height:32px;background-position:0 0}
.ico_restrict{width:32px;height:32px;background-position:-108px 0}
.ico_history{width:32px;height:32px;background-position:-36px 0}
.ico_new{width:24px;height:24px;background-position:0 -36px}
.ico_tooltip{width:24px;height:24px;background-position:-28px -36px}
.ico_close{width:16px;height:16px;background-position:0 -64px}
.ico_search{width:24px;height:24px;background-position:-216px 0}
.ico_delete{width:24px;height:24px;background-position:-244px 0}
.ico_prev{background-position:-168px -64px}
.ico_next{background-position:-112px -64px}
.ico_prev.disabled{background-position:-196px -64px}
.ico_next.disabled{background-position:-140px -64px}
.ico_arrowdown,.ico_arrowup{background-position:-56px -64px}
.ico_arrowup{transform:rotate(180deg)}
.ico_phone{background-position:-224px -64px}
.ico_plus{width:20px;height:20px;background-position:-296px 0}
.id_appleid{background-position:0 -124px}
.id_facebook{background-position:-26px -124px}
.id_iosgamecenter{background-position:-52px -124px}
.id_google{background-position:-78px -124px}
.id_naver{background-position:-104px -124px}
.id_payco{background-position:-130px -124px}
.id_sayclub{background-position:-156px -124px}
.ico_appleid{background-position:0 -150px}
.ico_facebook{background-position:-20px -150px}
.ico_iosgamecenter{background-position:-40px -150px}
.ico_google{background-position:-60px -150px}
.ico_naver{background-position:-80px -150px}
.ico_payco{background-position:-100px -150px}
.ico_sayclub{background-position:-120px -150px}
.ico_member1{width:30px;height:20px;background-position:-68px -170px}
.ico_member2{width:30px;height:20px;background-position:-102px -170px}
.ico_member3{width:30px;height:20px;background-position:0 -170px}
.ico_member4{width:30px;height:20px;background-position:-34px -170px}
.ico_poker1{width:30px;height:20px;background-position:-204px -170px}
.ico_poker2{width:30px;height:20px;background-position:-170px -170px}
.ico_poker3{width:30px;height:20px;background-position:-136px -170px}
.ico_poker4{width:30px;height:20px;background-position:-238px -170px}
.ico_gostop1{width:24px;height:20px;background-position:-56px -192px}
.ico_gostop2{width:24px;height:20px;background-position:0 -192px}
.ico_gostop3{width:24px;height:20px;background-position:-28px -192px}
.ico_gostop4{width:24px;height:20px;background-position:-84px -192px}
.ico_gostop5{width:24px;height:20px;background-position:-112px -192px}

/* text-align */
.txt_left{text-align:left}
/* hightlight */
.highlight{color:#ff6f00 !important}

/* wrap */
.wrap{overflow:hidden;min-width:1180px}
.main{position:relative;z-index:1;min-height: calc(100vh - 340px);margin-bottom:-1px;background-color:#fff;text-align:left}

/* header */
.header{border-bottom:1px solid #ebebeb;background-color:#fff}
.header_inner{position:relative;width:1080px;margin:0 auto;padding-left:188px;box-sizing:border-box}
.header .page_name{position:absolute;top:19px;left:0}
.header .page_name .link{font-size:30px;font-weight:700;color:#222;line-height:44px}
.lnb_lst{font-size:0}
.lnb_item{display:inline-block;position:relative;margin-left:30px}
.lnb_item:first-child{margin-left:0}
.lnb_link{display:block;padding:32px 0 32px;font-size:16px;font-weight:700;color:rgba(0,0,0,0.72);line-height:20px}
.lnb_link:before{position:absolute;bottom:-1px;left:0;width:100%;height:2px;background-color:#ff6f00;content:none}
.lnb_item:hover .lnb_link,.lnb_item:focus .lnb_link,.lnb_item.is_active .lnb_link{color:#ff6f00}
.lnb_item:hover .lnb_link:before,.lnb_item:focus .lnb_link:before,.lnb_item.is_active .lnb_link:before{content:''}
.lnb_lst .depth_lst{display:none;position:absolute;top:calc(100% + 1px);left:0;z-index:5;font-size:0;white-space:nowrap}
.lnb_item:hover .depth_lst{display:block}
.lnb_item .depth_lst:before{position:absolute;top:0;left:-50%;z-index:-1;width:9999px;height:52px;border-bottom:1px solid #ebebeb;background-color:#fff;transform:translateX(-50%);content:''}
.lnb_lst .depth_item{display:inline-block;margin-left:20px}
.lnb_lst .depth_item:first-child{margin-left:0}
.lnb_lst .depth_link{display:inline-block;padding:16px 0 16px;font-size:14px;font-weight:400;color:rgba(0,0,0,0.72);line-height:20px}
.lnb_lst .depth_link:hover{color:#ff6f00}
.lnb_lst .depth_item.is_active .depth_link{font-weight:700;color:#ff6f00}
.noti_lst{position:absolute;top:0;right:0;font-size:0}
.noti_lst .noti_item{display:inline-block;height:84px;margin-left:16px;font-size:0;line-height:94px}
.noti_lst .noti_item:first-child{margin-left:0}
.noti_lst .noti_link{display:inline-block;padding:10px 0;font-size:14px;font-weight:400;line-height:20px}
.noti_item .noti_link:hover,.noti_item.is_active .noti_link{font-weight:700}

/* button */
.btn{display:inline-block;height:40px;padding:0 11px 1px;border:1px solid transparent;border-radius:4px;font-size:14px;font-weight:700;line-height:37px;box-sizing:border-box}
.btn:disabled{pointer-events:none}
.btn_primary{border-color:transparent;background-color:#ff6f00;color:#fff}
.btn_primary:hover{background-color:#f67900;color:#fff}
.btn_primary:active{background-color:#f79031;color:#fff}
/* .btn_primary:focus{background-color:#f79031;color:#fff} */
.btn_primary.is_pressed,.btn_primary.is_dragged{background-color:#f68514;color:#fff}
.btn_primary:disabled{background-color:rgba(0,0,0,0.12)}
.btn_border{border:1px solid rgba(0,0,0,0.72);color:#242424}
.btn_border:hover{background-color:rgba(0,0,0,.04);color:#242424}
.btn_border_gray{border:1px solid rgba(0,0,0,0.38);color:#969696}
.btn_border_gray:hover{background-color:rgba(0,0,0,.04);color:#969696}
.btn_border:active{background-color:rgba(0,0,0,0.12);color:#242424}
/* .btn_border:focus{background-color:rgba(0,0,0,0.12);color:#242424} */
.btn_border_gray:active{background-color:rgba(0,0,0,0.12);color:#969696}
/* .btn_border_gray:focus{background-color:rgba(0,0,0,0.12);color:#969696} */
.btn_border_gray.is_pressed,.btn_border_gray.is_dragged,.btn_border.is_pressed,.btn_border.is_dragged{background-color:rgba(0,0,0,0.08)}
.btn_border_gray:disabled,.btn_border:disabled{border-color:rgba(0,0,0,0.12);color:rgba(0,0,0,0.12)}
.btn_large{height:56px;padding:0 24px;font-size:16px;line-height:54px}
.btn_small{height:30px;padding:0 11px 1px;line-height:27px}
.btn_prev,.btn_next{padding-left:10px !important;padding-right:10px !important}
.btn_prev:before,.btn_next:before{display:block;width:20px;height:20px;background-position:-278px -62px;content:''}
.btn_next:before{transform:rotate(180deg)}
.btn_prev:disabled:before,.btn_next:disabled:before{opacity:0.38}
.mac .btn{line-height:40px}
.mac .btn_large{line-height:58px}
.mac .btn_small{line-height:30px}

/* input text*/
.input_txt,.scroll-textarea{display:block;width:100%;height:56px;padding:17px 15px;border:1px solid rgba(0,0,0,0.38);border-radius:4px;background:#fff;font-weight:400;font-size:14px;line-height:20px;box-sizing:border-box}
.input_txt:focus,.textarea_group.is_focus .scroll-textarea{border:1px solid rgba(0,0,0,0.72)}
.input_txt:disabled{background:rgba(0,0,0,0.04);border:1px solid rgba(0,0,0,0.12)}
.input_small{height:40px;padding:9px 15px}
.count_char{display:block;margin-top:8px;font-size:14px;line-height:22px;color:rgba(0,0,0,0.38);text-align:right}
.scroll-textarea{height:180px;padding:0}
.scroll-textarea > .scroll-content > textarea{padding:17px 20px 17px 15px}
.input_search{position:relative}
.input_search .input_txt{padding-right:55px}
.input_search .btn_search{position:absolute;top:1px;right:1px;padding:15px}

/* input checkbox, input radio*/
.input_check,.input_radio{display:block;position:relative;font-size:0;line-height:0}
.input_check .input,.input_radio .input{visibility:hidden;position:absolute;top:100%;left:100%;width:1px;height:1px}
.input_check .label_check,.input_radio .label_radio{display:inline-block;position:relative;min-height:24px;padding-left:24px;font-size:0}
.input_check .label_check:before,.input_radio .label_radio:before{position:absolute;left:0;top:0;width:24px;height:24px;background-position:-140px -36px;content:''}
.input_check .input:checked+.label_check:before{background-position:-84px -36px}
.input_check .input:checked:disabled+.label_check:before{background-position:-112px -36px}
.input_check .input:disabled+.label_check:before{background-position:-168px -36px}
.input_check .label_check .txt,.input_radio .label_radio .txt{display:inline-block;margin-top:1px;padding-left:4px;font-size:14px;line-height:22px;color:#242424}
.mac .input_check .label_check .txt,.mac .input_radio .label_radio .txt{margin-top:2px}
.input_radio .label_radio:before{background-position:-252px -36px}
.input_radio .input:checked+.label_radio:before{background-position:-196px -36px}
.input_radio .input:disabled+.label_radio:before{background-position:-224px -36px}
.input_radio .input:checked:disabled+.label_radio:before{background-position:-224px -36px}
.input_radio .input:disabled+.label_radio:before{background-position:-280px -36px}

/* avatar */
.avatar{position:relative;width:100px;height:120px}
.avatar:before{position:absolute;top:0;left:0;bottom:0;right:0;border:1px solid #cbcaba;z-index:0;content:''}
.avatar div,.avatar img{position:relative;z-index:1}

/* sub title */
.h_tit{margin-bottom:8px;font-size:24px;color:#222;line-height:36px}
.h_stit{margin-bottom:16px;font-size:16px;line-height:28px}
.tit_desc{font-size:14px;color:rgba(0,0,0,0.72);line-height:20px}
.subtitle_area{position:relative;padding-right:150px}
.subtitle_area .btn{position:absolute;right:0;bottom:0}
.tit_desc + .tbl{margin-top:24px}

/* tooltip */
.help{position:relative}
.help .info_tooltip{display:none;position:absolute;top:calc(100% + 10px);left:50%;z-index:1;min-width:249px;padding:8px 40px 8px 16px;border-radius:4px;background-color:#9e9e9e;font-size:12px;font-weight:700;color:#fff;line-height:16px;box-sizing:border-box;transform:translateX(-50%)}
.help.is_show .info_tooltip{display:block}
.help .info_tooltip:before{position:absolute;top:-6px;left:50%;z-index:-1;width:16px;height:16px;background-position:-23px -64px;transform:translateX(-50%);content:''}
.help .btn_close{position:absolute;top:8px;right:16px;line-height:0}
.help .info_tooltip .txt{white-space:nowrap}
.help .info_tooltip .txt_lst .txt{line-height:20px}
.help .info_tooltip strong{float:left}
.help .info_tooltip .txt_right{display:block;overflow:hidden;text-align:right}

/* common table */
.tbl{border-top:1px solid rgba(0,0,0,0.38);border-bottom:1px solid rgba(0,0,0,0.38);text-align:center}
.tbl th{background-color:#f9f9f9;font-weight:400}
.tbl th,.tbl td{padding:12px 20px;border:1px solid #d9d9d9;line-height:20px;word-break:break-all}
.tbl tr:first-child th{border-top:none}
.tbl tr.dimmed td{color:rgba(0, 0, 0, 0.38)}
.tbl tr:last-child td{border-bottom:none}
.tbl th:first-child,.tbl td:first-child{border-left:none}
.tbl th:last-child,.tbl td:last-child{border-right:none}
.tbl tfoot th,.tbl tfoot td{border-top:1px solid rgba(0,0,0,0.38);font-weight:700}
.tbl.tbl_history th,.tbl.tbl_history td,.tbl.tbl_typeline th,.tbl.tbl_typeline td{border-left:none;border-right:none}
.tbl.tbl_horizontal th,.tbl.tbl_horizontal td{padding:12px 12px;border:none;border-top:1px solid #d9d9d9}
.tbl.tbl_horizontal tr:first-child th,.tbl.tbl_horizontal tr:first-child td{border-top:none}
.tbl.tbl_horizontal td{text-align:left}
.tbl.tbl_horizontal .highlight{color:#ff6f00}
.tbl .ico_arrowdown,.tbl .ico_arrowup{margin:-4px 4px -2px}
.tbl .ico_phone{margin:-1px 4px 0}
.tbl td .notice{display:inline-block;margin:-2px 8px -2px 0;padding:4px 6px;border-radius:4px;background-color:#ff6f00;font-weight:700;font-size:12px;color:#fff;line-height:16px}
/* notice list */
.notice_lst{margin-top:20px}
.notice_lst .item{position:relative;padding-left:8px;line-height:28px}
.notice_lst .item:before{position:absolute;top:13px;left:0;width:2px;height:2px;background-color:#80868b;content:''}
.mac .notice_lst .item:before{top:11px}
.notice_lst.notice_gray{margin-top:0;padding:24px;background:#f9f9f9;border-radius:4px;color:rgba(0,0,0,0.72)}
.notice_lst.notice_gray .item + .item{margin-top:16px}
.notice_lst.notice_gray .tit{display:block}

/* common tab */
.tab_category,.tab_sort{font-size:0}
.tab_item{display:inline-block;position:relative;vertical-align:middle}
.tab_link{display:block;line-height:20px}
.tab_category{width:100%;margin-top:36px;border-bottom:1px solid rgba(0,0,0,0.12)}
.tab_category .tab_item{max-width:22%;margin-left:41px}
.tab_category .tab_item:first-child{margin-left:0}
.tab_category .tab_link{padding:16px 0;font-size:16px;font-weight:700;color:rgba(0,0,0,0.72);text-decoration:none}
.tab_category .tab_item:hover .tab_link,.tab_category .tab_item.is_active .tab_link{color:#ff6f00}
.tab_category .tab_item.is_active .tab_link:before{position:absolute;bottom:-1px;left:0;width:100%;height:2px;background-color:#ff6f00;content:''}
.tab_category + .notice_lst{margin-bottom:40px}
.tab_sort{display:inline-block;max-width:445px;border:1px solid rgba(0,0,0,0.38);border-radius:4px}
.tab_sort .tab_item{min-width:74px;padding:9px;border-left:1px solid rgba(0,0,0,0.38);text-align:center;box-sizing:border-box}
.mac .tab_sort .tab_item{padding-top:10px;padding-bottom:8px}
.tab_sort .tab_item:first-child{border-left:0}
.tab_sort .tab_link{overflow:hidden;font-size:14px;color:#969696}
.tab_sort .tab_item.is_active{background-color:rgba(0,0,0,0.08)}
.tab_sort .tab_item.is_active .tab_link{font-weight:700;color:#242424}

/* common paginate */
.paginate_wrap{position:relative;margin:24px 0 40px;font-size:0;text-align:center}
.paginate_wrap .ico,.paginate_link{display:inline-block;min-width:27px;height:27px;margin-left:1px;padding:2px 8px;border:1px solid transparent;font-size:14px;line-height:20px;vertical-align:middle;box-sizing:border-box}
.paginate_wrap .ico + .paginate_link{margin-left:0}
.paginate_link:hover{color:#ff6f00}
.paginate_link.is_active{border-color:rgba(0,0,0,0.12);font-weight:700;color:#ff6f00;line-height:19px}
.paginate_wrap .ico{padding:0}
.paginate_wrap .ico_prev{margin:0 4px 0 0}
.paginate_wrap .ico_next{margin:0 0 0 4px}
.mac .paginate_wrap .ico,.paginate_link{padding:3px 8px 1px}

/* common dropdown */
.select_wrap{position:relative;min-width:92px;min-height:38px;border:1px solid rgba(0,0,0,0.38);border-radius:4px;box-sizing:border-box}
.select_wrap.select_type_txt{min-width:130px}
.select_wrap.is_selecting{border-color:#3a3a3c;border-bottom-color:transparent;border-radius:4px 4px 0 0}
.select_wrap.is_focused{border-color:#3a3a3c}
.selected_cur,.select_item{padding:11px 14px;font-size:14px;line-height:16px;cursor:pointer}
.mac .selected_cur,.mac .select_item{padding:12px 14px 10px}
.selected_cur{display:block;position:relative;height:38px;padding-right:44px;box-sizing:border-box}
.mac .selected_cur{padding-right:44px}
.selected_cur:after{position:absolute;top:50%;right:11px;width:20px;height:20px;background-position:-272px 0px;transform:translateY(-50%);content:''}
.select_inner{display:none;overflow:hidden;position:absolute;left:-1px;z-index:1;width:100%;max-height:190px;margin-bottom:8px;border:1px solid #242424;border-top-color:#d9d9d9;border-radius:0 0 4px 4px;background-color:#fff}
.select_wrap.is_selecting .select_inner{display:block}
.select_wrap.is_selecting .selected_cur:after{transform:translateY(-50%) rotate(180deg)}
.select_item:hover,.select_item.is_selected{background-color:rgba(0,0,0,0.04)}
.select_wrap .input_txt{display:none;position:relative;width:calc(100% - 60px);height:54px;border:0;margin-top:-54px;background-color:#fff}

/* common scrollbar */
.scrollbar-inner > .scroll-element.scroll-y{top:8px;right:7px;bottom:8px;height:auto}
.scrollbar-inner>.scroll-element .scroll-element_track{background-color:transparent}
.scrollbar-inner > .scroll-element .scroll-bar{width:8px;height:120px;background-color:#000 !important}
.scrollbar-inner > .scroll-element .scroll-element_track,
.scrollbar-inner > .scroll-element .scroll-bar{opacity:0.15 !important;filter:none !important}

/* common popup */
.pop_wrap{width:560px;background-color:#fff}
.pop_medium{width:428px}
.pop_small{width:400px}
.pop_tit{display:block;padding:16px 24px;background-color:rgba(0,0,0,0.72);font-size:16px;font-weight:700;color:#fff;line-height:24px}
.pop_content{padding:24px 24px 28px}
.pop_content .content_area{margin-bottom:24px}
.pop_content .pop_subtit{display:block;font-weight:700;font-size:14px;line-height:22px;margin-top:20px;margin-bottom:8px}
.pop_content .pop_subtit:first-child{margin-top:0}
.pop_content .content_area .txt{color:rgba(0,0,0,0.72);line-height:22px}
.pop_content .content_area .txt+.txt{margin-top:22px}
.pop_content .content_area .txt .highlight{color:#ff3b30}
.pop_content .content_area .txt .txt_link{font-weight:700;text-decoration:underline}
.pop_content .content_area .txt .lsn{color:rgba(0,0,0,0.38)}
.pop_content .pop_subtit + .radio_lst{margin-top:12px}
.pop_content .radio_lst .item+.item{margin-top:10px}
.pop_content .radio_lst.horizontal{font-size:0}
.pop_content .radio_lst.horizontal .item{display:inline-block;vertical-align:top}
.pop_content .radio_lst.horizontal .item+.item{margin-top:0;margin-left:40px}
.pop_content .btn_area{font-size:0;text-align:right}
.pop_content .btn_area .left_area{float:left}
.pop_content .btn_area .btn+.btn{margin-left:12px}
.pop_content .info_box .btn_area .btn+.btn,.pop_content .btn_area .btn_prev+.btn_next{margin-left:8px}
.pop_content .lst_table .lst_head{padding:10px 16px;border-top:1px solid rgba(0,0,0,0.38);border-bottom:1px solid #d9d9d9;background:#f9f9f9;line-height:24px}
.pop_wrap .lst_table .lst_body{height:176px;border-bottom:1px solid rgba(0,0,0,0.38)}
.pop_wrap .lst_table .lst_body li{padding:10px 16px;line-height:24px}
.pop_wrap .lst_table .input_check .label_check .txt{padding-left:8px;color:#242424}

/* my info */
.my_info{padding:0 20px;border:1px solid #ededed;border-radius:10px;background-color:#fcfcfc}
.my_info .lst .item{border-bottom:1px solid rgba(0,0,0,0.08)}
.my_info .lst .item:last-child{border-bottom:none}
.my_info .lst .link{display:block;position:relative;padding:18px 100px 18px 35px;font-size:0}
.my_info .lst .link:before{position:absolute;top:15px;right:-5px;width:24px;height:24px;background-position:-56px -36px;content:''}
.my_info .lst .item:first-child .link{padding-top:17px}
.my_info .lst .item:last-child .link{padding-bottom:17px}
.my_info .lst .type{display:inline-block;position:relative;font-size:0}
.my_info .lst .txt_tit{display:inline-block;overflow:hidden;max-width:145px;font-size:14px;font-weight:700;line-height:20px;vertical-align:top;white-space:nowrap;text-overflow:ellipsis}
.my_info .lst .sp{position:absolute;top:-7px;left:-40px}
.my_info .lst .ico_new{display:inline-block;position:absolute;top:auto;left:auto;margin-top:-1px;margin-left:4px}
.mac .my_info .lst .ico_new{margin-top:-3px}
.my_info .amount{position:absolute;top:18px;right:26px;font-size:14px;font-weight:400;line-height:20px}
.my_info .amount .highlight{margin-right:4px;font-size:16px;font-weight:700}
.my_info .link:hover .highlight{text-decoration:underline}

/* my coin */
.my_coin{padding:0 27px;border:1px solid #ededed;border-radius:10px;background-color:#fff}
.my_coin .item{position:relative;padding:28px 90px 24px 40px;border-bottom:1px solid rgba(0,0,0,0.08)}
.my_coin .item:first-child{padding-top:27px;padding-bottom:27px}
.my_coin .item:last-child{border-bottom:none}
.my_coin .item .type{font-size:0}
.my_coin .btn_small{position:absolute;top:27px;right:0}
.my_coin .sp{position:absolute;top:26px;left:0}
.my_coin .txt_tit{display:inline-block;font-size:16px;line-height:24px;vertical-align:middle}
.my_coin .game_group{margin-top:20px}
.my_coin .group_tit{display:inline-block;font-size:14px;line-height:20px;vertical-align:middle}
.my_coin .help{display:inline-block;margin-left:4px;vertical-align:top}
.my_coin .help .ico_tooltip,.my_coin .help .ico_close{position:static}
.mac .my_coin .help .ico_tooltip{margin-top:-1px}
.my_coin .amount{display:block;margin-top:8px;font-size:0;font-weight:400}
.my_coin .amount .highlight{font-size:22px;font-weight:700;line-height:20px}
.my_coin .amount .total{margin-left:4px;font-size:22px;line-height:26px}
.my_coin .amount .unit{margin-left:4px;font-size:14px;line-height:20px}
.my_coin .date{margin-top:12px;margin-bottom:3px;font-size:0;font-weight:400;color:#80868b}
.my_coin .date dt{display:inline-block;position:relative;margin-right:18px;font-size:14px;line-height:20px}
.my_coin .date dt:after{position:absolute;top:4px;right:-10px;width:1px;height:12px;background-color:#d9d9d9;content:''}
.my_coin .date dd{display:inline-block;font-size:14px;line-height:20px}
.my_coin .case{margin:13px 0 2px;font-size:0;font-weight:400}
.my_coin .case dt{display:inline-block;width:136px;font-size:14px;line-height:20px}
.my_coin .case dd{display:inline-block;width:calc(100% - 136px);font-size:14px;line-height:20px}
.my_coin .case dd+dt,.my_coin .case dt+dd:last-child{margin-top:8px}
.my_coin .amount a:hover, .my_coin .case dd a:hover{text-decoration:underline}
.my_coin .limit_act{position:absolute;top:50%;right:23px;margin-top:-24px}
.my_coin .limit_act .date{display:inline-block;margin-top:6px;vertical-align:middle}
.my_coin .limit_act .date dt{margin-right:4px}
.my_coin .limit_act .btn{margin:5px 0 0 21px;vertical-align:middle}

/* status area */
.status_area{margin:-2px 0 24px}
.status_area .tit{font-weight:700;line-height:28px}
.status_area .txt_status{color:#ff6f00}
.status_area .btn{margin-left:6px}

/* search & sort area */
.srch_section{margin-bottom:24px;font-size:0}
.srch_section:after{display:block;clear:both;content:''}
.srch_section .srch_tool{float:left}
.srch_section .srch_tool+.srch_tool{float:right}
.srch_section .tit{display:inline-block;max-width:130px;margin-right:12px;font-weight:700;font-size:14px;vertical-align:middle;box-sizing:border-box}
.srch_section .tit.tit_large{max-width:600px;padding-top:20px;font-size:16px;line-height:20px}
.srch_tool .select_wrap,.srch_tool .btn{display:inline-block;margin-left:12px;vertical-align:middle}
.srch_tool .select_wrap:first-child,.srch_tool .tit+.select_wrap{margin-left:0}

/* register coupon */
.register_coupon{margin-top:24px;padding:27px 23px;border:1px solid #d9d9d9;border-radius:4px;background:#fff;font-size:0}
.register_coupon .txt_tit{display:inline-block;font-size:16px;line-height:20px}
.register_coupon .step_lst{margin-top:28px;text-align:center}
.register_coupon .step_item{display:inline-block;position:relative;width:170px;margin-left:92px}
.register_coupon .step_item:first-child{margin-left:0}
.register_coupon .step_item:after{position:absolute;width:82px;height:32px;top:14px;right:-82px;background:url(https://hangame-images.toastoven.net/hangame/myinfo_2023/item/img/sp.png) 0 -92px no-repeat;background-size:316px auto;content:''}
.register_coupon .step_item:last-child:after{content:none}
.register_coupon .step_item .desc{display:block;font-size:14px;line-height:22px;color:rgba(0,0,0,0.72)}
.coupon_lst{display:table;width:100%;table-layout:fixed;margin-top:20px}
.coupon_item{display:inline-block;position:relative;width:calc((100% - 24px)/2);padding:17px 130px 17px 21px;border:1px solid rgba(0,0,0,0.04);border-radius:10px;background:#f0fffb;text-align:left;box-sizing:border-box}
.coupon_item:nth-child(2n){margin-left:24px}
.coupon_item+.coupon_item{margin-top:20px;background:#fff9e9}
.coupon_item:nth-child(2){margin-top:0}
.coupon_item .img{display:inline-block;vertical-align:middle}
.coupon_item .coupon_tit{display:inline-block;overflow:hidden;max-width:calc(100% - 140px);margin-left:14px;font-size:16px;line-height:22px;color:rgba(0,0,0,0.72);white-space:nowrap;text-overflow:ellipsis;vertical-align:middle}
.coupon_item .btn{position:absolute;top:29px;right:23px}
.coupon_item .btn .ico_plus{margin:-4px 4px 0 0}
.mac .coupon_item .btn .ico_plus{margin-top:-2px}

/* popup dialog */
.pop_dialog_wrap{display:none;position:fixed;top:0;left:0;z-index:105;width:100%;height:100%;background-color:rgba(0,0,0,0.12);vertical-align:middle}
.pop_dialog_inner{display:inline-block;position:absolute;top:50%;right:0;left:0;z-index:0;width:500px;margin:0 auto;padding:0 16px;background-color:#fff;transform:translateY(-50%);box-sizing:border-box;box-shadow:0 24px 38px 3px rgba(0,0,0,0.14),0 9px 46px 8px rgba(0,0,0,0.12),0 11px 15px -7px rgba(0,0,0,0.2)}
.pop_dialog_header{padding:16px 0 14px;border-bottom:2px solid #242424;font-size:16px;line-height:24px}
.pop_dialog_content{padding:20px 8px 28px}
.pop_dialog_content .title{display:block;margin-bottom:12px;line-height:24px}
.pop_dialog_content .txt_desc{line-height:24px}
.pop_dialog_content .btn_area{margin-top:24px;font-size:0;text-align:right}
.pop_dialog_content .btn_area .btn{min-width:74px}
.pop_dialog_content .btn_area .btn_border_gray{border:1px solid #969696;color:#969696}
.pop_dialog_content .btn_area .btn+.btn{margin-left:12px}
.pop_dialog_content .btn_close{position:absolute;top:16px;right:16px}
.pop_dialog_content .btn_close .ico_close{width:24px;height:24px;background-position:-140px -90px}

/* notice area */
.notice_area.notice_gray{padding:24px;border-radius:4px;background:#f9f9f9;color:rgba(0,0,0,0.72)}
.notice_area.notice_gray .tit{display:block;margin-bottom:4px;line-height:28px}
.notice_area.notice_gray .item{position:relative;padding-left:10px;line-height:28px;font-size:14px;color:rgba(0,0,0,0.72)}
.notice_area.notice_gray .item:before{position:absolute;top:13px;left:0;width:2px;height:2px;background-color:#80868b;content:''}
.mac .notice_area.notice_gray .item:before{top:11px}
.notice_area.notice_gray .link{text-decoration:underline}
.notice_area.notice_gray .btn{margin-top:4px;margin-left:10px;font-weight:400;color:#969696}

/* switch */
.switch_lst{border-top:1px solid rgba(0,0,0,0.38);border-bottom:1px solid rgba(0,0,0,0.38)}
.switch_lst .item{padding:20px 28px;font-size:0}
.switch_lst .item+.item{border-top:1px solid #d9d9d9}
.switch_lst .title{display:inline-block;overflow:hidden;max-width:calc(100% - 70px);margin-right:20px;vertical-align:middle;white-space:nowrap;text-overflow:ellipsis;font-size:14px;line-height:22px}
.option_check{display:inline-block;vertical-align:middle;line-height:1}
.btn_option_toggle{display:inline-block;position:relative;width:40px;height:24px;border-radius:12px;background-color:rgba(0,0,0,0.38)}
.btn_option_toggle.is_active{background-color:#ff6f00}
.btn_option_toggle:before{display:inline-block;position:absolute;top:3px;left:19px;width:18px;height:18px;border-radius:100%;background:#fff;transition:left .3s;content:''}
.btn_option_toggle.is_active:before{left:3px}
.switch_lst .desc{margin-top:7px;font-size:14px;line-height:22px}
.switch_lst .item.is_active .desc{color:#ff6f00}

/* Withdrawal Step */
.withdrawal_step .step_lst{font-size:0;text-align:center}
.withdrawal_step .item{display:inline-block;position:relative;max-width:360px;padding:0 125px;font-size:14px;font-weight:700;line-height:22px;box-sizing:border-box}
.withdrawal_step .item:before{display:inline-block;position:absolute;top:12px;left:0;width:calc(50% - 13px);height:2px;background-color:rgba(0,0,0,0.08);content:''}
.withdrawal_step .item:after{display:inline-block;position:absolute;top:12px;right:0;width:calc(50% - 13px);height:2px;background-color:rgba(0,0,0,0.08);content:''}
.withdrawal_step .item:first-child:before,.withdrawal_step .item:last-child:after{content:none}
.withdrawal_step .num{display:inline-block;width:26px;height:26px;border-radius:26px;background-color:rgba(0,0,0,0.38);color:#fff;line-height:26px}
.withdrawal_step .is_active .num{background-color:#ff6f00}
.withdrawal_step .txt{display:block;margin-top:4px;color:rgba(0,0,0,0.38)}
.withdrawal_step .is_active .txt{color:#ff6f00}

/* Request complete */
.reqst_compl{line-height:22px}
.reqst_compl .reqst_cont{padding:27px;border:1px solid #d9d9d9;border-radius:4px}
.reqst_compl .reqst_cont .tit{display:block;margin-bottom:4px;font-size:16px}
.reqst_compl .reqst_note{margin-top:16px;padding-bottom:40px;padding-left:28px}
.reqst_compl .reqst_note .tit{display:block;margin-bottom:4px}

/* ===============개별페이지================= */

/* 메인 */
.page_main,.page_main .main{background-color:#f8f8f8}
.page_main .container:after{display:block;content:'';clear:both}
.page_main .content{float:right;width:652px;padding:0}
.my_restrict{position:relative;margin-top:20px;padding:27px 27px 17px;border:1px solid #ededed;border-radius:10px;background-color:#fff;box-sizing:border-box}
.my_restrict .txt_tit{display:block;padding-right:100px;font-size:16px;line-height:24px}
.my_restrict .info_restrict{margin-top:24px;font-size:14px;line-height:20px}
.my_restrict .info_restrict:after{display:block;content:'';clear:both}
.my_restrict .info_restrict dt{float:left;width:90px;margin-bottom:12px}
.my_restrict .info_restrict dd{float:left;position:relative;width:calc(100% - 102px);margin:0 0 12px 12px;word-break:break-word}
.my_restrict .info_restrict dd:before{position:absolute;top:4px;bottom:4px;left:-13px;width:1px;background-color:#d9d9d9;content:''}
.my_restrict .info_restrict dd.restrict{color:#FF3B30}
.mac .my_restrict .info_restrict dd:before{top:2px}
.my_restrict .btn_small{position:absolute;top:27px;right:27px}
.page_main .aside{float:left;width:408px}
.aside_bx{padding:27px;border:1px solid #ededed;border-radius:10px;background-color:#fff;box-sizing:border-box}
.aside_bx+.aside_bx{margin-top:20px;padding:23px 27px}
.avatar_info{text-align:center}
.avatar_info .avatar{margin:0 auto}
.avatar_info .txt_tit{display:block;margin-top:12px;font-size:20px;font-weight:700;line-height:28px;word-break:break-word}
.aside_bx .btn_group{margin-top:16px;font-size:0;text-align:center}
.aside_bx .btn_border_gray{margin:0 6px}
.my_info{margin-top:18px}
.scrt_srvc_info{position:relative}
.scrt_srvc_info .txt_tit{display:block;padding-right:20px;font-size:16px;font-weight:700;line-height:24px}
.scrt_srvc_info .lst{margin-top:22px}
.scrt_srvc_info .item{position:relative;font-size:0;line-height:0}
.scrt_srvc_info .item+.item{margin-top:12px}
.scrt_srvc_info .status{display:inline-block;width:54px;height:26px;margin-right:10px;padding:3px 15px;border-radius:28px;background:#979797;font-size:12px;font-weight:700;color:#fff;line-height:20px;text-align:center;box-sizing:border-box}
.scrt_srvc_info .status.on{background:#ff6f00}
.scrt_srvc_info .subject{display:inline-block;overflow:hidden;max-width:220px;font-size:14px;line-height:20px;vertical-align:-4px;white-space:nowrap;text-overflow:ellipsis}
.scrt_srvc_info .link{position:absolute;top:3px;right:0;font-size:14px;color:#969696;line-height:20px}
.scrt_srvc_info .btn_more{position:absolute;top:0;right:-4px;width:24px;height:24px;background-position:-56px -36px;content:''}

/* 내 이용제한정보 */
.use_restrict{margin-top:20px;margin-bottom:40px}
.use_restrict_lst{font-size:0}
.use_restrict_lst .item{display:inline-block;overflow:hidden;width:181px;border:1px solid #d8d8d8;font-size:14px;text-align:center;box-sizing:border-box}
.use_restrict_lst .item:last-child{width:180px}
.use_restrict_lst .item+.item{margin-left:-1px}
.use_restrict_lst .item.is_active{position:relative;z-index:1;border-color:#ff6f00}
.use_restrict_lst .link{display:block;padding:15px 15px 16px;background-color:#fff;font-weight:700;line-height:20px}
.use_restrict_lst .item:first-child{border-top-left-radius:4px;border-bottom-left-radius:4px}
.use_restrict_lst .item:last-child{border-top-right-radius:4px;border-bottom-right-radius:4px}
.use_restrict_lst .item.is_active .link{background-color:#ff6f00;color:#fff}
.use_restrict_lst .txt_sub{display:block;padding:8px 15px 7px;border-top:1px solid #d8d8d8;background-color:#f9f9f9;font-weight:400;color:rgba(0,0,0,0.72);line-height:20px}
.use_restrict_lst .item.is_active .txt_sub{border-color:#ff6f00}
.use_restrict_lst .item.restrict .txt_sub{color:#ff3b30}
.tbl_restrict{margin-bottom:40px}
.tbl_restrict:last-child{margin-bottom:30px}
.tbl_restrict td .note{margin-top:20px}
.tbl_restrict .notice_lst.note{color:#555}
.tbl_restrict .notice_lst.note .item{padding-left:10px}

/* 내 계좌 */
.page_account .my_coin{margin-top:24px;padding:0;border-color:#d8d8d8;border-radius:4px;font-size:0}
.page_account .my_coin .txt_tit{overflow:hidden;max-width:calc(100% - 30px);height:24px;white-space:nowrap;text-overflow:ellipsis}
.page_account .my_coin:not(.paylimit) .item{display:inline-block;width:calc(100% / 3);height:210px;padding:26px 20px 70px 24px;border-bottom:none;border-left:1px solid #d9d9d9;vertical-align:top;box-sizing:border-box}
.page_account .my_coin .item:first-child{border-left:0}
.page_account .my_coin.paylimit .item{padding:27px 310px 22px 24px}
.page_account .my_coin .amount{margin-top:6px}
.page_account .my_coin .date,.page_account .my_coin .txt_desc{color:rgba(0,0,0,0.72)}
.page_account .my_coin .amount + .date{margin-top:16px}
.page_account .my_coin .date dt{margin-right:4px}
.page_account .my_coin .date dt:after{display:none}
.page_account .my_coin .txt_desc{margin-top:16px;font-size:14px;line-height:22px}
.page_account .my_coin:not(.paylimit) .btn{position:absolute;bottom:28px}
.page_account .notice_lst .item{color:rgba(0,0,0,0.72)}
.page_account .btn.btn_border_gray{border:1px solid #969696;border-radius:5px;font-weight:400;color:#969696}
.page_account .tbl .btn{height:30px;margin:-5px 0 -5px 8px;box-sizing:border-box}
.page_account .chart_wrap{min-height:290px;margin-top:23px;padding:24px 24px 40px;border:1px solid #d9d9d9;border-radius:4px;box-sizing:border-box}
.page_account .chart_wrap .chart_tit{display:block;max-width:unset;margin-bottom:25px;font-size:16px}
.page_account .chart{min-height:178px}

/* 내 쪽지함 */
.note_setting{margin-top:20px;padding:15px 19px;border:1px solid #d9d9d9;border-radius:4px;background:#fff;font-size:0}
.setting_desc{display:inline-block;font-size:0}
.setting_desc+.setting_desc{margin-left:28px}
.setting_desc .tit{display:inline-block;font-size:14px;line-height:20px}
.setting_desc .noti{display:inline-block;margin:0 10px 0 4px;font-size:14px;line-height:20px}
.setting_desc .btn_small{font-weight:400}
.page_note .tab_category{margin-top:32px}
.page_note .subtitle_area+.btn_area{margin-top:40px}
.page_note .btn_area{margin-top:27px;font-size:0}
.page_note .tit_desc+.btn_area{margin-top:40px}
.page_note .btn_area .btn+.btn{margin-left:12px}
.inbox{margin-top:16px}
.inbox .txt_left{padding-left:12px}
.inbox .txt_left a{display:block;overflow:hidden;width:372px;white-space:nowrap;text-overflow:ellipsis}
.inbox .uncfm{color:#ff6f00}
.inbox .input_check{margin:-2px 0}
.inbox .btn_border_gray{margin:-6px 0;font-weight:400}
.inbox .paginate_wrap{margin-bottom:40px}

/* 내 쪽지함 팝업 */
.pop_wrap.note .info_box{position:relative;margin-bottom:20px;padding-right:150px}
.pop_wrap.note .info_box .txt_desc{font-size:14px;line-height:22px}
.pop_wrap.note .info_box .date{display:block;margin-top:4px;font-size:14px;line-height:22px}
.pop_wrap.note .info_box .btn_area{position:absolute;top:0;right:0}
.pop_wrap.note .btn{padding-left:24px;padding-right:24px}
.pop_wrap.note .btn_small{padding-left:11px;padding-right:11px;font-weight:400}
.pop_wrap.note .note_view{height:200px;border:1px solid rgba(0,0,0,0.38);border-radius:4px;background:#fff;box-sizing:border-box}
.pop_wrap.note .note_view .txt{padding:17px 15px}
.pop_wrap.note .note_coupon{margin-top:20px;padding:18px 16px;border-radius:4px;background-color:#f9f9f9;color:#FF6F00;font-weight:700;font-size:14px;line-height:20px}
.pop_wrap.note .txt_note{margin-top:8px;line-height:22px;color:rgba(0,0,0,0.38)}
.pop_wrap.note .selected_lst{margin-bottom:24px}
.pop_wrap.note .selected_lst .scrollbar-inner{height:176px;border-top:1px solid rgba(0,0,0,0.38);border-bottom:1px solid rgba(0,0,0,0.38)}
.pop_wrap.note .selected_lst .item{position:relative;padding:12px 50px 12px 16px;line-height:20px}
.pop_wrap.note .selected_lst .item .btn_delete{position:absolute;top:10px;right:20px}
.pop_wrap.note .selected_lst .count_num{margin-top:7px;font-size:14px;line-height:22px;text-align:right;color:rgba(0,0,0,0.38)}

/* 내 엔돌핀 */
.my_endorphin{margin-top:24px;font-size:0}
.info_endorphin{display:inline-block;width:226px;margin-right:20px;padding:26px 23px 27px;border:1px solid #d9d9d9;border-radius:4px;box-sizing:border-box}
.my_endorphin .txt_tit{display:inline-block;overflow:hidden;max-width:100%;font-size:16px;line-height:20px;white-space:nowrap;text-overflow:ellipsis;vertical-align:top}
.info_endorphin .txt_tit{max-width:calc(100% - 30px);margin-top:2px}
.my_endorphin .help{display:inline-block;margin-left:4px;vertical-align:top}
.my_endorphin .help .info_tooltip{min-width:340px;line-height:20px}
.my_endorphin .help .ico_tooltip,.my_coin .help .ico_close{position:static}
.mac .my_endorphin .help .ico_tooltip{margin-top:-1px}
.my_endorphin .amount{display:block;margin-top:9px}
.my_endorphin .amount .highlight{display:inline-block;margin-right:4px;font-size:22px;font-weight:700;line-height:20px;color:#ff6f00;vertical-align:middle}
.my_endorphin .amount .unit{display:inline-block;font-size:14px;line-height:20px;vertical-align:middle}
.info_endorphin .status{margin-top:20px}
.info_endorphin .status dt{display:inline-block;width:130px;font-size:14px;line-height:22px;color:rgba(0,0,0,0.72)}
.info_endorphin .status dd{display:inline-block;width:calc(100% - 130px);font-size:14px;font-weight:400;line-height:22px;color:#ff6f00;text-align:right}
.info_endorphin .btn_border{margin-top:20px}
.my_endorphin .my_money{display:inline-block;width:834px;padding:27px 23px;border:1px solid #d9d9d9;border-radius:4px;vertical-align:top;box-sizing:border-box}
.money_lst{margin-top:20px}
.money_lst .item{display:inline-block;width:167px;padding:0 15px 0 24px;border-left:1px solid #d9d9d9;box-sizing:border-box}
.money_lst .item:first-child{width:142px;padding-left:0;border-left:none}
.money_lst .item:last-child{width:143px}
.money_lst .tit{display:block;overflow:hidden;max-width:100%;margin-top:4px;font-size:14px;font-weight:700;line-height:20px;white-space:nowrap;text-overflow:ellipsis}
.my_endorphin .money_lst .amount{margin-top:8px}
.my_endorphin .money_lst .highlight{font-size:16px;margin-top:0}
.my_endorphin .btn_small{margin-top:24px;font-weight:400}
.page_endorphin .tab_category{margin-top:32px}
.page_endorphin .tab_category + .notice_lst{margin-bottom:32px}
.page_endorphin .srch_tool{float:right}

/* 내 친구 */
.page_friend{min-height:1060px;line-height:20px}
.page_friend .btn_border_gray{font-weight:400}
.page_friend .tab_category{margin:32px 0 38px}
.srch_box{margin-bottom:40px;padding:30px;border-radius:4px;background-color:#f9f9f9;text-align:center}
.srch_box .tit{display:inline-block;padding:0;font-size:16px;font-weight:700;vertical-align:middle}
.page_friend .input_search{display:inline-block;position:relative;width:100%;width:512px;margin-left:16px;vertical-align:middle}
.page_friend .box_area{margin:31px 0 20px;padding:31px 23px 31px 24px;border:1px solid #d9d9d9;border-radius:4px;background-color:#fff}
.page_friend .box_area .txt_desc{display:inline-block;width:884px;vertical-align:middle}
.page_friend .box_area .btn{width:118px;margin-left:25px;vertical-align:middle;box-sizing:border-box}
.page_friend .notice_lst{margin-bottom:40px}
.page_friend .notice_lst .item{color:rgba(0,0,0,0.72)}
.page_friend .notice_lst .item_txt{display:inline-block;width:690px;margin-right:6px;vertical-align:top}
.page_friend .notice_lst .item_txt + .btn{max-width:372px;vertical-align:top}
.page_friend .tbl_dsc::after{display:block;content:'';clear:both}
.page_friend .tbl_dsc_result{float:left;margin:0 0 16px 2px;line-height:20px}
.page_friend .tbl_dsc_result + .tbl_dsc_status{float:right}
.page_friend .tbl th,.tbl td{padding:12px}
.page_friend .tbl td .btn_border_gray{margin:-6px 0 -6px 10px}
.page_friend .tbl td .btn_border_gray:first-child{margin-left:0}
.page_friend .tbl td a:not(.btn):hover{text-decoration:underline}
.page_friend .tbl .txt_els{display:block;overflow:hidden;width:246px;white-space:nowrap;text-overflow:ellipsis}
.page_friend .paginate_wrap{margin-top:28px}

/* 내 친구 팝업 */
.pop_wrap.friend .txt_desc{line-height:22px}
.pop_wrap.friend .txt_desc + .txt_desc{margin-top:16px}
.pop_wrap.friend .btn{padding-right:23px;padding-left:23px}
.pop_wrap.friend .count_char + .txt_desc{margin-top:20px}
.pop_wrap.friend .selected_cur{height:54px}
.pop_wrap.friend .selected_cur:after{right:17px}
.pop_wrap.friend .selected_cur,.pop_wrap.friend .select_item{padding:18px 15px 16px;line-height:20px}
.pop_wrap.friend .select_inner{max-height:inherit;margin-bottom:0}
.pop_wrap.friend .request_form{height:329px}
.pop_wrap.friend .request_form .count_char{display:none}
.pop_wrap.friend .message_area{margin-top:19px;margin-bottom:-4px}
.pop_wrap.friend .avatar{float:left;margin-right:12px}
.pop_wrap.friend .txt_box{overflow:hidden;height:120px;border:1px solid rgba(0,0,0,0.38);border-radius:4px;box-sizing:border-box}
.pop_wrap.friend .txt_box .txt{padding:18px 15px;font-size:14px;color:#242424;line-height:20px;word-break:break-all}

/* 내 쿠폰함 */
.page_coupon .tab_category{margin-top:40px}
.page_coupon .select_type_txt{min-width:128px}
.page_coupon .srch_tool:first-child .select_type_txt{min-width:116px}
.page_coupon .status_area{margin: -4px 0 12px}
.page_coupon .tbl_history .btn{margin:-5px 0;font-weight:400;color:#969696}
.pop_wrap.coupon .pop_content{padding-top:20px}
.pop_wrap.coupon .txt_desc{line-height:24px}
.pop_wrap.coupon .txt_desc+.tbl_horizontal{margin-top:20px}
.pop_wrap.coupon .txt_desc+.coupon_form{margin-top:16px}
.pop_wrap.coupon .coupon_form{position:relative;padding-right:102px}
.pop_wrap.coupon .coupon_form .btn_large{position:absolute;top:0;right:0;width:90px}
.pop_wrap.coupon .da_area{margin-top:24px}
.pop_wrap.coupon .notice_lst .item{line-height:24px;color:rgba(0,0,0,0.72)}
.pop_wrap.coupon .notice_lst .item:before{top:11px}
.pop_wrap.coupon .btn_area .btn{padding-left:24px;padding-right:24px}
.pop_wrap.coupon .btn_area .btn+.btn{margin-left:12px}
.pop_wrap.coupon .btn_area .btn_border_gray{border-color:#969696;color:#969696}

/* 내 정보 */
.verify_identity{margin-top:80px;text-align:center}
.verify_identity .tit{display:block;font-size:20px;line-height:20px}
.verify_identity .desc{margin-top:12px;line-height:22px}
.verify_identity_form{display:block;max-width:340px;margin:20px auto 0}
.verify_identity_form .input_txt + .input_txt{margin-top:12px}
.verify_identity_form .btn_area{margin:24px -6px 0;font-size:0}
.verify_identity_form .btn{width:164px;margin:0 6px}
.state_alert{position:relative;margin-bottom:12px;padding:15px 28px 15px 48px;border:1px solid;border-radius:4px;text-align:left;line-height:20px}
.state_alert.error{border-color:rgba(255,53,41,0.6);background-color:rgba(255,53,41,0.08)}
.state_alert.attention{border-color:#ffbd00;background-color:rgba(255,189,0,.2)}
.state_alert:before{display:inline-block;position:absolute;top:13px;left:15px;width:24px;height:24px;background-image:url(https://hangame-images.toastoven.net/hangame/myinfo_2023/item/img/sp.png);background-position:-84px -89px;background-repeat:no-repeat;background-size:316px auto;content:''}
.state_alert.error:before{background-position:-84px -89px}
.state_alert.attention:before{background-position:-110px -89px}
.page_info .h_stit{margin-top:40px;line-height:20px}
.page_info .tbl_horizontal th{padding-left:28px;text-align:left}
.page_info .tbl_horizontal td{padding-right:20px;padding-left:20px;line-height:22px}
.page_info .member_info .tbl_horizontal td{padding:16px 20px}
.member_info .info_val{font-size:0;line-height:22px}
.member_info .val{display:inline-block;font-size:14px;vertical-align:middle}
.member_info .info_val_id .val{font-size:0}
.member_info .info_val_id .id_text{font-size:14px}
.member_info .info_val_id .id_text{display:inline-block;vertical-align:middle}
.member_info .info_val_id .id_ico{overflow:hidden;display:inline-block;margin-right:4px;font-size:0;line-height:99px;vertical-align:middle}
.mac .member_info .info_val_id .id_ico{margin-top:-2px}
.member_info .btn_area{display:inline-block;margin:-5px 0 -5px 20px;font-size:0;vertical-align:middle}
.member_info .info_val_addr .val{max-width:50%}
.member_info .info_val_addr .btn_area{vertical-align:bottom}
.member_info .btn{color:#969696;font-weight:400}
.member_info .btn + .btn{margin-left:8px}
.member_info .input_check{margin-top:8px}
.member_info .note{margin-top:8px;color:rgba(0,0,0,0.38)}
.member_info .check_group .input_check,.member_info .check_group .note{display:inline-block;vertical-align:middle}
.member_info .check_group .note{padding-left:8px}
.member_info .tbl_horizontal .post_num{display:block;margin-bottom:8px}
.page_info .personal_info{margin:40px 0;padding:16px 20px 15px;border-radius:4px;background:#f9f9f9;line-height:22px}
.personal_info + .h_stit{margin-bottom:8px}
.personal_info + .h_stit + .desc{line-height:28px}
.history_usage{margin-top:16px}
.history_usage .tbl.tbl_history td{border-bottom:none}
.history_usage .btn{margin:-5px 0;color:#969696;font-weight:400}
.history_usage .btn_view .txt{display:inline-block;position:relative;padding-right:24px;line-height:27px}
.history_usage .btn_view .txt:before{position:absolute;top:50%;right:0;width:20px;height:20px;background-image:url(https://hangame-images.toastoven.net/hangame/myinfo_2023/item/img/sp.png);background-position:-168px -90px;background-repeat:no-repeat;transform:translateY(-50%);content:''}
.mac .history_usage .btn_view .txt:before{margin-top:-1px}
.history_usage .btn_view.on .txt:before{transform:translateY(-50%) rotate(180deg)}
.history_usage .view_info{display:none}
.history_usage .view_info td{padding:28px 18px}
.history_usage .view_info.is_show{display:table-row}
.history_usage .view_info .item{text-align:left;line-height:28px}
.linkbox_lst{margin:40px -10px 0;font-size:0}
.linkbox_lst .item{display:inline-block;margin:0 10px}
.linkbox_lst .link{display:block;width:346px;padding:23px 27px;border:1px solid #D9D9D9;border-radius:4px;font-size:14px;font-weight:700;line-height:20px;box-sizing:border-box}
.linkbox_lst .link .txt{display:inline-block;overflow:hidden;position:relative;max-width:260px;padding-right:28px;white-space: nowrap;text-overflow: ellipsis;vertical-align:top}
.linkbox_lst .link .txt:before{display:inline-block;position:absolute;top:50%;right:0;width:24px;height:24px;background-image:url(https://hangame-images.toastoven.net/hangame/myinfo_2023/item/img/sp.png);background-position:-112px -64px;background-repeat:no-repeat;transform:translateY(-50%);content:''}
.withdrawal_membership{margin-top:40px;padding:39px 35px;border:1px solid #d9d9d9;border-radius:4px}
.withdrawal_membership .hl_tit{font-weight:700;color:#ff6f00;line-height:22px}
.withdrawal_membership .tit{display:block;margin-top:24px;line-height:22px}
.withdrawal_membership .lst{margin-top:8px}
.withdrawal_membership .item{position:relative;padding-left:10px;line-height:28px}
.withdrawal_membership .item:before{position:absolute;top:13px;left:0;width:2px;height:2px;background-color:#80868b;content:''}
.mac .withdrawal_membership .item:before{top:11px}
.page_info .agree_txt{display:block;margin-top:20px;line-height:22px}
.page_info .agree_txt + .btn_area{margin-top:28px;font-size:0;text-align:right}
.page_info .agree_txt + .btn_area .btn{min-width:158px}
.page_info .agree_txt + .btn_area .btn+ .btn{margin-left:12px}
.page_info .notice_gray{margin-top:40px}
.page_info .withdrawal_step{margin-top:48px}
.page_info .withdrawal_step + .h_stit{position:relative;margin-top:56px}
.page_info .withdrawal_step + .h_stit .txt{position:absolute;top:0;right:0;font-size:14px;font-weight:400}
.check_member_info .item{font-size:0}
.check_member_info .item .input_txt{display:inline-block;max-width:470px;vertical-align:middle}
.check_member_info .item .note{display:inline-block;margin-left:12px;font-size:14px;color:rgba(0,0,0,0.72);vertical-align:middle;line-height:22px}
.check_member_info + .btn_area{margin-top:28px;text-align:right}
.check_member_info + .btn_area .btn{min-width:158px}
.check_member_info + .btn_area .btn+.btn{margin-left:8px}
.reqst_compl + .btn_area{margin-top:28px;text-align:right}
.reqst_compl + .btn_area .btn{min-width:158px}
.refund_list .noti{display:block;margin-top:20px;line-height:22px}
.refund_list .btn_area,.refund_account .btn_area{margin-top:28px;font-size:0;text-align:right}
.refund_list .btn_area .btn,.refund_account .btn_area .btn{width:158px}
.refund_list .btn + .btn{margin-left:12px}
.refund_list .is_close{color:rgba(0,0,0,0.38)}
.refund_list .btn_small{margin:-5px 0;font-weight:400;color:#969696}
.refund_list .btn_small:disabled{color:rgba(0,0,0,0.12)}
.refund_account_form .select_large,.refund_account_form .input_txt{max-width:470px}
.select_large{width:100%;min-height:54px}
.select_large .select_inner{max-height:168px}
.select_large .selected_cur{height:54px;padding:17px 51px 17px 15px;line-height:20px}
.select_large .selected_cur:after{right:15px;width:24px;height:24px;background-position:-56px -64px}
.select_large .select_item{padding:20px 15px}
.refund_account_form .item_email{font-size:0}
.refund_account_form .item_email .input_txt,.refund_account_form .item_email .select_wrap{display:inline-block;width:220px;vertical-align:middle}
.refund_account_form .item_email .txt{display:inline-block;margin:0 8px;font-size:14px;vertical-align:middle;line-height:22px}
.refund_account_form .select_wrap + .input_txt{margin-left:12px}
.refund_account .agree_area{margin-top:20px}
.refund_account .agree_area .lst{margin-top:6px;padding-left:32px;line-height:28px}
.refund_account .input_check .label_check{padding-left:28px;font-weight:700}

/* 내 아이디 모두보기 팝업 */
.popup_all_myid{padding:44px 15px}
.popup_all_myid .content{max-width:330px;margin:0 auto}
.popup_all_myid .tit{margin-bottom:15px;font-size:14px;font-weight:400;text-align:center;line-height:22px}
.popup_all_myid .info_id .lst{border:1px solid #D6D7DD}
.popup_all_myid .item{padding:24px 25px;font-size:0;line-height:22px}
.popup_all_myid .item + .item{border-top:1px solid #D6D7DD}
.popup_all_myid .item .id_ico_sm{overflow:hidden;margin-right:7px;font-size:0;line-height:99px}
.popup_all_myid .item .txt{margin-right:5px;font-size:14px;color:#333;vertical-align:middle}
.popup_all_myid .status{font-size:14px;vertical-align:middle}
.popup_all_myid .status.in_use{color:#fa2828}
.popup_all_myid .status.request,.popup_all_myid .status.restrict{color:#333}
.popup_all_myid .btn{width:100%;height:44px;margin-top:20px;border-radius:0}


/* ===== input - 회원페이지 공통 타입 추가 ===== */
.inp_wrap{position:relative}
.inp_wrap + .inp_wrap{margin-top:16px}
.inp_label{z-index:1;display:table;position:absolute;top:0;left:0;width:100%;height:100%;padding:0 16px;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;-webkit-box-sizing:border-box;-khtml-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box}
.inp_label:before{content:'';display:block;z-index:-1;opacity:0;position:absolute;bottom:0;left:0;width:100%;height:8px}
.inp_label .lable_text{display:table-cell;color:rgba(0,0,0,0.38);text-align:left;white-space:nowrap;vertical-align:middle}
.inp_box{z-index:2;position:relative;display:block;margin-top:8px;padding:1px 40px 1px 16px;width:100%;height:56px;border-radius:4px;font-size:14px;line-height:1;background:#fff;-webkit-box-sizing:border-box;-khtml-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box}
.inp_box .inp_element{outline:0;display:block;font-size:16px;font-weight:700;width:100%;height:100%;border:0;background:transparent;-webkit-box-sizing:border-box;-khtml-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;opacity:0}
.inp_box input::-webkit-outer-spin-button,.inp_box input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.inp_box input[type="number"]{-moz-appearance:textfield}
.inp_box + .inp_validation{color:rgba(0,0,0,0.32);color:#adadad\0/IE8}
.inp_box input:-webkit-autofill,.inp_box input:-webkit-autofill:hover,.inp_box input:-webkit-autofill:focus,.inp_box input:-webkit-autofill:active{-webkit-box-shadow:inset 0 0 0 0 red;box-shadow:inset 0 0 0 0 #fff;border:1px solid transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-text-fill-color:#333;-webkit-transition:background-color 5000s ease-in-out 0;transition:background-color 5000s ease-in-out 0}
.inp_box:before{content:'';z-index:-1;display:block;position:absolute;top:0;left:0;width:100%;height:100%;border-radius:4px;border:1px solid #adadad;-webkit-box-sizing:border-box;-khtml-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box}
.inp_box.is-active:before,.inp_box:hover:before{border:2px solid #121212}
.inp_box.type_error:before,.inp_box.type_error:hover:before{border:2px solid #FF3B30}
.inp_box.is-active .inp_label{display:block;top:-8px;left:11px;padding:0 5px;width:auto;height:16px;line-height:1;background-color:transparent}
.inp_box.is-active .inp_label:before{opacity:1;background:#fff;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
.inp_box.is-active .inp_label .lable_text{font-size:12px;color:#242424}
.inp_box.is-active + .inp_validation{color:#242424}
.inp_box.is-active .inp_element{opacity:1}
.inp_box.is-complete:before{border:1px solid #121212}
.inp_box.is-complete .inp_label{display:block;top:-8px;left:11px;padding:0 5px;width:auto;height:16px;font-size:12px;line-height:1;background-color:transparent}
.inp_box.is-complete .inp_label:before{opacity:1;background:#fff;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
.inp_box.is-complete .inp_label .lable_text{height:16px\0/IE8;font-size:12px;color:rgba(0,0,0,.72);color:#4a4a4a\0/IE8}
.inp_box.is-complete + .inp_validation{color:#242424}
.inp_box.is-complete .inp_element{opacity:1}
.inp_box.type_error:before{border-color:#FF3B30}
.inp_box.type_error .inp_label .lable_text,.inp_box.type_error + .inp_validation{color:#FF3B30!important}
.inp_box.type_disabled{background:#f5f5f5}
.inp_box.type_disabled:before{border-color:rgba(0,0,0,0.12)}
.inp_box.type_disabled .inp_label{display:none!important}
.inp_box.type_disabled .inp_text{color:rgba(0,0,0,0.38)}
.inp_box.type_disabled input{color:rgba(0,0,0,0.38)!important}
.inp_box.type_disabled + .inp_validation{color:rgba(0,0,0,0.38)}
.inp_box.type_disabled .btn_inp_edit{display:none!important}
.inp_validation{margin-top:4px;padding:0 16px;font-size:12px;line-height:1.33;vertical-align:baseline}
.inp_wrap .btn_inp_edit{z-index:3;display:none\0/IE8;opacity:0;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);display:block;position:absolute;top:15px;right:12px;width:24px;height:24px}
.inp_wrap .btn_inp_edit.type_open{background:url(https://hangame-images.toastoven.net/hangame/myinfo_2023/item/img/member/ico_input_open.svg) no-repeat 0 0;background-size:24px auto;background:url(https://hangame-images.toastoven.net/hangame/myinfo_2023/item/img/member/ico_input_open.png) no-repeat 0 0}
.inp_wrap .btn_inp_edit.type_close{background:url(https://hangame-images.toastoven.net/hangame/myinfo_2023/item/img/member/ico_input_close.svg) no-repeat 0 0;background-size:24px auto;background:url(https://hangame-images.toastoven.net/hangame/myinfo_2023/item/img/member/ico_input_close.png) no-repeat 0 0\0/IE8}
.inp_wrap .btn_inp_edit.type_clear{background:url(https://hangame-images.toastoven.net/hangame/myinfo_2023/item/img/member/ico_input_delete.svg) no-repeat 0 0;background-size:24px auto;background:url(https://hangame-images.toastoven.net/hangame/myinfo_2023/item/img/member/ico_input_delete.png) no-repeat 0 0\0/IE8}
.inp_wrap .btn_inp_edit.type_ok{background:url(https://hangame-images.toastoven.net/hangame/myinfo_2023/item/img/member/ico_input_ok.svg) no-repeat 0 0;background-size:24px auto;background:url(https://hangame-images.toastoven.net/hangame/myinfo_2023/item/img/member/ico_input_ok.png) no-repeat 0 0\0/IE8}
.inp_wrap .btn_inp_edit.is-active{opacity:1;display:block\0/IE8}
.inp_wrap.type_numcode{position:relative}
.inp_wrap.type_numcode .inp_box{padding-right:75px}
.inp_wrap.type_numcode .inp_box input{font-weight:600}
.inp_wrap.type_numcode .btn_type{position:absolute;top:10px;right:10px}

/* avatar_area */
.avatar_area{margin-top:24px;font-size:0}
.avatar_box{display:inline-block;position:relative;padding:27px 23px;border:1px solid #D9D9D9;border-radius:4px;vertical-align:top;box-sizing:border-box}
.avatar_box:first-child{width:404px;min-height:250px}
.avatar_box:nth-child(2){width:656px;min-height:250px;margin-left:20px}
.avatar_box:last-child{width:100%;margin-top:20px}
.avatar_box .tit{display:block;overflow:hidden;max-width:100%;margin-bottom:24px;font-size:16px;font-weight:700;line-height:22px;text-overflow:ellipsis;white-space:nowrap}
.avatar_box:last-child .tit{line-height:20px;max-width:calc(100% - 140px)}
.avatar_setting .avatar{display:inline-block;vertical-align:top}
.avatar_setting .btn_area{display:inline-block;width:236px;margin-left:20px}
.avatar_setting .btn_area .btn:first-child,.avatar_setting .btn_area .btn:nth-child(2){width:100%}
.avatar_setting .btn_area .btn:not(:first-child){margin-top:8px}
.avatar_setting .btn_area .btn:nth-child(3),.avatar_setting .btn_area .btn:last-child{width:114px}
.avatar_setting .btn_area .btn:last-child{margin-left:8px}
.avatar_gallery{position:relative;padding:0 45px}
.avatar_swiper{overflow:hidden}
.avatar_gallery .swiper-slide{width:100px}
.avatar_gallery .swiper-slide .avatar_desc{overflow:hidden;width:100%;margin-top:8px;font-size:14px;text-align:center;white-space:nowrap;text-overflow:ellipsis;line-height:20px}
.avatar_gallery .btn_prev,.avatar_gallery .btn_next{position:absolute;top:48px;left:0;width:24px;height:24px;padding: 0!important}
.avatar_gallery .btn_next{left:auto;right:0}
.avatar_gallery .btn_prev:before,.avatar_gallery .btn_next:before{width:24px;height:24px;background-position:-194px -90px}
.avatar_box .desc_nodata{margin-top:73px;font-size:14px;text-align:center;line-height:22px}
.avatar_box .btn_history_change{position:absolute;top:23px;right:23px}
.select_box_area{margin-top:27px}
.select_box_area .txt_tit{display:inline-block;overflow:hidden;max-width:calc(100% - 90px);font-size:14px;line-height:24px;color:rgba(0,0,0,0.72);text-overflow:ellipsis;white-space:nowrap;vertical-align:middle}
.select_box_area .help{display:inline-block;margin-left:4px;vertical-align:middle}
.select_box_area .txt_num{display:inline-block;margin-left:15px;font-size:0;color:rgba(0,0,0,0.72);vertical-align:middle}
.select_box_area .txt_num .num{display:inline-block;font-size:14px;line-height:22px;vertical-align: middle}
.select_box_area .txt_num .unit{display:inline-block;margin-left:4px;font-size:14px;vertical-align: middle}
.select_box_area .info_tooltip{width:341px}
.select_box_area .info_tooltip:before{display:inline-block;background-image:url(https://hangame-images.toastoven.net/hangame/myinfo_2023/item/img/sp.png);background-repeat:no-repeat;vertical-align:middle}
.select_box_area .info_tooltip .txt{white-space:normal}
.change_avatar_form{margin-top:19px;padding-top:19px;border-top:1px solid rgba(0,0,0,0.12);font-size:0}
.change_avatar_form .item{display:inline-block;width:492px}
.change_avatar_form .item + .item{position:relative;margin-left:48px}
.change_avatar_form .item + .item:before{position:absolute;top:0;left:-24px;width:1px;height:86px;background-color:#d9d9d9;content:''}
.change_avatar_form .info_data{margin-top:15px;font-size:0}
.change_avatar_form .select_wrap,.change_avatar_form .input_txt{display:inline-block;width:274px;margin-right:8px;vertical-align:top}
.change_avatar_form .select_wrap + .input_txt{width:100px}
.change_avatar_form .btn{width:74px;padding-right:5px;padding-left:5px}

/* select_area */
.select_area{position:relative;margin-top:50px;padding-right:170px;font-size:0;color:rgba(0,0,0,0.72)}
.select_area .input_check{display:inline-block;vertical-align:middle}
.select_area .input_check .txt{color:rgba(0,0,0,0.72)}
.select_area .txt_select{display:inline-block;position:relative;margin-right:8px;margin-left:17px;font-size:14px;line-height:20px;vertical-align:middle}
.select_area .btn{vertical-align:middle}
.select_area .txt_select:before{position:absolute;top:50%;left:-8px;width:1px;height:16px;background:#d9d9d9;transform:translateY(-50%);content:''}
.select_area .select_wrap{position:absolute;top:-10px;right:0;min-width:154px}
.mac .select_area .txt_select{margin-bottom:-3px}
.mac .select_area .txt_select:before{margin-top:-1px}

/* avatar_lst */
.avatar_lst{margin:24px 0 40px}
.avatar_lst .lst{margin:0 -48px;font-size:0}
.avatar_lst .item{display:inline-block;width:100px;margin:0 48px 40px;text-align:center}
.avatar_lst .input_check{margin:8px 0;text-align:left}
.avatar_lst .label_check .txt{display:-webkit-box;overflow:hidden;width:76px;height:39px;margin-top:0;line-height:20px;box-sizing:border-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break: break-all}
.avatar_lst .desc_nodata{padding:56px 0 40px;font-size:14px;text-align:center;line-height:22px}

/* avatar_detail */
.avatar_detail{font-size:0}
.avatar_detail .img{display:inline-block;width:100px;margin-right:16px;vertical-align:top}
.avatar_detail .img img{width:100%}
.avatar_detail .info{display:inline-block;width:calc(100% - 120px)}
.avatar_detail dt{display:block;font-size:16px;font-weight:700;color:rgba(0,0,0,0.72);line-height:24px}
.avatar_detail dd{margin-top:4px;font-size:14px;line-height:24px}

/* gameitem */
.gameitem .lst{margin:0 -30px;font-size:0}
.gameitem .item{display:inline-block;width:510px;margin:0 30px 50px}
.gameitem .item_box{font-size:0}
.gameitem .item_img{display:inline-block;width:87px;margin-right:16px}
.gameitem .info{display:inline-block;width:407px;vertical-align:top}
.gameitem .info_tit{overflow:hidden;padding-bottom:12px;border-bottom:1px solid #d9d9d9}
.gameitem .info_tit .link_tit{float:left;overflow:hidden;position:relative;max-width:290px;margin:8px 0 2px;padding-right:20px;font-size:14px;font-weight:700;white-space:nowrap;text-overflow:ellipsis;line-height:20px;color:#242424;box-sizing:border-box;text-decoration:none}
.gameitem .info_tit .link_tit:before{position:absolute;top:50%;right:0;width:18px;height:18px;background-image:url(https://hangame-images.toastoven.net/hangame/myinfo_2023/item/img/sp.png);background-position:-226px -91px;background-repeat:no-repeat;transform:translateY(-50%);content:''}
.gameitem .info_tit .btn_area{float:right;margin-top:0}
.mac .gameitem .info_tit .link_tit:before{margin-top:-2px}
.gameitem .info .btn{font-weight:400}
.gameitem .info_tit .btn + .btn{margin-left:8px}
.gameitem .info_detail{display:table;width:100%;margin-top:12px}
.gameitem .info_detail .btn{white-space:nowrap}
.gameitem .status{width:100%}
.gameitem .status,.gameitem .info_detail .btn{display:table-cell;vertical-align:middle}
.gameitem .status dt,.gameitem .status dd{display:inline-block;font-size:14px;color:rgba(0,0,0,0.38);line-height:20px}
.gameitem .status dd+dt{position:relative;margin-left:17px}
.gameitem .status dd{margin-left:4px}
.gameitem .status dd+dt:before{position:absolute;top:50%;left:-9px;width:1px;height:12px;background:#d9d9d9;transform:translateY(-50%);content:''}

/* 내 아바타/아이템 */
.page_avatar .btn_small:not(:disabled){font-weight:400;color:#969696}
.page_avatar .tab_category{margin-top:40px}
.page_avatar .tab_category .tab_item{position:relative}
.page_avatar .tab_category .txt_tooltip{position:absolute;top:50%;left:calc(100% + 12px);padding:6px 7px;border-radius:4px;background:#9e9e9e;font-size:12px;color:#fff;white-space:nowrap;line-height:16px;transform:translateY(-50%)}
.mac .page_avatar .tab_category .txt_tooltip{margin-top:-1px}
.page_avatar .tab_category .txt_tooltip:before{position:absolute;top:50%;left:-3px;z-index:-1;width:8px;height:8px;border-radius:1px;background:#9e9e9e;transform:translateY(-50%) matrix(0.71,-0.71,-0.71,-0.71,0,0);content:''}
.page_avatar .tab_category + .notice_lst .item{line-height:20px;color:rgba(0,0,0,0.72)}
.page_avatar .tab_category + .notice_lst .item:before{top:10px}
.page_avatar .paginate_wrap{margin-top:0}
.page_avatar .pop_dialog_wrap .name_avatar_lst{display:block;margin-bottom:12px;font-size:14px;font-weight:700;line-height:24px}
.pop_wrap.pop_avatar .pop_content{padding-top:20px}
.pop_wrap.pop_avatar .notice_lst{margin-bottom:28px}
.pop_wrap.pop_avatar .notice_lst .item{padding-left:6px;line-height:24px}
.pop_wrap.pop_avatar .notice_lst .item:before{top:10px}
.pop_wrap.pop_avatar .btn_primary{padding-right:24px;padding-left:24px}
.pop_wrap.pop_avatar .pop_subtit{margin-bottom:16px;font-size:14px;line-height:24px}
.pop_wrap.pop_avatar .pop_content .txt{line-height:24px}
.pop_wrap.pop_avatar .pop_content .input_radio .txt{line-height:22px}
.pop_wrap.pop_avatar .pop_content .txt .highlight{color:#ff6f00}
.pop_wrap.pop_avatar .tbl_history{margin-top:8px}
.pop_wrap.pop_avatar .paginate_wrap{margin-bottom:0}
.pop_wrap.pop_avatar .avatar_membership{font-size:0}
.pop_wrap.pop_avatar .no_member{font-size:14px}
.pop_wrap.pop_avatar .no_member + .pop_subtit{margin-top:32px}
.pop_wrap.pop_avatar .no_member .tit{display:block;margin-bottom:4px;line-height:24px}
.pop_wrap.pop_avatar .no_member .txt{margin-bottom:20px}
.pop_wrap.pop_avatar .avatar_membership .img{display:inline-block;width:100px;margin-right:12px;vertical-align:top}
.pop_wrap.pop_avatar .avatar_membership img{width:100%}
.pop_wrap.pop_avatar .avatar_membership .info{display:inline-block;width:calc(100% - 120px)}
.pop_wrap.pop_avatar .avatar_membership .info .label_radio{margin-right:30px}
.pop_wrap.pop_avatar .pop_subtit + .avatar_membership{margin-top:20px;margin-bottom:30px}
.pop_wrap.pop_avatar .avatar_membership + .pop_subtit{margin-bottom:8px}
.pop_wrap.pop_avatar .avatar_membership .input_radio+.input_radio{margin:10px 0 20px}
.pop_wrap.pop_avatar .avatar_membership .btn{padding-left:23px;padding-right:23px}
.pop_wrap.pop_avatar .ico_member{display:inline-block;margin-top:1px;margin-bottom:-1px;margin-left:8px;vertical-align:top}

/* 내 게임 아이템  */
.page_gameitem *{font-family:"NotoSansKR",sans-serif !important}
.page_gameitem #content{float:none !important;width:auto !important}
.page_gameitem .subtitle_area .btn{width:74px}
.page_gameitem .gameitem{margin:40px 0}
.page_gameitem .gameitem .paginate_wrap{margin-top:-10px}
.page_gameitem .gameitem .desc_nodata{padding:40px 0 50px;font-size:14px;color:#242424;text-align:center}
.page_gameitem .tab_category{margin-top:23px}
.page_gameitem .btn{padding:0 11px 1px;text-align:center}
.page_gameitem .btn_small:not(:disabled){font-weight:400;color:#969696}
.page_gameitem .member_select{margin-top:23px;font-size:0}
.page_gameitem .member_select .txt{display:inline-block;font-size:14px;color:rgba(0,0,0,0.72);vertical-align:middle;line-height:20px}
.page_gameitem .member_select .select_wrap{display:inline-block;width:220px;margin-left:8px;vertical-align:middle}
.page_gameitem .notice_area.notice_gray .btn{margin-top:8px}
.gameitem_detail{position:relative;margin-top:24px;padding:27px 23px;border:1px solid #D9D9D9;border-radius:4px;font-size:0}
.gameitem_detail .img{display:inline-block;margin-right:16px;vertical-align:top}
.gameitem_detail .info{display:inline-block;width:calc(100% - 103px);font-size:14px}
.gameitem_detail .tit{display:block;font-size:16px;line-height:20px;color:#242424}
.gameitem_detail .price{display:block;margin-top:8px;font-size:14px}
.gameitem_detail .gameitem_desc_lst{margin-top:8px}
.gameitem_detail .gameitem_desc_lst li,.gameitem_detail .gameitem_game{position:relative;padding-left:8px;font-size:14px;color:#242424;line-height:24px;vertical-align:top}
.gameitem_detail .gameitem_desc_lst li:before,.gameitem_detail .gameitem_game:before{position:absolute;top:10px;left:0;width:2px;height:2px;background-color:#80868b;content:''}
.gameitem_detail .notice_lst li br{display:none}
.gameitem_detail .btn_area{margin-top:12px;padding:0;border:0;background:transparent;font-size:0;text-align:left}
.gameitem_detail .btn_area .btn{margin-right:20px;padding-left:23px;padding-right:24px;vertical-align:middle}
.gameitem_detail .link{display:inline-block;position:relative;padding-right:20px;font-size:14px;font-weight:700;color:#969696;vertical-align:middle;line-height:20px}
.gameitem_detail .link:before{position:absolute;top:50%;right:0;width:18px;height:18px;border-radius:1px;background-image:url(https://hangame-images.toastoven.net/hangame/myinfo_2023/item/img/sp.png);background-position:-248px -92px;background-repeat:no-repeat;transform:translateY(-50%);content:''}
.mac .gameitem_detail .link:before{margin-top:-2px}
.gameitem_detail .link+.link{margin-left:12px}
.gameitem_detail .btn_small{position:absolute;top:23px;right:23px}
.page_gameitem .gameitem_usage{margin-top:20px;padding:24px;border:1px solid #D9D9D9;border-radius:4px}
.page_gameitem .gameitem_usage .alert{color:#ff6f00}
.page_gameitem .gameitem_usage .pink02, .page_gameitem .gameitem_usage a.pink02:link, .page_gameitem .gameitem_usage a.pink02:visited, .page_gameitem .gameitem_usage a.pink02:hover, .page_gameitem .gameitem_usage a.pink02:active{color:#F15589}
.page_gameitem .gameitem_usage table+table{margin-top:40px}
.page_gameitem .gameitem_usage > table > thead > tr> th,.page_gameitem .gameitem_usage > table > tbody > tr > td{text-align:left;vertical-align:middle}
.page_gameitem .gameitem_usage td{font-size:14px;line-height:22px}
.page_gameitem #usageText{border-bottom: 1px solid rgba(0,0,0,.12)}
.page_gameitem #usageText th{padding:8px 0;font-size:16px;line-height:20px;color:#242424}
.page_gameitem #usageText td{padding:8px 0;color:#242424}
.page_gameitem #usageText tr:last-child td{padding-bottom:20px}
.page_gameitem #usageText td img{margin-right:8px !important;vertical-align:middle}
.page_gameitem #_usage td:not(.gray01){width:6px !important;vertical-align:middle}
.page_gameitem #_usage td:not(.gray01) img{margin:-3px 0 0 !important;vertical-align:middle}
.page_gameitem #_usage td[colspan="2"]{padding:10px 0 40px 0 !important}
.page_gameitem #_usage table:not(.prob) tr:last-child td[colspan="2"]{padding-bottom:0 !important}
.page_gameitem #_usage table.prob th {font-size: 14px}
.page_gameitem #_usage table.prob th,.page_gameitem #_usage table.prob td:not([colspan="2"],.gray01){width:auto !important;padding: 3px 0;color:#242424}
.page_gameitem .gameitem_usage_caution{margin-top:40px;padding:24px;background-color:#F9F9F9}
.page_gameitem .gameitem_usage_caution th,.page_gameitem .gameitem_usage_caution td{color:#242424;font-size:14px;line-height:28px;text-align:left;vertical-align:middle}
.page_gameitem .gameitem_usage_caution th{padding-bottom:5px}
.page_gameitem .gameitem_usage_caution td img{margin-right:8px !important;vertical-align:middle}
.pop_wrap.pop_gameitem{color:rgba(0,0,0,0.72)}
.pop_wrap.pop_gameitem .pop_content{padding-top:20px}
.pop_wrap.pop_gameitem .pop_subtit{margin-bottom:16px;line-height:24px}
.pop_wrap.pop_gameitem .txt + .pop_subtit{margin-top:41px}
.pop_wrap.pop_gameitem .pop_content .txt{line-height:24px}
.pop_wrap.pop_gameitem .pop_content .txt+.txt{margin-top:24px}
.pop_wrap.pop_gameitem .pop_content .txt+.txt:not(:last-child){margin-top:8px}
.pop_wrap.pop_gameitem .pop_content .btn{padding-right:24px;padding-left:24px}
.pop_wrap.pop_gameitem .pop_content .tbl_history{margin-top:17px}
.pop_wrap.pop_gameitem .paginate_wrap{margin-bottom:0}
.pop_small.pop_gameitem{width:400px}
.pop_small.pop_gameitem .pop_content{min-height:297px;border:1px solid rgba(0,0,0,0.12);border-top:0;box-sizing:border-box}
.pop_small.pop_gameitem .pop_footer{position:relative;padding:11px 15px;border:1px solid rgba(0,0,0,0.12);border-top:0}
.pop_small.pop_gameitem .pop_footer .link{position:absolute;top:11px;right:15px;font-size:14px;color:rgba(0,0,0,0.72);line-height:24px}
.pop_small.pop_gameitem .input_check .txt{overflow:hidden;max-width:270px;color:rgba(0,0,0,0.38);white-space:nowrap;text-overflow:ellipsis}
/* 게임서비스 내 게임아이템 iframe 대응 - 타이틀 없는 경우 */
#content.notitle{padding:0}
.gameitem_detail:first-child{margin-top:0}