.marketing{
  position: relative;
  clear: both;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  text-align:center;
  background-color: #fff;
}
.trembg{
  clear: both;
  top: 12.44vw;
  padding: 4vw 2vw 4vw 1vw;
  box-sizing: border-box;
  border-top: 2px solid #eee;
  background-color: #fff;
  color: #3b436d;
  text-align: left;
  word-break: keep-all;
  z-index: 99;
  transition: all .4s;
}
.trem_tab{
  clear: both;
  position: relative;
  width: 90.31vw;
  margin: 0vw auto 0.53vw;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(28.44vw, auto));
  column-gap: 2.31vw;
}
.trem_tab > a {
  display: inline-block;
  font-size: 3.73vw;
  font-weight: normal;
  line-height: 5.8vw;
  color: #000;
  text-align: left;
  word-break: keep-all;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: right bottom, left top;
  background-size: contain;
  padding: 4vw 0 4vw 4vw;
  box-sizing: border-box;
  overflow: hidden;
  border-radius: 3vw;
  box-shadow: 0px 2px 7px rgb(0, 0, 0, 15%);
}
.trem_tab > a:nth-child(4){
    margin-top:4vw;
}

.trem_tab > a.active {
    color: #fff;
    background-color: #da3835;
}
.trem_tab > a > span {
    display: block;
    font-size: 4.50vw;
    font-weight: 500;
}
.trem_tab > a > span.smm {
    display: block;
    font-size: 3.60vw;
}

