/* 서브 */
#sub {
    width: 100%;
    min-width: 60rem;
    display: inline-block;
    overflow: hidden;
}
#sub .subtop {
    width: 100%;
    height: 25rem;
    display: inline-block;
    background-position: center !important;
    background-size: cover;
    position: relative;
}
#sub .subtop > .inner {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: #fff;
}
#sub.sub1 .subtop {
    background-image: url(/img/content/subtop1.jpg);
}
#sub.sub2 .subtop {
    background-image: url(/img/content/subtop2.jpg);
}
#sub.sub3 .subtop {
    background-image: url(/img/content/subtop3.jpg);
}
#sub.sub4 .subtop {
    background-image: url(/img/content/subtop4.jpg);
}
#sub.sub5 .subtop {
    background-image: url(/img/content/subtop5.jpg);
}
#sub.sub6 .subtop {
    background-image: url(/img/content/subtop6.jpg);
}

#sub .snb {
    width: 100%;
    background: linear-gradient(170deg, #2199c9 10%, #093b7a 100%);
    height: 3.5rem;
    line-height: 3.5rem;
    text-align: center;
}
#sub .snb ul {
    display: flex;
}
#sub .snb ul li {
    flex: 1;
}
#sub .snb ul li a {
    display: block;
    color: #fff;
    font-size: 1.1rem;
}
#sub .snb ul li a:hover,
#sub .snb ul li a.on {
    color: #333;
    background-color: #fff;
    font-weight: 700;
}

#sub #content {
    width: 100%;
    display: inline-block;
    float: left;
    padding-bottom: 8rem;
}

#sub .paragraph {
    width: 100%;
    display: inline-block;
}
#sub .paragraph img.img {
    border-radius: 2rem;
}

#sub .paragraph.sub1_2 {
    background: url(/img/content/sub1_2/sub1_2_bg.jpg) top center no-repeat;
    background-size: cover;
    height: 52rem;
}
#sub .paragraph.sub1_2 .inner {
    height: 100%;
    padding-right: 26rem;
}

#sub .paragraph.sub1_4 .inner {
    justify-content: space-between;
}
#sub .paragraph.sub1_4 .inner > div {
    border-radius: 2rem;
    background-color: #f0f6fa;
    margin-left: 3rem;
    padding: 2.5rem 0;
}
#sub .paragraph.sub1_4 .inner > div.tel {
    background-color: #2199c9;
    color: #fff;
    margin-left: 0;
}
#sub .paragraph.sub1_4 .inner > div h4 {
    line-height: 1.8;
}
#sub .paragraph.sub1_4 .inner span.inlineblock {
    width: 7rem;
}

#sub .paragraph.sub1_6 .root_daum_roughmap {
    border-radius: 2rem;
    overflow: hidden;
}
#sub .paragraph.sub1_6 .root_daum_roughmap .map_border {
    border: 0 !important;
    background-color: transparent !important;
}
#sub .paragraph.sub1_6 .inner .flex h4 {
    line-height: 1.8;
}

#sub .paragraph.sub2_1 .inner {
    display: flex;
    height: 20rem;
    align-items: center;
    justify-content: center;
    background-position: center;
    border-radius: 2rem;
}
#sub .paragraph.sub2_1 .sub2_1_1 {
    background-image: url(/img/content/sub2_1/sub2_1_1.jpg);
}
#sub .paragraph.sub2_1 .sub2_1_2 {
    background-image: url(/img/content/sub2_1/sub2_1_2.jpg);
}
#sub .paragraph.sub2_1 .sub2_1_3 {
    background-image: url(/img/content/sub2_1/sub2_1_3.jpg);
}

#sub .paragraph .tablebox {
    display: flex;
    margin: 1rem 0;
}
#sub .paragraph .tablebox > div {
    border-radius: 50px;
    text-align: center;
    padding: 1.3rem 0.5rem;
    margin: 0 0.4rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
#sub .paragraph .tablebox > div.th_m {
    background-color: #333;
    color: #fff;
}
#sub .paragraph .tablebox > div.th_m.th_m2 {
    background-color: #13435f;
}
#sub .paragraph .tablebox > div.th_s {
    border: 2px #333 solid;
    color: #333;
}
#sub .paragraph .tablebox > div.th_m *,
#sub .paragraph .tablebox > div.th_s * {
    font-weight: 700;
}
#sub .paragraph .tablebox > div.td_m {
    background-color: #e7f0f7;
    color: #2199c9;
}
#sub .paragraph .tablebox > div.td_m * {
    font-weight: 700;
}
#sub .paragraph .tablebox > div.td_s {
    background-color: #f0f0f0;
    color: #333;
}

