/* @import "style-custom.css"; */

/* ===== section ===== */
.sc--box-full {
    position: relative;
    width: 100%;
    height: auto;
}

.box-bg-full {
    position: relative;
    width: 100%;
    height: auto;
    padding: 1.3rem 0 1.3rem 0;
    box-shadow: 0px 0px 5px 2px rgba(var(--color-dark-rgb), 0.05);
    -webkit-box-shadow: 0px 0px 5px 2px rgba(var(--color-dark-rgb), 0.05);
    -moz-box-shadow: 0px 0px 5px 2px rgba(var(--color-dark-rgb), 0.05);
}

.box-shadow-d05 {
    box-shadow: 0px 0px 5px 2px rgba(var(--color-dark-rgb), 0.05);
    -webkit-box-shadow: 0px 0px 5px 2px rgba(var(--color-dark-rgb), 0.05);
    -moz-box-shadow: 0px 0px 5px 2px rgba(var(--color-dark-rgb), 0.05);
}

.box-bg-imgsl-sd {
    overflow: hidden;
    border-radius: 5px;
    background-color: var(--color-light);
    box-shadow: 0px 0px 5px 2px rgba(var(--color-dark-rgb), 0.05);
    -webkit-box-shadow: 0px 0px 5px 2px rgba(var(--color-dark-rgb), 0.05);
    -moz-box-shadow: 0px 0px 5px 2px rgba(var(--color-dark-rgb), 0.05);
}

.txt-dcrt-line {
    text-decoration: line-through;
}

.txt-dcrt-line-red {
    text-decoration: line-through;
    text-decoration-color: var(--color-red);
}

@media (min-width: 1200px) {
    .dpn--box1 { display: none; }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .dpn--box1 { display: none; }
    .dpn--box2 { display: none; }
}
@media (min-width: 791px) and (max-width: 991px) {
    .dpn--box1 { display: none; }
    .dpn--box2 { display: none; }
    .dpn--box3 { display: none; }
}
@media (min-width: 501px) and (max-width: 790px) {
    .dpn--box1 { display: none; }
    .dpn--box2 { display: none; }
    .dpn--box3 { display: none; }
    .dpn--box4 { display: none; }
}
@media (min-width: 0px) and (max-width: 500px) {
    .dpn--box1 { display: none; }
    .dpn--box2 { display: none; }
    .dpn--box3 { display: none; }
    .dpn--box4 { display: none; }
    .dpn--box5 { display: none; }
}

/* ===== justify content ===== */
.b-jtf-ct-stretch { justify-content: stretch !important; }
.b-jtf-ct-sparound { justify-content: space-around !important; }
.b-jtf-ct-spbetween { justify-content: space-between !important; }
.b-jtf-ct-spevenly { justify-content: space-evenly !important; }
.b-jtf-ct-center { justify-content: center !important; }
.b-jtf-ct-end { justify-content: end !important; }
.b-jtf-ct-start { justify-content: start !important; }

/* ===== box free ===== */
.box--free5 { width: 100%; height: 5px; }
.box--free10 { width: 100%; height: 10px; }
.box--free15 { width: 100%; height: 15px; }
.box--free20 { width: 100%; height: 20px; }
.box--free25 { width: 100%; height: 25px; }
.box--free30 { width: 100%; height: 30px; }
.box--free35 { width: 100%; height: 35px; }
.box--free40 { width: 100%; height: 40px; }
.box--free45 { width: 100%; height: 45px; }
.box--free50 { width: 100%; height: 50px; }


/* ===== text align ===== */
.txt-al-c { text-align: center; }
.txt-al-l { text-align: left; }
.txt-al-r { text-align: right; }

.txt-fw-n { font-weight: normal; }
.txt-fw-b { font-weight: bold; }


/* ===== margin ===== */
.mg--t5 { margin-top: 5px; }
.mg--t10 { margin-top: 10px; }
.mg--t15 { margin-top: 15px; }
.mg--t20 { margin-top: 20px; }
.mg--t25 { margin-top: 25px; }

.mg--b5 { margin-bottom: 5px; }
.mg--b10 { margin-bottom: 10px; }
.mg--b15 { margin-bottom: 15px; }
.mg--b20 { margin-bottom: 20px; }
.mg--b25 { margin-bottom: 25px; }

.mg--l5 { margin-left: 5px; }
.mg--l10 { margin-left: 10px; }
.mg--l15 { margin-left: 15px; }
.mg--l20 { margin-left: 20px; }
.mg--l25 { margin-left: 25px; }