.trembg.affixx {
    clear: both;
    position: fixed;
    top: 0;
    left:0;
    padding: 0vw 2vw 3vw 1vw;
    box-sizing: border-box;
    border-top: 0px solid #fff;
    background-color: #fff;
    color: #000;
    text-align: center;
    word-break: keep-all;
    z-index: 99;
    /*transition: all .4s;*/
    width: 100%;
    height: 11vw !impotant;
    overflow: hidden;
}
.trembg.affixx > .trem_tab > a.active {
    color: #fff;
    font-weight: bold;
    
}
.trembg.affixx > .trem_tab > a {
    display: inline-block;
    font-size: 3.2vw;
    font-weight: normal;
    line-height: 4.8vw;
    color: #000;
    text-align: center;
    word-break: keep-all;
    background-size: contain;
    padding: 1.5vw 2vw;
    box-sizing: border-box;
    box-shadow: none;
    height: 13vw;
    border-radius: 0vw;
    border: 0px solid red;
}
.trembg.affixx > .trem_tab > a > span {
    display: inline;
    font-size: 3.5vw;
}
.trembg.affixx > .trem_tab > a > span.smm {
    display: inline;
    font-size: 3.5vw;
    padding-left: 0.5vw;
}
.page-header{
  padding: 3vw;
}
.well{
  
}
button {
    margin: 0;
    padding: 0;
    border: none;
    background: none;
}
select {
    width: 100%;
    height: 10.67vw;
    padding: 0 0.55em;
    border: 2px solid #666;
    border-radius: 2vw !important;
    line-height: 10.67vw;
    background: #fff url(/common/images/btn-select_fix.png) no-repeat 95% center;
    background-size:6%;
    font-size: 3.56vw;
    color: #333;
    line-height: 11.56vw;
}
select.standard {
    width: 100%;
    height: 10.67vw;
    position: relative;
    border: 2px solid #666;
    border-radius: 2vw;
    padding-left: 4.62vw;
    font-size: 3.56vw;
    color: #333;
    line-height: 10.67vw;
    font-weight: normal;
}
option {
    font-weight: normal;
    display: block;
    white-space-collapse: collapse;
    text-wrap: nowrap;
    min-height: 1.2em;
    padding: 0px 2px 1px;
}
#contents, .contents {
    position: relative;
    clear: both;
    box-sizing: border-box;
    width: 90.31vw;
    margin: 0 auto;
    background-color: #fff;
}
input, textarea, select, button {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    margin: 0;
    padding: 0;
    vertical-align: middle;
    /* font-family: 'GmarketSansMedium'; */
    font-weight: normal;
}
.scrollup.topest {
    z-index: 1020;
    margin-bottom: 10vw;
    transition: all .4s;
}
.scrollup.on {
    display: block;
}
.fadetop {
    -webkit-animation-name: fadetop;
    -webkit-animation-duration: 0.7s;
    animation-name: fadetop;
    animation-duration: 0.7s;
}
.scrollup {
    display: none;
    position: fixed;
    bottom: 23vw;
    right: 4.5vw;
    cursor: pointer;
    z-index: 1000;
    background: #fff url(/common/images/ico_top.png) no-repeat 50% 50%;
    background-size: cover;
    width: 11.38vw;
    height: 11.38vw;
    border-radius: 50%;
    transition: all .4s;
    border: 2px solid #c4c6c8;
    box-shadow: 0px 0px 8px rgb(0, 0, 0, 15%);
    text-indent: -1000em;
    margin: 0;
}
.bottom_cart {
    width: 100%;
    height: 30.51vw;
    box-shadow: 0px -1px 7px rgb(0, 0, 0, 15%);
    box-sizing: border-box;
    background: #fff;
    position: fixed;
    bottom: 0;
    left: 0;
    margin-top: 8.89vw;
    z-index: 1010;
}
.bottom_cart > ul {
    width: 90.31vw;
    margin: 0vw auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 5.33vw 2.31vw 3.47vw;
}
.bottom_cart > ul li:last-child {
    text-align: right;
    flex: 1 1 auto;
    margin-left: 0vw;
}
.bottom_cart > ul li + li {
    margin-left: 0.8vw;
}
.bottom_cart > ul li {
    display: inline-block;
    color: #595959;
    font-size: 3.56vw;
}
.bottom_cart > ul li span.teBlack {
    font-weight: bold;
    color: #000;
    letter-spacing: 0px;
    display: inline-block;
}
.bottom_cart > ul li span.teBlack:nth-child(2) {
    margin-left: 1.8vw;
}
.teBlack {
    color: #000 !important;
}
.btn_detail > button {
    width: 3.73vw;
    height: 3.73vw;
    background-color: #da3835;
    border: 1px solid #505050;
    border-radius: 50%;
    text-align: center;
    margin-top: -0.3vw;
    margin-left: 1.2vw;
    transform: rotate(0deg);
    transition: all .25s;
    font-size: 2.5vw;
    color: #505050;
    line-height: 3.73vw;
    font-weight: bold;
    box-sizing: border-box;
    background: url(/common/images/ico_view.png) no-repeat center center;
    background-size: 1.67vw 1.16vw;
    text-indent: -1000em;
}
.view_cart {
    position: absolute;
    bottom: 30.51vw;
    left: 0;
    right: 0;
    overflow: hidden;
    width: 100%;
    height: 0;
    transition: .5s ease;
    background-color: #fff;
    z-index: 1009;
    border-radius: 7.5vw 7.5vw 0 0;
}
.view_cart.active {
    width: 100%;
    height: 50vw;
    box-shadow: 0px -2px 6px rgb(0, 0, 0, 12%);
}
.cart_list {
    position: relative;
    width: 90.31vw;
    height: 37vw;
    margin: -1vw auto 0;
    padding: 2.5vw 3.5vw 2.5vw;
    overflow-y: auto;
    overflow-x: hidden;
    text-align: left;
    box-sizing: border-box;
    border-radius: 2vw;
    background-color: #f7f9fb;
    border: 1px dotted #dae1e8;
}
.btn_dclose {
    display: inline-block;
    width: 11vw;
    height: 2.31vw;
    margin: 1.8vw auto 0.5vw;
    padding: 3vw;
    background: url(/common/images/cart_close.png) no-repeat center center;
    background-size: 8.09vw 2.31vw;
    opacity: 0.5;
}
.bottom_cart > button {
    width: 90.31vw;
    height: 12.44vw;
    /* margin: 0vw 5vw 0; */
    border-radius: 1.8vw;
    font-size: 4vw;
    background-color: #da3835;
    color: #fff;
    font-weight: normal;
}
.courseList {
    clear: both;
    position: relative;
    width: 90.31vw;
    height: 22.58vw;
    margin: 0vw auto 0;
    padding: 0 3.47vw;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: left;
}
.courseList.nth11{
  border-top:3px solid #c5ccd7;
}
.courseList > dt {
    width: calc(100% - 11.2vw);
    color: #333;
    font-size: 4.27vw;
    font-weight: normal;
}
.courseList > dt input.apply {
    display: inline;
    margin: 0 0 0 1.42vw;
    padding: 0;
    box-sizing: content-box;
    background-color: #0da3f3;
    width: 14.93vw;
    height: 4.44vw;
    color: #ffffff;
    font-size: 2.67vw;
    border-radius: 4.44vw;
    border: 0;
    letter-spacing: -0px;
    line-height: 4.8vw;
    font-weight: normal;
}
.courseList > dt input.endsoon {
    display: inline;
    margin: 0 0 0 1.42vw;
    padding: 0;
    box-sizing: content-box;
    background-color: #fff;
    border:1px solid #d30d0d;
    width: 14.93vw;
    height: 4.44vw;
    color: #ffffff;
    font-size: 2.67vw;
    border-radius: 4.44vw;
    border: 0;
    letter-spacing: -0px;
    line-height: 4.8vw;    
    font-weight: normal;
}
@keyframes blink-smooth {
    to { 
        color : #000;
        background-color: #d30d0d;
    }
}
@keyframes blink {
    50% {
        color:#ffff00;
        background-color: #d30d0d;
    }
}
  
