@charset "utf-8";
/* font */
@font-face{font-family:'Nanum Gothic';src:local('NanumGothic'),url('https://hangame-images.toastoven.net/hangame/mgostop/gameguide/fonts/NanumGothic.eot#iefix') format('embedded-opentype'),url(https://hangame-images.toastoven.net/hangame/mgostop/gameguide/fonts/NanumGothic.ttf) format('truetype'),url(https://hangame-images.toastoven.net/hangame/mgostop/gameguide/fonts/NanumGothic.woff) format('woff');font-display:swap;font-weight:400;font-style:normal}
@font-face{font-family:'Nanum Gothic';src:local('NanumGothic-Bold'),url('https://hangame-images.toastoven.net/hangame/mgostop/gameguide/fonts/NanumGothic-Bold.eot#iefix') format('embedded-opentype'),url(https://hangame-images.toastoven.net/hangame/mgostop/gameguide/fonts/NanumGothic-Bold.ttf) format('truetype'),url(https://hangame-images.toastoven.net/hangame/mgostop/gameguide/fonts/NanumGothic-Bold.woff) format('woff');font-display:swap;font-weight:700;font-style:bold}
@font-face{font-family:Nanum_Square;src:local('NanumSquareR'),url('https://hangame-images.toastoven.net/hangame/mgostop/gameguide/fonts/NanumSquareR.eot#iefix') format('embedded-opentype'),url(https://hangame-images.toastoven.net/hangame/mgostop/gameguide/fonts/NanumSquareR.ttf) format('truetype'),url(https://hangame-images.toastoven.net/hangame/mgostop/gameguide/fonts/NanumSquareB.woff) format('woff');font-display:swap;font-weight:400;font-style:normal}
@font-face{font-family:Nanum_Square;src:local('NanumSquareB'),url('https://hangame-images.toastoven.net/hangame/mgostop/gameguide/fonts/NanumSquareB.eot#iefix') format('embedded-opentype'),url(https://hangame-images.toastoven.net/hangame/mgostop/gameguide/fonts/NanumSquareB.ttf) format('truetype'),url(https://hangame-images.toastoven.net/hangame/mgostop/gameguide/fonts/NanumSquareB.woff) format('woff');font-display:swap;font-weight:700;font-style:bold}
@font-face{font-family:Nanum_Square;src:local('NanumSquareB'),url('https://hangame-images.toastoven.net/hangame/mgostop/gameguide/fonts/NanumSquareEB.eot#iefix') format('embedded-opentype'),url(https://hangame-images.toastoven.net/hangame/mgostop/gameguide/fonts/NanumSquareEB.ttf) format('truetype'),url(https://hangame-images.toastoven.net/hangame/mgostop/gameguide/fonts/NanumSquareEB.woff) format('woff');font-display:swap;font-weight:800;font-style:bolder}
/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p,table,th,td,form,fieldset,legend,textarea,input,select,textarea,button,i{margin:0;padding:0}
html,body{width:100vw;height:100vh;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch !important}
body,input,textarea,select,button{font-family:'Nanum Gothic',Nanum_Square,AppleSDGothicNeo,HelveticaNeue,sans-serif;font-size:14px;font-weight:400;color:#222;-webkit-text-size-adjust:none;letter-spacing:-.4px;line-height:1.6}
fieldset,li,img{border:0;vertical-align:top}
ul,ol,li{list-style:none}
div,p,strong,em,span{font-family:'Nanum Gothic',Nanum_Square,AppleSDGothicNeo,HelveticaNeue,sans-serif;font-size:16px;line-height:26px;letter-spacing:-.4px}
button{overflow:visible;border:0;background-color:transparent;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}
input,textarea,select,option{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0}
address,caption,em{font-style:normal}
a,a:focus,a:active,a:hover{text-decoration:none}
a{color:inherit}
strong{font-weight:400}
.blind,legend{overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:1px;line-height:999px;white-space:nowrap}
.skip{height:0}
.skip a{display:block;position:absolute;left:0;top:-100px;width:100%;height:25px;text-align:center}
.skip a:focus,.skip a:active{position:absolute;top:0;z-index:200;padding:10px 0;background:#000;font-weight:700;color:#fff;font-size:20px;text-decoration:none}
:after,:before{box-sizing:content-box}
.clear:after{display:block;clear:both;content:''}
/* ==============================
     layout
============================== */
.wrap_all:before,.wrap_all:after,.header .header_inner:before,.header .header_inner:after,.header .header_inner .title:before,.header .header_inner .title:after,.header .header_inner .btn:before{content:'';display:inline-block;background-repeat:no-repeat;background-position:0 0;background-size:100% auto}
.wrap_all{position:relative;}
.wrap_all:before,.wrap_all:after{position:absolute;bottom:0;z-index:-1}
.wrap_all:before{left:0;width:131px;height:108px;background-image:url(https://hangame-images.toastoven.net/hangame/mgostop/gameguide/common/bg_illust_left.png);}
.wrap_all:after{right:0;width:368px;height:212px;background-image:url(https://hangame-images.toastoven.net/hangame/mgostop/gameguide/common/bg_illust_right.png);}
.header{display:none;position:sticky;min-width:320px;top:0;left:0;right:0;z-index:100;box-sizing:border-box;border-bottom:#05b13f;background-color:#47cc50}
.header .header_inner{position:relative;text-align:center;height:46px;background-image:url(https://hangame-images.toastoven.net/hangame/mgostop/gameguide/common/object_left.png),url(https://hangame-images.toastoven.net/hangame/mgostop/gameguide/common/object_right.png);background-size:79px 42px;background-position:24.5% 100%,75.5% 100%;background-repeat:no-repeat}
.header .header_inner .title{position:relative;display:inline-block;margin:0 auto;height:46px}
.header .header_inner .title img{width:auto;height:50%;-webkit-transform:translateY(50%);transform:translateY(50%)}
.header .header_inner .title:before,.header .header_inner .title:after{width:21px;height:21px;vertical-align:middle;-webkit-transform:translateY(38%);transform:translateY(38%)}
.header .header_inner .title:before{margin-right:7px;background-image:url(https://hangame-images.toastoven.net/hangame/mgostop/gameguide/common/flower_left.png)}
.header .header_inner .title:after{margin-left:7px;background-image:url(https://hangame-images.toastoven.net/hangame/mgostop/gameguide/common/flower_right.png)}
.header .header_inner .title.v2:before, .header .header_inner .title.v2:after{background-image:none}
.header .header_inner .btn{position:absolute;width:47px;height:46px;top:0}
.header .header_inner .btn:before{width:25px;height:25px;background-size:25px auto}
.header .header_inner .btn.btn_prev{left:0;left:constant(safe-area-inset-left);left:env(safe-area-inset-left);}
.header .header_inner .btn.btn_close{right:0;right:constant(safe-area-inset-right);right:env(safe-area-inset-right);}
.header .header_inner .btn.btn_prev:before{float:left;margin-left:11px;background-image:url(https://hangame-images.toastoven.net/hangame/mgostop/gameguide/common/btn_back.png)}
.header .header_inner .btn.btn_close:before{float:right;margin-right:11px;margin-top:10px;background-image:url(https://hangame-images.toastoven.net/hangame/mgostop/gameguide/common/btn_close.png)}
.content_wrap{position:relative;min-width:320px;min-height:calc(100vh - 270px - 46px);padding:0 0 270px;}
.content_wrap .sec{padding:44px 37px;padding:44px calc(constant(safe-area-inset-right) + 37px) 44px calc(constant(safe-area-inset-left) + 37px); padding:44px calc(env(safe-area-inset-right) + 37px) 44px calc(env(safe-area-inset-left) + 37px);box-sizing: border-box;}
section:nth-of-type(odd){background-color:#fff}
section:nth-of-type(even){background-color:#f5f7fa}
.breadcrumbs{padding:29px 37px 0;padding:29px calc(constant(safe-area-inset-right) + 37px) 0 calc(constant(safe-area-inset-left) + 37px);padding:29px calc(env(safe-area-inset-right) + 37px) 0 calc(env(safe-area-inset-left) + 37px);box-sizing: border-box;background-color:#fff;font-weight:600}
.breadcrumbs a{position:relative;display:inline-block;color:#606060}
.breadcrumbs a::before {position:relative;top:2px;content: '';display:inline-block;width:20px;height:19px;margin-right:11px;background:url(https://hangame-images.toastoven.net/hangame/mgostop/gameguide/common/icon_home.svg) no-repeat;background-size:20px auto}
.breadcrumbs span{position:relative;color:#a0a0a0}
.breadcrumbs span::after,.breadcrumbs a::after{position:relative;top:1px;content: '';display:inline-block;width:8px;height:12px;margin:0 9px 0 12px;background:url(https://hangame-images.toastoven.net/hangame/mgostop/gameguide/common/icon_arw.svg) no-repeat;background-size:8px auto}
.breadcrumbs span.current{color:#00b200}
.breadcrumbs span.current:after{display:none}
.breadcrumbs + .sec:nth-of-type(1) > .cont_title,.breadcrumbs + .sec > .cont_box > .cont_title,.breadcrumbs + .sec:nth-of-type(1) > .vis,.breadcrumbs + .sec:nth-of-type(1) > .g_list{margin-top:-2px}
/*
.breadcrumbs + .sec > .cont_box:nth-of-type(1) > .cont_text:not(.mb14),.breadcrumbs + .sec.type1 > .cont_box:nth-of-type(1) > .cont_text:not(.mb14){margin-top:-5px}
.breadcrumbs + .sec:nth-of-type(1) > .cont_title + .cont_box > .cont_text{margin-top:initial}
 */
.breadcrumbs + .sec.type1 > .cont_title + .cont_box:nth-of-type(1) > .cont_text{margin-top:14px}
.breadcrumbs + .sec .cont_box .cont_img + .cont_title{margin-top:22px}
.breadcrumbs + .sec:nth-of-type(1) > .rule_title:not(h2){margin-top:-2px}
.breadcrumbs + .sec:nth-of-type(1) .cont_box > div.cont_title {margin-top:-10px}
.breadcrumbs + .sec > .cont_img + .cont_box .cont_title,.breadcrumbs + .sec > .cont_img + h2.cont_title{margin-top:20px}
.breadcrumbs + .sec:nth-of-type(1) > .cont_box + p.cont_text:nth-of-type(1){margin-top:-8px}
.breadcrumbs + .sec:nth-of-type(1) > .cont_box + .cont_img  + .cont_box + p.cont_text {margin-top:inherit}

/* table */
.tbl{border-top:2px solid #d0d4d9;border-bottom:2px solid #d0d4d9;background-color:#fff;max-width:100%}
.tbl .tb_bg{background-color:#e4e8ed}
.tbl .tb_bg2{background-color: #f3f5f8}
.tbl .border_r{border-right: 1px solid #d0d4d9}
.tbl .border_t{border-top: 1px solid #d0d4d9}
.tbl .border_b{border-bottom: 1px solid #d0d4d9}
.tbl table{width:100%;border-collapse:collapse;border-spacing:0}
.tbl thead th{color:#3d444c;font-size:16px;padding:8px 0;font-weight:700;text-align:center;border-left:1px solid #d0d4d9;background-color:#e4e8ed}
.tbl tbody th,.tbl tbody td{padding:6px 10px;color:#5c6366;font-size:16px;text-align:center;border-left:1px solid #d0d4d9}
.tbl tbody th{color:#656c73;font-weight:700}
.tbl thead th:first-of-type,.tbl tbody tr th:first-of-type,.tbl tbody tr td:first-of-type{border-left:0}
.tbl tbody tr th:first-of-type+td{border-left:1px solid #d0d4d9}
.tbl tbody tr:nth-child(even){background-color:#f7f9fb}
.mission tr:first-child td[rowspan],.mission .border_t:nth-child(odd) td[rowspan]{background-color:#f7f9fb}
.btn_link{font-family:'Nanum Gothic';color:#858a8f;display:inline-block;margin-left:5px;font-size:16px;font-weight:700}
.btn_link:before{position:absolute;width:30px;height:24px;border-bottom:1px solid #a9acb0;content:''}
.btn_link.arrow:before{width:58px}
.btn_link.arrow:after{content:'>';position:absolute;font-size:60%;margin-left:5px}
.warn{color:#919499}
.tit{font-weight:700;font-size:1.1em}
/* ==============================
     contents
============================== */
/* guide */
.guide .content_wrap .sec{padding:40px 29px 40px 37px; padding:40px calc(constant(safe-area-inset-right) + 29px) 40px calc(constant(safe-area-inset-left) + 37px); padding:40px calc(env(safe-area-inset-right) + 29px) 40px calc(env(safe-area-inset-left) + 37px)}
.g_title{margin-left:5px;font-family:Nanum_Square;font-weight:800;font-size:19px;color:#289e28}
.g_list{width:100%;margin-top:8px;margin-bottom:17px}
.g_list *{box-sizing:border-box}
.g_list>li{position:relative;float:left;width:20%;padding-right:8px;padding-bottom:8px}
.g_list>li>a{display:block;width:100%;padding:10px;border:1px solid #ccc;border-radius:8px;background:url(https://hangame-images.toastoven.net/hangame/mgostop/gameguide/page/00_bg_btn.png) center right no-repeat #fff;background-size:22px;font-family:'Nanum Gothic';font-weight:700;color:#777;font-size:17px;letter-spacing:-.4px}
.g_list>li.ic-new:after{position:absolute;top:-8px;right:4px;content:'';width:20px;height:22px;background:url(https://hangame-images.toastoven.net/hangame/mgostop/gameguide/page/00_icon_new.png) no-repeat;background-size:20px}
.g_list>li>a .ic-video{position:absolute;top:13px;margin-left:4px;width:20px;height:20px;background:url(https://hangame-images.toastoven.net/hangame/mgostop/gameguide/page/00_icon_video.png) center center no-repeat;background-size:20px}
/* intro */
.intro{max-width:100vw;overflow-x:hidden}
.intro .content_wrap .sec{padding:40px 45px; padding:40px calc(constant(safe-area-inset-right) + 44px) 40px calc(constant(safe-area-inset-left) + 44px); padding:40px calc(env(safe-area-inset-right) + 44px) 40px calc(env(safe-area-inset-left) + 44px);box-sizing:border-box;}
.vis{position:relative;width:100%;overflow:visible}
.ic-intro-appicon{width:60px;margin:10px 0 7px 2px}
.vis .vis_img{position:absolute;top:-32px;width:100%;text-align:right;height:310px;-webkit-transform:translateX(30px);transform:translateX(30px)}
.vis .vis_img img{height:100%}
.vis .vis_txt{font-family:Nanum_Square;font-size:32px;font-weight:800;color:#66686b;letter-spacing:-1px;line-height:1.2}
.vis .vis_txt .green{font-family:Nanum_Square;font-size:32px;color:#00b200}
.vis .vis_txt .sm_txt{font-family:Nanum_Square;display:block;font-size:22px;font-weight:700}
.intro_txt{font-family:'Nanum Gothic';font-size:16px;line-height:21px;font-weight:400;color:#8c8c8c;margin-top:40px}
.intro_txt strong{font-weight:700;letter-spacing:-1px}
.intro_cont .intro_title{position:relative;display:inline-block;font-family:Nanum_Square;margin-bottom:12px;padding:0 10px 0 40px;font-weight:bolder;color:#fff;font-size:17px;height:24px;line-height:24px;background-color:#44d65d}
.intro_cont .intro_title strong{font-family:Nanum_Square;font-size:17px;color:#f5ff8c;font-weight:800}
.intro_cont .intro_title:after{content:'';position:absolute;width:13px;height:24px;background:url(https://hangame-images.toastoven.net/hangame/mgostop/gameguide/page/01_highlighter.png) no-repeat;background-size:cover;margin-top:-1px;margin-left:4px}
.intro_cont .intro_title:before{content:'';position:absolute;top:-18px;left:-10px;width:46px;height:46px;background:url(https://hangame-images.toastoven.net/hangame/mgostop/gameguide/page/01_char_01.png) center center no-repeat;background-size:46px}
.intro_cont .intro_title.char1:before{background:url(https://hangame-images.toastoven.net/hangame/mgostop/gameguide/page/01_char_01.png) bottom center no-repeat;background-size:46px}
.intro_cont .intro_title.char2:before{background:url(https://hangame-images.toastoven.net/hangame/mgostop/gameguide/page/01_char_02.png) bottom center no-repeat;background-size:43px}
.intro_cont .intro_title.char3:before{background:url(https://hangame-images.toastoven.net/hangame/mgostop/gameguide/page/01_char_03.png) bottom center no-repeat;background-size:45px}
.intro_cont .intro_desc{font-size:16px;font-weight:400;color:#1a1818;margin-bottom:28px}
.intro_cont .intro_desc_lst>li{position:relative;padding-left:48px;box-sizing:border-box}
.intro_cont .intro_desc_lst>li>strong{position:absolute;left:0;width:48px;font-weight:700}
.intro_cont .intro_desc_lst span{color:#00b200}
/* rule */
.rule_img{width:100%; max-width:50vw; margin-bottom:20px}
.rule_img img{width:100%}
.rule_title{font-family:Nanum_Square;font-size:21px;font-weight:800;color:#00b200;letter-spacing:-1px;margin-bottom:20px}
.rule_text{font-family:'Nanum Gothic';font-size:16px;font-weight:400;margin-bottom:14px}
.sec .rule_text:last-child{margin-bottom:0}
.rule_box .txt{font-family:'Nanum Gothic';font-size:16px}
.rule_box,.rule_box2{width:100%}
.rule_box.rule_box2>div,.rule_box.rule_box2 .txt,.rule_box.rule_box2 .img{float:left;width:50%;box-sizing:border-box}
.rule_box.rule_box2 .txt{padding-left:20px}
.rule_box.rule_box2 .txt p{margin-bottom:14px}
.rule_box.rule_box2 .txt p:last-child{margin-bottom:0}
.rule_box.rule_box2 .img img,.rule_box .img img{width:100%; max-width:50vw;}
.rule_box .tit{font-weight:700;margin-bottom:14px}
.rule_box .img,.rule_box .img2{margin-bottom:20px;width:100%}
.rule_box .img2{width:auto;height:78px}
.rule_box .img2.row2{width:auto;height:156px}
.rule_box .img2 img{height:100%;width:auto}
.cal .rule_title{margin-bottom:30px}
.cal_box{position:relative;font-family:'Nanum Gothic';font-size:16px;font-weight:400}
.cal_box p{margin-bottom:14px}
.cal_box2 p:last-child{margin-bottom:28px}
.cal_box .ex{padding-left:24px}
.cal_box .ex em{position:absolute;left:0}
.gr{color:#919499;margin-bottom:0;padding-left:20px}
.gr:before{position:absolute;content:'※';width:20px;height:20px;-webkit-transform:translateX(-20px);transform:translateX(-20px)}
.highlight{display:inline-block;padding:3px 6px;background-color:#fff9ea;color:#ffa500;font-weight:700}

/* text color */
.text_green {color:#00b200}
/* contents */
.cont_box{width:100%}
.cont_title{font-family:Nanum_Square;font-size:21px;font-weight:800;color:#00b200;margin:0 0 6px 0}
.storage .cont_title{margin-top:20px}
.cont_text{font-family:'Nanum Gothic';font-size:16px;font-weight:400;margin-top:14px}
.cont_box .tit{font-weight:700;margin-bottom:10px}
.cont_img{width:100%;max-width:1126px}
.cont_img img{width:100%}
.cont_img.fit{display:inline-flex;max-width:100%}
.cont_img.fit_center{display:flex;width:fit-content;margin-left:auto;margin-right:auto}
.cont_img.fit img{width:auto;height:auto;max-width:100%;object-fit:contain}
.cont_img2{max-width:100%;margin-bottom:20px}
.cont_img2 img{max-width:100%}
.cont_small_img{width:100%;max-width:1126px}
.cont_small_img img{width:26%}
.cont_box .pin{font-family:'Nanum Gothic';font-size:16px;font-weight:400;padding-left:10px;color:#656565}
.cont_box .pin:before{content:'-';position:absolute;width:10px;height:10px;-webkit-transform:translateX(-10px);transform:translateX(-10px)}
.game_money .cont_box{margin-bottom:40px}
.game_money .cont_box:last-child{margin-bottom:0}
.game_money .cont_title{margin:0 0 30px 0}
.game_money .cont_title:nth-child(2){margin:20px 0}
.charge .cont_text:nth-child(1){margin-top:20px}
.charge .cont_text:nth-child(2){margin-top:25px}
.store .cont_box{margin-top:20px}
.store .cont_box{margin-top:14px}
.storage .cont_box .tit{margin-top:10px}
.friend .cont_box{margin-bottom:40px}
.friend .cont_title{margin:20px 0 30px 0}
.friend .cont_box .tit{margin:0}
.mplus .cont_title{margin:0 0 20px 0}
.vip .cont_title{letter-spacing:-1px}
.game_desc>dt{font-size:16px;line-height:30px;font-weight:bold}
.game_desc>dd{margin-bottom:10px}
.num_list li{margin:15px 0}
.num_list .game_desc{margin:5px 18px}
.num_list .game_desc dd{margin-bottom:5px}
.num_list .game_desc dd:before{content:'- '}
.cont_notice{margin:0 0 0 27px;color:#ffa500}
.circle_list{margin-bottom:15px}
.circle_list li{position:relative;margin:5px 0;padding-left:20px}
.circle_list li em.num {position:absolute;left:0;top:0}
dd.indent{margin-left:1px}
dd.indent::before{content:'' !important}
.basic_list li{margin:4px 0 0}
.indent_list .game_desc{margin:0}
.indent_list .game_desc dt{margin:0 0 5px}
.indent_list .game_desc dd{position:relative;margin:0 18px 5px;padding-left:9px}
.indent_list .game_desc dd:before{position:absolute;left:0;top:0; content:'- '}
.indent_list > li{margin:15px 0 20px}

/* tbl+페이지번호 */
.table_division_color {background-color: #f7f9fb}
.tbl{width:100%;margin-top:20px}
.cont_box:has(h4) + .tbl.tbl0304{margin-top:10px}
.tbl.tbl0301{max-width:640px;white-space:nowrap}
.tbl.tbl0302 tbody tr td:last-child{text-align:left;border-left:1px solid #d0d4d9}
.tbl.tbl0302 tbody tr th:nth-child(1){width:40px}
.tbl.tbl0302 tbody tr th:nth-child(2){width:120px;white-space:nowrap}
.tbl.tbl0303{max-width:330px;margin-bottom:40px;white-space:nowrap}
.tbl.tbl0303_2{max-width:750px}
.tbl.tbl0304{max-width:860px}
.tbl.tbl0304 thead tr th span{font-size:.85em}
.tbl.tbl0305{max-width:860px;}
.tbl.tbl0305 table{float:left;width:50%}
.tbl.tbl0305 table:first-child{border-right:1px solid #d0d4d9}
.tbl.tbl0305 thead tr:first-child th{border-bottom:1px solid #d0d4d9;white-space:nowrap}
.tbl.tbl0305 thead tr:first-child th:first-child{border-bottom:none}
.tbl.tbl0305 tbody tr td{text-align:right;padding:6px 14px;font-weight:700}
.tbl.tbl0305 tbody tr th{font-weight:400}
.tbl.tbl0306{max-width:860px}
.tbl.tbl0306 thead tr th span{font-size:.85em}
.tbl.tbl0306 tbody tr td{text-align:left;}
.tbl.tbl0306 tbody tr td:last-child{text-align:center;}
.tbl.tbl0311{max-width:660px;white-space:nowrap}
.content_wrap .tbl.last {margin-bottom:120px}
/* detail */
.italic{font-size:inherit;font-style:italic}
.green{color:#00b200}
.orange{color:#ffa500}
.red{color:red}
.blue{color:#4070ff}
.bold{font-weight:700}
.bolder{font-weight:bolder}
.m0{margin:0}
.mb14{margin-bottom:14px}
.mb20{margin-bottom:20px}
.mb30{margin-bottom:30px}
.mt30{margin-top:30px}
.mt20{margin-top:20px}
.mt10{margin-top:10px}
.mb-10{margin-bottom:-10px}
.small_img img{width:80% !important}
.underline { text-decoration: underline}
.underline-red { text-decoration: underline;text-decoration-color: red;text-underline-offset : 5px;}
.odds-view{position:relative;color:#4070ff}
.odds-view::before{position:absolute;left:0;bottom:-4px;width:95%;height:2px;background-color:#4070ff;content: ''}
.odds-view::after{position:relative;top:3px;display:inline-block;width:10px;height:15px;margin:0 5px;background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2010%2014%22%3E%3Cdefs%3E%3Cstyle%3E.b%7Bisolation%3Aisolate%3B%7D.c%7Bfill%3A%234070ff%3Bstroke-width%3A0px%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22a%22%20class%3D%22b%22%3E%3Cpath%20class%3D%22c%22%20d%3D%22M8.732%2C7.536l-5.435%2C4.566c-.384.322-.954.27-1.275-.117-.321-.387-.27-.963.114-1.287l4.6-3.864L2.136%2C2.969c-.381-.323-.433-.895-.115-1.282.319-.389.89-.443%2C1.276-.122l5.435%2C4.566c.042.035.08.074.115.115.321.388.27.964-.115%2C1.288Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-size:10px auto;content: ''}
.goto_page{color:#4070ff;text-decoration: underline !important;text-underline-offset : 5px}
.keep{word-break:keep-all}
.bg_w{background-color:#fff !important}
/* ==============================
     device
============================== */
@media (max-width:1279px){
     .content_wrap{min-height:calc(100vh - 135px - 46px);padding:0 0 290px}
     .g_list>li{width:33.33333%}
     .vis .vis_img{top:-16px;text-align:left;padding-left:320px;height:176px;-webkit-transform:translateX(-10px);transform:translateX(-10px)}
     .rule_box .img2{height:auto}
     .rule_box .img2.row2{height:auto}
     .rule_box .img2 img{width:50%;height:auto}
     .rule_box .img2.w1{width:55%}
     .rule_box .img2.w2{width:100%}
     .rule_box .img2.w3{width:33%}
     .rule_box .img2.w4{width:100%}
     .rule_box .img2.w5{width:100%}
     .rule_box .img2.w6{width:33%}
     .rule_box .img2.w7{width:22%}
     .rule_box .img2.w8{width:11%}
     .content_wrap .tbl.last {margin-bottom:80px;}
}
@media (max-width:799px){
     .rule_box.rule_box2>div,.rule_box.rule_box2 .txt,.rule_box.rule_box2 .img{float:none;width:100%}
     .rule_box.rule_box2 .img{margin-bottom:20px}
     .rule_box.rule_box2 .txt{padding-left:0}
     .content_wrap{padding:0 0 290px;}
}
@media (max-width:719px){
     .vis .vis_img{position:static;top:0;left:0;padding-left:0;width:100%;height:auto}
     .vis .vis_img img{width:100%;height:auto;left:0;-webkit-transform:translateX(-5%);transform:translateX(-5%)}
     .ic-intro-appicon{margin-top:0}
     .intro_txt{margin-top:0}
     .tbl.tbl0305 thead th{font-size:14px;padding:0;line-height:34px}
     .tbl.tbl0305 tbody tr th,.tbl.tbl0305 tbody tr td{font-size:14px;padding:0 8px;line-height:28px}
}
@media (max-width:639px){
     .wrap_all:before{left:0;bottom:0;width:20%;background-image:url(https://hangame-images.toastoven.net/hangame/mgostop/gameguide/common/bg_illust_left.png);background-position:bottom}
     .wrap_all:after{right:0;bottom:0;width:55%;background-image:url(https://hangame-images.toastoven.net/hangame/mgostop/gameguide/common/bg_illust_right.png);background-position:bottom}
     .g_list>li{width:50%}
     .g_list>li.first{width:100%}
     .g_list>li>a{font-size:14px;padding:6px 10px;background-size:18px}
     .intro_cont .intro_title{font-size:.9em;white-space:nowrap}
     .tbl{width:100%;overflow-x:auto}
     .tbl span,p.gr{font-size:12px}
     .tbl thead th{font-size:12px;padding:0;line-height:30px}
     .tbl tbody th,.tbl tbody td{font-size:12px;padding:0 8px;line-height:26px}
     .tbl.tbl0302 tbody tr th:nth-child(1){width:6%;min-width:24px;padding:5px}
     .tbl.tbl0302 tbody tr th:nth-child(2){width:18%;white-space:nowrap}
     .tbl.tbl0302 tbody tr td{padding:4px 6px;line-height:1.4}
     .tbl.tbl0304 thead tr th,.tbl.tbl0304 tbody tr td,.tbl.tbl0304 tbody tr th{font-size:11px;line-height:1.1;padding:4px}
     .tbl.tbl0304 thead tr th{line-height:1.1}
     .tbl.tbl0304 thead tr th span{display:inline-block}
     .tbl.tbl0305 thead th{font-size:12px;padding:0;line-height:30px}
     .tbl.tbl0305 tbody tr th,.tbl.tbl0305 tbody tr td{font-size:12px;padding:0 7px;line-height:26px}
     .content_wrap .tbl.last {margin-bottom:60px;}
}
@media (max-width:480px){
     .rule_box.rule_box2 .img img,.rule_box .img img, .rule_img{width:100%; max-width:100%}
     .tbl.tbl0305 table{float:none;width:100%}
     .tbl.tbl0305 table:first-child{border-right:none}
     .tbl.tbl0305 table:last-child thead{overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:1px;line-height:999px;white-space:nowrap}
     .content_wrap .tbl.last {margin-bottom:40px;}
}
@media (max-width:380px){
     .tbl.tbl0304 thead tr th,.tbl.tbl0304 tbody tr td,.tbl.tbl0304 tbody tr th{font-size:10px}
     .tbl.tbl0311 thead tr th,.tbl.tbl0311 tbody tr td,.tbl.tbl0311 tbody tr th{font-size:10px;padding:2px 4px}
}
@media (max-width:320px){
     .g_list>li>a{font-size:12px;padding:6px;background-size:17px}
}

/* IE9,10 */
@media screen and (min-width:0\0){
     .header{position:fixed}
     .content_wrap{padding-top:46px}
}

/* IE8 */
@media \0screen {
     .header{position:fixed}
     .content_wrap{padding-top:46px}
}