@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,a:hover,a:focus,a:active{text-decoration: none;color: inherit}
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}

/* Typography */
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{margin: 0}
.h2{margin-bottom:40px;font-size:50px;font-weight:700;letter-spacing:-0.07em;text-align:center}
.h3{font-size:36px;font-weight:700}
.h4{font-size:34px !important}
.h5{font-size:30px;font-weight:700;line-height:1.3;letter-spacing:-0.03em}
.h6{font-size:14px;}
.small{font-size:12px;font-weight:300}
.regular{font-weight:400}
.bold{font-weight:700}
.font-body{font-size:20px;font-weight:400}
.font-lato{font-family: 'Lato', sans-serif;}

/* 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 */
[class^=badge]{padding: 10px;border-radius: 20%;font-size: 12px;background-color: #aaa;color:#fff}
.badge-round{min-width:55px;height:29px;padding:7px 11px;border-radius:16px;background-color:rgba(0,0,0,.5);font-size:14px;font-weight:500}
.badge-tri{position:absolute;top:0;left:0;padding:0;border-left:35px solid;border-right:35px solid transparent;border-top:35px solid;border-bottom:35px solid transparent;background-color:transparent;border-radius:0;z-index:2}
.badge-tri>p{position:absolute;top:-25px;left:-25px;color:#fff}
.new .badge-tri{color:#f22322}
.end{position:relative}
.end:before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,.6);z-index:1}
.end .badge-tri{color:#959595}
.badge-gradient{background:linear-gradient(to right,#55bcb5, #85c083, #bec449, #f7c90e)}
.badge-img{position:absolute;top:-33px;left:10px;width:50px;height:50px;border:3px solid #fff;border-radius:13px}
.badge-outline{border:1px solid;background-color: transparent;color:#fff}
.img-badge-new{position:absolute;top:0;left:0;width:59px;height:59px;background:url(../img/badge_tri_gradient.png);background-size:contain}
.badge-type{width:49%;padding:10px;border:0;border-radius:5px;text-align:center;font-size:16px;font-weight:500}
.badge-dark{background:#000 !important;color:#fff !important}
.badge-num{padding:7px 11px;margin:0 10px;border-radius:7px;background:#272727;color:#d2d2d2;font-size:18px;font-weight:500}
.badge-wh{background:#fff;color:#000}
.badge-nomal{background:#92999f;color:#fff}
.badge-dark{background:#000;color:#fff}
.badge-primary{background:#3d5d74;color:#fff}
.badge-muted{background:#b6b6b6;color:#fff}
.badge-muted2{background:#3b3b3b;color:#eee !important}
.badge-quad{width:49%;padding:7px;border-radius:5px;font-size:15px;font-weight:500}
.badge-grass{background:#9bcc50;color:#000}
.badge-poison{background:#b97fc9;color:#fff}
.badge-fire{background:#efa061;color:#fff}
.badge-flight{background:#94c5d3;color:#fff}
.badge-water{background:#608fcf;color:#fff}
.badge-thunder{background:#edd259;color:#000}
.badge-asper{background:#e879;color:#fff}
.badge-evil{background:#585365;color:#fff}
.badge-ice{background:#8dccc0;color:#000}
.badge-fairy{background:#c39de1;color:#000}

/* Breadcrumb */
.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}

/* Button */
.btn-card {
	display: inline-block;
	padding: 20px 125px;
	border-radius: 0;
	font-size: 21px;
	font-weight: 700;
	color: #212529;
	text-align: center;
	vertical-align: middle;
	line-height: 1.5;
	border: 1px solid transparent
}
.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}
.btn-dark-re {
	border-color: #000 !important;
	background-color: #000 !important;
	color: #fff !important
}

.btn-dark2-re {
	border-color: #000 !important;
	background-color: rgba(0, 0, 0, .8) !important;
	color: #fff !important
}

.btn-wh-re {
	border-color: #fff !important;
	background-color: #fff !important;
	color: #000 !important
}

.btn-primary-re {
	background-color: #da343c !important;
	border-color: #da343c !important;
	color: #fff !important
}

.btn-warning-re {
	background-color: #f6cc45 !important;
	border-color: #f6cc45 !important;
	color: #000 !important
}

.btn-muted-re {
	background-color: #999 !important;
	border-color: #999 !important;
	color: #fff !important
}

.btn-muted2-re {
	background-color: #454545 !important;
	border-color: #454545 !important;
	color: #fff !important
}

.btn-light-re {
	background-color: #f8f8f8 !important;
	border-color: #f8f8f8 !important;
	color: #333 !important
}

.btn-light2-re {
	background-color: #f2f2f2 !important;
	border-color: #f2f2f2 !important;
	color: #666 !important
}

/* Collapse */
.collap{border-bottom:1px solid #c9c9c9}
.collap .para{font-size:15px;margin-bottom:30px}
.collap .card .para:last-child{margin:0}
.collap>li{border-top:1px solid #c9c9c9}
.collap>li a{display:block;padding:20px 10px;font-size:20px;font-weight:700;color:#000;background:url(../img/icon/collap.png) no-repeat right 35px center;}
.collap>li a>p{overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.collap>li a.collapsed{background:url(../img/icon/collap_off.png) no-repeat right 35px center}
.collap>li a>p>span{display:inline-block;width:40px;height:40px;margin-right:10px;padding:3px;border-radius:100%;background:#333;font-size:20px;color:#fff;text-align:center}
.collap>li a.collapsed>p>span{background:#9a9a9a;transition:.3s}
.collap .card{padding:40px 30px;border:0;background:#f8f8f8}
.collap.v2{margin-bottom:90px}
.collap.v2 a.collapsed>p>span{background:#fff;color:#000;font-weight:700}
.collap.v2 a>p>span{position:relative;background:#fff;color:#e70012;font-size:20px;font-family: 'Lato', sans-serif}
.collap.v2 a.collapsed{background:url(../img/icon/collap2.png) no-repeat right 35px center}
.collap.v2 a{background:url(../img/icon/collap2_active.png) no-repeat right 35px center}
.collap.v2 a p{display:flex;align-items:baseline;text-overflow:inherit;white-space:inherit;font-weight:500;width:90%;}

/* Dropdowns */
.dropdown-round-wh{display:block;width:225px;margin:0 auto}
.dropdown-round-wh .dropdown-toggle{position:relative;padding:10px;margin-bottom:20px;min-width:225px;border:none;border-radius:30px;background:#fff;box-shadow:0 1px 4px 0px rgba(0,0,0,.2);font-size:18px}
.dropdown-round-wh .dropdown-toggle:after{position:absolute;top:50%;right:20px;transform:translateY(-50%)}
.dropdown-round-wh .dropdown-menu{width:100%}
.dropdown-book{width:380px;height:auto;border:3px solid #000;border-radius:8px;float:right}
.dropdown-toggle:after{position:absolute;right:20px;top:50%;transform:translateY(-50%)}
.dropdown-book .dropdown-toggle:before{content:'';display:block;float:left;width:50px;height:50px;margin:-10px 15px -10px 0;background:#000 url(../img/icon/icon_dropdown.png) no-repeat center}
.dropdown-book .dropdown-toggle{width:100%;padding:10px 0;border:0;background:transparent;font-size:18px;font-weight:300;text-align:left}
.dropdown-book .dropdown-menu{width:100%;margin-top:7px;padding:0;border:3px solid #000;border-radius:8px}
.dropdown-book .dropdown-menu a{padding:10px 20px;border-bottom:1px solid #dbdbdb;font-size:18px;font-weight:300}
.show .dropdown-toggle:after{transform:translateY(-50%) rotate(180deg)}

/* Forms */
.custom-control{display:block;width:100%;min-height:0;padding-left:22px;font-size:22px;font-weight:400;}
.custom-control.lg{font-size:20px;font-weight:500}
.custom-control-label{display:block}
.custom-control-label::before, .custom-control-label::after{width:27px;height:27px;bottom:0;left: -25px;border-radius:0;box-shadow:none !important}
.custom-control-input:checked~.custom-control-label::before{background:#da343c;border-color:#da343c}
.custom-checkbox .custom-control-label{display:inline-block;padding-left:15px}
.custom-checkbox .custom-control-label::before{width:27px;height:27px;border-radius:5px;background:#fff;border-color:#000;}
.custom-checkbox.v2{display:flex;flex-wrap:wrap;}
.custom-checkbox.v2 .invalid-feedback{flex:0 0 100%;font-size:14px;padding-left:10px}
.custom-checkbox.v2 .custom-control-label::before{background:#bbb;border:0}
.custom-checkbox.v2 .custom-control-input:checked~.custom-control-label::before{background:#da343c;border:0}
.custom-checkbox.v2 .custom-control-input~.custom-control-label::after{background-image: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")}
.custom-checkbox-sm .custom-control-label::before,.custom-checkbox-sm .custom-control-label::after{width:22px;height:22px}
.custom-control+.custom-control:not(.custom-control-inline){margin-top:15px}
.custom-radio .custom-control-input:checked~.custom-control-label::before{background:#fff;border-width:5px}
.custom-radio .custom-control-label::after{display: none}
.form-wrp{margin-top:10px;margin-bottom:10px}
.form-wrp .btn{height:60px;padding:10px 0;font-size:18px;font-weight:400}
.form-wrp select.form-control{background:url(../img/icon/select.png) no-repeat right 20px center !important;padding-right:13%}
.form-wrp .col-4 select.form-control,.form-wrp .col-lg-4 select.form-control{padding-right:24%}
.form-wrp.lg{margin-top:15px;margin-bottom:15px}
.form-wrp.lg+.form-supple{margin:-6px 0 17px}
.form-control.sm{height:50px;padding:10px !important}
.form-wrp .subject{width:20%;padding:18px 0;font-size:20px;font-weight:500}
.form-wrp .cont{display:flex;flex:1;flex-wrap:wrap;align-items:center;font-size:18px;font-weight:400;color:#666}
.form-wrp.row{margin-left:0;margin-right:0}
.form-table .form-wrp .subject{padding:15px 0}
.form-wrp.row .form-supple{margin:10px auto 10px 20%;padding:0}
.sub-cus .form-wrp{margin:25px 0}
.subject{font-size:22px;font-weight:700;line-height:22px}
.col-form-label{font-size:20px;font-weight:500}
.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}


/* Modal */
.modal-md{width:590px}
.modal-lg{width:770px}
.modal-lg .modal-body{padding:55px 80px 50px}
.modal-body{padding:55px 20px 50px}
.modal-content{border-radius:20px}
.modal-content .btn-close2{position:relative;width:40px;height:40px;margin-right:-35px;background:#000;opacity:1 !important;transform:rotate(0)}
.modal-content .btn-close2:before{content:'';position:absolute;top:0;left:0;width:13px;height:13px;background:url(../img/ani/btn_btm_bk.png) no-repeat 100% center}
.modal-content .btn-close2:after{content:'';display:block;width:19px;height:19px;margin:-5px;background: url(../img/icon/icon_more4.png) no-repeat center center;transform:rotate(45deg)}
.modal-header{display:flex;padding:20px 35px;align-items:center;justify-content:space-between}
.modal-header h5{font-weight:700;font-size:18px}
.modal-charac{text-align:center}
.modal-charac h5{font-size:30px;font-weight:700}
.modal-charac .para{margin-top:15px;margin-bottom:0;line-height:1.5}
.modal-mov .modal-dialog{max-width:1200px}
.modal-mov .modal-content{border:0;background:transparent}
.modal-mov .btn-close2{display:block;float:none;width:70px;height:70px;margin:40px auto 0;background:transparent url(../img/close.png) no-repeat 100% center;background-size:contain}
.modal-mov .btn-close2:before{display:none}
.need-consent .modal-body .h5{margin:10px 0 60px}
.modal-body .h5{margin:10px 0}
.modal-body .h5+p{margin-bottom:45px;font-size:20px}
.withdrawal .modal-header .modal-title{font-size:30px;font-weight:700}
.withdrawal .modal-header:not(.d-lg-none)+.modal-body{padding:30px 35px 80px}
.withdrawal .modal-header:not(.d-lg-none)+.modal-body .h5{font-size:24px}
.withdrawal .modal-body{padding:80px 0 50px}
.withdrawal .h5{margin:15px 0px 12px}
.withdrawal .h5+p{margin:0 0 80px}
.withdrawal .btn{font-weight:500;padding:10px 57px}
.withdrawal .border-top{width:100%;margin-top:45px;padding-top:25px;border-top:1px solid #999 !important}
.withdrawal-form{padding:20px 35px 60px !important}
.withdrawal-form .bx-muted{border-radius:8px;text-align:left}
.withdrawal-form .bx-muted>p{font-size:17px;line-height:1.7;font-weight:400;letter-spacing:-0.06em}
.withdrawal-form .bx-muted>p+p{margin-top:20px}
.withdrawal-form .border-top{margin-top:15px}
.withdrawal-form .custom-control-label .span{margin-left:-25px}
.modal-vod .modal-body{padding:10px 40px 70px}
.modal-vod .modal-title{font-size:30px;font-weight:700}
.modal-vod ul a{display:block;padding:20px 5px;border-bottom:1px solid #222;font-size:22px;font-weight:400;background:url(../img/icon/icon_more_m.png) no-repeat right 10px center;background-size:9px 15px}
.modal-char .modal-body{padding:30px 40px 30px;min-height:250px}
.modal-alet{position:absolute;top:20vh;left:24vw;z-index:10}
.modal-alet .modal-md{width:450px}
.modal-alet .modal-content{border-top:7px solid #ffcb08;border-radius:0}
.modal-alet .modal-body{padding-top:27px;padding-bottom:10px}
.modal-alet .h5{position:relative;padding-bottom:20px;}
.modal-alet .h5:before{content:'';position:absolute;bottom:0;left:50%;width:30px;border-bottom:3px solid #ffcb08;transform:translateX(-50%)}
.modal-alet .h5+p{margin-bottom:20px;font-size:18px}
.modal-alet .para{margin:15px 0 20px;font-size:18px;font-weight:500;letter-spacing:-0.07em;line-height:1.7}
.modal-alet .modal-ft{padding:10px 20px;background:#000;text-align:right}
.modal-alet .modal-ft button{display:inline-flex;align-items:center;color:#fff}
.modal-alet .modal-ft button .icon-close{width:12px;height:12px;margin-right:5px;margin-top:3px;background:url(../img/icon/btn_cls.png) no-repeat;}
.modal-alet.alt-cls{display:none}

/* Navs */
.nav-wrap{margin-bottom:15px;border-bottom:1px solid #cfcfcf}
.nav-red{display:inline-flex;}
.nav-red .nav-link{min-width:120px;margin:0 28px;padding:0 20px 13px 20px;border-bottom:4px solid transparent;color:#b3b3b3;font-size:25px;font-weight:700;}

/* 20200902 수정되었음 */
.nav-red.v2{flex-wrap:nowrap}
.nav-red.v2 .nav-link{min-width:inherit;padding:0;margin:0 10px}
.nav-red.v2 .swiper-slide{width:auto}
.nav-swiper-content{overflow:hidden}
.nav-red-wrap{margin-right:30px;padding:0 40px}
.nav-red-wrap [class^=swiper-button]{right:0;top:78%;bottom:auto;width:13px;height:20px;}
.nav-red-wrap .swiper-button-prev{width:13px;height:20px;right:auto;left:0;transform:rotate(180deg);background:url(../img/icon/go_muted.png) no-repeat right center}
.nav-red-wrap .swiper-button-next:before{content:'';position:absolute;top:0;right:0;width:13px;height: 20px;background:url(../img/icon/go_muted.png) no-repeat right center}
.nav-red-wrap .swiper-button-next{background:linear-gradient(to right,transparent,#f7f7f7)}
.nav-red-wrap .swiper-button-prev:hover{background:url(../img/icon/go_muted.png) no-repeat right center}
.nav-red-wrap .swiper-button-next:hover{background:none}
/* // 20200902 수정되었음 */


.nav-link.active{border-color:#d63836;color:#000;}
.nav-link{transition:.4s}
.nav-muted .nav-link:hover,.nav-link:not(.active):hover{color:#6a6a6a}
.nav-muted .nav-link{padding:20px 15px;color:#b3b3b3;font-weight:700;font-size:25px;letter-spacing:-0.07em}
.nav-muted .nav-link.active{color:#000}
.nav-rounded{display:inline-flex;margin-top:30px;padding:5px;border-radius:30px;background:#fff;box-shadow:0 0 7px 1px rgba(150,150,150,.1)}
.nav-rounded .nav-link{padding:10px 35px;color:#999;font-size:22px}
.nav-rounded li+li{margin-left:20px}
.nav-rounded .nav-link.active{border-radius:50px;background:#f7c403;color:#000}
.nav-muted{margin-top:-20px;justify-content:center}
.nav-muted.v3 .nav-link{min-width:120px;padding:9px 25px;border-radius:40px;background:#e8e8e8;color:#999;font-size:22px}
.nav-muted.v3 .nav-item{margin-top:10px}
.nav-muted.v3 .nav-item+.nav-item{margin-left:10px}
.nav-muted.v3 .nav-link.active{border:0;background:#000;color:#fff}
.nav-muted.v2 .nav-link{color:#999;background:#4d4d4d}
.nav-muted.v2 .nav-link.active{color:#222;background:#fff}
.nav-search>div.container{display:flex;padding:0;padding-bottom:15px;justify-content:space-between;align-items:center}
.nav-search a{font-size:22px}
.nav-search .nav-item:nth-of-type(1) .nav-link{margin-left:0}
.nav-search .search-wrp{position:relative;width:44%;height:55px;background:#fff}
.nav-search .search-wrp:after{content:'';position:absolute;top:-4px;left:-26px;width:30px;height:30px;background:#f7f7f7;transform:skew(-45deg)}
.nav-search .search-wrp input{position:absolute;top:0;left:0;width:89%;height:55px;padding-left:20px;border:0;background:transparent;outline:none !important}
.nav-search .search-wrp input::placeholder{font-size:18px;color:#999}
.nav-search .search-wrp input:-ms-input-placeholder{font-size:18px;color:#999}
.nav-search .btn-search{position:absolute;right:0;top:0;height:55px;width:55px;}
.nav-search .btn-search:before{width:26px;height:26px;top:51%}
.nav-search .nav-red a{padding:20px 0;font-size:22px}
.nav-search.black input{background:#0e0e0e;border-radius:0 !important}
.nav-search.black input::placeholder{color:#999}
.nav-search.black .search-wrp:after{background:#393939 !important}
.nav-search.black .btn-search:after{background:#000}
.nav-search .nav-sm.nav-red a{min-width:55px;margin:0 15px;}

/* Pagination */

/* Scrollspy */

/* Colors */
.text-primary{color:#d63836 !important}
.text-secondary{color:#1855a0 !important}
.text-secondary2{color:#264462 !important}
.text-success{color:#07935e !important}
.text-danger{color:#8032bc !important}
.text-warning{color: !important}
.text-info{color:#62a0ed !important}
.text-light{color:#f7f7f7 !important}
.text-wh{color:#fff !important}
.text-dark{color:#242424 !important}
.text-body{color: !important}
.text-muted{color:#767676 !important}
.bg-primary{background-color:#d63836 !important}
.bg-secondary{background-color:#1855a0 !important}
.bg-secondary2{background-color:#1f4677 !important}
.bg-success{background-color:#07935e !important}
.bg-danger{background-color:#8032bc !important}
.bg-warning{background-color: !important}
.bg-info{background-color:#62a0ed !important}
.bg-light{background-color:#f7f7f7 !important}
.bg-light2{background-color:#f2f2f2 !important}
.bg-dark{background-color:#242424 !important}
.bg-dark2{background-color:#393939 !important}
.bg-000{background-color:#000 !important}
.bg-muted{background-color:#2b2b2b !important}
.bg-wh{background-color:#fff !important}
.bg-pattern{background-image:url(../img/bg_pattern.jpg);background-repeat:repeat;}
.bg-pattern2{background-image:url(../img/main_micro/bg_pattern.jpg);background-repeat:repeat}
.bg-pattern-dark{margin-bottom:-1px;background:url(../img/game/new_bg.jpg) no-repeat 100% center;background-size:cover}
.bg-pattern-ball{background:url(../img/game/gift_bg.jpg) repeat;}

/* 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)}
#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)}
#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}

/* Swiper */
.swiper-container{z-index:10}
.swiper-button-next, .swiper-button-prev{top:46%;width:86px;height:86px;background-size:contain}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{right:50px;background-image:url(../img/swiper_next.png);transition:.5s}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{left:50px;background-image:url(../img/swiper_prev.png);transition:.5s}
.swiper-button-next:hover, .swiper-container-rtl .swiper-button-prev:hover{background-image:url(../img/swiper_next_hover.png);}
.swiper-button-prev:hover, .swiper-container-rtl .swiper-button-next:hover{background-image:url(../img/swiper_prev_hover.png);}
.swiper-center .swiper-slide-active h3{display:block !important}
.swiper-center .swiper-slide .active{margin:20px 0;padding:30px}
.swiper-center .swiper-slide-active .active{position:relative;padding:0}
.swiper-center .swiper-slide-active .active:before{content:'';position:absolute;top:-17px;right:-17px;left:17px;bottom:-17px;border:1px solid #7a7a7a;}
.swiper-center .swiper-slide-active .active>*{position:relative;z-index:10}
.page-pokemon .sect-game{z-index:2}
.swiper-center .swiper-button-next, .swiper-container-rtl .swiper-button-prev{right:115px}
.swiper-center .swiper-button-prev, .swiper-container-rtl .swiper-button-next{left:115px}
.swiper-center .container{position:relative}
.swiper-dark .swiper-button-next,.swiper-dark .swiper-container-rtl .swiper-button-prev{background-image:url(../img/swiper_next_dark.png);transition:.5s}
.swiper-dark .swiper-button-prev,.swiper-dark .swiper-container-rtl .swiper-button-next{background-image:url(../img/swiper_prev_dark.png);transition:.5s}
.swiper-dark .swiper-button-next:hover,.swiper-dark .swiper-container-rtl .swiper-button-prev:hover{background-image:url(../img/swiper_next_dark_hover.png);}
.swiper-dark .swiper-button-prev:hover,.swiper-dark .swiper-container-rtl .swiper-button-next:hover{background-image:url(../img/swiper_prev_dark_hover.png);}
.swiper-page-line{position:relative;}
.swiper-page-line .swiper-button-next{left:60%;bottom:-52px;top:auto;right:auto;width:12px;height:22px;background-image:url(../img/swiper_next_line.png);transform: translateX(-60%)}
.swiper-page-line .swiper-button-prev{left:40%;bottom:-52px;top:auto;right:auto;width:12px;height:22px;background-image:url(../img/swiper_prev_line.png);transform:translateX(-40%)}
.swiper-page-line .swiper-pagination-bullet{width:80px;height:5px;margin:0 3px;border-radius:0;background:#fff;transform:skew(-45deg)}
.swiper-page-line .swiper-pagination{left:50%;bottom:-50px;transform:translateX(-50%)}
.swiper-page-line.disabled{max-width:900px;padding-left:20px;padding-right:20px;margin:0 auto}
.swiper-tumb .tumb-wrp{background:#fff}
.films-cuts{padding:35px 0;background:#f9f9f9}
.gallery-top,.gallery-thumbs{width:900px}
.gallery-thumbs{border-top:1px solid #e8e8e8;padding-top:17px;margin-top:17px}
.gallery-thumbs .swiper-slide{cursor:pointer}z
.gallery-thumbs .thumbs-wrp{position:relative;padding-top:56.25%;background:#fff}
.gallery-thumbs .thumbs-wrp>img{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);width:auto;height:100%;}
.films-cuts [class^=swiper-button]{left:0;right:auto;height:115px;width:75px;border-radius:0 10px 10px 0;background:rgba(0,0,0,.5) url(../img/swiper_prev_line_lg.png) no-repeat 23px center;}
.films-cuts .swiper-button-next{left:auto;right:0;transform:rotate(180deg)}
.films-cuts.v2{background:transparent}
.films-cuts.v2 .gallery-top,.films-cuts.v2 .gallery-thumbs{width:100%}
.films-cuts.v2 .gallery-top{padding-left:20px;padding-right:20px}
/* .films-cuts.v2 .gallery-top .swiper-slide:before{content:'';position:absolute;top:50%;left:50%;width:140px;height:140px;transform:translate(-50%, -50%);background:url(../img/icon/btn_play.png);background-size:contain} */
.films-cuts.v2 .gallery-thumbs{padding-left:100px;padding-right:100px;margin-top:10px;padding-top:10px;border:0;padding-bottom:20px}
.films-cuts.v2 .gallery-thumbs .swiper-slide>img{width:100%}
.films-cuts.v2 .gallery-thumbs .swiper-slide{position:relative}
.films-cuts.v2 .gallery-thumbs .swiper-slide-thumb-active{box-shadow:5px 5px #ededed}
.films-cuts.v2 .gallery-thumbs .swiper-slide-thumb-active:before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;border-style:solid;border-image:linear-gradient(to bottom,#55bcb4 0%,#81bf87,#d0c535,#f6c70e 100%);border-image-slice:1;border-image-width:5px;z-index:10}
.films-cuts.v2 .swiper-button-white{top:37px;border-radius:5px}
.films-cuts.v2 .thumbs-wrp{padding-top:60%}
.swiper-wrapper.disabled {transform: translate3d(0px, 0, 0) !important;}
[class^=swiper-button].disabled{display:none;}



/* 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}

/* 에디터 css 충돌 수정 */
/* 20200904 수정되었음 */
.note-toolbar.panel-heading{background:transparent !important;border:0 !important}
.note-toolbar.panel-heading .btn{position:static;height:auto !important;border:0 !important;padding:0 !important;}
/* // 20200904 수정되었음 */

/* select js */
.select2-container{width:100% !important}
.select2-container--default .select2-selection--single{height:auto !important;background:transparent !important;border:1px solid #bbb !important;border-radius:0 !important}
.select2-container--default .select2-selection--single .select2-selection__rendered{padding:15px 20px !important;padding-right:13% !important;color:#fff !important;font-size:18px !important;text-align:center !important;background:url(../img/icon/icon_down.png) no-repeat 95% 50% !important}
.select2-dropdown{background:#383938 !important;border-radius:0 !important;color:#fff !important}
.select2-search--dropdown{padding:10px !important}
.select2-container--default .select2-search--dropdown .select2-search__field{padding:6px 4px !important}
.select2-results__option{padding:15px 20px !important}
.select2-container--default .select2-results__option--highlighted[aria-selected]{background:#2a2a2a !important}
.custom-select.v2{position:relative;height:auto;padding:0;background:none;border:0}
.custom-select.v2 select {display:none;}
.select-selected{background-color:transparent;}
.select-selected:after{position:absolute;content:"";top:50%;right:20px;transform:translateY(-50%);width:14px;height:7px;background:url(../img/icon/icon_down.png) no-repeat}
.select-selected.select-arrow-active:after{;border-color: transparent transparent #fff transparent;}
.select-items div,.select-selected{color:#000;padding:8px 16px;border:1px solid transparent;border-color:transparent transparent rgba(0, 0, 0, 0.1) transparent;cursor:pointer;}
.select-selected{width:100%;padding:15px 20px;padding-right:13%;border:1px solid #ddd;background:transparent;font-size:18px;color:#fff;text-align:center}
.select-items{position:absolute;background-color:#383938;top:58px;left:0;right:0;border:1px solid #fff;z-index:99;}
.select-items>div{padding:15px 20px;color:#fff}
.select-items>div:hover{background:#2a2a2a}
.select-hide{display:none;}
.same-as-selected{background-color:#2a2a2a;}
.select2-container--default .select2-selection--single .select2-selection__arrow{display:none}
.select2{height:68px !important;background:transparent !important}
.select2-container--open .select2-dropdown--below{top:0}
/*
.select2-container.select2-container--default.select2-container--open{width: auto !important}
*/
.select2-container--default .select2-results__option[aria-selected=true]{background:#2a2a2a !important}


/*--------------------------------------
    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}


/* Header */
#hd{display:flex;position:fixed;top:0;left:0;right:0;z-index:5000;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}
h1{display:flex;width:17%;align-items:center;justify-content:center;}
h1 a, h1 img{display:block}
#acc{display:inline-flex;align-items:center;justify-content:center;}
#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}
.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}
.page-card .gnb a:not(.badge){border-bottom:5px solid transparent!important;/*color:#000 !important*/}
.page-card #acc{margin-right:-30px}
.page-card #acc>li{margin:0 15px}
.gnb-btm{display:flex;}
.gnb-btm a{position:relative;display:flex;justify-content:center}
.gnb-btm a+a:before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);height:15px;border-left:1px solid #b2b2b2}
.btn-store{display:flex;position:relative;width:15%;margin-left:45px;padding:0 7px 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 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 .container.flex-justify-space{max-width:100% !important}
.page-micro#hd .container.flex-justify-space+a{position: relative !important}
.page-micro#hd .container.flex-justify-space+a img{position:absolute;top:50% !important;right:0;max-height:70px;max-width:170px;transform:translateY(-50%)}
.page-card#hd .gnb li.open:nth-of-type(2) a{background:#ff5d0e !important}
.page-card#hd .gnb li.open:nth-of-type(3) a{background:#ffa70e !important}
.page-card#hd .gnb li.open:nth-of-type(4){background:#ffcb06}
.page-card#hd .gnb li.open:nth-of-type(5){background:#5dcf02}
#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-link.active{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}
.player-img-top li img{width:auto}
.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}
#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:115px;height:65px;margin-left:20px;background:url(../img/a-store-card2.png) no-repeat;background-size:contain; transform: translateY(3px);}

/* 20200909 수정되었음 */
.page-micro#hd .switch{position:absolute;right:0;top:0;width:80px;height:100%;background-repeat:no-repeat;background-position:right;background-size:contain;z-index:101}
/* 20200909 수정되었음 */

.page-micro .active{color:#da343c;border-bottom:5px solid #da343c}


/* 20200909 수정되었음 */
.page-micro h1 a img{position:absolute;top:50%;left:20px;max-width:150px;max-height:70px;transform:translateY(-50%)}
/* 20200909 수정되었음 */


#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 .icon-wrp .icon-share{width:21px;height:13px;background:url(../img/icon/icon_share2.png) no-repeat}
#hd.page-special{background:#000} 
#hd.page-special .container{max-width:inherit}
.page-special .gnb a{border:0 !important;color:#fff }
.page-special .gnb a.active{color:#f9e04b}
#Table_01 img{margin:0 auto}

/* Content */
#ct{padding-top:120px}
.page-micro+#ct{padding-top:80px;min-height:100wh}

/* 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{position:absolute;bottom:0;right:0;width:99px;height:35px;background-image:url(../img/btn_top.png);background-size:contain}
.page-micro#ft .btn-top{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}

/* Main */
.tumb-wrp{position:relative;width:100%;padding-top:63%;overflow:hidden;background-repeat:no-repeat;background-position:center;background-size:cover}
.tumb-wrp>img{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);max-width:100%;height:auto}
.list-card-icon .tumb-wrp{padding-top:59% !important}
.per1-1 .tumb-wrp{padding-top:100%}
[class^=sect]{position:relative;text-align:center}
[class^=list-card] .bx-txt{padding:20px;background-color:#fff;text-align:left}
[class^=list-card] h3{font-size:22px;line-height:1.1;color:#fff;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}
[class^=list-card] a{display:block;position:relative;box-shadow:0px 5px 10px 0 rgba(0,0,0,.3)}
.list-card-color>li>a{box-shadow:none;opacity:.5;transition: all .4s}
.list-card-color>li>a:after2{content:'';position:absolute;top:0;left:0;bottom:0;right:0;background-color:rgba(0,0,0,.5);transition:.5s;z-index:2}
.list-card-color a.active{opacity: 1}
.list-card-color a:before{content:'';position:absolute;top:-17px;left:17px;right:-17px;bottom:-17px;border:1px solid #737373;opacity:0; transition:.5s}
.list-card-color a.active:before{opacity: 1}
.list-card-color .bx-txt{;padding-bottom:0}
.list-card-color .bx-wrp{position:relative;z-index:1}
.list-card-color>li>a p{display:none}
.list-card-color h3{margin-bottom:20px}
.list-card-color .shadow{position:absolute;top:0;left:0;height:100%;filter:drop-shadow(2px 4px 6px black)}
.list-card-color .tumb{position:relative;z-index:1}
.list-card-color a.active i.bg-success{background-color:#176447 !important}
.list-card-color a.active i.bg-secondary{background-color:#1f4677 !important}
.list-card-color a.active i.bg-primary{background-color:#9a3332 !important}
.list-card-color a.active i.bg-secondary2{background-color:#283b4f !important}
.list-card-color .tumb-wrp{padding-top:63%}
.list-card-color .bg-btm,.list-card-color .bg-btm .d-flex{position:relative;}
.list-card-color .bg-btm>i{display:none;width:100%;height:22px;}
.list-card-color .bg-btm .d-flex>i{width:85%;height:25px}
.list-card-color .bg-btm i.diagonal{position:absolute;right:11px;bottom:0;width:30%;height:26px;transform:skewX(-40deg)}
.list-card-color .bg-btm>p{position:absolute;right:30px;top:50%;transform:translateY(-50%);color:#fff;font-size:13px;z-index:2}
.list-card-color .active .bg-btm>p{display:flex;align-items:center;}
.list-card-color .active .bg-btm>p>img{margin-right:7px;margin-bottom:-2px}
.list-card-color .active .bg-btm>i{display:block;}
.list-card-color .active .bx-txt{margin-bottom:-42px; padding-bottom:20px}
.list-card-color .active .bg-btm{ transform: translate(0,42px)}
.list-card-color .active .bx-wrp{transform:translateY(-42px)}
.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}
.list-card-icon>li{margin:10px 0}
.list-card-icon>li>a{border:5px solid #fff}
.list-card-icon .bx-txt{position:relative;padding:20px 13px 20px;}
.list-card-icon .bx-txt>h3{margin-bottom:10px;font-size:22px;font-weight:700;line-height:1.1;color:#000}
.list-card-icon>li>a p{font-size:15px;font-weight:300;color:#222}
.list-card-product>li{margin:20px 0}
.list-card-product>li .bx-txt h3{color:#000}
.list-card-product>li:hover h3{color:#d63836}
.list-card-product a{box-shadow:none}
.list-card-product .bx-txt{position:relative;height:82px;padding:0;background:transparent}
.list-card-product .bx-txt h3{margin:15px 0 10px;font-size:20px;font-weight:700;transition:.5s}
.list-card-product .bx-txt p{position:absolute;bottom:0;left:0}
.list-product,.list-product .list-top{margin-bottom:30px}
.list-product .list-top h3{font-size:30px;font-weight:700}
.list-product .swiper{overflow:hidden}
.list-product .swiper-container{overflow:inherit}
.list-product .swiper-container .swiper:before{content:'';position:absolute;top:0;right:-27px;width:50px;height:45px;background-color:#fff;transform:skew(45deg)}
.list-product .swiper-container:after{content:'';position:absolute;top:-17px;right:-10px;left:17px;bottom:-30px;border:1px solid #d5d5d5}
.list-product .swiper{position:relative;padding:30px;background-color:#f1f2f3;z-index:1}
.list-product .list-btm a>div+div{display:flex;align-items:center;justify-content:center}
.list-product h4{padding-left:25px;font-size:22px;font-weight:700;text-align:left}
.list-product .list-btm>li+li>a{margin-top:30px;padding-top:30px;border-top:1px solid #e0e1e1}
.list-product .swiper-pagination{right:13px}
.list-product .swiper-pagination>*{margin:0 5px;background:#3b3b3b !important}
.list-product .tumb-wrp{padding-top:63%}
.list-product .list-top a{display:flex;align-items:center}
.list-product .list-top a>img{margin-left:8px}
.list-full{position:relative}
.list-full:first-of-type:before{content:'';position:absolute;top:0;left:50%;width:125px;height:8px;background-image:url(../img/main/bg_btm_dark3.png);transform:translateX(-50%);z-index:1}
.list-full a{display:block;position:relative;padding-top:65.8%;overflow:hidden}
.list-full a>img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%}
.list-full>li>a:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:1}
.list-full .bx-txt{display:none;position:absolute;top:0;left:0;width:90%;height:85%;background-image:url(../img/main/card-line.png);background-repeat:no-repeat;background-size:contain;transition:.5s;z-index:2}
.list-full a.active .bx-txt{display:flex;margin:20px;align-items:center;justify-content:center;color:#fff}
.list-full .bx-txt h3{margin-top:10px;font-size:24px}
.list-tumb .tumb{border-radius:10px;transition:.5s}
.list-tumb a:hover .tumb{box-shadow:4px 6px 8px 0px rgba(0,0,0,.2)}
.list-tumb h3{margin-top:10px;font-size:22px;line-height:1.1;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;text-align:left}
.list-tumb .bx-txt{margin-top:10px;text-align:left;}
.list-tumb .bx-txt>p{margin-top:25px;padding-bottom:20px;font-size:12px;font-weight:300}
.list-tumb .bx-txt:before{content:'';position:absolute;bottom:0;left:0;height:5px;width:100%;background:#e0e0e0;}
.list-tumb .bx-txt:after{content:'';position:absolute;bottom:0;left:0;height:5px;width:0;background:transparent;transition:.5s}
.list-tumb a:hover .bx-txt:after{width:100%;background:linear-gradient(to right,#54bcb6,#54bcb6, #adc35a,#fbc90a, #fbc90a);}
.list-tumb .img{position:relative;display:inline-block}
.list-tumb.v2 .bx-txt:before,.list-tumb.v2 .bx-txt:after{display:none}
.list-gift a{display:block}
.list-gift>li{margin-top:50px}
.list-gift h3{font-size:20px;}
.list-gift .badge{min-width:110px;margin:20px 0 10px;font-size:14px}
.bx-content-wh{display:flex;margin-bottom:30px;padding:25px 30px;border-radius:15px;background:#f9f9f9;align-items:center;}
.bx-content-wh>p{font-size:12px;font-weight:300;text-align:left;color:#767676}
.bx-content-wh .img{margin-right:50px;padding:25px 75px;border:1px solid #e6e6e6;border-radius:20px;background:#fff}
.bx-content-wh .bx-txt{text-align:left;}
.bx-content-wh h3{margin-bottom:20px;font-size:35px;font-weight:700;}
.bx-content-wh .list-badge>li{display:flex;margin:5px 0;font-size:16px;}
.bx-content-wh [class^=badge]{min-width:80px;margin-right:15px;font-weight:500}
.bx-content-wh .price{padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid #000;text-align:right}
.bx-content-wh .price .small{font-size:13px}
.bx-product{padding:100px 100px 35px 100px;margin-top:45px;background:#fff;}
.bx-product a{display:block;margin-top:300px;;font-size:16px}
.bx-product.no-list{background:transparent;padding:0}
.bx-product.no-list a{margin:0}
.content-view{text-align:initial;word-break:break-all}

.page-pokemon .main-visual .swiper-wrapper{height:775px}
.page-pokemon .main-visual .swiper-slide{position:relative;background:no-repeat 50% 0;}
.page-pokemon .main-visual .btn-skew{position:absolute;bottom:80px;left:50%;transform:translateX(-50%) skew(-20deg)}
.page-pokemon .sect-banner .swiper-container{overflow:inherit}
.page-pokemon .sect-news:before{content:'';position:absolute;top:0;left:0;right:0;width:100%;height:8px;background-size:cover;background-image:url(../img/main/bg_btm_dark2.png);background-repeat:no-repeat;background-position:center top}
.page-pokemon .sect-mov-swiper .bg{position:absolute;top:-800px;right:0;width:1320px;height:1780px;background-image:url(../img/main/gradient_bg.png);background-repeat:no-repeat}
.page-pokemon .sect-mov-swiper:before{content:'';position:absolute;top:-29px;left:0;right:0;width:100%;height:29px;background-size:cover;background-image:url(../img/main/bg_top_dark.png);background-repeat:no-repeat}
.page-pokemon .sect-mov-swiper:after{content:'';position:absolute;bottom:-52px;left:0;right:0;width:100%;height:52px;background-size:cover;background-image:url(../img/main/bg_btm_dark.png);background-repeat:no-repeat;background-position:bottom;z-index:5}
.page-pokemon .sect-game{background:url(../img/main/sect_game_bg.jpg) no-repeat 100% center;background-size:100% 100%}
.page-pokemon .sect-game:before{content:'';position:absolute;bottom:0;left:0;right:0;width:100%;height:70px;background-size:cover;background-image:url(../img/main/bg_top_wh.png);background-repeat:no-repeat;background-position:center}
.page-pokemon .sect-game .col-lg-4>img{position:absolute;top:-24px;left:-124px;width:138%;max-width:138%}
.sect-mov-swiper{padding:70px 0}
.sect-mov-swiper h3{display:none;position:relative;margin-top:30px;padding-left:50px;border-left:5px solid #484848;font-size:32px;font-weight:700;color:#fff;text-align:left}
.sect-mov-swiper h3:before{content:'';position:absolute;top:0;left:10px;width:38px;height:39px;padding-left:20px;background-image:url(../img/icon/icon_redball.png);background-repeat:no-repeat;background-size:contain;transition:.4s}
.sect-mov-swiper a:hover h3:before{background-image:url(../img/icon/icon_redball_wh.png)}
.sect-mov-swiper .active iframe{max-width:100%}
.sect-mov-swiper .swiper-slide:not(.swiper-slide-active) .active{padding-top:0}
.sub-ani .sect-mov-swiper h3:before{background-image:url(../img/icon/icon_ani2.png);}
.sub-ani .sect-mov-swiper a:hover h3:before{background-image:url(../img/icon/icon_ani2_wh.png);}
.sub-product .sect-mov-swiper h3:before{background-image:url(../img/icon/icon_product.png);}
.sub-product .sect-mov-swiper a:hover h3:before{background-image:url(../img/icon/icon_product_wh.png);}
.sub-card .sect-mov-swiper h3:before{background-image:url(../img/icon/icon_card2.png)}
.sub-card .sect-mov-swiper a:hover h3:before{background-image:url(../img/icon/icon_card2_wh.png)}
.sect-mov-swiper .swiper-container .container.disabled{max-width:800px}
.page-pokemon .sect-card{padding:65px 0 0 0}
.page-pokemon .sect-card .bx-txt{display:none;text-align:left;font-size:16px;font-weight:300}
.page-pokemon .sect-card .tumb-wrp{display:flex;padding-top:39%;margin:0 auto;align-items:center}
.page-pokemon .sect-card .img>img{position:relative;height:85%;z-index:5}
.page-pokemon .sect-card .swiper-slide{padding:30px 0;transition:0.5s}
.page-pokemon .sect-card .swiper-slide{padding:50px 0;}
.page-pokemon .sect-card .swiper-slide-active{position:relative;}
.page-pokemon .sect-card .swiper-slide-active:before{content:'';position:absolute;top:0;left:70px;width:100%;height:100%;border:1px solid #cfcfcf;}
.page-pokemon .sect-card .swiper-slide-active .bx-txt{display:flex;padding-left:65px;margin-right:-40px;align-items:center;flex:0 0 50%}
.page-pokemon .sect-card .swiper-slide-active .bx-txt>div>p{margin:10px 0 60px;}
.page-pokemon .sect-card .swiper-slide-active .tumb-wrp{width:100%;margin-left:-70px}
.page-pokemon .sect-card .swiper-slide-active .tumb-wrp img{height:auto;width:100%;box-shadow:11px 11px 10px 0 rgba(0,0,0,.2)}
.page-pokemon .sect-card .swiper-slide-prev .tumb-wrp img{left:-10px;width:700px;transform:translate(0,-50%)}
.page-pokemon .sect-card .swiper-slide-next .tumb-wrp img{left:auto;right:-10px;width:700px;transform:translate(0,-50%)}
.page-pokemon .sect-card .banner{display:block;margin-top:30px}
.page-pokemon .sect-card .banner img{margin:0 auto}
.page-pokemon .sect-ani .grid2{padding:80px 0 100px;background:url(../img/main/sect_ani_bg.jpg) no-repeat 100% center;background-size:contain}
.page-pokemon .sect-ani .h2{margin-bottom:60px}
.page-pokemon .sect-ani .swiper-container{overflow:inherit}
.page-pokemon .sect-ani .swiper-slide h3{display:none;margin-top:30px;font-size:24px;font-weight:700;color:#fff;text-align:left}
.page-pokemon .sect-ani .swiper-slide .tumb-wrp{height:300px;opacity:.5;transition:.5s}
.page-pokemon .sect-ani .swiper-slide-active+*+* .tumb-wrp,.page-pokemon .sect-ani .swiper-slide-active+* .tumb-wrp{opacity:1}
.page-pokemon .sect-ani .swiper-slide-active+*+* .tumb-wrp,.page-pokemon .sect-ani .swiper-slide-active+* .tumb-wrp{position:relative;}
.page-pokemon .sect-ani .swiper-slide-active+*+* a:before{content:'';position:absolute;top:-18px;right:-18px;bottom:40px;left:20px;width:100%;height:auto;border:1px solid #767676}
.page-pokemon .sect-ani .swiper-slide-active+*+* .tumb-wrp img,.page-pokemon .sect-ani .swiper-slide-active+* .tumb-wrp img{z-index:1;}
.page-pokemon .sect-ani .swiper-slide-active+*+* .tumb-wrp img{box-shadow:11px 11px 10px 0 rgba(0,0,0,.5)}
.page-pokemon .sect-ani .swiper-slide-active+*+* h3,.page-pokemon .sect-ani .swiper-slide-active+* h3{display:block}
.page-pokemon .sect-ani .btn{margin-top:50px}
/* 20200909 수정되었음 */
.page-micro .main-visual{position:relative;background-size:cover;background-position:center;background-repeat:no-repeat}
/* .page-micro .sect-news .btn-more{margin-top:-36px} */
.main-visual .text-center{position:absolute;left:50%;bottom:-33px;transform:translateX(-50%);z-index:1}
/* 20200909 수정되었음 */
.page-micro .sect-news .grid2{padding:60px 0 90px}
.page-micro .sect-mov h3{margin-top:15px;font-size:22px;text-align:left;color:#fff;opacity:0}
.page-micro .sect-mov h3 img{margin-right:5px;margin-top:-5px}
.page-micro .sect-mov .swiper-slide-active h3{opacity:1}
.page-micro .sect-mov .swiper-slide iframe{height:490px}
.page-micro .sect-mov .swiper-container.disabled{max-width:880px;padding-left:20px;padding-right:20px;margin:0 auto}
.page-micro .sect-about .row{height:auto}
.page-micro .sect-about .col-lg-6:not(.img){display:flex;align-items:center;}
.page-micro .sect-about .flex-lg-row-reverse .col-lg-6:not(.img){justify-content:flex-end}
.page-micro .sect-about .bx-txt{padding:0 100px;text-align:left}
.page-micro .sect-about .bx-txt h2{margin-bottom:50px;font-size:35px;font-weight:700;line-height:1.3;}
.page-micro .sect-about .flex-lg-row-reverse .bx-txt{text-align:right}
.page-micro .sect-about .img{position:relative}
.page-micro .sect-about .img:before{content:'';position:absolute;top:44%;right:-1px;width:25px;height:55px;background:url(../img/icon/icon_shape.png);transform:translateY(-50%);transform:rotate(180deg);z-index:1}
.page-micro .sect-about .flex-lg-row-reverse .img:before{content:'';right:auto;left:-1px;transform:rotate(0)}
.page-micro .sect-about .act{position:absolute;bottom:-80px;right:-40px;z-index:2}
.page-micro .sect-about .tumb-wrp{position:relative;padding-top:46%;overflow:hidden}
.page-micro .sect-about .tumb-wrp img{position:absolute;width:100%;height:auto;top:50%;left:50%;transform:translate(-50%, -50%)}
.page-micro .sect-about .about-wrp{position:relative;padding-top:23.7%}
.page-micro .sect-about .about-wrp img{position:absolute;top:0;bottom:0;left:50%;height:100%;transform:translateX(-50%)}
/* 20200909 수정되었음 */
.page-micro .sect-about.v2 .about-wrp{position:static;padding-top:0}
.page-micro .sect-about.v2 .about-wrp img{position:static;transform:none;height:auto;left:auto;margin:0 auto;max-width:100%}
/* .page-micro .sect-about.v2 ul>li{display:flex;flex-wrap:wrap;justify-content:center} */
/* 20200909 수정되었음 */
.page-micro .sect-product{background:url(../img/main_micro/bg_product.jpg) no-repeat 100% center;background-size:100% 100%}

/* Sub */
[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-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/nnews_nav_bg.jpg) no-repeat center bottom;background-size:cover}
.sub-game-list .sub-nav .visual{background:url(../img/game/list_nav_bg.jpg) no-repeat center bottom;background-size:cover}
.sub-product-list .sub-nav .visual{background:url(../img/product/list_nav_bg.png) no-repeat center bottom;background-size:cover}
.sub-mov .sub-nav .visual{background:url(../img/mov/list_nav_bg.png) no-repeat center bottom;background-size:cover}

[class^=sub-news] .sub-nav .container{position:relative}
[class^=sub-news] .sub-nav [class^=object]{position:absolute}
[class^=sub-news] .sub-nav .object1{bottom:-10px;left:39px}
[class^=sub-news] .sub-nav .object2{bottom:-10px;right:28px}
.sub-game .h2{margin-bottom:30px;}
.sub-game .btn-skew{margin-top:50px}
.sect-visual a{display:block;position:relative;background:#2b2b2b;transition:.5s}
.sect-visual .swiper-slide-prev .tumb-wrp{margin-left:auto;text-align:right}
.sect-visual .swiper-slide-next .tumb-wrp{margin-right:auto;text-align:left}
.sect-visual .tumb-wrp{width:94%;padding-top:53%;opacity:.3}
.sect-visual .tumb-wrp img{width:100%}
.sect-visual .bx-txt{position:relative;padding:35px 110px 41px 70px;color:#fff;background-color:#000;font-size:28px;text-align:left;opacity:.3}
.sect-visual .bx-txt:before{content:'';display:none;position:absolute;top:50%;right:70px;width:51px;height:30px;background:url(../img/icon/icon_more2_lg.png) no-repeat;background-size:contain;transform:translateY(-50%)}
.sect-visual .bx-txt:after{content:'';display:none;position:absolute;bottom:-2px;left:50%;width:133px;height:11px;background:url(../img/game/visual_btm.png) no-repeat 100% center;transform:translateX(-50%)}
.sect-visual .swiper-slide-active .tumb-wrp{width:100%;padding-top:55%}
.sect-visual .swiper-slide-active .bx-txt:before,.sect-visual .swiper-slide-active .bx-txt:after{display:block}
.sect-visual .swiper-slide-active .tumb-wrp,.sect-visual .swiper-slide-active .bx-txt{opacity:1}
.sect-visual .swiper-slide-active .tumb-wrp img{width:100%}
.sub-game .sect-product .nav-wrap .container{text-align:right}
.sub-game .sect-gift .swiper-button-next{right:0;top:34%}
.sub-game .sect-gift .swiper-button-prev{left:0;top:34%}
.sub-game .sect-gift .swiper-slide .img{padding-bottom:12px;opacity:.8;transition:.3s}
.sub-game .sect-gift .swiper-slide-active .img{display:inline-block;position:relative;width:100%;opacity:1;}
.sub-game .sect-gift .swiper-slide-active .img:before{content:'';position:absolute;top:-2px;bottom:0;right:-9px;left:-3px;background:url(../img/game/gift_.png) no-repeat}
.sub-game .sect-gift h3{font-size:20px;font-weight:300}
.sub-game .sect-gift .badge{margin:0 0 8px}
.sub-game .sect-news .list-card-line{margin-bottom:0}
.sub-details .h2{padding:15px 0 25px;font-size:38px;text-align:left}
.sub-details>div:nth-of-type(1){padding:40px 0;}
.sub-details .tb-txt{width:auto}
.sub-details .tb-txt tr>*{padding-right:30px;color:#fff}
.sub-details .tb-txt tr+tr>*{padding-top:10px}
.sub-details p.para{font-size:16px;font-weight:300;color:#fff;line-height:1.7}
.sub-details>div.bg-pattern-ball{position:relative;padding:65px 0}
.sub-details .bg-pattern-ball:before{content:'';position:absolute;bottom:-1px;left:50%;width:133px;height:11px;background:url(../img/game/visual_btm.png) no-repeat 100% center;transform:translateX(-50%)}
.sub-details .bg-pattern-ball h2{padding:5px 0 20px;font-weight:700;color:#000}
.sub-details .bg-pattern-ball .tb-txt tr>*{color:#000}
.sub-details .bg-pattern-ball .tb-txt tr>*:not(th){color:#666}
.sub-details .bg-pattern-ball .btn{border:1px solid #b3b3b3 !important}
.sub-details .bg-pattern-ball .text-center>img{border:1px solid #e6e6e6;border-radius:15px}
.sub-details .bg-pattern-ball .bx-txt{display:flex;align-items:center;}
.ani-view-details{width:50%}
.ani-view-btn{display:flex;width:100%;}
.ani-view-btn>*{width:30%;margin-right:10px;padding:13px}
.ani-view-btn .btn-sm2.btn-skew>p:before{right:5px;top:50%}
.ani-view-btn button.btn-sm2.btn-skew>p:before{background:url(../img/icon/icon_plus_sm.png) no-repeat center center}
/* 20200826 수정되었음 */
.sub-game-view .sub-nav{position:relative;}
.sub-game-view .sub-nav .container{position:relative;z-index:2}
.sub-game-view .sub-nav .nav-img{position:relative;background:#484848}
.sub-game-view .sub-nav .img-content{position:absolute;top:0;left:50%;height:100%;padding-left:1%}
/* // 20200826 수정되었음 */
.sub-game-view .sect-view{position:relative;z-index:2}
.sub-game-view .sect-product{margin-top:-130px;padding:190px 0 80px;background:url(../img/game/list_btm_bg.jpg)}
.sub-game-view .sect-product .bx-content-wh{margin-bottom:0}
.sub-game-view .sect-product .bx-content-wh .bx-txt{width:56%;}
/* 20200902 수정되었음 */
.sub-game-view .sect-product .tb-wrap{display:flex;width:100%;justify-content:space-between;align-items:baseline}
.sub-game-view .sect-product .tb-wrap tr>*{vertical-align:baseline}
/* // 20200902 수정되었음 */
.sub-game-view .sect-product .tb-txt:nth-of-type(1){width:44%;margin-right:30px;border-right:1px solid #e0e0e0}
.sub-game-view .sect-product .tb-txt:nth-of-type(2){width:51%}
.txt-srch{margin-bottom:5px;font-size:16px;font-weight:300;text-align:left}
.txt-srch>span{font-weight:700}
.no-result section{padding-top:150px;padding-bottom:255px}
.no-result .img{display:block;width:150px;height:195px;margin:0 auto;background:url(/v3/img/no_result2.png) no-repeat 100% center;background-size:contain}
.no-result h3{margin:20px 0 10px;font-size:28px}
.no-result p{font-size:16px;font-weight:300}
.bx-hd h2{margin:15px 0 45px;font-size:38px}
.bx-board{min-height:950px;margin:30px 0 0;padding:95px 100px 30px;background:#fff;text-align:left}
.para{margin-bottom:30px;font-size:19px;font-weight:300;color:#2e2e2e;line-height:1.8}
.bx-btm{display:flex;padding:0 95px 40px;margin-bottom:65px;background:#fff;align-items:flex-start}
.bx-btm .icon-list{margin:0 auto}
.bx-btm a{flex:auto;font-size:16px;font-weight:300}
.bx-btm a:nth-of-type(1){text-align:left}
.bx-btm a:nth-of-type(1) i{margin:-1px 15px 0 0;}
.bx-btm a:nth-of-type(3){text-align:right}
.bx-btm a:nth-of-type(3) i{margin:-1px 0 0 15px;}
.sub-news-view .h3{font-size:30px;text-align:left}
.sub-news-view .bx-board{position:relative}
.sub-news-view .lst-connect{position:absolute;top:20px;right:-60px}
.sub-news-view .lst-connect a{display:flex;align-items:center;justify-content:center;margin-bottom:15px;width:40px;height:40px;border-radius:100%;background-color:#d8d8d8;transition:.3s}
.sub-news-view .lst-connect a:hover{background-color:#121212}
.sub-news-view .lst-connect .icon-twi{width:19px;height:16px;background-image:url(../img/icon/icon_twi.png)}
.sub-news-view .lst-connect .icon-face{width:11px;height:21px;background-image:url(../img/icon/icon_face.png)}
.sub-news-view .lst-connect .icon-insta{width:22px;height:22px;background-image:url(../img/icon/icon_insta_wh.png)}
.sub-news-view .lst-connect .icon-share{width:21px;height:13px;background-image:url(../img/icon/icon_share.png)}
.sub-book .sect{padding:0 45px;margin:45px 0 190px}
.sub-book .search-wrp:before{content:'';position:absolute;bottom:-15px;width:100%;border-bottom:1px solid #5f5f5f}
.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{float:none !important; width:100% !important}
.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}
.black .search-wrp:after{background:#000 !important}
.list-book{margin-left:-10px;margin-right:-10px;clear:both}
.list-book>li{padding-left:10px;padding-right:10px;margin:40px 0}
.list-book .img{padding:20px;border:1px solid #e8e8e8;border-radius:10px;transition:.5s}
.list-book .bx-txt{padding:10px 18px 0;height:145px;text-align:left}
.list-book .bx-txt span{position:absolute;bottom:0;left:18px;width:42%}
.list-book .bx-txt span+span{right:18px;left:auto}
.list-book h3{margin-bottom:10px;font-size:22px;font-weight:700}
.list-book h3>p{margin-bottom:15px;font-size:15px;font-weight:300;color:#999}
.list-book a:hover .img{margin-top:-5px;margin-bottom:5px;padding-bottom:20px;box-shadow:0 3px 11px 0px rgba(0,0,0,.1)}
.book-hd h2{font-size:22px;color:#fff;}
.book-hd .col-6{padding-right:7px;padding-left:7px}
.book-hd a{display:block;width:100%;height:100%;padding:18px 30px 55px;background:#393939;transition:.4s}
.book-hd a:hover{background:#242424}
.book-hd a.right{text-align:right}
.book-hd .container{position:relative}
.book-hd .container:before{content:'';position:absolute;bottom:0;left:50%;width:100%;height:40px;background:url(../img/book/content_top.png) no-repeat 100% center;transform:translateX(-50%)}
.book-ct{padding-bottom:35px;background:url(../img/bg_pattern2.jpg) repeat}
.book-ct .bx-content{padding:15px 50px 50px;border:3px solid #333;border-radius:0 0 10px 10px;border-top:0;background:#fff}
.book-ct .bx-content .col-lg-6.col-12:first-of-type{display:flex;justify-content:center;align-items:center}
.book-ct .bx-content .img{padding:30px 0 130px}
.book-ct .bx-content h3{margin-bottom:30px;font-size:45px;font-weight:700}
.book-ct .bx-content h3>p{font-size:22px;font-weight:500;color:#999}
.book-ct .bx-content .label-wrap>*{position:relative}
.book-ct .bx-content .label-wrap label+label{margin-left:7px}
.book-ct .bx-content .label-wrap i:before{content:'';position:absolute;left:11px;top:50%;width:27px;height:25px;background:url(../img/icon/icon_check_off.png) no-repeat 100% center;transform:translateY(-50%)}
.book-ct .bx-content input+i{position:relative;display:block;width:115px;height:50px;border-radius:30px;background:#e8e8e8;font-size:20px}
.book-ct .bx-content input+i+span{position:absolute;left:55%;top:50%;font-size:20px;font-weight:500;color:#666;transform:translate(-50%,-50%);}
.book-ct .bx-content input:checked+i{background:#fab404;}
.book-ct .bx-content input:checked+i+span{color:#000}
.book-ct .bx-content .label-wrap input:checked+i:before{background:url(../img/icon/icon_check_on.png) no-repeat 100% center}
.book-ct .bx-content .label-moon input:checked+i{background:#311b86;}
.book-ct .bx-content .label-moon input:checked+i+span,.book-ct .bx-content .label-x input:checked+i+span,.book-ct .bx-content .label-y input:checked+i+span{color:#fff}
.book-ct .bx-content .label-moon input:checked+i:before{background:url(../img/icon/icon_check_on2.png) no-repeat 100% center}
.book-ct .bx-content .label-y input:checked+i{background:#3471ab}
.book-ct .bx-content .label-y input:checked+i:before{background:url(../img/icon/icon_check_on3.png) no-repeat 100% center}
.book-ct .bx-content .label-x input:checked+i{background:#c83f54}
.book-ct .bx-content .label-x input:checked+i:before{background:url(../img/icon/icon_check_on4.png) no-repeat 100% center}
.book-ct .bx-content .para{margin:10px 0 50px;font-size:20px;font-weight:400;line-height:1.3}
.book-ct .bx-detail{padding:8px 30px 20px;border:1px solid #e8e8e8;border-radius:7px}
.book-ct .bx-detail>div+div{margin:0;margin-top:5px;padding-top:5px;border-top:1px solid #f1f1f1}
.book-ct .bx-detail h4{font-size:16px;font-weight:500;color:#858585}
.book-ct .bx-detail .col-4{margin:12px 0}
.book-ct .bx-detail .img-type{display:inline-block;margin-right:10px;text-align:center}
.book-ct .bx-detail .img-type>span{position:relative;display:inline-block;width:30px;height:30px;border-radius:100%;overflow:hidden}
.book-ct .bx-detail .img-type>span>img{transform:scale(1.4)}
.book-ct .btn-char{width:24px;height:24px;margin-left:5px;background:url(../img/icon/icon_char.png) no-repeat;background-size:contain}
.book-view{padding:30px 0}
.book-view>.container{padding:0}
.book-view .bx-content{margin-bottom:25px;border-radius:10px;background:#fff;padding:40px 35px}
.book-view .bx-content h3{margin-bottom:20px;padding-left:10px;font-size:25px;font-weight:700;}
.book-view .bx-content .row{margin-left:-50px;margin-right:-50px;margin-bottom:-60px}
.book-view .bx-content .row>div{position:relative;padding-right:50px;padding-left:50px;margin-bottom:60px;margin-top:15px}
.book-view .bx-content .row>div+div:before{content:'';position:absolute;top:33%;left:-4px;width:18px;height:36px;background:url(../img/icon/icon_next.png) no-repeat 100% center;background-size:contain;}
.book-view .bx-content .row>div+div.no-ct:before{display:none}
.book-view .bx-content.v2 .row>div+div:before{display:none}
.book-view .bx-content a{display:block;position:relative}
.book-view .bx-content .img:before{content:'';position:absolute;top:-23px;left:-1px;right:-1px;height:26px;background:url(../img/book/list_top.png) no-repeat 100% center;background-size:contain}
.book-view .bx-content .img{position:relative;display:flex;height:340px;padding:0 15px 30px;border:1px solid #d8d8d8;border-top:0;border-radius:0 0 10px 10px;align-items:center;justify-content:center}
.book-view .bx-content .img>img{max-height:100%}
.book-view .bx-content .bx-txt{padding:0 10px}
.book-view .bx-content h4{margin:10px 0 15px;font-size:24px;font-weight:700}
.book-view .bx-content h4>p.text-lato{margin-bottom:5px;font-size:18px;font-weight:500;color:#999}
.book-view .bx-content.many .row{margin-left:-25px;margin-right:-25px}
.book-view .bx-content.many .row>div{padding-right:25px;padding-left:25px}
.book-view .bx-content.many .row .row{margin:0;padding:0}
.book-view .bx-content.many .row>div+div:before{display:none}
.book-view .bx-content.many .img{height:250px}
.book-view .bx-content.many .img:before{top:-22px}
.book-view .bx-content.many .row>div.col-lg-3>a:before{content:'';position:absolute;top:28%;right:-36px;width:18px;height:36px;background:url(../img/icon/icon_next.png) no-repeat 100% center;background-size:contain;}
.book-view .bx-content .per1-1 .bx-txt .d-flex span+span{margin-left:auto}
.h2.sub-title{margin-bottom:20px;font-size:30px}
.list-card-line.hover-shadow a{box-shadow:0px 5px 10px 0 rgba(0,0,0,.1)}
.list-poster>li{margin:20px 0}
.list-poster a{display:block;position:relative}
.list-poster .bx-txt{display:none;position:absolute;top:0;left:0;right:0;bottom:0;padding:40px 25px;color:#fff;background:rgba(0,0,0,.8);text-align:left;box-shadow:2px 3px 12px 0px rgba(0,0,0,.6);z-index:1;}
.list-poster a:before{content:'';display:none;position:absolute;top:-10px;left:10px;right:-10px;bottom:-10px;border:1px solid #cdcdcd;}
.list-poster .badge{position:absolute;bottom:30px;left:30px;font-weight:300;padding:8px 11px;font-size:12px}
.list-poster h3{margin-bottom:15px;font-size:23px;font-weight:700}
.list-poster p{font-size:15px;font-weight:500}
.list-poster a.active .bx-txt,.list-poster a.active:before{display:block;}
.sub-ani-list .list-poster .bx-txt{position:static;display:block;margin-top:15px;padding:0;background:transparent;color:#000;box-shadow:none}
.sub-ani-list .list-poster .badge{position:static;margin-bottom:5px;background:#000;color:#fff}
.sub-ani-list .list-poster a:before{display:none}
.sub-ani-list .list-poster a:hover h3{color:#d63836}
.sub-ani-view .bx-product{padding:55px 60px}
.sub-ani-view .bx-product .para{margin:0;font-size:18px;line-height:1.7;text-align:left}
.sub-ani-view .bx-product>li+li{margin:80px 0}
.sub-ani-view .bx-product h3{position:relative;padding-bottom:25px;margin-bottom:25px;border-bottom:1px solid #666;font-size:35px;font-weight:700;text-align:left}
.sub-ani-view .bx-product h3:before{content:'';position:absolute;bottom:0;left:0;width:300px;border-bottom:3px solid #000}
.sub-ani-vuew .bx-line>*{width:}
.list-charac{margin-left:-12px;margin-right:-12px}
.list-charac>li{margin:10px 0;padding-left:12px;padding-right:12px}
.list-charac>li>div{position:relative;padding:30px 25px;border:2px solid #e8e8e8;border-radius:10px;overflow:hidden}
.list-charac .bx-txt{text-align:left}
.list-charac h4{margin-bottom:10px;font-size:24px;font-weight:500}
.list-charac img{padding:30px 0 65px}
.list-charac .btn-more{position:absolute;bottom:0;right:0;width:45px;height:45px;border:none;background:#d7d7d7 url(../img/icon/icon_more4.png) no-repeat center center;transition:.3s}
.list-charac .btn-more:hover{background-color:#0b0b0b}
.list-charac .btn-more:after{content:'';position:absolute;top:0;left:0;right:auto;width:13px;height:13px;background:url(../img/ani/btn_btm.png) no-repeat 100% center;transform:none;transition:.3s}
.list-charac .para{display: -webkit-box;overflow: hidden;min-height:4.858em;max-height: 4.858em;line-height: 1.429em;text-overflow: ellipsis;-webkit-line-clamp: 3;-webkit-box-orient: vertical;word-wrap: break-word;white-space: normal}
.list-series>li{margin:20px -15px;align-items:center}
.list-series>li+li{border-top:1px solid #e0e0e0;padding-top:20px}
.list-series .bx-txt{text-align:left}
.list-series h4{margin-bottom:10px;font-size:24px;font-weight:700}
.list-series .list-split{margin-bottom:15px;font-size:15px;font-weight:300}
.bx-line{position:relative}
.bx-line:before{content:'';position:absolute;top:-10px;left:10px;right:-10px;bottom:-10px;border:1px solid #676767}
.bx-line>*{position:relative;z-index:1}
.list-card-img>li>*{display:block;box-shadow:none;border:none;background:transparent}
.list-card-img>li>button .img{background:transparent}
.list-card-img .img{position:relative;padding-top:64%;border:1px solid #f5f5f5;background:#fff;overflow:hidden}
.list-card-img .img>img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-height:96%;max-width:96%}
.list-card-img h3{font-size:20px;color:#000;text-align:left}
.list-card-img small{display:block;margin:10px 0 7px;font-size:14px;color:#666;text-align:left}
.list-card-img>li{margin:20px 0 65px;}
.error-404>div{padding:235px 0 300px}
.error-404 .img{display:block;width:340px;height:200px;margin:0 auto;background:url(../img/error_404.png) no-repeat 100% center;background-size:contain}
.error-404 h3{;font-size:28px;font-weight:700}
.error-404 .para{margin:15px 0 40px;font-size:18px;font-weight:500;line-height:1.5}
.sub-top{padding:80px 0 20px;text-align:center}
.sub-about div .para:last-of-type{margin:0}
.sub-about h3{margin-bottom:20px;font-size:33px;font-weight:700}
.sub-about .h3-deco{position:relative;padding-bottom:30px;margin-bottom:30px;font-size:30px}
.sub-about .h3-deco:before{content:'';position:absolute;bottom:0;left:0;width:35px;border-bottom:5px solid #f7c403}
.sub-about .h3-deco>p{margin-top:10px;font-size:24px;font-weight:500}
.sub-about .content .txt-product{padding-left:35px}
.sub-about .para{font-size:18px}
.sub-about .tx-bx{display:flex;align-items:center}
.sub-about .row.tx-bx{margin:40px 0 0 0 ;padding:25px;border:1px solid #ebebeb;background:#f9f9f9;}
.sub-about .row.tx-bx .para{font-size:15px}
.sub-about .row.tx-bx h4{margin-bottom:10px;font-size:18px}
.sub-about .content.product{padding-bottom:100px}
.sub-about .row.mail-box{display:block;padding:35px 10px;text-align:center}
.sub-about .row.mail-box p{font-size:24px;font-weight:300}
.sub-about .row.mail-box small{display:block;margin-top:5px;font-size:16px;font-weight:500}
.content{padding:50px 100px;margin:20px 0 0;border-radius:20px;background:#fff;box-shadow:5px 5px 12px rgba(0,0,0,.1)}
.content.v2{padding:70px;border-radius:0;box-shadow:none}
.content.v2 .bor{margin-bottom:40px;padding:20px 30px;border:1px solid #eee}
.content.v2 .bor:last-child{margin-bottom:0}
.content.v2 .bor b{display:inline-block;font-weight:500}
.content.v2 .para{font-size:17px}
.content.v2 h3{font-size:20px;font-weight:700;margin-bottom:20px}
.content.v2 .btn-sm3{font-size:20px;min-width:190px;padding-left:45px;padding-right:45px}

/*소개*/
.sub-about{padding-bottom:200px}
.sect-ct>*{padding:50px 0}
.sect-ct>*+*{border-top:1px solid #e6e6e6}

/*문의*/
.sub-cus h2{margin-bottom:55px;font-size:35px;font-weight:700;text-align:center}
.sub-cus>div{padding-top:80px;padding-bottom:80px}
.sub-cus .bg{background:url(../img/sub/sub_qna_bg.jpg) no-repeat center center;background-size:cover;text-align:center}
.sub-cus .bg .btn{min-width:335px;padding:20px 100px}
.sub-cus .bg-000 ul:not(.list-type)>li{margin-bottom:30px}
.sub-cus .bg-000 ul:not(.list-type)>li>p{padding:40px 0;background:#fff;font-size:32px;text-align:center}
.sub-cus .bg-000 ul:not(.list-type)>li>p>small{display:block;font-size:20px}

/*로그인및회원가입*/
.sub-login{padding:120px 0 280px}
.sub-login .container-xm{padding:0 55px}
.sub-login .btn-skew{width:95%;margin-top:10px}
.sub-login .list-split{margin:30px 0 25px;padding-bottom:20px;border-bottom:1px solid #d0d0d0;color:#666}
.sub-form{padding:80px 0 130px}
.sub-form .content{border-radius:0;padding:55px;box-shadow:none}
.sub-form .content h2{font-size:26px;font-weight:700}
.sub-form .content .h4{margin-bottom:25px}
.sub-form .content .row{margin-left:-5px;margin-right:-5px}
.sub-form .content .row>*{padding-left:5px;padding-right:5px}
.sub-form .b{font-size:34px;font-weight:700}
.sub-form .b+p{margin:5px 0 75px;font-size:18px;color:#999}
.sub-form .content .h2-title{margin-bottom:30px;font-size:34px;font-weight:700}
.sub-join{padding:120px 0 255px}
.sub-join .content{padding:85px 55px 55px}
.sub-join .btn-half>*{min-width:185px}
.container-login .form-wrp{margin:10px 0}
.container-login .btn-skew{margin-top:20px}
.login-form{;padding-bottom:30px;margin-bottom:20px;border-bottom:1px solid #d0d0d0}
.login-chg.content{margin-bottom:290px;padding:100px 20px}
.login-chg .h2{margin:5px 0 20px;font-size:24px;font-weight:700;line-height:1.4}
.login-chg .h2+p{font-size:18px}
.sub-form .time{position:absolute;top:17px;right:32px;color:#e00c0c;font-size:16px;font-weight:400}
.sub-form select.form-control{-webkit-appearance:none;appearance:none}
.sub-form select.form-control::-ms-expand{display:none}
.bx-muted{padding:20px 25px;margin-bottom:30px;background:#f7f7f7;font-size:15px;color:#666}

/*마이페이지*/
.sub-my{padding:80px 0 155px}
.my-content{position:relative;padding:60px 60px 70px;background:#fff}
.my-content:before{content:'';position:absolute;top:0;right:0;left:0;border-top:10px solid #f6cc45}
.sub-my .my-content:first-of-type{margin-bottom:30px}
.sub-my .my-content+.my-content:before{display:none}
.my-content h2{font-size:34px;font-weight:700}
.my-content h3{margin:37px 0px 20px;font-size:23px;font-weight:700}
.my-content .para{margin-bottom:55px;font-size:18px;letter-spacing:-0.07em;color:#666}
.page-title{margin-bottom:20px;padding-bottom:35px;border-bottom:1px solid #000}
.page-title .btn-round{padding:11px 40px !important}
.point-top{margin-bottom:30px}
.sub-my .point{display:flex;align-items:center;font-size:30px;font-weight:700}
.badge-round.v2{min-width:inherit !important;height:auto;margin-right:10px;padding:8px 12px;border-radius:100%;background:#f6cc45;font-size:22px;font-weight:700 !important}
.sub-my .btn-edit{padding:17px 140px;margin-top:15px}
.list-bd-radius{margin-bottom:40px;padding-bottom:50px;border-bottom:1px solid #d0d0d0;}
.list-bd-radius>li+li{margin-top:14px}
.list-bd-radius>*{display:block;padding:25px 40px 30px;border:1px solid #d0d0d0;border-radius:15px;transition:.3s}
.list-bd-radius h3{margin:0 0 20px 0;}
.list-bd-radius h3>p{font-size:18px;margin-bottom:5px;font-weight:400}
.list-bd-radius .badge{min-width:60px;margin-right:10px;font-weight:400;color:#f9f9f9}
.list-bd-radius li:hover{border-color:#000}
.list-bd-radius .list-title{margin-bottom:10px;font-size:18px}
.list-bd-radius .list-title>.text-muted{margin-left:10px}
.list-bd-radius.v2>*{border-radius:0;min-height:200px;border-color:#d0d0d0 !important}
.list-bd-radius .re-qna{min-height:240px}
.view-title{margin-bottom:35px;padding-bottom:25px;border-bottom:1px solid #000}
.view-title h3{font-size:25px;font-weight:700}
.view-title .list-split{margin-bottom:10px;font-size:18px;font-weight:400}
.btn-btm{display:flex;align-items:center}
.btn-btm .btn{min-width:210px}

/*마이크로사이트*/
.page-micro .img-border{border-radius:10px}
.micro-sub-title{padding-bottom:120px}
.micro-sub-title .container{padding-top:50px;padding-bottom:50px;text-align:center;}
.micro-sub-title h2{font-size:34px;font-weight:900}
.micro-view-bg{background:url(../img/micro/bg01.png) no-repeat center top,url(../img/micro/bg02.jpg) no-repeat center bottom ;padding-bottom:70px;min-height:100vh}
/* 20200909 수정되었음 */
.micro-view-content{padding:100px 60px;background:#fff;}
.micro-sub-title+.micro-view-bg .micro-view-content{transform:translate(0, -120px)}
.micro-sub-title+.micro-view-bg .micro-view-content.no-top{transform:none}
/* 20200909 수정되었음 */
.micro-list .micro-view-content{transform:none}

/* 20200909 수정되었음 */
.post-deco{padding-bottom:113px;margin-bottom:87px;}
/* 20200909 수정되었음 */

.micro-view .h3-deco{position:relative;padding-bottom:30px;font-size:40px;font-weight:900;text-align:center}
.micro-view .h3-deco:before{content:'';position:absolute;bottom:0;left:50%;width:60px;transform:translateX(-50%);border-bottom:6px solid}
.micro-view .h3-deco>.sub-title{margin-bottom:5px;font-size:22px;font-weight:900;color:#d3d3d3}
.micro-view .h3-line{position:relative;margin:55px 0 25px;padding-bottom:15px;font-size:34px;font-weight:700;text-align:left}
.micro-view .h3-line:before{content:'';position:absolute;bottom:0;left:0;right:0;border-bottom:5px solid #f2f2f2;transform:skew(-30deg)}
.micro-view h4{margin:60px 0 25px;font-size:30px;font-weight:700}
.micro-view .tx-deco{padding-left:30px;font-size:22px;font-weight:700;background:url(../img/icon/txt_deco.png) no-repeat left center;}
.micro-view .p{margin:10px 0 30px;font-size:18px;color:#666;line-height:1.9}
.micro-view .p.v2{text-align:center;line-height:1.7}
.micro-view .small{margin:5px 0 50px;font-size:13px;color:#888}
.micro-view .swiper-container{margin-top:20px}
.micro-view .mov{position:relative;padding-top:49%;margin-top:30px;margin-bottom:100px}
.micro-view .mov iframe{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%}
.micro-view .h4-deco{position:relative;margin:0 0 35px 0;padding-bottom:20px;font-size:30px;font-weight:900}
.micro-view .h4-deco:before{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:135px;height:5px;background:linear-gradient(to right,#54bcb6,#75be95, #abc25d,#f9c90c ,#fbc90a)}
.micro-view .h4-deco>span{display:block;margin-top:3px;letter-spacing:0.4em;font-size:15px;font-weight:900;color:#c1c1c1}
.micro-view .btn-mt{margin-top:100px}
.micro-view .micro-view-top a{display:block;width:35px;height:35px;background:url(../img/icon/btn_prev.png) no-repeat center center;background-size:contain}
.sect-ani-story{padding:75px 0 55px;background:linear-gradient(to right,#ceefe7, #fff, #f6fbe5)}
.sect-ani-story .btn-round{padding:15px 95px;margin-top:10px;border:2px solid #ededec !important;box-shadow:3px 6px #ededec;font-size:20px}
.txt-b{display:block;font-size:26px;margin-bottom:5px;letter-spacing:-0.07em}
.sect-ani-charactor{;padding:120px 0}
.sect-ani-charactor ul{display:flex;margin-top:60px;justify-content:center;text-align:center}
.sect-ani-charactor ul a{display:block}
.sect-ani-charactor ul a:hover .round-border{box-shadow:2px 6px 9px #f5f5f5}
.sect-ani-charactor ul .round-border{position:relative;width:175px;height:175px;background:linear-gradient(to bottom, #62bda8,#62bda8,#fefefd,#b9c551,#f4de79);transform:rotate(-45deg);border-radius:100%;transition:.3s}
.sect-ani-charactor ul .round-border:before{content:'';position:absolute;top:3px;bottom:3px;left:3px;right:3px;background:#fff;border-radius:100%}
.sect-ani-charactor ul img{position:relative;width:163px;height:163px;margin-top:5px;border-radius:100%;transform:rotate(45deg);z-index:10}
.sect-ani-charactor ul p{margin-top:10px;font-size:22px;font-weight:700;}
.sect-ani-step{padding:70px 0 80px;background:#f8f8f8}
.sect-ani-step li{margin:10px 0;font-size:20px;font-weight:400;color:#666}
.sect-ani-banner{padding:50px 0 180px}
.micro-story-img{margin:60px 0}
.list-micro-character a{display:block;position:relative;height:100%;padding:0 0 15px 0;border:1px solid #f3f3f3;border-radius:15px;transition:.3s}
.list-micro-character a:hover{box-shadow:6px 6px 14px rgba(0,0,0,.1)}
.list-micro-character>*{margin-bottom:30px}
.list-micro-character .img>img{border-radius:15px 15px 0 0}
.list-micro-character h4{margin:5px 0 0;font-size:22px;font-weight:700}
.list-micro-character h4>p{margin-top:5px;font-size:14px;font-weight:400;}
.micro-chrac-img{margin:60px 0 35px}
.micro-list .micro-view-bg{padding:70px 0 120px}
.micro-list .list-tumb>li{margin-bottom:50px}
.micro-list .micro-view-content{padding-bottom:30px}
.micro-list-title h3{font-size:40px;font-weight:900;letter-spacing:-0.07em}
.micro-list-title p{margin-top:25px;padding-bottom:25px;border-bottom:1px solid #e1e1e1;font-size:18px;color:#666}
.micro-list-title.v2{padding-bottom:45px;text-align:center}
.micro-list-title.v2 h3{position:relative;padding-bottom:35px;font-size:26px;font-weight:700}
.micro-list-title.v2 h3:before{content:'';position:absolute;bottom:0;left:50%;width:45px;border-bottom:2px solid #dadada;transform:translateX(-50%)}
.micro-list-ct b{display:block;margin:46px 0 10px;font-size:22px;font-weight:700}
.micro-list-ct img{margin-bottom:30px}
.micro-list-btm{display:flex;align-items:center;margin-top:240px}
.micro-list-btm>*{display:block}
.micro-list-btm .btn{margin:0 auto}
.micro-list-btm .prev,.micro-list-btm .next{position:relative;padding-left:30px;;font-size:20px}
.micro-list-btm .next{padding-right:30px}
.micro-list-btm .prev:before,.micro-list-btm .next:before{content:'';position:absolute;left:0;right:0;bottom:0;top:0;background:url(../img/icon/btn_icon.png) no-repeat left center;}
.micro-list-btm .next:before{transform:rotate(180deg)}

.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}

.sect-rank.sect-rank{padding-top:100px}
.list-banner{position:relative;margin:20px 0}
.list-banner:before{content:'';position:absolute;top:-20px;bottom:-20px;left:20px;right:-20px;border:1px solid #d5d5d5}
.list-banner:after{content:'';position:absolute;top:0;right:0;width:10px;height:10px;background:#f7f7f7}
.list-banner a{justify-content:space-between;align-items:center;text-align:left}
.list-banner li{position:relative;z-index:1}
.list-banner li+li{margin-top:20px}
.list-banner .img{position:relative;padding-top:50%;width:44%;overflow:hidden}
.list-banner .img>img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);min-height:196px;min-width:181px;max-width:initial}
.list-banner .txt{padding-left:30px}
.list-banner h3{font-size:24px;font-weight:700;letter-spacing:-0.07em}
.list-banner p{margin-bottom:10px;font-size:17px;color:#222;letter-spacing:-0.07em}
.list-rank-wrp{box-shadow:3px 6px 12px 0px rgba(0,0,0,.1)}
.list-rank .swiper-slide{padding-bottom:15px}
.list-rank .title h3{display:flex;align-items:center;height:60px;padding:0 25px;margin:0;font-size:22px;font-weight:500;color:#fff;text-align:left;background:url(../img/list_top.png) no-repeat center center;background-size:100% 60px}
.list-rank .title .d-lg-flex{display:flex}
.list-rank .swiper-slide:nth-of-type(2) .title h3{height:60px;background:url(../img/list_top2.png) no-repeat center center;background-size:100% 60px}
.list-rank .nav{justify-content:center}
.list-rank .title .nav-link{display:inline-block;padding-top:5px;font-size:18px;color:#666666}
.list-rank .title .nav-link.active{color:#fff}
.list-rank .title .nav,.list-rank .tab-content ul{background:#393939}
.list-rank .awards{padding:25px 10px 15px}
.list-rank .awards>*{position:relative;padding:0 5px}
.list-rank .awards img{position:absolute;top:-19px;left:50%;transform:translateX(-50%)}
.list-rank .awards p{padding:20px 10px 7px;border-radius:15px;font-size:18px;color:#fff;background:#1b1b1b}
.list-rank .awards p>span{display:block;font-size:15px;color:#9a9a9a;font-weight:700}
.list-rank table tr>*{padding:14px 0;font-size:17px;background:#fff}
.list-rank table tr:nth-of-type(2n)>*{background:#fbfbfb}
.no-gutters{margin-right:0 !important;margin-left:0 !important}

/* 특설사이트 */
#ct.page-special{padding-top:80px;background:#f7f7f7}
.page-special .special-sect .container{max-width:100%;padding:0}
.page-special .main-banner{width:100vw;height:700px;background-size:cover;background-position:center;background-repeat:no-repeat}
.page-special .slide-banner{padding:30px 0;background:#171717}
.page-special .slide-banner .container{position:relative}
.page-special .slide-banner .swiper-button-next{right:210px}
.page-special .slide-banner .swiper-button-prev{left:210px}
.page-special .slide-banner .swiper-slide{opacity:.3;transition:.3s}
.page-special .slide-banner .swiper-slide a{display:block;width:620px;height:335px;background-size:cover;background-position:center;background-repeat:no-repeat}
.page-special .slide-banner .swiper-slide-active{opacity:1}
.page-special .special-sect{padding:110px 0 160px;}
.page-special .special-sect .content{margin-top:0;padding:20px 95px 120px;border-radius:0;box-shadow:none;text-align:center;background:transparent;}
.page-special .special-sect .content .para{color:#000}
.page-special .special-sect .content h3{transform:translate(0, -30px);display:inline-block;padding:15px 45px 5px 35px;border-radius:50px;font-size:36px;font-weight:700;letter-spacing:-0.07em;color:#fff;background:#222 url(../img/special/h3_deco.png) no-repeat left center;}
.page-special .special-sect .content .icon-h3{width:50px;height:50px;margin-right:10px;margin-bottom:9px;background:url(../img/special/h3_top.png) no-repeat}
/* .page-special .special-sect .content+.content{margin-top:120px} */
.page-special .special-sect .content h4{margin-bottom:45px;font-size:30px;font-weight:700;line-height:1.5;text-align:center;color:#000}
.page-special .special-sect .content .para{margin:45px 0;text-align:center;font-size:24px;font-weight:400;letter-spacing:-0.07em}
.page-special .special-sect .content .para>span{display:block;font-size:30px}
.page-special .special-sect .content .view-img{position:relative;overflow:hidden;max-width:100%;width:1080px;height:auto;margin:0 auto;border-radius:25px;text-align: center}
.page-special .special-sect .content .view-product{margin:55px 0 20px}
.page-special .special-sect .content small{font-size:20px}
.page-special .special-sect .content .view-grid{text-align:initial}
.page-special .special-sect .content .view-grid h4{margin-bottom:10px}
.page-special .special-sect .content .view-grid img{display:block}
.page-special .content .view-grid p>img{margin:0 auto}
.view-table{border-bottom:1px solid #000}
.view-table tr>*{padding:15px 0;font-size:20px}
.view-table thead tr>*{border-top:3px solid #030303;font-size:24px;background:#f9f9f9}
.view-table thead tr>* p{font-size:20px;font-weight:400}
.view-table tbody th{color:#fff;font-weight:500;background:#434343}
.view-table tbody td{background:#fff}
.view-table tbody tr>*{border-top:1px solid #999}

.sub-terms .list-split{padding-bottom:15px;border-bottom:2px solid}
.sub-terms .list-split a{font-size:20px;font-weight:700;color:#c8c8c8}
.sub-terms .list-split a.active{color:#000}
.sub-terms .list-split>li+li:before{margin:0 15px}
.sub-terms .content{padding-bottom:230px}
.sub-terms{padding-bottom:120px !important}
.sub-terms p,.sub-terms ol{font-size:15px;line-height:1.8}
.sub-terms .bold{margin:40px 0 10px}
.sub-terms .bold02{margin:40px 0 10px}
.sub-terms li{margin-bottom:10px}
.sub-terms small{margin:30px 0 20px}

.sub-card .sect-info{padding:80px 0 90px;background:url(../img/bg_pattern3.jpg)}
.sub-card .sect-info .h2{margin-bottom:30px}
.sub-card .sect-info .img-card{/*height:396px;*/padding:20px 10px 25px;border-radius:10px;background:transparent;transition:.3s}
.sub-card .sect-info .swiper-slide a{display:block;opacity:.5}
.sub-card .sect-info .img-card img{width:100%}
.sub-card .sect-info .img-card p{margin-top:15px;margin-left:10px;font-size:20px;color:#fff;text-align:left;opacity:0;transition:.3s}
.sub-card .sect-info .swiper-slide-active a{opacity: 1}
.sub-card .sect-info .swiper-slide-active .img-card{padding-top:0;background:linear-gradient(to bottom,transparent,transparent,#2a2a29)}
.sub-card .sect-info .swiper-slide-active .img-card p{opacity:1}
/*
.sub-card .sect-info .swiper-slide-active .img-card img{height:89%}
*/
.sub-card .sect-info .container{position:absolute;top:43%;left:0;right:0;width:1190px;z-index:2}
.wrp-rank .swiper-slide{padding-left:15px;padding-right:15px}
.wrp-rank .swiper-wrapper{margin-right:-15px}
.wrp-mov{height:100%;padding:45px 25px;border:1px solid #d5d5d5}
.wrp-mov .mov{width:100% !important}
.wrp-mov h4{position:relative;padding-left:20px;margin-top:15px;font-size:1.625em;font-weight:700;text-align:left}
.wrp-mov h4:before{content:'';position:absolute;top:0;left:0;height:100%;border-left:4px solid #cfcfcf}
.row-right{padding-left:25px}

/* 통합검색 */
.sect-srch-wrap{padding:70px 0 0 0}
.sect-srch-wrap .sect-srch.bg-wh{padding-bottom:135px}
.sect-srch-wrap .sect-srch.bg-wh .h3-tit{margin-bottom:20px}
.sect-srch .h3-tit{padding-top:50px;text-align:left;font-size:24px;font-weight:700}
.sect-srch .h4-tit{margin-top:30px;font-size:20px;text-align:left;font-weight:700}
.sect-srch .container{padding-top:30px;padding-bottom:70px;border-bottom:1px solid #c3c3c3}
.sect-srch .btn-skew{margin-top:40px}
.list-book.v2 .img{background:#fff}

/* 기존사이트 css */
.story .story-left,
.story .story-right {
	margin-bottom: 40px;
	border-bottom: 2px solid #e0e0e0
}

.story-block {
	display: block;
	position: relative;
	width: 90%;
	background: #fff;
	padding: 20px 25px 17px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-ms-transition: all .25s ease-in-out;
	-o-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out
}

.story .story-left .story-arrow,
.story .story-right .story-arrow {
	background: #fff;
	width: 18px;
	height: 18px;
	top: 50%;
	margin-top: -10px;
	z-index: 50
}

.story-block:hover {
	box-shadow: 2px 2px 20px rgba(0, 0, 0, .08)
}

.story .story-left {
	position: relative;
	border-right: 2px solid #e0e0e0
}

.story .story-left .story-arrow {
	border-right: 2px solid #e6e6e6;
	border-top: 2px solid #e6e6e6;
	display: block;
	right: -10px;
	position: absolute;
	transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	display: none\9
}

.story .story-right {
	position: relative;
	border-left: 2px solid #e0e0e0;
	float: right
}

.story .story-right .story-arrow {
	border-left: 2px solid #e6e6e6;
	border-bottom: 2px solid #e6e6e6;
	display: block;
	left: -10px;
	position: absolute;
	transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	display: none\9
}

.story .story-left:after,
.story .story-right:after {
	position: absolute;
	width: 25px;
	height: 25px;
	background: #34b1c4;
	content: '';
	margin-top: -12px;
	top: 50%
}

.story .story-left:after {
	right: -86px;
	border-radius: 50%;
	border: 5px solid #fff
}

.story .story-right:after {
	left: -84px;
	border-radius: 50%;
	border: 5px solid #fff
}

.story .story-left {
	float: left
}

.story-block .story-text h4 {
	margin-bottom: 8px;
	font-size: 20px
}

.story-block .story-image img {
	width: 100px;
	height: 100px;
	position: absolute;
	top: 50%;
	border: 4px solid #eef0f1;
	border-radius: 50%;
	margin-top: -50px
}

.story .story-left .h-line,
.story .story-right .h-line {
	position: absolute;
	width: 2px;
	height: 140%;
	background: #ddd
}

.story .story-right .story-image img {
	left: 30px
}

.story .story-right .story-text {
	text-align: left;
	margin-left: 130px
}

.story .story-left .story-image img {
	right: 30px
}

.story .story-left .story-text {
	text-align: right;
	margin-right: 130px
}

.story .story-left .h-line {
	right: -74px;
	top: 0
}

.story .story-right .h-line {
	left: -73px;
	top: 0
}

.story .story-left.last .h-line,
.story .story-right.last .h-line {
	height: 100% !important
}
.animation_wrap .content h3,
#game_Title h3 {
	font-size: 20px
}
#ani_Title {
	width: 48%;
	min-height: 340px;
	padding: 1%;
	margin: 1%;
	float: left;
	border: solid #dedede 1px;
	overflow: hidden;
	font-family: sans-serif;
	font-size: 15px
}

#game_Title {
	width: 145px;
	padding: 0px 39px 25px 0px;
	font-size: 11px;
	float: left;
	overflow: hidden
}

.animation_wrap .content h2,
#storytitle {
	clear: both;
	font-size: 25px
		
}
.mypage-wrp{display:none}
.myinfo-box .card-head{display:none}
/*---------- 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:100px;height:65px;margin-left:15px;background:url(../img/a-store-card2.png) no-repeat center center;background-size:contain; transform: translateY(3px);}
}
@media (min-width:991px){
	.d-lg-iblock{display:inline-block !important}
	.col-lg-25{flex:0 0 12.5%;-ms-flex: 0 0 12.5%;max-width:12.5%;}
    .col-lg-45{flex:0 0 41%;-ms-flex: 0 0 41%;;max-width:41%;padding-left:15px;padding-right:15px}
	.sect-rank .swiper-container .swiper-wrapper{transform:none !important}
	#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 .gnb li.open:nth-of-type(9) a , .gnb li:nth-of-type(9) a.active{background:#FFDE00 !important}
	#hd .container{max-width:1250px !important;width:1250px !important}
}
@media (max-width:1540px){
	.page-pokemon .gnb>li>a{width:120px}
	.btn-store{width: 16%;padding:0 30px;margin-left:5px;font-size:16px}
	.nav-search .search-wrp{width:95%;float:right}
}
@media (max-width:1200px){
	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{flex-wrap:nowrap;padding:0 20px}
	#ft .ft-btm .copylight{padding-left:30px}
	#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:87px}
	.myinfo-box::after{left:calc(50% - 83px)}
	#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}
	.icon-pokehome{width:60px;height:65px;background:url(../img/a-store-card.png) no-repeat center center;background-size:contain}
	.icon-pokestore{width:60px;height:65px;margin-left:15px;background:url(../img/a-store-card2.png) no-repeat center center;background-size:contain; transform: translateY(3px);}
}
@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%}
	.nav-muted.v3 .nav-link{padding:7px 21px;min-width:inherit;font-size:13px}
	
	/* Grid */

	/* Typography */
	.h2{font-size:29px;margin-bottom:25px}
	.h3{font-size:18px}
	.h4{font-size:18px}
	.h5{font-size:15px}

	/* List */
	.list-next.right{float:inherit}
	.list-next{overflow:hidden}
	.list-next>li{flex:0 0 auto}

	/* Table */
	table tr>*{font-size:14px}
	.tb-txt tr+tr>*{padding-top:10px}

	/* Badge */
	.badge-tri{border-left:25px solid;border-top:25px solid;border-bottom:25px solid transparent;border-right:25px solid transparent}
	.badge-tri>p{top:-21px;left:-20px;font-size:11px}

	/* Breadcrumb */
	.breadcrumb{position:relative;margin-bottom:0;padding:10px 0}
	.breadcrumb a{font-size:13px}
	.breadcrumb a.active{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
	.breadcrumb .colp-srch{display:block;position:absolute;right:0;top:0;width:40px;height:100%;background:#e4e4e4;border:0;border-left:1px solid #e3e4e4;outline:none}
	.breadcrumb .colp-srch.collapsed{background:#f7f7f6}
	.breadcrumb .colp-srch .icon-srch{display:none;width:20px;height:20px;margin:0 auto;background:url(../img/icon/icon_go2.png) no-repeat;background-size:contain;}
	.breadcrumb .colp-srch.collapsed .icon-srch{display:block;background:url(../img/search_dark.png) no-repeat;background-size:contain}
	.breadcrumb .colp-srch .xi-angle-up{display:block}
	.breadcrumb .colp-srch.collapsed .xi-angle-up{display:none}
	.breadcrumb+div{padding:20px;background:#e4e4e4}
	.breadcrumb+div .search-wrp{margin:0;height:40px;padding-left:0;background:#e4e4e4}
	.breadcrumb+div .search-wrp:before{display:none}
	.breadcrumb+div .search-wrp input{left:0;padding:12px 20px;border:0}
	.breadcrumb+div .search-wrp .btn-search{background-color:#000}
	.breadcrumb+div .search-wrp .btn-search:before{width:17px;height:17px}

	/* Button */
	.btn{min-width:270px;padding:15px 90px;font-size:15px}
	.btn-lg{max-width:90%;font-size:15px;}
	.btn-sm{font-size:16px;max-width:235px;margin:20px auto 0}
	.btn-sm2{display:block;width:200px;min-width:inherit;padding:10px 45px;margin:25px auto 0}
	.btn-sm2.btn-skew>p:before{display:none}
	.btn-sm3{padding:8px 40px !important;min-width:inherit !important;font-size:14px !important}
	.btn-gradient:before{left:5px;height:87%;width:95%}
	.btn.btn-gradient:before{left:2px;top:2px;height:90%;width:98%}
	.btn-more:after{right:30px;width:7px;height:11px;background:url(../img/icon/icon_more_m.png);background-size:contain}
	.btn-skew>p:before{right:-67%}
	.btn-skew.btn-lg{padding:10px 0 20px;margin-top:20px}
	.btn-skew.btn-lg>p:before{bottom:-15px;width:7px;height:15px;background-size:contain}
	.btn-details{opacity:1 !important}
	.btn-half>*{width:50%;min-width:inherit !important;padding:10px !important;font-weight:400}
	.btn-half.full{width:100%;}
	.btn-half.full>*{margin:0;font-size:15px}
	.btn-round.btn-sm{min-width:inherit;padding:10px 22px;font-size:13px;}
	.btn-round2{min-width:auto;padding:13px 85px;border:3px solid;font-size:15px;font-weight:700;background:url(../img/icon/btn_icon_m.png) no-repeat left 10% center;background-size:8px 15px}
	.btn-round2.v3{padding:11px 50px;font-weight:700}
	.btn-full{width:100%;min-width:inherit}
	.btn-full.btn-skew{width:90%;min-width:inherit}

	/* Collapse */
	.collap>li a{display:flex;padding:15px 20px;align-items:center;font-size:13px;background-size:15px !important;background-position:center right 20px !important}
	.collap>li a>p{width:90%}
	.collap>li a>p>span{width:25px;height:25px;padding:2px;margin-right:5px;font-size:13px}
	.collap .para{font-size:12px}
	.collap .card{padding:22px 20px}
	
	.collap.v2{margin-bottom:45px;margin-left:-20px;margin-right:-20px}
	.collap.v2 a>p>span{font-size:13px}
	.collap.v2 a.collapsed{background:url(../img/icon/collap2.png) no-repeat right 10px center}
	.collap.v2 a{background:url(../img/icon/collap2_active.png) no-repeat right 10px center}

	/* Dropdowns */

	/* Forms */
	.form-control{font-size:14px}
	.form-control::placeholder{font-size:14px}
	.form-control-lg{font-size:15px}
	.form-group{margin-bottom:6px}
	.label{font-size:14px}
	.form-collap{margin:10px 0}
	.form-border.v2{padding:13px 0 15px !important}
	.input-chk-wrp{margin:-2px}
	.input-chk{padding:2px}
	.subject{display:block;margin-bottom:15px;font-size:15px}
	.form-container.sm{padding-bottom:20px;margin-bottom:20px}
	.form-container .form-wrp:first-of-type{margin-top:0}
	.form-wrp{margin:10px 0}
	.form-wrp .btn{height:53px;padding:10px !important;font-size:14px}
	.form-wrp select.form-control:not(.dark){background:url(../img/icon/select_m.png) no-repeat right 15px center !important;background-size:auto 5px !important}
	.form-wrp select.form-control,.form-wrp .col-lg-4 select.form-control{padding-right:20px !important}
	.select.form-control.dark.dark.dark{background:url(../img/icon/icon_down.png) no-repeat 95% 50% !important !important}
	.form-wrp .col-4 select.form-control{padding-right:24% !important}
	.form-wrp.lg{margin-top:7px;margin-bottom:7px}
	.form-wrp.lg+.form-supple{margin:0}
	.form-wrp .subject{width:29%;padding:8px 0;margin:0;font-size:13px}
	.form-wrp .cont{font-size:13px}
	.form-wrp.row .form-supple{margin:10px 0 0}
	.form-table{padding-bottom:20px;margin-top:-10px}
	.form-table .form-wrp{margin:0}
	.form-table .cont{width:71%;flex:none}
	.form-table .form-wrp .subject{padding:7px 0}
	.my-content .form-control{height:40px;padding:10px 15px}
	.col-form-label{font-size:13px;padding:0 0 5px !important}
	.form-primary-check label{padding:0 2px}
	.form-primary-check label>i{min-width:95px;padding:5px;font-size:11px}
	.custom-control{margin:0 auto;}
	.custom-checkbox .custom-control-label{font-size:14px;padding-left:2px}
	.custom-checkbox .custom-control-label::before,.custom-control-label::after{width:18px;height:18px;top:1px}
	.custom-checkbox.v2 .custom-control-input~.custom-control-label:after{width:18px;height:18px}
	.custom-control.lg .custom-control-label{font-size:16px;font-weight:500;margin-bottom:16px !important}
	.custom-control.lg .custom-control-label:before,.custom-control.lg .custom-control-label:after{width:23px !important;height:23px !important}
	.custom-control.lg .custom-control-label{padding-left:6px}
	.form-primary-check>*{flex:0 0 33%;-ms-flex: 0 0 33%;max-width:33%;margin-bottom:5px}
	.form-primary-check label>i{padding:9px 5px}
	.form-border{padding-bottom:20px;border-top:1px solid}
	.form-line{padding:10px 0;font-size:13px}
	.form-line::placeholder{font-size:13px}
	.form-collap a{margin-top:-3px;margin-left:0;background-position:center right 5px !important;background-size:11px !important}
	.form-collap .card{margin-top:0;font-size:13px}
	.form-supple{margin-top:2px;font-size:12px}
	.form-lg-mt{margin-top:10px}

	/* Modal */
	.modal-dialog{width:100%;margin:0 auto;padding:0 20px}
	.modal-content{width:100%;border-radius:10px}
	.modal-content .btn-close2{margin-right:-20px}
	.modal{padding-top:65px}
	.modal-header{padding:15px 20px}
	.modal-charac h5{font-size:18px}
	.modal-charac .modal-body{padding:30px 20px}
	.modal-mov .modal-dialog{max-width:335px;margin-top:130px}
	.modal-mov .modal-body{padding:0;text-align:center}
	.modal-mov .modal-content iframe{max-width:300px;max-height:200px}
	.modal-mov .btn-close2{width:40px;height:40px;margin:20px auto 0;}
	.modal-body{padding:40px 20px}
	.modal-lg .modal-body{padding:40px 30px}
	.need-content .modal-body .h5{font-size:18px;margin:7px 0 35px}
	.modal-body .h5{font-size:18px;margin:5px 0 10px}
	.modal-body .h5+p{font-size:14px;margin-bottom:20px}
	.modal-body .join2{width:75px}
	.modal .lock{width:30px}
	.bx-muted{margin-bottom:20px;padding:20px;font-size:11px}
	.withdrawal .modal-header .modal-title{font-size:18px}
	.withdrawal .d-lg-none.d-none+.modal-body{padding:40px 20px}
	.withdrawal .modal-header:not(.d-lg-none)+.modal-body{padding:}
	.withdrawal .modal-body{padding:30px 20px 35px}
	.withdrawal img{width:50px}
	.withdrawal .h5{margin:10px 0}
	.withdrawal .modal-header:not(.d-lg-none)+.modal-body .h5{font-size:15px}
	.withdrawal .border-top{margin-top:35px;padding-top:20px}
	.withdrawal .border-top>*{margin-top:0 !important}
	.withdrawal .btn{min-width:inherit;padding:13px 49px;font-size:15px;font-weight:400}
	.withdrawal-form{padding:7px 20px 39px !important}
	.withdrawal-form .custom-control-label{padding-left:0 !important;text-align:left;font-size:15px !important}
	.withdrawal-form .custom-control-label.custom-control-label:before,.withdrawal-form .custom-control-label.custom-control-label:after{width:19px !important;height:19px !important}
	.withdrawal-form .bx-muted{padding:20px 15px}
	.withdrawal-form .bx-muted>p{font-size:12px}
	.withdrawal-form .custom-control-label .span{margin-left:0}
	.withdrawal-form .border-top{margin-top:10px;padding:20px 10px 0}
	.modal-vod .modal-title{font-size:18px;}
	.modal-vod .modal-body{padding:10px 20px 50px}
	.modal-vod ul a{font-size:14px}

	/* Navs */
	.nav-search a{font-size:14px}
	.nav-search>div.container{display:block}
	.nav-search .search-wrp{width:100%;height:40px;margin:15px auto}
	.nav-search .search-wrp input{height:40px;font-size:15px}
	.nav-search .search-wrp input::placeholder{font-size:15px}
	.nav-search .search-wrp input:-ms-input-placeholder{font-size:15px}
	.nav-search .search-wrp .btn-search{height:40px;width:40px}
	.nav-search .btn-search:before{width:21px;height:21px}
	.nav-search .search-wrp:after{left:-30px}
	.nav-muted .nav-link{min-width:65px;padding:9px 17px;font-size:13px;}
	.sub-about .sub-top h2>img{width:130px}
	.nav-rounded{margin-top:15px;box-shadow:0 0 7px 1px rgba(150,150,150,.2)}
	.nav-rounded li+li{margin-left:10px}
	.nav-rounded .nav-link{padding:10px 20px;font-size:12px;}

	/* Pagination */

	/* Scrollspy */

	/* Colors */

	/* Icon */

	/* Swiper */
	.swiper-page-dot{bottom:15px !important}
	.swiper-page-dot .swiper-pagination-bullet{width:10px;height:10px}
	.swiper-button-prev, .swiper-container-rtl .swiper-button-next{left:10px}
	.swiper-button-next, .swiper-container-rtl .swiper-button-prev{right:10px}
	.swiper-button-next, .swiper-button-prev{width:40px;height:40px;opacity:.8}
	.swiper-dark .swiper-button-next, .swiper-dark .swiper-container-rtl .swiper-button-prev{right:15px}
	.swiper-center .swiper-button-prev, .swiper-container-rtl .swiper-button-next{left:15px}
	.swiper-page-line .swiper-pagination{width:100%;bottom:-35px}
	.swiper-page-line .swiper-pagination-bullet{width:60px;}
	.swiper-page-line .swiper-button-next{left:90%;bottom:-38px;transform:translateX(-90%)}
	.swiper-page-line .swiper-button-prev{left:10%;bottom:-38px;transform:translateX(-10%)}
	.swiper-tumb .swiper-slide>img{padding:13%;}
	.swiper-tumb .swiper-pagination-bullet{width:5px;height:5px}
	.swiper-tumb .swiper-pagination{bottom:3px}
	.swiper-tumb .swiper-button-next{right:7px}
	.swiper-tumb .swiper-button-prev{left:7px}
	.films-cuts{padding:0 10px;background:transparent}
	.gallery-top, .gallery-thumbs{width:auto}
	.films-cuts [class^=swiper-button]{left:-30px;width:20px;height:45px;border-radius:0 5px 5px 0;background-size:6px;background-position:center center}
	.films-cuts .swiper-button-next{right:-30px;left:auto}
	.films-cuts.v2 .gallery-thumbs{padding-left:20px;padding-right:20px;margin-left:0}
	.films-cuts.v2 .gallery-top{padding-left:20px;padding-right:20px;margin-left:0}
	.films-cuts.v2{padding:0}
	.films-cuts.v2 .swiper-button-prev{left:0;top:43%;width:30px;border-radius:0 5px 5px 0}
	.films-cuts.v2 .swiper-button-next{right:0;top:43%;width:30px;border-radius:0 5px 5px 0}
	
	/* Header */
	.container-sm{max-width:none;padding-left:20px !important;padding-right:20px !important}
	.nav-open #wrap{position:fixed;left:0;right:0;z-index:999}
	#hd{display: flex;-ms-flex-pack: justify;justify-content: space-between;align-items: center;height:65px;padding:10px 10px 10px 0;}
	h1{position:absolute;top:14px;left:50%;transform:translateX(-50%);z-index:200}
	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;width:38px;height: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}
	#hd .icon-logout{width:21px;height:19px;background-size:contain}
	#hd .icon-mypage{width:20px;height:20px;background-size:contain}
	.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{display:flex;flex-direction: column;transform:translateX(0) !important}
	.gnb-open .gnb>li{flex:0 0 100%;width:100%;}
	.gnb-open .gnb>li:last-of-type{margin-top:auto}
	.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)}
	.page-micro h1{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:116px;height:60ppx;margin:0}
	.page-micro h1 img{position:static;max-width:100%;max-height:100%}
	.page-micro .gnb{transform:translate(0,-100px) !important}
	.gnb-open .page-micro .gnb{display:flex !important;transform:translate(0,0) !important}
	.page-micro .gnb{display:flex;flex-wrap:wrap;top:60px;height:55px !important;padding:0;transition:.4s;overflow-x:auto}
	.page-micro .gnb>li{flex:auto;width:auto;display:inline-block}
	.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}
	.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}
	/* .page-micro#hd .swiper-wrapper{transform:translate3d(0,0,0) !important;overflow-x: auto}
	.page-micro#hd .swiper-slide{width:auto !important;margin-right:20px !important}
	.page-micro#hd .swiper-slide a{padding:15px 13px !important} */
	.page-micro#hd .swiper-container{display:none !important}
	
	/* Content */
	#ct{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-lg-block.d-none{display:block !important}
	#ft .ft-mdl .d-flex li:nth-of-type(1)>a{margin-left:0}
	#ft .list-mn{margin-bottom:50px}
	#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}
	#ft .ft-btm ul>li{margin:5px 0}
	#ft .copylight{padding-bottom:20px;margin-bottom: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;flex-wrap:wrap}
	#ft .ft-btm .d-flex>p{font-size:12px}
	#ft .ft-btm .copylight{padding-left:0}
	
	.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;}
	
	/* Main */
	.bg-pattern-dark{background:url(../img/bg_pattern4.jpg) no-repeat 100% center;background-size:cover}
	.page-pokemon [class^=] .flex-justify-space .h2{margin-bottom:0}
	.page-pokemon [class^=] .flex-justify-space{margin-bottom:20px}
	.page-pokemon .main-visual .slide1 .btn-skew{bottom:30px}
	.page-pokemon .main-visual .swiper-wrapper{height:auto;}
	.page-pokemon .main-visual .slide1{background-image:url(../img/main/main_visual_m.jpg);}
	.page-pokemon .main-visual .slide2{background-image:url(../img/main/main_visual_m.jpg);}
	.page-pokemon .main-visual .slide3{background-image:url(../img/main/main_visual_m.jpg);}
	.page-pokemon .sect-banner, .page-pokemon .sect-banner .container{padding:0}
	.page-pokemon .sect-banner .swiper-container{padding:40px 15px 30px}
	.page-pokemon .sect-news:before{top:-1px}
	.page-pokemon .sect-mov-swiper:before{top:-19px;height:20px;background-image:url(../img/main/bg_top_dark_m.png);background-size:100% 100%}
	.page-pokemon .sect-mov-swiper:after{bottom:-19px;height:20px;background-image:url(../img/main/bg_btm_dark_m.png);background-size:100% 100%;}
	.sect-mov-swiper{padding:51px 0 65px}
	.sect-mov-swiper h3{padding:3px 0 3px 42px;margin:0}
	.sect-mov-swiper h3:before{top:1px;left:6px;width:25px;height:25px;background-size:contain}
	.sect-mov-swiper .bg{display:none}
	.sect-mov-swiper .swiper-wrapper{margin-bottom:15px}
	.sect-mov-swiper .swiper-center .swiper-slide{padding:0 10px}
	.sect-mov-swiper .swiper-center .swiper-slide-active .active:before{top:-10px;right:-10px;left:10px;bottom:-10px}
	.sect-mov-swiper .swiper-center .d-lg-none{width:100%;height:18px;margin-top:-37px}
	.sect-mov-swiper .swiper-pagination{left:50%;transform:translateX(-50%)}
	.sect-mov-swiper .swiper-pagination-bullet{width:10px;height:10px;margin:0 5px;background:#fff}
	.sect-mov-swiper .h2,.page-pokemon .sect-game .h2{margin-bottom:10px}
	.sect-mov-swiper h3{display:block;font-size:18px;opacity:0}
	.sect-mov-swiper .swiper-slide-active h3{opacity:1}
	.sect-mov-swiper .active iframe{height:220px !important}
	.page-pokemon .sect-game:before{bottom:-1px;height:20px;background-image:url(../img/main/bg_top_wh_m.png);background-size:100% 100%}
	.page-pokemon .sect-game .btn-skew{display:block;width:75%}
	.page-pokemon .sect-card{padding-top:50px;background-color:#fff !important}
	.page-pokemon .sect-card .swiper-dark{margin-bottom:50px}
	.page-pokemon .sect-card .h3{margin:20px 0 50px}
	.page-pokemon .sect-card .btn-skew{display:block;width:100%}
	.page-pokemon .sect-card .swiper-slide{padding:0;}
	.page-pokemon .sect-card .swiper-slide>.d-flex{display:block !important}
	.page-pokemon .sect-card .swiper-slide:not(.swiper-slide-active){opacity:.5}
	.page-pokemon .sect-card .swiper-slide:not(.swiper-slide-active) .tumb-wrp img{height:auto;padding-top:42px}
	.page-pokemon .sect-card .swiper-slide .tumb-wrp{padding-top:67%;margin-top:40px}
	.page-pokemon .sect-card .swiper-slide-active:before{top:20px;right:-20px;bottom:80px;left:-20px;width:auto;height:auto;}
	.page-pokemon .sect-card .swiper-slide-active .tumb-wrp{width:auto;margin-left:0;margin-top:0}
	.page-pokemon .sect-card .swiper-slide-active .tumb-wrp img{box-shadow:5px 5px 10px 0 rgba(0,0,0,.1)}
	.page-pokemon .sect-card .swiper-slide-active .bx-txt{display:block;width:100%;padding:0;opacity:1}
	.page-pokemon .sect-card .swiper-slide-active .bx-txt>div>p{display:none}
	.page-pokemon .sect-card .bx-txt{opacity:0}
	.page-pokemon .sect-ani .grid2{padding:45px 0 55px;background:url(../img/main/sect_ani_bg.jpg) no-repeat 100% top}
	.page-pokemon .sect-ani .h2{margin-bottom:30px}
	.page-pokemon .sect-ani .swiper-slide .tumb-wrp{height:180px;opacity:.5}
	.page-pokemon .sect-ani .swiper-slide h3{display:none}
	.page-pokemon .sect-ani .swiper-slide:not(.swiper-slide-active) a{display:block;margin-top:40px}
	.page-pokemon .sect-ani .swiper-slide-active .tumb-wrp{position:relative;z-index:1;opacity:1;box-shadow:11px 11px 10px 0 rgba(0,0,0,.5)}
	.page-pokemon .sect-ani .swiper-slide-active:before{content:'';position:absolute;top:10px;left:-10px;right:-10px;bottom:-47px;border:1px solid #4d4d4d}
	.page-pokemon .sect-ani .swiper-slide-active h3{display:block;margin-top:20px;font-size:18px}
	.page-pokemon .sect-ani .swiper-button-prev{top:60%;background-image:url(../img/swiper_prev_dark.png)}
	.page-pokemon .sect-ani .swiper-button-next{top:60%;background-image:url(../img/swiper_next_dark.png)}
	.page-pokemon .sect-ani .btn-skew{margin-top:80px}
	.page-pokemon .sect-ani .btn-more-game{width:100%;height:100%;margin-top:0;padding:20px 10px;border-radius:0;background-color:#fff;color:#666;font-size:15px;text-align:center}
	.page-pokemon .sect-ani .btn-more-game>img{display:block;width:13px;margin:10px auto 0}
	
	.page-micro .main-visual{height:auto;}
	.page-micro .main-visual a.btn-round{left:15vw}
	.page-micro .sect-news{background:none !important}
	.page-micro .sect-news .btn-more{margin-top:-27px}
	.page-micro .sect-news .swiper-container{margin-right:-20px}
	.page-micro .sect-mov{padding:35px 0 95px}
	.page-micro .sect-mov .swiper-slide iframe{min-height:150px;max-height:250px}
	.page-micro .sect-mov h3{font-size:15px;text-align:center}
	.page-micro .sect-mov h3 img{display:none}
	.page-micro .sect-about .row{height:auto}
	.page-micro .sect-about .col-lg-6:not(.img){padding:20px 0 50px;}
	.page-micro .sect-about .flex-lg-row-reverse .col-lg-6:not(.img){justify-content:flex-start}
	.page-micro .sect-about .col-lg-6:nth-of-type(2){position:relative}
	.page-micro .sect-about .bx-txt{padding:0 20px;text-align:left !important}
	.page-micro .sect-about .bx-txt h2{margin-bottom:25px;font-size:20px;}
	.page-micro .sect-about .bx-txt .top-deco{position:absolute;top:-17px;left:50%;display:block;transform:translateX(-50%);width:100%;height:18px;background:url(../img/main_micro/about_btm.png) no-repeat center center;background-size:240px 18px}
	.page-micro .sect-about .bg-pattern2 .bx-txt .top-deco{background:url(../img/main_micro/about_btm2.png) no-repeat center center;background-size:240px 18px}
	.page-micro .sect-about .bx-txt .top-deco:before{content:'';position:absolute;left:0;top:0;width:44%;height:18px;background:#fff}
	.page-micro .sect-about .bx-txt .top-deco:after{content:'';position:absolute;right:0;top:0;width:44%;height:18px;background:#fff}
	.page-micro .sect-about .bg-pattern2 .bx-txt .top-deco:before{background:url(../img/main_micro/bg_pattern.jpg)}
	.page-micro .sect-about .bg-pattern2 .bx-txt .top-deco:after{background:url(../img/main_micro/bg_pattern.jpg)}
	.page-micro .sect-about .img:before{display:none}
	.page-micro .sect-about .act{right:auto;left:10px;bottom:-10px;width:220px}
	.page-micro .sect-about .about-wrp{position:static;padding-top:0}
	.page-micro .sect-about .about-wrp img{position:static;width:100%;height:auto;transform:none}
	
	/* Sub */
	[class^=list-card] .bx-txt{padding:8px}
	[class^=list] h3,[class^=list] h4{display: -webkit-box;overflow: hidden;max-height: 2.5em;min-height:2.5em;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap: break-word;white-space: normal;font-size:15px !important;line-height:1.2 !important}
	[class^=list-card] .img-fluid{width:100%}
	[class^=list].row{margin-right:-6px;margin-left:-6px}
	[class^=list].row>li{padding-left:6px;padding-right:6px}
	.sub-nav .visual .h2 small{font-size:19px}
	.sub-nav .visual .h2 [class^=icon]{width:21px;height:21px;background-size:contain;margin-top:-2px}
	.list-card-color>li>a{opacity:1}
	.list-card-color .bx-txt>h3{font-size:17px}
	.list-card-color .bx-txt{padding:18px 20px 0 20px}
	.list-card-line{margin-bottom:15px}
	.list-card-line .bx-txt>h3{margin-bottom:15px}
	.list-card-line .list-split>li+li{display:none}
	.list-card-line a:hover:before{display:none}
	.list-card-line .bx-txt{min-height:120px}
	.list-card-line .bx-txt .list-split{bottom:10px;left:10px}
	.list-card-line .round-go{bottom:10px;right:10px;width:42px;height:25px;background:url(../img/icon/icon_go.png) no-repeat center bottom 9px;background-size:20px}
	.list-card-line.v2 .bx-txt{height:82px}
	.list-card-line.v2 .bx-txt>h3{margin-bottom:30px;max-height:2.858em;-webkit-line-clamp:2}
	.list-card-line.v2 .bx-txt .list-split{display:none}
	.list-card-line.vw>li{margin:10px}
	.list-card-icon .bx-txt{padding:19px 14px}
	.list-card-product>li{margin:8px 0}
	.list-card-icon>li>a p{font-size:12px}
	.list-card-product .bx-txt h3{margin:5px;text-align:center}
	.list-card-product .bx-txt p{display:none}
	.list-card-product .bx-txt{height:auto}
	.list-product .list-top h3{font-size:20px !important}
	.list-product .list-top{margin-bottom:5px}
	.list-product .list-top a{font-size:13px}
	.list-product .swiper-container .swiper:before{display:none}
	.list-product .swiper-container:after{top:-10px;left:10px}
	.list-product .list-btm h4{padding-left:15px;}
	.list-product .list-btm>li+li>a{margin-top:15px;padding-top:15px}
	.list-product+.list-product{margin-top:40px}
	.list-product .list-top a>img{width:7px;margin:3px 0 0 5px}
	.list-full:first-of-type:before{display:none}
	.list-full a{display:block;height:175px;padding-top:47.8%;overflow:hidden}
	.list-full a>img{width:100%;height:auto}
	.list-full .bx-txt{display:flex;margin:20px;justify-content:center;align-items:center;background:url(../img/main/card_line_m.png);background-size:100% 100%;color:#fff}
	.list-full .bx-txt>h3{font-size:20px;}
	.list-tumb h3{margin-bottom:15px;}
	.list-tumb .bx-txt>p{font-size:11px;font-weight:300}
	.list-gift>li{margin:10px 0}
	.list-gift h3{font-size:16px}
	.list-gift .badge{margin:10px 0;font-size:12px}
	.sub-game-view .bx-content-wh{padding:25px 20px}
	.sub-game-view .bx-content-wh h3{text-align:left;padding-left:10px}
	.bx-content-wh{display:block;position:relative;border-radius:9px}
	.bx-content-wh [class^=badge]{margin-right:10px;padding:8px;border-radius:50px;font-size:14px !important}
	.bx-content-wh .img{display:inline-block;width:80%;border-radius:10px;margin-right:0;padding:19px 8px;}
	.bx-content-wh .img>img{width:100% !important}
	.bx-content-wh h3{margin-top:20px;margin-right:-10px;margin-bottom:0;font-size:20px;}
	.bx-content-wh .m-img{display:block}
	.bx-content-wh .bx-txt{margin-top:20px;margin-left:10px}
	.bx-content-wh .bx-txt .h5{font-size:22px;}
	.bx-content-wh .price{margin-bottom:5px}
	.bx-content-wh .price .small{font-size:11px}
	.bx-content-wh .list-badge>li{font-size:14px;align-items:center}
	.bx-product{padding:40px 10px}
	[class^=sub-] .grid{padding:40px 0 50px}
	.sub-nav .visual:before{width:41px;height:4px;transform:translate(-50%, 0);background:url(../img/sub_nav_btm_m.png) no-repeat center center;background-size:contain}
	.sub-nav h2{padding:40px 20px 50px;font-size:29px;font-weight:900}
	.sub-game .sect-product .grid{padding:10px 0 50px}
	.sub-game .h2{margin-bottom:15px;font-size:20px}
	.sub-game .btn-skew{margin-top:40px}
	.sub-nav .container-sm{padding:32px 0 30px}
	.sub-nav .search-wrp:before{display:none}
	
	
	.sub-news .sub-nav .visual{background:url(../img/news/nnews_nav_bg_m.jpg) no-repeat center bottom;background-size:cover}
	.sub-game-list .sub-nav .visual{background:url(../img/game/list_nav_bg_m.jpg) no-repeat center bottom;background-size:cover}
	.sub-product-list .sub-nav .visual{background:url(../img/product/list_nav_bg_m.jpg) no-repeat center bottom;background-size:cover}
	.sub-mov .sub-nav .visual{background:url(../img/mov/list_nav_bg_m.jpg) no-repeat center bottom;background-size:cover}
	
	.sect-visual .bx-txt{padding:20px 30px;}
	.sect-visual h2{font-size:16px}
	.sect-visual .bx-txt:before{top:55%;right:20px;width:22px;background-position:bottom}
	.sect-visual .bx-txt:after{width:32px;height:4px;background-size:contain}
	.sect-visual .swiper-button-next, .sect-visual .swiper-button-prev{width:50px;height:50px}
	.sub-game .sect-product .nav-wrap{border:0;}
	.sub-game .sect-product .nav-wrap .container{text-align:center}
	.sub-game .sect-product .btn-skew{margin-top:0}
	.sub-game .sect-gift .container{padding:0}
	.sub-game .sect-gift h3{font-size:15px}
	.sub-game .sect-gift .badge{padding:8px 7px;height:auto;font-size:12px}
	.sub-game .sect-news{background:url(../img/game/new_bg_m.jpg) no-repeat 100% center;background-size:cover}
	.sub-game .sect-news .btn-skew{margin-top:25px}
	.sub-game .sect-gift .swiper-slide-active .img:before{top:-1px;bottom:4px;background-size:contain}
	.sub-game-view .sect-product .bx-content-wh .bx-txt{width:auto;text-align:center}
	.sub-game-view .sect-product .tb-txt:nth-of-type(1){width:100%;margin-right:0;border:0;margin-bottom:10px}
	.sub-game-view .sect-product .tb-txt:nth-of-type(2){width:100%}
	.sub-game-view .bx-content-wh .tb-wrap{display:block;text-align:left}
	.sub-game-view .bx-content-wh .tb-wrap th{width:115px}
	/* 20200826 수정되었음 */
	.sub-game-view .sub-nav:before{content:'';position:absolute;left:0;right:0;top:0;bottom:44px;background:#000;opacity:.75;z-index:2}
	.sub-game-view .sub-nav .nav-img{position:relative;padding-top:8%;background:#484848;overflow:hidden}
	.sub-game-view .sub-nav .img-content{top:0;bottom:0;right:0;left:0;height:100%;max-height:100%;max-width:inherit;margin-left:-25px;padding-left:0}
	/* // 20200826 수정되었음 */
	[class^=sub-news] .sub-nav [class^=object]{display:none}
	.no-result section{padding-top:30px;padding-bottom:50px}
	.no-result .img{width:100px;height:149px}
	.no-result h3{margin:10px 0 5px;font-size:20px}
	.no-result p{font-size:14px}
	.bx-hd h2{font-size:22px;margin:10px 0 14px}
	.list-split.v2{font-size:12px}
	.bx-board{min-height:560px;padding:30px 20px}
	.para{font-size:14px;}
	.bx-btm{padding:0 20px 30px;margin-bottom:25px}
	.bx-btm a{font-size:12px}
	.bx-btm .icon-prev,.bx-btm .icon-next{width:8px;height:13px;background-size:contain;background-repeat:no-repeat}
	.bx-btm .icon-list{width:20px;background-repeat:no-repeat;background-size:contain}
	.sub-news-view .h3{font-size:22px;margin-bottom:-3px}
	.sub-news-view .list-card-line>li{padding-left:5px;padding-right:5px}
	.sub-news-view .list-card-line .badge{display:none}
	.sub-news-view .bx-board{margin-top:60px}
	.sub-news-view .bx-board .para:first-of-type{margin-top:-50px}
	.sub-news-view .lst-connect{position:static;display:flex;transform:translateY(-71px);justify-content:center}
	.sub-news-view .lst-connect a{width:30px;height:30px;margin:0}
	.sub-news-view .lst-connect a .icon-face{width:8px;background-size:contain}
	.sub-news-view .lst-connect a .icon-twi{width:14px;background-size:contain}
	.sub-news-view .lst-connect a .icon-insta{width:15px;background-size:contain}
	.sub-news-view .lst-connect li+li{margin-left:15px}
	.list-card-line a:before{width:30px;height:20px;bottom:6px;right:7px;background-position:center 7px;background-size:14px}
	.book-hd .container:before{display:none}
    .badge-num{margin:10px;padding:0;font-size:12px;background:none}
    .icon-prev-book{width:30px;height:30px;background-size:contain}
    .icon-next-book{width:30px;height:30px;background-size:contain}
    .book-hd a{padding:13px 20px 37px}
    .book-hd .right h2{justify-content:flex-end}
    .book-hd h2{display:flex;align-items:center}
	.book-ct{position:relative;margin-top:0;padding-top:21px;padding-left:20px;padding-right:20px}
	.book-ct:before{content:'';position:absolute;left:0;top:-31px;width:80%;height:22px;margin-left:20px;background:url(../img/book/content_top_m.png) no-repeat 100%;background-position:-20px 0px}
	.book-ct:after{content:'';position:absolute;right:0;top:-28px;width:22px;height:22px;margin-right:20px;background:url(../img/book/content_top_m2.png) no-repeat 100%;}
	.book-ct .bx-content{position:relative;padding:5px;margin-top:-30px;text-align:center}
	.book-ct .bx-content:before{content:'';position:absolute;top:-22px;left:22px;right:13px;height:22px;border-top:3px solid #000;background:#fff}
    .book-ct .bx-content h3{margin:20px 0;font-size:25px}
    .book-ct .bx-content h3>p{font-size:12px}
    .book-ct .bx-content .label-wrap>*{width:45%;margin:0 5px}
    .book-ct .bx-content input+i{width:100%;height:40px;}
    .book-ct .bx-content input+i+span{font-size:15px}
    .book-ct .bx-content .label-wrap label+label{margin:0 5px}
    .book-ct .bx-content .para{margin:10px 0 25px;text-align:left;font-size:15px;line-height:1.5}
    .book-ct .bx-detail{padding:0 20px;margin:15px 0px;text-align:left}
    .book-ct .bx-detail h4{font-size:11px;text-align:left}
    .book-ct .bx-detail p{font-size:13px}
    .book-ct .bx-detail .img-type>span{width:23px;height:23px}
    .book-ct .bx-detail .icon-man{width:17px}
    .book-ct .bx-detail .icon-woman{width:13px}
    .book-view{padding-top:0}
    .book-view .bx-content{padding:30px 20px 65px;border-radius:0}
    .book-view .bx-content h3{font-size:17px;text-align:center}
    .book-view .bx-content h3 .icon-ball-c{width:25px;height:25px}
    .book-view .bx-content .row,.book-view .bx-content.many .row{margin-left:-10px;margin-right:-10px;}
    .book-view .bx-content .row>div,.book-view .bx-content.many .row>div{position:relative;padding-left:10px;padding-right:10px;margin-bottom:70px}
    .book-view .bx-content .row>div+div:before{left:-2px;top:17%;width:7px;background-size:contain}
    .book-view .bx-content.many .row>div.col-lg-3>a:before{right:-15px;top:11%;width:7px;background-size:contain}
    .book-view .bx-content .img{height:100px;padding:0 10px 10px;border-radius:0 0 5px 5px}
    .book-view .bx-content .bx-txt{padding:0}
    .book-view .bx-content .img:before,.book-view .bx-content.many .img:before{top:-18px;left:-2px;width:18px;height:18px;background:url(../img/book/list_top_m.png) no-repeat 100% center;background-size:contain}
    .book-view .bx-content .img:after{content:'';position:absolute;top:-18px;right:-1px;width:18px;height:18px;background:url(../img/book/list_top_m2.png) no-repeat 100% center;background-size:contain}
    .book-view .bx-content .row>div:not(.row):after{content:'';position:absolute;top:-18px;left:0;right:0;margin-right:16px;margin-left:25px;border-top:1px solid #dfdfdf}
	.book-view .bx-content .row>div.no-ct:not(.row):after{display:none}
    .book-view .bx-content h4{margin-bottom:10px;font-size:13px}
    .book-view .bx-content h4>p.text-lato{font-size:11px}
    .book-view .bx-content h4>p:not(.text-lato){min-height:30px}
    .badge-type{padding:3px 0;margin:0 2px;border-radius:3px;font-weight:300;font-size:7px;}
    .book-view .bx-content+.text-center{margin:-20px 0 50px}
    .book-view .bx-content.many .img{height:auto}
    .book-view .bx-content .img>img{max-width:100%;width:100%}
    .search-book{padding:20px 25px}
    .search-book h2{margin-bottom:-6px;font-size:23px;justify-content:center}
	/*
    .search-book .btn-wrap{display:flex}
	*/
    .search-book .btn-wrap .btn{padding:10px;height:auto;width:50%;min-width:auto;}
    .search-book .col-form-label{font-size:13px}
    .search-book .form-control{font-size:17px}
    .search-book .nav-search.black .search-wrp:after{display:none}
    .search-book .col-lg-25{padding:6px}
    .search-book .type-wrp{flex:none;max-width:none;width:104%;margin-left:-6px !important;margin-right:-6px !important}
	.search-book .form-group .col-form-label{margin:0 12px}
    .search-book .col-form-label.text-right{text-align:left !important}
	.search-book .btn-type{padding:12px 13px}
	.search-book .btn-type img{width:25px;margin-bottom:1px}
	.search-book .btn-type input:checked+i+span>img{max-width:55%;width:auto}
    .sub-book .sect{padding:0 20px;margin:65px 0 100px}
    .dropdown-book{width:100%;padding:0;margin-bottom:10px;font-size:15px}
    .dropdown-book .dropdown-toggle{padding:10px 10px 10px 0;font-size:15px}
    .dropdown-book .dropdown-toggle:before{height:46px;width:48px;}
    .dropdown-book .dropdown-menu a{font-size:15px}
    .list-book>li{margin:10px 0}
    .list-book .bx-txt{padding:10px}
    .list-book .img{padding:20px 10px;border-radius:5px}
    .list-book h3{margin-bottom:7px;font-size:17px;}
    .list-book h3>p{margin-bottom:10px;font-size:12px}
	.list-book a:hover .img{margin-top:0;margin-bottom:0;padding-bottom:20px;box-shadow:none}
    .badge-quad{width:48%;padding:5px;font-size:12px}
    .nav-search.black .btn-search:after{top:0;left:0;width:12px;height:13px;background:transparent url(../img/book/btn_top.png);background-size:contain;transform:none;}
	.sub-ani .nav-wrap{margin:30px 0 -10px;border:0}
	.list-poster .bx-txt{display:block;padding:5px;position:static;background:transparent;box-shadow:none;text-align:center}
	.list-poster h3{margin-bottom:0;font-size:14px;color:#000}
	.list-poster .badge{position:static;height:auto;margin-bottom:5px;padding:5px 8px;font-size:11px;background:#000;color:#fff}
	.sub-ani-list .list-poster .bx-txt{margin-top:5px}
	.sub-ani-list .visual{background-image:url(../img/ani/list_nav_bg_m.jpg) !important}
	.sub-ani-view .sub-details .flex-justify-space{display:block;text-align:center}
	.sub-ani-view .sub-details .flex-justify-space>div{text-align:left}
	.sub-ani-view .bx-line{width:100%;max-width:430px;height:25vh;margin:30px 0 8px;}
	.sub-ani-view .bx-line>*{width:100%;height:100%}
	.sub-ani-view .bx-product{padding:25px 20px}
	.sub-ani-view .bx-product>li+li{margin:40px 0 10px}
	.sub-ani-view .bx-product h3{padding-bottom:10px;margin-bottom:15px;font-size:22px}
	.sub-ani-view .bx-product h3:before{border-bottom:2px solid;width:120px}
	.sub-ani-view .bx-product .para{font-size:14px;}
	.sub-ani-view .bx-product .icon-list{margin-top:80px}
	.sub-ani-view .sub-details .h2{padding:5px 0 15px}
	.sub-ani-view .bx-product iframe{width:100% !important;height:auto !important}
	.sub-details>div:nth-of-type(1){padding:40px 10px}
	.sub-details .h2{font-size:24px;padding:15px 0}
	.sub-details p.para{font-size:14px}
	.sub-details .bg-pattern-ball .bx-txt{margin-top:20px}
	.sub-details .bg-pattern-ball .bx-txt>div>div{text-align:center}
	.ani-view-details{width:100%}
	.ani-view-btn-m{text-align:center !important}
	.ani-view-btn-m button{margin:10px auto 0}
	.list-charac{margin-left:-5px;margin-right:-5px}
	.list-charac>li{padding-left:5px;padding-right:5px}
	.list-charac>li>div{padding:20px 15px;border:1px solid #e8e8e8;border-radius:5px}
	.list-charac img{padding:20px 10px 40px 10px}
	.list-charac h4{margin-bottom:5px;font-size:18px}
	.list-charac .para{line-height:1.3 !important;min-height:5em;max-height:5em;-webkit-line-clamp: 4;}
	.list-charac .btn-more{width:22px;height:22px;background-size:10px}
	.list-charac .btn-more:after{width:5px;height:5px;background-size:contain}
	.list-series h4{margin-bottom:5px;font-size:16px}
	.list-series .list-split{margin-bottom:5px;font-size:12px}
	.list-series .para.para{font-size:12px;display: -webkit-box;overflow: hidden;max-height:200px;line-height:1.5;text-overflow: ellipsis;-webkit-line-clamp: 3;-webkit-box-orient: vertical;word-wrap: break-word;white-space: normal}
	.list-card-img>li{margin:10px 0 20px}
	.list-card-img .img>img{}
	.list-card-img small{margin:0 0 7px;}
	.error-404{min-height:auto !important}
	.error-404>div{padding:120px 0}
	.error-404 .img{width:190px;height:110px}
	.error-404 h3{font-size:21px}
	.error-404 .para{margin:10px 0 60px;font-size:14px}
	.sub-form .content{padding:30px 25px 55px}
	.sub-form .content.v2{padding:25px 20px 60px}
	.content.v2{padding:25px 20px}
	.content.v2 h3{margin-bottom:8px;font-size:15px}
	.content.v2 .para{font-size:12px}
	.content.v2 .bor{margin-bottom:30px}
	.overflow-y{overflow-y:auto;max-height:240px}
	
	/*회사소개*/
	.sub-about{padding-bottom:35px;background:#fff !important}
	.sub-about .sub-top{padding:40px 0 0}
	.sub-about .content{padding:10px 5px;margin:0;box-shadow:none}
	.sub-about h3{margin-top:25px;margin-bottom:15px;font-size:22px}
	.sub-about .para{margin-bottom:25px;font-size:13px}
	.sub-about .sect-ct>*{padding:35px 0}
	.sub-about .sect-ct>*:first-of-type{padding-top:0}
	.sub-about .sect-ct>*:first-of-type .tx-bx+div{margin-top:25px;text-align:center}
	.sub-about .sect-ct>*:first-of-type .tx-bx+div>img{width:230px}
	.sub-about .row.tx-bx img{width:70px}
	.sub-about .row.tx-bx h4{margin:10px 0;font-size:12px}
	.sub-about .row.tx-bx .para{font-size:12px}
	.sub-about .h3-mt0{margin-top:0}
	.sub-about .content.product{text-align:center}
	.sub-about .content .txt-product{padding-left:0}
	.sub-about .h3-deco{margin-top:0;padding-bottom:20px;margin-bottom:15px;font-size:20px}
	.sub-about .h3-deco:before{left:50%;transform:translateX(-50%)}
	.sub-about .h3-deco>p{margin-top:10px;font-size:16px;font-weight:300;}
	.sub-about .row.mail-box p{font-size:14px}
	.sub-about .row.mail-box small{font-size:13px}
	
	/*문의*/
	.sub-cus h2{margin-bottom:10px;font-size:21px}
	.sub-cus>div{padding-top:40px;padding-bottom:80px}.sub-cus .collap{margin-left:-20px;margin-right:-20px}
	.sub-cus .search-book.full{margin:18px 0 25px}
	.sub-cus .bg{padding:50px 0;background:url(../img/sub/sub_qna_bg_m.jpg) no-repeat right center;background-size:cover}
	.sub-cus .h5{margin-bottom:15px !important;font-size:21px}
	.sub-cus .bg-000 ul.row{margin:0 -7px}
	.sub-cus .bg-000 ul:not(.row){font-size:11px}
	.sub-cus .bg-000 ul>*{padding-left:7px;padding-right:7px}
	.sub-cus .bg-000 ul:not(.list-type)>li>p{padding:22px 10px;font-size:17px}
	.sub-cus .bg-000 ul:not(.list-type)>li>p>small{font-size:11px}
	.sub-cus .bg-000 ul:not(.list-type)>li{margin-bottom:15px}
	.sub-cus .form-wrp{margin:10px 0}
	.content.v2 .btn-sm3.ml-auto{margin:10px auto 0 !important}
	.sub-cus textarea.form-control{font-size:13px}
	.sub-cus .text-small{font-size:11px;color:#2e2e2e}
	.sub-cus .form-border+.btn-half{margin-top:20px !important}
	.sub-cus .col-form-label+p{margin-top:7px !important}
	.sub-cus .form-border p{font-size:13px}
	
	/*로그인및회원가입*/
	.sub-login{padding:60px 0 140px}
	.sub-login .sub-logo{width:125px}
	.sub-login .container-xm{padding:0 35px}
	.sub-form{padding:15px 0 60px}
	.sub-form .content .h2-title{font-size:23px;margin-bottom:20px} 
	.sub-form .content .h4{font-size:23px !important;margin:4px 0 19px}
	.sub-form .content h2{font-size:18px;margin-bottom:10px}
	.sub-form .time{top:16px;right:25px;font-size:14px}
	.sub-form .b{font-size:23px;line-height:1.6}
	.sub-form .b+p{font-size:14px;margin:7px 20px}
	.container-login .btn-skew{margin-top:8px}
	.login-form{;padding-bottom:30px;margin-bottom:20px;border-bottom:1px solid #d0d0d0}
	.login-chg img{width:50px}
	.login-chg.content{margin-bottom:45px;padding:115px 20px 150px}
	.login-chg.content .h2{margin:5px 0 10px;font-size:18px}
	.login-chg .h2+p{font-size:14px}
	.sub-join .container-xm .content{padding:105px 20px 105px}
	
	/*마이페이지*/
	.sub-my{padding:0 0 70px 0}
	.sub-my>.container{padding:0}
	.sub-my .my-content{padding:25px 20px 40px}
	.my-content h2{font-size:21px}
	.my-content h3{margin:35px 0 10px 0;font-size:15px;}
	.my-content .cont .btn-full{height:40px;padding:3px 0 !important;font-size:13px}
	.my-content .btn-sm.btn-round{padding:9px 15px;margin:0}
	.my-content .btn-edit{min-width:auto;padding:15px 100px;margin-top:20px;font-size:18px}
	.my-content .form-container.btm{margin-bottom:14px}
	.my-content .para{margin-bottom:30px;font-size:13px}
	.sub-my .my-content:first-of-type{padding-bottom:60px}
	.page-title {margin-bottom:10px;margin-top:4px;padding-bottom:15px}
	.page-title .btn-round{min-width:inherit;margin:0;padding:6px 25px !important;font-size:12px}
	.page-title.border-0{padding:0;margin-bottom:17px}
	.point-top{display:block;margin-bottom:15px}
	.point-top h2{margin-bottom:20px}
	.point-top+div>img{width:140px}
	.sub-my .point{justify-content:center;font-size:18px}
	.badge-round.v2{margin-right:7px;padding:6px 9px;font-size:13px}
	.list-bd-radius{padding-bottom:20px;margin-bottom:20px}
	.list-bd-radius>*{padding:15px 20px}
	.list-bd-radius h3{margin:0;font-size:16px}
	.list-bd-radius h3>p{font-size:11px}
	.list-bd-radius .d-flex{display:block !important;margin-top:12px}
	.list-bd-radius .d-flex .badge-round{min-width:46px;height:auto;padding:6px 9px;font-size:11px}
	.list-bd-radius .d-flex .list-split{margin:6px 0 0 2px;font-size:11px}
	.list-bd-radius .list-title{margin-bottom:5px;font-size:12px}
	.list-bd-radius .list-title .text-muted{margin-left:5px}
	.list-bd-radius.v2>*,.list-bd-radius .re-qna{min-height:125px}
	.view-title{margin-bottom:25px;padding-bottom:20px}
	.view-title .list-split{margin:10px 0 6px;font-size:12px}
	.btn-btm{justify-content:center}
	.btn-btm .btn{min-width:90px;padding:11px 0;margin:0 5px !important;font-weight:400;font-size:14px}
	.btn-btm>*{display:flex;align-items:center;justify-content:center;margin:0 !important}
	
	/*마이크로페이지*/
	.micro-sub-title{padding-bottom:0;background-size:contain}
	.micro-sub-title .container{padding:35px 20px}
	.micro-sub-title h2{font-size:29px}
	.micro-view-content{padding:35px 20px;transform:none}
	.micro-view-bg{padding-bottom:120px;background-size:auto 125px}
	.micro-view-bg>.container{padding:0}
	.micro-list .micro-view-bg>.container{padding-left:20px;padding-right:20px}
	.post-deco{padding-bottom:60px;margin-bottom:50px;background-size:150px auto}
	.micro-view .h3-deco{padding-bottom:20px;font-size:22px;font-weight:700}
	.micro-view .h3-deco:before{width:35px;border-bottom:3px solid}
	.micro-view .h3-line{padding-bottom:11px;margin:30px 0 15px;font-size:20px;}
	.micro-view .h4-deco{margin-bottom:20px;padding-bottom:20px;font-size:20px;font-weight:700}
	.micro-view .h4-deco>span{font-size:10px;}
	.micro-view .h4-deco:before{width:100px}
	.micro-view .tx-deco{padding-left:17px;margin:25px 0 8px;font-size:15px;font-weight:700;;background-size:13px}
	.micro-view .p{margin:0 0 20px;font-size:13px;line-height:1.7}
	.micro-view .small{margin:5px 0 18px;font-size:11px}
	.micro-view .swiper-container{margin-top:20px;margin-right:-20px}
	.micro-view .mov{margin-top:20px}
	.micro-view .mov>*{width:90% !important;height:auto !important}
	.micro-view .micro-view-top{position:relative}
	.micro-view .micro-view-top a{position:absolute;left:0;top:0;z-index:1}
	.micro-view .btn-mt{margin-top:30px}
	.sect-ani-story{padding:40px 0 50px}
	.sect-ani-story .btn-round{padding:13px 85px;min-width:auto;font-size:15px}
	.txt-b{font-size:17px;margin-bottom:5px;display:block}
	.sect-ani-charactor .container{padding-left:20px;padding-right:20px}
	.sect-ani-charactor{padding:60px 0}
	.sect-ani-charactor ul{margin-top:30px;text-align:center}
	.sect-ani-charactor ul .round-border{width:100px;height:100px;margin:0 auto}
	.sect-ani-charactor ul img{width:90px;height:90px;margin-top:5px}
	.sect-ani-charactor ul p{margin:5px 0 15px;font-size:14px}
	.sect-ani-step{padding:40px 0 60px;}
	.sect-ani-step li{margin:5px 0;font-size:13px}
	.micro-story-img{margin:43px 0 30px}
	.micro-view-bg>.sect-ani-banner{padding:15px 0 31px}
	.micro-view-content{padding:35px 0}
	.micro-view .h3-deco>.sub-title{font-size:12px;font-weight:500;margin-bottom:6px;color:#999}
	.list-micro-character{margin:0 -15px;padding:0 10px}
	.list-micro-character a{padding:0 0 15px 0;border-radius:8px}
	.list-micro-character>*{padding-left:10px;padding-right:10px;margin-bottom:20px}
	.list-micro-character .img>img{border-radius:8px 8px 0 0}
	.list-micro-character h4{margin:3px 0 0;font-size:15px}
	.list-micro-character h4>p{margin-top:5px;font-size:11px;}
	.micro-chrac-img{margin:20px 0}
	.micro-list .micro-view-bg{padding:35px 0 100px}
	.micro-list .list-tumb>li{margin-bottom:35px}
	.list-tumb.v2 .bx-txt>p{margin-top:0;padding-bottom:0}
	.list-tumb.v2 h3{margin-bottom:7px}
	.micro-list .micro-view-content{padding-bottom:30px}
	.micro-list-title h3{font-size:20px;font-weight:700}
	.micro-list-title p{margin-top:15px;padding-bottom:20px;font-size:12px}
	.micro-list-title.v2{padding-bottom:20px}
	.micro-list-title.v2 h3{padding-bottom:20px;font-size:17px;}
	.micro-list-title.v2 h3:before{width:20px}
	.micro-list-ct b{margin:25px 0 10px;font-size:13px;}
	.micro-list-ct .para{font-size:12px}
	.micro-list-ct img{margin-bottom:15px}
	.micro-list-btm{margin-top:55px}
	.micro-list-btm .prev,.micro-list-btm .next{padding-left:15px;font-size:12px}
	.micro-list-btm .next{padding-right:15px}
	.micro-list-btm .prev:before,.micro-list-btm .next:before{background:url(../img/icon/btn_icon_m.png) no-repeat left center;background-size:8px auto}
	
	/* 특설사이트 */
	.page-special .main-banner{height:200px}
	.page-special .slide-banner{padding:10px 0}
	.page-special .slide-banner .swiper-button-next{right:5px;top:50%}
	.page-special .slide-banner .swiper-button-prev{left:5px;top:50%}
	.page-special .slide-banner .swiper-slide a{display:block;max-width:100%;width:280px;height:150px;margin:0 auto}
	.page-special .special-sect .container{padding:0}
	.page-special .special-sect{padding:45px 0 55px}
	.page-special .special-sect .content{padding:0 20px 45px}
	.page-special .special-sect .content h3{transform:translate(0, -24px);padding:13px 16px 11px 10px;font-size:15px;font-weight:500;background:#222}
	.page-special .special-sect .content .icon-h3{width:17px;height:17px;margin-right:5px;margin-bottom:2px;background-size:contain}
	.page-special .special-sect .content+.content{margin-top:45px}
	.page-special .special-sect .content h4{margin-bottom:20px;font-size:14px}
	.page-special .special-sect .content .para{margin:20px 0;font-size:12px}
	.page-special .special-sect .content .para>span{font-size:14px}
	.page-special .special-sect .content small{font-size:12px}
	.page-special .special-sect .content .view-img{border-radius:0}
	.page-special .special-sect .content .view-product{margin:25px 0 10px}
	.page-special .special-sect .content .view-grid h4{margin-bottom:10px}
	.view-table{border-bottom:1px solid #000}
	.view-table tr>*{padding:10px 0;font-size:20px}
	.view-table thead tr>*{font-size:12px;}
	.view-table thead tr>* p{font-size:10px}
	.view-table tbody tr>*{font-size:10px}
	.page-special .special-sect .content .row{margin-left:-5px;margin-right:-5px}
	.page-special .special-sect .content .row>*{padding-left:5px;padding-right:5px}
	.page-special .special-sect .content iframe{max-width:100%;height:auto}
	
	.sub-terms .list-split{padding-bottom:10px;border-bottom:1px solid}
	.sub-terms .list-split a{font-size:13px}
	.sub-terms .list-split a.active{color:#000}
	.sub-terms .list-split>li+li:before{margin:0 5px}
	.sub-terms .content{padding-bottom:45px}
	.sub-terms{padding-bottom:60px !important}
	.sub-terms p,.sub-terms ol{font-size:12px}
	.sub-terms .bold{margin:20px 0 3px}
	
	/* 카드게임 */
	.sub-card .search-book .container-lg{padding:0}
	.sub-card .search-book .search-wrp .btn-search{width:42px;height:40px}
	.nav-srch.nav{padding-left:0}
	.nav-srch .nav-link{min-width:75px;font-size:13px;border-radius:5px 5px 0 0}
	.nav-srch.nav li+li{margin-left:0}
	.sub-card .search-book .search-wrp{margin:0}
	.sub-card .card-border{padding-bottom:0;margin-bottom:0;border:0}
	.sub-card .search-book .form-wrp{margin:0}
	.sub-card .search-book p.text-white{margin-top:25px}
	.sub-card .card-border-m{padding-bottom:28px !important;border-bottom:1px solid #5f5f5f}
	.custom-checkbox-dark span{min-width:85px;padding:10px 43px 10px 14px;font-size:11px}
	.custom-checkbox-dark i{width:22px;height:22px;background-size:9px}
	.custom-checkbox-dark input:checked+i{background-size:10px}
	.custom-check-wrp.v2{flex-wrap:wrap}
	.custom-checkicon i{width:35px;height:35px}
	.custom-checkicon i.entire{width:45px;font-size:12px;font-weight:400}
	.custom-checkicon i>img{width:20px}
	.custom-check-wrp.v2>*{margin-right:4px;margin-bottom:10px}
	.custom-slider{margin:-15px 0 30px}
	.irs--flat .irs-from, .irs--flat .irs-to, .irs--flat .irs-single,.irs--flat .irs-grid-text{font-size:12px;font-weight:400}
	.sect-rank .row .col-lg-4.col-12{padding-right:20px}
	.list-banner{display:flex;position:relative}
	.list-banner:before{top:15px;bottom:-6px;left:6px;right:-6px}
	.list-banner>li{position:relative;width:33%}
	.list-banner>li:before{content:'';position:absolute;top:-9px;right:-13px;width:20px;height:20px;background:#f7f7f7;transform:rotate(45deg)}
	.list-banner li+li{margin-top:0;margin-left:10px}
	.list-banner a{text-align:center}
	.list-banner .txt{padding:20px 5px 5px}
	.list-banner h3{font-size:15px;text-align:center}
	.list-banner .img{padding-top:100%;}
	.list-banner .img>img{max-height:100%;min-width:100%;min-height:inherit}
	.wrp-rank{margin-left:-15px;margin-right:-15px;padding:31px 0 35px 20px;margin-top:30px;background:#ebebeb}
	.wrp-mov{padding:20px}
	.wrp-mov .mov-wrp{position:relative;padding-top:60%}
	.wrp-mov .mov{position:absolute;top:0;left:0;height:100%;width:100%}
	.wrp-mov h4{font-size:15px}
	.row-right{padding-left:20px}
	.sub-card .sect-mov-swiper{padding:45px 0 45px}
	.sub-card .h2.sub-title{margin-bottom:5px;font-size:20px}
	.sub-card .sect-info{padding:40px 0 50px;background-size:60px}
	.sub-card .sect-info .container{position:static}
	.sub-card .sect-info .img-card{height:auto;padding:20px 4px 20px}
	.sub-card .sect-info .img-card:before{content:'';}
	.sub-card .sect-info .img-card p{margin:9px 0 0 0;font-size:13px}
	.sub-card .sect-info .swiper-slide-active .img-card{padding:10px 0 15px;background:transparent}
	.sub-card .sect-info .swiper-slide .img-card:before{content:'';position:absolute;top:-6px;left:-6px;right:-6px;bottom:0;border-radius:8px;background:transparent}
	.sub-card .sect-info .swiper-slide-active .img-card:before{background:linear-gradient(to bottom,transparent,transparent,#2a2a29)}
	.sub-card .sect-info .swiper-slide-active .img-card>*{position:relative;z-index:1}
	.sub-card .sect-info .h2.sub-title{margin-bottom:10px}
	.sect-rank .swiper-container .swiper-wrapper>*{margin:0;padding:45px 0 15px}
	.sect-rank .swiper-container .swiper-pagination-name{bottom:0;z-index:50}
	.sect-rank .swiper-container .swiper-pagination-name>*{height:10px;width:10px;background:#000}
	.sect-rank .swiper-container .swiper-pagination-name>*.swiper-pagination-bullet-active{height:10px;width:10px;background:#da343c}
	.sect-rank .swiper-pagination-name .name{position:absolute;top:0;left:25px;font-size:19px;font-weight:700}
	.sect-rank .swiper-pagination-name>span:nth-of-type(2) .name{position:absolute;top:0;left:auto;right:45px;font-size:19px;font-weight:700}
	.sect-rank .swiper-pagination-name:before{content:'';position:absolute;top:12px;left:47%;width:7px;height:7px;border-radius:100%;background:#cdcdcd;opacity:1 !important}
	.list-rank-wrp{border-radius:8px;overflow:hidden}
	.list-rank .title .nav, .list-rank .tab-content ul{background:#1b1b1b}
	.list-rank .title .nav-link{font-size:15px}
	.list-rank .title .nav{padding-top:12px}
	.list-rank .awards{padding:28px 17px 15px}
	.list-rank .awards img{width:60px}
	.list-rank .awards p{padding:8px 5px 0px;font-size:14px}
	.list-rank .awards p>span{font-size:11px}
	.list-rank table tr>*{padding:12px 4px;font-size:13px}
	.list-rank table tr>td:nth-of-type(2){text-align:left}
	.list-rank table tr>td:nth-of-type(3){padding-right:25px;text-align:right}
	.list-banner .col-lg-auto{flex:0 0 100%;max-width:100%}
	.list-banner .row{flex-wrap:wrap}
	
	/* 통합검색 */
	.sect-srch-wrap{padding:35px 0 0 0}
	.sect-srch-wrap .sect-srch.bg-wh{padding-bottom:70px}
	.sect-srch-wrap .sect-srch.bg-wh .h3-tit{margin-bottom:20px}
	.sect-srch .h3-tit{padding-top:30px;font-size:18px}
	.sect-srch .h4-tit{font-size:14px}
	.sect-srch .container{padding-top:15px;padding-bottom:40px;border-bottom:1px solid #c3c3c3}
	.sect-srch .btn-skew{margin-top:30px}
	
	/* select js */
	.select2-container{left:0;right:0}
	.select2-dropdown{width:100%}
	.select-selected{padding-right:20px !important;font-size:17px}
	.select2-container--default .select2-selection--single .select2-selection__rendered{background:url(../img/icon/icon_down.png) no-repeat 93% 50% !important;font-size:17px !important}
	
	.search-book .form-wrp .col-12.pr-lg-0{max-width:100%;flex:0 0 100%}
	.search-book .form-wrp .col-lg-5.no-gutters{max-width:100%;flex:0 0 100%}
	.list-book .bx-txt{height:109px }
	
	/* 마이페이지 */
	#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}
	.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:159px;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{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{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%}
	
	.modal-alet{left:10vw;}
	.modal-alet .modal-md{width:100%}
	.modal-alet .modal-content{border-top:7px solid #ffcb08;border-radius:0}
	.modal-alet .modal-body{padding-top:27px;padding-bottom:10px}
	.modal-alet .join2{width:20px}
	.modal-alet .h5+p{margin-bottom:10px;font-size:12px}
	.modal-alet .para{margin:10px 0 10px;font-size:12px}
}
@media (max-width:420px){
	.sub-cus .bg-000 ul>* p{height:100px}
}