.courseList > dt input.endsoon {
animation: 1.25s blink infinite steps(1); /* 1초 간격으로 무한 반복 */
}
.courseList > dt input.memberover {
    display: inline;
    margin: 0 0 0 1.42vw;
    padding: 0;
    box-sizing: content-box;
    background-color: #f3690d;
    width: 14.93vw;
    height: 4.44vw;
    color: #ffffff;
    font-size: 2.67vw;
    border-radius: 4.44vw;
    border: 0;
    letter-spacing: -0px;
    line-height: 4.8vw;
    font-weight: normal;
}
.switch {
    position: relative;
    display: inline-block;
    height: 4.6vw;
    width: 4.6vw;
    box-sizing: border-box;
}
.switch.lg {
    height: 6.67vw;
    width: 6.67vw;
}
.courseList > dd {
    display: flex;
    justify-content: space-between;
    color: #595959;
    font-size: 3.38vw;
    margin-top: 3.38vw;
    /* background: yellow; */
    font-weight: normal;
}
.courseList > dd > label {
    position: absolute;
    right: 3.47vw;
    top: 8.18vw;
}
.switch input {
    display: none;
}
.courseList > dd span {
    color: #f3690d;
}
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #cacacd;
    background-image: url(/common/images/ico_check.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: cover;
    border: 1px solid #a9a9b0;
    border-radius: 50%;
    /*transition: all .25s;*/
}
.slider:before {
    position: absolute;
    content: "";
    height: 4.6vw;
    width: 4.6vw;
    left: 0px;
    bottom: 0px;
}
input:checked + .slider.lg2 {
    background-color: #da3835;
    background-image: url(/common/images/ico_checklg.png) no-repeat center bottom;
}
input:checked + .slider {
    background: #da3835 url(/common/images/ico_check.png) no-repeat center top;
    background-size: cover;
    border: 1px solid #da3835;
    border-radius: 50%;
    /*transition: all .25s;*/
}
.courseList > dd span.tePrice {
    font-weight: bold;
    color: #f3690d;
    letter-spacing: 0.5px;
}
.fw-normal {
    font-weight: normal !important;
}
.cartnone {
    text-align: center;
    color: #da3835;
    font-size: 3.56vw;
    line-height: 31vw;
    margin: 0vw auto;
    padding: 0.5vw 0 0;
}
.cart_list > dt {
    width: 100%;
    color: #da3835;
    font-size: 3.56vw;
    border-bottom: 0px dashed #dae1e8;
    text-align: left;
    display: inline-block;
    padding-bottom: 0.5vw;
}
.cart_list > dd {
    display: flex;
    flex-wrap: wrap;
    font-size: 3.56vw;
    line-height: 4.44vw;
    color: #505050;
}
.cart_list > dd > button.cart_del {
    word-break: keep-all;
    display: flex;
    align-items: center;
    color: #505050;
    margin-right: 2.5vw;
    margin-bottom: 0vw;
    font-size: 3.56vw;
    line-height: 4.44vw;
}
.cart_list > dd > button.cart_del > span {
    font-size: 3.73vw;
    padding: 0.8vw 1vw 0.8vw 1.5vw;
    color: #8e8c86;
    display: inline-block;
    font-weight: normal;
    line-height: 4.447vw;
}