.mg--r5 { margin-right: 5px; }
.mg--r10 { margin-right: 10px; }
.mg--r15 { margin-right: 15px; }
.mg--r20 { margin-right: 20px; }
.mg--r25 { margin-right: 25px; }

.mg--tb5 { margin-top: 5px; margin-bottom: 5px; }
.mg--tb10 { margin-top: 10px; margin-bottom: 10px; }
.mg--tb15 { margin-top: 15px; margin-bottom: 15px; }
.mg--tb20 { margin-top: 20px; margin-bottom: 20px; }
.mg--tb25 { margin-top: 25px; margin-bottom: 25px; }

.mg--lr5 { margin-left: 5px; margin-right: 5px; }
.mg--lr10 { margin-left: 10px; margin-right: 10px; }
.mg--lr15 { margin-left: 15px; margin-right: 15px; }
.mg--lr20 { margin-left: 20px; margin-right: 20px; }
.mg--lr25 { margin-left: 25px; margin-right: 25px; }


/* ===== padding ===== */
.pd--t5 { padding-top: 5px; }
.pd--t10 { padding-top: 10px; }
.pd--t15 { padding-top: 15px; }
.pd--t20 { padding-top: 20px; }
.pd--t25 { padding-top: 25px; }

.pd--b5 { padding-bottom: 5px; }
.pd--b10 { padding-bottom: 10px; }
.pd--b15 { padding-bottom: 15px; }
.pd--b20 { padding-bottom: 20px; }
.pd--b25 { padding-bottom: 25px; }

.pd--l5 { padding-left: 5px; }
.pd--l10 { padding-left: 10px; }
.pd--l15 { padding-left: 15px; }
.pd--l20 { padding-left: 20px; }
.pd--l25 { padding-left: 25px; }

.pd--r5 { padding-right: 5px; }
.pd--r10 { padding-right: 10px; }
.pd--r15 { padding-right: 15px; }
.pd--r20 { padding-right: 20px; }
.pd--r25 { padding-right: 25px; }

.pd--tb5 { padding-top: 5px; padding-bottom: 5px; }
.pd--tb10 { padding-top: 10px; padding-bottom: 10px; }
.pd--tb15 { padding-top: 15px; padding-bottom: 15px; }
.pd--tb20 { padding-top: 20px; padding-bottom: 20px; }
.pd--tb25 { padding-top: 25px; padding-bottom: 25px; }

.pd--lr5 { padding-left: 5px; padding-right: 5px; }
.pd--lr10 { padding-left: 10px; padding-right: 10px; }
.pd--lr15 { padding-left: 15px; padding-right: 15px; }
.pd--lr20 { padding-left: 20px; padding-right: 20px; }
.pd--lr25 { padding-left: 25px; padding-right: 25px; }


/* ===== text indent ===== */
.txt-idt5 { text-indent: 5px; }
.txt-idt10 { text-indent: 10px; }
.txt-idt15 { text-indent: 15px; }
.txt-idt20 { text-indent: 20px; }
.txt-idt25 { text-indent: 25px; }

.txt-idt26 { text-indent: 26px; }
.txt-idt27 { text-indent: 27px; }
.txt-idt28 { text-indent: 28px; }
.txt-idt29 { text-indent: 29px; }

.txt-idt30 { text-indent: 30px; }
.txt-idt35 { text-indent: 35px; }
.txt-idt40 { text-indent: 40px; }
.txt-idt45 { text-indent: 45px; }
.txt-idt50 { text-indent: 50px; }
.txt-idt55 { text-indent: 55px; }


/* ===== line height ===== */
.lineh-0-3 { line-height: 0.3; }
.lineh-0-4 { line-height: 0.4; }
.lineh-0-5 { line-height: 0.5; }
.lineh-0-6 { line-height: 0.6; }
.lineh-0-7 { line-height: 0.7; }
.lineh-0-8 { line-height: 0.8; }
.lineh-0-9 { line-height: 0.9; }
.lineh-1 { line-height: 1; }
.lineh-1-1 { line-height: 1.1; }
.lineh-1-2 { line-height: 1.2; }
.lineh-1-3 { line-height: 1.3; }
.lineh-1-4 { line-height: 1.4; }
.lineh-1-5 { line-height: 1.5; }
.lineh-1-6 { line-height: 1.6; }
.lineh-1-7 { line-height: 1.7; }
.lineh-1-8 { line-height: 1.8; }
.lineh-1-9 { line-height: 1.9; }
.lineh-2 { line-height: 2; }



