@charset "utf-8";

@font-face{
    font-family: 'noto-light';
    font-style: normal;
    font-weight: 300;
    src: local('Noto Sans Light'), local('NotoSans-Light');
    src: url(https://t1.kakaocdn.net/gamepub/pub/battlegrounds/font/NotoSansKR-Light-Hestia.eot);
    src: url(https://t1.kakaocdn.net/gamepub/pub/battlegrounds/font/NotoSansKR-Light-Hestia.eot?#iefix) format('embedded-opentype'),
    url(https://t1.kakaocdn.net/gamepub/pub/battlegrounds/font/NotoSansKR-Light-Hestia.woff) format('woff'),
    url(https://t1.kakaocdn.net/gamepub/pub/battlegrounds/font/NotoSansKR-Light-Hestia.otf) format('opentype');
}
@font-face{
    font-family: 'noto-demilight';
    font-style: normal;
    font-weight: 350;
    src: local('Noto Sans DemiLight'), local('NotoSans-DemiLight');
    src: url(https://t1.kakaocdn.net/gamepub/pub/battlegrounds/font/NotoSansKR-DemiLight-Hestia.eot);
    src: url(https://t1.kakaocdn.net/gamepub/pub/battlegrounds/font/NotoSansKR-DemiLight-Hestia.eot?#iefix) format('embedded-opentype'),
    url(https://t1.kakaocdn.net/gamepub/pub/battlegrounds/font/NotoSansKR-DemiLight-Hestia.woff) format('woff'),
    url(https://t1.kakaocdn.net/gamepub/pub/battlegrounds/font/NotoSansKR-DemiLight-Hestia.otf) format('opentype');
}
@font-face{
    font-family: 'noto-regular';
    font-style: normal;
    font-weight: 400;
    src: local('Noto Sans Regular'), local('NotoSans-Regular');
    src: url(https://t1.kakaocdn.net/gamepub/pub/battlegrounds/font/NotoSansKR-Regular-Hestia.eot);
    src: url(https://t1.kakaocdn.net/gamepub/pub/battlegrounds/font/NotoSansKR-Regular-Hestia.eot?#iefix) format('embedded-opentype'),
    url(https://t1.kakaocdn.net/gamepub/pub/battlegrounds/font/NotoSansKR-Regular-Hestia.woff) format('woff'),
    url(https://t1.kakaocdn.net/gamepub/pub/battlegrounds/font/NotoSansKR-Regular-Hestia.otf) format('opentype');
}
@font-face{
    font-family: 'noto-medium';
    font-style: normal;
    font-weight: 500;
    src: local('Noto Sans Medium'), local('NotoSans-Medium');
    src: url(https://t1.kakaocdn.net/gamepub/pub/battlegrounds/font/NotoSansKR-Medium-Hestia.eot);
    src: url(https://t1.kakaocdn.net/gamepub/pub/battlegrounds/font/NotoSansKR-Medium-Hestia.eot?#iefix) format('embedded-opentype'),
    url(https://t1.kakaocdn.net/gamepub/pub/battlegrounds/font/NotoSansKR-Medium-Hestia.woff) format('woff'),
    url(https://t1.kakaocdn.net/gamepub/pub/battlegrounds/font/NotoSansKR-Medium-Hestia.otf) format('opentype');
}

@keyframes rankingLoading {
    0% {
        animation-timing-function: cubic-bezier(0.5856,0.0703,0.4143,0.9297);
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}


/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button{margin:0;padding:0;-webkit-text-size-adjust:none;}
fieldset,img{border:0 none}
dl,ul,ol,menu,li{list-style:none}
blockquote, q{quotes:none}
blockquote:before, blockquote:after,q:before, q:after{content:'';content:none}
input,select,textarea,button{vertical-align:middle;font-size:100%}
button{border:0 none;background-color:transparent;cursor:pointer}
table{border-collapse:collapse;border-spacing:0}
body{-webkit-text-size-adjust:none}
input:checked[type='checkbox']{background-color:#666; -webkit-appearance:checkbox}
input[type='text'],input[type='password'],input[type='submit'],input[type='search'],input[type='tel'],input[type='email'],html input[type='button'],input[type='reset'],textarea{-webkit-appearance:none;border-radius:0}/* 2018-05-29 수정 */
input[type='search']::-webkit-search-cancel-button{-webkit-appearance:none}
body{background:#f9f9f9}
body,th,td,input,select,textarea,button{font-size:14px;line-height:1.5;font-family:'noto-demilight','Apple SD Gothic Neo','Malgun Gothic', '맑은 고딕', sans-serif;color:#333}

a{color:#333;text-decoration:none}
a:active, a:hover{text-decoration:none}
address,caption,cite,code,dfn,em,var{font-style:normal;font-weight:normal}

/* 2018-05-21 추가 시작 */
::-webkit-input-placeholder{color:#c0c0c0}
:-moz-placeholder{color:#c0c0c0}
::-moz-placeholder{color:#c0c0c0}
:-ms-input-placeholder{color:#c0c0c0}
/* 2018-05-21 추가 끝 */

/* global */
.ir_pm{display:block;overflow:hidden;font-size:1px;line-height:0;color:transparent}
.ir_wa{display:block;overflow:hidden;position:relative;z-index:-1;width:100%;height:100%}
.ir_caption{overflow:hidden;width:1px;font-size:1px;line-height:0;text-indent:-9999px}
.screen_out{overflow:hidden;position:absolute;width:0;height:0;line-height:0;text-indent:-9999px}
.show{display:block}
.hide{display:none}

.noto-light{font-family:'noto-light','맑은 고딕','Malgun Gothic','돋움',dotum,sans-serif}
.noto-demi{font-family:'noto-demilight','맑은 고딕','Malgun Gothic','돋움',dotum,sans-serif}
.noto-regular{font-family:'noto-regular','맑은 고딕','Malgun Gothic','돋움',dotum,sans-serif}
.noto-medium{font-family:'noto-medium','맑은 고딕','Malgun Gothic','돋움',dotum,sans-serif}
.ico_comm{display:block;overflow:hidden;font-size:1px;line-height:0;color:transparent;background:url('https://t1.kakaocdn.net/gamepub/pub/battlegrounds/m640/ico_comm_210630.png') 0 0 no-repeat;background-size:200px 200px;text-indent:-9999px}

.thumb_g{width:100%;vertical-align:top}
/* 2018-05-21 추가 시작 */
.tf_comm{display:block;width:100%;border:0 none;outline:0 none;box-sizing:border-box}
.choice_comm{display:block;position:relative}
.choice_comm .inp_comm{position:absolute;z-index:10;width:100%;height:100%;border:none;opacity:0.01}
.choice_comm .lab_comm{display:block;font-size:12px;color:#000;letter-spacing:-0.04em}
.choice_comm .ico_comm{display:inline-block;width:13px;height:13px;margin:3px 2px 0 0;vertical-align:top}
.choice_radio .ico_comm{background-position:-130px -40px}
.choice_radio .inp_comm:checked + .lab_comm .ico_comm{background-position:-145px -40px}
/* 2018-05-21 추가 끝 */
.emph_g{color:#e16500}/* 2018-06-28 추가 */

.fixed_body{overflow:hidden}
#kakaoWrap{min-width:320px}
#kakaoHead{position:fixed;top:0;left:0;right:0;z-index:1000;-webkit-transition:top .3s;transition:top .3s}/* 2018-05-21 수정 */

.k_head{position:relative;height:47px;background-color:rgba(29,29,29,.9);text-align:center}
.k_head .tit_logo{display:inline-block;padding-top:10px;vertical-align:top}
/*.k_head .logo_battle{display:block;width:47px;height:27px}*/ /* 2019-03-15 삭제 */
/* 2019-03-15 추가 시작 */
.k_head .link_logo{display:block;font-size:0}
.k_head .link_logo .img_logo{vertical-align:top}
/* 2019-03-15 추가 끝 */
.k_head .link_menu{position:absolute;top:0;left:0;z-index:10;width:22px;height:18px;padding:14px 15px 16px}
.k_head .link_menu .ico_menu{overflow:hidden;position:absolute;top:22px;left:15px;width:16px;height:2px;font-size:1px;line-height:0;color:transparent;background:#fff;-webkit-transition:transform .4s, opacity .4s;transition:transform .4s, opacity .4s}
.k_head .link_menu .ico_menu:first-child{top:14px;width:21px}
.k_head .link_menu .ico_menu:last-child{top:auto;bottom:16px;width:21px}
.k_head .link_menu.menu_on .ico_menu{opacity:0}
.k_head .link_menu.menu_on .ico_menu:first-child{-webkit-transform:translateY(8px) rotate(45deg);transform:translateY(8px) rotate(45deg);opacity:1}
.k_head .link_menu.menu_on .ico_menu:last-child{-webkit-transform:translateY(-8px) rotate(-45deg);transform:translateY(-8px) rotate(-45deg);opacity:1}
.info_menu{display:none;position:fixed;top:0;left:0;bottom:0;width:100%;padding-top:102px;background:#1a1a1a}
.info_menu .tit_menu{position:absolute;top:28px;left:50%;width:134px;height:45px;margin-left:-67px;background-position:0 -110px}
.info_menu .area_menu{overflow-x:hidden;overflow-y:auto;height:100%}
.info_menu .link_loginfo{display:block;width:209px;height:55px;margin:50px auto;border:1px solid #fff;font-size:21px;line-height:57px;color:#fff;text-align:center;text-decoration:none}

/* Gnb Menu */
.gnb_menu{border-top:1px solid #333}
.gnb_menu li{border-bottom:1px solid #333}
.gnb_menu .link_gnb{display:block;height:50px;padding:11px 0 0 40px;font-size:21px;line-height:28px;color:#ededed;box-sizing:border-box;text-decoration:none}

/* Gnb Menu List */
.list_gnb{display:none;border-top:1px solid #333}
.list_gnb li{background-color:#1f1f1f}
.list_gnb .link_txt{display:block;height:50px;padding:14px 0 0 56px;font-size:16px;line-height:20px;color:#d6d6d6;box-sizing:border-box;text-decoration:none}
.list_gnb .link_txt.link_channel{color:#edc06a;}
.list_gnb .link_txt .ico_inven{display:inline-block;width:7px;height:15px;margin-top:3px;margin-left:5px;background-position:0 -160px;vertical-align:top}/* 2018-08-28 추가 */
.list_gnb .link_txt .ico_outlink {overflow: hidden; position: relative; display: inline-block; width: 14px; height: 14px; margin: 4px 0 0 1px; vertical-align: top; color: transparent}
.list_gnb .link_txt .ico_channel {display:inline-block;width:16px;height:17.5px;margin-top:2px;margin-left:5px;background-position:-60px -160px;vertical-align:top}
.list_gnb .link_txt .ico_outlink:after,.list_gnb .link_txt .ico_outlink:before {position: absolute; width: 9px; height: 9px; border: 1px solid #a2a2a2; background: #1f1f1f; content: ""}
.list_gnb .link_txt .ico_outlink:after {top: 0; left: 0}
.list_gnb .link_txt .ico_outlink:before {bottom: 0; right: 0}

.slide_home .link_main{display:block;overflow:hidden;position:relative;height:497px;font-size:1px;line-height:0;color:transparent;background-size:cover;background-repeat:no-repeat;background-position:50% 20%}
.link_main .info_battle{position:absolute;left:28px;bottom:69px;width:292px;color:#fff;letter-spacing:-0.5px}
.link_main .txt_title{display:block;font-size:19px;line-height:23px}
.link_main .tit_main{margin-top:3px;font-weight:normal;font-size:45px;line-height:45px;letter-spacing:-1px}
.link_main .txt_desc{display:block;margin-top:8px;font-size:17px;line-height:21px;letter-spacing:-1px}
.link_main .btn_more{display:inline-block;height:39px;padding:0 18px;margin-top:19px;font-size:15px;line-height:37px;border:1px solid #d5d5d5;box-sizing:border-box;text-align:center;vertical-align:top}
.paging_home{position:absolute;bottom:29px;left:28px;display:-webkit-flex !important;display:flex !important;overflow:hidden;width:122px;height:3px;background:#000}
.paging_home li{-webkit-flex-grow:1;-ms-flex-grow:1;flex-grow:1;outline:0}
.paging_home li.slick-active{background:#fff}
.paging_home .link_page{display:block;overflow:hidden;font-size:1px;line-height:0;color:transparent;outline:0}
[class*='box_battle']{overflow:hidden;position:relative}
.box_battle1, .box_battle3{padding:0 15px}
.box_battle3:last-child{margin-bottom:35px}


.box_battle1{padding-top:35px}
.cont_home .box_battle1 .link_more{top:35px;right:15px}/* 2018-05-23 수정 */
[class*='box_battle'] .link_more{overflow:hidden;position:absolute;top:19px;right:7px;width:34px;height:48px;font-size:1px;line-height:1px;color:transparent}
[class*='box_battle'] .link_more:before,[class*='box_battle'] .link_more:after{position:absolute;top:23px;left:10px;width:12px;height:2px;background-color:#474747;content:''}
[class*='box_battle'] .link_more:after{top:18px;left:15px;width:2px;height:12px}
.tab_recent{overflow:hidden;padding-right:34px;background-color:#eeeef0}
.tab_recent li{float:left;position:relative;width:25%;text-align:center}
.tab_recent li + li{margin-left:-1px}
.tab_recent li + li:before{position:absolute;top:18px;left:0;width:1px;height:11px;background-color:#bebec0;content:''}
.tab_recent .link_tab{display:block;height:48px;font-size:15px;line-height:48px;color:#131313;text-decoration:none}
.tab_recent .on{z-index:10}
.tab_recent .on:before{background-color:#fff}
/* 2018-05-23 수정 및 추가 삭제 끝 */
.tab_recent .on .link_tab{background-color:#fff}
/*[class*='box_battle'] .link_more{position:absolute;top:33px;right:15px;font-size:14px;line-height:20px;color:#000;text-decoration:none}*//* 2018-05-23 삭제 */
.box_battle1 .info_recent{display:none}
.box_battle1 .info_recent.on{display:block}
.link_battle{display:block;overflow:hidden;background-color:#fff;text-decoration:none}
.link_battle + .link_battle{border-top:1px solid #f9f9f9}
.link_battle:first-of-type .info_title{padding-top:19px}
.info_community{position:relative}
.info_community .wrap_thumb:first-of-type{margin-bottom:-1px}
.info_community .link_more{right:0}/* 2018-05-23 수정 */
.wrap_thumb{position:relative}
.wrap_thumb:before{position:absolute;top:0;left:0;right:0;bottom:0;z-index:10;background-color:rgba(0,0,0,.4);content:''}
.info_recent .wrap_thumb:before{content:normal}
.wrap_thumb .info_play{position:absolute;top:50%;left:15px;right:15px;z-index:10;-webkit-transform:translateY(-50%);transform:translateY(-50%);text-align:center}
.wrap_thumb .info_play .ico_comm{width:54px;height:54px;margin:0 auto 13px;background-position:0 -30px}
.wrap_thumb .tag_new{position:absolute;top:0;left:0;z-index:10;width:55px;height:34px;background-color:#dfaa1c}
.wrap_thumb .tag_new .ico_comm{width:25px;height:10px;margin:12px auto 0;background-position:-50px 0}
.wrap_thumb .tit_capture{position:absolute;bottom:0;left:0;right:0;z-index:10;height:34px;padding:0 14px;line-height:32px;background-color:rgba(0,0,0,.7)}
.link_battle .info_title{overflow:hidden;padding:15px 15px 14px}
.tit_battle{overflow:hidden;float:left;position:relative;max-width:100%;padding-right:34px;font-weight:normal;font-size:15px;line-height:21px;color:#0e0e0e;white-space:nowrap;text-overflow:ellipsis;box-sizing:border-box}
.tit_battle .tag_new{position:absolute;top:4px;right:0;width:28px;height:14px;background-position:-60px -20px}
.tit_media{display:block;overflow:hidden;font-weight:normal;font-size:15px;line-height:21px;color:#fff;white-space:nowrap;text-overflow:ellipsis}
.link_battle .desc_txt{display:block;display:-webkit-box;overflow:hidden;max-height:51px;margin:-8px 15px 22px;font-weight:300;font-size:13px;line-height:17px;color:#0e0e0e;-webkit-box-orient:vertical;-webkit-line-clamp:3}
.box_battle2 .tit_cate,
.box_battle4 .tit_cate{padding-left:15px}
.slide_media{position:relative;padding-bottom:53px;background-color:#202020}
.slide_media .link_item{text-decoration:none}
.paging_comm{position:absolute;bottom:17px;left:0;right:0;text-align:center}
.paging_comm li{display:none}
.paging_comm .slick-active{display:block}
.paging_comm .num_page{font-size:12px;line-height:16px;color:#f9f9f9}
.slide_media [class*='btn_']{position:absolute;bottom:11px;z-index:10;width:9px;height:17px;padding:7px}
.slide_media .btn_prev{left:10px}
.slide_media .btn_next{right:10px}
.slide_media .btn_prev .ico_comm{width:9px;height:17px;background-position:-90px -20px}
.slide_media .btn_next .ico_comm{width:9px;height:17px;background-position:-100px -20px}
.tit_cate{display:block;padding:45px 0 12px;font-weight:normal;font-size:17px}

/* 2018-05-21 게시판 추가 시작 */
/* 2018-05-29 수정 및 추가 시작 */
.cont_board{padding-top:94px;background:#fff;background:#fff;-webkit-transition:padding .3s;transition:padding .3s}
.search_on .cont_board{padding-top:47px}
.pubg_head{position:fixed;top:0;left:0;right:0;z-index:999;height:47px;padding-top:47px;background:#292929;-webkit-transition:transform .3s;transition:transform .3s}
/* 2018-05-29 수정 및 추가 끝 */
.pubg_head .inner_head{position:relative;text-align:center}
.pubg_head .tit_pubg{font-weight:normal;font-size:15px;line-height:47px;color:#fff;font-family:'noto-regular','맑은 고딕','Malgun Gothic','돋움',dotum,sans-serift}
.pubg_head .link_search{position:absolute;top:0;left:0;width:46px;height:47px}
.pubg_head .link_search .ico_search{width:17px;height:17px;margin:15px auto 0;background-position:-85px 0}
.pubg_head .link_write{position:absolute;top:0;right:0;width:49px;height:47px}
.pubg_head .link_write .ico_write{width:18px;height:17px;margin:15px auto 0;background-position:-105px 0}
.pubg_head .link_prev{position:absolute;top:0;left:0;width:38px;height:47px}
.pubg_head .link_prev .ico_prev{width:9px;height:17px;margin:14px auto 0;background-position:-75px 0}
.pubg_head .link_cancel{position:absolute;top:0;left:0;width:45px;height:47px}
.pubg_head .link_cancel .ico_cancel{width:16px;height:17px;margin:14px auto 0;background-position:-175px -60px}
/* 2018-05-29 추가 시작 */
.pubg_head .link_option{position:absolute;top:0;right:0;width:44px;height:47px}
.pubg_head .link_option .ico_option{width:16px;height:4px;margin:22px auto 0;background-position:-115px -80px}
/* 2018-05-29 추가 끝 */

.banner_board{position:relative;text-align:center}
.banner_board a {display: block;}
.banner_board img{width:100%;height:auto;}

.board_tab{overflow:hidden;padding-bottom:9px;background:#ededed}
.board_tab .list_tab{display:-webkit-box;display:flex;height:46px;padding:0 10px;border-bottom:1px solid #dfdfdf;background:#fff;-webkit-box-pack:justify;justify-content:space-around}
.board_tab .list_tab li{-webkit-box-flex:1;flex-grow:1;position:relative}
.board_tab .list_tab .on:after{position:absolute;left:0;right:0;bottom:-1px;height:2px;background:#e7b92b;content:''}
.board_tab .link_tab{display:block;height:46px;font-size:15px;line-height:46px;color:#131313;font-family:'noto-regular','맑은 고딕','Malgun Gothic','돋움',dotum,sans-serif;text-align:center}
.board_tab .on .link_tab{font-family:'noto-medium','맑은 고딕','Malgun Gothic','돋움',dotum,sans-serif}

.board_tab .slide_map_list{background-color:#fff;}
.board_tab .slide_map_list .slick-track{padding: 0 10px;border-bottom:1px solid #dfdfdf;}
.board_tab .slide_map_list li{position:relative;}
.board_tab .slide_map_list li.on:after{position:absolute;left:0;right:0;bottom:-1px;height:2px;background:#e7b92b;content:''}
.board_tab .slide_map_list li .link_tab{display:block;height:46px;font-size:15px;line-height:46px;color:#131313;font-family:'noto-regular','맑은 고딕','Malgun Gothic','돋움',dotum,sans-serif;text-align:center}
.board_tab .slide_map_list li.on .link_tab{font-family:'noto-medium','맑은 고딕','Malgun Gothic','돋움',dotum,sans-serif}


.list_board{background:#fff}
.list_board li{border-bottom:1px solid #ededed}
.list_board .emph_item{border-color:#fff;background:#f9f9f9}
.list_board .link_board{overflow:hidden;display:block;padding:0 14px;height:55px}
.list_board .subject_wrap{display:block;overflow:hidden;width:100%}
.list_board .ico_new{float:right;width:30px;height:15px;margin:4px 0 0 2px;background-position:-60px -20px}/* 2018-05-29 수정 */
.list_board .ico_best{float:right;width:30px;height:15px;margin:4px 0 0 2px;background-position:-135px -80px}/* 2018-05-29 추가 */
.list_board .tit_subject{float:left;max-width:100%;padding-top:9px;font-size:13px}
.list_board .num_cmt{float:right;margin-right:4px;padding-left:4px;color:#ec7b13}/* 2018-05-29 수정 */
.list_board .txt_g{display:block;overflow:hidden;font-weight:normal;white-space:nowrap;text-overflow:ellipsis}
.list_board .txt_g em{color:#e89407;font-weight:800;text-decoration:underline;}

.info_article{display:block;overflow:hidden;padding-top:4px;font-size:11px;color:#787878}
.info_article .txt_info img{margin-top:2px}
.info_article .ico_comm, .info_article .txt_info, .info_article .txt_bar{display:inline-block;vertical-align:top}
.info_article .txt_bar{margin:-1px 2px 0;font-size:9px}
.info_article .txt_info .noto-regular{color:#4b4b4b}
.info_article .txt_info .ico_like{width:8px;height:8px;margin:4px 2px 0 0;background-position:-110px -20px}
.info_article .btn_report{font-size:10px}
.info_article .btn_report .ico_report{width:10px;height:10px;margin:3px 2px 0 0;background-position:-120px -45px}
.list_board_type2{background:#ededed}
.list_board_type2 li{margin-top:10px}
.list_board_type2 li:first-child{margin-top:0}
.list_board_type2 .link_board{height:auto;padding-bottom:15px;background:#fff}
.list_board_type2 .cont_user{padding-top:10px}
.list_board_type2 .cont_user + .subject_wrap{padding-top:2px}
.list_board_type2 .subject_wrap{padding-top:9px;font-size:14px}
.list_board_type2 .tit_subject{padding-top:0}
.list_board_type2 .wrap_thumb{display:block;position:relative;margin-top:7px}
.list_board_type2 .wrap_thumb:before{content:none}
.list_board_type2 .wrap_thumb img{width:100%;vertical-align:top}
.list_board_type2 .info_article{padding-top:0}
.list_board_type3 .link_board{height:auto}
.list_board_type3 .info_article{padding-top:10px}
.list_board_type3 .txt_category{margin-top:-3px;font-size:13px;color:#000}
.list_board_type3 .ico_new{float:none;margin:1px 0 0 2px}
.list_board_type3 .desc_team{padding:4px 0 10px;font-size:11px;line-height:16px;color:#000}
.list_board_type3 .btn_delete{display:inline-block;margin-left:5px;font-size:10px;color:#ec7b13;vertical-align:top}
.list_board_type3 .btn_delete .ico_delete{display:inline-block;width:9px;height:9px;margin:4px 2px 0 0;background-position:-110px -45px;vertical-align:top}
.paging_board{display:-webkit-box;display:flex;position:relative;max-width:375px;margin:0 auto;padding:27px 33px;text-align:center;-webkit-box-pack:justify;justify-content:space-around;}
.paging_board .btn_page{position:absolute;top:27px;width:33px;height:33px}
.paging_board .btn_prev {left:0}
.paging_board .btn_next {right:0}
.paging_board .btn_page .ico_arr{width:6px;height:11px;margin:12px auto 0}
.paging_board .btn_prev .ico_arr{background-position:-180px -25px}
.paging_board .btn_next .ico_arr{background-position:-190px -25px}
.paging_board .link_page{-webkit-box-flex:1;flex-grow:1;padding:6px 0px;color:#b9b9b9;font-family:'noto-medium','맑은 고딕','Malgun Gothic','돋움',dotum,sans-serif;vertical-align:top}
.paging_board em.link_page{color:#131313}
.board_view .view_head{padding:17px 15px 15px;border-bottom:1px solid #ededed}
.board_view .tit_view{font-weight:normal;font-size:13px;line-height:16px}
.board_view .tit_view em{color:#e89407;font-weight:800;text-decoration:underline;}
.board_view .info_article{padding-top:1px}
.board_view .view_cont{position:relative;min-height:120px;padding:12px 15px 83px;border-bottom:1px solid #ededed;font-size:12px;line-height:17px}
.board_view .view_cont figure{padding:0;margin:0;}
.board_view .view_cont.readonly{min-height:190px;padding-bottom:12px}
.board_view .view_cont em{color:#e89407 !important;font-weight:800 !important;text-decoration:underline !important;}
.board_view .view_cont img{width:100%;height:auto;vertical-align:top}
.view_cont .btn_recomm{position:absolute;bottom:35px;left:50%;height:29px;padding:0 8px;border:1px solid #5b5b5b;font-size:10px;color:#787878;-webkit-transform:translateX(-50%);transform:translateX(-50%)}
.view_cont .btn_recomm .ico_recomm{display:inline-block;width:16px;height:16px;margin-right:3px;background-position:-125px -20px;vertical-align:top}
.board_view .view_btn{padding:20px 0;border-bottom:1px solid #dfdfdf;text-align:center}
.view_btn .btn_recomm.on .num_recomm{color:#ec7b13}
.view_btn .btn_recomm.on .ico_recomm{background-position:-145px -20px}
.board_view .wrap_page{display:inline-block;font-size:0;vertical-align:top}
.wrap_page .btn_view{display:inline-block;width:27px;height:27px;margin:0 4px;border:1px solid #5b5b5b;vertical-align:top}
.wrap_page .btn_view .ico_comm{display:block;width:10px;height:7px;margin:10px auto 0}
.wrap_page .btn_view .ico_list{background-position:-160px -40px}
.wrap_page .btn_view .ico_next{background-position:-175px -40px}
.wrap_page .btn_view.disabled .ico_next{background-position:-190px -40px}
.wrap_page .btn_view .ico_prev{background-position:-175px -50px}
.wrap_page .btn_view.disabled .ico_prev{background-position:-190px -50px}
.view_cmt{padding:9px 0;background:#ededed}
/* 2018-06-04 view_cmt -> inner_cmt로 셀렉터 수정 시작 */
.inner_cmt{background:#fff}
.inner_cmt .cmt_head{overflow:hidden;height:32px;padding-left:15px}
.inner_cmt .tit_cmt{float:left;font-weight:normal;font-size:13px;line-height:32px;color:#000}
.inner_cmt .tit_cmt .num_cmt{font-size:14px}
.inner_cmt .link_cmt{float:right;width:47px;height:32px}
.inner_cmt .ico_write{width:18px;height:17px;margin:8px auto 0;background-position:-125px 0}
/* 2018-06-04 view_cmt -> inner_cmt로 셀렉터 수정 끝 */
.list_cmt{border-bottom:1px solid #ededed}
.list_cmt:last-child{border-bottom-color:#dfdfdf}
.list_cmt .cmt_cont{position:relative;padding:13px 15px 0;border-top:1px solid #ededed}
.list_cmt .ico_reply{position:absolute;top:13px;left:15px;width:8px;height:8px;background-position:-110px -30px}
.cont_user{display:block;font-size:11px;color:#000}
.cont_user .ico_best{display:inline-block;float:none;width:23px;height:12px;margin:2px 3px 0 0;background-position:-175px 0;vertical-align:top}/* 2018-05-29 수정 */
.list_cmt .cont_cmt{position:relative;padding-bottom:15px}
.list_cmt .txt_desc{font-size:11px;line-height:16px;color:#000;font-family:'noto-light','맑은 고딕','Malgun Gothic','돋움',dotum,sans-serif}
.list_cmt .info_opt{display:block;font-size:10px;color:#787878;font-family:'noto-light','맑은 고딕','Malgun Gothic','돋움',dotum,sans-serif}
.list_cmt .info_opt .txt_opt, .list_cmt .info_opt .txt_bar, .list_cmt .info_opt .ico_comm{display:inline-block;vertical-align:top}
.list_cmt .info_opt .txt_bar{width:1px;height:8px;margin:4px 2px 0;background:#dfdfdf;text-indent:-9999px}
.list_cmt .info_opt .btn_report{color:#4b4b4b}
.list_cmt .info_opt .btn_delete{color:#ec7b13}
.list_cmt .info_opt .ico_delete{width:9px;height:9px;margin:3px 2px 0 0;background-position:-110px -45px}
.cont_cmt .btn_recomm{position:absolute;bottom:15px;height:22px;right:0;padding:0 9px;border:1px solid #5b5b5b;font-size:11px;line-height:22px;color:#5b5b5b;font-family:'noto-regular','맑은 고딕','Malgun Gothic','돋움',dotum,sans-serif}
.cont_cmt .btn_recomm .ico_recomm{display:inline-block;width:12px;height:12px;margin:5px 3px 0 0;background-position:-85px -80px;vertical-align:top}
.cont_cmt .btn_recomm.on{color:#ec7b13}
.cont_cmt .btn_recomm.on .ico_recomm{background-position:-100px -80px}
.cont_cmt .btn_reply{display:inline-block;height:22px;margin-top:5px;border:1px solid #5b5b5b;font-size:10px;line-height:22px;color:#000;padding:0 10px;vertical-align:top}
.list_cmt .cmt_depth2{padding-left:29px;background:#f9f9f9}
.cmt_depth2 .cont_cmt{padding-bottom:27px}
.inner_cmt .btn_more{display:block;width:100%;height:33px;border-bottom:1px solid #dfdfdf;font-size:11px;color:#000;font-family:'noto-light','맑은 고딕','Malgun Gothic','돋움',dotum,sans-serif;background:#fff}/* 2018-06-04 셀렉터 수정 및 스타일 수정 */
.inner_cmt .btn_more .ico_arr{display:inline-block;width:10px;height:6px;margin:5px 0 0 5px;background-position:-165px -25px;vertical-align:top}/* 2018-06-04 셀렉터 수정 */
.list_cmt .btn_more{border-bottom:0 none;border-top:1px solid #ededed;background:#f9f9f9}
.list_cmt .btn_fold .ico_arr{background-position:-165px -15px}

.cmt_reply{position:relative;padding:15px;border-top:1px solid #ededed}
.fld_reply{position:relative}
.cmt_reply .ico_reply{top:21px}
.cmt_reply .name_user{position:absolute;top:10px;left:13px;font-size:11px;color:#000}
.cmt_reply .desc_reply{position:absolute;top:31px;left:13px;right:13px;font-size:11px;line-height:14px;color:#c2c2c2}
.cmt_reply .tf_cmt{display:block;width:100%;height:137px;padding:31px 13px 0;border:1px solid #5b5b5b;border-bottom:0 none;font-size:11px;line-height:14px;color:#000;font-family:'noto-light','맑은 고딕','Malgun Gothic','돋움',dotum,sans-serif;resize:none;box-sizing:border-box}/* 2018-05-30 수정 */
.cmt_reply .reply_opt{overflow:hidden;height:37px;border:1px solid #5b5b5b;border-top:0 none;background:#fff}
.cmt_reply .info_byte{float:left;padding:0 13px;font-size:10px;line-height:37px;color:#d2d2d2}
.cmt_reply .info_byte{float:left;padding:0 13px;font-size:10px;line-height:37px;color:#d2d2d2}
.cmt_reply .opt_btn{float:right;padding:0 5px}/* 2018-06-05 추가 */
.cmt_reply .btn_register{float:left;padding:0 8px;font-size:10px;line-height:37px;color:#7c7c7c;font-family:'noto-medium','맑은 고딕','Malgun Gothic','돋움',dotum,sans-serif}/* 2018-06-05 수정 */
.cmt_reply.write_on .desc_reply{display:none}
.cmt_reply.write_on .info_byte{color:#5b5b5b}
.cmt_reply.write_on .btn_submit{color:#ec7b13}/* 2018-06-05 셀렉터 수정 */
.list_cmt .cmt_reply{padding-left:29px;background:#f9f9f9}
.cmt_reply.fold .desc_reply{top:0;left:0;right:0;padding:5px 13px}/* 2018-05-30 수정 */
.cmt_reply.fold .name_user{display:none}
.cmt_reply.fold .reply_opt{height:0;border:0 none}
/*.cmt_reply.fold .btn_register{position:absolute;top:1px;right:1px;width:36px;height:21px;padding:0;border-left:1px solid #5b5b5b;line-height:21px;font-family:'noto-medium','맑은 고딕','Malgun Gothic','돋움',dotum,sans-serif;background:#f9f9f9} 2018-06-05 삭제 */
.cmt_reply.fold .tf_cmt{height:23px;padding:0;border-bottom:1px solid #5b5b5b}

.search_on #kakaoHead{position:absolute;top:-47px}
.search_on .pubg_head{-webkit-transform:translateY(-47px);transform:translateY(-47px)}/* 2018-05-29 수정 */
.board_search{padding-bottom:9px;background:#ededed}
.board_search .inner_search{height:45px;padding:0 15px;border-bottom:1px solid #dfdfdf;background:#fff}
.board_search .box_search{position:relative;padding:10px 52px 8px 14px;border-bottom:1px solid #dfaa1c}
.box_search .ico_search{position:absolute;top:13px;left:0;width:13px;height:13px;background-position:-145px 0}
.box_search .tf_comm{padding:0 4px;font-size:13px}
.box_search .btn_delete{position:absolute;top:3px;right:-10px;width:33px;height:34px}/* 2018-05-29 수정 */
.box_search .btn_delete .ico_delete{width:13px;height:13px;margin:0 auto;background-position:-160px 0}
.txt_result{padding:27px 0;border-bottom:3px solid #ededed;color:#000;text-align:center;background-color:#f9f9f9;}
.txt_result em{color:#ec7b13;}
.result_search{min-height:360px}
.result_search .txt_none{display:block;padding-top:36px;font-size:13px;color:#000;text-align:center}

.wrap_opt{display:inline-block;position:relative;vertical-align:top}
.wrap_opt .txt_opt{display:inline-block;font-size:15px;line-height:47px;color:#fff;vertical-align:top}
.wrap_opt .txt_opt .ico_arr{display:inline-block;width:10px;height:6px;margin:21px 0 0 6px;background-position:-180px -15px;vertical-align:top}
.wrap_opt .opt_select{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0.01}/* 2018-05-31 수정 */
.board_write{padding-bottom:23px;background:#f9f9f9}
.editor_toolbar{overflow:hidden;height:40px;padding:0 6px;border-bottom:1px solid #cacaca;background:#fff}
.editor_toolbar .btn_tool{float:left;position:relative;width:39px;height:40px}/* 2018-05-30 수정 */
.editor_toolbar .btn_tool .ico_comm{margin:10px auto 0}
.editor_toolbar .btn_tool .ico_photo{width:22px;height:20px;background-position:-110px -55px}
.editor_toolbar .btn_tool .ico_link{width:15px;height:21px;background-position:-135px -55px}
.editor_toolbar .btn_tool .ico_youtube{width:23px;height:20px;background-position:-150px -55px}
/* 2018-05-30 추가 시작 */
.editor_toolbar .btn_tool .lab_file{display:block;height:39px;height:40px;background:url(https://t1.kakaocdn.net/gamepub/pub/battlegrounds/m640/btn_attach.gif) 0 0 no-repeat;background-size:39px 40px;text-indent:-9999px}
.editor_toolbar .btn_tool .inp_file{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0.01;text-indent:-9999px}
/* 2018-05-30 추가 끝 */
.editor_write{padding:24px 15px;border-bottom:1px solid #ededed;background:#fff}
.editor_write .box_tf{position:relative}
.box_tf.write_on .lab_tf{overflow:hidden;width:0;height:0;line-height:0;text-indent:-9999px}
.box_tf.write_on .txt_editor{display:none}
.editor_write .lab_tf, .box_editor .txt_editor{position:absolute;top:0;left:0;font-size:13px;color:#c2c2c2}
.box_title{padding-bottom:8px;border-bottom:1px solid #ededed;font-family:'noto-regular','맑은 고딕','Malgun Gothic','돋움',dotum,sans-serif}
.box_title .lab_tf{font-size:16px}
.box_title .lab_tf .txt_lab{font-size:11px}
.box_title .lab_tf .txt_lab{font-size:11px}
.box_title .tf_comm{font-size:16px}
.box_editor{margin-top:8px;height:275px}
.box_editor .tf_editor{width:100%;height:275px;border:0 none;font-size:13px;resize:none}
.box_editor .txt_editor{top:24px;font-size:10px;line-height:15px}
/* 2018-05-31-v2 추가 시작 */
.editor_write.attach_on{padding-bottom:0}
.attach_on .box_editor, .attach_on .box_editor .tf_editor{height:204px}
.box_attach{display:none;margin:8px -15px 0;border-top:1px solid #cacaca;text-align:center}/* 2018-05-31-v3 수정 */
.attach_on .box_attach{display:block}
.list_attach{display:inline-block;width:285px;font-size:0;text-align:left;vertical-align:top}/* 2018-05-31-v3 수정 */
.list_attach .item_attach{display:inline-block;position:relative;width:47px;height:47px;margin:10px 5px 0;vertical-align:top;background:#cacaca}/* 2018-05-31-v4 셀렉터 수정 */
.list_attach .btn_delete{position:absolute;top:-10px;right:-10px;width:34px;height:34px}
.list_attach .btn_delete .ico_delete{width:14px;height:14px;margin:10px auto;background-position:-165px -80px}
.box_attach .desc_attach{padding:7px 0;font-size:9px;color:#959595}/* 2018-05-31-v3 수정 */
/* 2018-05-31-v2 추가 끝 */
.board_write .btn_submit{position:fixed;top:47px;right:0;z-index:999;height:47px;padding:0 15px;font-size:15px;color:#ec7b13;font-family:'noto-regular','맑은 고딕','Malgun Gothic','돋움',dotum,sans-serif}/* 2018-05-29 수정 */
.board_write .btn_submit:disabled{color:#fff}/* 2018-05-29 추가 */
.board_report{padding:25px 15px 33px}
.board_report .tit_report{display:block;padding-bottom:8px;border-bottom:1px solid #ededed;font-weight:normal;font-size:13px;color:#000}
.board_report .area_choice{overflow:hidden;padding-top:4px}
.board_report .choice_radio{float:left;width:50%;margin-top:5px}
.board_report .tf_report{width:100%;height:57px;margin-top:8px;padding:4px 6px;border:1px solid #b5b5b5;font-size:12px;color:#000;box-sizing:border-box;resize:none}
.board_report .desc_report{padding-top:8px;font-size:11px;line-height:14px;color:#b5b5b5;word-break:keep-all}
.board_report .wrap_btn{padding-top:26px;text-align:center}
.board_report .wrap_btn .btn_report{display:inline-block;width:63px;height:33px;border:1px solid #c2c2c2;font-size:12px;line-height:31px;color:#000;vertical-align:top}
.board_report .wrap_btn .btn_submit{border:0 none;color:#fff;background:#292929}
/* 2018-05-21 게시판 추가 끝 */

.k_foot{padding:46px 0 39px;background:#000;text-align:center}/* 2018-05-23 수정 */
.k_foot .info_company{display:inline-block;overflow:hidden;margin:0 auto;vertical-align:top}
.k_foot .link_kakaogames{float:left;}
.k_foot .link_company{float:left;margin-left:30px}
.k_foot .link_company .img_logo{vertical-align:top}
.k_foot .info_copy{display:block;margin-top:12px;font-size:9px;line-height:11px;color:#8a8a8a}/* 2018-05-23 수정 */
.k_foot .info_copy .link_txt{color:#8a8a8a;text-decoration:none}
.k_foot .area_copy{overflow:hidden}
.k_foot .area_copy .link_pc{display:inline-block;height:27px;margin-top:17px;padding:0 13px;border:1px solid #3c3c3c;font-size:10px;line-height:27px;color:#fff;vertical-align:top;text-decoration:none}/* 2018-05-23 수정 */
.k_foot .foot_cert {display: flex;justify-content: center;padding-top: 10px;}
.k_foot .foot_cert .cert-link {display: flex;align-items: center;}
.k_foot .foot_cert .cert-link > span {margin-right: 8px;font-size: 10px;line-height: 30px;color: #fff}
.k_foot .foot_cert .cert-link > img {width: 6px;height: 10px;}


/* 2018-05-21 팝업 추가 시작 */
.dimmed_layer{display:none;position:fixed;top:0;bottom:0;left:0;right:0;z-index:9998;background:#000;opacity:.4}
.popup_layer{display:none;position:fixed;top:50%;left:0;right:0;z-index:9999;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
.url_layer .inner_popup_layer{width:290px;margin:0 auto;background:#fff}
.url_layer .box_tf{height:40px;padding:0 16px;background:#383838}
.url_layer .box_tf .tf_comm{height:40px;color:#fff;background:none}
.url_layer .box_tf .tf_comm::-webkit-input-placeholder{color:#9e9e9e}
.url_layer .box_tf .tf_comm:-moz-placeholder{color:#9e9e9e}
.url_layer .box_tf .tf_comm::-moz-placeholder{color:#9e9e9e}
.url_layer .box_tf .tf_comm:-ms-input-placeholder{color:#9e9e9e}
.url_layer .info_url{padding:14px 16px}
.url_layer .txt_url{display:block;line-height:19px;color:#000}
.url_layer .name_url{display:block;color:#949494}
.url_layer .desc_url{padding-top:5px;font-size:10px;line-height:13px;color:#c2c2c2;letter-spacing:-0.04em}
.url_layer .wrap_btn{border-top:1px solid #e0e0e0}
.url_layer .btn_url{float:left;width:50%;height:48px;color:#8d8d8d;background:#f1f1f1}
.url_layer .btn_submit{border-left:1px solid #e0e0e0;color:#000}
/* 2018-05-21 팝업 추가 끝 */
/* 2018-05-29 추가 시작 */
.opt_layer .inner_popup_layer{overflow:hidden;margin:0 15px;border-radius:10px}
.opt_layer .btn_opt{width:100%;height:53px;border-top:1px solid #ededed;font-size:15px;color:#000;background:#fff}
.opt_layer .btn_opt:first-child{border-top:0 none}
.opt_layer .btn_close{border-top:0 none;color:#8d8d8d;background:#f1f1f1}
/* 2018-05-29 추가 끝 */
/* 2018-06-28 추가 시작 */
.cont_store{display:block;overflow:hidden;background-color:#fff;word-break:keep-all;word-wrap:break-word}
.cont_store .box_store{padding:0 18px}
.cont_store .tit_cate{margin-bottom:4px;padding:74px 0 0;font-weight:bold;font-size:18px}
.list_account{border-top:1px solid #000;background-color:#f8f8f8}
.list_account li{overflow:hidden;padding:3px 10px 7px 0;font-size:14px;line-height:21px}
.list_account li + li{border-top:1px solid #dfdfdf}
.list_userinfo{float:left;margin-left:10px}
.list_userinfo dt, .list_userinfo dd{float:left}
.list_userinfo dt{position:relative;width:72px;margin-top:3px}
.list_userinfo dd{margin:2px 0 0 6px;font-weight:bold}
.list_userinfo dt:after{position:absolute;top:5px;right:0;width:1px;height:12px;background-color:#cfcfcf;content:''}
.list_account li:last-child dl{margin-top:6px}
.list_account .group_payment{float:left;margin:6px 0 3px 10px}
.list_account .group_payment [class*="link_charge"]{float:left;line-height:27px;background-color:#fff;text-align:center}
.list_account .link_charge{width:48px;height:25px;border:1px solid #e84329;color:#e84329}
.list_account .link_chargeinfo{width:100px;height:25px;margin-left:4px;border:1px solid #c8c8c8}
.cont_store .form_buy{padding:13px 26px 13px 26px;background-color:#222;color:#fff}
.cont_store .tit_form{width:100%;margin-bottom:11px;padding-bottom:6px;font-size:18px;border-bottom:1px solid #444}
.cont_store .wrap_inp{overflow:hidden;position:relative;padding-left:2px;margin-bottom:13px;font-size:15px;line-height:22px}
.cont_store .inp_comm{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;margin:0;border:0 none;opacity:.01;filter:alpha(opacity=01)}
.cont_store .inp_comm:checked + .lab_check .ico_comm{background-position:-100px -95px}
.cont_store .lab_check{display:block;position:relative;padding-left:15px}
.cont_store .lab_check .ico_comm{position:absolute;top:6px;left:0;width:10px;height:10px;background-position:-85px -95px}
.cont_store .inp_code{display:block;width:100%;padding:2px 0 2px 17px;margin:15px 0 10px 0;border:0 none;font-size:18px;line-height:27px;box-sizing:border-box}
.cont_store .btn_util{overflow:hidden;font-size:0}
.cont_store .btn_buy{display:inline-block;width:100%;height:41px;margin:0 0 14px;font-size:18px;line-height:44px;color:#fff;background-color:#e9932b;vertical-align:top;text-align:center}
.cont_store .btn_direct{margin-top:17px}
.cont_store .btn_cash{margin:0 0 14px 0;color:#e66700;background-color:#fff}
.cont_store .btn_katalk{margin:0 0 14px 0;font-size:13px;color:#222220;background-color:#ffda00}
.cont_store .btn_katalk .ico_comm{display:inline-block;width:17px;height:23px;margin:10px 6px 0 0;background-position:-115px -85px;vertical-align:top}
.cont_store .txt_notice{display:block;margin-top:10px;padding-left:6px;font-size:10px;line-height:17px;text-indent:-8px}
.cont_store .sub_title{display:block;font-size:13px;margin:43px 0 4px}
.cont_store .info_store{border-top:1px solid #ccc;font-size:10px;line-height:17px;color:#222;background-color:#f8f8f8}
.cont_store .info_game{padding:12px 21px 28px 13px}
.cont_store .info_game li:first-child{margin-bottom:10px}
.cont_store .info_notice{padding:15px 17px 29px}
.cont_store .info_notice li{padding-left:7px;text-indent:-8px}
.cont_store .wrap_grade{max-width:300px;margin:4px 0 0 8px}
.cont_store .wrap_grade:first-child{margin-top:0}
.cont_store .img_grade{display:block;width:100%}
.tbl_comm{width:100%;margin-top:9px;border-bottom:1px solid #ccc;table-layout:fixed;text-align:center}
.tbl_comm th, .tbl_comm td{padding:12px 0;border-top:1px solid #ccc;border-left:1px solid #ccc;font-size:10px;color:#222}
.tbl_comm th:first-child, .tbl_comm td:first-child{border-left:0 none}
.tbl_comm th{font-weight:normal;background-color:#e8e8e8}
.tbl_comm td{padding:12px 10px}
.cont_store .txt_info{display:block;padding:8px 0 44px 6px;font-size:10px;line-height:17px;color:#222;text-indent:-8px}
/* 2018-06-28 추가 끝 */
/* 2018-07-04 추가 시작 */
.store_layer{position:absolute;top:50%;left:50%;z-index:9999;width:295px;height:178px;margin:-100px 0 0 -162px;padding:11px 15px;background:#fff}
.store_layer .layer_head{font-weight:bold;font-size:11px}
.store_layer strong{font-weight:normal}
.store_layer .layer_body{padding:14px 12px;margin:5px 0 13px 0;border-top:1px solid #000;font-size:10px;line-height:17px;background:#f8f8f8}
.store_done .layer_body{padding:21px 12px 26px;line-height:14px;font-size:10px;text-align:center}
.store_code .layer_body{padding:26px 12px;text-align:center}
.layer_body .tit_layer{display:block;font-size:10px}
.store_layer .list_info{overflow:hidden}
.store_layer .list_info dt{float:left}
.store_layer .list_info dd{overflow:hidden;padding-left:4px}
.store_layer .layer_foot{font-size:10px;text-align:center}
.store_layer .wrap_layerbtn{margin-top:13px;font-size:17px}
.store_layer .layer_foot [class^="btn"]{display:inline-block;width:80px;height:33px;border:1px solid #999;font-size:13px}
.store_layer .layer_foot [class^="btn"]+[class^="btn"]{margin-left:15px}
.store_layer .layer_foot .btn_cancle:hover{border:1px solid #333}
.store_layer .layer_foot .btn_confirm{margin-left:6px;border:1px solid #e9932b;background:#e9932b;color:#fff}
.store_layer .layer_foot .btn_confirm:hover{background:#dc7f26}
.layer_foot .link_close{position:absolute;top:0;right:0;width:12px;height:12px;padding:14px 15px 12px}
.layer_foot .link_close .ico_comm{width:12px;height:12px;background-position:-135px -100px}
/* 2018-07-04 추가 끝 */
/* 2018-07-06 추가 시작 */
.popup_layer{position:absolute;z-index:9999;top:210px;left:18px;right:18px;min-width:290px;background:#fff}
.popup_layer .tit_layer{display:block;padding:13px 0 8px;font-size:11px;text-align:center}
.popup_layer .layer_body{display:block;margin:0 15px;border-top:1px solid #000;font-size:10px;letter-spacing:0}
.popup_layer .inner_body{padding:16px 15px 23px;background:#f8f8f8}
.popup_layer .inner_body li{padding:12px 0 0 5px;line-height:14px;text-indent:-5px}
.popup_layer .inner_body ul{padding-top:4px}
.popup_layer .layer_foot{padding-bottom:28px;font-size:0;text-align:center}
.layer_foot .btn_layer{display:inline-block;overflow:hidden;width:95px;height:33px;margin:0 5px;font-size:13px;line-height:33px;box-sizing:border-box;vertical-align:top;text-decoration:none}
.layer_foot .btn_type1{line-height:34px;background-color:#ee9500;color:#fff}
.layer_foot .btn_type2{border:1px solid #999;color:#808080}
.layer_foot .btn_type3{color:#fff;background-color:#616161}
.wrap_inpcheck{padding:11px 0 21px;text-align:center}
.wrap_inpcheck .lab_check{position:relative;font-size:10px;line-height:18px;letter-spacing:0}
.wrap_inpcheck .ico_comm{display:inline-block;width:18px;height:18px;margin-right:5px;background-position:-135px -115px;vertical-align:top}
.wrap_inpcheck .inp_check{position:absolute;top:-14px;left:0;z-index:-1;width:1px;height:1px;opacity:.01}
.wrap_inpcheck .inp_check:checked+.ico_comm{background-position:-135px -135px}
/* 2018-07-06 추가 끝 */

/* 2018-08-22 추가,수정 시작 */
#kakaoContent{display:block}

/* PC방 배틀 */
.btn_main{display:inline-block;width:92px;height:37px;border:1px solid transparent;font-size:13px;line-height:36px;background-color:#292929;color:#fff;vertical-align:top;box-sizing:border-box}
.btn_main.btn_type1{background-color:#dfaa1c;color:#fff}
.btn_main.btn_type2{border-color:#c2c2c2;background-color:#fff;color:#000}
.btn_main.btn_type3{background-color:#b57a1c}/* 2018-11-20 추가 */
.btn_main.btn_large{width:255px;height:42px;font-size:13px;line-height:40px;letter-spacing:-0.04em;text-align:center}
.btn_main.btn_full{width:100%;height:42px;font-size:13px;line-height:40px;letter-spacing:-0.04em;text-align:center} /* 2018-11-20 추가 */

.list_step{overflow:hidden;margin-bottom:30px}
.list_step li{float:left;position:relative;width:33%;padding:15px 0;border-bottom:2px solid #292929;font-size:14px;line-height:19px;letter-spacing:-0.025em;text-align:center;color:#131313}
.list_step li + li:after{display:block;position:absolute;left:-1px;bottom:-2px;width:2px;height:3px;background-color:#fff;content:""}
.list_step li.on{width:34%;border-color:#dfaa1c;font-family:'noto-medium','맑은 고딕','Malgun Gothic','돋움',dotum,sans-serif}
.list_step .txt_step{display:block;font-size:11px;line-height:13px}

/* 2018-08-27 수정 시작 */
.list_step2{margin-bottom:1px;word-wrap:break-word;word-break:keep-all}
.list_step2 li{position:relative;padding:18px 12px 17px 70px;font-size:12px;line-height:16px;letter-spacing:-0.07em;color:#5a5a5a}
.list_step2 li + li{border-top:1px solid #f0f0f0}
.list_step2 .tit_step{position:absolute;top:50%;left:0;width:65px;margin-top:-8px;font-weight:normal;font-size:13px;line-height:16px;text-align:center;color:#b57a1c}
/* 2018-08-27 수정 끝 */

.list_note{margin-top:19px;padding-top:13px;border-top:1px solid #dfdfdf;font-size:11px;line-height:14px;word-wrap:break-word;word-break:keep-all}
.list_note li{padding-left:8px;letter-spacing:-0.04em}
.list_note li:before{display:inline-block;margin:-1px 0 0 -8px;padding-right:2px;vertical-align:top;content:"-"}
.list_note_type1{margin:0 0 18px 0;padding:10px 0 17px;border-top:none 0;border-bottom:1px solid #dfdfdf}

.list_tf{overflow:hidden;position:relative}
.list_tf dt{float:left;width:90px;min-height:32px}
.list_tf dd{overflow:hidden}
.list_tf .dt_short{width:52px}
.list_tf .lab_tf{display:inline-block;padding-top:8px;font-size:12px;line-height:16px;font-family:'noto-medium','맑은 고딕','Malgun Gothic','돋움',dotum,sans-serif;letter-spacing:-0.05em;vertical-align:top}
.list_tf .tf_step{width:100%;height:32px;padding:0 10px;border:1px solid #b5b5b5;font-size:11px;background-color:#faf9f9;color:#000;box-sizing:border-box}
.list_tf .tf_step:disabled,
.list_tf .tf_step[disabled]{color:rgb(0, 0, 0);-webkit-text-fill-color:#000;-webkit-opacity:1}
.list_tf .tf_step::placeholder{color:#757575;-webkit-text-fill-color:#757575;opacity:1}
.list_tf .btn_main{height:32px;font-size:12px;line-height:31px}
.list_tf .data_tf1{position:relative;padding-right:87px}
.list_tf .data_tf1 .btn_main{position:absolute;top:0;right:0;width:83px}
.list_tf .data_tf2{display:inline-block;width:100%;margin-top:6px;vertical-align:top}
.list_tf .data_tf2 .btn_main{display:block;float:left;width:49%}
.list_tf .data_tf2 .btn_main + .btn_main{margin-left:2%}
.list_tf .data_tf3{display:inline-block;width:100%;margin-top:6px;vertical-align:top}
.list_tf .data_tf3 .btn_main{float:right;width:83px}
.list_tf + .list_tf{margin-top:6px}

.list_point{display:table;width:100%;text-align:center;table-layout:fixed}
.list_point dt{display:table-cell;width:107px;font-size:13px;line-height:15px;background-color:#d38e17;vertical-align:middle;color:#fff}
.list_point dd{display:table-cell;position:relative;background-color:#262626}
.list_point .txt_sub{font-size:10px}
.list_point .txt_info{display:block;margin-top:4px;font-size:10px;line-height:12px;color:#805107}
.list_point:nth-child(even) dt{background-color:#b57a1c}

/* 2018-08-27 수정 시작 */
.list_notice{margin-top:13px;font-size:11px;line-height:17px;color:#383838;word-wrap:break-word;word-break:keep-all}
.list_notice a{color:inherit}
.list_notice .link_notice{display:inline-block;padding-left:2px;font-size:10px;color:#d38e17;vertical-align:top;text-decoration:underline}/* 2018-08-28 수정 */
ol.list_notice{padding-left:8px}
ol.list_notice > li{list-style:decimal;list-style-position:outside}

.list_tab2{background-color:#292929;text-align:center}
.list_tab2 li{display:inline-block;vertical-align:top}
.list_tab2 li + li{margin-left:15px}/* 2018-09-10 수정 */
.list_tab2 .link_tab{display:block;height:35px;padding:0 13px;font-size:12px;line-height:35px;color:#898989;box-sizing:border-box}
.list_tab2 .link_tab[aria-selected="true"]{font-family:'noto-medium','맑은 고딕','Malgun Gothic','돋움',dotum,sans-serif;border-bottom:2px solid #b57a1c;color:#fff}

/* 2018-12-11 추가 시작 */
.tab_rank{margin:18px 0 0;text-align:center}
.tab_rank .rank_list{display:inline-block;overflow:hidden;vertical-align:top}
.tab_rank li{float:left}
.tab_rank li + li{margin-left:-2px}
.tab_rank .link_tab{display:block;min-width:120px;height:45px;padding:0 10px;border:2px solid #b5b5b5;font-size:12px;line-height:40px;color:#aaaaaa;text-align:center;box-sizing:border-box}
.tab_rank .link_tab[aria-selected="true"]{position:relative;z-index:10;border-color:#1b1b1b;color:#000}
/* // 2018-12-11 추가 끝 */

/* 2018-08-30 수정,삭제 시작 */
/* .list_prize li + li{margin-top:15px;padding-top:15px;border-top:1px solid #dadada}
.list_prize .tit_prize{display:block;font-size:12px;line-height:14px;color:#202020}
.list_prize .txt_prize{font-size:10px;line-height:14px;color:#414141}
.list_prize .txt_prod{display:block;margin-bottom:2px;font-size:11px;line-height:14px}
.list_prize .img_prize{width:97px;margin:10px auto 8px}
.list_prize .txt_team{font-size:12px;line-height:14px;color:#3a280b} */

/* 2018-09-05 수정 시작 */
.box_reward{letter-spacing:-0.05em;background-color:#262626;text-align:center}
.box_reward .tit_reward{font-size:18px;line-height:40px;background-color:#3a3a3a;color:#fff}
.box_reward .list_prize{overflow:hidden;height:215px;background:url(https://t1.kakaocdn.net/gamepub/pub/battlegrounds/m640/prizes_pcroom1_181116.jpg)no-repeat 50% 0;background-size:330px 215px;text-indent:-9999px} /* 2018-11-20 수정 */
.box_reward_type1{background-color:#262626}
.box_reward_type1 .tit_reward{background-color:#3a3a3a}
.box_reward_type1 .list_prize{height:646px;background:url(https://t1.kakaocdn.net/gamepub/pub/battlegrounds/m640/prizes_pcroom2.jpg)no-repeat 50% 0;background-size:330px 646px}
.box_reward_type2{background-color:#b57a1c}
.box_reward_type2 .tit_reward{background-color:#d38e17}
.box_reward_type2 .list_prize{height:862px;background:url(https://t1.kakaocdn.net/gamepub/pub/battlegrounds/m640/prizes_pcroom3_181116.jpg)no-repeat 50% 0;background-size:330px 862px}/* 2018-09-05-v2 수정 *//* 2018-11-20 수정 */
/* 2018-09-05 수정 끝 */

.box_notice{padding:27px 25px 26px;background:#ebebeb;letter-spacing:-0.05em}
.box_notice .tit_notice{font-size:14px;line-height:18px;text-align:center;color:#818181}
.box_notice_type2{padding:26px 15px 35px 25px;background-color:#222}
.box_notice_type2 .tit_notice{color:#9b9b9b}
.box_notice_type2 .list_notice li{color:#5b5b5b}
.box_notice_type3{padding:25px 26px 23px;background-color:#d0d0d0}
.box_notice_type3 .list_notice{margin-top:0}
.box_notice_type3 .list_notice li + li{margin-top:4px}

.box_game{box-sizing:border-box}
.box_game{display:table;width:100%;min-height:183px;border:1px solid #c0c0c0;background-color:#dbdbdb;letter-spacing:-0.05em;text-align:center;table-layout:fixed}
/* 2018-08-27 수정 끝 */
.box_game .inner_box{display:table-cell;vertical-align:middle}
.box_game + .box_game{margin-top:-1px}
.box_game .tit_game{font-size:14px;line-height:18px;color:#252525}
.box_game .desc_game{margin-top:3px;font-size:11px;line-height:14px;color:#252525}
.box_game .tag_state{display:block;width:35px;height:17px;margin:0 auto 2px;background-position:-135px -115px}
.box_game .txt_name{display:block;overflow:hidden;padding:0 2px;white-space:nowrap;text-overflow:ellipsis}
.box_game .group_team{margin-top:13px}
.box_game .group_btn{margin-top:20px}
.box_game .btn_team{display:inline-block;width:115px;height:60px;border:1px solid #818181;font-size:11px;line-height:18px;text-align:center;color:#fff;background-color:#3f3f3f;box-sizing:border-box}



.box_game .btn_team .emph_team{display:block;padding-top:11px;font-size:14px;line-height:17px}
.box_game .btn_team + .btn_team{margin-left:6px}
.box_game .btn_team.btn_type1{height:34px;margin:12px 0 14px}
.box_game .btn_team.btn_type1 .emph_team{padding-top:1px;line-height:31px}
.box_game span.btn_team{color:rgba(256,256,256,0.5)}
.box_game .btn_team.on{color:#fff}
.box_game .btn_main{width:117px;height:33px;font-size:12px;line-height:31px;border:1px solid #818181}
.box_game .btn_disband{display:inline-block;width:77px;height:30px;font-size:11px;line-height:28px;background-color:#7a5518;color:#ce9b4a;text-align:center;vertical-align:top}
.box_game.on{position:relative;z-index:10;border-color:#a86e12;background-color:#b57a1c}
.box_game.on .tit_game{color:#fff}
.box_game.on .desc_game{color:#eed8b6}
.box_game.on .tag_state{background-position:-135px -135px}
.box_game.on .btn_team, .box_game.on .btn_team.on, .box_game.on .btn_main, .box_game.on .btn_main.on{border-color:#fff;background-color:transparent;color:#fff} /* 2018-11-20 수정 */
.box_game.on span.btn_team, .box_game.on span.btn_main{border-color:#7a5518;color:rgba(122,85,24,1)} /* 2018-11-20 수정 */
.box_game.on span.btn_main{background-color:transparent} /* 2018-11-20 추가 */
.box_game_type2{display:block;min-height:1px;padding:20px 0}
.box_success{padding:0 24px 40px;letter-spacing:-0.05em;text-align:center}
.box_success .tit_success{display:block;margin-top:15px;font-weight:normal;font-size:16px;line-height:21px;font-family:'noto-regular','맑은 고딕','Malgun Gothic','돋움',dotum,sans-serif}
.box_success .sub_success{padding-top:4px;font-size:14px;line-height:17px;font-family:'noto-light','맑은 고딕','Malgun Gothic','돋움',dotum,sans-serif}
.box_success .txt_success{font-size:11px;line-height:14px;letter-spacing:-0.05em}
.box_success .txt_success + .txt_success{margin-top:6px}
.box_success .emph_success{color:#cb8100}
.box_success .img_success{margin-bottom:15px;padding:12px 0 20px;border-bottom:1px solid #dfdfdf}
.box_success .img_success .thumb_g{width:70px}

/* 2018-08-30 수정 시작 */
.tbl_point{width:100%;height:225px;table-layout:fixed}
.tbl_point th, .tbl_point td{font-size:11px;color:#878787}
.tbl_point th:first-child:after{display:block;position:absolute;top:5px;left:50%;width:1px;height:15px;background-color:#272727;content:""}
.tbl_point td{font-family:'noto-medium','맑은 고딕','Malgun Gothic','돋움',dotum,sans-serif;color:#fff}
.tbl_point thead th{width:50%;height:25px;background-color:#3a3a3a;color:#fff}
.tbl_point tbody th:after{display:block;position:absolute;top:30px;left:50%;bottom:5px;width:1px;background-color:#393939;content:""}
.tbl_point .row_first th, .tbl_point .row_first td{padding-top:10px}
.tbl_point .row_last th, .tbl_point .row_last td{padding-bottom:10px}
.tbl_point .emph_point{color:#cb8100}
.tbl_point .emph_point2{color:#676767}/* 2018-09-05-v2 추가 */
/* 2018-08-30 수정 끝 */

.tbl_rank{width:100%;text-align:center;table-layout:fixed;border-spacing:0;background-color:#222}
.tbl_rank thead tr{background-color:#3a3a3a}
.tbl_rank tr:nth-child(even){background-color:#262626}
.tbl_rank th, .tbl_rank td{height:17px;padding:6px 3px 4px;font-size:11px;line-height:12px;letter-spacing:-0.05em;color:#fff}
.tbl_rank th{font-weight:normal;font-family:'noto-medium','맑은 고딕','Malgun Gothic','돋움',dotum,sans-serif}
.tbl_rank th + th, .tbl_rank td + td{position:relative}
.tbl_rank th + th:before, .tbl_rank td + td:before{position:absolute;top:5px;left:0;bottom:5px;width:1px;background-color:#313131;content:""}
.tbl_rank td + td:before{background-color:#2f2f2f}
/* 2018-12-11 추가 시작 */
.tbl_rank .th_group{position:relative}
.tbl_rank .th_group:before{position:absolute;top:5px;right:0;bottom:5px;width:1px;background-color:#313131;content:""}
.tbl_rank .th_group + td:before{display:none}
/* // 2018-12-11 추가 끝 */
.tbl_rank .td_rank{padding-left:0;padding-right:0}
.tbl_rank .ico_comm{display:inline-block;width:9px;height:7px;margin:-2px 1px 0 0;vertical-align:middle}
.tbl_rank .ico_up{background-position:-60px -80px}
.tbl_rank .ico_down{margin-top:0;background-position:-70px -80px}
.tbl_rank .emph_rank{color:#e7b92b}
.tbl_rank .data_team{padding-bottom:3px;font-size:10px}
.tbl_rank .data_team dt{padding-top:2px;color:#a9a9a9}/* 2018-09-10 수정 */
.tbl_rank .data_team dd{word-break:break-all}/* 2018-09-10 수정 */
.tbl_rank .row_myrank{background-color:#d38e17}
.tbl_rank .row_myrank td, .tbl_rank .row_myrank dt{color:#222}
.tbl_rank .row_myrank td + td:before{background-color:#b27813}
/* 2018-08-27 수정 시작 */
.tbl_rank .row_myrank .emph_myrank{font-weight:bold;color:#fff}
.tbl_rank .row_myrank .ico_up{background-position:-170px -80px}
.tbl_rank .row_myrank .ico_down{background-position:-180px -80px}
.tbl_rank .txt_rank{font-size:10px}
.tbl_rank .txt_new{color:#dd460a}
/* 2018-12-11 추가 시작 */
.tbl_rank_type1 tr:nth-child(even){background-color:#222}
.tbl_rank_type1 .row_type1, .tbl_rank_type1 tr:nth-child(even).row_type1{background-color:#262626}
.tbl_rank_type1 th + th:before, .tbl_rank_type1 td + td:before{top:0;right:0;bottom:0}
.tbl_rank_type1 tr{position:relative}
.tbl_rank_type1 tr:before{display:block;position:absolute;top:0;left:0;width:100%;height:5px;background-color:red;}
.tbl_rank_type1 .row_cutline1 th:before,
.tbl_rank_type1 .row_cutline1 td:before{top:5px}
.tbl_rank_type1 .row_cutline2 th:before,
.tbl_rank_type1 .row_cutline2 td:before{bottom:5px}
/* // 2018-12-11 추가 끝 */
/* 2018-08-27 수정 끝 */

/* 2018-09-04-v2 추가 시작 */
.tbl_terms{width:100%;margin-top:10px;border-right:1px solid #363636;text-align:center;table-layout:fixed;border-spacing:0}
.tbl_terms th{padding:6px;font-size:12px;border-left:1px solid #363636;background-color:#0c0c0c;color:#fff}
.tbl_terms td{padding:6px;font-size:12px;border-left:1px solid #363636;border-bottom:1px solid #363636}

.group_terms .tit_terms{display:block;font-size:15px;margin-bottom:10px;color:#333}
.group_terms .tit_terms ~ .tit_terms{margin-top:30px}
.group_terms p{margin-top:10px;font-size:12px;line-height:18px;word-wrap:break-word;word-break:keep-all}
.group_terms li{padding:2px 0;font-size:12px;line-height:18px;word-wrap:break-word;word-break:keep-all}
.group_terms li li{margin-left:4px}
.group_terms li ul, .group_terms li ol{margin:6px 0}
/* 2018-09-04-v2 추가 끝 */

.cont_pcroom{padding-top:94px;background-color:#fff}
.cont_pcroom .tit_pcroom{font-size:24px;line-height:28px;letter-spacing:-0.07em;text-align:center}
.cont_pcroom .txt_pcroom{margin-top:4px;font-size:12px;line-height:14px;letter-spacing:-0.05em;text-align:center;word-wrap:break-word;word-break:keep-all}/* 2018-12-11 수정 */
.cont_pcroom .link_agree{display:block;margin-top:8px;font-size:11px;letter-spacing:-0.04em;text-decoration:underline}
.cont_pcroom .box_agree{margin-top:28px;font-size:11px;letter-spacing:-0.04em;text-align:center}
.cont_pcroom .box_agree .inp_check{margin:-2px 2px 0 0}
.cont_pcroom .wrap_btn{margin-top:26px;text-align:center}
.cont_pcroom .wrap_btn .btn_main + .btn_main{margin-left:1px}
.cont_pcroom .fld_step{max-width:640px;margin:0 auto;padding:0 24px 49px}
.cont_pcroom .fld_step .wrap_btn{margin-top:23px}
.cont_pcroom .list_note + .wrap_btn{margin-top:44px}
.cont_pcroom .list_note_type1 + .wrap_btn{margin-top:52px}
.cont_pcroom .board_tab{overflow-x:scroll;padding-bottom:0}
.cont_pcroom .board_tab::-webkit-scrollbar{height:0;color:#fff}
/* .cont_pcroom .board_tab .list_tab{min-width:376px} *//* 2018-08-27 삭제 */

.section_intro{position:relative}
.section_intro .txt_intro{position:absolute;bottom:30px;left:50%;width:242px;height:148px;margin-left:-120px;background:url(https://t1.kakaocdn.net/gamepub/pub/battlegrounds/m640/txt_pcroom1_181116.png) no-repeat 0 0;background-size:242px 148px}/* 2018-08-27 수정 *//* 2018-11-20 수정 */

.section_org{padding:37px 15px 30px;background-color:#f0f0f0}/* 2018-08-27 수정 */
.section_org .txt_pcroom{margin-bottom:27px;color:#7c7c7c}
.section_org .list_org{height:151px;background:url(https://t1.kakaocdn.net/gamepub/pub/battlegrounds/m640/bg_pcroom2.png) no-repeat 50% 50%;background-size:cover;text-align:center}
.section_org .list_org + .list_org{margin-top:4px}
.section_org .list_org dt{padding-top:30px;font-weight:bold;font-size:15px;line-height:17px;letter-spacing:-0.07em;color:#fff}
.section_org .list_org dd{margin-top:9px;font-size:11px;line-height:14px;color:#fff;letter-spacing:-0.07em}
.section_org .list_org .ico_arrow{width:12px;height:5px;margin:13px auto 0;background-position:-150px -100px}
/* 2018-09-03 수정 시작 */
.section_org .txt_org{display:block;margin-top:10px;font-size:10px;line-height:12px;letter-spacing:-0.01em;opacity:0.7}
.section_org .emph_org{font-weight:bold;color:#e2910d}
.section_org .list_org_type1{background-image:url(https://t1.kakaocdn.net/gamepub/pub/battlegrounds/m640/bg_pcroom2_2.png)}
.section_org .list_org_type1 dt{padding-top:40px}
.section_org .list_org_type1 .txt_org{margin-top:2px}
/* 2018-09-03 수정 끝 */
.section_org .list_org_type2{background-image:url(https://t1.kakaocdn.net/gamepub/pub/battlegrounds/m640/bg_pcroom2_3.png)}
.section_org .btn_main{display:block;margin:30px auto 0}/* 2018-08-27 추가 */

.section_howto{padding:38px 15px 41px;background-color:#292929}
.section_howto .tit_pcroom{color:#fff}
.section_howto .txt_pcroom{color:#d1d0d0}
.section_howto .btn_main{display:block;margin:16px auto 0}

.section_rule{padding:35px 15px 40px;letter-spacing:-0.05em}
.section_rule .txt_pcroom{margin-bottom:5px;color:#7c7c7c}/* 2018-08-27 수정 */
.section_rule .txt_rule{margin-bottom:10px;font-size:10px;line-height:14px;color:#d38e17;text-align:center}/* 2018-08-27 수정 */
.section_rule .list_rule{height:115px;background:url(https://t1.kakaocdn.net/gamepub/pub/battlegrounds/m640/bg_pcroom3.png) no-repeat 50% 0;background-size:cover;text-align:center}
.section_rule .list_rule dt{position:relative;padding:23px 0 0;font-size:16px;line-height:20px;color:#fff}
.section_rule .list_rule dt:after{display:block;width:15px;height:1px;margin:9px auto 10px;background-color:#fff;content:""}
.section_rule .list_rule dd{font-size:11px;line-height:13px;color:#b5b5b5}
.section_rule .list_rule_type1{margin-bottom:10px;background-image:url(https://t1.kakaocdn.net/gamepub/pub/battlegrounds/m640/bg_pcroom3_2.png)}
.section_rule .btn_main{display:block;margin:40px auto 0}

/* 2018-08-27 수정 시작 */
.section_reward{padding:38px 15px 39px}
.section_reward .txt_pcroom{margin-bottom:32px;color:#7c7c7c}
.section_reward .emph_reward{letter-spacing:-0.06em;color:#d38e17}/* 2018-09-03 수정 */

.section_apply{padding:35px 15px 40px;background-color:#f0f0f0}
.section_apply .txt_pcroom{margin-bottom:29px}
.section_apply .area_howto{margin-bottom:20px;border:1px solid #cecece;background-color:#fff}

.section_record{min-height:280px;padding:35px 15px 36px;background-color:#f0f0f0;letter-spacing:-0.05em;text-align:center}
.section_record .txt_hi{margin-top:26px;font-size:12px;line-height:16px}
.section_record .txt_nickname{display:block;margin-top:26px;font-size:13px;line-height:17px;color:#494949}
.section_record .txt_record{font-size:12px;line-height:16px}
.section_record .box_game{margin-top:7px}
.section_record .txt_noti{margin-top:10px;font-size:10px;line-height:12px;color:#373737;text-align:left}/* 2018-09-10 추가 */

.section_rank{padding:35px 15px 30px;background-color:#f0f0f0}
.section_rank .tit_rank{height:45px;margin-top:35px;font-weight:normal;font-size:14px;line-height:45px;background-color:#b57a1c;letter-spacing:-0.05em;text-align:center;color:#fff}
.section_rank .tit_rank_type1{margin-top:20px}/* 2018-12-11 추가 */
.section_rank .txt_pcroom{color:#626262}
.section_rank .wrap_btn{margin-top:15px;text-align:center}/* 2018-12-11 추가 */

.pcroom_layer{position:fixed;top:45px;left:14px;right:14px;bottom:45px;z-index:9999;background-color:#fff}
.inner_pcroom_layer{overflow:hidden;min-width:290px;height:100%;padding-bottom:45px;box-sizing:border-box}
.inner_pcroom_layer .layer_body{overflow:auto;height:100%;padding:15px 17px;font-size:11px;line-height:17px;letter-spacing:-0.05em;color:#383838;word-wrap:break-word;word-break:keep-all;box-sizing:border-box}
.inner_pcroom_layer .tit_layer{display:block;padding:13px 40px 14px 17px;font-size:14px;line-height:18px;background-color:#383838;letter-spacing:-0.11em;color:#fff}
.inner_pcroom_layer .link_close{width:40px;height:45px;padding:0}
.inner_pcroom_layer .link_close .ico_close{width:16px;height:17px;margin:14px auto 0;background-position:-175px -60px}
.inner_pcroom_layer .list_num li{list-style:decimal;list-style-position:inside}


.info_map{position:relative;}
.info_map .wrap_thumb:before{background-color:rgba(0,0,0,0.3)}
.info_map .slide_map:after{display:block;clear:both;content:''}
.info_map .slide_map{position:relative;padding-bottom:53px;background-color:#202020}
.info_map .slide_map .wrap_thumb{display:block;position:relative;}
.info_map .slide_map .txt_map{display:none;}
.info_map .slide_map .link_item{text-decoration:none}
.info_map .slide_map [class*='btn_']{position:absolute;bottom:11px;z-index:10;width:9px;height:17px;padding:7px}
.info_map .slide_map .btn_prev{left:10px}
.info_map .slide_map .btn_next{right:10px}
.info_map .slide_map .btn_prev .ico_comm{width:9px;height:17px;background-position:-90px -20px}
.info_map .slide_map .btn_next .ico_comm{width:9px;height:17px;background-position:-100px -20px}
.info_map .paging_comm{position:absolute;bottom:17px;left:0;right:0;text-align:center}
.info_map .paging_comm li{display:none}
.info_map .paging_comm .slick-active{display:block}
.info_map .paging_comm .num_page{font-size:12px;line-height:16px;color:#f9f9f9}



.cont_map{padding-top:94px;background-color:#fff}
.section_map{padding:19px 15px 79px;background-color:#fff}
.wrap_bnr{position:relative}
.wrap_bnr .info_bnr{position:absolute;top:50%;left:0;right:0;z-index:10;font-size:15px;line-height:17px;-webkit-transform:translateY(-50%);transform:translateY(-50%);color:#ee9500;text-align:center}
.wrap_bnr .txt_bnr{display:block;padding-bottom:9px;font-size:15px;line-height:17px;color:#ee9500}
.wrap_bnr .link_bnr{display:inline-block;padding:0 24px;border:1px solid #ee9500;font-size:13px;line-height:35px;vertical-align:top;color:#ee9500}
.section_map .tit_map{padding:18px 0 13px;font-size:14px;line-height:16px;color:#000;text-align:center}
.section_map .list_map{background-color:#f9f9f9}
.section_map .list_map:after{display:block;clear:both;content:''}
.section_map .list_map li{float:left;width:50%;margin-top:-1px;border:1px solid #d3d3d3;border-width:1px 1px 1px 0;box-sizing:border-box}
.section_map .list_map li:nth-child(odd){border-left:1px solid #d3d3d3;clear:both}
.section_map .list_map .link_map{display:block;font-size:13px;line-height:41px;text-align:center;color:#000}
.section_map .txt_inven{display:block;padding-top:24px;font-size:8px;line-height:10px;text-align:center;color:#222}
.section_map .ico_inven{display:inline-block;width:43px;height:17px;margin-top:-3px;margin-left:5px;background-position:-10px -160px;vertical-align:top}
/* //2018-08-28 추가 끝 */

/* 2018-11-20 추가 시작 */
.link_place{display:inline-block}
.link_place .ico_comm{display:inline-block;width:7px;height:10px;margin-right:4px;background-position:-170px -90px}

/* section_final */
.section_final{padding:34px 0 25px;background-color:#f0f0f0}
.section_final .tit_pcroom{letter-spacing:-1.5px}
.section_final .txt_pcroom{margin-top:6px;font-size:16px;letter-spacing:-0.5px}
.section_final .txt_pcroom .noto-regular{display:block;margin-top:7px;font-size:12px;letter-spacing:-0.35px}
.section_final .btn_full{display:block;margin-top:10px}
.section_final .group_tbl{margin-top:40px;padding:34px 15px 0;border-top:1px solid #ccc}
.section_final .tbl_rank{margin-top:20px}
.section_final .tbl_rank .emph_place{color:#a7711d}
.section_final .group_step{margin-top:20px;padding:0 15px}
.section_final .list_step3{margin:0 0 0;border:1px solid #cecece;background-color:#fff}

/* list_step3 */
.list_step3{margin-bottom:1px;word-wrap:break-word;word-break:keep-all}
.list_step3 li{position:relative;margin:0 15px;padding:18px 0 20px 79px;font-size:11px;line-height:13px;letter-spacing:-0.07em;color:#5a5a5a;letter-spacing:-0.65px}
.list_step3 li + li{border-top:1px solid #f0f0f0}
.list_step3 .tit_step{position:absolute;top:50%;left:6px;width:80px;margin-top:-8px;font-weight:normal;font-size:11px;font-weight:bold;line-height:16px;text-align:left;color:#b57a1c}

/* group_tbl */
.group_tbl{text-align:center}
.group_tbl .tit_tbl{font-family:'noto-medium', sans-serif;font-size:24px;letter-spacing:-1px}
.group_tbl .desc_tbl{margin-top:-2px;font-family:'noto-regular', sans-serif;font-size:12px;color:#626262;letter-spacing:-0.75px}
.group_tbl .tbl_final{margin-top:16px}

/* tbl_final */
.tbl_final{width:100%;text-align:center;table-layout:fixed;border-spacing:0;background-color:#262626}
.tbl_final thead{background-color:#3a3a3a}
.tbl_final thead th{padding:10px 0 9px;font-size:11px;color:#aeaeae}
.tbl_final tbody tr{border-top:1px solid #3a3a3a}
.tbl_final tbody tr:first-child{border-top:0 none}
.tbl_final tbody th{position:relative;font-size:11px;color:#a7711d}
.tbl_final tbody th:before{left:0}
.tbl_final tbody td{position:relative;padding:9px 0;font-size:11px;color:#fff}
.tbl_final tbody td:before{right:0}
.tbl_final tbody th:before, .tbl_final tbody td:last-child:before{position:absolute;bottom:-1px;width:7px;height:1px;background-color:#262626;content:""}
.tbl_final tbody tr:last-child th:before, .tbl_final tbody tr:last-child td:before{display:none}
.tbl_final tr:nth-child(even) th:before, .tbl_final tr:nth-child(even) td:before{background-color:#262626}
.tbl_final .link_place{display:inline-block;position:relative;color:#fff}
.tbl_final .link_place .ico_comm{vertical-align:-1px}
/* 2018-11-20 추가 끝 */

/* 2019-10-02 우동피 시작 */
.wrap_mytown {overflow:hidden}
.section_mytown {padding-bottom:102px;background:#fcfcfc;}
.section_mytown .map_area {overflow:hidden;position:relative;height:300px}
.section_mytown .map_area.panel--open #myTownMap {height:184px}
.section_mytown .map_area.panel--open .wrap-panel {bottom:0;opacity:1}
.section_mytown #myTownMap {height:300px;transition:height .3s}
.section_mytown .wrap-panel {position: absolute;left:0;right:0;bottom:-116px;z-index:99;height:116px;padding:0 40px 0 116px;box-sizing:border-box;background:#fff;letter-spacing: -0.05em;opacity:0;transition: .3s}
.section_mytown .wrap-panel:before {position: absolute;left:15px;top:14px;width:89px;height:89px;background:url('https://t1.kakaocdn.net/gamepub/pub/battlegrounds/m640/mytown/thumb-panel.png') no-repeat;background-size:89px 89px;content:''}
.section_mytown .inner-panel {padding: 12px 0 11px 0}
.section_mytown .inner-panel>strong,
.section_mytown .inner-panel>p {overflow:hidden;display:block;width:100%;font-weight:normal;color:#000;text-overflow:ellipsis;white-space: nowrap;word-break: break-all}
.section_mytown .inner-panel>strong {margin-bottom:4px;font-size:17px;line-height:22px}
.section_mytown .inner-panel>p {font-size:14px;line-height:18px}
.section_mytown .map_detail {display:inline-block;width:100px;height:32px;border:1px solid #888;box-sizing: border-box;border-radius:2px;font-size:11px;line-height:30px;color:#252525;text-align:center;vertical-align:top}
.section_mytown .mpa_searchlink {display:inline-block;width:84px;height:32px;border:1px solid #4a79fe;box-sizing: border-box;border-radius:2px;font-size:11px;line-height:30px;color:#fff;text-align:center;vertical-align:top;background:#4a79fe}
.section_mytown .mpa_searchlink>span {display:inline-block;;width:13px;height:14px;margin:8px 4px 0 0;background:url('https://t1.kakaocdn.net/gamepub/pub/battlegrounds/m640/mytown/icon-search.png') no-repeat;background-size:13px 14px;vertical-align:top}
.section_mytown .btn-panel_close {position: absolute;right:11px;top:10px;width:25px;height:25px;background:url('https://t1.kakaocdn.net/gamepub/pub/battlegrounds/m640/mytown/icon-panel-close.png') no-repeat;background-size:25px 25px;}

.section_mytown .map_cate {padding-bottom:8px;border-top:1px solid #d4d4d4;background:#fcfcfc}
.section_mytown .cate_list {overflow:hidden;width:100%;padding:12px 12px 8px;box-sizing: border-box}
.section_mytown .cate_list li {float:left;width: 33.33%;padding:5px 3px 0;box-sizing:border-box}
.section_mytown .cate_list li .location_link {display: block;height:40px;border:1px solid #b9b9b9;box-sizing: border-box;text-align: center;font-size:14px;line-height:38px;color:#252525;background:#fff}
.section_mytown .cate_list li .location_link.location_link--on {border-color:#f2a901;color:#f2a901}
.section_mytown .interest_area {position:relative;overflow:hidden;width:100%;padding-right: 15px;box-sizing: border-box}
.section_mytown .interest__label {float:right;font-size:11px;line-height:30px;color:#252525;}
.section_mytown .interest_area .select-option {position: absolute;top:0;right:15px;width:100px;height:30px;opacity:0.01}
.section_mytown .interest_area .interest__link {position: absolute;top:0;right:15px;z-index:1;width:120px;height:30px;background:transparent;color:transparent}
.section_mytown .interest__label >span{display:inline-block;width:16px;height:16px;margin:6px 4px 0 0;background:url('https://t1.kakaocdn.net/gamepub/pub/battlegrounds/m640/mytown/icon-interest.png') no-repeat;background-size:16px 36px;vertical-align: top}
.section_mytown .interest_on .interest__label {color:#f9b023}
.section_mytown .interest_on .interest__label >span {background-position-y:-20px}
.section_mytown .map-pcbang_list {letter-spacing: -0.05em}
.section_mytown .map-pcbang_list li {position:relative;width:100%;padding:0 63px 0 15px;box-sizing: border-box;border-top:1px solid #dedede}
.section_mytown .map-pcbang_list li:last-child {border-bottom:1px solid #dedede}
.section_mytown .map-outlink__link {position:absolute;top:0;right:15px;bottom:0;width:48px}
.section_mytown .map-outlink__link >span {position:absolute;top:50%;left:50%;width: 15px;height:21px;margin:-10px 0 0 -7px;background:url('https://t1.kakaocdn.net/gamepub/pub/battlegrounds/m640/mytown/icon-marker.png') no-repeat;background-size:15px 21px}
.section_mytown .event-pcbang_link {display: block;width:100%;padding:11px 0;font-size:11px;line-height:16px;color:#888888}
.section_mytown .event-pcbang_link .pcbang_title {display: block;margin-bottom:5px;font-size:13px;line-height:16px;color:#000;font-weight:normal;word-break: break-all}
.section_mytown .event-pcbang_link .list_info {overflow:hidden;font-size:11px;line-height: 16px;color:#888888}
.section_mytown .event-pcbang_link .list_info dt {position: relative;float:left;width:66px;clear:both;color:#4b4b4b}
.section_mytown .event-pcbang_link .list_info dt:after {position: absolute;right:5px;top:50%;width:1px;height:9px;margin-top:-4px;background:#bfbfbf;content:''}
.section_mytown .event-pcbang_link .list_info dd {overflow:hidden}
.section_mytown.section_mytown--end .map-pcbang_list li {padding-right: 15px}
.section_mytown .map-pcbang_list li.event-none {padding: 26px 0;border-bottom:0 none}
.section_mytown .map-pcbang_list li.event-none >strong {display:block;font-weight:normal;text-align:center;font-size:13px;line-height:20px;color:#000}

.wrap_mytown_detail {display: none}
.wrap_mytown_detail.wrap_mytown_detail--open {display: block}
.wrap_mytown_detail.wrap_mytown_detail--open .detail_contents {
    animation-name: showUp;
    animation-duration: .3s;
    animation-iteration-count: 1;
    animation-direction: normal;
    animation-delay: 0s;
    animation-fill-mode: none;
    animation-timing-function :linear;
}
.wrap_mytown_detail .detail_title {padding: 16px 14px;border-bottom:1px solid #ededed;font-size:13px;font-weight:bold;line-height:17px;color:#000;word-break: break-all}
.wrap_mytown_detail .detail_contents {padding:14px 13px}
.wrap_mytown_detail .detail_contents .detail_list {position: relative;width: 100%;border:1px solid #ededed;border-top: 0 none;padding:0 10px 0 88px;box-sizing: border-box;font-size:12px;line-height: 22px;color:#888888;background:#fcfcfc;letter-spacing: -0.05em}
.wrap_mytown_detail .detail_contents .detail_list:first-of-type {border-top:1px solid #ededed}
.wrap_mytown_detail .detail_contents .detail_list dt {position: absolute;top:0;left:0;bottom:0;width:75px;border-right:1px solid #ededed;background:#f7f7f7}
.wrap_mytown_detail .detail_contents .detail_list dt>span {position:absolute;top:50%;left:0;right:0;text-align:center;margin-top: -11px;color:#888;font-weight:bold}
.wrap_mytown_detail .detail_contents .detail_list dd {color:#000;padding: 7px 0;word-break:break-all}
.wrap_mytown_detail .detail_contents .detail_apply {padding: 25px 0 51px}
.wrap_mytown_detail .detail_contents .join-event_link {display: block;width: 175px;height: 47px;margin:0 auto;text-align: center;font-size: 15px;font-weight:bold;line-height: 45px;color:#000;background:#fcb72c}
.wrap_mytown_detail .detail_contents span.join-event_link {background:#d5d5d5}
.wrap_mytown_detail .goback__link {position: fixed;top:47px;left:0;z-index:999;width:38px;height:47px;background:url(https://t1.kakaocdn.net/gamepub/pub/battlegrounds/m640/mytown/icon-detail-back.png) no-repeat;background-size:38px 47px}

.mytown-aside {border-bottom:1px solid #0f0f0e}
.mytown-aside .sns {width:100%;height:62px;background:#0a0e15;border-bottom: 1px solid #141416}
.mytown-aside .sponsor {width:100%;height:61px;background:#000;text-align: center}
.mytown-aside .sns_list {width:100%;text-align:center}
.mytown-aside .sns_list li {display:inline-block;width:31px;margin:14px 7px 0;vertical-align: top;overflow:hidden;color:transparent;font-size:0;line-height:1px}
.mytown-aside .sns_list .sns_link {display: block;height:31px;background:url('https://t1.kakaocdn.net/gamepub/ui-contents/service/pubg/pcbattle/m/v1/images/img-sns.png') no-repeat 0 0;background-size:101px 31px}
.mytown-aside .sns_list .sns_link.youtube_sns {background-position:-35px 0}
.mytown-aside .sns_list .sns_link.discord_sns {background-position:-70px 0}
.mytown-aside .sponsor_title {display:inline-block;vertical-align: top;margin: 0 14px}
.mytown-aside .sponsor_list {display: inline-block;vertical-align: top}
.mytown-aside .sponsor_list li {display: inline-block;vertical-align: top;margin: 0 12px}
.mytown-aside .sponsor_list .sponsor_link {display: block;width: 51px;height: 61px;}

@media only screen and (max-width:360px){
    .section_mytown .map_detail {width: 85px;}
    .section_mytown .mpa_searchlink {width:74px}
}

/* [에니메이션] */
@-webkit-keyframes showUp {
    0% {
        opacity: 0;
        transform: translateY(15px);
    }
    100% {
        opacity: 1;
        transform: translateY(0px);
    }
}



/* [ ranking ] */
.cont_ranking {min-width:320px;padding:62px 0 30px 0;margin:0 auto;background-color:#000;}
.cont_ranking .section--ranking{padding:0 15px;}
.cont_ranking .section--ranking .section__title{position:relative;min-width:38px;}
.cont_ranking .section--ranking .section__title h2{font-size:16px;line-height:19px;letter-spacing:-0.03em;color:#fff;}
.cont_ranking .section--ranking .section__title h2 b{color:#ec9d2c;}
.cont_ranking .section--ranking .section__title .select-season{position:absolute;right:0;top:0;width:100px;height:38px;border:1px solid #333;background-color:#000;}
.cont_ranking .section--ranking .section__title .kg-input--season{position:relative;display:inline-block;position:relative;width:100px;height:38px;z-index:1;}
.cont_ranking .section--ranking .section__title .kg-input--season .kg-input__bu{position:absolute;right:7px;top:50%;width:8px;height:4.5px;transform:translate3d(0, -50%, 0);background:url(https://t1.kakaocdn.net/gamepub/pub/battlegrounds/m640/ranking/bu-select.png) no-repeat;background-size:100% auto;z-index:10;}
.cont_ranking .section--ranking .section__title .kg-input--season .kg-input__value{
    position:absolute;left:0;top:0;width:72px;height:100%;padding-left:12px;color:#fff;font-size:14px;line-height:36px;}
.cont_ranking .section--ranking .section__title .kg-input--season select{position:absolute;left:0;top:0;width:100%;height:100%;padding:0;margin:0;opacity:0.01;}
.cont_ranking .section--ranking .section__contents{position:relative;}

.cont_ranking .section--ranking .my-rank .rank_type {margin-top:16px;font-size:0;text-align:right;}
.cont_ranking .section--ranking .my-rank .rank_type .rank_type__item{display:inline-block;position:relative;padding-right:13.5px;margin-right:13.5px;color:#fff;font-size:14px;letter-spacing:-0.03em;}
.cont_ranking .section--ranking .my-rank .rank_type .rank_type__item:after{display:block;content:'';position:absolute;right:0;top:50%;width:1px;height:50%;transform:translate3d(0, -50%, 0);background-color:#333;}
.cont_ranking .section--ranking .my-rank .rank_type .rank_type__item.on{color:#ec9d2c;}
.cont_ranking .section--ranking .my-rank .rank_type .rank_type__item:last-of-type{padding-right:0;margin-right:0;}
.cont_ranking .section--ranking .my-rank .rank_type .rank_type__item:last-of-type:after{display:none;}

.cont_ranking .section--ranking .my-rank .tier{position:relative;margin-top:16px;border:1px solid #333;}
.cont_ranking .section--ranking .my-rank .tier .tier__bg{width:100%;height:auto;}
.cont_ranking .section--ranking .my-rank .tier .tier__wrap{position:absolute;left:0;top:50%;width:100%;transform:translate3d(0, -50%, 0);text-align:center;}
.cont_ranking .section--ranking .my-rank .tier .tier__img{display:inline-block;width:39.2%;}
.cont_ranking .section--ranking .my-rank .tier .tier__img img{width:100%;height:auto;}
.cont_ranking .section--ranking .my-rank .tier .tier__text{font-family:'noto-medium','맑은 고딕','Malgun Gothic','돋움','dotum','sans-serift';color:#f7ad52;font-size:28px;}
.cont_ranking .section--ranking .my-rank .tier .tier__message{color:#acacac;font-size:16px;letter-spacing:-0.03em;line-height:1.2;}

.cont_ranking .section--ranking .my-rank .summary{margin-top:10px;}
.cont_ranking .section--ranking .my-rank .summary .summary__list:after{display:block;content:'';clear:both;}
.cont_ranking .section--ranking .my-rank .summary .summary__list > li{float:left;width:49%;margin-bottom:12px;}
.cont_ranking .section--ranking .my-rank .summary .summary__list > li:nth-of-type(2n){float:right;}
.cont_ranking .section--ranking .my-rank .summary .summary__depth2{width:100%;height:197px;background-color:#151517;}
.cont_ranking .section--ranking .my-rank .summary .summary__head{float:none;padding:10px;background-color:#1d1d1f;}
.cont_ranking .section--ranking .my-rank .summary .summary__head .summary__bg{position:absolute;right:0;bottom:0;width:30px;height:30px;background:url(https://t1.kakaocdn.net/gamepub/pub/battlegrounds/m640/ranking/bg-summary.png) no-repeat;background-size:100% auto;}
.cont_ranking .section--ranking .my-rank .summary .summary__head--avg-rank .summary__bg{background-position-y:top;}
.cont_ranking .section--ranking .my-rank .summary .summary__head--kda .summary__bg,
.cont_ranking .section--ranking .my-rank .summary .summary__head--rp .summary__bg{background-position-y:-35px;}
.cont_ranking .section--ranking .my-rank .summary .summary__head--avg_damage .summary__bg{background-position-y:bottom;}
.cont_ranking .section--ranking .my-rank .summary .summary__head .summary__head-wrap{position:relative;width:100%;height:54px;}
.cont_ranking .section--ranking .my-rank .summary .summary__head .summary__tit{color:#fff;font-size:13px;}
.cont_ranking .section--ranking .my-rank .summary .summary__head .summary__value{position:absolute;left:0;bottom:-6px;font-family:'noto-medium','맑은 고딕','Malgun Gothic','돋움','dotum','sans-serift';color:#f7ad52;font-size:28px;}

.cont_ranking .section--ranking .my-rank .summary .summary__item{padding:0 7.5px;font-size:13px;letter-spacing:-0.03em;}
.cont_ranking .section--ranking .my-rank .summary .summary__item:last-of-type .summary__wrap{border-bottom:none;}
.cont_ranking .section--ranking .my-rank .summary .summary__item .summary__wrap:after{display:block;content:'';clear:both;}
.cont_ranking .section--ranking .my-rank .summary .summary__item .summary__wrap{padding:10px 2.5px;border-bottom:1px solid #2c2c2d;}
.cont_ranking .section--ranking .my-rank .summary .summary__item .summary__tit{float:left;color:#a5a5a5;text-align:left;}
.cont_ranking .section--ranking .my-rank .summary .summary__item .summary__value{float:right;color:#fff;text-align:right;}

.cont_ranking .section--ranking .my-rank .summary .summary__item--best-tier .summary__tit{width:50%;}
.cont_ranking .section--ranking .my-rank .summary .summary__item--best-tier .summary__value{width:50%;}

.cont_ranking .section--ranking .caution{padding-top:15px;}
.cont_ranking .section--ranking .caution .caution__list{color:#888;font-size:12px;line-height:17px;letter-spacing:-0.025em;}
.cont_ranking .section--ranking .caution .caution__list li{position:relative;padding-left:10px;}
.cont_ranking .section--ranking .caution .caution__list li .bu{position:absolute;left:0;top:0;}

.cont_ranking .section--ranking .share{display:none;padding-top:25px;}
.cont_ranking .section--ranking .share .btn-kakao{display:block;height:32px;padding:16px 0;border:1px solid #666;border-radius:3px;color:#a5a5a5;font-size:16px;line-height:32px;text-align:center;}
.cont_ranking .section--ranking .share .btn-kakao .btn-kakao__icon{display:inline-block;width:32px;height:32px;margin-right:10px;vertical-align:top;background:url(https://t1.kakaocdn.net/gamepub/pub/battlegrounds/m640/ranking/ico-kakao.png) no-repeat;background-size:100% auto;}
.cont_ranking .section--ranking .loading{position:absolute;left:0;top:0;width:100%;height:100%;background-color:#000;}
.cont_ranking .section--ranking .loading span {
    display:block;position:absolute;top:0;left:0;bottom:0;right:0;width:40px;height:40px;margin:50% auto 0 auto;border:6px solid #b1b1b1;border-left-color: transparent;visibility:visible;
    -webkit-animation: rankingLoading 0.7s linear infinite;
    -moz-animation: rankingLoading 0.7s linear infinite;
    -ms-animation: rankingLoading 0.7s linear infinite;
    animation: rankingLoading 0.7s linear infinite;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
}


/* [ranking 공유하기 페이지] */
.ranking_head{position:relative;height:47px;padding:0 15px;background-color:rgba(29,29,29,.9);}
.ranking_head .tit_logo{display:inline-block;padding-top:10px;vertical-align:top}
.ranking_head .link_logo{display:block;font-size:0}
.ranking_head .link_logo .img_logo{vertical-align:top}
.ranking_head .tit_logo .tit_text{margin-left:12px;vertical-align:top;color:#fff;font-size:16px;letter-spacing:-0.025em;line-height:27px;}
.ranking_head .tit_logo .tit_bu{display:inline-block;width:1px;height:14px;margin:7px 10px;vertical-align:top;font-size:0;background-color:#3a3a3a;}
.ranking_head .tit_logo .tit_subtext{vertical-align:top;color:#888;font-size:16px;letter-spacing:-0.025em;line-height:27px;}