.headcopy {
    clear: both;
    position: relative;
    padding: 8vw 8.36vw;
    box-sizing: border-box;
    border-top: 2px solid #dce2ea;
    background-color: #edf2fb;
    color: #3b436d;
    text-align: left;
    text-shadow: 0 2px 5px rgba(255, 255, 255, 0.9);
    word-break: keep-all;
}
.headcopy.step {
    padding: 4.98vw 4.8vw 5.51vw 4.8vw;
    min-height: 26.84vw;
}
@media (max-width: 430px) {
    .headcopy {
        border-top-width: 1px;
    }
    .dlList li.mT4 {
        margin-top: 1.3vw;
    }
    .coursecart.nth11 {
        border-top-width: 4px;
    }
    .popTile {
        border-bottom-width: 1px;
    }
    ul.poptxtt li.ptit {
        padding-top: 0.3vw;
    }
    .linepayBox {
        border-width: 2px;
    }
    h3.subtitle2 + p.sub_txt {
        margin-top: 1.52vw;
    }
    button.graysm {
        border-width: 0px;
    }
    dl.join_rule > dt.sm {
        border-bottom-width: 1px;
    }
    dl.join_rule > dt > span {
        margin-top: 0.5vw;
    }
    ul.listtt, p.listtt {
        text-indent: -1.4vw;
    }
}
@media (max-width: 540px) {
    h3.subtitle2 + p.sub_txt {
        margin-top: 2.9vw;
    }
}
@media (max-width: 640px) {
    .dlList li.mT4 {
        margin-top: 2.8vw;
    }
    .coursecart.nth11 {
        border-top-width: 4px;
    }
    .coursecart > dd:last-child > button {
        border-width: 2px;
    }
    .popTile {
        border-bottom-width: 2px;
    }
    .linepayBox {
        border-width: 3px;
    }
    h3.subtitle2 + p.sub_txt {
        margin-top: 2.54vw;
    }
    button.graysm {
    }
    dl.join_rule > dt.sm {
        border-bottom-width: 2px;
    }
    ul.listtt, p.listtt {
        text-indent: -1.4vw;
    }
}
.dlList.fw > li {
    color: #fff;
}
.dlList li.mT4 {
    margin-top: 5.07vw;
}
.headcopy > h3.enroll {
    text-align: center;
    font-size: 3.91vw;
    margin-bottom: 2.84vw;
}
.headcopy > h3 {
    font-size: 4.98vw;
    line-height: 6.22vw;
    letter-spacing: 0;
    color: #3b436d;
    font-weight: normal;
}
.simple-list {
    position: relative;
    width: 100%;
    text-align: left;
    margin: 7.11vw auto 0;
}
.simple-list li {
    margin: 0px;
    font-size: 3.2vw;
    line-height: 4.36vw;
    word-break: keep-all;
    display: inline-block;
    width: 100%;
    display: flex;
    color: #505050;
}
.simple-list li:first-child {
    margin-top: 0;
}
.simple-list.mt0 {
    margin: 0 auto;
    width: 90.31vw;
    border-top: 2px solid #a7b2c5;
    padding: 4.44vw 0 0vw 0.62vw;
}
.simple-list li span.ddott {
    font-size: 4.3vw;
    color: #788498;
    display: inline-block;
    margin-right: 1.25vw;
    font-weight: bold;
}
span.ddott {
    font-size: 4.3vw !important;
    font-weight: bold;
    color: #788498 !important;
    display: inline-block;
    margin-right: 1.25vw;
}