/* ===== color ===== */
.cl-first { color: var(--color-first) !important; }
.cl-second { color: var(--color-second) !important; }
.cl-third { color: var(--color-third) !important; }
.cl-fourth { color: var(--color-fourth) !important; }
.cl-fifth { color: var(--color-fifth) !important; }

.cl-light { color: var(--color-light) !important; }
.cl-dark { color: var(--color-dark) !important; }

.cl-black1 { color: var(--color-black1) !important; }
.cl-black2 { color: var(--color-black2) !important; }
.cl-black3 { color: var(--color-black3) !important; }
.cl-black4 { color: var(--color-black4) !important; }
.cl-black5 { color: var(--color-black5) !important; }
.cl-black6 { color: var(--color-black6) !important; }

.cl-txtg { color: var(--color-txtg) !important; }
.cl-txtg1 { color: var(--color-txtg1) !important; }
.cl-txtg2 { color: var(--color-txtg2) !important; }
.cl-txtg3 { color: var(--color-txtg3) !important; }
.cl-txtg4 { color: var(--color-txtg4) !important; }
.cl-txtg5 { color: var(--color-txtg5) !important; }
.cl-txtg6 { color: var(--color-txtg6) !important; }

.cl-grey { color: var(--color-grey) !important; }
.cl-grey1 { color: var(--color-grey1) !important; }
.cl-grey2 { color: var(--color-grey2) !important; }
.cl-grey3 { color: var(--color-grey3) !important; }
.cl-grey4 { color: var(--color-grey4) !important; }
.cl-grey5 { color: var(--color-grey5) !important; }
.cl-grey6 { color: var(--color-grey6) !important; }

.cl-green { color: var(--color-green) !important; }
.cl-green1 { color: var(--color-green1) !important; }
.cl-green2 { color: var(--color-green2) !important; }
.cl-green3 { color: var(--color-green3) !important; }
.cl-green4 { color: var(--color-green4) !important; }
.cl-green5 { color: var(--color-green5) !important; }
.cl-green6 { color: var(--color-green6) !important; }

.cl-red { color: var(--color-red) !important; }
.cl-red1 { color: var(--color-red1) !important; }
.cl-red2 { color: var(--color-red2) !important; }
.cl-red3 { color: var(--color-red3) !important; }
.cl-red4 { color: var(--color-red4) !important; }
.cl-red5 { color: var(--color-red5) !important; }
.cl-red6 { color: var(--color-red6) !important; }
.cl-red7 { color: var(--color-red7) !important; }

.cl-orange { color: var(--color-orange) !important; }
.cl-orange1 { color: var(--color-orange1) !important; }
.cl-orange2 { color: var(--color-orange2) !important; }
.cl-orange3 { color: var(--color-orange3) !important; }
.cl-orange4 { color: var(--color-orange4) !important; }
.cl-orange5 { color: var(--color-orange5) !important; }
.cl-orange6 { color: var(--color-orange6) !important; }

.cl-yellow { color: var(--color-yellow) !important; }
.cl-yellow1 { color: var(--color-yellow1) !important; }
.cl-yellow2 { color: var(--color-yellow2) !important; }
.cl-yellow3 { color: var(--color-yellow3) !important; }
.cl-yellow4 { color: var(--color-yellow4) !important; }
.cl-yellow5 { color: var(--color-yellow5) !important; }
.cl-yellow6 { color: var(--color-yellow6) !important; }

.cl-blue { color: var(--color-blue) !important; }
.cl-blue1 { color: var(--color-blue1) !important; }
.cl-blue2 { color: var(--color-blue2) !important; }
.cl-blue3 { color: var(--color-blue3) !important; }
.cl-blue4 { color: var(--color-blue4) !important; }
.cl-blue5 { color: var(--color-blue5) !important; }
.cl-blue6 { color: var(--color-blue6) !important; }

.cl-brown { color: var(--color-brown) !important; }
.cl-brown1 { color: var(--color-brown1) !important; }
.cl-brown2 { color: var(--color-brown2) !important; }
.cl-brown3 { color: var(--color-brown3) !important; }
.cl-brown4 { color: var(--color-brown4) !important; }
.cl-brown5 { color: var(--color-brown5) !important; }
.cl-brown6 { color: var(--color-brown6) !important; }