#sub .paragraph ul.list {
    border-top: 1px #d0d0d0 solid;
}
#sub .paragraph ul.list li {
    border-bottom: 1px #d0d0d0 solid;
    padding: 1.3rem 1rem;
}
#sub .paragraph ul.list li * {
    font-weight: 700;
    text-align: center;
}

#sub .paragraph ul.list.caution li *::before {
    content: '\e9aa';
    font-family: xeicon;
    color: #2199c9;
    margin-right: 0.5rem;
    font-weight: 100;
}

#sub .paragraph .roundbox {
    display: flex;
    justify-content: space-between;
}
#sub .paragraph .roundbox > div {
    border: 2px #2199c9 solid;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 14vw;
    height: 14vw;
    border-radius: 50%;
    text-align: center;
}
#sub .paragraph .roundbox.bigger > div {
    width: 18vw;
    height: 18vw;
}
#sub .paragraph .roundbox > div * {
    font-weight: 700;
}

#sub .paragraph ul.border_list li {
    border: 1px #333 solid;
    margin: 1rem 0;
    border-radius: 100px;
    padding: 1.2rem;
}
#sub .paragraph ul.border_list li * {
    font-weight: 700;
}

#sub .paragraph .imgtitle_box {
    display: flex;
    justify-content: space-between;
}
#sub .paragraph .imgtitle_box > div > * {
    width: 100%;
    position: relative;
}
#sub .paragraph .imgtitle_box > div .imgtitle > * {
    position: absolute;
}
#sub .paragraph .imgtitle_box > div .imgtitle h2 {
    z-index: 1;
    bottom: 2rem;
    left: 1.5rem;
}

#sub .paragraph .imgtitle_box.sub4_4_3 > div {
    width: 28rem !important;
}
#sub .paragraph .imgtitle_box.sub4_4_3 > div .imgtitle {
    height: 20rem;
}

#sub .paragraph .imgtitle_box.sub4_6_3 > div {
    width: 18.5rem !important;
}
#sub .paragraph .imgtitle_box.sub4_6_3 > div .imgtitle {
    height: 19rem;
}

#sub .paragraph .imgtitle_box.sub5_1_2 > div {
    width: 13rem !important;
}
#sub .paragraph .imgtitle_box.sub5_1_2 > div .imgtitle {
    height: 20rem;
}

#sub .paragraph .imgtitle_box.sub5_2_3 > div {
    width: 13rem !important;
}
#sub .paragraph .imgtitle_box.sub5_2_3 > div .imgtitle {
    height: 20rem;
}

#sub .paragraph .imgtitle_box.sub5_4_4 > div {
    width: 13rem !important;
}
#sub .paragraph .imgtitle_box.sub5_4_4 > div .imgtitle {
    height: 17rem;
}

#sub .paragraph .imgtitle_box.sub5_6_4 > div {
    width: 18.5rem !important;
}
#sub .paragraph .imgtitle_box.sub5_6_4 > div .imgtitle {
    height: 14rem;
}

#sub .paragraph .flex > .partition {
    width: 2px;
    height: inherit;
    background-color: #333;
    margin-top: 3.8rem;
}

#sub .paragraph .accordion {
}
#sub .paragraph .accordion span.ui-icon {
    font-family: xeicon;
    float: right;
}
#sub .paragraph .accordion > h3 {
    border-top: 2px #333 solid;
    padding: 1.2rem 0;
    font-weight: 700;
}
#sub .paragraph .accordion > h3 > span.bullet {
    width: 6%;
    display: block;
    float: left;
    text-align: center;
}
#sub .paragraph .accordion > div {
    border-top: 1px #333 solid;
    color: #888;
    display: flex;
    padding: 1.5rem 0;
    font-weight: 700;
}
#sub .paragraph .accordion > div > span.bullet {
    width: 6%;
    display: block;
    text-align: center;
    font-size: 1.5rem;
}

#sub .paragraph h5.bullet {
    padding: 0.15rem 0;
    letter-spacing: -0.05rem;
}
#sub .paragraph h5.bullet::before {
    content: '\2022';
    color: #2199c9;
    margin-right: 0.5rem;
}

#sub .paragraph.sub1_5 .slider-for .item > img {
    object-fit: contain;
    width: 1100px;
    height: 733px;
    object-position: center;
    margin: 0 auto;
}
#sub .paragraph.sub1_5 .slider-nav {
    margin-top: 1.5rem;
}
#sub .paragraph.sub1_5 .slider-nav .item {
    margin: 0 10p;
}
#sub .paragraph.sub1_5 .slider-nav .item > img {
    width: 90px;
    height: 60px;
}
#sub .paragraph.sub1_5 .slider-nav .slick-slide .item {
    opacity: 0.5;
}
#sub .paragraph.sub1_5 .slider-nav .slick-current .item {
    opacity: 1;
}
#sub .paragraph.sub1_6 .inner .map {
    width: 1200px;
}
#sub .paragraph.sub1_6 .inner .root_daum_roughmap {
    width: 100%;
}