.teRed {
    color: #da3835 !important;
}
.teYell {
    color: #fdffd5 !important;
}
.fw-bold {
    font-weight: bold !important;
}
.infoboxbg {
    width: 100%;
    margin: 0;
    padding: 0;
    min-height: 16.53vw;
    background: linear-gradient(180deg, rgba(237, 242, 251, 1) 0%, rgba(237, 242, 251, 1) 50%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 100%);
}
.infoBox {
    clear: both;
    position: relative;
    width: 90.31vw;
    height: 41.67vw;
    margin: 0vw auto 0;
    padding: 0;
    border-radius: 2.4vw;
    box-shadow: 0px 2px 7px rgb(0, 0, 0, 15%);
    box-sizing: border-box;
    background-color: #da5353;
    overflow: hidden;
}
.infoBox.notflex {
    display: inline-block;
    overflow: visible;
    height: auto;
}
.infoBox.sm {
    height: 21.33vw;
    display: flex
;
    align-items: center;
}
.dlList {
    width: 90.31vw;
    padding: 0 5.69vw;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    box-sizing: border-box;
}
.dlList li {
    display: inline-block;
    font-size: 3.4vw;
    font-weight: normal;
}
.dlList.fw > li.Listcont {
    color: #fff;
    width: 55%;
    font-weight: normal;
}

.dlList.fw > li:nth-child(2n) {
    width: 70%;
    border: 0px solid red;
    font-weight: bold;
    text-align: right;
}

.dlList li.Listcont {
    font-size: 3.91vw;
    color: #000;
    font-weight: bold;
    text-align: right;
    width: 70%;
}
.dlList.fw > li {
    color: #fff;
}
.dlList.fw {
    width: 100%;
}
span.ddott {
    font-size: 4.3vw !important;
    font-weight: bold;
    color: #788498 !important;
    display: inline-block;
    margin-right: 1.25vw;
}
span.ddott.ww {
    color: #c0cef9 !important;
    font-size: 3.5vw !important;
    margin-right: 1.5vw;
}


.coursecart {
    clear: both;
    position: relative;
    width: 90.31vw;
    margin: 0vw auto 0;
    padding: 4.6vw 3.38vw;
    border-bottom: 3px solid #c5ccd7;
    box-sizing: border-box;
    text-align: left;
}
.coursecart.nth11 {
    border-top: 6px solid #c5ccd7;
}
.coursecart > dt {
    width: 100%;
    color: #333;
    font-size: 4.27vw;
    font-weight: normal;
    display: flex;
    align-items: center;
}
.coursecart > dd {
    display: inline-block;
    color: #595959;
    font-size: 3.20vw;
    line-height: 4.89vw;
    margin-top: 3.38vw;
}
.coursecart > dd:last-child {
    display: flex;
    justify-content: flex-end;
}
.switch.norm {
    height: 5.07vw;
    width: 5.16vw;
}
.coursecart > dt > h4 {
    display: inline-block;
    font-size: 4.27vw;
    font-weight: normal;
    margin-top: 0.5vw;
    margin-left: -0.5vw;
}
.coursecart > dt > button {
    position: absolute;
    right: 3.5vw;
    top: 4.27vw;
    color: #b1b1b7;
    font-weight: bold;
    cursor: pointer;
    font-size: 4.27vw;
}
.teRed2 {
    color: #da3835 !important;
}
.blank {
    display: inline-block;
    margin-left: 3.73vw;
}
.coursecart > dd:last-child > button {
    display: inline-block;
    width: 20.8vw;
    height: 7.82vw;
    color: #da3835;
    font-size: 3.56vw;
    font-weight: normal;
    background-color: #fff;
    border: 3px solid #da3835;
    border-radius: 1.3vw;
    cursor: pointer;
}
.coursecart > dd:last-child > button + button {
    margin-left: 1.96vw;
    width: 23.82vw;
}

