@charset "UTF-8";
/* 번역시 */
html:lang(ko) .sha .img_en,
html:lang(ko) .sha .img_ru,
html:lang(ko) .sha .img_cn {
    display: none !important;
}

html:lang(en) .sha .img_kr,
html:lang(en) .sha .img_ru,
html:lang(en) .sha .img_cn {
    display: none !important;
}

html:lang(ru) .sha .img_kr,
html:lang(ru) .sha .img_en,
html:lang(ru) .sha .img_cn {
    display: none !important;
}

html:lang(zh) .sha .img_kr,
html:lang(zh) .sha .img_en,
html:lang(zh) .sha .img_ru {
    display: none !important;
}

html:lang(ru) .sha .no_ru {
    display: none !important
}
section { position:relative }
.mainvisual_wrap { height:930px; background:#000; background-size:cover; background-position:center 0; }
.mainvisual_wrap .video_wrap { position:absolute; left:0; top:0; width:100%; height:100%; z-index:0; background-size:cover; background-position: center center; }
.mainvisual_wrap .video_wrap video { position: absolute; left: 50%; top: 50%; z-index: 5; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); min-width: 100%; min-height: 100% }
.mainvisual_wrap .video_wrap video source { box-sizing: inherit; background-repeat: no-repeat; vertical-align: inherit; white-space: inherit; text-overflow: inherit; text-shadow: inherit }
/* section .inner_sec { position:relative; max-width: 1300px; margin: 0 auto; box-sizing: border-box; } */
.content h3 { display: block; max-width:100%; font-size: 60px; color: #fff; line-height: 1.3; font-weight: bold; word-break: keep-all; word-wrap: break-word; text-align: center; }
.content .h3_desc {display:block;  margin: 1.875rem 0; font-size:17px; color:rgba(255, 255, 255, 0.5); text-align:center; line-height:1.7;}
.main_btn_more { display:flex; justify-content:center; align-items:center; box-sizing:border-box; min-width:290px; padding:1.5rem 20px; color: rgba(255, 255, 255, 0.8); font-size:18px; text-align:center; border: 1px solid rgba(223, 190, 106, 0.5); background: rgba(0, 0, 0, 0.2) linear-gradient(270deg, rgba(223,190,106,0.8), rgba(146,111,52,0.8), rgba(34,34,34,0), rgba(34,34,34,0)) 1% 50% /300% 300%; -webkit-transition:all ease-out .7s; transition: all ease-out .7s; }
.main_bg_btn { display:flex; justify-content:center; align-items:center; box-sizing:border-box; min-width:290px; padding:1.5rem 20px; color: rgba(255, 255, 255, 0.8); font-size:18px; text-align:center; background:rgba(38, 40, 61, 0.9); -webkit-transition:filter ease-out .3s; transition: filter ease-out .3s;}

.main_introduce_game { display: flex; flex-direction: column; justify-content: flex-end; align-items: center; height: 790px; box-sizing: border-box; padding: 0 0 100px 0; background: url(../../img/portal/sha_main/bg_introduce_game_v2.jpg) no-repeat 50% 0 /cover; }
.main_introduce_game .main_btn_more { padding:1.5rem 7rem;}

.main_introduce_class {position:relative; width:100%; height:850px; background:#000 url(../../img/portal/sha_main/main_class_bg.jpg) no-repeat center 0/cover; overflow:hidden;}
.main_introduce_class > .contents_wrap { max-width:1920px;}
.main_introduce_class .inner_section { margin: 0 auto; }
.main_introduce_class .class_info { display: flex; justify-content: space-between; position: relative; width: 100%; height: 850px; box-sizing: border-box; padding: 130px 0 120px 0; z-index: 2; }
.main_introduce_class .left {position:absolute; height:auto; overflow:hidden; box-sizing:border-box; padding:8rem 0 0; z-index:2; }
.main_introduce_class .left h3 {text-align:left; max-width:540px;}
.main_introduce_class .left .h3_desc {text-align:left; max-width:540px;}

.main_introduce_class #classInfo .mainclass { display:flex; justify-content:center; align-items:center; width:100%; height:850px; box-sizing:border-box; overflow:hidden; background-position:17vw bottom; background-size:1300px 853px; background-repeat:no-repeat; }
.main_introduce_class #classInfo .mainclass.classimg_52 { background-image: url(../../img/portal/sha_main/main_class_52.png); }
.main_introduce_class #classInfo .mainclass.classimg_53 { background-image: url(../../img/portal/sha_main/main_class_53.png); }
.main_introduce_class #classInfo .mainclass.classimg_55 { background-image: url(../../img/portal/sha_main/main_class_55.png); }
.main_introduce_class #classInfo .mainclass.classimg_58 { background-image: url(../../img/portal/sha_main/main_class_58.png); }
.main_introduce_class #classInfo .mainclass.classimg_60 { background-image: url(../../img/portal/sha_main/main_class_60.png); }
.main_introduce_class #classInfo .mainclass.classimg_63 { background-image: url(../../img/portal/sha_main/main_class_63.png); }
.main_introduce_class #classInfo .mainclass.classimg_69 { background-image: url(../../img/portal/sha_main/main_class_69.png); }
.main_introduce_class #classInfo .mainclass.classimg_81 { background-image: url(../../img/portal/sha_main/main_class_81.png); }
.main_introduce_class #classInfo .mainclass.classimg_87 { background-image: url(../../img/portal/sha_main/main_class_87.png); }
.main_introduce_class #classInfo .mainclass.classimg_65 { background-image: url(../../img/portal/sha_main/main_class_65.png); }
.main_introduce_class #classInfo .mainclass.classimg_62 { background-image: url(../../img/portal/sha_main/main_class_62_v2.png); }
.main_introduce_class #classInfo .mainclass.classimg_77 { background-image: url(../../img/portal/sha_main/main_class_77.png); }
.main_introduce_class #classInfo .mainclass.classimg_86 { background-image: url(../../img/portal/sha_main/main_class_86.png); }
.main_introduce_class #classInfo .mainclass.classimg_88 { background-image: url(../../img/portal/sha_main/main_class_88.png); }
.main_introduce_class #classInfo .mainclass.classimg_73 { background-image: url(../../img/portal/sha_main/main_class_73.png); }
.main_introduce_class #classInfo .mainclass .text_area { display:flex; justify-content:flex-end; align-items:center; width:100%; max-width:1300px; box-sizing:border-box;}
.main_introduce_class #classInfo .mainclass .text_area h4 { display:block; font-size:35px; color:#e8a721; text-align:right; }
.main_introduce_class #classInfo .mainclass .text_area .h4_desc {display:block; margin:10px 0 0 0; font-size:17px; color:rgba(255, 255, 255, 0.8); text-align:right; }
.main_introduce_class #classInfo .mainclass .text_area .btn_plus { display:block; position:relative; width:70px; height:70px; margin:0 0 0 10px; box-sizing:border-box; border:1px solid rgba(223, 190, 106, 0.5); -webkit-transition:all ease-out .3s; transition: all ease-out .3s;  }
.main_introduce_class #classInfo .mainclass .text_area .btn_plus:before { content:''; display:block; position:absolute; top:50%; left:50%; width:42px; height:42px; background:url(../../img/common/spr_etc.png?v=1) no-repeat -362px -532px/800px 800px; -webkit-transform:translate3d(-50%, -50%, 0); transform:translate3d(-50%, -50%, 0); }


.class_thumbs_wrap{ display:flex; justify-content:flex-end; position:absolute; bottom:100px; right:0; height:auto; overflow:hidden; box-sizing:border-box; z-index:2;}
.class_thumbs { display:flex; flex-wrap:wrap; justify-content:flex-start; width:100%; max-width:398px;}
.class_thumbs li{ display:block; position:relative; width:70px; height:70px; margin:0.3rem 0 0.3rem 0.6rem; background: url(../../img/portal/sha_main/class_thum.png?v=1) no-repeat center 0/800px 320px; cursor:pointer; filter:grayscale(1); -webkit-transition: filter ease-in .2s; transition: filter ease-in .2s; }
.class_thumbs li.thumb_52 { background-position-x:0px}
.class_thumbs li.thumb_53 { background-position-x:-80px}
.class_thumbs li.thumb_55 { background-position-x:-160px}
.class_thumbs li.thumb_58 { background-position-x:-240px}
.class_thumbs li.thumb_60 { background-position-x:-320px}
.class_thumbs li.thumb_63 { background-position-x:-400px}
.class_thumbs li.thumb_69 { background-position-x:-480px}
.class_thumbs li.thumb_87 { background-position-x:-560px}
.class_thumbs li.thumb_81 { background-position-x: -640px }
.class_thumbs li.thumb_65 { background-position-x:-720px}
.class_thumbs li.thumb_62 { background-position:0 -80px; }
.class_thumbs li.thumb_77 { background-position:-80px -80px; }
.class_thumbs li.thumb_86 { background-position: -160px -80px; }
.class_thumbs li.thumb_88 { background-position: -240px -80px; }
.class_thumbs li.thumb_73 { background-position: -320px -80px; }
.class_thumbs li.active {box-sizing: border-box; border: 1px solid #e89121; filter:grayscale(0);}
.class_thumbs li.active:before{ content:''; display:block; width:100%; height:100%; position:absolute; top:0; left:0; background-image:linear-gradient(transparent , rgba(255, 165, 39, 0.2));}
.main_introduce_class .owl-drag .owl-item {touch-action:auto;}
.main_introduce_class .owl-nav button { display:block; position:absolute; top:50%; z-index:10; transform:translate(0, -50%); width:72px; height:127px; font-size:0; overflow:hidden; }
.main_introduce_class .owl-nav button:before { display:block; overflow:hidden; content:""; position:absolute; top:50%; -webkit-transition:.3s; transition: .3s; }
.main_introduce_class .owl-nav .owl-prev { left:60px }
.main_introduce_class .owl-nav .owl-prev:before { width:76px; height:76px; background-color:transparent; border-left:2px solid rgba(163, 145, 115, 0.5); border-top:2px solid rgba(163, 145, 115, 0.5); transform:translate(-50%, -50%) rotate(-45deg); left:85%;}
.main_introduce_class .owl-nav .owl-next { right:60px }
.main_introduce_class .owl-nav .owl-next:before { width:76px; height:76px; background-color:transparent; border-left:2px solid rgba(163, 145, 115, 0.5); border-top:2px solid rgba(163, 145, 115, 0.5); transform:translate(-50%, -50%) rotate(135deg); left:15%; }
.main_introduce_class .class_info {  display:flex; justify-content:space-between; position:relative; width:100%; height:850px; box-sizing:border-box; padding:130px 0 120px 0; z-index:2;}
.main_introduce_class .class_info .left { align-self:flex-start;}
.main_introduce_class .class_info .left h3 { display:block; font-size:60px; color:#fff; line-height:1.3; font-weight:bold; word-break:keep-all; word-wrap:break-word;}
.main_introduce_class .class_info .left .h3_desc {text-align:left;}
.main_introduce_class .class_info .right { align-self:flex-end; display:flex; flex-direction:column; justify-content:center; align-items:flex-end; }
.main_inducing_play { display:flex;  flex-direction:column; justify-content:flex-end; align-items:center; height:491px; box-sizing:border-box; padding:0 0 100px 0; background: url(../../img/portal/sha_main/main_inducing_play.jpg) no-repeat 50% 0 /cover; }
.main_inducing_play h3 { text-align:center; color:#23211c;  }
.main_inducing_play .btn_wrap { display: flex; justify-content:space-between; align-items:center; padding:3.125rem 0 0 0;}
.main_inducing_play .btn_wrap .main_bg_btn { min-width:315px; position:relative;}
.main_inducing_play .btn_wrap .main_bg_btn:before {content:''; position:absolute; top: 0; left:0; background:#000;}
.main_inducing_play .btn_wrap .main_bg_btn:first-of-type { margin-right:0.625rem;}
.main_inducing_play .btn_wrap .main_bg_btn.inducing_btn2 { background:rgba(40, 32, 24, 0.9);}



.news_wrap { background: #151515;}
.news_wrap .inner_sec { max-width:100%; padding:60px 0 40px }
.news_list { display: block; max-height: 503px; opacity: 0; }
.news_list.owl-carousel.owl-loaded { opacity: 1; }
.news_list.col3 .news_item { float:left; width:31.769%; margin-left:2.307% }
.news_list.col3 .news_item:first-child { margin-left:0 }
.news_list .owl-stage-outer { padding:38px 0 }
.news_list.owl-carousel .owl-dots.disabled { display:block; }
.news_list .news_item a { display: block; position: relative; transition: 0.25s; background-color: #1c1c1c; backface-visibility: hidden }
.news_list .news_item .label_area { position:absolute; left:0; top:0; z-index:10; font-size:0; text-align:left }
.news_list .news_item .label_area .tag_label { display:inline-block; font-size:15px; min-width:100px; height:30px; padding:0 30px; line-height:30px; color:rgba(255,255,255,.8); text-align:center; box-sizing:border-box }
.news_list .news_item .label_area .tag_label.noti { background-color:rgba(38,18,9,.65) }
.news_list .news_item .label_area .tag_label.update { background-color:rgba(152,68,68,.65) }
.news_list .news_item .label_area .tag_label.event { background-color:rgba(83,93,142,.65) }
.news_list .news_item .label_area .tag_label.GMnote { background-color:rgba(178,163,143,.65) }
.news_list .news_item .label_area .tag_label.shop { background-color:rgba(119,152,206,.65) }
.news_list .news_item .img_area { position:relative; padding-bottom:56.25%; overflow:hidden;  }
.news_list .news_item .img_area img { width:auto; height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%) }
.news_list .news_item .icon { position:absolute; left:50%; top:230px; display:inline-block; width:65px; height:65px; margin:-32.5px 0 0 -32.5px; border-radius:50%; font-size:0 }
.news_list .news_item .icon:before { display:block; overflow:hidden; content:""; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); background:url(../../img/common/icn_cm_spr.png) no-repeat; background-size:1600px 1600px }
.news_list .news_item .icon.ico_1 { background-color:#984343 }
.news_list .news_item .icon.ico_1:before { width:24px; height:28px; background-position:0 0 }
.news_list .news_item .icon.ico_2 { background-color:#92794e }
.news_list .news_item .icon.ico_2:before { width:22px; height:24px; background-position:-33px 0 }
.news_list .news_item .icon.ico_3 { background-color:#525b85 }
.news_list .news_item .icon.ico_3:before { width:24px; height:26px; background-position:-65px 0 }
.news_list .news_item .icon.ico_4 { background-color:#564a44 }
.news_list .news_item .icon.ico_4:before { width:22px; height:22px; background-position:-121px -1228px }
.news_list .news_item .icon.ico_5 { background-color:#7a9cd5 }
.news_list .news_item .icon.ico_5:before { width:30px; height:26px; background-position:-164px -1228px }
.news_list .news_item .row { position:relative; height:170px; padding:30px 20px 65px; box-sizing:border-box }
.news_list .news_item .row:before { display:none; overflow:hidden; content:""; position:absolute; left:47%; bottom:33px; transform:translate(-50%, 0) skewX(55deg); width:90px; height:10px; background-color:transparent; border-right:2px solid #686868; border-bottom:1px solid #686868 }
.news_list .news_item .title_area { max-height:55px }
.news_list .news_item strong.title { position:relative; display:block; font-size:20px; line-height:1.22; color:#fff; text-align:center; box-sizing:border-box; font-weight:normal; overflow:hidden; text-overflow:ellipsis; white-space:nowrap }
.news_list .news_item strong.title br { display:none }
.news_list .news_item .desc_area { height:44px; overflow:hidden; margin-top:8px }
.news_list .news_item span.desc { position:relative; display:block; max-height:100%; padding-right:12px; padding-left:12px; font-size:15px; line-height:1.53; color:#a69a85; text-align:center }
.news_list .news_item span.desc:before { display:block; content:"..."; position:absolute; right:0; bottom:0 }
.news_list .news_item span.desc:after { content:""; position:absolute; right:0; width:1em; height:1em; margin-top:0.2em; background-color:#1c1c1c; transition:0.25s }
.news_list:after { display:block; content:''; height:0; font-size:0; opacity:0; clear:both }
.news_list .news_item .date { font-size:17px; color:#a7a7a7; text-align:center; margin-top:12px }
.news_list.owl-carousel .owl-item { transition:0.25s }
.news_list.owl-carousel .owl-item.active.center { transform:translateY(-36px); box-shadow:0 10px 20px 0 rgba(0, 0, 0, 0.2) }
.news_list.owl-carousel .owl-item.active.center .news_item a { background-color:#282a31 }
.news_list.owl-carousel .owl-item.active.center .news_item span.desc:after { background-color:#282a31; }
.news_list button[role="presentation"].owl-next,
.news_list button[role="presentation"].owl-prev { position:absolute; display:inline-block; width:80px; height:80px; transition:0.35s; border:1px solid rgba(223, 190, 106, 0.5); background-color:rgba(0, 0, 0, 0.25); top:40%; margin-top:-50px }
.news_list button[role="presentation"]:before { display:block; overflow:hidden; content:""; overflow:hidden; position:absolute; top:50% }
.news_list button[role="presentation"].owl-prev { left:12% }
.news_list button[role="presentation"].owl-prev:before { width:26px; height:26px; background-color:transparent; border-left:1px solid #a39173; border-top:1px solid #a39173; transform:translate(-50%, -50%) rotate(-40deg) skew(10deg); left:60% }
.news_list button[role="presentation"].owl-next { right:12% }
.news_list button[role="presentation"].owl-next:before { width:26px; height:26px; background-color:transparent; border-left:1px solid #a39173; border-top:1px solid #a39173; transform:translate(-50%, -50%) rotate(140deg) skew(10deg); left:40% }
.news_list button[role="presentation"] span { display:none }
.news_list .owl-dots { position:absolute; left:0; bottom:0; width:100%; text-align:center }
.news_list .owl-dots .owl-dot { display:inline-block; width:8px; height:8px; background-color:#45454e; margin:0 6px; vertical-align:bottom }
.news_list .owl-dots .owl-dot.active { background-color:#e8a721; }
.event_section { height:700px; box-sizing:border-box; padding:75px 30px; background:url(../../img/portal/main/main_event_section_bg.jpg) no-repeat; -webkit-background-size:cover; background-size:cover }
.event_section > .inner { max-width:1300px; margin:0 auto }
.event_section a { position:relative }
.event_section a:after { display:block; content:''; position:absolute; left:0; top:0; width:100%; height:100%; background-color:rgba(255,255,255,.05); opacity:0; transition:opacity .3s }
.event_section .title_wrap { position:relative }
.event_section .title_wrap:after { display:block; overflow:hidden; content:""; transform:skewX(55deg); width:74px; height:10px; margin-top:20px; background-color:transparent; border-right:2px solid #fff; border-bottom:1px solid #fff }
.event_section .event_ban > a { display:block; position:relative; height:180px; box-sizing:border-box; margin-bottom:14px; padding:34px 80px; background-repeat:no-repeat; background-position:100% 50%; -webkit-background-size:cover; background-size:cover }
.event_section .event_ban > a:before { display:block; content:''; position:absolute; left:-8px; top:-8px; z-index:2; width:106px; height:106px; background:url(../../img/portal/main/main_event_section_ban_label.png) no-repeat }
.event_section .event_ban > a .title_wrap .desc { display:block; margin-bottom:13px; font-size:20px; font-weight:normal; color:#fff; line-height:1 }
.event_section .event_ban > a .title_wrap .title { display:block; font-size:36px; font-weight:normal; color:#fff }
.event_section .event_ban > a .title_wrap .title strong { font-weight:normal }
.event_section .event_list ul:after { display:block; content:''; clear:both }
.event_section .event_list li { float:left; width:32.76%; margin-left:0.86% }
.event_section .event_list li:first-child { margin-left:0 }
.event_section .event_list li a { display:block; padding:30px; height:160px; box-sizing:border-box; background-position:50% 50%; -webkit-background-size:cover; background-size:cover }
.event_section .event_list .title_wrap { text-align:center }
.event_section .event_list .title_wrap .title { display:block; font-size:30px; font-weight:normal; color:#fff; line-height:1; margin-bottom:13px }
.event_section .event_list .title_wrap .title strong { font-weight:normal }
.event_section .event_list .title_wrap .desc { display:block; font-size:16px; font-weight:normal; color:rgba(255,255,255,.6) }
.event_section .event_list .title_wrap:after { margin:20px auto 0; transform:translateX(-10px) skewX(55deg) }
.event_section .event_ban01 { background-image:url(../../img/portal/main/main_event_section_ban01_bg.jpg) }
.event_section .event_ban02 { background-image:url(../../img/portal/main/main_event_section_ban02_bg.jpg) }
.event_section .event_ban03 { background-image:url(../../img/portal/main/main_event_section_ban03_bg.jpg) }
.event_section .event_ban04 { background-image:url(../../img/portal/main/main_event_section_ban04_bg.jpg) }
.event_section .event_ban05 { background-image:url(../../img/portal/main/main_event_section_ban05_bg.jpg) }
.event_section .event_ban01 .title_wrap .title strong { color:#fad389 }
.event_section .event_ban02 .title_wrap .title strong { color:#f3a2ff }
.event_section .event_ban03 .title_wrap .title strong { color:#ffc572 }
.event_section .event_ban04 .title_wrap .title strong { color:#3fcfee }
.event_section .event_ban05 .title_wrap .title strong { color:#ff1e1e }
.event_banner_wrap { position:relative; height:450px }
.event_banner_wrap:after { display:block; content:''; height:0; font-size:0; opacity:0; clear:both }
.event_banner_wrap .benefit_area { float:left; width:47.5%; height:450px; background-color:#313b52; padding:60px 0; box-sizing:border-box; text-align:right }
.event_banner_wrap .benefit_area .inner { display:inline-block; width:600px; padding-right:40px; box-sizing:border-box }
.event_banner_wrap .benefit_area .inner:after { display:block; content:''; height:0; font-size:0; opacity:0; clear:both }
.note_gm { float:left; width:310px; background-color:#415071; box-shadow:0 10px 20px 0 rgba(0, 0, 0, 0.2) }
.note_gm a { position:relative; display:block }
.note_gm .img_area { position:relative; overflow:hidden; height:200px; transition:0.15s }
.note_gm .img_area:before { display:block; content:""; position:absolute; left:0; bottom:0; z-index:5; width:100%; height:200px; background:url(../../img/portal/main/main_gm.png) no-repeat }
.note_gm .img_area:after { display:block; content:""; position:absolute; left:0; bottom:0; z-index:1; width:100%; height:200px; transition:0.15s; opacity:0.6; background:url(../../img/portal/main/main_gm_bg.png) no-repeat }
.note_gm .img_area img { display:block; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:100% }
.note_gm .desc { position:relative; height:130px; padding:22px 20px 58px; box-sizing:border-box; transition:0.15s }
.note_gm .desc:before { display:block; overflow:hidden; content:""; position:absolute; left:47%; bottom:24px; transform:translate(-50%, 0) skewX(55deg); width:74px; height:10px; background-color:transparent; border-right:2px solid #fff; border-bottom:1px solid #fff }
.note_gm .desc strong.title { position:relative; display:block; overflow:hidden; max-height:50px; padding-right:16px; padding-left:16px; color:#fff; font-size:20px; line-height:1.25; text-align:center; font-weight:400 }
.note_gm .desc strong.title:before { display:block; content:"..."; position:absolute; right:0; bottom:0 }
.note_gm .desc strong.title:after { content:""; position:absolute; right:0; width:1em; height:1em; margin-top:0.2em; background-color:#415071 }
.benefit_list { float:right; width:230px; box-shadow:0 10px 20px 0 rgba(0, 0, 0, 0.2) }
.benefit_list li { position:relative; height:109px; margin-top:2px; background-color:#3b4761; overflow:hidden }
.benefit_list li:before { display:block; content:""; position:absolute; left:0; top:0; width:100%; height:100%; background-color:#4d5e85; transform:translateX(-101%); transition:0.15s }
.benefit_list li:first-child { margin-top:0 }
.benefit_list li > a { position:relative; z-index:10; display:block; height:100%; padding-top:22px; box-sizing:border-box }
.benefit_list li > a:after { display:block; overflow:hidden; content:""; position:absolute; left:47%; bottom:24px; transform:translate(-50%, 0) skewX(55deg); width:74px; height:10px; background-color:transparent; border-right:2px solid rgba(255, 255, 255, 0.4); border-bottom:1px solid rgba(255, 255, 255, 0.4) }
.benefit_list li strong.title { display:block; font-size:17px; color:#e5edff; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:80%; margin:0 auto; font-weight:normal }
.benefit_list li span.desc { display:block; margin:5px auto 0; font-size:15px; color:#99b1d7; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:80% }
.event_banner_wrap .shop_area { float:right; width:52.5%; position:relative; z-index:15 }
.event_banner_wrap .shop_area .cash_list { position:relative; display:block; height:450px; background-color:#544a45 }
.event_banner_wrap .shop_area .cash_list .owl-dots { display:none }
.event_banner_wrap .shop_area .cash_list:after { display:block; content:''; height:0; font-size:0; opacity:0; clear:both }
.event_banner_wrap .cash_item { position:relative; overflow:hidden; height:450px; background-color:#544a45 }
.event_banner_wrap .cash_item a { display:block }
.event_banner_wrap .cash_item a.mob_view_item { display:none }
.event_banner_wrap .cash_item span { display:block; position:absolute; left:0; bottom:0 }
.event_banner_wrap .cash_item span img { max-width:100%; max-height:100% }
.event_banner_wrap .cash_item span.img_txt { left:50px; z-index:5 }
.event_banner_wrap .cash_item span.img_area img { display:block; width:auto }
.event_banner_wrap .cash_item a.mob_view_item span { width:100% }
.event_banner_wrap .cash_item a.mob_view_item span.img_area img { display:block; width:100% }
.event_banner_wrap .cash_item a.mob_view_item span.img_txt { left:0; top:auto; bottom:-1px; z-index:5; width:100% }
.event_banner_wrap .cash_item a.mob_view_item span.img_txt img { display:block; width:100% }
.event_banner_wrap .shop_area .owl-nav { position:absolute; bottom:80px; left:50px; z-index:10; font-size:0 }
.event_banner_wrap .shop_area .owl-nav > button[role="presentation"] { position:relative; display:inline-block; width:55px; height:55px; box-sizing:border-box; border:1px solid rgba(255, 255, 255, 0.2); font-size:0; vertical-align:middle; transition:0.35s }
.event_banner_wrap .shop_area .owl-nav > button[role="presentation"]:before { display:block; content:""; position:absolute; top:50% }
.event_banner_wrap .shop_area .owl-nav > button[role="presentation"].owl-next { border-left:none }
.event_banner_wrap .shop_area .owl-nav > button[role="presentation"].owl-prev:before { width:18px; height:18px; background-color:transparent; border-left:2px solid #fff; border-top:2px solid #fff; transform:translate(-50%, -50%) rotate(-40deg) skew(10deg); left:60% }
.event_banner_wrap .shop_area .owl-nav > button[role="presentation"].owl-next:before { width:18px; height:18px; background-color:transparent; border-left:2px solid #fff; border-top:2px solid #fff; transform:translate(-50%, -50%) rotate(140deg) skew(10deg); left:40% }
.event_banner_wrap .shop_area .count_area { position:absolute; bottom:98px; left:180px; z-index:10; font-size:16px; color:#fff }
.class_mmorpg_wrap { position:relative; height:805px; background:url(../../img/portal/main/main_world_class.jpg) 50% 0 no-repeat; background-size:cover }
.class_mmorpg_wrap h3 { padding-top:100px; text-align:center; font-size:52px; color:#fff; line-height:1; font-weight:normal; font-family:"NotoSansMedium",sans-serif }
.class_mmorpg_wrap .h3_desc { display:block; margin-top:20px; font-size:15px; color:#998d86; text-align:center; line-height:1.733; letter-spacing:0.04em }
.class_mmorpg_wrap .h3_desc em { color:#916914 }
.class_mmorpg_wrap .btn_more { display:inline-block; font-size:16px; position:absolute; left:50%; bottom:70px; width:210px; height:60px; line-height:58px; border:1px solid rgba(255,255,255,.2); color:#fff; text-align:center; box-sizing:border-box; transform:translate(-50%,0); transition:.3s }
.class_mmorpg_wrap .thumb_nail_area { position:relative; max-width:1230px; height:240px; margin:45px auto 0; border:1px solid rgba(15,0,0,0.1); box-sizing:border-box }
.class_mmorpg_wrap .thumb_nail_area .big_thumb { position:absolute; left:50%; top:0; transform:translate(-50%, 0); width:45%; height:240px }
.class_mmorpg_wrap .thumb_nail_area a { position:relative; overflow:hidden; display:block; width:100%; height:100%; transition:0.35s }
.class_mmorpg_wrap .thumb_nail_area a:before { display:block; content:""; position:absolute; left:0; top:0; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.35); transition:0.35s; opacity:0 }
.class_mmorpg_wrap .thumb_nail_area .view_movie:after { display:block; content:""; overflow:hidden; position:absolute; right:10px; bottom:5px; z-index:10; width:42px; height:51px; background:url(../../img/common/spr_etc.png?v=1) -225px -243px no-repeat; background-size:800px 800px }
.class_mmorpg_wrap .thumb_nail_area .view_img:after { display:block; content:""; overflow:hidden; position:absolute; right:10px; bottom:5px; z-index:10; width:52px; height:53px; background:url(../../img/common/spr_etc.png?v=1) -139px -243px no-repeat; background-size:800px 800px }
.class_mmorpg_wrap .thumb_nail_area .big_thumb img { width:100% }
.class_mmorpg_wrap .thumb_nail_area .sml_thumb { position:absolute; top:0; width:27.64%; height:240px }
.class_mmorpg_wrap .thumb_nail_area .sml_thumb.left { left:0 }
.class_mmorpg_wrap .thumb_nail_area .sml_thumb.right { right:0 }
.character_wrap { position:relative; height:830px; background-size:cover; background-color:#000 }
.video_area { position:relative; overflow:hidden; width:100%; height:100%; background-color:#000 }
.video_area:before { display:block; content:""; position:absolute; left:0; top:0; z-index:1; width:100%; height:100%; background-color:transparent }
.video_area video { position:absolute; left:0; top:0; right:0; bottom:0; width:auto; height:100% }
.classes { position:absolute; left:50%; top:185px; z-index:10; transform:translate(-50%, 0); text-align:center; display:none }
.classes.active { display:block }
.classes h3 { font-size:75px; color:rgba(255, 255, 255, 0.9); line-height:1; font-weight:normal; font-family:"NotoSansMedium",sans-serif }
.classes .h3_desc { display:block; margin-top:20px; color:rgba(181, 181, 181, 0.8); font-size:15px; line-height:1.733; text-align:center }
.classes .btn_more { position:relative; display:inline-block; width:132px; height:42px; margin-top:30px; border:1px solid rgba(255, 255, 255, 0.4); font-size:0; box-sizing:border-box; transition:0.35s }
.classes .btn_more:before { display:block; overflow:hidden; content:""; position:absolute; left:47%; bottom:17px; transform:translate(-50%, 0) skewX(55deg); width:69px; height:10px; background-color:transparent; border-right:2px solid #fff; border-bottom:1px solid #fff }
.character_list { display:block; height:100% }
.character_list .owl-stage-outer { height:100% }
.character_list .owl-stage-outer .owl-stage { height:100% }
.character_list .owl-stage-outer .owl-stage .owl-item { height:100% }
.character_list .character_item { width:100%; height:100% }
.character_list .character_item .classes { display:block }
.character_list .owl-nav button[role="presentation"] { display:block; position:absolute; top:50%; z-index:10; transform:translate(0, -50%); width:72px; height:127px; font-size:0; overflow:hidden }
.character_list .owl-nav button[role="presentation"]:before { display:block; overflow:hidden; content:""; position:absolute; top:50% }
.character_list .owl-nav .owl-prev { left:60px }
.character_list .owl-nav .owl-prev:before { width:76px; height:76px; background-color:transparent; border-left:2px solid #849091; border-top:2px solid #849091; transform:translate(-50%, -50%) rotate(-45deg); left:85% }
.character_list .owl-nav .owl-next { right:60px }
.character_list .owl-nav .owl-next:before { width:76px; height:76px; background-color:transparent; border-left:2px solid #849091; border-top:2px solid #849091; transform:translate(-50%, -50%) rotate(135deg); left:15% }
.character_list .character_item { background-position:50% 0; background-repeat:no-repeat; background-size:cover }
.character_list .character_item.character_0 { background-image:url(../../img/portal/main/main_character_class_0.jpg) }
.character_list .character_item.character_4 { background-image:url(../../img/portal/main/main_character_class_4.jpg) }
.character_list .character_item.character_12 { background-image:url(../../img/portal/main/main_character_class_12.jpg) }
.character_list .character_item.character_31 { background-image:url(../../img/portal/main/main_character_class_31.jpg) }
.character_list .character_item.character_24 { background-image:url(../../img/portal/main/main_character_class_24.jpg) }
.character_list .character_item.character_16 { background-image:url(../../img/portal/main/main_character_class_16.jpg) }
.character_list .character_item.character_27 { background-image:url(../../img/portal/main/main_character_class_27.jpg) }
.character_list .character_item.character_19 { background-image:url(../../img/portal/main/main_character_class_19.jpg) }
.character_list .character_item.character_8 { background-image:url(../../img/portal/main/main_character_class_8.jpg) }
.character_list .character_item.character_20 { background-image:url(../../img/portal/main/main_character_class_20.jpg) }
.character_list .character_item.character_28 { background-image:url(../../img/portal/main/main_character_class_28.jpg) }
.character_list .character_item.character_25 { background-image:url(../../img/portal/main/main_character_class_25.jpg) }
.character_list .character_item.character_26 { background-image:url(../../img/portal/main/main_character_class_26.jpg) }
.character_list .character_item.character_23 { background-image:url(../../img/portal/main/main_character_class_23.jpg) }
.character_list .character_item.character_11 { background-image:url(../../img/portal/main/main_character_class_11.jpg) }
.character_list .character_item.character_29 { background-image:url(../../img/portal/main/main_character_class_29.jpg) }
.character_list .character_item.character_21 { background-image:url(../../img/portal/main/main_character_class_21.jpg) }
.character_list .character_item.character_17 { background-image:url(../../img/portal/main/main_character_class_17.jpg) }
.character_list .character_item.character_5 { background-image:url(../../img/portal/main/main_character_class_5.jpg) }
.character_wrap.character_0 { background-image:url(../../img/portal/main/main_character_class_0.jpg) }
.character_wrap.character_4 { background-image:url(../../img/portal/main/main_character_class_4.jpg) }
.character_wrap.character_12 { background-image:url(../../img/portal/main/main_character_class_12.jpg) }
.character_wrap.character_31 { background-image:url(../../img/portal/main/main_character_class_31.jpg) }
.character_wrap.character_24 { background-image:url(../../img/portal/main/main_character_class_24.jpg) }
.character_wrap.character_16 { background-image:url(../../img/portal/main/main_character_class_16.jpg) }
.character_wrap.character_27 { background-image:url(../../img/portal/main/main_character_class_27.jpg) }
.character_wrap.character_19 { background-image:url(../../img/portal/main/main_character_class_19.jpg) }
.character_wrap.character_8 { background-image:url(../../img/portal/main/main_character_class_8.jpg) }
.character_wrap.character_20 { background-image:url(../../img/portal/main/main_character_class_20.jpg) }
.character_wrap.character_28 { background-image:url(../../img/portal/main/main_character_class_28.jpg) }
.character_wrap.character_25 { background-image:url(../../img/portal/main/main_character_class_25.jpg) }
.character_wrap.character_26 { background-image:url(../../img/portal/main/main_character_class_26.jpg) }
.character_wrap.character_23 { background-image:url(../../img/portal/main/main_character_class_23.jpg) }
.character_wrap.character_11 { background-image:url(../../img/portal/main/main_character_class_11.jpg) }
.character_wrap.character_29 { background-image:url(../../img/portal/main/main_character_class_29.jpg) }
.character_wrap.character_21 { background-image:url(../../img/portal/main/main_character_class_21.jpg) }
.character_wrap.character_17 { background-image:url(../../img/portal/main/main_character_class_17.jpg) }
.character_wrap.character_5 { background-image:url(../../img/portal/main/main_character_class_5.jpg) }
.character_wrap .btn_wrap { position:static }
.character_wrap .btn_wrap a { display:block; position:absolute; top:50%; z-index:10; transform:translate(0, -50%); width:72px; height:127px; font-size:0; overflow:hidden }
.character_wrap .btn_wrap a:before { display:block; overflow:hidden; content:""; position:absolute; left:50%; top:50% }
.character_wrap .btn_wrap a.btn_prev { left:60px }
.character_wrap .btn_wrap a.btn_next { right:60px }
.character_wrap .btn_wrap a.btn_prev:before { width:76px; height:76px; background-color:transparent; border-left:2px solid #849091; border-top:2px solid #849091; transform:translate(-50%, -50%) rotate(-45deg); left:85% }
.character_wrap .btn_wrap a.btn_next:before { width:76px; height:76px; background-color:transparent; border-left:2px solid #849091; border-top:2px solid #849091; transform:translate(-50%, -50%) rotate(135deg); left:15% }
.character_wrap .thumb_nail_area { position:absolute; left:50%; bottom:100px; z-index:10; transform:translate(-50%, 0); width:920px }
.character_wrap .thumb_nail_area ul { text-align:center; display:flex; flex-wrap:wrap; justify-content:center }
.character_wrap .thumb_nail_area ul li { width:82px; height:82px; margin-left:10px; margin-top:10px }
.character_wrap .thumb_nail_area ul li.active a { color:#fff }
.character_wrap .thumb_nail_area ul li:nth-child(9) { margin-right:10px }
.character_wrap .thumb_nail_area ul:after { display:block; content:''; height:0; font-size:0; opacity:0; clear:both }
.character_wrap .thumb_nail_area ul li a { position:relative; display:block; width:100%; height:100%; font-size:0; transition:0.15s }
.character_wrap .thumb_nail_area ul li a:before { display:block; content:""; overflow:hidden; width:100%; height:100%; background:url(../../img/portal/main/icn_main_characters_spr.png) no-repeat; background-size:726px 542px }
.character_wrap .thumb_nail_area ul li a.character_0:before { background-position:0 0 }
.character_wrap .thumb_nail_area ul li a.character_4:before { background-position:-92px 0 }
.character_wrap .thumb_nail_area ul li a.character_12:before { background-position:-182px 0 }
.character_wrap .thumb_nail_area ul li a.character_31:before { background-position:-277px 0 }
.character_wrap .thumb_nail_area ul li a.character_24:before { background-position:-368px 0 }
.character_wrap .thumb_nail_area ul li a.character_16:before { background-position:-461px 0 }
.character_wrap .thumb_nail_area ul li a.character_27:before { background-position:-552px 0 }
.character_wrap .thumb_nail_area ul li a.character_19:before { background-position:-645px 0 }
.character_wrap .thumb_nail_area ul li a.character_8:before { background-position:0 -92px }
.character_wrap .thumb_nail_area ul li a.character_20:before { background-position:-92px -92px }
.character_wrap .thumb_nail_area ul li a.character_28:before { background-position:-182px -92px }
.character_wrap .thumb_nail_area ul li a.character_25:before { background-position:-277px -92px }
.character_wrap .thumb_nail_area ul li a.character_26:before { background-position:-368px -92px }
.character_wrap .thumb_nail_area ul li a.character_23:before { background-position:-461px -92px }
.character_wrap .thumb_nail_area ul li a.character_11:before { background-position:-552px -92px }
.character_wrap .thumb_nail_area ul li a.character_29:before { background-position:-645px -92px }
.character_wrap .thumb_nail_area ul li a.character_21:before { background-position:0 -184px }
.character_wrap .thumb_nail_area ul li a.character_17:before { background-position:-92px -184px }
.character_wrap .thumb_nail_area ul li a.character_5:before { background-position:-182px -184px }
.character_wrap .thumb_nail_area ul li.active a.character_0:before { background-position:0 -276px }
.character_wrap .thumb_nail_area ul li.active a.character_4:before { background-position:-92px -276px }
.character_wrap .thumb_nail_area ul li.active a.character_12:before { background-position:-182px -276px }
.character_wrap .thumb_nail_area ul li.active a.character_31:before { background-position:-277px -276px }
.character_wrap .thumb_nail_area ul li.active a.character_24:before { background-position:-368px -276px }
.character_wrap .thumb_nail_area ul li.active a.character_16:before { background-position:-461px -276px }
.character_wrap .thumb_nail_area ul li.active a.character_27:before { background-position:-552px -276px }
.character_wrap .thumb_nail_area ul li.active a.character_19:before { background-position:-645px -276px }
.character_wrap .thumb_nail_area ul li.active a.character_8:before { background-position:0 -368px }
.character_wrap .thumb_nail_area ul li.active a.character_20:before { background-position:-92px -368px }
.character_wrap .thumb_nail_area ul li.active a.character_28:before { background-position:-182px -368px }
.character_wrap .thumb_nail_area ul li.active a.character_25:before { background-position:-277px -368px }
.character_wrap .thumb_nail_area ul li.active a.character_26:before { background-position:-368px -368px }
.character_wrap .thumb_nail_area ul li.active a.character_23:before { background-position:-461px -368px }
.character_wrap .thumb_nail_area ul li.active a.character_11:before { background-position:-552px -368px }
.character_wrap .thumb_nail_area ul li.active a.character_29:before { background-position:-645px -368px }
.character_wrap .thumb_nail_area ul li.active a.character_21:before { background-position:0 -460px }
.character_wrap .thumb_nail_area ul li.active a.character_17:before { background-position:-92px -460px }
.character_wrap .thumb_nail_area ul li.active a.character_5:before { background-position:-182px -460px }
.multi_media_wrap { position:relative; height:885px; background-color:#eceff1 }
.multi_media_wrap h3 { padding-top:95px; font-size:60px; color:#181818; line-height:1; text-align:center; font-family:"NotoSansMedium",sans-serif }
.multi_media_wrap .h3_desc { display:block; margin-top:20px; text-align:center; font-size:15px; color:#171b1d; line-height:1.733 }
.multi_media_wrap .media_list_area { position:relative; max-width:1300px; margin:40px auto 0; border:1px solid rgba(15,0,0,0.1); box-sizing:border-box }
.multi_media_wrap .media_list_area:after { display:block; content:''; height:0; font-size:0; opacity:0; clear:both }
.multi_media_wrap .media_list_area .inner { float:left; width:50%; height:515px }
.multi_media_wrap .media_list_area .inner:after { display:block; content:''; height:0; font-size:0; opacity:0; clear:both }
.multi_media_wrap .media_list_area span.title { display:block; position:absolute; left:25px; bottom:25px; z-index:10; width:70%; overflow:hidden; text-overflow:ellipsis; word-wrap:normal; white-space:nowrap; color:#fff; font-size:18px }
.multi_media_wrap .media_list_area a { position:relative; display:block; overflow:hidden; position:relative; width:100%; height:100% }
.multi_media_wrap .media_list_area a img { display:block; position:absolute; top:50%; transform:translate(-50%, -50%); width:100% }
.multi_media_wrap .media_list_area a:after { display:block; content:""; overflow:hidden; position:absolute; right:15px; bottom:15px; z-index:3; background:url(../../img/common/spr_etc.png?v=1) no-repeat; background-size:800px 800px }
.multi_media_wrap .media_list_area a.view_img:after { width:57px; height:59px; background-position:-613px -181px }
.multi_media_wrap .media_list_area a.view_movie:after { width:50px; height:62px; background-position:-682px -181px }
.multi_media_wrap .media_list_area a:before { display:block; content:""; position:absolute; left:0; top:0; z-index:2; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.35); opacity:0; transition:0.35s }
.multi_media_wrap .media_list_area a.img_big img { width:101%; height:101% }
.multi_media_wrap .media_list_area .thumb { float:left; width:50%; height:235px }
.multi_media_wrap .media_list_area .thumb.wide { width:100%; height:280px }
.multi_media_wrap .media_list_area .thumb a { display:block; position:relative }
.multi_media_wrap .media_list_area .thumb a img { display:block; width:101%; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%) }
.multi_media_wrap .media_list_area .thumb a.img_sml img { height:101%; width:auto }
.joinus_wrap { position:relative; display:flex; justify-content:center; align-items:center; height:460px; background:url(../../img/portal/main/main_join_us.jpg) 50% 0 no-repeat; background-size:cover }
.joinus_wrap .inner { max-width:640px; text-align:center; transform:translate(-18vw, 0) }
.joinus_wrap .inner h3 { font-size:55px; color:#241b14; font-family:"NotoSansMedium",sans-serif }
.joinus_wrap .inner .h3_desc { display:block; margin-top:20px; font-size:15px; color:#48423b; text-align:center; letter-spacing:1px }
.joinus_wrap .inner .btn_wrap { margin-top:30px; font-size:0 }
.joinus_wrap .inner .btn_wrap .btn { display:inline-block; width:265px; height:75px; border-radius:4px; font-size:19px; color:#fff; line-height:75px; text-align:center }
.joinus_wrap .inner .btn_wrap .btn + .btn { margin-left:10px }
.joinus_wrap .inner .btn_wrap .btn_blue { background-color:#30343f }
.joinus_wrap .inner .btn_wrap .btn_brown { background-color:#725945 }
.joinus_wrap .inner .btn_wrap .btn_blue:before { display:none }
.joinus_wrap .inner .btn_wrap .btn_brown:before { display:none }
.event_anniversary_wrap { height:452px; background:url(../../img/portal/main/bg_a_year_anniversary.jpg) center top no-repeat; background-size:cover }
.event_anniversary_wrap .inner { height:452px; margin:0 auto; max-width:1366px; background:url(../../img/portal/main/event_a_year_anniversary.png) center center no-repeat; background-size:cover }
.event_anniversary_wrap .inner article { position:relative; height:100%; display:flex; flex-direction:column; width:830px; box-sizing:border-box; padding:0; margin:0 auto }
.event_anniversary_wrap .inner article > p { text-indent:-99999px; font-size:0; overflow:hidden; width:100% }
.event_anniversary_wrap .inner article > .btn_link { text-indent:-99999px; overflow:hidden; font-size:0; margin:280px 0 0 120px; width:426px; height:70px; background:url(../../img/portal/main/btn_a_year_anniversary.png) center top no-repeat; background-size:cover }

:lang(ru-RU) .visual_wrap .txt_main_visual .btn_wrap .btn_grd_yellow { display:flex; line-height:1.2; align-items:center; justify-content:center }
:lang(th-TH) .news_list .news_item strong.title { padding-top:5px }
:lang(th-TH) .benefit_list li > a { padding-top:16px }
:lang(th-TH) .benefit_list li strong.title { padding-top:3px }
:lang(th-TH) .benefit_list li span.desc { padding-top:3px }

@media screen and (min-width:1025px) {
    .main_btn_more:hover{ background-position: 99% 50%;}
    .main_bg_btn:hover { filter: saturate(1.6) brightness(1.2);}

    .main_introduce_class #classInfo .mainclass .text_area .btn_plus:hover{filter:brightness(1.5); -webkit-transform:translate3d(5px, 0, 0); transform:translate3d(5px, 0, 0);}
    .class_thumbs li:hover { filter:grayscale(0);}
    .main_introduce_class .owl-nav button[role="presentation"]:hover:before { border-left:2px solid #cfac71; border-top:2px solid #cfac71 }

    .visual_wrap .txt_main_visual .btn_wrap .btn:hover { transform:translateY(-6px) }
    .visual_wrap .btn_play:hover { transform:translateY(-10px) }
    .event_section a:hover:after { opacity:1 }
    .news_list.owl-carousel .owl-item.active.center .news_item a:hover { transform:translateY(0); background-color:#282a31 }
    .news_list .news_item a:hover { transform:translateY(-36px); background-color:#282a31; box-shadow:0 10px 20px 0 rgba(0, 0, 0, 0.2) }
    .news_list .news_item a:hover strong.title:after { background-color:#282a31 }
    .news_list .news_item a:hover span.desc:after { background-color:#282a31 }
    .news_list button[role="presentation"]:hover { filter:brightness(1.5); }
    .note_gm:hover { background-color:#4d628f }
    .note_gm:hover .desc strong.title:after { background-color:#4d628f }
    .note_gm:hover .img_area { height:190px }
    .note_gm:hover .img_area:after { opacity:1 }
    .note_gm:hover .desc { height:140px }
    .benefit_list li:hover:before { transform:translateX(0) }
    .event_banner_wrap .shop_area .owl-nav > button[role="presentation"]:hover { background-color:#fff }
    .event_banner_wrap .shop_area .owl-nav > button[role="presentation"].owl-prev:hover:before { border-left:2px solid #474747; border-top:2px solid #474747 }
    .event_banner_wrap .shop_area .owl-nav > button[role="presentation"].owl-next:hover:before { border-left:2px solid #474747; border-top:2px solid #474747 }
    .class_mmorpg_wrap .thumb_nail_area a:hover:before { opacity:1 }
    .classes .btn_more:hover { background-color:rgba(255, 255, 255, 0.8) }
    .classes .btn_more:hover:before { border-right:2px solid #000; border-bottom:1px solid #000 }
    .character_wrap .btn_wrap a.btn_prev:hover:before { border-left:2px solid #fff; border-top:2px solid #fff }
    .character_wrap .btn_wrap a.btn_next:hover:before { border-left:2px solid #fff; border-top:2px solid #fff }
    .character_list .owl-nav button[role="presentation"]:hover:before { border-left:2px solid #fff; border-top:2px solid #fff }
    .character_wrap .thumb_nail_area ul li:hover a { transform:scale(1.2); border:1px solid #fff }
    .character_wrap .thumb_nail_area ul li:hover a.character_0:before { background-position:0 -276px }
    .character_wrap .thumb_nail_area ul li:hover a.character_4:before { background-position:-92px -276px }
    .character_wrap .thumb_nail_area ul li:hover a.character_12:before { background-position:-182px -276px }
    .character_wrap .thumb_nail_area ul li:hover a.character_31:before { background-position:-277px -276px }
    .character_wrap .thumb_nail_area ul li:hover a.character_24:before { background-position:-368px -276px }
    .character_wrap .thumb_nail_area ul li:hover a.character_16:before { background-position:-461px -276px }
    .character_wrap .thumb_nail_area ul li:hover a.character_27:before { background-position:-552px -276px }
    .character_wrap .thumb_nail_area ul li:hover a.character_19:before { background-position:-645px -276px }
    .character_wrap .thumb_nail_area ul li:hover a.character_8:before { background-position:0 -368px }
    .character_wrap .thumb_nail_area ul li:hover a.character_20:before { background-position:-92px -368px }
    .character_wrap .thumb_nail_area ul li:hover a.character_28:before { background-position:-182px -368px }
    .character_wrap .thumb_nail_area ul li:hover a.character_25:before { background-position:-277px -368px }
    .character_wrap .thumb_nail_area ul li:hover a.character_26:before { background-position:-368px -368px }
    .character_wrap .thumb_nail_area ul li:hover a.character_23:before { background-position:-461px -368px }
    .character_wrap .thumb_nail_area ul li:hover a.character_11:before { background-position:-552px -368px }
    .character_wrap .thumb_nail_area ul li:hover a.character_29:before { background-position:-645px -368px }
    .character_wrap .thumb_nail_area ul li:hover a.character_21:before { background-position:0 -460px }
    .character_wrap .thumb_nail_area ul li:hover a.character_17:before { background-position:-92px -460px }
    .character_wrap .thumb_nail_area ul li:hover a.character_5:before { background-position:-182px -460px }
    .multi_media_wrap .media_list_area a:hover:before { opacity:1 }
    .joinus_wrap .inner .btn_wrap .btn_blue:hover { background-color:#262b38 }
    .joinus_wrap .inner .btn_wrap .btn_brown:hover { background-color:#69503d }
    .class_mmorpg_wrap .btn_more:hover { border-color:#fff; background-color:rgba(255, 255, 255, 0.8); color:#3d3d3d }
 }


@media screen and (min-width:1025px) and (max-width:1600px) {
    .news_list button[role="presentation"].owl-prev { left:0; background-color:transparent }
    .news_list button[role="presentation"].owl-next { right:0; background-color:transparent }
 }

@media screen and (max-width:1560px) {
    .main_introduce_class .left h3 { font-size:36px;}
    .main_introduce_class .left .h3_desc { max-width:380px; margin: 0.875rem 0 0; }
    .main_introduce_class .owl-nav .owl-prev { left: 2rem; }
    .main_introduce_class .owl-nav .owl-next { right: 2rem; }
    .main_introduce_class #classInfo .mainclass { background-position: 0 bottom; }
    .main_introduce_class #classInfo .mainclass .text_area { padding: 0 2rem 0 0; margin: 14rem 0 0 0; }

    .class_thumbs_wrap { bottom:1.5rem; padding:0 2rem 0 0;}
}


@media screen and (max-width: 1024px) {
    #wrap { min-width:initial; }
    .mainvisual_wrap { background-attachment:scroll; height:40.8333rem; padding-bottom:0; background-position:50% 0; background-size:cover; }
    .mainvisual_wrap .video_wrap { display: none }
    .mainvisual_wrap .video_wrap video { display: none; right: auto; bottom: auto; left: 50%; top: 50%; transform: translate(-50%, -50%); width: auto }
    .main_btn_more {min-width:initial; padding:1.25rem 0; font-size:0.917rem;}
    .main_bg_btn { padding: 1.25rem 0; }
    .content h3  {font-size:2.5rem;}
    .content .h3_desc {margin:0.833rem 0; font-size:0.917rem;line-height:1.5;}
    .btn_wrap {width:100%;}
    .main_introduce_game { justify-content: space-between; height: 44.833rem; padding: 3.75rem 0; background: url(../../img/portal/sha_main/bg_introduce_game_m_v2.jpg) no-repeat 50% bottom/cover; }
    .main_introduce_game .main_btn_more { padding: 1.25rem 4.167rem; }
    .main_introduce_class { height:45.833rem; background:#000 url(../../img/portal/sha_main/main_class_bg_m.jpg) no-repeat center bottom/cover;}
    .main_introduce_class .left { align-items: center; width: 100%; padding: 3.542rem 0 0 0; }
    .main_introduce_class .left h3 { font-size:2.5rem;}
    .main_introduce_class .left h3, .main_introduce_class .left .h3_desc { text-align: center; max-width: 100%; }
    .main_introduce_class #classInfo .mainclass { justify-content:space-between; align-items:flex-end; height:45.833rem;  background-size:50rem 37.5rem; background-position:center bottom; }
    .main_introduce_class #classInfo .mainclass.classimg_52 { background-image: url(../../img/portal/sha_main/main_class_52_m.png); }
    .main_introduce_class #classInfo .mainclass.classimg_53 { background-image: url(../../img/portal/sha_main/main_class_53_m.png); }
    .main_introduce_class #classInfo .mainclass.classimg_55 { background-image: url(../../img/portal/sha_main/main_class_55_m.png); }
    .main_introduce_class #classInfo .mainclass.classimg_58 { background-image: url(../../img/portal/sha_main/main_class_58_m.png); }
    .main_introduce_class #classInfo .mainclass.classimg_60 { background-image: url(../../img/portal/sha_main/main_class_60_m.png); }
    .main_introduce_class #classInfo .mainclass.classimg_63 { background-image: url(../../img/portal/sha_main/main_class_63_m.png); }
    .main_introduce_class #classInfo .mainclass.classimg_69 { background-image: url(../../img/portal/sha_main/main_class_69_m.png); }
    .main_introduce_class #classInfo .mainclass.classimg_81 { background-image: url(../../img/portal/sha_main/main_class_81_m.png); }
    .main_introduce_class #classInfo .mainclass.classimg_87 { background-image: url(../../img/portal/sha_main/main_class_87_m.png); }
    .main_introduce_class #classInfo .mainclass.classimg_65 { background-image: url(../../img/portal/sha_main/main_class_65_m.png); }
    .main_introduce_class #classInfo .mainclass.classimg_62 { background-image: url(../../img/portal/sha_main/main_class_62_v2_m.png); }
    .main_introduce_class #classInfo .mainclass.classimg_77 { background-image: url(../../img/portal/sha_main/main_class_77_m.png); }
    .main_introduce_class #classInfo .mainclass.classimg_86 { background-image: url(../../img/portal/sha_main/main_class_86_m.png); }
    .main_introduce_class #classInfo .mainclass.classimg_88 { background-image: url(../../img/portal/sha_main/main_class_88_m.png); }
    .main_introduce_class #classInfo .mainclass.classimg_73 { background-image: url(../../img/portal/sha_main/main_class_73_m.png); }
    .main_introduce_class #classInfo .mainclass .text_area {  justify-content:center; margin:0 0 3.542rem 0; padding:0;}
    .main_introduce_class #classInfo .mainclass .text_area h4 { font-size: 1.75rem; }
    .main_introduce_class #classInfo .mainclass .text_area .h4_desc { margin:.3rem 0 0 0; font-size: 0.916rem; }
    .main_introduce_class #classInfo .mainclass .text_area .btn_plus { width: 3.5416rem; height: 3.5416rem; margin: 0 0 0 1rem; }
    .main_introduce_class #classInfo .mainclass .text_area .btn_plus:before { width: 2.16rem; height: 2.16rem; background-size:33.33rem 33.33rem; background-position:-14.9rem -22rem; }
    .main_introduce_class .owl-nav button { width:3rem; height:5.292rem;}
    .main_introduce_class .owl-nav .owl-prev { left:1rem; }
    .main_introduce_class .owl-nav .owl-prev:before { width:3.167rem; height:3.167rem; }
    .main_introduce_class .owl-nav .owl-next { right:1rem; }
    .main_introduce_class .owl-nav .owl-next:before { width:3.167rem; height:3.167rem; }
    .class_thumbs_wrap {display:none}

    .main_inducing_play { justify-content:center; height:23.167rem; padding:0; background:url(../../img/portal/sha_main/main_inducing_play_m.jpg) no-repeat 50% bottom /cover}
    .main_inducing_play .btn_wrap { flex-direction:column; padding:1.25rem 0 0 0}
    .main_inducing_play .btn_wrap .main_bg_btn { width:50%; min-width:inherit;}
    .main_inducing_play .btn_wrap .main_bg_btn:first-of-type { margin:0 0 0.417rem 0;}


    /*.visual_wrap { height:40.8333rem; padding-bottom:0; background-posit ion:50% 0; background-size:cover }
    .visual_wrap .txt_main_visual { top:14.5833rem }
    .visual_wrap .txt_main_visual .txt_inner { width:100% }
    .visual_wrap .txt_main_visual .main_title { text-align:center; font-size:2.916rem; line-height:1.285 }
    .visual_wrap .txt_main_visual .main_title img { max-width:15.5833rem }
    .visual_wrap .txt_main_visual .main_title .mob_none { display:none }
    .visual_wrap .txt_main_visual .main_title .mob_block { display:block }
    .visual_wrap .txt_main_visual .desc { text-align:center; font-size:1.25rem; line-height:1.6; margin:1.25rem 0 }
    .visual_wrap .txt_main_visual .btn_wrap { margin:1.5rem 1.25rem 0 }
    .visual_wrap .txt_main_visual .btn_wrap .btn { width:49.2%; max-width:12.916rem; height:3.75rem; font-size:1rem; line-height:3.75rem; margin:0 0.2083rem }
    .visual_wrap .txt_main_visual .btn_wrap .floatingBanner { width:49.2%; max-width:12.916rem; height:3.75rem; margin:0 0.2083rem }
    .visual_wrap .txt_main_visual .btn_wrap .floatingBanner .btn { margin:0 0.2083rem }
    .visual_wrap .txt_main_visual .btn_wrap .btn_grd_yellow { margin:0 0.4166rem }
    .visual_wrap .video_wrap { display:none }
    .visual_wrap .video_wrap video { display:none; right:auto; bottom:auto; left:50%; top:50%; transform:translate(-50%, -50%); width:auto }
    .visual_wrap .btn_play { width:2.416rem; height:2.916rem; background-size:33.33rem 33.33rem; background-position:-30.833rem -7.5rem }*/
    .news_wrap .inner_sec { padding:2.2916rem 0;}
    .news_list { max-height:32.8rem; padding:0 2.291rem; box-sizing:border-box }
    .news_list .owl-stage-outer { padding:0 }
    .news_list .news_item .label_area .tag_label { font-size:0.9166rem; height:1.875rem; line-height:1.875rem; padding:0 1rem; min-width:6.25rem }
    .news_list .news_item .icon { top:13.75rem; width:4.041rem; height:4.041rem; margin:-2.02rem 0 0 -2.02rem }
    .news_list .news_item .icon:before { background-size:66.666rem 66.666rem }
    .news_list .news_item .icon.ico_1:before { width:1.25rem; height:1.416rem; background-position:-3.791rem 0 }
    .news_list .news_item .icon.ico_2:before { width:1.25rem; height:1.375rem; background-position:-7.166rem 0 }
    .news_list .news_item .icon.ico_3:before { width:1.333rem; height:1.416rem; background-position:-5.5rem 0 }
    .news_list .news_item .icon.ico_4:before { width:1.416rem; height:1.416rem; background-position:-5.0416rem -53.875rem }
    .news_list .news_item .icon.ico_5:before { width:1.833rem; height:1.666rem; background-position:-6.8333rem -53.875rem }
    .news_list .news_item .row { height:auto; padding:2.8333rem 1.458rem 1.75rem; box-sizing:border-box }
    .news_list .news_item .row:before { display:none }
    .news_list .news_item .title_area { max-height:3.1rem }
    .news_list .news_item strong.title { max-height:3.1rem; font-size:1.291rem; line-height:1.2 }
    .news_list .news_item .desc_area { height:2.5rem; margin-top:0.75rem }
    .news_list .news_item span.desc { font-size:0.875rem; line-height:1.42 }
    .news_list .news_item span.desc:after { margin-top:0.6em }
    .news_list .news_item .date { font-size:0.8333rem; margin-top:1rem }
    .news_list.owl-carousel .owl-item.active.center { transform:translateY(0); box-shadow:none }
    .news_list.owl-carousel .owl-item.active.center .news_item a { background-color:#201c1b }
    .news_list.owl-carousel .owl-item.active.center .news_item span.desc:after { background-color:#201c1b }
    .news_list button[role="presentation"].owl-next,
    .news_list button[role="presentation"].owl-prev { width:3.541rem; height:3.541rem; margin-top:-1.77rem; top:50%;}
    .news_list button[role="presentation"]:before { background-size:33.333rem 33.333rem }
    .news_list button[role="presentation"].owl-prev { left:0; background-color:transparent }
    .news_list button[role="presentation"].owl-prev:before { width:1.216rem; height:1.216rem; border-left:2px solid #a39173; border-top:2px solid #a39173 }
    .news_list button[role="presentation"].owl-next { right:0; background-color:transparent }
    .news_list button[role="presentation"].owl-next:before { width:1.216rem; height:1.216rem; border-left:2px solid #a39173; border-top:2px solid #a39173 }
    .news_list.col3 .news_item { width:100% }
    .news_list .owl-dots { display:none; }
    /*.event_section { height:auto; background-image:url(../../img/portal/main/m_main_event_section_bg.jpg) }
    .event_section > .inner { max-width:630px }
    .event_section .event_ban { margin-bottom:0.833rem }
    .event_section .event_ban > a { height:10.8333rem; padding:2.5rem 2.0833rem }
    .event_section .event_ban > a .mob_block { display:block }
    .event_section .event_ban > a:before { left:-0.33rem; top:-0.33rem; width:4.4166rem; height:4.4166rem; -webkit-background-size:cover; background-size:cover }
    .event_section .event_ban > a .title_wrap .desc { font-size:1rem; margin-bottom:0.5833rem }
    .event_section .event_ban > a .title_wrap .title { font-size:1.5rem }
    .event_section .title_wrap:after { width:3.625rem; height:0.458rem; margin-top:1.0833rem }
    .event_section .event_list li { float:none; width:100%; margin:0.833rem 0 0 }
    .event_section .event_list li a { height:6.66rem; padding:1.25rem }
    .event_section .event_list .title_wrap .title { font-size:1.4166rem; margin-bottom:0.4166rem }
    .event_section .event_list .title_wrap .desc { font-size:0.833rem }
    .event_section .event_list .title_wrap:after { margin:1rem auto 0 }
    .event_section .event_ban01 { background-image:url(../../img/portal/main/m_main_event_section_ban01_bg.jpg) }
    .event_section .event_ban02 { background-image:url(../../img/portal/main/m_main_event_section_ban02_bg.jpg) }
    .event_section .event_ban03 { background-image:url(../../img/portal/main/m_main_event_section_ban03_bg.jpg) }
    .event_section .event_ban04 { background-image:url(../../img/portal/main/m_main_event_section_ban04_bg.jpg) }
    .event_section .event_ban05 { background-image:url(../../img/portal/main/m_main_event_section_ban05_bg.jpg) }*/
    .event_banner_wrap { height: auto; background-color: #2c2f3e }
    .event_banner_wrap .shop_area { float:none; width:100%; transform:translateY(-3.958rem); box-sizing:border-box }
    .event_banner_wrap .shop_area .cash_list { height:auto; padding:0 2.2916rem; box-sizing:border-box }
    .event_banner_wrap .benefit_area { float:none; width:100%; height:auto; margin-top:0.8333rem; transform:translateY(-3.958rem); padding:0 2.2916rem; background-color:#2c2f3e; text-align:left }
    .event_banner_wrap .benefit_area .inner { display:block; width:100%; padding-right:0; max-width:100%; min-width:auto }
    .event_banner_wrap .cash_item { height:18.75rem }
    .event_banner_wrap .cash_item a { display:none }
    .event_banner_wrap .cash_item a.mob_view_item { display:block }
    .event_banner_wrap .shop_area .owl-nav { position:static }
    .event_banner_wrap .shop_area .owl-nav > button[role="presentation"] { position:absolute; top:50%; transform:translateY(-50%); width:3.541rem; height:3.541rem; background-color:#fff }
    .event_banner_wrap .shop_area .owl-nav > button[role="presentation"].owl-prev { left:0 }
    .event_banner_wrap .shop_area .owl-nav > button[role="presentation"].owl-prev:before { width:0.916rem; height:0.916rem; border-left:2px solid #474747; border-top:2px solid #474747 }
    .event_banner_wrap .shop_area .owl-nav > button[role="presentation"].owl-next { right:0; border:1px solid rgba(255, 255, 255, 0.2) }
    .event_banner_wrap .shop_area .owl-nav > button[role="presentation"].owl-next:before { width:0.916rem; height:0.916rem; border-left:2px solid #474747; border-top:2px solid #474747 }
    .event_banner_wrap .shop_area .count_area { display:none }
    .note_gm { float:none; width:100%; background-color:#3c4366 }
    .note_gm a { position:relative; display:box; display:-webkit-box; display:-moz-box; display:-webkit-flex; display:-ms-flexbox; display:-moz-flex; display:-o-flex; display:flex; -webkit-align-items:center; -ms-align-items:center; -moz-align-items:center; -o-align-items:center; align-items:center; -webkit-justify-content:flex-start; -ms-justify-content:flex-start; -moz-justify-content:flex-start; -o-justify-content:flex-start; justify-content:flex-start; -ms-flex-align:center; height:3.333rem; padding:0 1.583rem }
    .note_gm .img_area { display:none }
    .note_gm .desc { position:static; width:100%; height:auto; padding:0 }
    .note_gm .desc:before { left:auto; bottom:auto; right:1rem; top:50%; transform:translate(0, -50%) skewX(55deg); width:3.625rem; height:0.458rem; border-color:#99a2b1 }
    .note_gm .desc strong.title { width:80%; padding:0; font-size:0.958rem; color:#f1f2f8; text-align:left; overflow:hidden; text-overflow:ellipsis; word-wrap:normal; white-space:nowrap }
    .note_gm .desc strong.title:before { display:none }
    .note_gm .desc strong.title:after { display:none }
    .note_gm .desc strong.title br { display:none }
    .benefit_list { float:none; width:100%; margin-top:0.0833rem }
    .benefit_list li { height:auto; margin-top:0.0833rem; background-color:#3c4366 }
    .benefit_list li > a { position:relative; display: box; display:-webkit-box; display:-moz-box; display:-webkit-flex; display:-ms-flexbox; display:-moz-flex; display:-o-flex; display:flex; -webkit-align-items:center; -ms-align-items:center; -moz-align-items:center; -o-align-items:center; align-items:center; -webkit-justify-content:flex-start; -ms-justify-content:flex-start; -moz-justify-content:flex-start; -o-justify-content:flex-start; justify-content:flex-start; -ms-flex-align:center; height:3.333rem; padding:0 1.583rem }
    .benefit_list li > a:before { display:none }
    .benefit_list li > a:after { left:auto; bottom:auto; right:1rem; top:50%; transform:translate(0, -50%) skewX(55deg); width:3.625rem; height:0.458rem; border-right:2px solid #99a2b1; border-bottom:1px solid #99a2b1 }
    .benefit_list li strong.title { width:80%; margin:0; font-size:0.958rem; color:#f1f2f8; text-align:left; overflow:hidden; text-overflow:ellipsis; word-wrap:normal; white-space:nowrap }
    .benefit_list li span.desc { display:none }
    .class_mmorpg_wrap { height:41.66rem; padding:0 1.25rem; background-image:url(../../img/portal/main/m_main_world_class.jpg) }
    .class_mmorpg_wrap h3 { padding-top:3.66rem; font-size:2.291rem; line-height:1.272 }
    .class_mmorpg_wrap h3 span.mob_block { display:block }
    .class_mmorpg_wrap .h3_desc { margin-top:1.666rem; font-size:0.833rem; line-height:1.5 }
    .class_mmorpg_wrap .h3_desc span.mob_block { display:block }
    .class_mmorpg_wrap .h3_desc br { display:none }
    .class_mmorpg_wrap .thumb_nail_area { width:100%; height:auto; margin-top:3.125rem; font-size:0 }
    .class_mmorpg_wrap .thumb_nail_area .big_thumb { position:static; width:100%; height:9.25rem; transform:translate(0, 0) }
    .class_mmorpg_wrap .thumb_nail_area .sml_thumb { display:inline-block; position:static; width:50%; height:9.25rem }
    .class_mmorpg_wrap .thumb_nail_area .sml_thumb img { width:100% }
    .class_mmorpg_wrap .thumb_nail_area .view_movie:after { right:0.5rem; bottom:0.5rem; width:2rem; height:2.416rem; background-size:33.333rem 33.333rem; background-position:-9.375rem -10.125rem }
    .class_mmorpg_wrap .thumb_nail_area .view_img:after { right:0.5rem; bottom:0.5rem; width:2.083rem; height:2.083rem; background-size:33.333rem 33.333rem; background-position:-5.791rem -10.125rem }
    .class_mmorpg_wrap .btn_more { width:11.25rem; height:3.125rem; font-size:0.916rem; line-height:3rem }
    /*.character_wrap { height:45.833rem; background-size:cover }
    .character_list .character_item { background-position:50% 0; background-repeat:no-repeat; background-size:cover }
    .character_list .character_item.character_0 { background-image:url(../../img/portal/main/m_main_character_class_0.jpg) }
    .character_list .character_item.character_4 { background-image:url(../../img/portal/main/m_main_character_class_4.jpg) }
    .character_list .character_item.character_12 { background-image:url(../../img/portal/main/m_main_character_class_12.jpg) }
    .character_list .character_item.character_31 { background-image:url(../../img/portal/main/m_main_character_class_31.jpg) }
    .character_list .character_item.character_24 { background-image:url(../../img/portal/main/m_main_character_class_24.jpg) }
    .character_list .character_item.character_16 { background-image:url(../../img/portal/main/m_main_character_class_16.jpg) }
    .character_list .character_item.character_27 { background-image:url(../../img/portal/main/m_main_character_class_27.jpg) }
    .character_list .character_item.character_19 { background-image:url(../../img/portal/main/m_main_character_class_19.jpg) }
    .character_list .character_item.character_8 { background-image:url(../../img/portal/main/m_main_character_class_8.jpg) }
    .character_list .character_item.character_20 { background-image:url(../../img/portal/main/m_main_character_class_20.jpg) }
    .character_list .character_item.character_28 { background-image:url(../../img/portal/main/m_main_character_class_28.jpg) }
    .character_list .character_item.character_25 { background-image:url(../../img/portal/main/m_main_character_class_25.jpg) }
    .character_list .character_item.character_26 { background-image:url(../../img/portal/main/m_main_character_class_26.jpg) }
    .character_list .character_item.character_23 { background-image:url(../../img/portal/main/m_main_character_class_23.jpg) }
    .character_list .character_item.character_11 { background-image:url(../../img/portal/main/m_main_character_class_11.jpg) }
    .character_list .character_item.character_29 { background-image:url(../../img/portal/main/m_main_character_class_29.jpg) }
    .character_list .character_item.character_21 { background-image:url(../../img/portal/main/m_main_character_class_21.jpg) }
    .character_list .character_item.character_17 { background-image:url(../../img/portal/main/m_main_character_class_17.jpg) }
    .character_list .character_item.character_5 { background-image:url(../../img/portal/main/m_main_character_class_5.jpg) }
    .character_wrap.character_0 { background-image:url(../../img/portal/main/m_main_character_class_0.jpg) }
    .character_wrap.character_4 { background-image:url(../../img/portal/main/m_main_character_class_4.jpg) }
    .character_wrap.character_12 { background-image:url(../../img/portal/main/m_main_character_class_12.jpg) }
    .character_wrap.character_31 { background-image:url(../../img/portal/main/m_main_character_class_31.jpg) }
    .character_wrap.character_24 { background-image:url(../../img/portal/main/m_main_character_class_24.jpg) }
    .character_wrap.character_16 { background-image:url(../../img/portal/main/m_main_character_class_16.jpg) }
    .character_wrap.character_27 { background-image:url(../../img/portal/main/m_main_character_class_27.jpg) }
    .character_wrap.character_19 { background-image:url(../../img/portal/main/m_main_character_class_19.jpg) }
    .character_wrap.character_8 { background-image:url(../../img/portal/main/m_main_character_class_8.jpg) }
    .character_wrap.character_20 { background-image:url(../../img/portal/main/m_main_character_class_20.jpg) }
    .character_wrap.character_28 { background-image:url(../../img/portal/main/m_main_character_class_28.jpg) }
    .character_wrap.character_25 { background-image:url(../../img/portal/main/m_main_character_class_25.jpg) }
    .character_wrap.character_26 { background-image:url(../../img/portal/main/m_main_character_class_26.jpg) }
    .character_wrap.character_23 { background-image:url(../../img/portal/main/m_main_character_class_23.jpg) }
    .character_wrap.character_11 { background-image:url(../../img/portal/main/m_main_character_class_11.jpg) }
    .character_wrap.character_29 { background-image:url(../../img/portal/main/m_main_character_class_29.jpg) }
    .character_wrap.character_21 { background-image:url(../../img/portal/main/m_main_character_class_21.jpg) }
    .character_wrap.character_17 { background-image:url(../../img/portal/main/m_main_character_class_17.jpg) }
    .character_wrap.character_5 { background-image:url(../../img/portal/main/m_main_character_class_5.jpg) }*/
    /*.classes { top:4.916rem; transform:translate(-50%, 0); width:100%; padding:0 2.2916rem; box-sizing:border-box }
    .classes h3 { font-size:2.708rem; line-height:1 }
    .classes .h3_desc { font-size:0.833rem; line-height:1.5 }
    .classes .btn_more { width:6.041rem; height:1.875rem; margin-top:1.083rem }
    .classes .btn_more:before { bottom:auto; top:50%; width:2.833rem; height:0.458rem; transform:translate(-50%, -50%) skewX(55deg); background-color:transparent; border-right:2px solid #fff; border-bottom:1px solid #fff }
    .character_list .owl-nav button[role="presentation"] { width:3.541rem; height:3.541rem; background-color:#40373c }
    .character_list .owl-nav button[role="presentation"].owl-prev { left:0 }
    .character_list .owl-nav button[role="presentation"].owl-prev:before { left:55%; width:0.916rem; height:0.916rem; border-left:2px solid #fff; border-top:2px solid #fff }
    .character_list .owl-nav button[role="presentation"].owl-next { right:0 }
    .character_list .owl-nav button[role="presentation"].owl-next:before { left:45%; width:0.916rem; height:0.916rem; border-left:2px solid #fff; border-top:2px solid #fff }
    .character_wrap .btn_wrap a { width:3.541rem; height:3.541rem; background-color:#40373c }
    .character_wrap .btn_wrap a.btn_prev { left:0 }
    .character_wrap .btn_wrap a.btn_prev:before { left:55%; width:0.916rem; height:0.916rem; border-left:2px solid #fff; border-top:2px solid #fff }
    .character_wrap .btn_wrap a.btn_next { right:0 }
    .character_wrap .btn_wrap a.btn_next:before { left:45%; width:0.916rem; height:0.916rem; border-left:2px solid #fff; border-top:2px solid #fff }
    .character_wrap .thumb_nail_area { left:0; bottom:3.541rem; transform:translate(0, 0); width:100% }
    .character_wrap .thumb_nail_area ul { overflow-x:auto; white-space:nowrap; overflow-y:hidden }
    .character_wrap .thumb_nail_area ul li { float:none; display:inline-block; width:3.416rem; height:3.416rem; margin-top:0; margin-left:0.208rem }
    .character_wrap .thumb_nail_area.type2 { bottom:5%; left:50%; transform:translate(-50%, 0) }
    .character_wrap .thumb_nail_area.type2 ul { display:box; display:-webkit-box; display:-moz-box; display:-webkit-flex; display:-ms-flexbox; display:-webkit-flex; display:-ms-flexbox; display:-moz-flex; display:-o-flex; display:flex; -webkit-align-items:center; -ms-align-items:center; -moz-align-items:center; -o-align-items:center; align-items:center; -webkit-justify-content:center; -ms-justify-content:center; -moz-justify-content:center; -o-justify-content:center; justify-content:center; -ms-flex-align:center; overflow:inherit; white-space:normal; flex-wrap:wrap; padding:0 1.25rem }
    .character_wrap .thumb_nail_area.type2 ul li { margin:0.25rem }
    .character_wrap .thumb_nail_area.type2 ul:after { display:none }
    .character_wrap .thumb_nail_area ul li a:before { background-size:30.25rem 22.583rem }
    .character_wrap .thumb_nail_area ul li a.character_0:before { background-position:0 0 }
    .character_wrap .thumb_nail_area ul li a.character_4:before { background-position:-3.833rem 0 }
    .character_wrap .thumb_nail_area ul li a.character_12:before { background-position:-7.583rem 0 }
    .character_wrap .thumb_nail_area ul li a.character_31:before { background-position:-11.541rem 0 }
    .character_wrap .thumb_nail_area ul li a.character_24:before { background-position:-15.333rem 0 }
    .character_wrap .thumb_nail_area ul li a.character_16:before { background-position:-19.208rem 0 }
    .character_wrap .thumb_nail_area ul li a.character_27:before { background-position:-23rem 0 }
    .character_wrap .thumb_nail_area ul li a.character_19:before { background-position:-26.875rem 0 }
    .character_wrap .thumb_nail_area ul li a.character_8:before { background-position:0 -3.833rem }
    .character_wrap .thumb_nail_area ul li a.character_20:before { background-position:-3.833rem -3.833rem }
    .character_wrap .thumb_nail_area ul li a.character_28:before { background-position:-7.583rem -3.833rem }
    .character_wrap .thumb_nail_area ul li a.character_25:before { background-position:-11.541rem -3.833rem }
    .character_wrap .thumb_nail_area ul li a.character_26:before { background-position:-15.333rem -3.833rem }
    .character_wrap .thumb_nail_area ul li a.character_23:before { background-position:-19.208rem -3.833rem }
    .character_wrap .thumb_nail_area ul li a.character_11:before { background-position:-23rem -3.833rem }
    .character_wrap .thumb_nail_area ul li a.character_29:before { background-position:-26.875rem -3.833rem }
    .character_wrap .thumb_nail_area ul li a.character_21:before { background-position:0 -7.666rem }
    .character_wrap .thumb_nail_area ul li a.character_17:before { background-position:-3.833rem -7.666rem }
    .character_wrap .thumb_nail_area ul li a.character_5:before { background-position:-7.583rem -7.666rem }
    .character_wrap .thumb_nail_area ul li.active a.character_0:before { background-position:0 -11.5rem }
    .character_wrap .thumb_nail_area ul li.active a.character_4:before { background-position:-3.833rem -11.5rem }
    .character_wrap .thumb_nail_area ul li.active a.character_12:before { background-position:-7.583rem -11.5rem }
    .character_wrap .thumb_nail_area ul li.active a.character_31:before { background-position:-11.541rem -11.5rem }
    .character_wrap .thumb_nail_area ul li.active a.character_24:before { background-position:-15.333rem -11.5rem }
    .character_wrap .thumb_nail_area ul li.active a.character_16:before { background-position:-19.208rem -11.5rem }
    .character_wrap .thumb_nail_area ul li.active a.character_27:before { background-position:-23rem -11.5rem }
    .character_wrap .thumb_nail_area ul li.active a.character_19:before { background-position:-26.875rem -11.5rem }
    .character_wrap .thumb_nail_area ul li.active a.character_8:before { background-position:0 -15.333rem }
    .character_wrap .thumb_nail_area ul li.active a.character_20:before { background-position:-3.833rem -15.333rem }
    .character_wrap .thumb_nail_area ul li.active a.character_28:before { background-position:-7.583rem -15.333rem }
    .character_wrap .thumb_nail_area ul li.active a.character_25:before { background-position:-11.541rem -15.333rem }
    .character_wrap .thumb_nail_area ul li.active a.character_26:before { background-position:-15.333rem -15.333rem }
    .character_wrap .thumb_nail_area ul li.active a.character_23:before { background-position:-19.208rem -15.333rem }
    .character_wrap .thumb_nail_area ul li.active a.character_11:before { background-position:-23rem -15.333rem }
    .character_wrap .thumb_nail_area ul li.active a.character_29:before { background-position:-26.875rem -15.333rem }
    .character_wrap .thumb_nail_area ul li.active a.character_21:before { background-position:0 -19.166rem }
    .character_wrap .thumb_nail_area ul li.active a.character_17:before { background-position:-3.833rem -19.166rem }
    .character_wrap .thumb_nail_area ul li.active a.character_5:before { background-position:-7.583rem -19.166rem }
    .character_wrap .thumb_nail_area ul li:nth-child(9n+1) { margin-left:0.208rem }*/
    .video_area video { right:auto; bottom:auto; left:50%; top:50%; transform:translate(-50%, -50%) }
    .multi_media_wrap { height:auto; padding:0 2.2916rem 3.125rem }
    .multi_media_wrap h3 { padding-top:3.5rem; font-size:2.791rem; line-height:1 }
    .multi_media_wrap .h3_desc { margin-top:1rem; font-size:0.875rem; line-height:1.428; letter-spacing:-1px }
    .multi_media_wrap .media_list_area { width:100% }
    .multi_media_wrap .media_list_area .inner { float:none; width:100%; height:auto }
    .multi_media_wrap .media_list_area a { height:10rem }
    .multi_media_wrap .media_list_area a img { display:block; width:100%; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%) }
    .multi_media_wrap .media_list_area a.img_big img { height:auto }
    .multi_media_wrap .media_list_area .thumb { width:49.84%; height:auto; margin-top:0.083rem }
    .multi_media_wrap .media_list_area .thumb:last-child { margin-left:0.31% }
    .multi_media_wrap .media_list_area .thumb.wide { height:auto }
    .multi_media_wrap .media_list_area span.title { left:0.625rem; bottom:0.75rem; font-size:0.708rem; width:80% }
    .multi_media_wrap .media_list_area a.view_img:after { width:2.791rem; height:2.875rem; background-size:33.333rem 33.333rem; background-position:-5.791rem -12.75rem }
    .multi_media_wrap .media_list_area a.view_movie:after { width:2.458rem; height:3.125rem; background-size:33.333rem 33.333rem; background-position:-9.375rem -12.75rem }
    .joinus_wrap { height:auto; padding:4.083rem 0; background-image:url(../../img/portal/main/m_main_join_us.jpg) }
    .joinus_wrap .mob_block { display:block }
    .joinus_wrap .inner { position:static; display:block; width:100%; padding:0 2.2916rem; transform:translate(0, 0); box-sizing:border-box; text-align:center }
    .joinus_wrap .inner h3 { font-size:2.291rem }
    .joinus_wrap .inner .h3_desc { margin-top:0.75rem; font-size:0.791rem }
    .joinus_wrap .inner .btn_wrap { margin-top:1.25rem }
    .joinus_wrap .inner .btn_wrap .btn { width:49.2%; max-width:12.916rem; height:3.75rem; font-size:0.916rem; line-height:3.75rem }
    .joinus_wrap .inner .btn_wrap .btn + .btn { margin-left:1.6% }
    .event_anniversary_wrap { position:relative; height:33.478rem; width:100%; background:url(../../img/portal/main/mo_bg_a_year_anniversary.jpg) center top no-repeat; background-size:cover }
    .event_anniversary_wrap::after,
    .event_anniversary_wrap::before { content:''; display:block; position:absolute; bottom:0; z-index:1; background-position:left top; background-repeat:no-repeat; background-size:cover; pointer-events:none }
    .event_anniversary_wrap::before { left:0; width:7.434rem; height:12.695rem; background-image:url(../../img/portal/main/mo_a_year_anniversary_float_left.png) }
    .event_anniversary_wrap::after { right:0; background-image:url(../../img/portal/main/mo_a_year_anniversary_float_right.png); width:15rem; height:32.304rem }
    .event_anniversary_wrap .inner { height:33.478rem; max-width:31.173rem; background-image:url(../../img/portal/main/mo_event_a_year_anniversary.png) }
    .event_anniversary_wrap .inner article { position:relative; height:100%; width:100% }
    .event_anniversary_wrap .inner article > .btn_link { padding:0; margin:23.043rem auto 0; width:16.913rem; height:3.695rem; background:url(../../img/portal/main/mo_btn_a_year_anniversary.png) left top no-repeat; background-size:cover }
 }
@media only screen and (max-height: 768px) and (min-width: 768px) and (orientation: landscape) {
    .news_list .news_item .row { height:11.708rem }
    .news_list .news_item .icon { top:10.25rem }
    .news_list .news_item strong.title { height:auto; max-height:2.4rem; font-size:1rem }
    .news_list .news_item span.desc { font-size:0.675rem }
 }