.cl-fb { color: var(--color-fb) !important; }
.cl-msg { color: var(--color-msg) !important; }
.cl-ig { color: var(--color-ig) !important; }
.cl-line { color: var(--color-line) !important; }
.cl-twt { color: var(--color-twt) !important; }
.cl-wa { color: var(--color-wa) !important; }
.cl-yt { color: var(--color-yt) !important; }
.cl-email { color: var(--color-email) !important; }
.cl-pdf { color: var(--color-pdf) !important; }
.cl-word { color: var(--color-word) !important; }

.cl-icon-yl { color: var(--color-icon-yl) !important; }
.cl-bg-yl { color: var(--color-bg-yl) !important; }
.cl-bg-ft { color: var(--color-bg-ft) !important; }
.cl-stbk { color: var(--color-stbk) !important; }


/* ===== background color ===== */
.bg--light { background-color: var(--color-light); }
.bg--first { background-color: var(--color-first); }
.bg--first08 { background-color: rgba(var(--color-first-rgb), 0.8); }
.bg--first05 { background-color: rgba(var(--color-first-rgb), 0.5); }
.bg--second { background-color: var(--color-second); }
.bg--second05 { background-color: rgba(var(--color-second-rgb), 0.5); }
.bg--third { background-color: var(--color-third); }
.bg--fourth { background-color: var(--color-fourth); }
.bg--fifth { background-color: var(--color-fifth); }
.bg--grey { background-color: var(--color-grey); }
.bg--grey-sc { background-color: var(--color-grey4); }
.bg--grey-sc2 { background-color: var(--color-grey2); }
.bg--green { background-color: var(--color-green); }
.bg--green-sc { background-color: var(--color-green5); }
.bg--red { background-color: var(--color-red); }
.bg--red-sc { background-color: var(--color-red3); }
.bg--orange { background-color: var(--color-orange); }
.bg--orange-sc { background-color: var(--color-orange5); }
.bg--yellow { background-color: var(--color-yellow); }
.bg--yellow-sc { background-color: var(--color-yellow3); }
.bg--blue { background-color: var(--color-blue); }
.bg--blue-sc { background-color: var(--color-blue3); }
.bg--brown { background-color: var(--color-brown); }
.bg--brown-sc { background-color: var(--color-brown4); }
.bg--msgbtn { background-color: var(--color-msg); }

.bg--img-map {
    background-image: url(/img/imgmap.jpg);
    background-size: auto auto;
    background-repeat: no-repeat;
    background-position: center;
}


.txt-color-transparent {
    color: transparent !important;
}



/* ===== font size ===== */
.txt-size1 { font-size: 0.63rem; }
.txt-size2 { font-size: 0.69rem; }
.txt-size3 { font-size: 0.075rem; }
.txt-size4 { font-size: 0.82rem; }
.txt-size5 { font-size: 0.88rem; }
.txt-size6 { font-size: 0.94rem; }
.txt-size7 { font-size: 1rem; }
.txt-size8 { font-size: 1.07rem; }
.txt-size9 { font-size: 1.13rem; }
.txt-size10 { font-size: 1.19rem; }
.txt-size11 { font-size: 1.25rem; }
.txt-size12 { font-size: 1.32rem; }
.txt-size13 { font-size: 1.38rem; }
.txt-size14 { font-size: 1.44rem; }
.txt-size15 { font-size: 1.5rem; }
.txt-size16 { font-size: 1.57rem; }
.txt-size17 { font-size: 1.63rem; }
.txt-size18 { font-size: 1.69rem; }
.txt-size19 { font-size: 1.75rem; }
.txt-size20 { font-size: 1.82rem; }
.txt-size21 { font-size: 1.88rem; }
.txt-size22 { font-size: 1.94rem; }
.txt-size23 { font-size: 2rem; }
.txt-size24 { font-size: 2.07rem; }
.txt-size25 { font-size: 2.13rem; }
.txt-size26 { font-size: 2.19rem; }
.txt-size27 { font-size: 2.25rem; }
.txt-size28 { font-size: 2.32rem; }
.txt-size29 { font-size: 2.38rem; }
.txt-size30 { font-size: 2.44rem; }
.txt-size31 { font-size: 2.5rem; }
.txt-size32 { font-size: 2.57rem; }
.txt-size33 { font-size: 2.63rem; }
.txt-size34 { font-size: 2.69rem; }
.txt-size35 { font-size: 2.75rem; }
.txt-size36 { font-size: 2.82rem; }
.txt-size37 { font-size: 2.88rem; }
.txt-size38 { font-size: 2.94rem; }
.txt-size39 { font-size: 3rem; }