@charset "utf-8";

@import url(https://fonts.googleapis.com/css?family=Noto+Sans+KR:300,400,500,700,900);
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700');
@import url(https://cdn.jsdelivr.net/npm/xeicon@2.3.3/xeicon.min.css);
@import url(https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.2/animate.min.css);
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;700&display=swap');

/* Reset with bootstrap */
body,p,h1,h2,h3,span,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin: 0;padding: 0}
body,input,textarea,select,button,table{font-family:'Noto Sans', 'Noto Sans KR','Apple SD Gothic Neo','맑은 고딕',sans-serif;word-break: keep-all;font-size: 16px;letter-spacing: -.04em;color: #000}
a:hover, a:focus{color:#f5ff24;text-decoration:none}
li{list-style: none}
address,em{font-style: normal}
label{margin-bottom:0;cursor: pointer}
table{width: 100%}
textarea{resize: none}
strong{font-weight: 700 !important}
img{vertical-align: top;max-width:100%;}
hr{display: block;margin: 15px auto;border-top: 1px solid}
dt{font-weight: normal}
button{outline:none !important}

/* Helper Classes */
.no-style{margin: 0;padding: 0;border: 0;background: none}
.ellipsis{overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.twoline{display: -webkit-box;overflow: hidden;max-height: 2.858em;line-height: 1.429em;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap: break-word;white-space: normal}
.center-block{display: block;margin-left: auto !important;margin-right: auto !important}z
.caret{display: inline-block;margin-left: .255em;border-top: .4em solid #6e6e6e;border-right: .3em solid transparent;border-bottom: 0;border-left: .3em solid transparent;vertical-align: .255em}

/* Grid */
.flex-justify-space{display: -ms-flexbox; display: flex;-ms-flex-pack: justify;justify-content: space-between;-ms-flex-align: center;align-items: center}
.col-25{flex:0 0 12.5%;-ms-flex: 0 0 12.5%;;max-width:12.5%;}
.col-45{flex:0 0 41%;-ms-flex: 0 0 41%;;max-width:41%;padding-left:15px;padding-right:15px}
.right{margin-left:auto}

/* List */
[class*=list-type]>li{position: relative;padding-left: .9em}
[class*=list-type]>li:before{content: '·';position: absolute;left: 0}
.list-type-dash>li:before{content: '-'}
.list-split>li{display: inline-block}
.list-split>li+li:before{content: '';display: inline-block;width: 1px;height: .8em;margin: 0 10px;border-left: 1px solid #9b9fa8;opacity: .5}
.list-split.v2>li+li:before{transform:rotate(20deg)}
.list-next{display:flex;}
.list-next.right{float:right}
.list-next>li{display:flex;position:relative;align-items:center;}
.list-next>li+li{padding-left:18px;margin-left:15px}
.list-next>li+li:before{content:'';position:absolute;left:0;top:53%;width:6px;height:10px;background:url(../img/list_dash.png);transform:translateY(-50%)}

/* Table */
table tr>*{padding:0 5px;font-size:18px}
.tb-txt tr+tr>*{padding-top:20px}
.tb-txt tr>td{font-weight:300;color:#666}
.table tr>*{border:0 !important;text-align:left}

/* Badge */


.form-border{padding-bottom:40px;border-top:3px solid #000;border-bottom:1px solid #999}
.form-border.v2{margin-bottom:30px;border-top:1px solid #000}
.form-primary-check{display:flex;flex-wrap:wrap;margin-left:-5px;margin-right:-5px}
/* 20200904 수정되었음 */
.form-primary-check label{margin:5px 0;padding:0 5px}
/* // 20200904 수정되었음 */
.form-primary-check label>i{display:block;min-width:170px;padding:15px 10px;border:1px solid #222;font-style:normal;font-size:18px;font-weight:400;text-align:center}
.form-primary-check input{position:absolute;top:-10000000vh}
.form-primary-check input:checked+i{border-color:#da343c;background:#da343c;color:#fff}
.form-container{padding-bottom:30px;margin-bottom:30px;border-bottom:1px solid #bbb}
.form-container .form-wrp:last-of-type{margin-bottom:0}
.form-control{height:auto;padding:15px 20px;border:1px solid #bbb;border-radius:0;background:#fff;color:#000 !important;font-size:18px;}
.form-control.no-required{background:none !important}
.form-control:focus{border-color:#000;outline:none;box-shadow:none}
.form-control::placeholder{;color:#999}
.form-line{padding:30px 0;border:0;border-bottom:1px solid #999}
.form-line::placeholder{font-size:18px;color:#999}
select.form-control.dark{-webkit-appearance: none;appearance: none;background: url(../img/icon/icon_down.png) no-repeat 95% 50% !important;text-align-last:center;}
select.form-control.dark::-ms-expand{display:none}
.form-collap{display:flex;margin:25px 0;flex-wrap:wrap}
.form-collap a{display:block;flex:1;margin-left:-5px;background:url(../img/icon/collap.png) no-repeat center right 20px;background-size:15px;line-height:1.5;font-size:16px;}
.form-collap a.collapsed{background:url(../img/icon/collap_off.png) no-repeat center right 20px;background-size:15px}
.form-collap .card{padding:13px 21px;margin-top:15px;border:0;background:#f7f7f7;font-size:15px;line-height:1.7;color:#222}
.form-collap .custom-control{margin:0}
.form-collap .collapse{flex:100%}
.form-cal{background:url(../img/icon/icon_cal.png) no-repeat right 20px center}
.search-book input::placeholder{color:#999}
.search-book input:-ms-input-placeholder{color:#999}
.search-book .form-control{color:#fff !important;background:transparent;text-align:center;}
.search-book .form-control:focus{border-color:#ccc !important}
.form-supple{margin-top:7px;font-size:15px;color:#666}
.search-book{position:relative;padding:30px 25px 20px}
.search-book h2{position:relative;display:flex;margin-left:-10px;font-size:24px;font-weight:700;align-items:center;z-index:1}
.search-book .search-wrp{width:100%}
.search-book .search-wrp input{width:100%;color:#fff}
.search-book .btn-detail{position:absolute;bottom:-28px;left:50%;width:119px;height:29px;background:url(../img/icon/icon_close2.png) no-repeat 100% center;font-size:15px;color:#fff;transform:translateX(-50%);z-index:1}
.search-book .btn-detail p{margin-top:-13px}
.search-book .btn-detail.collapsed p.on{display:none}
.search-book .btn-detail.collapsed p:not(.on){display:block}
.search-book .btn-detail p.on{display:block}
.search-book .btn-detail p:not(.on){display:none}
.search-book .form-wrp{padding:35px 0 15px}
.search-book .col-form-label{font-size:15px;font-weight:300;color:#fff}
.search-book .col-lg-25{padding:4px}
.search-book .btn-wrap{margin-top:40px;text-align:center}
.search-book .btn-wrap .btn{min-width:180px;height:50px;padding:10px 0;margin:0 4px;opacity:1 !important}
.search-book .btn-type{position:relative;display:flex;width:100%;height:100%;padding:8px 13px;border:0;font-size:12px;font-weight:300;background-color:#fff;text-align:center;justify-content:center}
.search-book .btn-type input+i{display:block;position:absolute;top:0;left:0;width:100%;height:100%}
.search-book .btn-type img{display:block}
/* .search-book .btn-type input:checked+i:before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url(../img/icon/icon_nomal_on.png) no-repeat center;background-size:cover;opacity:1}
.search-book .btn-fire input:checked+i:before{background:url(../img/icon/icon_fire_on.png) no-repeat center;background-size:cover}
.search-book .btn-water input:checked+i:before{background:url(../img/icon/icon_water_on.png) no-repeat center;background-size:cover}
.search-book .btn-grass input:checked+i:before{background:url(../img/icon/icon_grass_on.png) no-repeat center;background-size:cover}
.search-book .btn-thunder input:checked+i:before{background:url(../img/icon/icon_thunder_on.jpg) no-repeat center;background-size:cover}
.search-book .btn-ice input:checked+i:before{background:url(../img/icon/icon_ice_on.jpg) no-repeat center;background-size:cover}
.search-book .btn-rock input:checked+i:before{background:url(../img/icon/icon_rock_on.jpg) no-repeat center;background-size:cover}
.search-book .btn-ghost input:checked+i:before{background:url(../img/icon/icon_ghost_on.jpg) no-repeat center;background-size:cover}
.search-book .btn-evil input:checked+i:before{background:url(../img/icon/icon_evil_on.jpg) no-repeat center;background-size:cover}
.search-book .btn-dragon input:checked+i:before{background:url(../img/icon/icon_dragon_on.jpg) no-repeat center;background-size:cover}
.search-book .btn-steel input:checked+i:before{background:url(../img/icon/icon_steel_on.jpg) no-repeat center;background-size:cover}
.search-book .btn-fighter input:checked+i:before{background:url(../img/icon/icon_fighter_on.jpg) no-repeat center;background-size:cover}
.search-book .btn-struggle input:checked+i:before{background:url(../img/icon/icon_struggle_on.jpg) no-repeat center;background-size:cover}
.search-book .btn-poison input:checked+i:before{background:url(../img/icon/icon_poison_on.jpg) no-repeat center;background-size:cover}
.search-book .btn-rock2 input:checked+i:before{background:url(../img/icon/icon_rock2_on.jpg) no-repeat center;background-size:cover}
.search-book .btn-flight input:checked+i:before{background:url(../img/icon/icon_flight_on.jpg) no-repeat center;background-size:cover}
.search-book .btn-esper input:checked+i:before{background:url(../img/icon/icon_esper_on.jpg) no-repeat center;background-size:cover}
.search-book .btn-worm input:checked+i:before{background:url(../img/icon/icon_worm_on.jpg) no-repeat center;background-size:cover} */
.search-book .btn-type input+i+span{display:none}
.search-book .btn-type input:checked+i+span{display:block;position:absolute;top:0;left:0;bottom:0;right:0}
.search-book .btn-type input:checked+i+span>img{position:absolute;max-width:100%;;top:50%;left:50%;transform:translate(-50%,-50%)}
.search-book .btn-type>img{display:block}
.search-book.full{padding:0;margin:55px 0 25px}
.search-book.full .nav-search .search-wrp:after{background:#fff}
.nav-srch.nav{padding-left:17px;border:0}
.nav-srch .nav-link{min-width:140px;text-align:center;font-size:20px;background:#222;color:#666;border:0;border-radius:10px 10px 0 0}
.nav-srch.nav li+li{margin-left:5px}
.nav-srch .nav-link:hover{border:0}
.nav-srch .nav-link.active{background:#da343c;color:#fff;border:0}
.sub-card .search-book .search-wrp input{background:#fff;color:#000;border-radius:0 !important}
.sub-card .search-book .search-wrp input::placeholder{color:#999 !important}
.sub-card .search-book .search-wrp .btn-search{width:63px;height:55px;background:url(../img/input_srch.png) no-repeat right center;background-size:contain}
.sub-card .search-book .search-wrp .btn-search:before,.sub-card .search-book .search-wrp .btn-search:after{display:none}
.sub-card .search-book p.text-white{margin-bottom:10px}
.sub-card .sect-visual .bx-txt:after{background:url(../img/game/visual_btm_bk.png) no-repeat 100% center;}
.sub-card .card-border{padding-bottom:25px;margin-bottom:25px;border-bottom:1px solid #4d4d4d}
.sub-card .search-book form{margin:20px 0 30px}
.sub-card .search-book .form-wrp{margin:25px 0 55px;padding:0}
.sub-card .search-book .nav-muted.v2{margin-top:20px}
.sub-card .search-book .btn-wrap{margin-top:65px;margin-bottom:20px}
.sub-card .sect-visual .tumb-wrp{padding-top:56%}
.custom-check-wrp{margin:0 -5px}
.custom-checkbox-dark{position:relative;margin:5px}
.custom-checkbox-dark span{display:block;min-width:110px;padding:10px 50px 10px 14px;border-radius:5px;background:#2b2b2b;font-size:18px;color:#fff}
.custom-checkbox-dark i{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:27px;height:27px;border-radius:5px;background:#393939}
.custom-checkbox-dark input:checked+i{background:#da343c url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e") no-repeat center center;background-size:20px}
.custom-check-wrp.v2{display:flex;margin:0}
.custom-check-wrp.v2>*{margin-right:5px}
.custom-checkicon i{display:flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:6px;background:#2b2b2b;font-style:inherit;color:#fff}
.custom-checkicon i.entire{width:60px}
.custom-checkicon input:checked+i{background:#da343c}


/* Button */
/* Icon */
[class^=icon-]{overflow: hidden;display: inline-block;margin: 0;padding: 0;border: 0;font-size: 0;line-height: 0;text-decoration: none;vertical-align: middle;text-indent: -1000em;background-color: transparent;background-position: 50% 50%;background-repeat: no-repeat;background-size: auto 100%}
.page-pokemon .gnb [class^=icon-]{position:absolute;top:33px;left:50%;width:31px;height:27px;background-size:contain;transition:.5s;transform:translateX(-50%)}
.icon-news{background-image:url(../img/icon/icon_news.png)}
.icon-game{background-image:url(../img/icon/icon_game.png)}
.icon-card{background-image:url(../img/icon/icon_card.png)}
.icon-ani{background-image:url(../img/icon/icon_ani.png)}
.icon-ball{background-image:url(../img/icon/icon_ball.png)}
.open .icon-news,.active .icon-news{background-image:url(../img/icon/icon_news_w.png)}
.open .icon-game,.active .icon-game{background-image:url(../img/icon/icon_game_w.png)}
.open .icon-card,.active .icon-card{background-image:url(../img/icon/icon_card_w.png)}
.open .icon-ani,.active .icon-ani{background-image:url(../img/icon/icon_ani_w.png)}
.open .icon-ball,.active .icon-ball{background-image:url(../img/icon/icon_ball_w.png)}
#acc [class^=icon-]{position:absolute;top:-40px;left:50%;transform:translateX(-50%);width:38px;height:38px;}
.icon-ball-c{width:30px;height:30px;margin-bottom:4px;background-size:contain;background-image:url(../img/icon/icon_ball_c.png)}
#acc .icon-login{background-image:url(../img/icon/icon_login.png)}
#acc .icon-search{background-image:url(../img/icon/icon_search.png)}
#ft [class^=icon-]{width:43px;height:43px;margin:0 0 0 15px}
#ft .icon-face{background-image:url(../img/icon/icon_faceb.png);}
#ft .icon-kakao{background-image:url(../img/icon/icon_kakaos.png);}
#ft .icon-insta{background-image:url(../img/icon/icon_insta.png);}
#ft .icon-youtube{background-image:url(../img/icon/icon_youtube.png);}
#ft .icon-pokemon{background-image:url(../img/icon/icon_pokemon.png);}
#ft .icon-btm-share{background-image:url(../img/icon/icon_btm_share.png);}
.icon-more-wh{width:39px;height:39px;background-image:url(../img/icon/icon_plus_wh.png)}
.icon-more{width:39px;height:39px;background-image:url(../img/icon/icon_plus.png)}
.icon-game2{width:38px;height:38px;background:url(../img/icon/icon_redball.png)}
.icon-list{display:block;width:26px;height:18px;margin:130px auto 0;background:url(../img/icon/icon_list.png)}
.icon-prev{width:12px;height:20px;background:url(../img/icon/icon_prev.png)}
.icon-next{width:12px;height:20px;background:url(../img/icon/icon_prev.png);transform:rotate(180deg)}
.icon-prev-book{width:56px;height:56px;background:url(../img/icon/icon_prev_book.png);}
.icon-next-book{width:56px;height:56px;background:url(../img/icon/icon_prev_book.png);transform:rotate(180deg)}
.icon-man{width:26px;height:26px;background:url(../img/icon/icon_man.png) no-repeat;background-size:contain}
.icon-woman{width:26px;height:26px;background:url(../img/icon/icon_woman.png) no-repeat;background-size:contain}
.icon-go{width:7px;height:12px;margin:0 0 4px 15px;background:url(../img/icon/icon_go2.png) no-repeat}
/* Animate */
.ani-stop{visibility:hidden;-webkit-animation-name:none !important;animation-name:none !important}
.ani-delay01{-webkit-animation-delay:.1s;animation-delay:.1s}
.ani-delay015{-webkit-animation-delay:.15s;animation-delay:.15s}
.ani-delay025{-webkit-animation-delay:.25s;animation-delay:.25s}
.ani-delay02{-webkit-animation-delay:.2s;animation-delay:.2s}
.ani-delay03{-webkit-animation-delay:.3s;animation-delay:.3s}
.ani-delay04{-webkit-animation-delay:.4s;animation-delay:.4s}
.ani-delay05{-webkit-animation-delay:.5s;animation-delay:.5s}
.ani-delay06{-webkit-animation-delay:.6s;animation-delay:.6s}
.ani-delay07{-webkit-animation-delay:.7s;animation-delay:.7s}
.ani-delay075{-webkit-animation-delay:.75s;animation-delay:.75s}
.ani-delay08{-webkit-animation-delay:.8s;animation-delay:.8s}
.ani-delay09{-webkit-animation-delay:.9s;animation-delay:.9s}
.ani-delay10{-webkit-animation-delay:1s;animation-delay:1s}
.ani-delay11{-webkit-animation-delay:1.1s;animation-delay:1.1s}
.ani-delay12{-webkit-animation-delay:1.2s;animation-delay:1.2s}
.ani-delay125{-webkit-animation-delay:1.25s;animation-delay:1.25s}
.ani-delay13{-webkit-animation-delay:1.3s;animation-delay:1.3s}
.ani-delay14{-webkit-animation-delay:1.4s;animation-delay:1.4s}
.ani-delay15{-webkit-animation-delay:1.5s;animation-delay:1.5s}
.ani-delay16{-webkit-animation-delay:1.6s;animation-delay:1.6s}
.ani-delay17{-webkit-animation-delay:1.7s;animation-delay:1.7s}
.ani-delay18{-webkit-animation-delay:1.8s;animation-delay:1.8s}
.ani-delay19{-webkit-animation-delay:1.9s;animation-delay:1.9s}
.ani-delay20{-webkit-animation-delay:2s;animation-delay:2s}
.ani-delay25{-webkit-animation-delay:2.5s;animation-delay:2.5s}
.ani-delay30{-webkit-animation-delay:3s;animation-delay:3s}
.ani-delay40{-webkit-animation-delay:4s;animation-delay:4s}
.ani-delay41{-webkit-animation-delay:4.1s;animation-delay:4.1s}
.ani-delay50{-webkit-animation-delay:5s;animation-delay:5s}
.ani-duration05{-webkit-animation-duration:.5s;animation-duration:.5s}
.ani-duration{-webkit-animation-duration:1s;animation-duration:1s}
.ani-duration15{-webkit-animation-duration:1.5s;animation-duration:1.5s}
.ani-duration2{-webkit-animation-duration:2s;animation-duration:2s}
.ani-duration3{-webkit-animation-duration:3s;animation-duration:3s}
.ani-duration7{-webkit-animation-duration:7s;animation-duration:7s}

/* slider */
.irs--flat .irs-line{border-radius:40px;background:#212121}
.irs--flat .irs-bar{background:#da343c}
.irs--flat .irs-handle{top:14px;width:36px;height:36px;background:url(../img/icon/slider.png) no-repeat center center;background-size:contain;cursor:pointer}
.irs-handle.from{transform:rotate(180deg)}
.irs--flat .irs-from, .irs--flat .irs-to, .irs--flat .irs-single{top:55px;font-size:18px;text-align:center;color:#fff;background:transparent}
.irs-handle>*,.irs--flat .irs-from:before, .irs--flat .irs-to:before, .irs--flat .irs-single:before,.irs-min,.irs-max{display:none !important}
.irs--flat .irs-grid-pol{background:transparent}
.irs--flat .irs-grid-text{top:23px;font-size:18px;color:#fff}
.slider-grid .irs--flat .irs-from,.slider-grid .irs--flat .irs-to{display:none}

/*--------------------------------------
    PA
GES
---------------------------------------*/
/* Layout */
#wrap{overflow:hidden}
.container{max-width:1250px}
.container-lg{max-width:1400px;margin:0 auto;padding:0 20px}
.container-sm{max-width:960px;margin:0 auto;overflow:hidden}
.container-xm{max-width:580px;margin:0 auto}
.grid{padding:40px 0}
.grid2{padding:100px 0 140px}
.grid3{padding:90px 0 80px}
.sect{padding:50px 0 130px}
#hd{font-size:inherit;line-height:1.5}
#hd>li,
#acc>li>*{line-height:1.5}
#ft ul{margin:0}

/* Header */
#hd{display:flex;position:fixed;top:0;left:0;right:0;z-index:200 !important;height:120px;background-color:#fff;box-shadow:0 1px 20px 0px rgba(0,0,0,0.3);justify-content:space-between}
#hd .container{margin:0}
#hd .container:before,#hd .container:after{display:none}
#hd h1{display:flex;width:17%;align-items:center;justify-content:center;}
#hd .icon-logout{background-image:url(../img/icon/icon_logout.png);background-size:contain}
#hd .icon-mypage{background-image:url(../img/icon/icon_mypage.png)}
#hd .icon-search{background-image:url(../img/icon/icon_search.png)}
h1 a, h1 img{display:block}
#acc{display:inline-flex;align-items:center;justify-content:center;margin-bottom:0 !important}
#acc>li{margin:0 15px;padding-top:45px;}
#acc>li>*{display:block;position:relative;font-size:14px;color:#222}
#search{position:absolute;top:100%;left:0;right:0;border-top:1px solid #eee;background:#fff;}
#search .search-wrp{display:flex;width:700px;margin:0 auto;padding:80px 15px;}
#search input{display:block;width:100%;height:60px;padding:0 5px;margin-right:10px;border:0;border-bottom:3px solid #333;font-size:20px;font-weight:500;outline:none}
#search input::placeholder{color:#ddd}
#search input:-ms-input-placeholder{color:#ddd}
/* #search:before{content:'';position:absolute;top:100px;right:0;left:0;bottom:0;width:100%;height:100vh;background-color:rgba(0,0,0,.6)} */
.btn-search{position:relative;width:60px;height:60px;background-color:#333;outline:none}
.btn-search:before{content:'';position:absolute;top:50%;left:50%;width:24px;height:24px;background-image:url(../img/search.png);background-size:contain;background-repeat:no-repeat;transform:translate(-50%, -50%)}
.btn-search:after{content:'';position:absolute;top:0;left:-20px;width:21px;height:27px;background-color:#fff;transform:skew(-40deg)}
#search .btn-close{position:absolute;bottom:-28px;left:50%;width:69px;height:69px;background-image:url(../img/close.png);transform:translateX(-50%)}
.gnb{display:inline-flex;align-items:center;justify-content:center;height:120px;text-align:center;border-right:1px solid #ebebeb;margin-bottom:0 !important}
.page-micro .gnb{height:80px}
.page-pokemon .gnb>li{position:relative;display:inline-block;border-left:1px solid #ebebeb;z-index:1}
.page-pokemon .gnb>li>a{position:relative;display:flex;height:120px;width:170px;padding-top:30px;margin-right:-4px;border-right:1px solid #ebebeb;background-color:#fff;justify-content:center;align-items:center;font-weight:500;transition:.5s;-ms-flex-align:center;}
.page-pokemon .gnb>li.open .depth{display:block}
.page-pokemon .gnb>li.open>a,.page-pokemon .gnb>li>a.active{color:#fff;background-color:#d63836}
.page-pokemon .gnb>li.open>a.warning,.page-pokemon .gnb>li>a.active.warning{background-color:#ffb040}
.page-pokemon .gnb>li.open>a.secondary,.page-pokemon .gnb>li>a.active.secondary{background-color:#1855a0}
.page-pokemon .gnb>li.open>a.secondary2,.page-pokemon .gnb>li>a.active.secondary2{background-color:#264462}
.page-pokemon .gnb>li.open>a.danger,.page-pokemon .gnb>li>a.active.danger{background-color:#793da7}
@media (min-width:991px){
.page-card .gnb a.active,.page-card .gnb li.open>a{background:#ff5d0e !important;color:#fff !important;font-weight:700}
}
.page-card .gnb>li>a{width:auto;margin-right:0;padding:0 30px !important;border:0;padding:0;font-size:20px;font-weight:500}
.page-card .gnb>li{border:0}
.page-card .gnb{border:0;margin-bottom:0 !important}
.page-card .gnb a:not(.badge){border-bottom:5px solid transparent!important;/*color:#000 !important*/}
.page-card #acc{margin-right:-30px;margin-bottom:0 !important}
.page-card #acc>li{margin:0 15px}
.btn-store{display:flex;position:relative;width:15%;margin-left:45px;padding:0 15px 0 7px;align-items:center;justify-content:center;background:#FFDE00}
.btn-store:after{content:'';position:absolute;top:-4px;left:-15px;width:30px;height:30px;background-color:#fff;transform:skew(-45deg)}
.btn-store img{display:none}
.js-mn{display:none;z-index: 101;}
.js-mn,.btn-x{position:relative;width:36px;height:36px;outline:none !important}
.js-mn>span,.btn-x>span{display:block;position:relative;width:23px;height:1px;margin:0 auto 6px;background:#000;transform-origin:2px 0;transition:background .5s cubic-bezier(0.77,0.2,0.05,1.0), opacity .55s ease, transform .5s cubic-bezier(0.77,0.2,0.05,1.0)}
.js-mn>span:first-child,.btn-x>span:first-child{transform-origin:100% 0%}
.js-mn>span:last-child,.btn-x>span:last-child{margin-bottom:0;transform-origin:100% 100%}
.gnb-open .js-mn>span,.show .btn-x>span{transform:rotate(-45deg) translate(-.5px, -2.5px);}
.gnb-open .js-mn>span:nth-child(2),.show .btn-x>span:nth-child(2){opacity:0;transform:rotate(0deg) scale(0.2, 0.2);}
.gnb-open .js-mn>span:last-child,.show .btn-x>span:last-child{transform:rotate(45deg) translate(-1px, 2px)}
.page-micro#hd{height:80px;justify-content:end}
.page-micro#hd h1{width:5%;margin:0 30px}
.page-micro .gnb{border-right:0}
.page-micro .gnb li{margin-right:40px;font-size:18px}
.page-micro .gnb li>a{display:block;padding:27px 10px;height:80px;font-weight:500}
.page-micro#hd .switch{position:absolute;right:0;top:0;width:80px;height:100%;background:url(../img/main_micro/switch.png) no-repeat right;background-size:contain;z-index:101}
.page-micro .active{color:#da343c;border-bottom:5px solid #da343c}
#wrap:before{content:'';position:fixed;top:0;width:100%;bottom:0;background:rgba(0,0,0,.7);visibility:hidden;opacity:0;transition:.3s;z-index:20}
.search-open #wrap:before{visibility:visible !important;opacity:1 !important;}
.search-open{overflow : hidden}
#hd.page-special .icon-wrp{display:flex;align-items:center;padding-right:10px}
#hd.page-special .icon-wrp>*{margin:0 15px}
#hd.page-special .icon-wrp a{display:block;width:19px;height:16px;background:url(../img/special/icon_twi.png) no-repeat}
#hd.page-special .icon-wrp .icon-face{width:11px;height:21px;background:url(../img/special/icon_face.png) no-repeat}
#hd.page-special .icon-wrp .icon-insta{width:22px;height:22px;background:url(../img/special/icon_insta.png) no-repeat}
#hd.page-special{background:#000} 
#hd.page-special .container{max-width:inherit}
.page-special .gnb a{border:0 !important;color:#fff !important}
.page-special .gnb a.active{color:#f9e04b !important}
#acc>li.mypage-wrp>*{position:static}
#acc>li.mypage-wrp{position:relative;padding:0}
#acc>li .myinfo-box{display:none;transition:auto}
#acc .myinfo-box.collapse.show{display:block}
.myinfo-box{position:absolute !important;left:0px;top:60px;z-index:10000}
.myinfo-box .card-body{padding:0;border:2px solid #ffcb06;border-radius:5px;background:#fff;width:100%}
.myinfo-box::after{content:'';position:absolute;bottom:99%;left:calc(50% - 155px);margin-left:-10px;border-width:10px;border-style:solid;border-color:transparent transparent #ffcb06 transparent}
.myinfo-box .mypage-top{padding:20px}
.myinfo-box .btn-outline-wh{width:100%;padding:5px 18px;font-size:16px;font-weight:400;border:1px solid #bdbdbd;text-align:left;background:url(../img/icon/icon_plus_sm.png) no-repeat right 20px center}
.myinfo-box .nav-mypage{display:flex;margin-top:20px}
.myinfo-box .nav-mypage .nav-item{flex:0 0 50%;max-width:50%;text-align:center}
.myinfo-box .nav-mypage .nav-link{width:100%;padding:10px 20px;background:#cfcfcf;color:#fff}
.myinfo-box .nav-mypage .nav-item.active .nav-link{background:#484848}
.myinfo-box .tabpanel{width:406px;height:298px;background:url(../img/players.png) no-repeat center center;background-size:cover}
.myinfo-box .player-img-top{display:flex;width:55%;margin:0 auto}
.player-img-top li{width:25%;text-align:center}
.myinfo-box #mypage01 .player-img-top .player01{padding-top:45%}
.myinfo-box #mypage01 .player-img-top .player02{padding-top:31%}
.myinfo-box #mypage01 .player-img-top .player03{padding-top:20%}
.myinfo-box #mypage01 .player-img-top .player04{padding-top:8%}
.myinfo-box #mypage02 .player-img-top .player00{padding-top:45%}
.myinfo-box #mypage02 .player-img-top .player01{padding-top:31%}
.myinfo-box #mypage02 .player-img-top .player02{padding-top:20%}
.myinfo-box #mypage02 .player-img-top .player03{padding-top:8%}
.myinfo-box .rank-me{position:absolute;display:block;width:18px;height:24px;background:url(../img/icon/icon_rankme.png) no-repeat;margin-left:5.3%;margin-top:10px}
.player-img-btm{width:100%;margin-top:21%}
.player-img-btm li{float:left;width:25%;color:#fff;font-size:16px;font-weight:bold;text-align:center}
.player-img-btm li span{width:70%;display:inline-block;height:23px;margin-top:10px;line-height:23px;background:#fff;color:#000;font-size:14px;font-weight:bold;text-align:center}
.player-img-btm li.player01 span{color:#3369b3}
.player-img-btm li.player02 span{color:#15d924}
.player-img-btm li.player03 span{color:#e4b80f}
.player-img-btm li.player04 span{color:#f41d26}
#hd .mypage-btn{font-size:19px}
#hd .mypage-btn.collapsed:after{transform:rotate(0)}
#hd .mypage-btn:after{content:'';display:inline-block;width:12px;height:7px;padding:6px;margin-left:6px;background:url(../img/icon/select.png) no-repeat center center;background-size:contain;transform:rotate(180deg)}
#hd .mypage-btn .icon-mypage2{position:static;width:27px;height:27px;margin-right:-8px;background:url(../img/my.png) no-repeat left center;background-size:contain}
.myinfo-box{height:auto !important;padding:0 !important;border:0 !important;box-shadow:none !important}
#hd .myinfo-box.in{display:block}
#hd .myinfo-box .tab-pane{display:none !important;}
#hd .myinfo-box .tab-pane.active{display:block !important;opacity:1 !important}
#hd .myinfo-box .player-img-top img{width:auto}
#gnb .d-block a img{width:30px}
.icon-pokehome{width:115px;height:65px;background:url(../img/a-store-card.png) no-repeat;background-size:contain}
.icon-pokestore{width:74px;height:91px;margin-left:20px;background:url(../img/a-store-card2.png) no-repeat;background-size:contain}

/* Content */
#ct{padding-top:0;margin-top:120px}
.page-micro+#ct{padding-top:80px;min-height:calc(100vh - 350px)}
.home-wrapper{margin-top:0 !important}

/* Footer */
#ft{background-color:#000;color:#fff}
#ft .ft-top{position:relative;padding:30px 0;font-size:15px}
#ft .ft-top .list-split>li:before{margin:0 20px}
#ft .ft-mdl{padding:20px 0;background-color:#1a1a1a;font-size:13px}
#ft .ft-mdl .list-split>li+li:before{border-left:0;margin:10px 5px 0 5px;color:#ddd}
#ft .ft-btm{padding:30px 0 55px;font-size:12px}
#ft .ft-btm ul{margin-bottom:30px;color:#ddd}
/*
#ft .ft-btm ul>li{margin:0 0 10px}
*/
#ft .ft-btm .d-flex>p{margin-right:15px;font-weight:600;}
#ft .btn-top{display:block;position:absolute;bottom:0;right:0;width:99px;height:35px;background-image:url(../img/btn_top.png);background-size:contain}
#ft ol li,#ft ul li{line-height:normal}
#ft .container:before,#ft .container:after,#ft .row:before,#ft .row:after{display:none}
#ft .ft-top ul a{font-size:15px;color:#fff}
#ft .ft-mdl p,#ft .ft-mdl li{font-size:13px;color:#fff}
#ft .ft-btm .copylight li, #ft .ft-btm .customer li{font-size:12px;line-height:normal}
#ft .ft-btm .customer p,#ft .ft-btm .copylight p{font-size:12px;color:#fff}
.page-micro#ft .btn-top{display:block;bottom:auto;top:-120px;right:40px;width:70px;height:70px;background-image:url(../img/special/btn_top.png);background-size:contain;}
.page-micro#ft{position:relative;padding:55px 0 60px}
.page-micro#ft .ft-logo{display:block;width:198px;height:108px;margin:0 auto 20px;background-image:url(../img/main_micro/logo.png);}
.page-micro#ft .copyright{margin:0;padding:0;border:0;font-size:16px;line-height:1.7;text-align:center}
.btn-top{display:none;position:fixed;bottom:5%;right:40px;z-index:100}
.is-scroll .btn-top{display:block}
#ft{position:relative;z-index:150}

/* 기존사이트 */
/* 부트스트랩4->3 초기화 */
.container{width:auto !important}
#ct .row{display:block}
.nav:before,.nav:after{display: none !important}

.tab-style-underline.nav-tabs li{display: block}
.pinBoot .btn-buy{position:absolute;bottom:15px}
.pinBoot h4{overflow:hidden;max-height:3.6em;padding:0 !important}
.card{border:0}
.myinfo-box .card-head{display:none}

/* 소식 */
.breadcrumb{padding:20px 0;border-bottom:1px solid #cfcfcf;background:transparent}
.breadcrumb a{font-size:15px;font-weight:300;color:#666}
.breadcrumb a.active{color:#000}
.breadcrumb .colp-srch{display:none}
.container-sm{max-width:960px;margin:0 auto;overflow:hidden}
[class^=sub-] .grid{padding:55px 0 70px}
.sub-nav h2{padding:70px 20px 80px;margin:0;color:#fff;letter-spacing:-0.03em}
.sub-nav h2 small{display:block;margin-bottom:10px;font-size:24px;font-weight:300}
.sub-nav .container-sm h2{padding:0;margin-bottom:15px}
.sub-.btn{padding:20px 125px;border-radius:0;font-size:21px;font-weight:700}
.btn-sm{padding:13px 55px;font-size:20px;font-weight:700}
.btn-sm2{padding:14px 85px;margin-top:35px;font-size:16px}
.btn-sm2.btn-skew>p:before{right:-102%;width:9px;height:14px;background:url(../img/icon/icon_more_m.png);background-size:contain}
.btn-sm3{padding:14px 70px;font-size:18px;font-weight:500}
.btn-sm3>p:before{display:none}
.btn-lg{display:block;padding:20px 125px;margin:0 auto;font-size:21px;width:400px;}
.btn-dark{border-color:#000 !important;background-color:#000 !important;color:#fff !important}
.btn-dark2{border-color:#000 !important;background-color:rgba(0,0,0,.8) !important;color:#fff !important}
.btn-wh{border-color:#fff !important;background-color:#fff !important;color:#000 !important}
.btn-primary{background-color:#da343c !important;border-color:#da343c !important;color:#fff !important}
.btn-warning{background-color:#f6cc45 !important;border-color:#f6cc45 !important;color:#000 !important}
.btn-muted{background-color:#999 !important;border-color:#999 !important;color:#fff !important}
.btn-muted2{background-color:#454545 !important;border-color:#454545 !important;color:#fff !important}
.btn-light{background-color:#f8f8f8 !important;border-color:#f8f8f8 !important;color:#333 !important}
.btn-light2{background-color:#f2f2f2 !important;border-color:#f2f2f2 !important;color:#666 !important}
.btn-gradient{display:inline-block;position:relative;background:linear-gradient(to right,#55bcb5, #85c083, #bec449, #f7c90e);border:0;z-index:2;outline:none}
.btn-gradient:before{content:'';position:absolute;left:4px;top:4px;width:97%;height:89%;background-color:#fff;z-index:1}
.btn-gradient:after{content:'';position:absolute;top:0;left:0;bottom:0;right:0;border:0;background:linear-gradient(to left,#55bcb5, #85c083, #bec449, #f7c90e);opacity:0;transition:.4s}
.btn-gradient:hover:after{background:linear-gradient(to left,#55bcb5, #85c083, #bec449, #f7c90e);opacity:1}
.btn-gradient.btn-round{background:linear-gradient(to bottom,#f8c90d,#cbc434,#9fbe5a,#58bcb0);}
.btn-gradient.btn-round:before{border-radius:30px}
.btn-gradient.btn-round:hover:after{background:linear-gradient(to top,#f8c90d,#cbc434,#9fbe5a,#58bcb0);opacity:1}
.btn-round{border-radius:38px}
.btn-round p{position:relative;z-index:1}
.btn-round.btn-sm{padding:10px 25px;font-size:18px;font-weight:400;color:#666}
.btn-round2{padding:15px 80px;border:5px solid;border-radius:60px;background:url(../img/icon/btn_icon.png) no-repeat center left 12%;font-size:20px;font-weight:400}
.btn-round2.v2{padding:13px 94px;background:url(../img/icon/btn_icon2.png) no-repeat center right 12%;}
.btn-round2.v3{padding:14px 95px;font-weight:700;background:none}
.btn-skew{border-radius:0;transform:skew(-20deg);}
.btn-skew>p{position:relative;transform:skew(20deg);text-align:center;z-index:2}
.btn-skew>p:before{content:'';position:absolute;top:50%;right:-70px;width:10px;height:20px;background-image:url(../img/icon/icon_more.png);transform:translateY(-50%)}
.btn-sm.btn-skew:before{width:96%;height:87%}
.btn-sm.btn-skew>p:before{right:-28px}
.btn-line{position:relative;padding-bottom:10px;padding-right:46px}
.btn-line:after{content:'';position:absolute;bottom:0;left:0;width:73%;height:3px;background:linear-gradient(to right,#55bcb5, #85c083, #bec449, #f7c90e,#f7c90e)}
.btn-line:before{content:'';position:absolute;right:0;bottom:-1px;width:50px;height:17px;background:url(../img/icon/icon_btn_line.png);background-repeat:no-repeat}
.btn-more{position:relative}
.btn-more:after{content:'';position:absolute;top:50%;right:45px;width:10px;height:20px;background-image:url(../img/icon/icon_more.png);transform:translateY(-50%)}
.btn-skew.btn-lg{padding:13px 0 27px;margin-top:55px}
.btn-skew.btn-lg>p:before{right:49%;bottom:-20px;top:auto;transform:rotate(90deg)}
.btn-skew.no-icon>p:before{display:none}
.btn-details:not(.btn-lg){padding:15px 125px}
.btn-details.btn-lg{opacity:.7;transition:.5s}
.btn-details:hover{opacity:1}
.btn-details.btn-wh{opacity:1}
.btn-skew.btn-sm2:hover{box-shadow:7px 5px rgba(0,0,0,.2)}
.btn-half{display:flex;width:90%;margin:0 auto;align-items:center;justify-content:center}
.btn-half>[class^=btn]{font-weight:400}
.btn-full{display:flex;align-items:center;justify-content:center;width:100%}
.btn-full.btn-skew{width:93%;margin:0 20px;padding:17px 20px}nav .container-sm{position:relative;padding:45px 0 60px}
.sub-nav .visual{position:relative}
.sub-nav .visual:before{content:'';position:absolute;bottom:-1px;left:50%;width:128px;height:8px;transform:translate(-50%, 0);background:url(../img/sub_nav_btm.png) no-repeat center center;background-size:contain}
.sub-nav .search-wrp{width:auto;padding-left:12px;background:transparent;overflow:hidden}
.sub-nav .search-wrp:before{content:'';position:absolute;left:1px;top:0;bottom:0;width:12px;background:url(../img/search_left.png);background-size:cover}
.sub-nav .search-wrp:after{display:none}
.sub-nav .search-wrp input{left:12px;width:100%;background:#fff}
.sub-nav .search-wrp .btn-search{background-color:#da343c}
.sub-nav .search-wrp.dark input{background:#1a1a1a !important;color:#fff !important}
.sub-nav .search-wrp.dark:before{background:url(../img/search_left_dark.png) no-repeat;background-size:cover}

.sub-news .sub-nav .visual{background:url(../img/news/news_nav_bg.jpg) no-repeat center bottom;background-size:cover}
.list-card-line{margin-bottom:40px;margin-left:-10px;margin-right:-10px}
.list-card-line>li{position:relative;z-index:1;margin:15px 0;padding-left:10px;padding-right:10px}
.list-card-line>li>a{;box-shadow:none;transition:.5s}
.list-card-line .bx-txt>h3{min-height:56px;margin-bottom:40px;color:#000;font-size:20px}
.list-card-line .list-split{color:#666;font-size:14px}
/* .list-card-line a:before{content:'';position:absolute;bottom:13px;right:20px;width:52px;height:33px;border-radius:20px;background:#8032bc url(../img/icon/icon_go.png) no-repeat center 9px} */
.list-card-line .round-go{position:absolute;bottom:13px;right:20px;width:52px;height:32px;border-radius:20px;background:url(../img/icon/icon_go.png) no-repeat center bottom 14px}
.list-card-line .btm-line{position:absolute;bottom:-4px;left:0;right:0;height:4px;width:100%;}
.list-card-line a:hover{box-shadow:0px 5px 10px 0 rgba(0,0,0,.3)}
.list-card-line .text-success a:before{background-color:#07935e}
.list-card-line .text-secondary a:before{background-color:#1855a0}
.list-card-line .text-secondary2 a:before{background-color:#264462}
.list-card-line .text-secondary a:before{background-color:#1855a0}
.list-card-line .text-primary a:before{background-color:#d63836}
.list-card-line .bx-txt{min-height:157px}
.list-card-line .bx-txt .list-split{position:absolute;bottom:20px;left:20px}
.list-card-line.no-link a:before{display:none}
.list-card-line.v2 a{border:0}
.list-card-line.v2 .bx-txt>h3{max-height:4.1em;-webkit-line-clamp:3}
.list-card-line.v2 .bx-txt{position:relative;height:160px}
.list-card-line.v2 .bx-txt .list-split{position:absolute;bottom:22px;left:20px}
.list-card-line.v2 a>div{position:relative;z-index:1}
.list-card-line.v2 a:before{content:'';display:none;position:absolute;top:-10px;bottom:-10px;left:10px;right:-10px;border:1px solid #676767;transition:.5s}
.list-card-line.v2 a:hover:before{border:1px solid #676767}

.bx-btm{display:flex;margin-top:100px;justify-content:space-between;-ms-justify-content:space-between;align-items:center;-ms-align-items:center}
.bx-btm .icon-list{margin: 0}

/*---------- Media ----------*/
@media (max-width:1700px){
	.icon-pokehome{width:100px;height:65px;background:url(../img/a-store-card.png) no-repeat center center;background-size:contain}
	.icon-pokestore{width:60px;height:91px;margin-left:15px;background:url(../img/a-store-card2.png) no-repeat center center;background-size:contain}
}
@media (min-width:991px){
	#hd .gnb li.open:nth-of-type(2) a , .gnb li:nth-of-type(2) a.active{background:#ff5d0e !important}
	#hd .gnb li:nth-of-type(3).open a , .gnb li:nth-of-type(3) a.active{background:#ffa70e !important}
	#hd .gnb li:nth-of-type(4).open a , .gnb li:nth-of-type(4) a.active{background:#ffcb06 !important}
	#hd .gnb li.open:nth-of-type(5) a , .gnb li:nth-of-type(5) a.active{background:#5dcf02 !important}
	#hd .gnb li.open:nth-of-type(6) a , .gnb li:nth-of-type(6) a.active{background:#04a6e2 !important}
	#hd .gnb li.open:nth-of-type(7) a , .gnb li:nth-of-type(7) a.active{background:#9b43ff !important}
	#hd .gnb li.open:nth-of-type(8) a , .gnb li:nth-of-type(8) a.active{background:#eb3690 !important}
	#hd .container{max-width:1250px !important;width:1250px !important}
}
@media (max-width:1540px){
	.page-pokemon .gnb>li>a{width:120px}
	.btn-store{padding:0 30px;margin-left:5px;font-size:16px}
}
@media (max-width:1200px){
	#hd h1{width:11%}
	#hd h1 img{margin-left:10px}
	#acc [class^=icon-]{width:30px;height:30px}
	.page-card #acc>li{margin:0 10px}
	.page-pokemon .gnb>li>a{font-size:15px}
    #acc>li{margin:0 10px}
	.btn-store{padding:10px 0 10px 14px;margin-left:25px}
	.page-pokemon .gnb>li>a{width:82px;font-size:17px}
	.page-micro .sect-about .bx-txt h2{font-size:20px}
	.list-book .bx-txt span{width:37%}
	.col-45{max-width:40.5%;flex:0 0 40.5%;}
	.nav-search .search-wrp{width:91%;float:right}
	.search-book .form-wrp .col-12.pr-lg-0{max-width:39%;flex:0 0 39%}
	.search-book .form-wrp .col-lg-5.no-gutters{max-width:52%;flex:0 0 52%}
	.list-banner .col-lg-auto{flex:inherit;max-width:inherit }
	.list-banner .row{flex-wrap:nowrap }
	.list-rank .title h3{background-size:102% 60px}
	.swiper-center .swiper-button-prev, .swiper-container-rtl .swiper-button-next{left:90px}
	.swiper-center .swiper-button-next, .swiper-container-rtl .swiper-button-prev{right:90px}
	.custom-check-wrp.v2{flex-wrap:wrap}
	.custom-check-wrp.v2>*{margin-top:5px}
	.sub-card .sect-info .container{position:static}
	.ft-top .list-split{padding-right:100px}
	#ft .ft-top .list-split>li:before{margin:0 8px}
	#ft .ft-btm .flex-lg-row-reverse{display:block !important;flex-wrap:nowrap;padding:0 20px}
	#ft .ft-btm .copylight{padding-left:0}
	#ft .ft-btm .customer+p{margin-top:10px}
	h1 img{width:77%;margin:0 auto}
	#hd .container{padding:0}
    #acc>li{margin:0 10px}
	.page-pokemon .gnb>li>a{width:82px;font-size:15px}
	.page-micro .sect-about .bx-txt h2{font-size:20px}
	.list-book .bx-txt span{width:37%}
	.col-45{max-width:40.5%;flex:0 0 40.5%;}
	.nav-search .search-wrp{width:91%;float:right}
	.search-book .form-wrp .col-12.pr-lg-0{max-width:39%;flex:0 0 39%}
	.search-book .form-wrp .col-lg-5.no-gutters{max-width:52%;flex:0 0 52%}
	.page-card#hd .mypage-btn{font-size:12px}
	#acc [class^=icon-]{width:30px;height:30px}
	#acc>li>*{font-size:12px}
	.btn-store{padding:0 10px 0 13px;font-size:15px}
	.myinfo-box .tabpanel{width:346px;height:252px}
	.page-card#hd .mypage-btn{padding:15px 0 0 0;background-size:27px}
	.page-card #acc>li{margin:0 12px}
	.myinfo-box{left:-73px;top:101px}
	.myinfo-box::after{left:calc(50% - 83px) !important}
	#hd .mypage-btn .icon-mypage2{display:block;width:22px;height:22px;margin:0 auto;margin-bottom:12px}
	.page-card #acc{margin-right:0}
	.page-card #acc>li.mypage-wrp{margin-right:0}
	.myinfo-box .tab-content .tab-pane{width:auto !important;height:auto !important}
	.myinfo-box .nav-mypage .nav-link{padding:6px 18px;font-size:12px}
	.myinfo-box .tab-content{margin-top:0 !important}
	.myinfo-box{width:auto !important}
	.player-img-btm{margin-top:18%}
	.icon-pokehome{width:60px;height:65px;background:url(../img/a-store-card.png) no-repeat center center;background-size:contain}
	.icon-pokestore{width:40px;height:91px;margin-left:15px;background:url(../img/a-store-card2.png) no-repeat center center;background-size:contain}
}
@media (max-width:991px){
	body, input, textarea, select, button, table{font-size:14px}
	hr{margin:10px auto}
	img{max-width:100%}
    .col-45{flex:0 0 49%;max-width:49%}
	
	
	/* Header */
	.container-sm{max-width:none;padding-left:20px !important;padding-right:20px !important}
	.nav-open #wrap{position:fixed;left:0;right:0}
	#hd{display: flex;-ms-flex-pack: justify;justify-content: space-between;align-items: center;height:65px;padding:10px 10px 10px 0;z-index:2000}
	#hd h1{position:absolute;top:14px;left:50%;margin:0;transform:translateX(-50%);z-index:200}
	#hd h1 img{width:97px;max-width:none}
	#acc{position:absolute;right:0;top:50%;transform:translateY(-50%);z-index:100}
	#acc>li{margin:0 10px;padding-bottom:0;padding-top:0}
	#acc>li>*{font-size:0;color:#fff}
	#acc [class^=icon]{position:static;transform:none;height:38px;width:38px}
	#acc .collapsed .icon-search{width:38px;height:38px;padding:0;background-image:url(../img/icon/icon_search.png);background-size:100%}
	#acc .icon-search{width:38px;height:38px;padding:20px 0;background-image:url(../img/icon/icon_close.png);background-size:60%;}
	#search .search-wrp{width:90%;max-width:500px;padding:35px 15px}
	#search .btn-close{display:none}
	#search .btn-search{width:53px;height:45px}
	#search .btn-search:before{width:20px;height:20px}
	#search input{height:45px;font-size:18px}
	.page-pokemon .gnb>li.open>a, .page-pokemon .gnb>li>a.active{color:#000 !important}
	.icon-news{background:url(../img/icon/icon_news_m.png) no-repeat !important;background-size:contain !important}
	.icon-game{background:url(../img/icon/icon_game_m.png) no-repeat !important;background-size:contain !important}
	.icon-card{background:url(../img/icon/icon_card_m.png) no-repeat !important;background-size:contain !important}
	.icon-ani{background:url(../img/icon/icon_ani_m.png) no-repeat !important;background-size:contain !important}
	.icon-ball{background:url(../img/icon/icon_product_m.png) no-repeat !important;background-size:contain !important}
	.btn-store:after{display:none !important}
	.page-pokemon .gnb{margin-top:65px;border-top:1px solid #c7c7c7}
	.gnb{overflow:hidden;overflow-y:auto;display:block;position:fixed;top:0;left:0;right:0;z-index:100;height:auto !important;padding-bottom:40px;margin:0;background-color:#fff;transform:translateX(100%);transition:transform .4s}
	.gnb{padding-top:5px;}
	[class^=page-] .gnb [class^=icon-]{position:static;width:30px;height:30px;margin-left:10px}
	[class^=page-] .gnb>li{display:block;position:relative;margin:0;padding:0 15px;text-align:left;}
	[class^=page-] .gnb>li>a{display:flex;width:100%;height:auto;padding:15px 10px;border:0;border-bottom:1px solid #e0e0e0;font-size:15px;color:#000;justify-content:flex-start;align-items:center;background:transparent url(../img/icon/go.png) no-repeat right 20px center !important;background-size:8px !important}
	.gnb-open #ct:before{content:'';position:fixed;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,.6);z-index:20}
	#ct:before{background:rgba(0,0,0,0);transition:.3s}
	[class^=page-] .gnb>li>.btn-store{display:flex;align-items:center;padding:20px 0 !important;border-bottom:0;color:#000 !important;background:transparent url(../img/icon/go.png) no-repeat right 25px center !important;background-size:8px !important}
	.frm-search{position:relative;padding:0 15px;margin:52px 0 15px;}
	.frm-search button{position:absolute;top:50%;right:15px;transform:translateY(-50%);font-size:20px;}
	.gnb-open .gnb{transform:translateX(0) !important}
	.gnb-open .js-mn>span{width:30px}
	.gnb-open .js-mn{padding-right:7px}
	.js-mn{display:block;position:absolute;top:0;left:0;height:100%;width:68px;background-color:#000}
	.js-mn:before{content:'';position:absolute;top:-2px;right:-33px;width:40px;height:30px;background-color:#fff;transform:skew(40deg)}
	.js-mn>span{width:25px;height:3px;background:#fff}
	.js-mn>span:nth-of-type(2){width:16px;margin:0 22px 6px}
	.page-micro#hd{height:60px}
	.page-micro .js-mn:before{content:'';position:absolute;left:0;right:0;top:0;width:100vw;height:60px;box-shadow:0 1px 12px 0px rgba(0,0,0,0.1);transform:translate(0)}
	#hd.page-micro h1{top:3px;left:50%;margin:0}
	.page-micro .gnb{top:60px;height:55px !important;padding:0;transform:translateY(-100px);transition:.4s}
	.page-micro .gnb li>a{height:55px;padding:15px 5px;font-size:16px}
	.page-micro .js-mn{background:transparent;}
	.page-micro .js-mn>span{background:#000}
	#hd.page-special .gnb.swiper-container{display:block !important;margin-top:-1px;padding:0 20px;transform:none !important;background:#000}
	#hd.page-special{padding:10px 20px}
	#hd.page-special h1{position:static;display:block;width:auto;transform:none}
	#hd.page-special h1 img{width:50px}
	#hd.page-special .container,#hd.page-special .icon-wrp,#hd.page-special .icon-wrp>li:last-of-type{padding-right:0;margin-right:0}
	#hd.page-card h1 img{width:90px;margin-top:-4px}
	.page-card #acc{margin-right:0}
	.page-card #acc>li{margin:0 10px}
	.page-card .gnb{padding-top:0;margin-top:64px}
	.page-card .my-news{display:flex !important;margin-bottom:10px !important;padding:25px 30px !important;align-items:flex-start;justify-content:space-between;background:#000}
	.page-card .my-news .my-profile{display:flex;align-items:center;color:#fff}
	.page-card .my-news .my-profile img{width:50px;height:50px;margin-right:10px;border-radius:100%}
	.page-card .my-news .my-profile span{font-size:17px}
	.page-card .my-news .my-profile a{display:block;margin-top:1px;color:#eee !important;text-decoration:underline}
	.page-card .my-news .my-profile a.badge{font-weight:400}
	.page-card .gnb>li+li{padding:0 20px !important}
	.page-card .gnb>li+li+li a{border-top:1px solid #e0e0e0}
	.page-card .gnb>li>a.active{border-bottom:0 !important}
	.page-card .gnb>li:not(.my-news) a{padding:15px !important;font-size:17px}
	.page-card .gnb a:not(.badge){border-bottom:0 !important}
	
	/* Content */
	#ct{margin:0;padding:65px 0 0}
	.page-micro#ct{padding-top:60px;transition:.4s}
	.gnb-open .page-micro#ct{padding-top:115px}
	.grid{padding:40px 0 25px}
	.grid2{padding:40px 0 70px}
	.grid3{padding:45px 0 50px}
	.d-iblock{display:inline-block !important}
	.sect{padding:25px 0 90px}
	.container-mo{padding-left:20px !important;padding-right:20px !important}
	.icon-list{width:20px;background-size:contain;background-repeat:no-repeat}
	#ct.page-special{padding-top:115px}
	
	/* Footer */
	#ft .container{display:block;height:auto;padding:0 20px;text-align:center}
	#ft .ft-top,#ft .ft-mdl,#ft .ft-btm{padding:17px 0}
	#ft .ft-btm{padding-bottom:40px}
	#ft .ft-top .container{text-align:left}
	#ft .ft-top img{width:auto;height:20px}
	#ft .ft-mdl .d-flex{justify-content:center;margin-top:15px}
	#ft .ft-mdl .d-flex li:nth-of-type(1)>a{margin-left:0}
	#ft .ft-mdl .d-lg-block.d-none{display:block !important}
	#ft .list-mn{margin-bottom:50px}
	#ft .ft-mdl p{margin-bottom:0}
	#ft .list-mn li{display:inline-block;width:45%;margin:5px 2px !important}
	#ft .list-mn a{display:block;width:100%;padding:12px;border:1px solid #464646;font-size:13px;color:#fff}
	#ft .ft-btm ul>li{margin:5px 0}
	#ft .copylight{padding-bottom:20px;margin:0 auto 20px;border-bottom:1px solid #242424;line-height:1.5;font-size:12px;font-weight:300}
	#ft .copylight p{font-size:12px;color:#999}
	#ft .customer{width:100%}
	#ft .customer .d-flex{display:block !important;}
	#ft .customer li:nth-of-type(2){margin-bottom:20px}
	#ft .ft-btm ul{margin-bottom:20px}
	#ft .customer ul, #ft .customer p{font-size:12px;font-weight:300}
	#ft .customer ul{margin-bottom:0;font-size:12px}
	#ft .ft-btm .flex-lg-row-reverse{margin:0}
	#ft .ft-btm .d-flex>p{font-size:12px}
	
	.page-micro#ft{padding:40px 0}
	.page-micro#ft .copyright{font-size:11px;font-weight:300}
	.page-micro#ft .copyright>li{margin:3px 0}
	.page-micro#ft .btn-top{top:-47px;right:10px;width:40px;height:40px;}
	
	/* 마이페이지 */
	#acc{position:static;transform:none}
	#acc li>button{position:absolute;right:10px;top:13px}
	#acc li>a:not(.nav-link){position:absolute;right:70px;top:13px}
	#acc li .d-lg-block.d-none{position:absolute;right:30px;top:-19px}
	.gnb-open .mypage-wrp{position:absolute !important;top:0;left:50%;transform:translateX(-50%);margin:0 !important;display:block !important}
	.mypage-wrp .mypage-btn{display:none !important}
	.mypage-wrp .myinfo-box{left:50%;top:172px;width:295px;transform:translateX(-50%)}
	.myinfo-box::after{display:none}
	.mypage-wrp .card-head{display:flex;justify-content:space-between;padding:20px 20px 0 20px}
	.mypage-wrp h3{margin:0;color:#000;font-size:20px}
	.mypage-wrp .icon-close{width:20px !important;height:20px !important;background:url(../img/icon/icon_close.png) no-repeat;background-size:contain}
	.myinfo-box .nav-mypage .nav-link{padding:5px 0;font-size:13px}
	.mypage-open{display:flex !important;align-items:center;text-decoration:none !important;}
	#hd .collapsed .xi-angle-down{transform:rotate(0)}
	#hd .xi-angle-down{margin-left:10px;color:#fff;transform:rotate(180deg);transition:.3s}
	.myinfo-box .nav-mypage{margin-top:10px}
	.myinfo-box .mypage-top{padding:10px 20px}
	.myinfo-box .tabpanel{width:290px;height:211px;background-size:contain}
	.myinfo-box .player-img-top{width:54%}
	.myinfo-box .btn-outline-wh{min-width:auto}
	.player-img-btm li{font-size:11px}
	.player-img-btm li span{font-size:11px}
	.myinfo-box .rank-me{margin-left:4.3%}
	
	.mypage-open{margin-top:0;}
	.mypage-open p{font-size:14px;margin-bottom:0;color:#fff;line-height:1}
	.mypage-open+a{margin-top:0}
	.my-profile+div>a.badge{min-width:55px;height:29px;padding:7px 11px;border-radius:16px;font-size:14px;font-weight:500;background:#3b3b3b;color:#eee}
	.player-img-btm{margin-top:14%}
}
@media (max-width:420px){
	.sub-cus .bg-000 ul>* p{height:100px}
}