@charset "euc-kr";

/* noto-sans-kr-regular - korean */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 400;
  src: url('https://hangame-images.toastoven.net/hangame/main2020/fonts/noto-sans-kr-v12-korean-regular.eot'); /* IE9 Compat Modes */
  src: local('Noto Sans KR Regular'), local('NotoSansKR-Regular'),
       url('https://hangame-images.toastoven.net/hangame/main2020/fonts/noto-sans-kr-v12-korean-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://hangame-images.toastoven.net/hangame/main2020/fonts/noto-sans-kr-v12-korean-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://hangame-images.toastoven.net/hangame/main2020/fonts/noto-sans-kr-v12-korean-regular.woff') format('woff'), /* Modern Browsers */
       url('https://hangame-images.toastoven.net/hangame/main2020/fonts/noto-sans-kr-v12-korean-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://hangame-images.toastoven.net/hangame/main2020/fonts/noto-sans-kr-v12-korean-regular.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}
/* noto-sans-kr-700 - korean */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 700;
  src: url('https://hangame-images.toastoven.net/hangame/main2020/fonts/noto-sans-kr-v12-korean-700.eot'); /* IE9 Compat Modes */
  src: local('Noto Sans KR Bold'), local('NotoSansKR-Bold'),
       url('https://hangame-images.toastoven.net/hangame/main2020/fonts/noto-sans-kr-v12-korean-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://hangame-images.toastoven.net/hangame/main2020/fonts/noto-sans-kr-v12-korean-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://hangame-images.toastoven.net/hangame/main2020/fonts/noto-sans-kr-v12-korean-700.woff') format('woff'), /* Modern Browsers */
       url('https://hangame-images.toastoven.net/hangame/main2020/fonts/noto-sans-kr-v12-korean-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://hangame-images.toastoven.net/hangame/main2020/fonts/noto-sans-kr-v12-korean-700.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}

/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button{margin:0;padding:0}
html{overflow:auto}/* Ç÷ÎÆà ¹è³Ê °ü·Ã ·¹À̾ƿô */
body{overflow:hidden;position:relative;min-width:1040px;background:#fff}/* Ç÷ÎÆà ¹è³Ê °ü·Ã ·¹À̾ƿô */
body,input,textarea,select,button,table{font-family:'Noto Sans KR','µ¸¿ò',Dotum,'Apple SD Gothic Neo',sans-serif;font-size:12px;color:#333}
fieldset,img,button{border:0 none;vertical-align:top}
table{border-collapse:collapse;border-spacing:0;table-layout:fixed}
address,caption{font-style:normal;font-weight:normal}
em{font-style:normal}
dl,ul,ol,li{list-style:none}
a{color:#000;text-decoration:none;*cursor:pointer}
button{overflow:visible;border:0;background:transparent;cursor:pointer;box-sizing:content-box}
button::-moz-focus-inner{padding:0;border:0}
input[type='text'],input[type='password']{border:0;background:transparent;vertical-align:top;outline:none}
input[type='checkbox'],input[type='radio']{border:none;-webkit-appearance:none;appearance:none;background:transparent;vertical-align:top}
input[type=text]::-ms-clear{display:none}
input{-webkit-appearance:none;appearance:none}
hr{display:none}
.blind,legend{overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:1px;line-height:100px;white-space:nowrap}
#skip{height:0}
#skip a{display:block;position:absolute;left:0;top:-100px;width:100%;height:25px;text-align:center}
#skip a:focus,#skip a:active{position:absolute;top:0;z-index:210;padding:10px 0;background:#fa6400;font-weight:bold;color:#fff;font-size:20px;text-decoration:none}
img{width:100%;height:auto}
.cont_dim{display:none;position:fixed;top:0;left:0;bottom:0;right:0;background:#000;opacity:0.4;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";z-index:200}
.mask{position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat;z-index:1}


/* layout */
.wrap{position:relative}
.header{position:absolute;top:0;left:0;right:0;width:100%;height:98px;z-index:100;zoom:1;background:url(https://hangame-images.toastoven.net/hangame/main2020/img/gnb/header_bg.png) repeat-x;transition:background-color .5s,color .5s;-webkit-transition:background-color .5s,color .5s}
.contents{position:relative;margin:0 auto;outline:0}

/*sp*/
.sp_gnb, .nhnconnect .nhnconnect_link:after{display:inline-block;*display:inline;zoom:1;overflow:hidden;font-size:0;line-height:0;background:url(https://hangame-images.toastoven.net/hangame/main2023/img/gnb/sp@2x.png) no-repeat;background-size:160px auto;background-image:url(https://hangame-images.toastoven.net/hangame/main2020/img/gnb/sp.png)\0/IE8;text-indent:-9999px;vertical-align:top}
.sp_gnb_btn{display:inline-block;*display:inline;zoom:1;overflow:hidden;font-size:0;line-height:0;background:url(https://hangame-images.toastoven.net/hangame/main2020/img/gnb/sp_btn@2x.png) no-repeat;background-size:120px auto;background-image:url(https://hangame-images.toastoven.net/hangame/main2020/img/gnb/sp_btn.png)\0/IE8;text-indent:-9999px;vertical-align:top}
.sp_old{display:inline-block;*display:inline;zoom:1;overflow:hidden;font-size:0;line-height:0;background:url(https://hangame-images.toastoven.net/hangame/main2020/img/pop/2019/sp.png) no-repeat;text-indent:-9999px;vertical-align:top}
.sp_gnb_old{display:inline-block;*display:inline;zoom:1;overflow:hidden;font-size:0;line-height:0;background:url(https://hangame-images.toastoven.net/hangame/main2020/img/gnb/2019/sp_x2.png) no-repeat;background-size:106px auto;background-image:url(https://hangame-images.toastoven.net/hangame/main2020/img/gnb/2019/sp.png)\0/IE8;text-indent:-9999px;vertical-align:top}
.sp_ico, .gzone .tit_game a{display:inline-block;*display:inline;zoom:1;overflow:hidden;font-size:0;line-height:0;background:url(https://hangame-images.toastoven.net/hangame/main2023/img/sp_ico@2x.png) no-repeat;background-size:105px auto;text-indent:-9999px;vertical-align:top}
.sp_btn{display:inline-block;*display:inline;zoom:1;overflow:hidden;font-size:0;line-height:0;background:url(https://hangame-images.toastoven.net/hangame/main2022/img/btn_sp@2x.png) no-repeat;background-size:122px auto;text-indent:-9999px;vertical-align:top}

/* XP ´ëÀÀ¿ë ie 9ÀÌÇÏÇÙ */
@media \0screen\,screen\9 {
  .sp_ico, .gzone .tit_game a{display:inline;zoom:1;overflow:hidden;background-image:url(https://hangame-images.toastoven.net/hangame/main2023/img/sp_ico.png);}
  .sp_btn{display:inline;zoom:1;background-image:url(https://hangame-images.toastoven.net/hangame/main2022/img/btn_sp.png);}
}

.header .logo .sp_gnb{width:154px;height:22px;background-position:0 -155px;}
.page_setting .btn .sp_gnb{position:absolute;top:0;display:inline-block;*display:inline;zoom:1;width:20px;height:20px}
.page_setting .btn.btn_set .sp_gnb{left:0;width:21px;height:21px;background-position:-66px -23px}
.page_setting .btn.btn_charge .sp_gnb{left:0;background-position:0 -22px}
.page_setting .btn.btn_link .sp_gnb.site{top:4px;left:15px;width:90px;height:12px;background-position:0 -79px;font-size:0;text-indent:-9999px;}
.page_setting .btn.btn_link .sp_gnb.link{right:0;background-position:-22px -22px}
.header .service_link .sp_gnb.hamberger{width:20px;height:20px;margin-top:3px;margin-right:10px;background-position:-44px -22px}
.header .service_link .item_link.gnb_gzone .sp_gnb{width:75px;height:27px;background-position:0 -126px;}
.header .sp_gnb_old.ico_user_close{position:relative;display:block;width:20px;height:20px;background-position:-82px 0}

.header .status_area .btn.btn_info .sp_gnb{width:16px;height:16px;margin-left:6px;background-position:-89px 0;vertical-align:middle}
.header .member_status .btn.btn_login .sp_gnb_btn{width:100px;height:44px;background-position:0 0}
.header .member_status .btn.btn_login:hover .sp_gnb_btn{background-position:0 -46px}
.media_section .sec_tit .sp_ico.bg_youtube{margin-right:6px;width:40px;height:40px;background-position:0 -670px;vertical-align:middle}
.btn.btn_prev .sp_ico{width:16px;height:16px;background-position:-89px -72px}
.btn.btn_next .sp_ico{width:16px;height:16px;background-position:-89px -90px}
.btn.btn_prev:hover .sp_ico{background-position:-89px -108px}
.btn.btn_next:hover .sp_ico{background-position:-89px -126px}
.btn.btn_prev.disabled .sp_ico{background-position:-89px -36px}
.btn.btn_next.disabled .sp_ico{background-position:-89px -54px}
.tab_area .btn.btn_prev .sp_ico{background-position:-42px 0}
.tab_area .btn.btn_next .sp_ico{background-position:-42px -18px}
.tab_area .btn.btn_prev:hover .sp_ico{background-position:-42px -36px}
.tab_area .btn.btn_next:hover .sp_ico{background-position:-42px -54px}
.tab_area .btn.btn_prev.disabled .sp_ico{background-position:-42px -72px}
.tab_area .btn.btn_next.disabled .sp_ico{background-position:-42px -90px}
.last .btn.btn_next .sp_ico{width:16px;height:16px;background-position:0 -566px}
.tag.hot .sp_ico{width:40px;height:22px;background-position:0 -428px}
.tag.new .sp_ico{width:40px;height:22px;background-position:0 -380px}
.tag.reco .sp_ico{width:40px;height:22px;background-position:0 -712px}
.tag.pre_order .sp_ico{width:60px;height:22px;background-position:0 -452px}
.tag.mygame .sp_ico{width:78px;height:22px;background-position:0 -1058px}
.btn_play.sp_ico{width:42px;height:42px;background-position:0 -584px}
.match .basketball .sp_ico.game_type{width:40px;height:40px;background-position:0 -42px}
.match .football .sp_ico.game_type{width:40px;height:40px;background-position:0 -628px}
.match .baseball .sp_ico.game_type{width:40px;height:40px;background-position:0 0}
.game_cate .btn_link.mobile_guide .sp_ico{width:76px;height:26px;background-position:0 -1082px}
.game_cate .btn_link.mobile_guide:hover .sp_ico{background-position:0 -1110px}
.game_cate .btn_link.streaming .sp_ico{width:76px;height:26px;background-position:0 -904px}
.game_cate .btn_link.streaming:hover .sp_ico{background-position:0 -932px}
.mobile_game .platform_item .btn_link.aos .sp_ico{width:22px;height:22px;background-position:0 -356px}
.mobile_game .platform_item .btn_link.onestore .sp_ico{width:22px;height:22px;background-position:0 -404px}
.mobile_game .platform_item .btn_link.ios .sp_ico{width:22px;height:22px;background-position:0 -264px}
.mobile_game .dnld_link .sp_ico.community{width:55px;height:22px;background-position:0 -128px}
.mobile_game .dnld_link .link:hover .sp_ico.community{width:55px;height:22px;background-position:-50px -264px}
.fl_menu .btn_clse .sp_ico{width:32px;height:32px;background-position:0 -288px}
.fl_menu .btn_clse.btn_w .sp_ico{background-position:0 -322px}
.sp_ico.chk{width:20px;height:20px;background-position:0 -106px}
label.checked .sp_ico.chk{width:20px;height:20px;background-position:0 -84px}
.user_set .pop_btn_clse .sp_ico{width:32px;height:32px;background-position:0 -288px}
.btn_game_play .sp_ico{width:88px;height:26px;background-position:0 -1002px}
.btn_game_play:hover .sp_ico{width:88px;height:26px;background-position:0 -1030px}
.game_cate .btn_game_play .sp_ico{width:88px;height:26px;background-position:0 -208px}
.game_cate  .btn_game_play:hover .sp_ico{width:88px;height:26px;background-position:0 -848px}
.header .btn_user_logout .sp_gnb_old{width:74px;height:30px;background-position:0 -110px}

.btn_box .btn_confirm .sp_btn{width:112px;height:46px;background-position:0 -332px}
.btn_box .btn_confirm:hover .sp_btn{background-position:0 -96px}
.btn_box .btn_confirm.disabled .sp_btn{background-position:0 0}
.btn_box .btn_cancel .sp_btn{width:112px;height:46px;background-position:0 -380px}
.btn_box .btn_cancel:hover .sp_btn{background-position: 0 -144px}
.btn_box .btn_cancel.disabled .sp_btn{background-position:0 -48px}
.mobile_game .btn_more .sp_btn{width:120px;height:42px;background-position:0 -240px}
.mobile_game .btn_more:hover .sp_btn{background-position:0 -284px}

.tag .sp_ico.tit_b{width:60px;height:22px;background-position:0 -960px}
.tag .sp_ico.tit_w{width:60px;height:22px;background-position:0 -1194px}
.tag .set_tag.set .sp_ico{width:22px;height:22px;background-position:-83px -1194px}
.tag .set_tag.bubble_box .sp_ico.noti{position:absolute;top:0;left:0;width:16px;height:16px;background-position:-18px -984px}
.tag .set_tag.bubble_box .sp_ico.noti:hover{background-position:0 -984px}
.pick_info .sp_ico.game_select{width:50px;height:50px;background-position:-55px -592px}
.my_pick .thmb_link:hover .sp_ico.game_select{background-position:-55px -644px}

.gzone .btn_all .sp_btn{width:120px;height:42px;background-position:0 -428px}
.gzone .btn_all:hover .sp_btn{background-position:0 -472px}

/*header */
.header.fixed{position:fixed}
.header .inner{position:relative;width:100%;min-width:1440px;height:98px;padding:11px 0 0;margin:0 auto;border-bottom:1px solid rgba(0,0,0,0);box-sizing:border-box;-webkit-transition:border .5s;transition:border .5s;box-sizing:border-box}
.header .logo{position:absolute;top:43px;left:40px;padding:11px 0;z-index:1}
.header .logo a{display:block;width:154px;height:22px;white-space:nowrap;display:block;overflow:hidden}
.header .sp_gnbot_banner{float:left;margin-left:30px}
.header .sp_gnbot_banner a{display:block}
.header .sp_gnbot_banner img{max-height:50px}
.header .service_link{position:relative;margin-top:12px;padding-left:230px;padding-bottom:10px}
.header .service_link .service_link_lst{font-size:0}
.header .service_link .service_link_lst .item_link{display:inline-block;*display:inline;zoom:1;padding:0 10px 0 21px;box-sizing:border-box;vertical-align:top}
.header .service_link .service_link_lst .item_link:first-child{padding-left:11px}
.header .service_link .service_link_lst .item_link>a{display:block;line-height:24px;padding:11px 0 18px;font-size:16px;color:#fff;font-weight:bold;box-sizing:border-box}
.header .service_link .service_link_lst .item_link.gnb_gzone>a{padding:10px 0 16px;}
.header .service_link .game_categories>a{font-size:14px;color:#fff;font-weight:700;white-space:nowrap}
.header .service_link_lst .sub_categories{display:none;position:absolute;top:55px;left:0;width:100%;height:60px;padding-left:242px;font-size:0;box-sizing:border-box;background: #fff}
.header .service_link_lst .sub_categories.on{display:block}
.header .service_link_lst .sub_categories li:first-child{margin-left:0}
.header .service_link_lst .sub_categories li{display:inline-block;*display:inline;zoom:1;margin-left:30px}
.header .service_link_lst .sub_categories li a{display:block;;padding:20px 0;color:#333;font-size:14px;font-weight:bold}
/* .header .member_status{position:absolute;top:43px;right:40px;width:400px;height:44px;z-index:1} */
/* .header .status_area{position:absolute;top:0;right:0;height:44px} */
.header .member_status{z-index:1;position:absolute;top:43px;right:40px;padding-left:110px;width:auto;max-width:400px;height:44px;text-align:right;}
.header .member_status * {vertical-align:top;}
.header .hangame_talk_wrap,
.header .status_area{display:inline-block;height:44px}
.header .status_area .btn{display:block;font-size:16px;color:#222;line-height:44px;}
.header .user_login{position:relative;padding:0 22px;box-sizing:border-box}
.header .user_login .bg_rgt{position:absolute;top:0;left:1px;width:22px;height:44px;background:url(https://hangame-images.toastoven.net/hangame/main2020/img/gnb/bg_box_rgt.png) no-repeat}
.header .user_login .bg_lft{position:absolute;top:0;right:1px;width:22px;height:44px;background:url(https://hangame-images.toastoven.net/hangame/main2020/img/gnb/bg_box_lft.png) no-repeat}
.header .login_box{height:44px;padding:9px 0 11px;font-size:0;background:url(https://hangame-images.toastoven.net/hangame/main2020/img/gnb/bg_bd.jpg) repeat-x;box-sizing:border-box}
.header .login_box .btn.btn_user{display:inline-block;*display:inline;zoom:1;font-size:16px;line-height:24px;color:#222;text-align:right;}
.header .login_box .btn.btn_user .user_name{display:inline-block;*display:inline;zoom:1;overflow:hidden;max-width:250px;margin-top:-4px;margin-right:6px;text-overflow:ellipsis;white-space:nowrap;font-weight:bold;vertical-align:middle}
.header .login_box .btn.btn_user .arr{display:inline-block;*display:inline;zoom:1;overflow:hidden;width:16px;height:16px;margin-top:-3px;margin-left:6px;font-size:0;line-height:0;background:url(https://hangame-images.toastoven.net/hangame/main2020/img/gnb/login-more@2x.png) no-repeat;background-size:16px auto;background-image:url(https://hangame-images.toastoven.net/hangame/main2020/img/gnb/login-more.png)\0/IE8;text-indent:-9999px;vertical-align:middle}
.header .login_box .btn.btn_msg{display:inline-block;*display:inline;zoom:1;margin-left:16px;font-size:16px;line-height:24px;color:#222}
.header .login_box .btn.btn_msg .count{display:inline-block;*display:inline;zoom:1;margin-left:2px;color:#fa0000;font-weight:normal}
.header .login_box .btn.btn_msg .count{display:inline-block;*display:inline;zoom:1;margin-left:2px;color:#fa0000;font-weight:normal}
.header .user_login.on .login_box .btn.btn_user, .header .user_login.on .login_box .btn.btn_user strong, .header .user_login.on .login_box .btn.btn_msg, .header .user_login.on .login_box .btn.btn_msg .count{color:#fff}
.header .user_login.on .bg_rgt{background-image:url(https://hangame-images.toastoven.net/hangame/main2020/img/gnb/bg_box_rgt_on.png)}
.header .user_login.on .bg_lft{background-image:url(https://hangame-images.toastoven.net/hangame/main2020/img/gnb/bg_box_lft_on.png)}
.header .user_login.on .login_box{background-image:url(https://hangame-images.toastoven.net/hangame/main2020/img/gnb/bg_bd_on.jpg);}
.header .user_login.on .login_box .arr{background-image:url(https://hangame-images.toastoven.net/hangame/main2020/img/gnb/btn-login-more-w@2x.png);background-image:url(https://hangame-images.toastoven.net/hangame/main2020/img/gnb/btn-login-more-w.png)\0/IE8;}

.header .user_info{position:absolute;top:55px;left:auto;right:0;z-index:10;width:260px;padding:25px 30px 26px;background:#fff;border:1px solid #ddd;box-sizing:border-box}
.header .member_status.charge_active .user_info.charge_area,.header .member_status.guide_active .user_info.guide_area{display:block}
.header .user_info.charge_area,.header .user_info.guide_area{display:none}
.header .user_info .top_user_info{overflow:hidden;height:30px}
.header .user_info .user_name{float:left;margin-top:3px;line-height:22px}
.header .user_info .user_name a{display:inline-block;*display:inline;zoom:1;max-width:106px;font-size:14px;color:#444;font-weight:700;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;vertical-align:top}
.header .user_info .user_name span{display:inline-block;*display:inline;zoom:1;font-size:13px;letter-spacing:-.2px;color:#777}
.header .btn_user_logout{float:right}
.header .detail_user_info{margin-top:9px;padding-top:9px;border-top:1px solid #ececec}
.header .detail_user_info ul{overflow:hidden}
.header .detail_user_info ul .item{position:relative;width:100%;height:30px;line-height:30px;padding-bottom:5px;text-align:left}
.header .detail_user_info .item.divide_half{float:left;width:85px}
.header .detail_user_info .item.sp_bar{padding-left:28px}
.header .detail_user_info .item_bar{position:absolute;top:10px;left:15px;width:1px;height:10px;background-color:#e1e1e1}
.header .detail_user_info .item_tit{border:0;font-size:13px;color:#444;line-height:30px}
.header .detail_user_info .item p{position:absolute;top:-1px;right:0;text-align:right;line-height:31px}
.header .detail_user_info .item p .item_value{margin-right:2px;font-weight:700;font-size:14px;line-height:31px}
.header .detail_user_info .item p .item_value.txt_hl{color:#fa2828}
.header .detail_user_info .item p span{color:#777;font-size:13px;letter-spacing:-.2px;line-height:31px}
.header .user_info_buttons{overflow:hidden;margin-top:7px}
.header .user_info_buttons .user_charge,.header .user_info_buttons .user_more{display:block;float:left;width:95px;height:30px;background:#96999f;font-size:13px;color:#fff;line-height:30px;text-align:center}
.header .user_info_buttons .user_charge{float:right;background:#fa1414;font-weight:700}

/*! popup USER ALERT */
/*! popup USER ALERT */
.header .user_msg{position:relative;z-index:20;border:1px solid #969696;background-color:#fff;text-align:center;margin-top:9px}
.header .user_msg_content p{font-size:12px;color:#777;padding:20px 0 19px 0;line-height:18px}
.header .user_msg em{font-size:12px;color:#888}
.header .user_select_area{overflow:hidden;border-top:1px solid #dcdcdc;background-color:#f0f0f0;zoom:1}
.header .user_select_item{float:left;width:98px;height:39px;border-left:1px solid #dcdcdc;font-weight:700;font-size:12px;color:#444;line-height:41px;box-sizing:border-box}
.header .user_select_item:first-child{width:98px;border-left:0}
.header .btn_user_close{position:absolute;top:0;right:0}
.header .user_info .item_value:focus,.header .user_info .item_value:hover,.header .user_info .user_name a:focus,.header .user_info .user_name a:hover{text-decoration:underline}

.page_setting{position:relative;height:20px}
.page_setting .btn{position:absolute;display:inline-block;*display:inline;zoom:1;font-size:14px;line-height:20px;color:#fff;vertical-align:middle;box-sizing:border-box}
.page_setting .btn .sp_gnb{position:absolute;top:0;display:inline-block;*display:inline;zoom:1;width:20px;height:20px}
.page_setting .btn.btn_set{top:0;left:40px;padding-left:31px}
.page_setting .btn.btn_charge{top:0;right:191px;padding-left:30px}
.page_setting .btn.btn_link{top:0;right:40px;width:135px;height:20px}
.page_setting .btn.btn_link:after{position:absolute;top:5px;left:0;width:1px;height:10px;background:#fff;content:''}

#nav_service{display:none}
.service.is_show #nav_service{display:block}

/* hover hover */
.header:hover{background:#fff;background-image:none}
.header:hover .inner{border-bottom:1px solid #dddddd\0/IE8;border-color:rgba(0,0,0,0.1)}
.header:hover .page_setting .btn{color:#333}
.header:hover .page_setting .btn.btn_set .sp_gnb{background-position:-66px 0}
.header:hover .page_setting .btn.btn_charge .sp_gnb{background-position:0 0}
.header:hover .page_setting .btn.btn_charge:hover .sp_gnb{background-position:0 -44px}
.header:hover .page_setting .btn.btn_link .sp_gnb.site{background-position:0 -66px}
.header:hover .page_setting .btn.btn_link .sp_gnb.link{background-position:-22px 0}
.header:hover .page_setting .btn.btn_link:hover .sp_gnb.link{background-position:-22px -44px}
.header:hover .page_setting .btn.btn_link:after{background-color:#c2c2c2}
.header:hover .service_link .service_link_lst .item_link>a{color:#333}
.header:hover .service_link_lst .service_menu .sp_gnb.hamberger{background-position:-44px 0}
.header:hover .service_link .service_link_lst .item_link.gnb_gzone .sp_gnb{background-position:-80px -126px;}

/* ½ºÅ©·Ñ ½Ã */
.header.scroll_on{background:#fff;background-image:none}
.header.scroll_on .inner{border-bottom:1px solid #dddddd\0/IE8;border-color:rgba(0,0,0,0.1)}
.header.scroll_on .page_setting .btn{color:#333}
.header.scroll_on .page_setting .btn.btn_set .sp_gnb{background-position:-66px 0}
.header.scroll_on .page_setting .btn.btn_charge .sp_gnb{background-position:0 0}
.header.scroll_on .page_setting .btn.btn_link .sp_gnb.site{background-position:0 -66px}
.header.scroll_on .page_setting .btn.btn_link .sp_gnb.link{background-position:-22px 0}
.header.scroll_on .page_setting .btn.btn_link:after{background-color:#c2c2c2}
.header.scroll_on .service_link .service_link_lst .item_link>a{color:#333}
.header.scroll_on .service_link_lst .service_menu .sp_gnb.hamberger{background-position:-44px 0}
.header.scroll_on .service_link .service_link_lst .item_link>.service_menu:hover{color:#fa6e00}
.header.scroll_on .service_link .service_link_lst .item_link.gnb_gzone .sp_gnb{background-position:-80px -126px}

/* item_link hover */
.header .service_link .service_link_lst .item_link>.service_menu:hover{color:#fa6e00}
.header .service_link_lst .service_menu:hover .sp_gnb.hamberger{background-position:-44px -44px}
.header .service_link_lst .item_link:hover>a{position:relative}
.header .service_link_lst .item_link:hover>a:after{position:absolute;left:0;bottom:-2px;width:100%;height:2px;background:#333;content:'';z-index:1}
.header .service_link_lst .item_link:hover .sub_categories{display:block}
.header .service_link_lst .sub_categories:hover>a{color:#fa6e00}
.header .service_link_lst .sub_categories:hover>a:after{background:none}
.header .service_link_lst .sub_categories li:hover a{color:#fa6e00}
.header .service_link_lst .item_link:hover.service>a:after{background:none}

.header .item_link .dot{display:inline-block;*display:inline;zoom:1;width:2px;height:2px;margin:-3px 3px 0;background:url(https://hangame-images.toastoven.net/hangame/main2020/img/gnb/dot_w.png) no-repeat;vertical-align:middle}
.header.scroll_on .item_link .dot{background-image:url(https://hangame-images.toastoven.net/hangame/main2020/img/gnb/dot_b.png)}

/* rebranding_gnb */
.service_link_lst.rebranding_gnb .item_link .sub_categories li{position: relative;}
.service_link_lst.rebranding_gnb .item_link .sub_categories li:first-child:before {content:'';overflow: hidden; position: absolute; bottom:-6px; background: url('https://hangame-images.toastoven.net/hangame/main2022/img/gnb/img_rebranding_model@2x.png') no-repeat;background-size: 90px auto;}
@media \0screen\,screen\9 {
  .service_link_lst.rebranding_gnb .item_link .sub_categories li:first-child:before {background: url('https://hangame-images.toastoven.net/hangame/main2022/img/gnb/img_rebranding_model.png') no-repeat}
}
.service_link_lst.rebranding_gnb .item_link.gnb_poker .sub_categories li:first-child:before{left:-90px;bottom:-7px; width:90px;height:72px;background-position: 0 0;}
.service_link_lst.rebranding_gnb .item_link.gnb_gostop .sub_categories li:first-child:before{left:-87px;width:87px;height:72px;background-position: 0 -76px;}
.service_link_lst.rebranding_gnb .item_link.gnb_board .sub_categories li:first-child:before{left:-82px;width:80px;height:75px;background-position: 0 -153px;}

.promotion{overflow:hidden;position:relative;margin:0 auto}
.promotion:after{position:absolute;bottom:-270px;left:0;width:100%;height:270px;background:#eeeff6;content:'';z-index:-1}
.mainstream{position:relative;height:100%}
.mainstream .slide{width:100%;height:100%;}
.mainstream .main_bg{position:absolute;top:0;left:0;width:100%;max-height:950px;background-repeat:repeat-x}

.main_bg .img_wrap{display:block;max-width:1920px;margin:0 auto}
.link_banner{position:absolute;top:0;left:50%;width:1280px;height:671px;margin-left:-639px;z-index:1}

.banner_video{position:absolute;top:248px;top:26.375%;left:50%;width:490px;max-width:25.52%;margin-left:150px;z-index:10}

.banner_video .video_item{overflow:hidden;display:block;position:relative;height:100%}
.banner_video .video_item:after{position:absolute;top:0;left:0;width:100%;height:100%;background:url(https://hangame-images.toastoven.net/hangame/main2020/img/banner_video_bg.png) repeat;content:''}
.banner_video .video_item:hover:after{background-image:none}
.banner_video .sp_ico.play{position:absolute;top:50%;left:50%;width:70px;height:70px;margin:-35px;background-position:-35px -476px;z-index:1}
.tab_wrap{position:absolute;bottom:225px;left:0;width:100%;overflow:hidden;z-index:1}
.tab_area{overflow:hidden;position:relative;width:66.66%;width:1280px;height:54px;margin:0 auto;padding:0 40px;box-sizing:border-box}
.tab_area .btn{position:absolute;display:inline-block;*display:inline;zoom:1;width:16px;height:16px;box-sizing:border-box;z-index:1}

.tab_area .btn.btn_prev{top:0;left:0;width:40px;height:54px;padding:19px 0 19px 15px;background:url(https://hangame-images.toastoven.net/hangame/main2020/img/tab_left_bg.png) no-repeat}
.tab_area .btn.btn_next{top:0;right:0;width:40px;height:54px;padding:19px 15px 19px 10px;background:url(https://hangame-images.toastoven.net/hangame/main2020/img/tab_right_bg.png) no-repeat}

.tab_area .paging_wrap{overflow:hidden;position:relative;width:100%;height:100%;background:url(https://hangame-images.toastoven.net/hangame/main2020/img/tab_wrap_bg.png) repeat}
.tab_area .paging{position:absolute;top:0;left:0;width:1350px;height:54px}

.paging li{position:relative;float:left;width:270px}
.paging li.selected .thmb_tit, .paging li:hover .thmb_tit{font-weight:bold;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1;}
.paging .promotion_link{display:block;position:relative;padding:17px 0 17px 47px;color:#fff;line-height:20px;font-size:14px;box-sizing:border-box}
.paging .promotion_thmb{position:absolute;top:11px;left:0;width:32px;height:32px}

.paging .thmb_tit{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);opacity: .5}
.promotion .box_gradient{position:absolute;bottom:0;left:0;width:100%;height:150px;background:url(https://hangame-images.toastoven.net/hangame/main2020/img/promotion_bottom_bg.png) repeat-x}
/*.main_bg img{height:100%} */

.media_section{overflow:hidden;position:absolute;top:98px;right:0;text-align:right}
.media_section .media_wrap{display:inline-block;*display:inline;zoom:1;width:420px;height:612px;padding:23px 37px 0;background:url(https://hangame-images.toastoven.net/hangame/main2020/img/video-bg.png) no-repeat;box-sizing:border-box}

.media_section .scroll_box{overflow:hidden;height:536px}
.sec_tit{margin-bottom:22px;font-size:16px;color:#fff;text-align:left}
.view_group{overflow-y:auto;height:100%}
.view_group .view_lst .lst_item{margin-top:15px}
.view_group .view_lst .lst_item:first-child{margin-top:0}
.view_group .media_area{display:block;position:relative;width:346px;height:200px}
.media_area .media_info{position:absolute;bottom:0;left:0;width:100%;height:90px;padding:22px 19px 21px 77px;text-align:left;box-sizing:border-box;background:url(https://hangame-images.toastoven.net/hangame/main2020/img/video_bottom.png) no-repeat}
.media_info .tit{display:block;color:#fff;font-size:16px;line-height:24px}
.media_info .dsc{overflow:hidden;color:#fff;font-size:14px;line-height:20px;white-space:nowrap;text-overflow:ellipsis}
.media_area .btn_play{position:absolute;bottom:23px;left:20px;width:42px;height:42px}
.media_area .blur{display:block;position:absolute;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);opacity: .8;}
.view_group .media_area .thmb_dim{display:block;position:absolute;top:0;left:0;width:346px;height:100%;background:url(https://hangame-images.toastoven.net/hangame/main2020/img/video_hover.png) no-repeat;}
.view_group .lst_item:hover .thmb_dim{display:block}
.view_group .lst_item:first-child .thmb_dim, .view_group .lst_item:first-child + .lst_item .thmb_dim{display:none}
.view_group .lst_item:first-child:hover .thmb_dim, .view_group .lst_item:first-child + .lst_item:hover .thmb_dim{display:block}

/*section common*/
.section{width:1280px;margin:0 auto}
.thmb_link{display:block;position:relative;height:100%}
.tit_area{overflow:hidden}
.tit_game{font-size:24px;color:#333;line-height:36px;font-weight:bold}
.tit_game.is_w{color:#fff}
.game_name{display:block}
.btn{display:block}

.card_thmb .thmb_img{overflow:hidden}
.card_thmb .thmb_img img{-webkit-transform:scale(1);transform:scale(1);-webkit-filter:grayscale(0);filter:grayscale(0);-webkit-transition: -webkit-filter .45s cubic-bezier(0,0,0,1),-webkit-transform .45s cubic-bezier(0,0,0,1);transition: -webkit-filter .45s cubic-bezier(0,0,0,1),-webkit-transform .45s cubic-bezier(0,0,0,1);transition: filter .54s cubic-bezier(0,0,0,1),transform .45s cubic-bezier(0,0,0,1);transition: filter .45s cubic-bezier(0,0,0,1),transform .45s cubic-bezier(0,0,0,1),-webkit-filter .45s cubic-bezier(0,0,0,1),-webkit-transform .45s cubic-bezier(0,0,0,1)}
.card_thmb a:hover .thmb_img img{-webkit-transform:scale(1.129);-ms-transform:scale(1.129);transform:scale(1.129)}

/* IE9 only */
@media screen and (min-width:0) and (min-resolution: .001dpcm) {
  .card_thmb .thmb_img img{transform:none\0/IE9;-ms-transition:transform .45s\0/IE9;transition:transform .45s\0/IE9}
  .card_thmb a:hover .thmb_img img{-ms-transform:scale(1.29)\0/IE9;transform:scale(1.29)\0/IE9}
  .recommand .lst_item{-webkit-transition:all 0.2s ease\0/IE9;-o-transition:all 0.25s ease-in-out\0/IE9;transition:all 0.25s ease-in-out\0/IE9}
  .recommand .lst_item:hover{-webkit-transition:all 0.2s ease\0/IE9;-o-transition:all 0.25s ease-in-out\0/IE9;transition:all 0.25s ease-in-out\0/IE9}
  .header{transition:background-color .5s,color .5s,border .5s\0/IE9;-webkit-transition:background-color .5s,color .5s,border .5s\0/IE9}
}

/* IE8 only */
@media \0screen{
  .card_thmb a:hover .thmb_img img{position:relative;top:-8px;left:-8px;width:108%;height:108%;max-width:none}
  .card_thmb a:hover .thmb_img img{-ms-transform:scale(1.29);transform:scale(1.29)}
}

/*recommand*/
.recommand{position:relative;margin-top:-195px;z-index:1}
.recommand .game_lst{font-size:0}
.recommand .lst_item:first-child{margin-left:0}

.recommand .lst_item{display:inline-block;*display:inline;zoom:1;position:relative;width:230px;height:312px;margin-left:32px;font-size:14px;vertical-align:top;-webkit-transition:all 0.25s ease-in-out;-o-transition:all 0.25s ease-in-out;transition:all 0.25s ease-in-out}
.recommand .lst_item:hover{margin-top:-15px;-webkit-transition:all 0.25s ease-in-out;-o-transition:all 0.25s ease-in-out;transition:all 0.25s ease-in-out}
.recommand .lst_item.type_multi_line .btn_game_play{top:136px}

.recommand .thmb_link .tag{position:absolute;top:30px;left:30px;z-index:1}
.recommand .thmb_link .thmb_img{position:absolute;top:-10px;left:-25px;width:280px;height:348px;z-index:-1}
.recommand .thmb_cont{position:absolute;top:66px;left:30px;width:158px}
.recommand .tit_area{overflow:hidden;max-height:60px}
.recommand .tit_area .game_name{font-size:24px;color:#fff;line-height:30px;font-weight:bold}
.recommand .thmb_cont .keyword{overflow:hidden;height:22px;margin-top:10px;font-size:14px;color:#fff;line-height:22px}
.recommand .lst_item .btn_game_play{position:absolute;top:104px;left:31px}
.recommand.user_login .game_wrap{margin-top:-15px}

.recommand .my_pick.game_fix:hover{margin-top:0}
.my_pick .set_tag{display:inline-block;position:relative}
.my_pick .set_tag.set{position:absolute;top:0;right:-110px;width:22px;height:22px}
.my_pick .set_tag.bubble_box{width:16px;height:16px;margin-top:2px}
.bubble_box .dsc{display:none;position:absolute;bottom:16px;left:3px;width:188px;height:101px;padding:14px 20px 27px;font-size:13px;text-align:center;color:#222;line-height:19px;background:url(https://hangame-images.toastoven.net/hangame/main2020/img/noti_box_bg.png) no-repeat;box-sizing:border-box}
.bubble_box:hover .dsc{display:block}
.my_pick .pick_info{position:absolute;top:93px;left:0;width:100%;padding:0 43px;text-align:center;box-sizing:border-box}
.my_pick:hover{margin-top:0}
.pick_info .info_txt{height:40px;margin-top:19px;color:#777;text-align:center;line-height:20px}
.my_pick .thmb_link:hover .info_txt{color:#222}

/*poker, gostop, board*/
.game_cate{position:relative;margin-top:60px;}
.game_cate .game_wrap{margin-top:18px;height:270px;font-size:0}
.game_cate .event_thmb{display:inline-block;*display:inline;zoom:1;width:32.8%;vertical-align:top}
.game_cate .game_slide_wrap{overflow:hidden;display:inline-block;*display:inline;zoom:1;position:relative;width:67.2%;height:100%}
.game_cate .game_slide_wrap .game_lst{overflow:hidden;position:absolute;top:0;left:0;width:100%;height:100%;font-size:14px}
.game_cate .game_slide_wrap .game_lst li{float:left;width:23.8%;height:100%;margin-left:1.2%}
.game_cate .btn_nav{position:absolute;top:20px;right:-2px}
.game_cate .btn_nav .btn{display:inline-block;*display:inline;zoom:1;width:16px;height:16px; margin-left:25px}

.game_cate .card_thmb{position:relative}
.game_cate .tag{position:absolute;top:20px;left:20px;height:22px;z-index:1}
.game_cate .thmb_cont{position:absolute;top:191px;left:0;width:100%;padding-left:20px;box-sizing:border-box}

.game_cate .game_name{height:27px;font-size:18px;color:#fff;line-height:27px;font-weight:bold}
.game_cate .keyword{font-size:14px;color:#fff;line-height:20px}

.game_cate .card_thmb.has_btn .thmb_cont{bottom:53px}
.game_cate .btn_link{position:absolute;bottom:20px;left:20px}
.game_cate .card_thmb .btn_game_play{position:absolute;top:224px;left:20px}

/*match
.match{overflow:hidden;position:relative;width:100%;height:470px;margin-top:80px;background-size:cover;background-repeat:no-repeat;background-image:url(https://hangame-images.toastoven.net/hangame/main2020/img/temp/match_bg.png)\0/IE8;}
.match .link , .match .lst_link{display:block}
.match .img_area{position:absolute;top:0;left:0;width:100%;z-index:-1}
.match .cont_wrap{width:1280px;margin:0 auto;padding-top:70px;box-sizing:border-box}
.match .game_wrap{overflow:hidden;margin-top:24px;}
.match .board{position:relative;float:left;width:420px;height:270px;margin-left:10px;background:#fff}
.match .board.event_thmb{margin-left:0}
.match .tit_area{overflow:hidden;position:relative;height:40px;padding:10px 40px 10px 20px;background:#f4f4f4;box-sizing:border-box}
.match .tit_area .board_tit{font-size:14px;line-height:20px;color:#122b4f;font-weight:bold}
.match .tit_area .link{position:absolute;top:0;right:8px;width:16px;height:16px;padding:12px}
.match .tit_area .sp_ico.more{width:16px;height:16px;background-position:0 -566px}
.match .lst_item{position:relative;border-top:1px solid #ddd;box-sizing:border-box}
.match .lst_item:first-child{border-top:0}
.match .lst_item .sp_ico.game_type{position:absolute;top:18px;left:20px}
.match .game_info{overflow:hidden}
.match .game_info dd{float:left;}
.match .cate_name{font-size:16px;line-height:24px;color:#333;font-weight:bold}
.match .game_time{margin-left:8px;font-size:14px;line-height:24px;color:#999}
.match .team_info{margin-top:8px;font-size:14px;color:#333;line-height:20px}
.match .team_info .sp_ico.t_home{width:15px;height:15px;margin-top:3px;margin-right:5px;background-position:-90px -288px}
.match .team_info .sp_ico.t_away{width:15px;height:15px;margin-top:3px;margin-right:5px;background-position:-90px -305px}
.match .team_info ul{overflow:hidden}
.match .team_info li{float:left;margin-left:20px}
.match .team_info li:first-child{margin-left:0}
.match .matching_lst_wrap{padding:13px 0;box-sizing:border-box}
.match .matching_lst{background:#fff}
.match .matching_lst .lst_item{border-top:none}
.match .matching_box{display:table}
.match .matching_box .user_name{display:table-cell;overflow:hidden;width:124px;padding-right:107px;font-size:16px;line-height:24px;color:#333;font-weight:bold;white-space:nowrap}
.match .matching_box .coin{display:table-cell;width:50px;padding-right:23px;font-size:14px;line-height:24px;color:#999}
.match .matching_box .rate{display:table-cell;width:74px;height:25px;margin-left:21px;font-size:14px;line-height:25px;color:#fff;font-weight:bold;text-align:center;background:#53a0ef;}
.match .hot_league .lst_link{padding:12px 20px 12px 80px}
.match .realtime_score .lst_link{padding:13px 0 13px 27px}
.match .board .has_not_data{position:absolute;top:0;left:0;width:100%;height:100%}
.match .tit_area:hover{background:#eee}
.match .hot_league .lst_item:hover{background:#f7fcff}
*/
/*gzone*/
.gzone{height:412px;margin-top:66px}
.gzone .tit_game a{color:#333;width:90px;height:32px;margin-top:6px;background-position:0 -1270px}
.gzone .card_thmb{position:relative}
.gzone .thmb_cont{position:absolute;top:auto;bottom:48px;left:0;width:100%;padding-left:20px;box-sizing:border-box;z-index:1}
.gzone .thmb_cont .tit_area{position:relative;}
.gzone .tag{left:22px}
.gzone .game_name{height:27px;font-size:18px;color:#fff;line-height:27px;font-weight:bold}
.gzone .keyword{margin-top:4px;font-size:14px;color:#fff;line-height:20px}
.gzone .btn_all{width:120px;height:42px;margin:40px auto 0}

.gzone .thmb_link:after{position:absolute;bottom:0;left:0;width:100%;height:100%;background:url(https://hangame-images.toastoven.net/hangame/main2020/img/gzone.png) no-repeat;content:'';}
.gzone .event_thmb.hide + .game_slide_wrap{width:100%}
.gzone .game_lst.list_up .card_thmb{width:auto;margin-left:0.78%}
.gzone .game_lst.list_up .card_thmb:first-child{margin-left:0}

/*middle banner*/
.section.banner{width:100%;margin-top:80px;text-align:center;background-color:#fff}
.section.banner .link{display:block;max-width:1920px;max-height:230px;margin:0 auto}
.section.banner .link img{display:block}

/*mobile game*/
.mobile_game{margin-top:75px;}
.mobile_game .game_wrap{overflow:hidden;width:100%;}
.mobile_game .game_lst .card_thmb{position:relative;float:left;width:33.3333%;height:120px;margin-top:40px;font-size:0;}
.mobile_game .thmb_img{overflow:hidden;position:absolute;top:0;left:0;width:120px;height:120px;vertical-align:top; background: tomato;}
.mobile_game .thmb_cont{padding:14px 20px 15px 140px}
.mobile_game .thmb_cont>a{display:block}
.mobile_game .tit_thmb{overflow:hidden;display:block;font-size:18px;line-height:30px;color:#222;font-weight:bold;text-overflow:ellipsis;white-space:nowrap}
.mobile_game .keyword{font-size:14px;line-height:30px;color:#777}
.mobile_game .dnld_link{overflow:hidden;height:22px;margin-top:12px}
.mobile_game .dnld_link .link{display:block;float:left;width:55px;height:22px;margin-right:15px}
.mobile_game .platform_item{font-size:0}
.mobile_game .platform_item .btn_link{display:inline-block;*display:inline;zoom:1;width:22px;height:22px;margin-left:10px}
.mobile_game .platform_item .btn_link:first-of-type{margin-left:0;}
.mobile_game .btn_more{display:block;width:120px;height:42px;margin:40px auto 0;}
.mobile_game .btn_more.hidden{display:none}
.mobile_game .btn_more .sp_btn{position:relative;width:120px;height:42px;background-position:0 -240px}
.mobile_game .btn_more:hover .sp_btn{background-position:0 -284px}
.mobile_game button, button:focus, button:active{padding:0}

/*notice*/
.notice{overflow:hidden;width:1280px;margin:100px auto 0;padding:30px 0;box-sizing:border-box}
.notice .tit{float:left;font-size:18px;color:#333;line-height:27px;font-weight:bold}
.notice .slide_noti{margin-left:103px}
.notice .link{display:block}
.notice .link .date{margin-left:7px;color:#777}
.notice .noti_table{display:table}
.notice .noti_table dd{display:table-cell}
.notice .noti_table .h_txt{font-size:16px;color:#333;line-height:24px}
.notice .noti_table .date{padding-left:7px;font-size:16px;color:#777;line-height:24px}
.notice a:hover .noti_table{position:relative}
.notice a:hover .noti_table:after{position:absolute;bottom:3px;left:0;width:100%;height:1px;background:#333;content:''}

/*float menu*/
.fl_menu{position:fixed;bottom:12px;right:8px;width:440px;height:140px;z-index:100;background:url(https://hangame-images.toastoven.net/hangame/main2020/img/fl_banner_bg.png) no-repeat}
.fl_menu a{display:block;width:400px;height:100px;margin:18px auto 22px}
.fl_menu .btn_clse{position:absolute;top:50%;right:30px;margin-top:-18px}

/*top button*/
.btn_top{display:block;position:fixed;bottom:40px;right:30px;width:70px;height:70px;z-index:100;background:url(https://hangame-images.toastoven.net/hangame/main2020/img/go-top@2x.png) no-repeat;background-size:70px auto;background-image:url(https://hangame-images.toastoven.net/hangame/main2020/img/go-top.png)\0/IE8}


/* footer */
.bar{display:inline-block;*display:inline;zoom:1;width:1px;height:8px;background:#ccc;vertical-align:middle}
.footer .inner{position:relative;max-width:1280px;height:100%;margin:0 auto;zoom:1}
.footer .inner:after{display:block;clear:both;content:''}

/* footer - ¼­ºñ½º ¹Ù·Î°¡±â */
.service_section{position:relative;border-top:1px solid #eeeff0;background:#fff}
.service_section .inner{padding:22px 0 23px}
.service_tit{float:left;width:87px;height:14px;background-position:-92px -51px}
.service_lst{float:left}
.service_lst .bar{margin:0 19px 0 23px}
.service_item{position:relative;float:left}
.service_link{color:#333;line-height:14px}
.service_link .ico_mobile{position:absolute;right:-31px;top:-6px}
.service_more_link{float:right;margin-right:2px;font-size:14px;color:#333;letter-spacing:-1px;line-height:14px;text-decoration:none}
.service_more_link strong{font-weight:bold;text-decoration:none}
.service_more_link .sp_gnb{width:16px;height:16px;margin-left:10px;background-position:-107px 0}

/* footer - Á¤º¸ */
.info_section{border-top:1px solid #eeeff0;background:#fff}
.info_section .inner{position:relative;padding:26px 0 59px}
.info_area{padding:0 0 0 122px}
.nhnent_link .sp_gnb{position:absolute;top:26px;left:0;width:78px;height:19px;background-position:0 -105px}
.logo_nhn{width:91px;height:26px;background-position:0 -32px}
.policy_lst{zoom:1}

.policy_lst:after{display:block;clear:both;content:''}
.policy_item{float:left}
.policy_item .bar{margin:-2px 12px 0 14px}
.policy_link{height:20px;padding:4px 0;color:#777}
.nhnconnect{position:absolute;top:26px;right:0}
.nhnconnect .sp_gnb{width:90px;height:12px;background-position:0 -92px;vertical-align:middle}
.nhnconnect .nhnconnect_link{height:20px;padding:4px 0}
.nhnconnect .nhnconnect_link:after{width:20px;height:20px;margin-left:10px;background-position:-22px -44px;content:''}

/* °³ÀÎÁ¤º¸Ãë±Þ¹æħ */
.notice_dsc{margin-top:21px;color:#909090;line-height:18px}
.info_lst{margin-top:13px;line-height:18px}
.info_txt{color:#b4b4b4;line-height:16px}
.info_txt_bar{display:inline-block;*display:inline;zoom:1;width:1px;height:8px;background:#b4b4b4;vertical-align:middle;margin:-2px 10px 0}

.info_txt:first-child{margin-left:0}
.mail_link,.license_link{color:#b4b4b4}
.ico_more{width:3px;height:5px;margin:6px 0 0 5px;background-position:-127px -84px}
.copyright{color:#b4b4b4;font-family:'arial','verdana',dotum,sans-serif;margin-top:17px;font-size:12px}
.copyright_link{color:#b4b4b4}

/* ȸ¿ø°³¹ßÆÀ ·Î±×ÀÎ ¿µ¿ª */
.ly_lgtxt_capslock{position:absolute;left:23px;top:153px;width:216px;height:31px;z-index:100;overflow:hidden}
.ly_lgtxt_capslock img{width:100%;height:31px;background:url(https://hangame-images.toastoven.net/hangame/main2020/img/ly_txt_capslock2.gif) 0 0 no-repeat}

/* payco login bubble */
.ico_payco_bubble{width:216px;height:33px;margin-bottom:2px;text-align:center;letter-spacing:-0.05em;line-height:27px;background-image:url(https://hangame-images.toastoven.net/hangame/main2020/img/img_payco_bubble_201804.png)}
.ico_payco_bubble+.login_payco_link{margin-top:2px}

/* ·¹À̾î Æ˾÷ °øÅë */
.fl{float:left}
.evt_pop_wrap{position:absolute;left:0;top:0;font-size:0;width:100%;text-align:center;white-space:nowrap;z-index:300}
.evt_pop_cont{position:relative;display:inline-block;*display:inline;width:819px;height:598px;vertical-align:middle;white-space:normal;zoom:1}
.pop_btn_clse{position:absolute;right:57px;top:41px}
.pop_btn_clse .sp_old{width:22px;height:22px;background-position:-56px -175px}
.align{display:inline-block;*display:inline;zoom:1;height:100%;min-height:950px;vertical-align:middle}

.evt_pop_cont .btn_box{margin-top:30px;text-align:center}
.btn_box .btn_cancel{margin-left:10px}
.user_set{position:relative;background:#fff;box-sizing:border-box;text-align:left}
.pop_tit{font-size:24px;line-height:36px;color:#333}
.pop_dsc{margin-top:10px;font-size:14px;line-height:20px;color:#333}
.user_set .select_area{overflow:hidden;position:relative;margin-top:30px;height:256px;border-top:1px solid #222;border-bottom:1px solid #222;box-sizing:border-box}
.user_set .select_area:after{position:absolute;top:0;right:0;width:1px;height:100%;background:#fff;content:'';}
.select_area .page_item{float:left;position:relative;width:295px;height:51px;padding:15px 30px 15px 10px;border-bottom:1px solid #f4f4f4;text-align:left;box-sizing:border-box;}
.select_area .page_item:after{position:absolute;top:0;right:0;width:1px;height:100%;background:#f4f4f4;content:'';}
.page_item .page_name{font-size:14px;line-height:20px;color:#333;font-weight:bold}
.page_item .chk_inp{position:absolute;top:0;left:-999px;width:1px;height:1px}
.game_cate_tit{margin-bottom:10px;font-size:16px;color:#444;line-height:24px;font-weight:bold}

/* ù È­¸é ¼³Á¤ ·¹À̾î Æ˾÷ */
.evt_pop_cont.select_main{width:690px;height:516px;padding:48px 50px 40px}
.select_main .page_item .chk{position:absolute;top:15px;right:20px}
.select_main .pop_btn_clse{position:absolute;top:13px;right:15px}

/*ä³Î ÇÑ°ÔÀÓ Æ˾÷*/
.evt_pop_cont.ch_hangame{width:1080px;height:920px;padding:50px;background:#fff}
.ch_hangame .media_box{margin-top:20px;background:#ddd}
.ch_hangame .quick_menu{position:relative;margin-top:30px}
.quick_menu .sub_tit{font-size:18px;line-height:27px;font-weight:bold}
.quick_menu .btn_nav{position:absolute;top:8px;right:0}
.quick_menu .btn_nav .btn{display:inline-block;*display:inline;zoom:1;width:16px;height:16px; margin-left:25px}
.quick_menu .thmb_cont{display:block;width:150px;text-align:center}

.quick_menu .thmb_img img{max-width:100px}
.quick_menu .ch_name{overflow:hidden;display:block;margin-top:12px;font-size:14px;line-height:20px;color:#333;font-weight:normal;text-overflow:ellipsis;white-space:nowrap}
.quick_menu .slide_wrap{overflow:hidden;position:relative;height:157px}
.quick_menu .slide_wrap ul{position:absolute;top:0;left:0;width:2000px;margin-top:25px}
.quick_menu .slide_wrap li:first-child{margin-left:0}
.quick_menu .slide_wrap li{float:left;margin-left:16px}
.ch_hangame .pop_btn_clse{top:15px;right:15px}
.quick_menu .slide_wrap li:hover .ch_name{color:#fa6e00}

/* my pick ¼³Á¤ ·¹À̾î Æ˾÷ */
.evt_pop_cont.my_pick_set{width:1080px;height:auto;padding:50px 50px 40px;background:#fff}
.my_pick_set .select_area{height:auto;max-height:635px;padding:15px 5px 20px}
.my_pick_set .page_item{overflow:hidden;float:none;width:150px;height:20px;margin-top:10px;padding:0 0 0 30px;border-bottom:none;text-overflow:ellipsis;white-space:nowrap}
.my_pick_set .page_item:after{background:none}
.my_pick_set .page_item .chk{position:absolute;top:0;left:0}
.my_pick_set .rgt{float:left;position:relative;width:485px;height:100%}
.my_pick_set .page_item .page_name{font-size:13px;font-weight:normal;letter-spacing:-0.1em}
.game_group{display:inline-block;*display:inline;zoom:1;vertical-align:top}
.game_group ul{display:inline-block;*display:inline;zoom:1;margin-right:10px;vertical-align:top}
.my_pick_set .pop_btn_clse{position:absolute;top:13px;right:15px}
.my_pick_set label.checked .page_name{color:#fa6e00;font-weight:bold}
.my_pick_set .page_item:hover{cursor:pointer !important}
.my_pick_set .page_item:hover .page_name{text-decoration:underline;cursor:pointer !important}

/* gnb ¸ÞÀÎ ¹è³Ê Æ˾÷*/
.header .main_gnb_banner{position:absolute;top:12px;right:420px;z-index:200}
.main_gnb_banner .banner_wrap{position:relative;height:74px;padding:14px 24px 15px 88px;box-sizing:border-box}
.main_gnb_banner .thmb_img{position:absolute;top:0;left:0;width:74px;height:74px}
.main_gnb_banner .txt_wrap{width:263px;}
.main_gnb_banner .banner_dsc{font-size:14px;line-height:20px;color:#fff;letter-spacing:-0.018em}
.main_gnb_banner .banner_tit{font-size:16px;line-height:20px;color:#fff}
.main_gnb_banner .btn_clse{position:absolute;top:25px;right:0}
.main_gnb_banner .btn_clse .sp_ico{width:24px;height:24px;background-position:-81px -408px}

.header:hover .main_gnb_banner .banner_dsc, .header:hover .main_gnb_banner .banner_tit{color:#555}
.header:hover .main_gnb_banner .btn_clse .sp_ico{width:24px;height:24px;background-position:-81px -382px}
.header.scroll_on .main_gnb_banner .banner_dsc, .header.scroll_on .main_gnb_banner .banner_tit{color:#555}
.header.scroll_on .main_gnb_banner .btn_clse .sp_ico{width:24px;height:24px;background-position:-81px -382px}

.main_gnb_banner.small .txt_wrap{display:none}

/*ä³Î ÇÑ°ÔÀÓ*/
.channel_hangame{margin-top:61px}
.channel_hangame .tit_game .btn_youtube{margin-left:12px;padding:8px;border:1px solid #EA3323;border-radius:4px;font-size:12px;color:#ff0000;vertical-align:bottom}
.channel_hangame .tit_game .sp_ico.video{width:20px;height:15px;margin-right:7px;background-position:-18px -1248px;vertical-align:sub}

.video_area{overflow:hidden;margin-top:14px}
.main_video{float:left;width:66%}
.sub_video{float:right;width:33.2%}

.video_area .video_item{display:block;position:relative;margin-top:10px;text-align:center;background:#303030}
.video_area .video_item:hover .thmb_dim{background-image:none}
.video_item .thmb_img{display:block}
.video_item .thmb_info{position:absolute;bottom:0;left:0;width:100%;padding:15px 15px 15px 72px;text-align:left;box-sizing:border-box;background-image:url(https://hangame-images.toastoven.net/hangame/main2020/img/video_tit_bg.png);background-repeat:repeat-x;z-index:1}
.video_item .thmb_info .sp_ico.play{position:absolute;top:8px;left:15px;width:42px;height:42px;background-position:-63px -548px}
.video_item .thmb_info .tit{overflow:hidden;display:block;font-size:18px;color:#fff;font-weight:bold;line-height:27px;text-overflow:ellipsis;white-space:nowrap}
.video_item .thmb_dim{position:absolute;top:0;left:0;bottom:0;right:0;background:url(https://hangame-images.toastoven.net/hangame/main2020/img/video_item_bg.png) repeat}
.recommand_channel{margin-top:3.9%}
.recommand_channel .channel_lst{overflow:hidden}
.recommand_channel .channel_lst li{width:20%;float:left}
.channel_lst li a{display:block;text-align:center}
.channel_lst .thmb_img{position:relative;width:100px;margin:0 auto}
.channel_lst .thmb_img .mask{background-image:url(https://hangame-images.toastoven.net/hangame/main2020/img/circle_mask.png)}

.channel_lst .channel_name{display:block;margin-top:7px;font-size:18px;color:#333;line-height:27px;text-align:center;font-weight:normal}
.channel_lst a:hover .channel_name{color:#fa6e00}
.video_area img{width:auto;max-width:100%;height:100%}
.main_video .video_item{height:482px}
.sub_video .video_item{height:236px}

/* max width 1440 */
.wrap.max1440 .mainstream .panel, .wrap.max1440 .game_cate, .wrap.max1440 .match .cont_wrap , .wrap.max1440 .mobile_game ,.wrap.max1440 .notice, .wrap.max1440 .channel_hangame{width:960px}
.wrap.max1440 .footer .inner{width:960px;margin:0 auto}
.wrap.max1440 .footer .service_section{display:none}
.wrap.max1440 .footer .info_section .inner{margin-top:39px}
.wrap.max1440 .contents{min-width:960px;}
.wrap.max1440 .mainstream .tab_wrap{height:20px;bottom:238px}
.wrap.max1440 .tab_area .paging_wrap{background-image:none}
.wrap.max1440 .tab_area{width:960px;height:3px;padding:0;text-align:center}
.wrap.max1440 .tab_area .btn{display:none;}
.wrap.max1440 .tab_area .paging{display:inline-block;*display:inline;zoom:1;width:auto;height:3px}
.wrap.max1440 .paging li{width:10px;height:100%;margin-left:5px;background:url(https://hangame-images.toastoven.net/hangame/main2020/img/tab_default.png) no-repeat}
.wrap.max1440 .paging li:first-child{margin-left:0}
.wrap.max1440 .paging li a{width:100%;height:100%;padding:0;font-size:0}
.wrap.max1440 .paging li.selected, .wrap.max1440 .paging li:hover {width:20px;background-image:url(https://hangame-images.toastoven.net/hangame/main2020/img/tab_select.png)}

.wrap.max1440 .promotion_txt_wrap .txt_area{max-width:1440px}
.wrap.max1440 .view_group .media_area{width:100%;height:auto}
.wrap.max1440 .media_area .media_info{padding:22px 15px 21px 61px}
.wrap.max1440 .media_area .btn_play{left:10px}
.wrap.max1440 .recommand{max-width:960px}
.wrap.max1440 .recommand .lst_item{width:22.5%}
.wrap.max1440 .recommand .thmb_link .thmb_img{width:266px}

.wrap.max1440 .match .board.event_thmb{display:none}
.wrap.max1440 .match .matching_box .user_name{width:176px}
.wrap.max1440 .board.hot_league{margin-left:0}
.wrap.max1440 .board.hot_league, .wrap.max1440 .board.realtime_score{width:49%}
.wrap.max1440 .game_cate .game_wrap{height:243px}
.wrap.max1440 .game_cate .event_thmb{width:39.3%}
.wrap.max1440 .game_cate .game_name{font-size:16px}
.wrap.max1440 .game_cate .game_slide_wrap{width:60.7%}
.wrap.max1440 .game_cate .thmb_cont{top:172px}
.wrap.max1440 .game_cate .keyword{font-size:12px}
.wrap.max1440 .game_slide_wrap .game_lst li{width:31.6%;margin-left:1.73%}

.wrap.max1440 .gzone .thmb_cont{top:auto;bottom:16px}
.wrap.max1440 .game_cate .card_thmb.has_btn .thmb_cont{bottom:50px}
.wrap.max1440 .main_gnb_banner{right:302px}
.wrap.max1440 .game_cate .card_thmb .btn_game_play{top:200px}
.wrap.max1440 .gzone .event_thmb.hide + .game_slide_wrap{width:100%}
.wrap.max1440 .policy_lst{max-width:600px;margin-top:-15px}
.wrap.max1440 .policy_lst .bar.break_point{display:none}
.wrap.max1440 .policy_lst .policy_item{margin-top:15px}
.wrap.max1440 .gzone .game_lst.list_up .card_thmb{width:19.2%;margin-left:1%}
.wrap.max1440 .gzone .game_lst.list_up .card_thmb:first-child{margin-left:0}
.wrap.max1440 .main_video .video_item{height:364px}
.wrap.max1440 .sub_video .video_item{height:177px}
.wrap.max1440 .iframe_wrap .inner_dsc{margin-top:15px;margin-left:-480px}
.wrap.max1440 .link_banner{width:960px;margin-left:-480px}

.wrap.max1440 .inner_dsc .h_txt{font-size:30px}
.wrap.max1440 .inner_dsc .p_txt{font-size:15px}
.wrap.max1440 .header .inner{min-width:1024px}
.wrap.max1440 .promotion{min-height:713px}
.wrap.max1440 .main_bg .iframe_wrap{padding-bottom:74%}
.wrap.max1440 .main_bg .iframe_wrap .iframe_video{width:150%;margin-left:-22%}
.wrap.max1440 .main_bg .img_wrap{overflow:hidden;min-width:960px;max-width:100%;text-align:center}
.wrap.max1440 .main_bg .img_wrap>img{width:1440px;margin:0 -240px}

/*gnb_bar*/
.gnb_bar_xp_notice.gnb_bar{height:60px;text-align:center;background:#004298}
.gnb_bar_xp_notice.gnb_bar .bar_notice{display:inline-block;*display:inline;zoom:1;position:relative;padding:15px 42px 15px 22px;line-height: 0;vertical-align: top;}
.gnb_bar_xp_notice .bar_notice .sp_ico.option_notice{position:absolute;top:22px;left:0;width:17px;height:17px;background-position:-88px -322px}
.gnb_bar_xp_notice .bar_notice .dsc{position: relative; padding-top:5px; padding-right:144px; font-size:16px;font-weight:500;color:#fff;line-height:19px; letter-spacing: -1px; /*letter-spacing:-0.045em;*/}
.gnb_bar_xp_notice .bar_notice .notice_red{color:#ff0000;font-weight:500}
.gnb_bar_xp_notice .bar_notice .notice_ie{color:#009dfe;font-weight:500}
.gnb_bar_xp_notice .bar_notice .notice_yel{color:#f7e100;font-weight:500}
.gnb_bar_xp_notice .bar_notice .notice_chrome{color:#febc00;font-weight:500}
.gnb_bar_xp_notice .bar_notice .btn_clse{display:inline-block;*display:inline;zoom:1;position:absolute;top:11px;right:-26px;padding:10px;color:#979797;font-size:16px;line-height:19px}
.gnb_bar_xp_notice .bar_notice .btn_clse:hover{color:#fff}
.gnb_bar_xp_notice .bar_notice .link_change{position:absolute; top:0; right:0;display:block;padding:6px 21px 6px 8px;height:32px;width:116px; margin-left:26px;background-color:#1473f0;color:#fff;border-radius:20px;font-size:15px;line-height:20px; letter-spacing: -1px;-moz-box-sizing: border-box;-webkit-box-sizing: border-box; box-sizing: border-box;}/* letter-spacing:-0.03em; */
.gnb_bar_xp_notice .bar_notice .link_change .ico_arr{position: absolute; top:11px; right:12px; width:13px;height:11px;/*margin:5px 0 0 2px*/background-position:-0px -1246px}

/*gnb_bar*/
.gnb_bar_ie_notice.gnb_bar{height:60px;text-align:center;background:#222}
.gnb_bar_ie_notice.gnb_bar .bar_notice{display:inline-block;*display:inline;zoom:1;position:relative;padding:15px 42px 15px 22px}
.gnb_bar_ie_notice .bar_notice .sp_ico.option_notice{position:absolute;top:22px;left:0;width:17px;height:17px;background-position:-88px -322px}
.gnb_bar_ie_notice .bar_notice .dsc{font-size:16px;font-weight:500;color:#fff;line-height:19px}
.gnb_bar_ie_notice .bar_notice .notice_red{color:#ff0000;font-weight:500}
.gnb_bar_ie_notice .bar_notice .notice_ie{color:#009dfe;font-weight:500}
.gnb_bar_ie_notice .bar_notice .notice_chrome{color:#febc00;font-weight:500}
.gnb_bar_ie_notice .bar_notice .btn_clse{display:inline-block;*display:inline;zoom:1;position:absolute;top:11px;right:-17px;padding:10px;color:#979797;font-size:16px;line-height:19px}
.gnb_bar_ie_notice .bar_notice .btn_clse:hover{color:#fff}
/*gnb_bar - explorer close */
.gnb_bar_ie_notice .bar_notice .link_change{display:inline-block;*display:inline;padding:5px 11px;height:20px;margin-left:10px;background-color:#febc00;color:#fff;border-radius:15px;font-size:15px;line-height:20px;}
.gnb_bar_ie_notice .bar_notice .link_change .ico_arr{width:7px;height:12px;margin:4px 0 0 2px;background-position:-46px -55px}

/* XP ´ëÀÀ¿ë ie 9ÀÌÇÏÇÙ */
@media \0screen\,screen\9 {
  .bar_notice .btn_clse {top:8px}
  .bar_notice .sp_ico.option_notice{top:25px;}
  .bar_notice .link_change {top:2px; width:100px;height:23px;}
  .bar_notice .link_change .ico_arr{top:15px;}
}

/* XP ´ëÀÀ¿ë - À̹ÌÁö ¶ì¹è³Ê */
.gnb_bar.gnb_bar_xp{height:60px;text-align:center;background:#004298}
.gnb_bar.gnb_bar_xp .gnb_bar_inwrap {z-index:0; position: relative; margin:0 auto; width:710px;height:60px;}
.gnb_bar.gnb_bar_xp .btn_top_bnr_more,
.gnb_bar.gnb_bar_xp .btn_top_bnr_clse {z-index:1; position: absolute; top:0;height:60px; display: block; background: url(https://hangame-images.toastoven.net/hangame/main2022/img/bg_transparent_4x4.png) repeat 0 0;}
.gnb_bar.gnb_bar_xp .btn_top_bnr_more {right:56px; width:100px;}
.gnb_bar.gnb_bar_xp .btn_top_bnr_clse {right:0; width:26px;}

/*pop birth*/
.pop_birth{position:absolute;top:74px;right:24px;width:118px;height:30px;padding:14px 10px 7px 14px;background:url(https://hangame-images.toastoven.net/hangame/main2020/img/pop_birth_bg.png) no-repeat;z-index:1}
.pop_birth .tit{color:#fa6e00;font-size:13px}
/*pop payco*/

.pop_payco{position:absolute;top:30px;right:-3px;width:210px;height:41px;background:url(https://hangame-images.toastoven.net/hangame/main2021/img/pop_payco_bg_4pc.gif) no-repeat;z-index:1} /* 4% Àû¸³ */
/* .pop_payco{position:absolute;top:30px;right:-3px;width:210px;height:41px;background:url(https://hangame-images.toastoven.net/hangame/main2021/img/pop_payco_bg_5pc.gif) no-repeat;z-index:1} 5% Áö±Þ  */
/* .pop_payco{position:absolute;top:30px;right:-3px;width:210px;height:41px;background:url(https://hangame-images.toastoven.net/hangame/main2021/img/pop_payco_bg_6pc.gif) no-repeat;z-index:1} 6% Àû¸³  */
/* .pop_payco{position:absolute;top:30px;right:-3px;width:210px;height:41px;background:url(https://hangame-images.toastoven.net/hangame/main2021/img/pop_payco_bg_10pc.gif) no-repeat;z-index:1}10% Àû¸³ */

/*final connection*/
.final_connection{margin-bottom:14px;text-align:center}
.final_connection .dsc{color:#999;font-size:12px;line-height:18px;}

.policy_link:hover, .service_link:hover, .service_more_link:hover strong{text-decoration:underline}

.header .item_link.gnb_poker .sub_categories{padding-left:362px}
.header .item_link.gnb_gostop .sub_categories{padding-left:421px}
.header .item_link.gnb_board .sub_categories{padding-left:497px}

.recommand .my_pick.game_fix .thmb_link{height:255px}
.my_pick_set .scroll_blind{position:relative;width:992px;height:100%;max-height:598px}
.my_pick_set .select_area.scroll_on:after{position:absolute;top:auto;bottom:20px;left:0;width:100%;height:30px;background:url(https://hangame-images.toastoven.net/hangame/main2020/img/my_pick_pop_bg.png) repeat-x;content:''}
.my_pick_set .select_area.scroll_on .scroll_blind{overflow-y:scroll;box-sizing:border-box}
.scroll_blind .padding_box{display:block;width:100%;height:20px}

.iframe_wrap{position:relative;max-width:100%;height:0;padding-bottom:49.5%;text-align:left}

.iframe_wrap .iframe_video{position:absolute;top:0;left:0;width:auto;height:auto;min-width:100%;min-height:100%}
.recommand .my_pick.game_fix .thmb_img{height:auto}

 
.iframe_wrap .inner_dsc{position:absolute;top:15%;left:50%;max-width:33.7%;margin-top:24px;margin-left:-639px}

.inner_dsc .logo{display:block;max-width:69.8%}
.inner_dsc .logo img{max-width:100%;height:auto}
.inner_dsc .h_txt{overflow:hidden;display:inline-block;margin:-8px 0 7px;font-size:2.08vw;font-size:40px\0/IE8;font-weight:bold;line-height:1.25;color:#fff;text-overflow:ellipsis;white-space:nowrap}
.inner_dsc .p_txt{overflow:hidden;height:120px;font-size:1.04vw;font-size:20px\0/IE8;line-height:1.5;color:#fff}

/* ½ÂºÎ¿¹Ãø ¾ÆÀÌÄÜ À̹ÌÁö ű׷ΠÀüȯ */ 
.schedule_lst .lst_item .game_type{display:inline-block;position:absolute;top:50%;left:20px;width:40px;height:40px;margin-top:-20px}
.important{display:inline!important}

 
@media (min-width:1920px){
.inner_dsc .h_txt{font-size:40px}
.inner_dsc .p_txt{font-size:20px}
}

/* hangameTalk */
.header.scroll_on .hangame_talk_wrap .btn_hangame_talk .btn_text,
.header:hover .hangame_talk_wrap .btn_hangame_talk .btn_text {color:#222}
.hangame_talk_wrap {margin-right:15px} /* 19px - 4px */
.hangame_talk_wrap .btn_hangame_talk {display: block; position: absolute; top:0; left:0; padding-left:44px; min-height: 44px; text-align: left;}
.hangame_talk_wrap .btn_hangame_talk:before {content: '';display:block;position: absolute; top:0;left:0; width:44px;height:44px;background:url('https://hangame-images.toastoven.net/hangame/main2023/img/gnb/sp@2x.png') no-repeat 0 -179px;background-size:160px auto;background:url('https://hangame-images.toastoven.net/hangame/main2023/img/gnb/sp.png') no-repeat -49px -179px\0/IE8}
.hangame_talk_wrap .btn_hangame_talk .btn_text {display: inline-block;padding:13px 0 0 8px;font-size: 16px;font-weight:600;color:#fff;line-height:1;vertical-align: top;}
.hangame_talk_wrap .btn_hangame_talk .dot_wrap {position: absolute;top:19px;left:19px;}
.hangame_talk_wrap .btn_hangame_talk .dot_typing {position: relative; left: -9999px; width:6px; height:6px; border-radius:50%; box-shadow: 9990px 0 0 0 #fff, 9999px 0 0 0 #fff, 10008px 0 0 0 #fff;animation: hanTaklDotAniMain 1.5s infinite linear;color: #fff;background-color: #fff;}

.hangame_talk_wrap .btn_hangame_talk:hover .btn_text,
.hangame_talk_wrap .btn_hangame_talk:focus .btn_text{color:#fa6e00 !important}

@media screen and (max-width: 1439px) {
  .header .member_status {padding-left:44px}
  .header .hangame_talk_wrap .btn_hangame_talk .btn_text {clip: rect(0,0,0,0);overflow: hidden;position: absolute;top:0;left:0;margin:-1px;width:1px;height:1px;font-size: 1px;line-height:0;}
}

@keyframes hanTaklDotAniMain {
  0% {
    box-shadow: 9990px 0 0 0 #fff, 9999px 0 0 0 #fff, 10008px 0 0 0 #fff;
  }
  5% {
    box-shadow: 9990px -6px 0 0 #fff, 9999px 0 0 0 #fff, 10008px 0 0 0 #fff;
  }
  10% {
    box-shadow: 9990px 0 -3px 0 #fff, 9999px 0 -3px 0 #fff, 10008px 0 0 0 #fff;
  }
  15% {
    box-shadow: 9990px 0 0 0 #fff, 9999px -6px 0 0 #fff, 10008px 0 0 0 #fff;
  }
  20% {
    box-shadow: 9990px 0 0 0 #fff, 9999px 0 -3px 0 #fff, 10008px 0 -3px 0 #fff;
  }
  25%{
    box-shadow: 9990px 0 0 0 #fff, 9999px 0 0 0 #fff, 10008px -6px 0 0 #fff;
  }
  30% {
    box-shadow: 9990px 0 0 0 #fff, 9999px 0 0 0 #fff, 10008px 0 -3px 0 #fff;
  }
  35% {
    box-shadow: 9990px 0 0 0 #fff, 9999px 0 0 0 #fff, 10008px 0 0 0 #fff;
  }
}

/** custom css for navigator animation*/
.animation_transformed{
  	-ms-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;  
}