#sub .paragraph.sub4_4:nth-of-type(4) > .inner p.mobile {
    display: none;
}

.root_daum_roughmap .wrap_controllers {
    display: none;
}
.n_map {
    padding: 0.5rem 0;
    border-radius: 100px;
    background-color: #03c75a;
    color: #fff;
    display: block;
    text-align: center;
}

#sub .paragraph .row {
    width: 100%;
    display: inline-block;
}

#sub .paragraph #basic {
    border-collapse: collapse;
}
#sub .paragraph #basic th {
    font-size: larger;
    background: #f5f5f5;
}
#sub .paragraph #basic th.first {
    font-size: 0.9rem;
}
#sub .paragraph #basic th {
    padding: 1rem 0.5rem;
    border-bottom: 1px #d0d0d0 solid;
    border-left: 1px #f5f5f5 dotted;
    background-color: #496182;
    color: #fff;
}
#sub .paragraph #basic td {
    padding: 1rem 0.5rem;
    border-bottom: 1px #d0d0d0 solid;
    border-left: 1px #b0b0b0 dotted;
}

#sub .paragraph #basic td p {
    font-size: 0.9rem;
}
#sub .paragraph #basic td p b {
    font-size: 1rem;
}
#sub .paragraph #basic .first {
    border-left: 0;
}
#sub .paragraph #basic .bg_gray {
    background: #f5f5f55b;
}
#sub .paragraph #basic.timetable .date th {
    background-color: #496182;
    color: #fff;
}

#sub .paragraph #basic.timetable .lunchtime {
    background-color: #fffcf1 !important;
}
#sub .paragraph #basic.timetable .special {
    background-color: #fff4c4 !important;
}

#sub .paragraph #basic td.price {
    text-align: right;
}
#sub .paragraph #basic td.price p:before {
    content: '\20A9';
    font-weight: 100;
    font-size: 15px;
    padding-top: 6px;
    margin-right: 10px;
}

/* 서브페이지 탭 */
#sub ul.tabs {
    width: 100%;
    line-height: 3rem;
    display: flex;
}
#sub ul.tabs li {
    text-align: center;
    font-size: 1rem;
    flex: 1;
    padding: 0 0.3rem;
    margin: 0.5rem 0;
}
#sub ul.tabs li a {
    display: block;
    border-radius: 100px;
    background-color: #fff;
    border: 2px #d0d0d0 solid;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
#sub ul.tabs li.active a {
    border: 2px #ff7700 solid;
    color: #ff7700;
    font-weight: 600;
}
#sub .tab_content {
    padding: 0 0 0 0;
    width: 100%;
    display: inline-block;
    min-height: 280px;
}

#sub .paragraph .board_box {
    font-size: 1rem !important;
}
#sub .paragraph .board_box .board_bgcolor > span,
#sub .paragraph .board_box .board_bgcolor > font,
#sub .paragraph .board_box .att_title > font {
    font-size: 1rem !important;
}
#sub .paragraph .board_box .ext_search {
    text-align: justify !important;
}
.sub1 .paragraph {
    text-align: center;
}
.privacybox {
    background: #ecf9fb;
    padding: 1.5em 2em;
}