.bottom_cart {
    width: 100%;
    height: 30.51vw;
    box-shadow: 0px -1px 7px rgb(0, 0, 0, 15%);
    box-sizing: border-box;
    background: #fff;
    position: fixed;
    bottom: 0;
    left: 0;
    margin-top: 8.89vw;
    z-index: 1010;
}
.bottom_cart.cartt {
    height: 22vw;
}
.bottom_cart.cartt.sticky {
    height: 12.44vw;
}
.bottom_cart.sticky {
    position: relative;
    top: 0;
    left: 0;
    margin: 8.89vw auto 0;
    width: 90.31vw;
    height: 19.02vw;
    box-shadow: none;
    z-index: 1;
    border: 0px solid red;
    transition: all .3s;
}
.bottom_cart.cartt > div.btns {
    width: 90.31vw;
    height: 100%;
    margin: 0vw auto 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.bottom_cart.cartt > div.btns > button.cancel {
    background-color: #fff;
    color: #da3835;
    border: 2px solid #da3835;
    width: 42%;
}
.bottom_cart.cartt > div.btns > button {
    width: 58%;
    height: 12.44vw;
    border-radius: 1.8vw;
    font-size: 3.73vw;
    font-weight: normal;
    background-color: #da3835;
    color: #fff;
}
.bottom_cart.cartt > div.btns > button + button {
    margin-left: 2.22vw;
}
.popup_panel {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
}
.show {
    -webkit-animation-name: show;
    -webkit-animation-duration: 0.3s;
    animation-name: show;
    animation-duration: 0.3s;
}
.fade2 {
    -webkit-animation-name: fade2;
    -webkit-animation-duration: 0.3s;
    animation-name: fade2;
    animation-duration: 0.3s;
}
.coursecart > dd:last-child > button.ok {
    font-size: 3.20vw;
    color: #fff;
    border-color: #da3835;
    background-color: #da3835;
}
.popup_panel div.popup_bg {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: black;
    opacity: .6;
    filter: alpha(opacity=60);
}
.popup_panel.show .modal-wrap {
    transform: none;
}
.popup_panel.fade2 .modal-wrap {
    transition: transform .3s ease-out;
    transform: translate(0, -50px);
}
.modal-wrap.major {
    height: 155vw;
}
.modal-wrap {
    width: 100%;
    height: calc(100% - 12vw);
    padding: 0px;
    margin: 12vw auto 0;
    background-color: #fff;
    box-sizing: border-box;
    border-radius: 7.5vw 7.5vw 0 0;
    position: fixed;
    bottom: -50px;
    left: 0;
}
.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    outline: 0;
}
.modal-wrap .modal-content {
    max-height: 100%;
    overflow: hidden;
    border-radius: 7.5vw 7.5vw 0 0;
}
.popTile {
    width: 88.53vw;
    height: 8.44vw;
    padding: 0 0.67vw 4vw 2.67vw;
    margin: 8.24vw auto 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 3px solid #c5ccd7;
    color: #000;
    font-size: 4.62vw;
    box-sizing: border-box;
    text-align: left;
    font-weight: normal;
}
.popTile > a {
    font-size: 5.3vw;
    color: #7f8085;
    font-weight: bold;
    padding: 2vw;
}
.ptabb_box {
    position: relative;
    width: 88.53vw;
    margin: 5.82vw auto 0;
    border: 0px solid red;
    text-align: left;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.ptabb_box > a {
    display: inline-block;
    border: 1px solid #a1a5ad;
    border-radius: 1.2vw;
    background-color: #fff;
    font-size: 3.2vw;
    text-align: center;
    line-height: 8.18vw;
    height: 8.18vw;
    padding: 0 2.67vw;
    margin: 0 1.42vw 1.42vw 0;
    box-sizing: border-box;
}
.ptabb_box > a.done {
    background-color: #da3835;
    border-color: #da3835;
    color: #fff;
}
.ptabb_box > a:hover, .ptabb_box > a.on {
    background-color: #da3835;
    border-color: #da3835;
    color: #fff;
    font-weight:bolder;
}
.modal-body {
    position: relative;
    flex: 1 1 auto;
    margin: 5.82vw auto 0;
    width: 88.53vw;
    border: 0px solid red;
}
.modal-wrap .modal-body {
    overflow-y: auto;
}
.table_pop {
    clear: both;
    width: 100%;
    border-top: 1px solid #96a4b7;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}
.table_pop.bor {
    border-top: 2px solid #96a4b7;
}
.table_pop tr th {
    height: 12vw;
    background-color: #f3f7fb;
    color: #556081;
    border-right: 1px solid #dce4ea;
    border-bottom: 1px solid #dce4ea;
    vertical-align: middle;
    text-align: left;
    font-size: 3.38vw;
    font-weight: normal;
    padding: 1.42vw 0 1.42vw 4vw;
    word-break: keep-all;
}
.teBlack {
    color: #000 !important;
}
.table_pop tr td {
    height: 12vw;
    text-align: left;
    vertical-align: middle;
    padding: 1.42vw 0 1.42vw 4vw;
    font-size: 3.38vw;
    font-weight: normal;
    word-break: keep-all;
    line-height: 4.44vw;
}
.table_pop.bor tr td {
    border-bottom: 1px solid #dce4ea;
}
button.popbtn2 {
    display: inline-block;
    width: 88.53vw;
    height: 12.44vw;
    background-color: #da3835;
    margin: 3vw auto 5vw;
    color: #fff;
    font-size: 4vw;
    border-radius: 1.8vw;
    cursor: pointer;
    font-weight: normal;
    line-height: 13vw;
}
button.popbtn2.major {
    position: absolute;
    bottom: 4.8vw;
    left: 50%;
    margin-left: -44.265vw;
}
div.poptxttBox {
    clear: both;
    width: 100%;
    height: 17.07vw;
    margin: 0;
    padding: 0;
    position: relative;
    background-color: #f1f5fc;
    border: 2px solid #d9e1ef;
    border-radius: 1.8vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-shadow: 0 2px 5px rgba(255, 255, 255, 0.9);
    text-align: center;
}
div.poptxttBox > h4 {
    font-size: 3.73vw;
    color: #4b39af;
    margin-top: 1.5vw;
}
div.poptxttBox > p {
    font-size: 2.84vw;
    color: #3b436d;
    margin-top: -0.3vw;
}
ul.poptxtt {
    clear: both;
    width: 100%;
    margin: 0;
    padding: 0;
    position: relative;
    box-sizing: border-box;
}
ul.poptxtt li {
    color: #5c5c5c;
    margin: 0;
    background: none;
    letter-spacing: -0px;
    word-break: keep-all;
    width: 100%;
    line-height: 4.62vw;
    font-size: 3.38vw;
}
ul.poptxtt li:last-child {
    padding: 0;
}
ul.poptxtt li.ptit {
    width: 100%;
    display: inline-block;
    padding: 1vw 0 0 5.33vw;
    margin: 0 0 3vw 0;
    background: url(/common/images/ico_mok.png) no-repeat;
    height: 4.44vw;
    background-size: contain;
    color: #000;
    font-size: 3.9vw;
    box-sizing: border-box;
}

p.ptit {
    width: 100%;
    display: inline-block;
    padding: 0vw 0 0 5.8vw;
    margin: 0 0 3vw 0;
    background: url(/common/images/ico_mok.png) no-repeat;
    height: 4.44vw;
    background-size: contain;
    color: #000;
    font-size: 3.9vw;
    box-sizing: border-box;
}
dl.jucha {
    clear: both;
    width: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    display: inline-block;
    box-sizing: border-box;
}
dl.jucha dt {
    height: 8vw;
    line-height: 8vw;
    background: #f3f8fc;
    border-top: 1px solid #d9e0ed;
    border-bottom: 1px solid #d9e0ed;
    color: #1687b3;
    padding: 0px 0 0 2vw;
    margin: 0;
    font-size: 3.38vw;
}
dl.jucha dd {
    display: inline-block;
    width: 100%;
    margin: 0;
    padding: 1.8vw 0 0 1.5vw;
    line-height: 5vw;
    font-size: 3.38vw;
    word-break: keep-all;
    box-sizing: border-box;
    border: 0px solid red;
    overflow: hidden;
}

.sT533 {
    margin-top: 5.33vw;
}
.sT711 {
    margin-top: 7.11vw;
}
.sT1067 {
    margin-top: 10.67vw;
}
.clear{
    clear: both;
}
.mT622{
    margin-top:6.22vw;
}
.sT1333 {
    display: block;
    height: 13.33vw !important;
    background-color: #fff;
}
.sT578 {
    margin-top: 5.78vw;
}
.linepayBox {
    position: relative;
    width: 90.31vw;
    margin: 0vw auto 0;
    padding: 0;
    border: 5px solid #da3835;
    border-radius: 2.4vw;
    box-shadow: 0px 2px 7px rgb(0, 0, 0, 15%);
    box-sizing: border-box;
    background-color: #fff;
    overflow: hidden;
}
dl.join_rule > dt.sm {
    height: 12.27vw;
    line-height: 12.27vw;
    border-bottom: 3px solid #b1bacb;
}
dl.join_rule > dt > span {
    text-align: left !important;
    padding-left: 6.49vw;
    display: inline-block;
    margin-top: 1vw;
    font-weight: normal;
}