@media (max-width: 1280px) {
    #header #gnb li:not(.sitemap) {
        display: none;
    }
    #sub {
        min-width: 100%;
    }
    #sub .snb {
        height: auto;
    }
    #sub .snb ul {
        flex-wrap: wrap;
        width: 100%;
    }
    #sub .snb ul li {
        flex: none;
    }
    #sub .paragraph.sub1_2 {
        height: auto;
        background: url(/img/content/sub1_2/sub1_2_bg_m.jpg) top center no-repeat #d1d8de;
    }
    #sub .paragraph.sub1_2 .inner {
        height: auto;
        padding: 18rem 0 6rem;
    }
    #sub .paragraph.sub1_3 .inner {
        flex-wrap: wrap;
        flex-direction: column;
    }
    #sub .paragraph.sub1_3:nth-of-type(2) .inner > .col1:first-child {
        order: 2;
        padding-right: 0;
    }
    #sub .paragraph.sub1_3:nth-of-type(2) .inner > .col1:last-child {
        order: 1;
    }
    #sub .paragraph.sub1_3:nth-of-type(4) .inner {
        flex-direction: column-reverse;
    }
    #sub .paragraph.sub1_3:nth-of-type(6) .inner {
        flex-direction: column-reverse;
    }
    #sub .paragraph.sub1_3:nth-of-type(8) .inner {
        flex-direction: column-reverse;
    }
    #sub .paragraph.sub1_3 .inner > .col1 > h3 {
        margin-bottom: 40px;
    }
    #sub .paragraph.sub1_4 .inner {
        flex-wrap: wrap;
        gap: 20px;
    }
    #sub .paragraph.sub1_4 .inner > div {
        flex: initial;
        margin-left: 0;
    }
    #sub .paragraph.sub1_4 .inner > div.tel {
        width: 100%;
    }
    #sub .paragraph.sub1_4 .inner > div:not(:first-child) {
        width: 48%;
    }
    #sub .paragraph.sub1_4 .inner span.inlineblock {
        margin-right: 25px;
        width: 5rem;
    }

    #sub .paragraph.sub1_5 .slider-for .item > img {
        width: 580px;
        height: 386px;
    }
    #sub .paragraph.sub1_5 .slider-nav .item {
        margin: 0 10px;
    }
    #sub .paragraph.sub1_5 .slider-nav .item > img {
        width: 90px;
        height: 60px;
    }
    #sub .paragraph.sub1_6 .inner .map {
        width: 580px;
    }
    #sub .paragraph.sub1_6 .inner .txt {
        flex-direction: column;
    }
    #sub .paragraph.sub1_6 .inner .txt > .col1 {
        width: 100%;
        margin-top: 2rem;
    }
    #sub .paragraph.sub2_1 .sub2_1_1 > h4,
    #sub .paragraph.sub2_1 .sub2_1_2 > h4,
    #sub .paragraph.sub2_1 .sub2_1_3 > h4 {
        width: 15rem;
    }
    #sub > .sub2_1 .superbig {
        width: 22rem;
        margin: 0 auto;
        word-break: keep-all;
        white-space: pre-wrap;
    }

    #sub .paragraph.sub2_2 .inner {
        flex-direction: column;
    }
    #sub .paragraph.sub2_2 .inner > .txt1 {
        order: 2;
        margin-top: 2rem;
        padding-right: 0;
    }
    #sub .paragraph.sub2_2 .inner > .txt2 {
        order: 1;
    }
    #sub .paragraph.sub2_2:nth-of-type(2) > .inner > .flex {
        flex-direction: column;
    }
    #sub .paragraph.sub2_2:nth-of-type(2) > .inner > .flex:nth-child(1) > .txt1 {
        order: 1;
    }
    #sub .paragraph.sub2_2:nth-of-type(2) > .inner > .flex:nth-child(1) > .txt2 {
        order: 2;
        padding: 0;
        margin-top: 2rem;
    }
    #sub .paragraph.sub2_2:nth-of-type(2) > .inner > .flex:nth-child(2) > .txt1 {
        order: 2;
        padding: 0;
        margin-top: 2rem;
    }
    #sub .paragraph.sub2_2:nth-of-type(2) > .inner > .flex:nth-child(2) > .txt2 {
        order: 1;
    }
    #sub .paragraph.sub2_2:nth-of-type(2) > .inner > .flex:nth-child(3) > .txt1 {
        order: 1;
    }
    #sub .paragraph.sub2_2:nth-of-type(2) > .inner > .flex:nth-child(3) > .txt2 {
        order: 2;
        padding-left: 0;
        margin-top: 2rem;
    }

    #sub .paragraph.sub2_3 .inner > .flex {
        flex-direction: column;
    }
    #sub .paragraph.sub2_3 .inner > .flex:nth-of-type(1) > .txt2 {
        order: 2;
        padding: 0;
        margin-top: 2rem;
    }
    #sub .paragraph.sub2_3 .inner > .flex:nth-of-type(1) > .txt1 {
        order: 1;
    }
    #sub .paragraph.sub2_3 .inner > .flex:nth-of-type(2) > .txt2 {
        order: 1;
    }
    #sub .paragraph.sub2_3 .inner > .flex:nth-of-type(2) > .txt1 {
        order: 2;
        padding: 0;
        margin-top: 2rem;
    }
    #sub .paragraph.sub2_3 .inner > .flex:nth-of-type(3) > .txt2 {
        order: 2;
        padding: 0;
        margin-top: 2rem;
    }
    #sub .paragraph.sub2_3 .inner > .flex:nth-of-type(3) > .txt1 {
        order: 1;
    }

    #sub .paragraph.sub3_1:nth-of-type(1) .inner.flex {
        flex-direction: column;
    }
    #sub .paragraph.sub3_1:nth-of-type(1) .inner.flex .img {
        width: 100%;
    }
    #sub .paragraph.sub3_1:nth-of-type(1) .inner.flex:nth-of-type(1) > .txt1 {
        order: 2;
        padding-right: 0;
        margin-top: 2rem;
    }
    #sub .paragraph.sub3_1:nth-of-type(1) .inner.flex:nth-of-type(1) > .txt2 {
        order: 1;
    }
    #sub .paragraph.sub3_1 .roundbox {
        display: flex;
        flex-direction: column;
    }
    #sub .paragraph .roundbox > div {
        border: 2px #2199c9 solid;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: 43vw;
        height: 43vw;
        border-radius: 50%;
        text-align: center;
    }
    #sub .paragraph .roundbox.bigger > div {
        width: 100%;
        height: 11rem;
        border-radius: 11rem;
        margin: 1rem 0;
    }
    #sub .paragraph.sub3_1 .roundbox h5 {
        width: 300px;
    }
    #sub .paragraph.sub3_1 .roundbox h5 br {
        content: '';
    }
    #sub .paragraph.sub3_1:nth-of-type(2) .inner:nth-of-type(2) > .flex {
        flex-direction: column;
    }
    #sub .paragraph.sub3_1:nth-of-type(2) .inner:nth-of-type(2) > .flex .img {
        width: 100%;
    }
    #sub .paragraph.sub3_1:nth-of-type(2) .inner:nth-of-type(2) > .flex:nth-of-type(1) > .txt1 {
        order: 1;
    }
    #sub .paragraph.sub3_1:nth-of-type(2) .inner:nth-of-type(2) > .flex:nth-of-type(1) > .txt2 {
        order: 2;
        padding: 0;
        margin-top: 2rem;
    }
    #sub .paragraph.sub3_1:nth-of-type(2) .inner:nth-of-type(2) > .flex:nth-of-type(2) > .txt1 {
        order: 2;
        padding: 0;
        margin-top: 2rem;
    }
    #sub .paragraph.sub3_1:nth-of-type(2) .inner:nth-of-type(2) > .flex:nth-of-type(2) > .txt2 {
        order: 1;
    }

    #sub .paragraph.sub4_1 .inner {
        flex-direction: column;
    }
    #sub .paragraph.sub4_1:nth-of-type(1) .inner > .txt1 {
        order: 2;
        padding-right: 0;
        margin-top: 2rem;
    }
    #sub .paragraph.sub4_1:nth-of-type(1) .inner > .txt2 {
        order: 1;
    }
    #sub .paragraph.sub4_1:nth-of-type(2) > h1,
    #sub .paragraph.sub4_1:nth-of-type(3) > h1,
    #sub .paragraph.sub4_1:nth-of-type(4) > h1 {
        width: 460px;
        margin: 0 auto;
        margin-bottom: 2rem;
        word-break: keep-all;
        white-space: pre-wrap;
    }
    #sub .paragraph.sub4_1:nth-of-type(4) .inner > .flex {
        flex-direction: column;
    }
    #sub .paragraph.sub4_1:nth-of-type(4) .inner > .flex .img {
        width: 100%;
    }
    #sub .paragraph.sub4_1:nth-of-type(4) .inner > .flex:nth-of-type(1) > .txt1 {
        order: 1;
    }
    #sub .paragraph.sub4_1:nth-of-type(4) .inner > .flex:nth-of-type(1) > .txt2 {
        order: 2;
        padding: 0;
        margin-top: 2rem;
    }
    #sub .paragraph.sub4_1:nth-of-type(4) .inner > .flex:nth-of-type(2) > .txt2 {
        order: 1;
    }
    #sub .paragraph.sub4_1:nth-of-type(4) .inner > .flex:nth-of-type(2) > .txt1 {
        order: 2;
        padding: 0;
        margin-top: 2rem;
    }
    #sub .paragraph.sub4_1:nth-of-type(4) .inner > .flex:nth-of-type(3) > .txt1 {
        order: 1;
    }
    #sub .paragraph.sub4_1:nth-of-type(4) .inner > .flex:nth-of-type(3) > .txt2 {
        order: 2;
        padding: 0;
        margin-top: 2rem;
    }
    #sub .paragraph.sub4_1:nth-of-type(4) .inner > .flex:nth-of-type(4) > .txt2 {
        order: 1;
    }
    #sub .paragraph.sub4_1:nth-of-type(4) .inner > .flex:nth-of-type(4) > .txt1 {
        order: 2;
        padding: 0;
        margin-top: 2rem;
    }
    #sub .paragraph.sub4_1:nth-of-type(5) .inner {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
    }
    #sub .paragraph.sub4_1:nth-of-type(5) .inner > div {
        width: 260px;
        height: 260px;
        margin: 15px;
    }
    #sub .paragraph.sub4_3 img {
        width: 100%;
    }
    #sub .paragraph.sub4_3:nth-of-type(1) {
        margin-top: 6rem;
    }
    #sub .paragraph.sub4_3:nth-of-type(1) .inner.flex {
        flex-direction: column;
    }
    #sub .paragraph.sub4_3:nth-of-type(1) .inner > .txt1 {
        order: 2;
        padding-right: 0;
        margin-top: 2rem;
    }
    #sub .paragraph.sub4_3:nth-of-type(1) .inner > .txt2 {
        order: 1;
    }
    #sub .paragraph.sub4_3:nth-of-type(2) h3 {
        width: 550px;
        margin: 0 auto;
        word-break: keep-all;
        margin-top: 1.5rem;
        margin-bottom: 2rem;
    }
    #sub .paragraph.sub4_3:nth-of-type(3) > h4 {
        width: 400px;
        margin: 0 auto;
        word-break: keep-all;
        margin-bottom: 1.5rem;
    }
    #sub .paragraph.sub4_3:nth-of-type(3) .inner {
        display: flex;
        flex-wrap: wrap;
    }
    #sub .paragraph.sub4_3:nth-of-type(3) .inner > div {
        width: 260px;
        height: 260px;
        margin: 15px;
    }
    #sub .paragraph.sub4_3:nth-of-type(5) .inner > .flex {
        flex-direction: column;
    }
    #sub .paragraph.sub4_3:nth-of-type(5) .inner > .flex .col1 {
        word-break: keep-all;
    }
    #sub .paragraph.sub4_3:nth-of-type(5) .inner > .flex:nth-of-type(1) > .txt1 {
        order: 1;
    }
    #sub .paragraph.sub4_3:nth-of-type(5) .inner > .flex:nth-of-type(1) > .txt2 {
        order: 2;
        padding: 0;
        margin-top: 2rem;
    }
    #sub .paragraph.sub4_3:nth-of-type(5) .inner > .flex:nth-of-type(2) > .txt2 {
        order: 1;
    }
    #sub .paragraph.sub4_3:nth-of-type(5) .inner > .flex:nth-of-type(2) > .txt1 {
        order: 2;
        padding: 0;
        margin-top: 2rem;
    }
    #sub .paragraph.sub4_3:nth-of-type(5) .inner > .flex:nth-of-type(3) > .txt1 {
        order: 1;
    }
    #sub .paragraph.sub4_3:nth-of-type(5) .inner > .flex:nth-of-type(3) > .txt2 {
        order: 2;
        padding: 0;
        margin-top: 2rem;
    }
    #sub .paragraph.sub4_4 * {
        word-break: keep-all;
    }
    #sub .paragraph.sub4_4 > .inner .img {
        width: 100%;
    }
    #sub .paragraph.sub4_4 > .inner {
        flex-direction: column;
    }
    #sub .paragraph.sub4_4 > .inner > .txt2 {
        order: 1;
    }
    #sub .paragraph.sub4_4 > .inner > .txt1 {
        order: 2;
        padding: 0;
        margin-top: 2rem;
    }
    #sub .paragraph.sub4_4:nth-of-type(2) h1 {
        width: 440px;
        margin: 0 auto;
        margin-bottom: 2rem;
    }
    #sub .paragraph.sub4_4:nth-of-type(3) > .inner {
        flex-direction: column;
    }
    #sub .paragraph.sub4_4:nth-of-type(3) > .inner > div {
        width: 100%;
        margin-bottom: 2rem;
    }
    #sub .paragraph.sub4_4:nth-of-type(4) > .inner {
        overflow-x: scroll;
    }
    #sub .paragraph.sub4_4:nth-of-type(4) > .inner p.mobile {
        display: block;
    }
    #sub .paragraph.sub4_4:nth-of-type(4) > .inner .tablebox {
        width: 190%;
    }
    #sub .paragraph.sub4_5 * {
        word-break: keep-all;
    }
    #sub .paragraph.sub4_5 > .inner {
        flex-direction: column;
    }
    #sub .paragraph.sub4_5 > .inner .img {
        width: 100%;
    }
    #sub .paragraph.sub4_5:nth-of-type(1) .inner > .txt2 {
        order: 1;
    }
    #sub .paragraph.sub4_5:nth-of-type(1) .inner > .txt1 {
        order: 2;
        padding: 0;
        margin-top: 2rem;
    }
    #sub .paragraph.sub4_5:nth-of-type(2) h1 {
        width: 440px;
        margin: 0 auto;
        margin-bottom: 2rem;
    }
    #sub .paragraph.sub4_5:nth-of-type(3) > .inner {
        flex-wrap: wrap;
        flex-direction: row;
    }
    #sub .paragraph.sub4_5:nth-of-type(3) > .inner > div {
        width: 290px;
        flex: initial;
    }
    #sub .paragraph.sub4_6 * {
        word-break: keep-all;
    }
    #sub .paragraph.sub4_6 > .inner {
        flex-direction: column;
    }
    #sub .paragraph.sub4_6:nth-of-type(1) .inner > .txt1 {
        order: 2;
        padding: 0;
        margin-top: 2rem;
    }
    #sub .paragraph.sub4_6:nth-of-type(1) .inner > .txt2 {
        order: 1;
    }
    #sub .paragraph.sub4_6:nth-of-type(2) .inner {
        flex-wrap: wrap;
        flex-direction: row;
    }
    #sub .paragraph.sub4_6:nth-of-type(2) .inner > div {
        margin-bottom: 3rem;
    }
    #sub .paragraph.sub4_6:nth-of-type(2) .inner > div.col1 {
        width: 270px;
        flex: initial;
    }
    #sub .paragraph.sub4_6:nth-of-type(2) .inner > div.partition:nth-of-type(4) {
        display: none;
    }
    #sub .paragraph.sub4_6:nth-of-type(3) {
        margin-top: 5.5rem;
    }
    #sub .paragraph.sub4_6:nth-of-type(3) .inner > div {
        margin: 0 auto;
        margin-bottom: 2rem;
    }
    #sub .paragraph.sub5_1 * {
        word-break: keep-all;
    }
    #sub .paragraph.sub5_1 > .inner .img {
        width: 100%;
    }
    #sub .paragraph.sub5_1:nth-of-type(1) > .inner {
        flex-direction: column;
    }
    #sub .paragraph.sub5_1:nth-of-type(1) .inner > .txt1 {
        order: 2;
        padding: 0;
        margin-top: 2rem;
    }
    #sub .paragraph.sub5_1:nth-of-type(1) .inner > .txt2 {
        order: 1;
    }
    #sub .paragraph.sub5_1:nth-of-type(2) .inner {
        flex-wrap: wrap;
        flex-direction: row;
    }
    #sub .paragraph.sub5_1:nth-of-type(2) .inner > div {
        flex: initial;
        margin-bottom: 2rem;
    }
    #sub .paragraph.sub5_2 * {
        word-break: keep-all;
    }
    #sub .paragraph.sub5_2 > .inner .img {
        width: 100%;
    }
    #sub .paragraph.sub5_2:nth-of-type(1) > .inner {
        flex-direction: column;
    }
    #sub .paragraph.sub5_2:nth-of-type(1) > .inner > .txt1 {
        order: 2;
        padding: 0;
        margin-top: 2rem;
    }
    #sub .paragraph.sub5_2:nth-of-type(1) > .inner > .txt2 {
        order: 1;
    }
    #sub .paragraph.sub5_2:nth-of-type(3) .inner {
        flex-wrap: wrap;
        flex-direction: row;
    }
    #sub .paragraph.sub5_2:nth-of-type(3) .inner > div {
        flex: initial;
        margin-bottom: 2rem;
    }
    #sub .paragraph.sub5_3 * {
        word-break: keep-all;
    }
    #sub .paragraph.sub5_3 > .inner .img {
        width: 100%;
    }
    #sub .paragraph.sub5_3:nth-of-type(1) > .inner {
        flex-direction: column;
    }
    #sub .paragraph.sub5_3:nth-of-type(1) > .inner > .txt1 {
        order: 2;
        padding: 0;
        margin-top: 2rem;
    }
    #sub .paragraph.sub5_3:nth-of-type(1) > .inner > .txt2 {
        order: 1;
    }
    #sub .paragraph.sub5_3:nth-of-type(3) > .inner > .flex {
        flex-direction: column;
    }
    #sub .paragraph.sub5_3:nth-of-type(3) > .inner > .flex > div {
        flex: initial;
    }
    #sub .paragraph.sub5_3:nth-of-type(3) > .inner > .flex:nth-of-type(1) .txt2 {
        order: 2;
        padding: 0;
        margin-top: 2rem;
    }
    #sub .paragraph.sub5_3:nth-of-type(3) > .inner > .flex:nth-of-type(1) .txt1 {
        order: 1;
    }
    #sub .paragraph.sub5_3:nth-of-type(3) > .inner > .flex:nth-of-type(2) .txt1 {
        order: 2;
        padding: 0;
        margin-top: 2rem;
    }
    #sub .paragraph.sub5_3:nth-of-type(3) > .inner > .flex:nth-of-type(2) .txt2 {
        order: 1;
    }
    #sub .paragraph.sub5_3:nth-of-type(3) > .inner > .flex:nth-of-type(3) .txt2 {
        order: 2;
        padding: 0;
        margin-top: 2rem;
    }
    #sub .paragraph.sub5_3:nth-of-type(3) > .inner > .flex:nth-of-type(3) .txt1 {
        order: 1;
    }
    #sub .paragraph.sub5_3:nth-of-type(3) > .inner > .flex:nth-of-type(4) .txt1 {
        order: 2;
        padding: 0;
        margin-top: 2rem;
    }
    #sub .paragraph.sub5_3:nth-of-type(3) > .inner > .flex:nth-of-type(4) .txt2 {
        order: 1;
    }
    #sub .paragraph.sub5_4 * {
        word-break: keep-all;
    }
    #sub .paragraph.sub5_4 > .inner .img {
        width: 100%;
    }
    #sub .paragraph.sub5_4:nth-of-type(1) > .inner {
        flex-direction: column;
    }
    #sub .paragraph.sub5_4:nth-of-type(1) > .inner > .txt1 {
        order: 2;
        padding: 0;
        margin-top: 2rem;
    }
    #sub .paragraph.sub5_4:nth-of-type(1) > .inner > .txt2 {
        order: 1;
    }
    #sub .paragraph.sub5_4:nth-of-type(2) .inner {
        display: flex;
        flex-wrap: wrap;
    }
    #sub .paragraph.sub5_4:nth-of-type(2) .inner > div {
        width: 260px;
        height: 260px;
        margin: 15px;
    }
    #sub .paragraph.sub5_4:nth-of-type(4) .inner {
        flex-wrap: wrap;
        flex-direction: row;
    }
    #sub .paragraph.sub5_4:nth-of-type(4) .inner > div {
        flex: initial;
        margin-bottom: 2rem;
    }
    #sub .paragraph.sub5_4:nth-of-type(5) > .inner > .flex {
        flex-direction: column;
    }
    #sub .paragraph.sub5_4:nth-of-type(5) > .inner > .flex:nth-of-type(1) .txt2 {
        order: 2;
        padding: 0;
        margin-top: 2rem;
    }
    #sub .paragraph.sub5_4:nth-of-type(5) > .inner > .flex:nth-of-type(1) .txt1 {
        order: 1;
    }
    #sub .paragraph.sub5_4:nth-of-type(5) > .inner > .flex:nth-of-type(2) .txt1 {
        order: 2;
        padding: 0;
        margin-top: 2rem;
    }
    #sub .paragraph.sub5_4:nth-of-type(5) > .inner > .flex:nth-of-type(2) .txt2 {
        order: 1;
    }
    #sub .paragraph.sub5_4:nth-of-type(5) > .inner > .flex:nth-of-type(3) .txt2 {
        order: 2;
        padding: 0;
        margin-top: 2rem;
    }
    #sub .paragraph.sub5_4:nth-of-type(5) > .inner > .flex:nth-of-type(3) .txt1 {
        order: 1;
    }
    #sub .paragraph.sub5_4:nth-of-type(5) > .inner > .flex:nth-of-type(4) .txt1 {
        order: 2;
        padding: 0;
        margin-top: 2rem;
    }
    #sub .paragraph.sub5_4:nth-of-type(5) > .inner > .flex:nth-of-type(4) .txt2 {
        order: 1;
    }
    #sub .paragraph.sub5_5 * {
        word-break: keep-all;
    }
    #sub .paragraph.sub5_5 > .inner .img {
        width: 100%;
    }
    #sub .paragraph.sub5_5:nth-of-type(1) > .inner {
        flex-direction: column;
    }
    #sub .paragraph.sub5_5:nth-of-type(1) > .inner > div {
        flex: initial;
        margin-bottom: 2rem;
    }
    #sub .paragraph.sub5_5:nth-of-type(1) > .inner .txt1 {
        order: 2;
        padding: 0;
        margin-top: 2rem;
    }
    #sub .paragraph.sub5_5:nth-of-type(1) > .inner .txt2 {
        order: 1;
    }
    #sub .paragraph.sub5_5:nth-of-type(3) .inner {
        display: flex;
        flex-wrap: wrap;
    }
    #sub .paragraph.sub5_5:nth-of-type(3) .inner > div {
        width: 260px;
        height: 260px;
        margin: 15px;
    }
    #sub .paragraph.sub5_6 * {
        word-break: keep-all;
    }
    #sub .paragraph.sub5_6 > .inner .img {
        width: 100%;
    }
    #sub .paragraph.sub5_6:nth-of-type(1) > .inner {
        flex-direction: column;
    }
    #sub .paragraph.sub5_6:nth-of-type(1) > .inner > div {
        flex: initial;
        margin-bottom: 2rem;
    }
    #sub .paragraph.sub5_6:nth-of-type(1) > .inner .txt1 {
        order: 2;
        padding: 0;
        margin-top: 2rem;
    }
    #sub .paragraph.sub5_6:nth-of-type(1) > .inner .txt2 {
        order: 1;
    }
    #sub .paragraph.sub5_6:nth-of-type(4) > .inner {
        flex-direction: column;
    }
    #sub .paragraph.sub5_6:nth-of-type(4) > .inner > div {
        margin: 0 auto;
        margin-bottom: 2rem;
    }
}